@nldd/design-system 0.8.79 → 0.8.82

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 (446) hide show
  1. package/custom-elements.json +2400 -664
  2. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  3. package/dist/components/actions/button/button.styles.js +4 -1
  4. package/dist/components/actions/button/button.styles.js.map +1 -1
  5. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  6. package/dist/components/actions/icon-button/icon-button.styles.js +4 -1
  7. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  8. package/dist/components/actions/menu/menu.d.ts +44 -3
  9. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  10. package/dist/components/actions/menu/menu.js +86 -33
  11. package/dist/components/actions/menu/menu.js.map +1 -1
  12. package/dist/components/actions/menu/menu.template.d.ts +1 -1
  13. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  14. package/dist/components/actions/menu/menu.template.js +7 -3
  15. package/dist/components/actions/menu/menu.template.js.map +1 -1
  16. package/dist/components/actions/toolbar/toolbar.d.ts +29 -0
  17. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  18. package/dist/components/actions/toolbar/toolbar.i18n.d.ts +1 -0
  19. package/dist/components/actions/toolbar/toolbar.i18n.d.ts.map +1 -1
  20. package/dist/components/actions/toolbar/toolbar.i18n.js +1 -0
  21. package/dist/components/actions/toolbar/toolbar.i18n.js.map +1 -1
  22. package/dist/components/actions/toolbar/toolbar.js +74 -0
  23. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  24. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  25. package/dist/components/actions/toolbar/toolbar.styles.js +39 -5
  26. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  27. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  28. package/dist/components/actions/toolbar/toolbar.template.js +19 -1
  29. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  30. package/dist/components/breakpoints-CkxsiRgH.js +10 -0
  31. package/dist/components/components.js +51975 -114
  32. package/dist/components/content/avatar/avatar.d.ts +51 -47
  33. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  34. package/dist/components/content/avatar/avatar.js +85 -75
  35. package/dist/components/content/avatar/avatar.js.map +1 -1
  36. package/dist/components/content/avatar/avatar.styles.js +2 -2
  37. package/dist/components/content/avatar/avatar.template.d.ts +1 -0
  38. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  39. package/dist/components/content/avatar/avatar.template.js +26 -18
  40. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  41. package/dist/components/content/avatar-group/avatar-group.d.ts +90 -0
  42. package/dist/components/content/avatar-group/avatar-group.d.ts.map +1 -0
  43. package/dist/components/content/avatar-group/avatar-group.i18n.d.ts +6 -0
  44. package/dist/components/content/avatar-group/avatar-group.i18n.d.ts.map +1 -0
  45. package/dist/components/content/avatar-group/avatar-group.i18n.js +5 -0
  46. package/dist/components/content/avatar-group/avatar-group.i18n.js.map +1 -0
  47. package/dist/components/content/avatar-group/avatar-group.js +169 -0
  48. package/dist/components/content/avatar-group/avatar-group.js.map +1 -0
  49. package/dist/components/content/avatar-group/avatar-group.styles.d.ts +2 -0
  50. package/dist/components/content/avatar-group/avatar-group.styles.d.ts.map +1 -0
  51. package/dist/components/content/avatar-group/avatar-group.styles.js +132 -0
  52. package/dist/components/content/avatar-group/avatar-group.styles.js.map +1 -0
  53. package/dist/components/content/avatar-group/avatar-group.template.d.ts +3 -0
  54. package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -0
  55. package/dist/components/content/avatar-group/avatar-group.template.js +50 -0
  56. package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -0
  57. package/dist/components/content/blockquote/blockquote.d.ts +3 -3
  58. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  59. package/dist/components/content/blockquote/blockquote.js +8 -8
  60. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  61. package/dist/components/content/blockquote/blockquote.styles.js +1 -1
  62. package/dist/components/content/blockquote/blockquote.template.js +1 -1
  63. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  64. package/dist/components/content/code-viewer/code-viewer.d.ts +4 -4
  65. package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
  66. package/dist/components/content/code-viewer/code-viewer.js +5 -13
  67. package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
  68. package/dist/components/content/code-viewer/code-viewer.styles.js +1 -1
  69. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  70. package/dist/components/content/icon/icon-aliases.js +18 -0
  71. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  72. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  73. package/dist/components/content/icon/icon-gallery-status.js +75 -27
  74. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  75. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  76. package/dist/components/content/icon/icon-registry.js +25 -13
  77. package/dist/components/content/icon/icon-registry.js.map +1 -1
  78. package/dist/components/content/identity/identity.d.ts +71 -0
  79. package/dist/components/content/identity/identity.d.ts.map +1 -0
  80. package/dist/components/content/identity/identity.js +124 -0
  81. package/dist/components/content/identity/identity.js.map +1 -0
  82. package/dist/components/content/identity/identity.styles.d.ts +2 -0
  83. package/dist/components/content/identity/identity.styles.d.ts.map +1 -0
  84. package/dist/components/content/{byline/byline.styles.js → identity/identity.styles.js} +28 -47
  85. package/dist/components/content/identity/identity.styles.js.map +1 -0
  86. package/dist/components/content/identity/identity.template.d.ts +3 -0
  87. package/dist/components/content/identity/identity.template.d.ts.map +1 -0
  88. package/dist/components/content/{byline/byline.template.js → identity/identity.template.js} +12 -11
  89. package/dist/components/content/identity/identity.template.js.map +1 -0
  90. package/dist/components/content/tag/tag.d.ts +15 -10
  91. package/dist/components/content/tag/tag.d.ts.map +1 -1
  92. package/dist/components/content/tag/tag.js +15 -10
  93. package/dist/components/content/tag/tag.js.map +1 -1
  94. package/dist/components/content/title/title.d.ts +4 -4
  95. package/dist/components/content/title/title.js +4 -4
  96. package/dist/components/content/title/title.styles.js +1 -1
  97. package/dist/components/content/title/title.template.js +2 -2
  98. package/dist/components/content/token/token.d.ts +6 -2
  99. package/dist/components/content/token/token.d.ts.map +1 -1
  100. package/dist/components/content/token/token.js +6 -2
  101. package/dist/components/content/token/token.js.map +1 -1
  102. package/dist/components/content/tooltip/tooltip.d.ts +26 -25
  103. package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
  104. package/dist/components/content/tooltip/tooltip.js +31 -25
  105. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  106. package/dist/components/decorate-BKn10QQi.js +9 -0
  107. package/dist/components/dist-BYVOPNHp.js +381 -0
  108. package/dist/components/dist-Bq4xc7Bm.js +624 -0
  109. package/dist/components/dist-C0PiB1dr.js +870 -0
  110. package/dist/components/dist-C400RcFU.js +1498 -0
  111. package/dist/components/dist-CCg5Mso_.js +390 -0
  112. package/dist/components/dist-CJR_Rwhh.js +464 -0
  113. package/dist/components/dist-Ccw7ZfsU.js +18481 -0
  114. package/dist/components/dist-OBifyiJS.js +887 -0
  115. package/dist/components/dist-TpIL8G4G.js +1480 -0
  116. package/dist/components/dist-afrAoubg.js +1181 -0
  117. package/dist/components/dist-bO14jlsr.js +78 -0
  118. package/dist/components/forms/form-field/form-field.d.ts +59 -2
  119. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  120. package/dist/components/forms/form-field/form-field.js +120 -35
  121. package/dist/components/forms/form-field/form-field.js.map +1 -1
  122. package/dist/components/gherkin-uCVRxsGf.js +108 -0
  123. package/dist/components/icon-CIpJq_cf.js +751 -0
  124. package/dist/components/icon-button-BAkUJTn6.js +1676 -0
  125. package/dist/components/index.d.ts +4 -1
  126. package/dist/components/index.d.ts.map +1 -1
  127. package/dist/components/index.js +4 -1
  128. package/dist/components/index.js.map +1 -1
  129. package/dist/components/input-modality-DhTeUxKi.js +43 -0
  130. package/dist/components/inputs/checkbox/checkbox.d.ts +13 -0
  131. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  132. package/dist/components/inputs/checkbox/checkbox.js +18 -0
  133. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  134. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  135. package/dist/components/inputs/checkbox/checkbox.styles.js +17 -0
  136. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  137. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  138. package/dist/components/inputs/checkbox/checkbox.template.js +11 -0
  139. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  140. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts +9 -0
  141. package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map +1 -1
  142. package/dist/components/inputs/checkbox-field/checkbox-field.js +11 -0
  143. package/dist/components/inputs/checkbox-field/checkbox-field.js.map +1 -1
  144. package/dist/components/inputs/code-editor/code-editor.d.ts +3 -0
  145. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -1
  146. package/dist/components/inputs/code-editor/code-editor.js +3 -0
  147. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  148. package/dist/components/inputs/combo-box/combo-box.d.ts +6 -0
  149. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  150. package/dist/components/inputs/combo-box/combo-box.js +21 -0
  151. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  152. package/dist/components/inputs/date-field/date-field.d.ts +6 -0
  153. package/dist/components/inputs/date-field/date-field.d.ts.map +1 -1
  154. package/dist/components/inputs/date-field/date-field.js +11 -0
  155. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  156. package/dist/components/inputs/date-picker/date-picker.d.ts +3 -0
  157. package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -1
  158. package/dist/components/inputs/date-picker/date-picker.js +4 -1
  159. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  160. package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -1
  161. package/dist/components/inputs/date-picker/date-picker.styles.js +7 -2
  162. package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -1
  163. package/dist/components/inputs/dropdown/dropdown.d.ts +29 -0
  164. package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
  165. package/dist/components/inputs/dropdown/dropdown.js +44 -1
  166. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  167. package/dist/components/inputs/file-field/file-field.d.ts +115 -0
  168. package/dist/components/inputs/file-field/file-field.d.ts.map +1 -0
  169. package/dist/components/inputs/file-field/file-field.i18n.d.ts +10 -0
  170. package/dist/components/inputs/file-field/file-field.i18n.d.ts.map +1 -0
  171. package/dist/components/inputs/file-field/file-field.i18n.js +9 -0
  172. package/dist/components/inputs/file-field/file-field.i18n.js.map +1 -0
  173. package/dist/components/inputs/file-field/file-field.js +249 -0
  174. package/dist/components/inputs/file-field/file-field.js.map +1 -0
  175. package/dist/components/inputs/file-field/file-field.styles.d.ts +2 -0
  176. package/dist/components/inputs/file-field/file-field.styles.d.ts.map +1 -0
  177. package/dist/components/inputs/file-field/file-field.styles.js +134 -0
  178. package/dist/components/inputs/file-field/file-field.styles.js.map +1 -0
  179. package/dist/components/inputs/file-field/file-field.template.d.ts +7 -0
  180. package/dist/components/inputs/file-field/file-field.template.d.ts.map +1 -0
  181. package/dist/components/inputs/file-field/file-field.template.js +63 -0
  182. package/dist/components/inputs/file-field/file-field.template.js.map +1 -0
  183. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +3 -0
  184. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  185. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -0
  186. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  187. package/dist/components/inputs/number-field/number-field.d.ts +9 -0
  188. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  189. package/dist/components/inputs/number-field/number-field.js +12 -0
  190. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  191. package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
  192. package/dist/components/inputs/number-field/number-field.template.js +1 -0
  193. package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
  194. package/dist/components/inputs/password-field/password-field.d.ts +9 -0
  195. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  196. package/dist/components/inputs/password-field/password-field.js +12 -0
  197. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  198. package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
  199. package/dist/components/inputs/password-field/password-field.template.js +1 -0
  200. package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
  201. package/dist/components/inputs/radio-button/radio-button.d.ts +13 -0
  202. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  203. package/dist/components/inputs/radio-button/radio-button.js +18 -0
  204. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  205. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  206. package/dist/components/inputs/radio-button/radio-button.styles.js +11 -0
  207. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  208. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  209. package/dist/components/inputs/radio-button/radio-button.template.js +10 -0
  210. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  211. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +9 -0
  212. package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
  213. package/dist/components/inputs/radio-button-field/radio-button-field.js +11 -0
  214. package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
  215. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +16 -0
  216. package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
  217. package/dist/components/inputs/radio-button-group/radio-button-group.js +33 -0
  218. package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
  219. package/dist/components/inputs/search-field/search-field.d.ts +6 -0
  220. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  221. package/dist/components/inputs/search-field/search-field.js +6 -0
  222. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  223. package/dist/components/inputs/segmented-control/segmented-control.d.ts +16 -0
  224. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  225. package/dist/components/inputs/segmented-control/segmented-control.js +26 -7
  226. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  227. package/dist/components/inputs/stepper/stepper.d.ts +17 -0
  228. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  229. package/dist/components/inputs/stepper/stepper.js +22 -0
  230. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  231. package/dist/components/inputs/stepper/stepper.template.js +1 -1
  232. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  233. package/dist/components/inputs/switch/switch.d.ts +3 -0
  234. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  235. package/dist/components/inputs/switch/switch.js +3 -0
  236. package/dist/components/inputs/switch/switch.js.map +1 -1
  237. package/dist/components/inputs/switch-field/switch-field.d.ts +3 -0
  238. package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
  239. package/dist/components/inputs/switch-field/switch-field.js +3 -0
  240. package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
  241. package/dist/components/inputs/text-editor/text-editor.caret.d.ts.map +1 -1
  242. package/dist/components/inputs/text-editor/text-editor.caret.js +7 -1
  243. package/dist/components/inputs/text-editor/text-editor.caret.js.map +1 -1
  244. package/dist/components/inputs/text-editor/text-editor.d.ts +3 -4
  245. package/dist/components/inputs/text-editor/text-editor.d.ts.map +1 -1
  246. package/dist/components/inputs/text-editor/text-editor.js +4 -7
  247. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  248. package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
  249. package/dist/components/inputs/text-editor/text-editor.styles.js +1 -9
  250. package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
  251. package/dist/components/inputs/text-field/text-field.d.ts +9 -0
  252. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  253. package/dist/components/inputs/text-field/text-field.js +12 -0
  254. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  255. package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
  256. package/dist/components/inputs/text-field/text-field.template.js +1 -0
  257. package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
  258. package/dist/components/inputs/time-field/time-field.d.ts +6 -0
  259. package/dist/components/inputs/time-field/time-field.d.ts.map +1 -1
  260. package/dist/components/inputs/time-field/time-field.js +11 -0
  261. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  262. package/dist/components/inputs/time-field/time-field.template.js +1 -1
  263. package/dist/components/inputs/time-picker/time-picker.d.ts +3 -0
  264. package/dist/components/inputs/time-picker/time-picker.d.ts.map +1 -1
  265. package/dist/components/inputs/time-picker/time-picker.js +4 -1
  266. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  267. package/dist/components/inputs/time-picker/time-picker.styles.d.ts.map +1 -1
  268. package/dist/components/inputs/time-picker/time-picker.styles.js +7 -2
  269. package/dist/components/inputs/time-picker/time-picker.styles.js.map +1 -1
  270. package/dist/components/inputs/toggle-button/toggle-button.d.ts +10 -0
  271. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  272. package/dist/components/inputs/toggle-button/toggle-button.js +14 -0
  273. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  274. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +11 -0
  275. package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
  276. package/dist/components/inputs/toggle-button-group/toggle-button-group.js +16 -6
  277. package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
  278. package/dist/components/inputs/token-field/token-field.d.ts +6 -0
  279. package/dist/components/inputs/token-field/token-field.d.ts.map +1 -1
  280. package/dist/components/inputs/token-field/token-field.js +13 -0
  281. package/dist/components/inputs/token-field/token-field.js.map +1 -1
  282. package/dist/components/layout/box/box.d.ts +17 -7
  283. package/dist/components/layout/box/box.d.ts.map +1 -1
  284. package/dist/components/layout/box/box.js +17 -7
  285. package/dist/components/layout/box/box.js.map +1 -1
  286. package/dist/components/layout/box/box.styles.d.ts.map +1 -1
  287. package/dist/components/layout/box/box.styles.js +9 -2
  288. package/dist/components/layout/box/box.styles.js.map +1 -1
  289. package/dist/components/layout/container/container.d.ts +10 -0
  290. package/dist/components/layout/container/container.d.ts.map +1 -1
  291. package/dist/components/layout/container/container.js +38 -0
  292. package/dist/components/layout/container/container.js.map +1 -1
  293. package/dist/components/layout/container/container.styles.d.ts.map +1 -1
  294. package/dist/components/layout/container/container.styles.js +10 -1
  295. package/dist/components/layout/container/container.styles.js.map +1 -1
  296. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  297. package/dist/components/layout/page/page.styles.js +8 -1
  298. package/dist/components/layout/page/page.styles.js.map +1 -1
  299. package/dist/components/layout/page-sections/hero/hero.d.ts +32 -33
  300. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  301. package/dist/components/layout/page-sections/hero/hero.js +32 -33
  302. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  303. package/dist/components/layout/page-sections/hero/hero.template.js +1 -1
  304. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
  305. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +7 -0
  306. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  307. package/dist/components/layout/page-sections/simple-section/simple-section.js +12 -0
  308. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  309. package/dist/components/layout/page-sections/simple-section/simple-section.styles.d.ts.map +1 -1
  310. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +19 -0
  311. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.map +1 -1
  312. package/dist/components/layout/popover/popover.d.ts +34 -28
  313. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  314. package/dist/components/layout/popover/popover.js +44 -31
  315. package/dist/components/layout/popover/popover.js.map +1 -1
  316. package/dist/components/layout/sheet/sheet.d.ts +2 -0
  317. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  318. package/dist/components/layout/sheet/sheet.js +12 -1
  319. package/dist/components/layout/sheet/sheet.js.map +1 -1
  320. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  321. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +9 -1
  322. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -1
  323. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  324. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +9 -1
  325. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
  326. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +14 -14
  327. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  328. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +13 -13
  329. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  330. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +13 -2
  331. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
  332. package/dist/components/lists-and-tables/list/list.d.ts +8 -11
  333. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  334. package/dist/components/lists-and-tables/list/list.js +8 -10
  335. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  336. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  337. package/dist/components/lists-and-tables/list/list.styles.js +13 -6
  338. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  339. package/dist/components/lists-and-tables/list-item/list-item.d.ts +20 -16
  340. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  341. package/dist/components/lists-and-tables/list-item/list-item.js +44 -30
  342. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  343. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +1 -1
  344. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  345. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +15 -0
  346. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  347. package/dist/components/navigation/top-title-bar/top-title-bar.js +44 -1
  348. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  349. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  350. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +3 -1
  351. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  352. package/dist/components/reflect-non-default-OLaK60rT.js +37 -0
  353. package/dist/components/rolldown-runtime-D7D4PA-g.js +13 -0
  354. package/dist/components/shadow-resets-aG-rgyNQ.js +61 -0
  355. package/dist/components/shell-C61GCsJA.js +223 -0
  356. package/dist/components/status-and-feedback/badge/badge.d.ts +23 -11
  357. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  358. package/dist/components/status-and-feedback/badge/badge.js +32 -14
  359. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  360. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  361. package/dist/components/status-and-feedback/badge/badge.styles.js +59 -2
  362. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  363. package/dist/components/status-and-feedback/badge/badge.template.d.ts.map +1 -1
  364. package/dist/components/status-and-feedback/badge/badge.template.js +6 -1
  365. package/dist/components/status-and-feedback/badge/badge.template.js.map +1 -1
  366. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
  367. package/dist/components/status-and-feedback/banner/banner.styles.js +6 -0
  368. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
  369. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +2 -0
  370. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  371. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +14 -1
  372. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  373. package/dist/components/status-and-feedback/notification/notification-region.d.ts +6 -0
  374. package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +1 -0
  375. package/dist/components/status-and-feedback/notification/notification-region.js +245 -0
  376. package/dist/components/status-and-feedback/notification/notification-region.js.map +1 -0
  377. package/dist/components/status-and-feedback/notification/notification.d.ts +129 -0
  378. package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -0
  379. package/dist/components/status-and-feedback/notification/notification.i18n.d.ts +6 -0
  380. package/dist/components/status-and-feedback/notification/notification.i18n.d.ts.map +1 -0
  381. package/dist/components/status-and-feedback/notification/notification.i18n.js +5 -0
  382. package/dist/components/status-and-feedback/notification/notification.i18n.js.map +1 -0
  383. package/dist/components/status-and-feedback/notification/notification.js +269 -0
  384. package/dist/components/status-and-feedback/notification/notification.js.map +1 -0
  385. package/dist/components/status-and-feedback/notification/notification.styles.d.ts +2 -0
  386. package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -0
  387. package/dist/components/status-and-feedback/notification/notification.styles.js +177 -0
  388. package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -0
  389. package/dist/components/status-and-feedback/notification/notification.template.d.ts +4 -0
  390. package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -0
  391. package/dist/components/status-and-feedback/notification/notification.template.js +40 -0
  392. package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -0
  393. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  394. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +1 -0
  395. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  396. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +30 -30
  397. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  398. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +33 -30
  399. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  400. package/dist/components/toml-C2HBbPgG.js +59 -0
  401. package/dist/components/visibility-mixin-GxbwkBb1.js +104 -0
  402. package/dist/components/with-translations-DzAdFTK8.js +48 -0
  403. package/dist/css/variables.css +24 -0
  404. package/dist/nldd.min.js +10763 -9942
  405. package/dist/types/vue.d.ts +270 -153
  406. package/dist/utilities/implicit-submission.d.ts +31 -0
  407. package/dist/utilities/implicit-submission.d.ts.map +1 -0
  408. package/dist/utilities/implicit-submission.js +65 -0
  409. package/dist/utilities/implicit-submission.js.map +1 -0
  410. package/dist/utilities/open-when-rendered.d.ts +21 -0
  411. package/dist/utilities/open-when-rendered.d.ts.map +1 -0
  412. package/dist/utilities/open-when-rendered.js +30 -0
  413. package/dist/utilities/open-when-rendered.js.map +1 -0
  414. package/dist/utilities/owned-attribute.d.ts +19 -0
  415. package/dist/utilities/owned-attribute.d.ts.map +1 -0
  416. package/dist/utilities/owned-attribute.js +32 -0
  417. package/dist/utilities/owned-attribute.js.map +1 -0
  418. package/dist/utilities/reflect-non-default.d.ts +3 -3
  419. package/dist/utilities/reflect-non-default.d.ts.map +1 -1
  420. package/dist/utilities/reflect-non-default.js +7 -4
  421. package/dist/utilities/reflect-non-default.js.map +1 -1
  422. package/dist/utilities/visibility-mixin.d.ts +5 -0
  423. package/dist/utilities/visibility-mixin.d.ts.map +1 -1
  424. package/dist/utilities/visibility-mixin.js +22 -0
  425. package/dist/utilities/visibility-mixin.js.map +1 -1
  426. package/package.json +34 -23
  427. package/dist/components/content/byline/byline.d.ts +0 -73
  428. package/dist/components/content/byline/byline.d.ts.map +0 -1
  429. package/dist/components/content/byline/byline.js +0 -125
  430. package/dist/components/content/byline/byline.js.map +0 -1
  431. package/dist/components/content/byline/byline.styles.d.ts +0 -2
  432. package/dist/components/content/byline/byline.styles.d.ts.map +0 -1
  433. package/dist/components/content/byline/byline.styles.js.map +0 -1
  434. package/dist/components/content/byline/byline.template.d.ts +0 -3
  435. package/dist/components/content/byline/byline.template.d.ts.map +0 -1
  436. package/dist/components/content/byline/byline.template.js.map +0 -1
  437. package/dist/components/gherkin-DhZlEZiy.js +0 -115
  438. package/dist/components/index--8_4HvE9.js +0 -688
  439. package/dist/components/index-BMeSmtdw.js +0 -384
  440. package/dist/components/index-Bonuul3m.js +0 -73466
  441. package/dist/components/index-CdOU-HVN.js +0 -81
  442. package/dist/components/index-CqhFJR7l.js +0 -703
  443. package/dist/components/index-CwmDMN6X.js +0 -177
  444. package/dist/components/index-yX0V7C44.js +0 -405
  445. package/dist/components/shell-BlsXDxCn.js +0 -222
  446. package/dist/components/toml-BOuWGMcf.js +0 -76
