@nldd/design-system 0.8.95 → 0.8.97

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 (468) hide show
  1. package/README.md +20 -19
  2. package/custom-elements.json +781 -379
  3. package/dist/assets/styles/shadow-resets.d.ts +1 -1
  4. package/dist/assets/styles/shadow-resets.js +1 -1
  5. package/dist/components/actions/button/button.js +3 -3
  6. package/dist/components/actions/button/button.js.map +1 -1
  7. package/dist/components/actions/button/button.styles.js +273 -273
  8. package/dist/components/actions/button-bar/button-bar.styles.js +34 -34
  9. package/dist/components/actions/button-group/button-group.styles.js +11 -11
  10. package/dist/components/actions/icon-button/icon-button.js +3 -3
  11. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  12. package/dist/components/actions/icon-button/icon-button.styles.js +203 -203
  13. package/dist/components/actions/menu/menu.d.ts +3 -3
  14. package/dist/components/actions/menu/menu.js +15 -15
  15. package/dist/components/actions/menu/menu.js.map +1 -1
  16. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  17. package/dist/components/actions/menu/menu.styles.js +46 -41
  18. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  19. package/dist/components/actions/split-button/split-button.js +3 -3
  20. package/dist/components/actions/split-button/split-button.js.map +1 -1
  21. package/dist/components/actions/split-button/split-button.styles.js +30 -30
  22. package/dist/components/actions/toolbar/toolbar.d.ts +5 -0
  23. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  24. package/dist/components/actions/toolbar/toolbar.js +28 -18
  25. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  26. package/dist/components/actions/toolbar/toolbar.styles.js +55 -55
  27. package/dist/components/components.js +4682 -4158
  28. package/dist/components/content/avatar/avatar.d.ts +1 -1
  29. package/dist/components/content/avatar/avatar.js +3 -3
  30. package/dist/components/content/avatar/avatar.js.map +1 -1
  31. package/dist/components/content/avatar/avatar.styles.js +39 -39
  32. package/dist/components/content/avatar-group/avatar-group.styles.js +36 -36
  33. package/dist/components/content/blockquote/blockquote.styles.js +14 -14
  34. package/dist/components/content/code-viewer/code-viewer.js +1 -1
  35. package/dist/components/content/code-viewer/code-viewer.styles.js +36 -36
  36. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  37. package/dist/components/content/icon/icon-aliases.js +17 -1
  38. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  39. package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
  40. package/dist/components/content/icon/icon-gallery-status.js +25 -42
  41. package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
  42. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  43. package/dist/components/content/icon/icon-registry.js +24 -12
  44. package/dist/components/content/icon/icon-registry.js.map +1 -1
  45. package/dist/components/content/icon/icon.js +2 -2
  46. package/dist/components/content/icon/icon.js.map +1 -1
  47. package/dist/components/content/icon/icon.styles.js +48 -48
  48. package/dist/components/content/identity/identity.styles.js +17 -17
  49. package/dist/components/content/image/image.d.ts +19 -3
  50. package/dist/components/content/image/image.d.ts.map +1 -1
  51. package/dist/components/content/image/image.js +28 -7
  52. package/dist/components/content/image/image.js.map +1 -1
  53. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  54. package/dist/components/content/image/image.styles.js +189 -153
  55. package/dist/components/content/image/image.styles.js.map +1 -1
  56. package/dist/components/content/image/image.template.d.ts.map +1 -1
  57. package/dist/components/content/image/image.template.js +13 -1
  58. package/dist/components/content/image/image.template.js.map +1 -1
  59. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  60. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +42 -40
  61. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  62. package/dist/components/content/rich-text/rich-text.d.ts +25 -12
  63. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  64. package/dist/components/content/rich-text/rich-text.js +25 -12
  65. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  66. package/dist/components/content/tag/tag.styles.js +95 -95
  67. package/dist/components/content/text/text.styles.js +23 -23
  68. package/dist/components/content/title/title.styles.js +38 -38
  69. package/dist/components/content/token/token.styles.js +4 -4
  70. package/dist/components/content/tooltip/tooltip.js +5 -5
  71. package/dist/components/content/tooltip/tooltip.js.map +1 -1
  72. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  73. package/dist/components/content/tooltip/tooltip.styles.js +21 -18
  74. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  75. package/dist/components/forms/form-field/form-field.styles.js +5 -5
  76. package/dist/components/forms/validation-list/validation-list.styles.js +7 -7
  77. package/dist/components/{icon-Typdp4av.js → icon-D_ZGezHx.js} +83 -63
  78. package/dist/components/{icon-button-9mo3oIyL.js → icon-button-NN0SrgS3.js} +278 -275
  79. package/dist/components/index.d.ts +3 -3
  80. package/dist/components/index.d.ts.map +1 -1
  81. package/dist/components/index.js +3 -3
  82. package/dist/components/index.js.map +1 -1
  83. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  84. package/dist/components/inputs/checkbox/checkbox.styles.js +31 -16
  85. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  86. package/dist/components/inputs/code-editor/code-editor.js +2 -2
  87. package/dist/components/inputs/code-editor/code-editor.js.map +1 -1
  88. package/dist/components/inputs/code-editor/code-editor.styles.js +30 -30
  89. package/dist/components/inputs/combo-box/combo-box.js +2 -2
  90. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  91. package/dist/components/inputs/combo-box/combo-box.styles.js +30 -30
  92. package/dist/components/inputs/date-field/date-field.js +4 -4
  93. package/dist/components/inputs/date-field/date-field.js.map +1 -1
  94. package/dist/components/inputs/date-field/date-field.styles.js +46 -46
  95. package/dist/components/inputs/date-picker/date-picker.js +3 -3
  96. package/dist/components/inputs/date-picker/date-picker.js.map +1 -1
  97. package/dist/components/inputs/date-picker/date-picker.styles.js +65 -65
  98. package/dist/components/inputs/dropdown/dropdown.js +2 -2
  99. package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
  100. package/dist/components/inputs/dropdown/dropdown.styles.js +66 -66
  101. package/dist/components/inputs/file-field/file-field.styles.d.ts.map +1 -1
  102. package/dist/components/inputs/file-field/file-field.styles.js +33 -30
  103. package/dist/components/inputs/file-field/file-field.styles.js.map +1 -1
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +3 -3
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  106. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +30 -30
  107. package/dist/components/inputs/number-field/number-field.js +3 -3
  108. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  109. package/dist/components/inputs/number-field/number-field.styles.js +18 -18
  110. package/dist/components/inputs/password-field/password-field.js +2 -2
  111. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  112. package/dist/components/inputs/password-field/password-field.styles.js +37 -37
  113. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  114. package/dist/components/inputs/radio-button/radio-button.styles.js +29 -13
  115. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  116. package/dist/components/inputs/search-field/search-field.js +2 -2
  117. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  118. package/dist/components/inputs/search-field/search-field.styles.js +30 -30
  119. package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
  120. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  121. package/dist/components/inputs/segmented-control/segmented-control.styles.js +108 -108
  122. package/dist/components/inputs/stepper/stepper.styles.js +10 -10
  123. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  124. package/dist/components/inputs/switch/switch.styles.js +39 -31
  125. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  126. package/dist/components/inputs/text-editor/text-editor.js +2 -2
  127. package/dist/components/inputs/text-editor/text-editor.js.map +1 -1
  128. package/dist/components/inputs/text-editor/text-editor.markdown.js +2 -2
  129. package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
  130. package/dist/components/inputs/text-editor/text-editor.mentions.js +7 -7
  131. package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
  132. package/dist/components/inputs/text-editor/text-editor.styles.js +138 -138
  133. package/dist/components/inputs/text-field/text-field.js +2 -2
  134. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  135. package/dist/components/inputs/text-field/text-field.styles.js +27 -27
  136. package/dist/components/inputs/time-field/time-field.js +4 -4
  137. package/dist/components/inputs/time-field/time-field.js.map +1 -1
  138. package/dist/components/inputs/time-field/time-field.styles.js +40 -40
  139. package/dist/components/inputs/time-picker/time-picker.js +4 -4
  140. package/dist/components/inputs/time-picker/time-picker.js.map +1 -1
  141. package/dist/components/inputs/time-picker/time-picker.styles.js +30 -30
  142. package/dist/components/inputs/toggle-button/toggle-button.d.ts +1 -1
  143. package/dist/components/inputs/toggle-button/toggle-button.js +1 -1
  144. package/dist/components/inputs/toggle-button/toggle-button.styles.js +145 -145
  145. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.d.ts.map +1 -1
  146. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js +7 -3
  147. package/dist/components/inputs/toggle-button-group/toggle-button-group.styles.js.map +1 -1
  148. package/dist/components/inputs/token-field/token-field.styles.js +28 -28
  149. package/dist/components/layout/box/box.d.ts +1 -1
  150. package/dist/components/layout/box/box.js +1 -1
  151. package/dist/components/layout/box/box.styles.js +13 -13
  152. package/dist/components/layout/card/card.styles.d.ts.map +1 -1
  153. package/dist/components/layout/card/card.styles.js +24 -21
  154. package/dist/components/layout/card/card.styles.js.map +1 -1
  155. package/dist/components/layout/collection/collection.js +6 -6
  156. package/dist/components/layout/collection/collection.js.map +1 -1
  157. package/dist/components/layout/collection/collection.styles.js +19 -19
  158. package/dist/components/layout/container/container.d.ts +2 -2
  159. package/dist/components/layout/container/container.d.ts.map +1 -1
  160. package/dist/components/layout/container/container.js +32 -31
  161. package/dist/components/layout/container/container.js.map +1 -1
  162. package/dist/components/layout/container/container.styles.js +125 -125
  163. package/dist/components/layout/page/page.d.ts +9 -3
  164. package/dist/components/layout/page/page.d.ts.map +1 -1
  165. package/dist/components/layout/page/page.js +41 -18
  166. package/dist/components/layout/page/page.js.map +1 -1
  167. package/dist/components/layout/page/page.styles.js +21 -21
  168. package/dist/components/layout/page-footer/page-footer.js +4 -4
  169. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  170. package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
  171. package/dist/components/layout/page-footer/page-footer.styles.js +26 -26
  172. package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
  173. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +2 -0
  174. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  175. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +6 -4
  176. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  177. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
  178. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +22 -17
  179. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.map +1 -1
  180. package/dist/components/layout/page-sections/hero/hero.d.ts +57 -11
  181. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  182. package/dist/components/layout/page-sections/hero/hero.js +164 -21
  183. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  184. package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -1
  185. package/dist/components/layout/page-sections/hero/hero.styles.js +159 -105
  186. package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -1
  187. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +4 -0
  188. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  189. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +11 -4
  190. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  191. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  192. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +30 -17
  193. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  194. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +4 -0
  195. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  196. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +11 -4
  197. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  198. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  199. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +34 -17
  200. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  201. package/dist/components/layout/page-sections/page-section-controls.d.ts +11 -1
  202. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  203. package/dist/components/layout/page-sections/page-section-controls.js +11 -2
  204. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  205. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +5 -1
  206. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  207. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +11 -7
  208. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  209. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.d.ts.map +1 -1
  210. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js +37 -34
  211. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.styles.js.map +1 -1
  212. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +2 -0
  213. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  214. package/dist/components/layout/page-sections/simple-section/simple-section.js +6 -5
  215. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  216. package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +19 -19
  217. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +4 -0
  218. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  219. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +11 -4
  220. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  221. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  222. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +34 -17
  223. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  224. package/dist/components/layout/popover/popover.d.ts +1 -1
  225. package/dist/components/layout/popover/popover.js +5 -5
  226. package/dist/components/layout/popover/popover.js.map +1 -1
  227. package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
  228. package/dist/components/layout/popover/popover.styles.js +4 -3
  229. package/dist/components/layout/popover/popover.styles.js.map +1 -1
  230. package/dist/components/layout/sheet/sheet.js +5 -5
  231. package/dist/components/layout/sheet/sheet.js.map +1 -1
  232. package/dist/components/layout/sheet/sheet.styles.js +8 -8
  233. package/dist/components/layout/{app-view/app-view.d.ts → shell/shell.d.ts} +11 -11
  234. package/dist/components/layout/shell/shell.d.ts.map +1 -0
  235. package/dist/components/layout/{app-view/app-view.js → shell/shell.js} +24 -24
  236. package/dist/components/layout/shell/shell.js.map +1 -0
  237. package/dist/components/layout/shell/shell.styles.d.ts +2 -0
  238. package/dist/components/layout/shell/shell.styles.d.ts.map +1 -0
  239. package/dist/components/layout/{app-view/app-view.styles.js → shell/shell.styles.js} +8 -8
  240. package/dist/components/layout/shell/shell.styles.js.map +1 -0
  241. package/dist/components/layout/shell/shell.template.d.ts +4 -0
  242. package/dist/components/layout/shell/shell.template.d.ts.map +1 -0
  243. package/dist/components/layout/shell/shell.template.js +9 -0
  244. package/dist/components/layout/shell/shell.template.js.map +1 -0
  245. package/dist/components/layout/spacer/spacer.styles.js +76 -76
  246. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +1 -1
  247. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  248. package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +5 -5
  249. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +1 -1
  250. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +5 -5
  251. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  252. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +12 -12
  253. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +1 -1
  254. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +2 -2
  255. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  256. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
  257. package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
  258. package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +4 -4
  259. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +1 -1
  260. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
  261. package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +6 -6
  262. package/dist/components/layout/window/window.d.ts +1 -1
  263. package/dist/components/layout/window/window.js +1 -1
  264. package/dist/components/layout/window/window.styles.d.ts.map +1 -1
  265. package/dist/components/layout/window/window.styles.js +3 -1
  266. package/dist/components/layout/window/window.styles.js.map +1 -1
  267. package/dist/components/lists-and-tables/cells/cell/cell.js +8 -8
  268. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  269. package/dist/components/lists-and-tables/cells/cell/cell.styles.js +9 -9
  270. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js +8 -8
  271. package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -1
  272. package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +10 -10
  273. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
  274. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +14 -14
  275. package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js +20 -20
  276. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.d.ts → step-cell/step-cell.d.ts} +18 -17
  277. package/dist/components/lists-and-tables/cells/step-cell/step-cell.d.ts.map +1 -0
  278. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.js → step-cell/step-cell.js} +33 -32
  279. package/dist/components/lists-and-tables/cells/step-cell/step-cell.js.map +1 -0
  280. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts +2 -0
  281. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.d.ts.map +1 -0
  282. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js +184 -0
  283. package/dist/components/lists-and-tables/cells/step-cell/step-cell.styles.js.map +1 -0
  284. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts +4 -0
  285. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.d.ts.map +1 -0
  286. package/dist/components/lists-and-tables/cells/{timeline-track-cell/timeline-track-cell.template.js → step-cell/step-cell.template.js} +10 -10
  287. package/dist/components/lists-and-tables/cells/step-cell/step-cell.template.js.map +1 -0
  288. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +9 -9
  289. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  290. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  291. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +39 -37
  292. package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -1
  293. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +8 -8
  294. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  295. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  296. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +39 -37
  297. package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -1
  298. package/dist/components/lists-and-tables/list/list.js +7 -7
  299. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  300. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  301. package/dist/components/lists-and-tables/list/list.styles.js +49 -48
  302. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  303. package/dist/components/lists-and-tables/list-item/list-item.d.ts +16 -6
  304. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  305. package/dist/components/lists-and-tables/list-item/list-item.js +29 -16
  306. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  307. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  308. package/dist/components/lists-and-tables/list-item/list-item.styles.js +69 -67
  309. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  310. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +4 -1
  311. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  312. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +8 -2
  313. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  314. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +30 -30
  315. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
  316. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  317. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +1 -1
  318. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  319. package/dist/components/lists-and-tables/table/table.js +2 -2
  320. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  321. package/dist/components/lists-and-tables/table/table.styles.js +21 -21
  322. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -3
  323. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  324. package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
  325. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +12 -12
  326. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  327. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  328. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +51 -49
  329. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  330. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +5 -0
  331. package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
  332. package/dist/components/navigation/menu-bar-item/menu-bar-item.js +13 -1
  333. package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
  334. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  335. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +35 -19
  336. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  337. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
  338. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +11 -10
  339. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
  340. package/dist/components/navigation/pagination/pagination.styles.js +29 -29
  341. package/dist/components/navigation/skip-link/skip-link.styles.js +8 -8
  342. package/dist/components/navigation/tab-bar/tab-bar.styles.js +53 -53
  343. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
  344. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  345. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
  346. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +35 -32
  347. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
  348. package/dist/components/navigation/top-title-bar/top-title-bar.js +1 -1
  349. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  350. package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
  351. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +3 -1
  352. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
  353. package/dist/components/{shadow-resets-aG-rgyNQ.js → shadow-resets-CPa58rmc.js} +1 -1
  354. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +46 -46
  355. package/dist/components/status-and-feedback/badge/badge.js +2 -2
  356. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  357. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  358. package/dist/components/status-and-feedback/badge/badge.styles.js +120 -119
  359. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  360. package/dist/components/status-and-feedback/banner/banner.styles.js +49 -49
  361. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +19 -19
  362. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +12 -12
  363. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
  364. package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +58 -58
  365. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +6 -6
  366. package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -1
  367. package/dist/components/status-and-feedback/notification/notification.styles.js +45 -39
  368. package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -1
  369. package/dist/components/status-and-feedback/notification/notifications-area.js +2 -2
  370. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -1
  371. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  372. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +121 -119
  373. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  374. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +58 -58
  375. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
  376. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  377. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +10 -0
  378. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
  379. package/dist/components/status-and-feedback/status-bar/status-bar.js +21 -0
  380. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
  381. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +36 -36
  382. package/dist/components/status-and-feedback/{step-indicator/step-indicator.d.ts → step-bar/step-bar.d.ts} +32 -32
  383. package/dist/components/status-and-feedback/step-bar/step-bar.d.ts.map +1 -0
  384. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts +9 -0
  385. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.d.ts.map +1 -0
  386. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js +8 -0
  387. package/dist/components/status-and-feedback/step-bar/step-bar.i18n.js.map +1 -0
  388. package/dist/components/status-and-feedback/{step-indicator/step-indicator.js → step-bar/step-bar.js} +46 -46
  389. package/dist/components/status-and-feedback/step-bar/step-bar.js.map +1 -0
  390. package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts +3 -0
  391. package/dist/components/status-and-feedback/step-bar/step-bar.styles.d.ts.map +1 -0
  392. package/dist/components/status-and-feedback/step-bar/step-bar.styles.js +294 -0
  393. package/dist/components/status-and-feedback/step-bar/step-bar.styles.js.map +1 -0
  394. package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts +5 -0
  395. package/dist/components/status-and-feedback/step-bar/step-bar.template.d.ts.map +1 -0
  396. package/dist/components/status-and-feedback/step-bar/step-bar.template.js +69 -0
  397. package/dist/components/status-and-feedback/step-bar/step-bar.template.js.map +1 -0
  398. package/dist/css/document-reset.css +3 -3
  399. package/dist/css/rich-text.css +71 -122
  400. package/dist/css/variables.css +54 -410
  401. package/dist/nldd.min.js +4607 -4331
  402. package/dist/translations/en-US.js +5 -5
  403. package/dist/translations/en-US.js.map +1 -1
  404. package/dist/translations/fy.js +5 -5
  405. package/dist/translations/fy.js.map +1 -1
  406. package/dist/translations/nl.generated.d.ts +5 -5
  407. package/dist/translations/nl.generated.js +2 -2
  408. package/dist/translations/nl.generated.js.map +1 -1
  409. package/dist/translations/pap-AW.js +5 -5
  410. package/dist/translations/pap-AW.js.map +1 -1
  411. package/dist/translations/pap-CW.js +5 -5
  412. package/dist/translations/pap-CW.js.map +1 -1
  413. package/dist/types/vue.d.ts +125 -82
  414. package/dist/utilities/codemirror/theme.js +17 -17
  415. package/dist/utilities/codemirror/theme.js.map +1 -1
  416. package/dist/utilities/page-section-mixin.d.ts +5 -0
  417. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  418. package/dist/utilities/page-section-mixin.js +13 -4
  419. package/dist/utilities/page-section-mixin.js.map +1 -1
  420. package/dist/utilities/scroll-mode-controller.d.ts +29 -13
  421. package/dist/utilities/scroll-mode-controller.d.ts.map +1 -1
  422. package/dist/utilities/scroll-mode-controller.js +48 -13
  423. package/dist/utilities/scroll-mode-controller.js.map +1 -1
  424. package/dist/utilities/spacing-scale.d.ts +1 -1
  425. package/dist/utilities/spacing-scale.js +1 -1
  426. package/package.json +13 -11
  427. package/dist/components/layout/app-view/app-view.d.ts.map +0 -1
  428. package/dist/components/layout/app-view/app-view.js.map +0 -1
  429. package/dist/components/layout/app-view/app-view.styles.d.ts +0 -2
  430. package/dist/components/layout/app-view/app-view.styles.d.ts.map +0 -1
  431. package/dist/components/layout/app-view/app-view.styles.js.map +0 -1
  432. package/dist/components/layout/app-view/app-view.template.d.ts +0 -4
  433. package/dist/components/layout/app-view/app-view.template.d.ts.map +0 -1
  434. package/dist/components/layout/app-view/app-view.template.js +0 -9
  435. package/dist/components/layout/app-view/app-view.template.js.map +0 -1
  436. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
  437. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
  438. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -2
  439. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
  440. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -184
  441. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
  442. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -4
  443. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
  444. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
  445. package/dist/components/palettes.html +0 -245
  446. package/dist/components/sample-images/butterfly-1200.jpg +0 -0
  447. package/dist/components/sample-images/butterfly-1600.jpg +0 -0
  448. package/dist/components/sample-images/butterfly-480.jpg +0 -0
  449. package/dist/components/sample-images/butterfly-960.jpg +0 -0
  450. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +0 -1
  451. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts +0 -9
  452. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.d.ts.map +0 -1
  453. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js +0 -8
  454. package/dist/components/status-and-feedback/step-indicator/step-indicator.i18n.js.map +0 -1
  455. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +0 -1
  456. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts +0 -3
  457. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.d.ts.map +0 -1
  458. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js +0 -294
  459. package/dist/components/status-and-feedback/step-indicator/step-indicator.styles.js.map +0 -1
  460. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts +0 -5
  461. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.d.ts.map +0 -1
  462. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +0 -69
  463. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js.map +0 -1
  464. package/dist/palettes.html +0 -245
  465. package/dist/sample-images/butterfly-1200.jpg +0 -0
  466. package/dist/sample-images/butterfly-1600.jpg +0 -0
  467. package/dist/sample-images/butterfly-480.jpg +0 -0
  468. package/dist/sample-images/butterfly-960.jpg +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"one-half-one-half-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-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,2BAA2B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA+CnB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