@@ -61,6 +61,9 @@
61
61
  * @attr {string} sm-gap - Gap at sm breakpoint
62
62
  * @attr {string} md-gap - Gap at md breakpoint
63
63
  * @attr {string} lg-gap - Gap at lg breakpoint
64
+ * @attr {string} width - 'full' (default, fills the parent) | 'fit-content' | a CSS length (e.g. '480px'). A container narrower than its parent stays where its parent puts it; use the parent's horizontal-alignment to move it.
65
+ * @attr {string} min-width - Minimum width as a CSS length (e.g. '280px')
66
+ * @attr {string} max-width - Maximum width as a CSS length (e.g. '480px')
64
67
  * @attr {string} horizontal-alignment - 'left' | 'center' | 'right'
65
68
  * @attr {string} vertical-alignment - 'top' | 'center' | 'bottom'
66
69
  * @attr {string} padding - Padding for all sides
@@ -113,6 +116,9 @@ export declare class NLDDContainer extends LitElement {
113
116
  smColumnCount?: ColumnCount;
114
117
  mdColumnCount?: ColumnCount;
115
118
  lgColumnCount?: ColumnCount;
119
+ width: string;
120
+ minWidth: string;
121
+ maxWidth: string;
116
122
  horizontalAlignment: HorizontalAlignment | undefined;
117
123
  verticalAlignment: VerticalAlignment | undefined;
118
124
  gap: PaddingSize | undefined;
@@ -148,6 +154,10 @@ export declare class NLDDContainer extends LitElement {
148
154
  lgPaddingBottom: PaddingSize | undefined;
149
155
  lgPaddingLeft: PaddingSize | undefined;
150
156
  updated(_changed: PropertyValues): void;
157
+ /** A length goes into a custom property; the keywords are selectors in the
158
+ * stylesheet. An unusable length is cleared, so the host falls back to the
159
+ * default rule instead of getting stuck on a selector that matches nothing. */
160
+ private writeDimensionProperties;
151
161
  private writeCustomProperties;
152
162
  private resolvePadding;
153
163
  private _childObserver?;
@@ -1 +1 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
@@ -67,6 +67,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
67
67
  * @attr {string} sm-gap - Gap at sm breakpoint
68
68
  * @attr {string} md-gap - Gap at md breakpoint
69
69
  * @attr {string} lg-gap - Gap at lg breakpoint
70
+ * @attr {string} width - 'full' (default, fills the parent) | 'fit-content' | a CSS length (e.g. '480px'). A container narrower than its parent stays where its parent puts it; use the parent's horizontal-alignment to move it.
71
+ * @attr {string} min-width - Minimum width as a CSS length (e.g. '280px')
72
+ * @attr {string} max-width - Maximum width as a CSS length (e.g. '480px')
70
73
  * @attr {string} horizontal-alignment - 'left' | 'center' | 'right'
71
74
  * @attr {string} vertical-alignment - 'top' | 'center' | 'bottom'
72
75
  * @attr {string} padding - Padding for all sides
@@ -131,6 +134,9 @@ function sizeToValue(size) {
131
134
  let NLDDContainer = class NLDDContainer extends LitElement {
132
135
  constructor() {
133
136
  super(...arguments);
137
+ this.width = '';
138
+ this.minWidth = '';
139
+ this.maxWidth = '';
134
140
  this.horizontalAlignment = undefined;
135
141
  this.verticalAlignment = undefined;
136
142
  this.gap = undefined;
@@ -184,6 +190,29 @@ let NLDDContainer = class NLDDContainer extends LitElement {
184
190
  }
185
191
  updated(_changed) {
186
192
  this.writeCustomProperties();
193
+ this.writeDimensionProperties();
194
+ }
195
+ /** A length goes into a custom property; the keywords are selectors in the
196
+ * stylesheet. An unusable length is cleared, so the host falls back to the
197
+ * default rule instead of getting stuck on a selector that matches nothing. */
198
+ writeDimensionProperties() {
199
+ const width = this.width;
200
+ const isKeyword = width === 'full' || width === 'fit-content';
201
+ const isLength = !!width && !isKeyword && CSS.supports('width', width);
202
+ if (isLength)
203
+ this.style.setProperty('--_width', width);
204
+ else
205
+ this.style.removeProperty('--_width');
206
+ if (width && !isKeyword && !isLength)
207
+ this.width = '';
208
+ if (this.minWidth)
209
+ this.style.setProperty('--_min-width', this.minWidth);
210
+ else
211
+ this.style.removeProperty('--_min-width');
212
+ if (this.maxWidth)
213
+ this.style.setProperty('--_max-width', this.maxWidth);
214
+ else
215
+ this.style.removeProperty('--_max-width');
187
216
  }
188
217
  writeCustomProperties() {
189
218
  const setProp = (name, value) => {
@@ -289,6 +318,15 @@ __decorate([
289
318
  __decorate([
290
319
  property({ type: Number, reflect: true, attribute: 'lg-column-count' })
291
320
  ], NLDDContainer.prototype, "lgColumnCount", void 0);
321
+ __decorate([
322
+ property({ type: String, reflect: true })
323
+ ], NLDDContainer.prototype, "width", void 0);
324
+ __decorate([
325
+ property({ type: String, reflect: true, attribute: 'min-width' })
326
+ ], NLDDContainer.prototype, "minWidth", void 0);
327
+ __decorate([
328
+ property({ type: String, reflect: true, attribute: 'max-width' })
329
+ ], NLDDContainer.prototype, "maxWidth", void 0);
292
330
  __decorate([
293
331
  property({ type: String, reflect: true, attribute: 'horizontal-alignment' })
294
332
  ], NLDDContainer.prototype, "horizontalAlignment", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBAyR3B,CAAC"}
1
+ {"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBAkS3B,CAAC"}
@@ -15,6 +15,9 @@ export const containerStyles = css `
15
15
 
16
16
  :host {
17
17
  --_min-column-width: var(--primitives-area-280);
18
+ --_width: 100%;
19
+ --_min-width: auto;
20
+ --_max-width: none;
18
21
  --_justify-content: initial;
19
22
  --_justify-items: initial;
20
23
  --_align-items: initial;
@@ -57,10 +60,16 @@ export const containerStyles = css `
57
60
  @container layout-container (min-width: ${lgMin}) { --_resolved-gap: var(--_lg-gap); }
58
61
 
59
62
  display: block;
60
- width: 100%;
63
+ width: var(--_width);
64
+ min-width: var(--_min-width);
65
+ max-width: var(--_max-width);
61
66
  height: auto;
62
67
  }
63
68
 
69
+ :host([width="fit-content"]) {
70
+ --_width: fit-content;
71
+ }
72
+
64
73
  :host([hidden]) {
65
74
  display: none;
66
75
  }
@@ -1 +1 @@
1
- {"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4CX,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwB1B,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0GvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}
1
+ {"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA+CX,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA8B1B,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0GvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyLtB,CAAC"}
1
+ {"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAgMtB,CAAC"}
@@ -75,10 +75,17 @@ export const pageStyles = css `
75
75
 
76
76
  /* Root-scroll mode: no inner scroller; content-sized (flex-shrink:0) so the
77
77
  sticky header/footer's containing block spans the whole document rather
78
- than being squeezed to a definite ancestor height. */
78
+ than being squeezed to a definite ancestor height.
79
+
80
+ Content-sized costs the page its floor, though: nested mode inherits one
81
+ from the pane it stretches inside, and here there is nothing to stretch in.
82
+ A short page would end where its content ends and leave anything after it
83
+ (an nldd-page-footer, say) stranded mid-viewport. The minimum restores that
84
+ floor without pinning: longer content still pushes past it. */
79
85
  :host([data-scroll="root"]) .page {
80
86
  overflow: visible;
81
87
  flex-shrink: 0;
88
+ min-height: calc(100dvh - var(--context-layer-top, 0px) - var(--context-layer-bottom, 0px));
82
89
  }
83
90
 
84
91
 
@@ -1 +1 @@
1
- {"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyL5B,CAAC"}
1
+ {"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgM5B,CAAC"}
@@ -1,46 +1,45 @@
1
1
  /**
2
2
  * NLDD Design System Hero Component (Lit + TypeScript)
3
3
  *
4
- * Een paginakop met een mediavlak en een tekstpaneel (de main) dat op zes
5
- * posities kan staan. Alle vlakken zijn rechthoekig.
4
+ * A page header with a media area and a text panel (the main) that can stand in
5
+ * six positions. Every area is rectangular.
6
6
  *
7
- * Bij `main-width="full"` staat het mediavlak als losse strook boven of onder
8
- * het paneel, niet erachter. Op mobiel stapelt de media altijd boven het
9
- * volle-breedte paneel. Zonder media vult de main het volledige vlak; met
10
- * `main-background="base"` krijgt dat vlak een rand zodat het zichtbaar blijft
11
- * op de base-surface.
7
+ * With `main-width="full"` the media area sits as its own strip above or below
8
+ * the panel rather than behind it. On mobile the media always stacks above the
9
+ * full-width panel. Without media the main fills the whole area; with
10
+ * `main-background="base"` that area gets a border so it stays visible on the
11
+ * base surface.
12
12
  *
13
- * Met `main-background` krijgt het paneel een vlakkleur uit de
14
- * filled-categories; die leveren een pure witte of zwarte contentkleur mee,
15
- * zodat componenten met `color="inherit"` (title, rich-text) gegarandeerd
16
- * contrast houden.
13
+ * `main-background` gives the panel a surface color from the filled categories.
14
+ * Those carry a pure white or black content color along, so components with
15
+ * `color="inherit"` (title, rich-text) are guaranteed to keep their contrast.
17
16
  *
18
17
  * @element nldd-hero
19
18
  *
20
19
  * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
21
- * Positie van het tekstpaneel (default: 'bottom-left'); 'left'/'right' beslaan de volle hoogte
22
- * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Breedte van het paneel (default: '1/2');
23
- * 'full' maakt een volle boven- of onderstrook en wordt bij 'left'/'right' genegeerd
24
- * @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
25
- * of een categoriekleur — 'accent' (default) of een rijkskleur zoals
20
+ * Position of the text panel (default: 'bottom-left'); 'left'/'right' span the full height
21
+ * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Width of the panel (default: '1/2');
22
+ * 'full' makes a full top or bottom strip and is ignored with 'left'/'right'
23
+ * @attr {string} main-background - Surface color of the panel: 'base' (the base surface)
24
+ * or a category color — 'accent' (default) or a Rijkshuisstijl color such as
26
25
  * 'lintblauw'|'donkerblauw'|'oranje'
27
- * @attr {string} media-aspect-ratio - Aspect ratio van het mediavlak (CSS-vorm, '16/9' of '16:9');
28
- * default '21/9'. Bepaalt op md/lg de hoogte van de hero, op sm de hoogte van het mediavlak
29
- * @attr {string} media-src - Bron van het mediavlak (alternatief voor de media-slot);
30
- * genegeerd zodra de media-slot gevuld is
31
- * @attr {string} media-srcset - Responsive source set voor media-src
32
- * @attr {string} media-sizes - Source sizes-hint voor media-src
33
- * @attr {string} media-alt - Alt-tekst voor media-src; leeg = decoratief
34
- * @attr {'inherit'|'base'|'tinted'} background - Surface achter de hero (sectie-API)
35
- * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Kleurschema (sectie-API)
36
- * @attr {string} width - Body max-width; 'full' verwijdert de begrenzing (sectie-API)
37
- * @attr {string} height - Minimale hoogte van de sectie (sectie-API)
38
- * @attr {string} padding-block - Blokpadding-override, ook per rand en responsief (sectie-API)
26
+ * @attr {string} media-aspect-ratio - Aspect ratio of the media area (CSS form, '16/9' or '16:9');
27
+ * default '21/9'. On md/lg it sets the height of the hero, on sm the height of the media area
28
+ * @attr {string} media-src - Source of the media area (an alternative to the media slot);
29
+ * ignored as soon as the media slot is filled
30
+ * @attr {string} media-srcset - Responsive source set for media-src
31
+ * @attr {string} media-sizes - Source sizes hint for media-src
32
+ * @attr {string} media-alt - Alt text for media-src; empty means decorative
33
+ * @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
34
+ * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Color scheme (section API)
35
+ * @attr {string} width - Body max-width; 'full' removes the bound (section API)
36
+ * @attr {string} height - Minimum height of the section (section API)
37
+ * @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
39
38
  *
40
- * @slot media - Afbeelding of illustratie (img of nldd-image); vult het vlak en wordt geclipt.
41
- * Heeft voorrang op de media-src-attributen. Zet `alt=""` wanneer de afbeelding decoratief is;
42
- * geef anders een beschrijvende alt-tekst op.
43
- * @slot - Inhoud van het tekstpaneel (bijv. nldd-title en nldd-rich-text met color="inherit")
39
+ * @slot media - Image or illustration (img or nldd-image); fills the area and is clipped.
40
+ * Takes precedence over the media-src attributes. Set `alt=""` when the image is decorative;
41
+ * otherwise give a describing alt text.
42
+ * @slot - Content of the text panel (nldd-title and nldd-rich-text with color="inherit", for instance)
44
43
  */
45
44
  import { LitElement, type PropertyValues } from 'lit';
46
45
  export type HeroMainPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
@@ -75,7 +74,7 @@ export declare class NLDDHero extends NLDDHero_base {
75
74
  /** Width mode: 'full' (removes body max-width) or any CSS length. */
76
75
  width: string;
77
76
  /** Hybrid media source: media-src renders an internal <img>, but a slotted
78
- * media element wins (mirrors nldd-image / nldd-byline). srcset/sizes/alt
77
+ * media element wins (mirrors nldd-image / nldd-identity). srcset/sizes/alt
79
78
  * feed that internal img. */
80
79
  mediaSrc: string;
81
80
  mediaSrcset: string;
@@ -1 +1 @@
1
- {"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAEtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAGpC,YAAY,EAAE,gBAAgB,CAAiB;IAG/C,SAAS,EAAE,aAAa,CAAS;IAGjC,cAAc,EAAE,kBAAkB,CAAY;IAE9C;qEACiE;IAEjE,gBAAgB,SAAM;IAEtB,qEAAqE;IAErE,KAAK,SAAM;IAEX;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyB/C,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
1
+ {"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAC3B,MAAM,GAAG,QAAQ,GACjB,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;AAEtD,qBACa,QAAS,SAAQ,aAA4B;IACzD,OAAgB,MAAM,0BAAc;IAGpC,YAAY,EAAE,gBAAgB,CAAiB;IAG/C,SAAS,EAAE,aAAa,CAAS;IAGjC,cAAc,EAAE,kBAAkB,CAAY;IAE9C;qEACiE;IAEjE,gBAAgB,SAAM;IAEtB,qEAAqE;IAErE,KAAK,SAAM;IAEX;;kCAE8B;IAE9B,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,UAAU,SAAM;IAGhB,QAAQ,SAAM;IAGd,aAAa,UAAS;IAEtB,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAEvB;IAEQ,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAyB/C,4EAA4E;IAC5E,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
@@ -7,46 +7,45 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  /**
8
8
  * NLDD Design System Hero Component (Lit + TypeScript)
9
9
  *
10
- * Een paginakop met een mediavlak en een tekstpaneel (de main) dat op zes
11
- * posities kan staan. Alle vlakken zijn rechthoekig.
10
+ * A page header with a media area and a text panel (the main) that can stand in
11
+ * six positions. Every area is rectangular.
12
12
  *
13
- * Bij `main-width="full"` staat het mediavlak als losse strook boven of onder
14
- * het paneel, niet erachter. Op mobiel stapelt de media altijd boven het
15
- * volle-breedte paneel. Zonder media vult de main het volledige vlak; met
16
- * `main-background="base"` krijgt dat vlak een rand zodat het zichtbaar blijft
17
- * op de base-surface.
13
+ * With `main-width="full"` the media area sits as its own strip above or below
14
+ * the panel rather than behind it. On mobile the media always stacks above the
15
+ * full-width panel. Without media the main fills the whole area; with
16
+ * `main-background="base"` that area gets a border so it stays visible on the
17
+ * base surface.
18
18
  *
19
- * Met `main-background` krijgt het paneel een vlakkleur uit de
20
- * filled-categories; die leveren een pure witte of zwarte contentkleur mee,
21
- * zodat componenten met `color="inherit"` (title, rich-text) gegarandeerd
22
- * contrast houden.
19
+ * `main-background` gives the panel a surface color from the filled categories.
20
+ * Those carry a pure white or black content color along, so components with
21
+ * `color="inherit"` (title, rich-text) are guaranteed to keep their contrast.
23
22
  *
24
23
  * @element nldd-hero
25
24
  *
26
25
  * @attr {'top-left'|'top-right'|'bottom-left'|'bottom-right'|'left'|'right'} main-position -
27
- * Positie van het tekstpaneel (default: 'bottom-left'); 'left'/'right' beslaan de volle hoogte
28
- * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Breedte van het paneel (default: '1/2');
29
- * 'full' maakt een volle boven- of onderstrook en wordt bij 'left'/'right' genegeerd
30
- * @attr {string} main-background - Vlakkleur van het paneel: 'base' (de base surface)
31
- * of een categoriekleur — 'accent' (default) of een rijkskleur zoals
26
+ * Position of the text panel (default: 'bottom-left'); 'left'/'right' span the full height
27
+ * @attr {'1/2'|'2/3'|'3/4'|'full'} main-width - Width of the panel (default: '1/2');
28
+ * 'full' makes a full top or bottom strip and is ignored with 'left'/'right'
29
+ * @attr {string} main-background - Surface color of the panel: 'base' (the base surface)
30
+ * or a category color — 'accent' (default) or a Rijkshuisstijl color such as
32
31
  * 'lintblauw'|'donkerblauw'|'oranje'
33
- * @attr {string} media-aspect-ratio - Aspect ratio van het mediavlak (CSS-vorm, '16/9' of '16:9');
34
- * default '21/9'. Bepaalt op md/lg de hoogte van de hero, op sm de hoogte van het mediavlak
35
- * @attr {string} media-src - Bron van het mediavlak (alternatief voor de media-slot);
36
- * genegeerd zodra de media-slot gevuld is
37
- * @attr {string} media-srcset - Responsive source set voor media-src
38
- * @attr {string} media-sizes - Source sizes-hint voor media-src
39
- * @attr {string} media-alt - Alt-tekst voor media-src; leeg = decoratief
40
- * @attr {'inherit'|'base'|'tinted'} background - Surface achter de hero (sectie-API)
41
- * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Kleurschema (sectie-API)
42
- * @attr {string} width - Body max-width; 'full' verwijdert de begrenzing (sectie-API)
43
- * @attr {string} height - Minimale hoogte van de sectie (sectie-API)
44
- * @attr {string} padding-block - Blokpadding-override, ook per rand en responsief (sectie-API)
32
+ * @attr {string} media-aspect-ratio - Aspect ratio of the media area (CSS form, '16/9' or '16:9');
33
+ * default '21/9'. On md/lg it sets the height of the hero, on sm the height of the media area
34
+ * @attr {string} media-src - Source of the media area (an alternative to the media slot);
35
+ * ignored as soon as the media slot is filled
36
+ * @attr {string} media-srcset - Responsive source set for media-src
37
+ * @attr {string} media-sizes - Source sizes hint for media-src
38
+ * @attr {string} media-alt - Alt text for media-src; empty means decorative
39
+ * @attr {'inherit'|'base'|'tinted'} background - Surface behind the hero (section API)
40
+ * @attr {'inherit'|'light'|'dark'|'inverted'} scheme - Color scheme (section API)
41
+ * @attr {string} width - Body max-width; 'full' removes the bound (section API)
42
+ * @attr {string} height - Minimum height of the section (section API)
43
+ * @attr {string} padding-block - Block padding override, also per edge and responsive (section API)
45
44
  *
46
- * @slot media - Afbeelding of illustratie (img of nldd-image); vult het vlak en wordt geclipt.
47
- * Heeft voorrang op de media-src-attributen. Zet `alt=""` wanneer de afbeelding decoratief is;
48
- * geef anders een beschrijvende alt-tekst op.
49
- * @slot - Inhoud van het tekstpaneel (bijv. nldd-title en nldd-rich-text met color="inherit")
45
+ * @slot media - Image or illustration (img or nldd-image); fills the area and is clipped.
46
+ * Takes precedence over the media-src attributes. Set `alt=""` when the image is decorative;
47
+ * otherwise give a describing alt text.
48
+ * @slot - Content of the text panel (nldd-title and nldd-rich-text with color="inherit", for instance)
50
49
  */
51
50
  import { LitElement } from 'lit';
52
51
  import { customElement, property, state } from 'lit/decorators.js';
@@ -66,7 +65,7 @@ let NLDDHero = class NLDDHero extends PageSectionMixin(LitElement) {
66
65
  /** Width mode: 'full' (removes body max-width) or any CSS length. */
67
66
  this.width = '';
68
67
  /** Hybrid media source: media-src renders an internal <img>, but a slotted
69
- * media element wins (mirrors nldd-image / nldd-byline). srcset/sizes/alt
68
+ * media element wins (mirrors nldd-image / nldd-identity). srcset/sizes/alt
70
69
  * feed that internal img. */
71
70
  this.mediaSrc = '';
72
71
  this.mediaSrcset = '';
@@ -1 +1 @@
1
- {"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.ts"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { html, nothing } from 'lit';
2
2
  export function heroTemplate(component) {
3
3
  // Internal media image from media-src, only when nothing is slotted (the
4
- // slot wins, mirroring nldd-image / nldd-byline).
4
+ // slot wins, mirroring nldd-image / nldd-identity).
5
5
  const mediaImage = component.mediaSrc && !component._slotHasMedia
6
6
  ? html `<img src=${component.mediaSrc}
7
7
  srcset=${component.mediaSrcset || nothing}
@@ -1 +1 @@
1
- {"version":3,"file":"hero.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,yEAAyE;IACzE,kDAAkD;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa;QAChE,CAAC,CAAC,IAAI,CAAA,YAAY,SAAS,CAAC,QAAQ;aACzB,SAAS,CAAC,WAAW,IAAI,OAAO;YACjC,SAAS,CAAC,UAAU,IAAI,OAAO;UACjC,SAAS,CAAC,QAAQ;;;KAGvB;QACH,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;;;eAIG,CAAC,SAAS,CAAC,SAAS;;sCAEG,SAAS,CAAC,kBAAkB;OAC3D,UAAU;;;;;;;EAOf,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"hero.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,YAAY,CAAC,SAAmB;IAC/C,yEAAyE;IACzE,oDAAoD;IACpD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,aAAa;QAChE,CAAC,CAAC,IAAI,CAAA,YAAY,SAAS,CAAC,QAAQ;aACzB,SAAS,CAAC,WAAW,IAAI,OAAO;YACjC,SAAS,CAAC,UAAU,IAAI,OAAO;UACjC,SAAS,CAAC,QAAQ;;;KAGvB;QACH,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;;;eAIG,CAAC,SAAS,CAAC,SAAS;;sCAEG,SAAS,CAAC,kBAAkB;OAC3D,UAAU;;;;;;;EAOf,CAAC;AACH,CAAC"}
@@ -14,6 +14,8 @@
14
14
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
15
15
  * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
16
16
  * @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
17
+ * @attr {'left'|'center'|'right'} [horizontal-alignment] - Where the body's children sit across the body ('left' default). Use it to place something narrower than the body, such as a container with a max-width.
18
+ * @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the body's children sit down the section ('top' default). Only visible when the section is taller than its content.
17
19
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
18
20
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
19
21
  * @attr {string} [padding-top] - Top padding override.
@@ -21,6 +23,8 @@
21
23
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
22
24
  */
23
25
  import { LitElement } from 'lit';
26
+ type HorizontalAlignment = 'left' | 'center' | 'right';
27
+ type VerticalAlignment = 'top' | 'center' | 'bottom';
24
28
  declare const NLDDSimpleSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
25
29
  background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
26
30
  scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
@@ -43,6 +47,9 @@ export declare class NLDDSimpleSection extends NLDDSimpleSection_base {
43
47
  static styles: import("lit").CSSResult;
44
48
  /** Width mode: 'full' (removes body max-width) or any CSS length. */
45
49
  width: string;
50
+ /** Where the body's children sit; the body itself keeps its own max-width. */
51
+ horizontalAlignment: HorizontalAlignment;
52
+ verticalAlignment: VerticalAlignment;
46
53
  updated(changedProperties: Map<string, unknown>): void;
47
54
  render(): import("lit-html").TemplateResult;
48
55
  }
@@ -1 +1 @@
1
- {"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAMjC,qBACa,iBAAkB,SAAQ,sBAA4B;IAClE,OAAgB,MAAM,0BAAuB;IAE7C,qEAAqE;IAErE,KAAK,SAAM;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
1
+ {"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;AAErD,qBACa,iBAAkB,SAAQ,sBAA4B;IAClE,OAAgB,MAAM,0BAAuB;IAE7C,qEAAqE;IAErE,KAAK,SAAM;IAEX,8EAA8E;IAE9E,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAS;IAEpC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
@@ -20,6 +20,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
20
20
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
21
21
  * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
22
22
  * @attr {string} [width] - Body max-width: 'full' removes the constraint so the section spans the full available width. Any CSS length (e.g. '480px') overrides the default max-width.
23
+ * @attr {'left'|'center'|'right'} [horizontal-alignment] - Where the body's children sit across the body ('left' default). Use it to place something narrower than the body, such as a container with a max-width.
24
+ * @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the body's children sit down the section ('top' default). Only visible when the section is taller than its content.
23
25
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
24
26
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
25
27
  * @attr {string} [padding-top] - Top padding override.
@@ -29,6 +31,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
29
31
  import { LitElement } from 'lit';
30
32
  import { customElement, property } from 'lit/decorators.js';
31
33
  import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
34
+ import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
32
35
  import { simpleSectionStyles } from './simple-section.styles.js';
33
36
  import { simpleSectionTemplate } from './simple-section.template.js';
34
37
  let NLDDSimpleSection = class NLDDSimpleSection extends PageSectionMixin(LitElement) {
@@ -36,6 +39,9 @@ let NLDDSimpleSection = class NLDDSimpleSection extends PageSectionMixin(LitElem
36
39
  super(...arguments);
37
40
  /** Width mode: 'full' (removes body max-width) or any CSS length. */
38
41
  this.width = '';
42
+ /** Where the body's children sit; the body itself keeps its own max-width. */
43
+ this.horizontalAlignment = 'left';
44
+ this.verticalAlignment = 'top';
39
45
  }
40
46
  updated(changedProperties) {
41
47
  super.updated(changedProperties);
@@ -60,6 +66,12 @@ NLDDSimpleSection.styles = simpleSectionStyles;
60
66
  __decorate([
61
67
  property({ type: String, reflect: true })
62
68
  ], NLDDSimpleSection.prototype, "width", void 0);
69
+ __decorate([
70
+ property({ reflect: true, attribute: 'horizontal-alignment', converter: reflectNonDefault('left') })
71
+ ], NLDDSimpleSection.prototype, "horizontalAlignment", void 0);
72
+ __decorate([
73
+ property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('top') })
74
+ ], NLDDSimpleSection.prototype, "verticalAlignment", void 0);
63
75
  NLDDSimpleSection = __decorate([
64
76
  customElement('nldd-simple-section')
65
77
  ], NLDDSimpleSection);
@@ -1 +1 @@
1
- {"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;IAoBZ,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AAvBe,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AALC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAyB7B"}
1
+ {"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAA5D;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;QAEX,8EAA8E;QAE9E,wBAAmB,GAAwB,MAAM,CAAC;QAGlD,sBAAiB,GAAsB,KAAK,CAAC;IAoB9C,CAAC;IAlBS,OAAO,CAAC,iBAAuC;QACvD,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,iEAAiE;YACjE,0DAA0D;YAC1D,2DAA2D;YAC3D,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AA9Be,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAI7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC/B;AAIX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAE,SAAS,EAAE,iBAAiB,CAAsB,MAAM,CAAC,EAAE,CAAC;8DACxE;AAGlD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,CAAoB,KAAK,CAAC,EAAE,CAAC;4DACxE;AAZjC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAgC7B"}
@@ -1 +1 @@
1
- {"version":3,"file":"simple-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB,yBA6G/B,CAAC"}
1
+ {"version":3,"file":"simple-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB,yBAgI/B,CAAC"}
@@ -46,6 +46,25 @@ export const simpleSectionStyles = css `
46
46
  --_max-width: none;
47
47
  }
48
48
 
49
+ /* On the main rather than the body: the body also holds the header and the
50
+ footer, and the children land in the main. It is a flex column, so down the
51
+ section is the main axis and across it is the cross axis. */
52
+ :host([vertical-alignment="center"]) .simple-section__main {
53
+ justify-content: center;
54
+ }
55
+
56
+ :host([vertical-alignment="bottom"]) .simple-section__main {
57
+ justify-content: flex-end;
58
+ }
59
+
60
+ :host([horizontal-alignment="center"]) .simple-section__main {
61
+ align-items: center;
62
+ }
63
+
64
+ :host([horizontal-alignment="right"]) .simple-section__main {
65
+ align-items: flex-end;
66
+ }
67
+
49
68
 
50
69
  /* # Block */
51
70
 
@@ -1 +1 @@
1
- {"version":3,"file":"simple-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAsDX,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
1
+ {"version":3,"file":"simple-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyEX,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}