1
+ {"version":3,"file":"one-half-one-half-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-half-one-half-section/one-half-one-half-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,2BAA2B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoDnB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B/B,CAAC"}
@@ -10,10 +10,12 @@
10
10
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
11
11
  * @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.
12
12
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
13
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
13
14
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
14
15
  * @attr {string} [padding-top] - Top padding override.
15
16
  * @attr {string} [padding-bottom] - Bottom padding override.
16
17
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
18
+ * @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the shorter column sits next to the longer one ('top' default). Only where the columns stand side by side; stacked, they follow each other.
17
19
  *
18
20
  * @slot header - Content above the columns
19
21
  * @slot left - Left column (1/3)
@@ -37,12 +39,14 @@ declare const NLDDOneThirdTwoThirdsSection_base: typeof LitElement & (new (...ar
37
39
  lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
38
40
  lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
39
41
  height?: string;
42
+ grow: boolean;
40
43
  _onSlotChange(e: Event): void;
41
44
  });
42
45
  export declare class NLDDOneThirdTwoThirdsSection extends NLDDOneThirdTwoThirdsSection_base {
43
46
  static styles: import("lit").CSSResult;
44
47
  /** Width mode: 'full' (removes body max-width) or any CSS length. */
45
48
  width: string;
49
+ verticalAlignment: 'top' | 'center' | 'bottom';
46
50
  updated(changedProperties: Map<string, unknown>): void;
47
51
  render(): import("lit-html").TemplateResult;
48
52
  }
@@ -1 +1 @@
1
- {"version":3,"file":"one-third-two-thirds-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;AAMjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,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,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
1
+ {"version":3,"file":"one-third-two-thirds-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;AAOjC,qBACa,4BAA6B,SAAQ,iCAA4B;IAC7E,OAAgB,MAAM,0BAAkC;IAExD,qEAAqE;IAErE,KAAK,SAAM;IAGX,iBAAiB,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAS;IAE9C,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAetD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mCAAmC,EAAE,4BAA4B,CAAC;KAClE;CACD"}
@@ -16,10 +16,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
16
16
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
17
17
  * @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.
18
18
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
19
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
19
20
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
20
21
  * @attr {string} [padding-top] - Top padding override.
21
22
  * @attr {string} [padding-bottom] - Bottom padding override.
22
23
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
24
+ * @attr {'top'|'center'|'bottom'} [vertical-alignment] - Where the shorter column sits next to the longer one ('top' default). Only where the columns stand side by side; stacked, they follow each other.
23
25
  *
24
26
  * @slot header - Content above the columns
25
27
  * @slot left - Left column (1/3)
@@ -29,6 +31,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
29
31
  */
30
32
  import { LitElement } from 'lit';
31
33
  import { customElement, property } from 'lit/decorators.js';
34
+ import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
32
35
  import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
33
36
  import { oneThirdTwoThirdsSectionStyles } from './one-third-two-thirds-section.styles.js';
34
37
  import { oneThirdTwoThirdsSectionTemplate } from './one-third-two-thirds-section.template.js';
@@ -37,6 +40,7 @@ let NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends Pa
37
40
  super(...arguments);
38
41
  /** Width mode: 'full' (removes body max-width) or any CSS length. */
39
42
  this.width = '';
43
+ this.verticalAlignment = 'top';
40
44
  }
41
45
  updated(changedProperties) {
42
46
  super.updated(changedProperties);
@@ -44,12 +48,12 @@ let NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends Pa
44
48
  const w = this.width;
45
49
  // Sections constrain the body's max-width rather than the host's
46
50
  // outer width. The keyword 'full' is handled by CSS (sets
47
- // --_max-width: none); CSS lengths feed --_max-width here.
51
+ // --_one-third-two-thirds-section-max-width: none); CSS lengths feed --_one-third-two-thirds-section-max-width here.
48
52
  if (w && w !== 'full' && CSS.supports('max-width', w)) {
49
- this.style.setProperty('--_max-width', w);
53
+ this.style.setProperty('--_one-third-two-thirds-section-max-width', w);
50
54
  }
51
55
  else {
52
- this.style.removeProperty('--_max-width');
56
+ this.style.removeProperty('--_one-third-two-thirds-section-max-width');
53
57
  }
54
58
  }
55
59
  }
@@ -59,8 +63,11 @@ let NLDDOneThirdTwoThirdsSection = class NLDDOneThirdTwoThirdsSection extends Pa
59
63
  };
60
64
  NLDDOneThirdTwoThirdsSection.styles = oneThirdTwoThirdsSectionStyles;
61
65
  __decorate([
62
- property({ type: String, reflect: true })
66
+ property({ reflect: true, converter: reflectNonDefault('') })
63
67
  ], NLDDOneThirdTwoThirdsSection.prototype, "width", void 0);
68
+ __decorate([
69
+ property({ reflect: true, attribute: 'vertical-alignment', converter: reflectNonDefault('top') })
70
+ ], NLDDOneThirdTwoThirdsSection.prototype, "verticalAlignment", void 0);
64
71
  NLDDOneThirdTwoThirdsSection = __decorate([
65
72
  customElement('nldd-one-third-two-thirds-section')
66
73
  ], NLDDOneThirdTwoThirdsSection);
@@ -1 +1 @@
1
- {"version":3,"file":"one-third-two-thirds-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;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,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAGvF,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAAvE;;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,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AAvBe,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAIxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAC/B;AALC,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CAyBxC"}
1
+ {"version":3,"file":"one-third-two-thirds-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;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,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAGvF,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,gBAAgB,CAAC,UAAU,CAAC;IAAvE;;QAGN,qEAAqE;QAErE,UAAK,GAAG,EAAE,CAAC;QAGX,sBAAiB,GAAgC,KAAK,CAAC;IAoBxD,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,qHAAqH;YACrH,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,2CAA2C,EAAE,CAAC,CAAC,CAAC;YACxE,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,2CAA2C,CAAC,CAAC;YACxE,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;;AA1Be,mCAAM,GAAG,8BAA8B,AAAjC,CAAkC;AAIxD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAS,EAAE,CAAC,EAAE,CAAC;2DAC3D;AAGX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,CAA8B,KAAK,CAAC,EAAE,CAAC;uEACxE;AAR3C,4BAA4B;IADxC,aAAa,CAAC,mCAAmC,CAAC;GACtC,4BAA4B,CA4BxC"}
@@ -1 +1 @@
1
- {"version":3,"file":"one-third-two-thirds-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,yBAoI1C,CAAC"}
1
+ {"version":3,"file":"one-third-two-thirds-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,yBAqJ1C,CAAC"}
@@ -16,15 +16,15 @@ export const oneThirdTwoThirdsSectionStyles = css `
16
16
  container-type: inline-size;
17
17
  /* Block-padding overrides from PageSectionMixin; 'initial' lets the
18
18
  block fall back to the responsive default until the mixin sets one. */
19
- --_padding-top: initial;
20
- --_padding-bottom: initial;
21
- --_sm-padding-top: initial;
22
- --_sm-padding-bottom: initial;
23
- --_md-padding-top: initial;
24
- --_md-padding-bottom: initial;
25
- --_lg-padding-top: initial;
26
- --_lg-padding-bottom: initial;
27
- --_max-width: var(--semantics-page-sections-body-max-width);
19
+ --_one-third-two-thirds-section-padding-top: initial;
20
+ --_one-third-two-thirds-section-padding-bottom: initial;
21
+ --_one-third-two-thirds-section-sm-padding-top: initial;
22
+ --_one-third-two-thirds-section-sm-padding-bottom: initial;
23
+ --_one-third-two-thirds-section-md-padding-top: initial;
24
+ --_one-third-two-thirds-section-md-padding-bottom: initial;
25
+ --_one-third-two-thirds-section-lg-padding-top: initial;
26
+ --_one-third-two-thirds-section-lg-padding-bottom: initial;
27
+ --_one-third-two-thirds-section-max-width: var(--semantics-page-sections-body-max-width);
28
28
 
29
29
  display: flex;
30
30
  width: 100%;
@@ -36,8 +36,13 @@ export const oneThirdTwoThirdsSectionStyles = css `
36
36
  display: none;
37
37
  }
38
38
 
39
+ :host([data-growing]),
40
+ :host([grow]) {
41
+ flex-grow: 1;
42
+ }
43
+
39
44
  :host([width="full"]) {
40
- --_max-width: none;
45
+ --_one-third-two-thirds-section-max-width: none;
41
46
  }
42
47
 
43
48
 
@@ -53,20 +58,20 @@ export const oneThirdTwoThirdsSectionStyles = css `
53
58
 
54
59
  @container (max-width: ${smMax}) {
55
60
  padding-inline: var(--semantics-page-sections-sm-margin-inline);
56
- padding-top: var(--_sm-padding-top, var(--_padding-top, var(--semantics-page-sections-sm-margin-block)));
57
- padding-bottom: var(--_sm-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-sm-margin-block)));
61
+ padding-top: var(--_one-third-two-thirds-section-sm-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
62
+ padding-bottom: var(--_one-third-two-thirds-section-sm-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
58
63
  }
59
64
 
60
65
  @container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
61
66
  padding-inline: var(--semantics-page-sections-md-margin-inline);
62
- padding-top: var(--_md-padding-top, var(--_padding-top, var(--semantics-page-sections-md-margin-block)));
63
- padding-bottom: var(--_md-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-md-margin-block)));
67
+ padding-top: var(--_one-third-two-thirds-section-md-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-md-margin-block)));
68
+ padding-bottom: var(--_one-third-two-thirds-section-md-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
64
69
  }
65
70
 
66
71
  @container (min-width: ${lgMin}) {
67
72
  padding-inline: var(--semantics-page-sections-lg-margin-inline);
68
- padding-top: var(--_lg-padding-top, var(--_padding-top, var(--semantics-page-sections-lg-margin-block)));
69
- padding-bottom: var(--_lg-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-lg-margin-block)));
73
+ padding-top: var(--_one-third-two-thirds-section-lg-padding-top, var(--_one-third-two-thirds-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
74
+ padding-bottom: var(--_one-third-two-thirds-section-lg-padding-bottom, var(--_one-third-two-thirds-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
70
75
  }
71
76
  }
72
77
 
@@ -76,7 +81,7 @@ export const oneThirdTwoThirdsSectionStyles = css `
76
81
  .one-third-two-thirds-section__body {
77
82
  display: flex;
78
83
  width: 100%;
79
- max-width: var(--_max-width);
84
+ max-width: var(--_one-third-two-thirds-section-max-width);
80
85
  flex-direction: column;
81
86
 
82
87
  @container (max-width: ${smMax}) {
@@ -123,6 +128,18 @@ export const oneThirdTwoThirdsSectionStyles = css `
123
128
  }
124
129
  }
125
130
 
131
+ :host([vertical-alignment="center"]) .one-third-two-thirds-section__columns {
132
+ @container (min-width: 769px) {
133
+ align-items: center;
134
+ }
135
+ }
136
+
137
+ :host([vertical-alignment="bottom"]) .one-third-two-thirds-section__columns {
138
+ @container (min-width: 769px) {
139
+ align-items: flex-end;
140
+ }
141
+ }
142
+
126
143
  .one-third-two-thirds-section__left-column {
127
144
  min-width: var(--primitives-area-280);
128
145
  flex-grow: 1;
@@ -1 +1 @@
1
- {"version":3,"file":"one-third-two-thirds-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-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,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA+CtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;2BAuBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
1
+ {"version":3,"file":"one-third-two-thirds-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-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,8BAA8B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoDtB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;2BAuBL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B/B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { Directive, type ElementPart, type PartInfo } from 'lit/directive.js';
2
2
  /**
3
3
  * Shared Storybook controls for the PageSectionMixin surface API
4
- * (background, width, height and the 12 block-padding overrides).
4
+ * (background, width, height, grow and the 12 block-padding overrides).
5
5
  * Spread into a section story's `args` / `argTypes`, and bind onto the host
6
6
  * element in `render` with the `pageSectionAttrs` directive.
7
7
  */
@@ -9,6 +9,7 @@ export declare const pageSectionArgs: {
9
9
  background: string;
10
10
  width: string;
11
11
  height: string;
12
+ grow: boolean;
12
13
  paddingBlock: string;
13
14
  paddingTop: string;
14
15
  paddingBottom: string;
@@ -43,6 +44,15 @@ export declare const pageSectionArgTypes: {
43
44
  control: string;
44
45
  description: string;
45
46
  };
47
+ grow: {
48
+ control: string;
49
+ description: string;
50
+ table: {
51
+ defaultValue: {
52
+ summary: boolean;
53
+ };
54
+ };
55
+ };
46
56
  paddingBlock: {
47
57
  name: string;
48
58
  control: {
@@ -1 +1 @@
1
- {"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAgB1B;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B/B,CAAC;AAMF,cAAM,yBAA0B,SAAQ,SAAS;gBACpC,QAAQ,EAAE,QAAQ;IAO9B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI5B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAYpE;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uHAAuC,CAAC"}
1
+ {"version":3,"file":"page-section-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AACA,OAAO,EACN,SAAS,EAGT,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,MAAM,kBAAkB,CAAC;AAgB1B;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC/B,CAAC;AAMF,cAAM,yBAA0B,SAAQ,SAAS;gBACpC,QAAQ,EAAE,QAAQ;IAO9B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI5B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAcpE;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,uHAAuC,CAAC"}
@@ -14,7 +14,7 @@ const paddingControl = (name, description) => ({
14
14
  });
15
15
  /**
16
16
  * Shared Storybook controls for the PageSectionMixin surface API
17
- * (background, width, height and the 12 block-padding overrides).
17
+ * (background, width, height, grow and the 12 block-padding overrides).
18
18
  * Spread into a section story's `args` / `argTypes`, and bind onto the host
19
19
  * element in `render` with the `pageSectionAttrs` directive.
20
20
  */
@@ -22,6 +22,7 @@ export const pageSectionArgs = {
22
22
  background: 'inherit',
23
23
  width: '',
24
24
  height: '',
25
+ grow: false,
25
26
  paddingBlock: '',
26
27
  paddingTop: '',
27
28
  paddingBottom: '',
@@ -50,6 +51,11 @@ export const pageSectionArgTypes = {
50
51
  control: 'text',
51
52
  description: 'Minimale hoogte van de sectie, als CSS-lengte (bv. "400px" of "100dvh")',
52
53
  },
54
+ grow: {
55
+ control: 'boolean',
56
+ description: 'Neemt de hoogte die de pagina over heeft, zodat de footer onderaan staat. Zonder `grow` groeit de laatste sectie van een `nldd-page`.',
57
+ table: { defaultValue: { summary: false } },
58
+ },
53
59
  paddingBlock: paddingControl('padding-block', 'Padding boven en onder (token 0 tot 96, "0" haalt hem weg)'),
54
60
  paddingTop: paddingControl('padding-top', 'Alleen de padding boven'),
55
61
  paddingBottom: paddingControl('padding-bottom', 'Alleen de padding onder'),
@@ -79,7 +85,10 @@ class PageSectionAttrsDirective extends Directive {
79
85
  const el = part.element;
80
86
  for (const [key, attribute] of PAGE_SECTION_ATTRS) {
81
87
  const value = args[key];
82
- if (typeof value === 'string' && value !== '') {
88
+ if (typeof value === 'boolean') {
89
+ el.toggleAttribute(attribute, value);
90
+ }
91
+ else if (typeof value === 'string' && value !== '') {
83
92
  el.setAttribute(attribute, value);
84
93
  }
85
94
  else {
@@ -1 +1 @@
1
- {"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"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"}
@@ -4,7 +4,9 @@
4
4
  * A page section with a left sidebar alongside the main content.
5
5
  *
6
6
  * - **Wide (section >= 1008px):** two columns. The sidebar is a sticky, scrollable
7
- * tinted box (max-width 320px) beside the main content. Its sticky top/bottom insets
7
+ * box (max-width 320px) beside the main content. It takes the surface of the
8
+ * section around it and is edged by a divider line, so it reads as a block
9
+ * without drawing the eye away from the main. Its sticky top/bottom insets
8
10
  * default to 16px; override with `sticky-top` / `sticky-bottom` so it clears
9
11
  * other sticky page elements (e.g. a sticky header).
10
12
  * - **Narrow (section < 1008px):** the sidebar collapses behind a sheet (a left panel on
@@ -32,6 +34,7 @@
32
34
  * @element nldd-sidebar-section
33
35
  *
34
36
  * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
37
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
35
38
  * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
36
39
  * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
37
40
  * @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
@@ -73,6 +76,7 @@ declare const NLDDSidebarSection_base: typeof LitElement & (new (...args: any[])
73
76
  lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
74
77
  lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
75
78
  height?: string;
79
+ grow: boolean;
76
80
  _onSlotChange(e: Event): void;
77
81
  });
78
82
  export declare class NLDDSidebarSection extends NLDDSidebarSection_base {
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oDAAoD,CAAC;;;;;;;;;;;;;;;;;;AAI5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,YAAY,SAAM;IAElB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,UAAU,UAAS;IAGnB,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAC,CAAY;IAE3B,OAAO,CAAC,GAAG,CAAC,CAAiB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,qEAAqE;IACrE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,EAAE;IAID,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAM7B,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,eAAe;IAcd,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,OAAO,CAAC,WAAW;IAQnB,iFAAiF;IACjF,IAAI,IAAI,IAAI;IAKZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,MAAM,IAAI,IAAI;IAQd,YAAY,QAAO,IAAI,CAAgC;IACvD,aAAa,QAAO,IAAI,CAAiC;IAEhD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
1
+ {"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oDAAoD,CAAC;;;;;;;;;;;;;;;;;;;AAI5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,YAAY,SAAM;IAElB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,UAAU,UAAS;IAGnB,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAC,CAAY;IAE3B,OAAO,CAAC,GAAG,CAAC,CAAiB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,qEAAqE;IACrE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,EAAE;IAID,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAM7B,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,eAAe;IAcd,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/C,OAAO,CAAC,WAAW;IAQnB,iFAAiF;IACjF,IAAI,IAAI,IAAI;IAKZ,gCAAgC;IAChC,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,MAAM,IAAI,IAAI;IAQd,YAAY,QAAO,IAAI,CAAgC;IACvD,aAAa,QAAO,IAAI,CAAiC;IAEhD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
@@ -10,7 +10,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
10
10
  * A page section with a left sidebar alongside the main content.
11
11
  *
12
12
  * - **Wide (section >= 1008px):** two columns. The sidebar is a sticky, scrollable
13
- * tinted box (max-width 320px) beside the main content. Its sticky top/bottom insets
13
+ * box (max-width 320px) beside the main content. It takes the surface of the
14
+ * section around it and is edged by a divider line, so it reads as a block
15
+ * without drawing the eye away from the main. Its sticky top/bottom insets
14
16
  * default to 16px; override with `sticky-top` / `sticky-bottom` so it clears
15
17
  * other sticky page elements (e.g. a sticky header).
16
18
  * - **Narrow (section < 1008px):** the sidebar collapses behind a sheet (a left panel on
@@ -38,6 +40,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
38
40
  * @element nldd-sidebar-section
39
41
  *
40
42
  * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
43
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
41
44
  * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
42
45
  * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
43
46
  * @attr {boolean} [no-collapse] - Opt out of the sheet: a narrow section stacks the sidebar above the main instead of collapsing. `collapsed` then stays false.
@@ -61,6 +64,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
61
64
  */
62
65
  import { LitElement } from 'lit';
63
66
  import { customElement, property, query } from 'lit/decorators.js';
67
+ import { reflectNonDefault } from '../../../../utilities/reflect-non-default.js';
64
68
  import { PageSectionMixin } from '../../../../utilities/page-section-mixin.js';
65
69
  import { breakpoints } from '../../../../assets/styles/breakpoints.js';
66
70
  import { sidebarSectionStyles } from './sidebar-section.styles.js';
@@ -143,18 +147,18 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
143
147
  super.updated(changed);
144
148
  if (changed.has('width')) {
145
149
  const w = this.width;
146
- // 'full' is handled by CSS (--_max-width: none); CSS lengths feed the var.
150
+ // 'full' is handled by CSS (--_sidebar-section-max-width: none); CSS lengths feed the var.
147
151
  if (w && w !== 'full' && CSS.supports('max-width', w)) {
148
- this.style.setProperty('--_max-width', w);
152
+ this.style.setProperty('--_sidebar-section-max-width', w);
149
153
  }
150
154
  else {
151
- this.style.removeProperty('--_max-width');
155
+ this.style.removeProperty('--_sidebar-section-max-width');
152
156
  }
153
157
  }
154
158
  if (changed.has('stickyTop'))
155
- this._applyInset('--_sticky-top', this.stickyTop);
159
+ this._applyInset('--_sidebar-section-sticky-top', this.stickyTop);
156
160
  if (changed.has('stickyBottom'))
157
- this._applyInset('--_sticky-bottom', this.stickyBottom);
161
+ this._applyInset('--_sidebar-section-sticky-bottom', this.stickyBottom);
158
162
  // Toggling no-collapse flips whether a narrow section collapses — re-evaluate.
159
163
  if (changed.has('noCollapse'))
160
164
  this._applyCollapsed(this.clientWidth, false);
@@ -196,7 +200,7 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
196
200
  };
197
201
  NLDDSidebarSection.styles = sidebarSectionStyles;
198
202
  __decorate([
199
- property({ type: String, reflect: true })
203
+ property({ reflect: true, converter: reflectNonDefault('') })
200
204
  ], NLDDSidebarSection.prototype, "width", void 0);
201
205
  __decorate([
202
206
  property({ type: String, attribute: 'sidebar-label' })
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,yBAyKhC,CAAC"}
1
+ {"version":3,"file":"sidebar-section.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,yBA4KhC,CAAC"}
@@ -22,20 +22,22 @@ export const sidebarSectionStyles = css `
22
22
  container-type: inline-size;
23
23
  /* Block-padding overrides from PageSectionMixin; resolved per breakpoint
24
24
  below (scope override -> base override -> responsive default). */
25
- --_padding-top: initial;
26
- --_padding-bottom: initial;
27
- --_sm-padding-top: initial;
28
- --_sm-padding-bottom: initial;
29
- --_md-padding-top: initial;
30
- --_md-padding-bottom: initial;
31
- --_lg-padding-top: initial;
32
- --_lg-padding-bottom: initial;
33
- --_max-width: var(--semantics-page-sections-body-max-width);
25
+ --_sidebar-section-padding-top: initial;
26
+ --_sidebar-section-padding-bottom: initial;
27
+ --_sidebar-section-sm-padding-top: initial;
28
+ --_sidebar-section-sm-padding-bottom: initial;
29
+ --_sidebar-section-md-padding-top: initial;
30
+ --_sidebar-section-md-padding-bottom: initial;
31
+ --_sidebar-section-lg-padding-top: initial;
32
+ --_sidebar-section-lg-padding-bottom: initial;
33
+ --_sidebar-section-max-width: var(--semantics-page-sections-body-max-width);
34
34
  /* 24px clear of the insets nldd-page publishes. 24 is the depth of a
35
35
  sticky header's fade, so the box starts where the fade ends. */
36
- --_sticky-top: calc(var(--context-inset-top, 0px) + var(--primitives-space-24));
37
- --_sticky-bottom: calc(var(--context-inset-bottom, 0px) + var(--primitives-space-24));
38
- --_sidebar-width: var(--primitives-area-320);
36
+ --_sidebar-section-sticky-top: calc(var(--context-inset-top, 0px) + var(--primitives-space-24));
37
+ --_sidebar-section-sticky-bottom: calc(var(--context-inset-bottom, 0px) + var(--primitives-space-24));
38
+ --_sidebar-section-width: var(--primitives-area-320);
39
+ --_sidebar-section-sidebar-box-background-color: var(--context-parent-background-color, var(--semantics-surfaces-base-background-color));
40
+ --_sidebar-section-sidebar-box-border-color: var(--semantics-dividers-color);
39
41
 
40
42
  display: flex;
41
43
  width: 100%;
@@ -48,17 +50,17 @@ export const sidebarSectionStyles = css `
48
50
  }
49
51
 
50
52
  :host([width="full"]) {
51
- --_max-width: none;
53
+ --_sidebar-section-max-width: none;
52
54
  }
53
55
 
54
- /* # Growth — mirrors simple-section. The host only grows as the last
55
- (visible) section in an nldd-page; the chain below (block -> body ->
56
+ /* # Growth — mirrors simple-section. The host only grows when it is the
57
+ growing section of an nldd-page, or has grow itself; the chain below (block -> body ->
56
58
  columns -> main) is unconditional, so whatever height the host gets
57
59
  always reaches the main column. An nldd-inline-dialog there (itself
58
60
  flex-grow: 1) then fills and centers in the leftover space. */
59
61
 
60
- :host(:last-child),
61
- :host(.is-last) {
62
+ :host([data-growing]),
63
+ :host([grow]) {
62
64
  flex-grow: 1;
63
65
  }
64
66
 
@@ -75,20 +77,20 @@ export const sidebarSectionStyles = css `
75
77
 
76
78
  @container (max-width: ${smMax}) {
77
79
  padding-inline: var(--semantics-page-sections-sm-margin-inline);
78
- padding-top: var(--_sm-padding-top, var(--_padding-top, var(--semantics-page-sections-sm-margin-block)));
79
- padding-bottom: var(--_sm-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-sm-margin-block)));
80
+ padding-top: var(--_sidebar-section-sm-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-sm-margin-block)));
81
+ padding-bottom: var(--_sidebar-section-sm-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-sm-margin-block)));
80
82
  }
81
83
 
82
84
  @container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
83
85
  padding-inline: var(--semantics-page-sections-md-margin-inline);
84
- padding-top: var(--_md-padding-top, var(--_padding-top, var(--semantics-page-sections-md-margin-block)));
85
- padding-bottom: var(--_md-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-md-margin-block)));
86
+ padding-top: var(--_sidebar-section-md-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-md-margin-block)));
87
+ padding-bottom: var(--_sidebar-section-md-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-md-margin-block)));
86
88
  }
87
89
 
88
90
  @container (min-width: ${lgMin}) {
89
91
  padding-inline: var(--semantics-page-sections-lg-margin-inline);
90
- padding-top: var(--_lg-padding-top, var(--_padding-top, var(--semantics-page-sections-lg-margin-block)));
91
- padding-bottom: var(--_lg-padding-bottom, var(--_padding-bottom, var(--semantics-page-sections-lg-margin-block)));
92
+ padding-top: var(--_sidebar-section-lg-padding-top, var(--_sidebar-section-padding-top, var(--semantics-page-sections-lg-margin-block)));
93
+ padding-bottom: var(--_sidebar-section-lg-padding-bottom, var(--_sidebar-section-padding-bottom, var(--semantics-page-sections-lg-margin-block)));
92
94
  }
93
95
  }
94
96
 
@@ -98,7 +100,7 @@ export const sidebarSectionStyles = css `
98
100
  .sidebar-section__body {
99
101
  display: flex;
100
102
  width: 100%;
101
- max-width: var(--_max-width);
103
+ max-width: var(--_sidebar-section-max-width);
102
104
  flex-direction: column;
103
105
  flex-grow: 1;
104
106
 
@@ -148,28 +150,29 @@ export const sidebarSectionStyles = css `
148
150
  flex-shrink: 0;
149
151
 
150
152
  @container (min-width: ${lgMin}) {
151
- width: var(--_sidebar-width);
152
- max-width: var(--_sidebar-width);
153
+ width: var(--_sidebar-section-width);
154
+ max-width: var(--_sidebar-section-width);
153
155
  }
154
156
  }
155
157
 
156
- /* # Box — tinted always. Sticky + scrollable only beside the main (wide); when
157
- stacked it's a plain full-width tinted box above the main, so no sticky (which
158
- would scroll over the main) and no viewport height cap. */
158
+ /* # Box — the surface around it, edged by a divider. Sticky + scrollable only
159
+ beside the main (wide); when stacked it's a plain full-width box above the
160
+ main, so no sticky (which would scroll over the main) and no viewport
161
+ height cap. */
159
162
 
160
163
  .sidebar-section__sidebar-box {
161
164
  box-sizing: border-box;
162
165
  border-radius: var(--semantics-surfaces-corner-radius);
163
- background-color: var(--components-sidebar-section-sidebar-box-background-color);
164
- box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--components-sidebar-section-sidebar-box-highlight-border-color);
166
+ background-color: var(--_sidebar-section-sidebar-box-background-color);
167
+ box-shadow: inset 0 0 0 var(--semantics-surfaces-border-width) var(--_sidebar-section-sidebar-box-border-color);
165
168
 
166
169
  @container (min-width: ${lgMin}) {
167
170
  position: sticky;
168
- top: var(--_sticky-top);
169
- bottom: var(--_sticky-bottom);
171
+ top: var(--_sidebar-section-sticky-top);
172
+ bottom: var(--_sidebar-section-sticky-bottom);
170
173
  /* What the scroller shows, not what the window is: a viewport-tall cap
171
174
  hangs out the bottom by the height of the chrome around the page. */
172
- max-height: calc(var(--context-scroller-height, 100dvh) - var(--_sticky-top) - var(--_sticky-bottom));
175
+ max-height: calc(var(--context-scroller-height, 100dvh) - var(--_sidebar-section-sticky-top) - var(--_sidebar-section-sticky-bottom));
173
176
  overflow-y: auto;
174
177
  }
175
178
  }
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-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,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;+CAYQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyDzB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;2BAmBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;2BAgBL,KAAK;;;;;;;;;;CAU/B,CAAC"}
1
+ {"version":3,"file":"sidebar-section.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-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,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;+CAYQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2DzB,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;2BAmBL,KAAK;2BACL,KAAK,qBAAqB,KAAK;2BAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;2BAsBL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;;;;;;;CAU/B,CAAC"}
@@ -18,6 +18,7 @@
18
18
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
19
19
  * @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.
20
20
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
21
+ * @attr {boolean} grow - Takes the height the page has left, so the footer sits at the bottom of a short page. Without it, nldd-page lets its last section grow.
21
22
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
22
23
  * @attr {string} [padding-top] - Top padding override.
23
24
  * @attr {string} [padding-bottom] - Bottom padding override.
@@ -47,6 +48,7 @@ declare const NLDDSimpleSection_base: typeof LitElement & (new (...args: any[])
47
48
  lgPaddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
48
49
  lgPaddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
49
50
  height?: string;
51
+ grow: boolean;
50
52
  _onSlotChange(e: Event): void;
51
53
  });
52
54
  export declare class NLDDSimpleSection extends NLDDSimpleSection_base {
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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"}
1
+ {"version":3,"file":"simple-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;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"}