@nldd/design-system 0.8.92 → 0.8.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (434) hide show
  1. package/NOTICES.md +9 -27
  2. package/README.md +37 -24
  3. package/custom-elements.json +1640 -1494
  4. package/dist/components/actions/button/button.d.ts +20 -1
  5. package/dist/components/actions/button/button.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.js +47 -3
  7. package/dist/components/actions/button/button.js.map +1 -1
  8. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  9. package/dist/components/actions/button/button.styles.js +3 -1
  10. package/dist/components/actions/button/button.styles.js.map +1 -1
  11. package/dist/components/actions/button/button.template.js +3 -3
  12. package/dist/components/actions/button-group/button-group.d.ts +48 -3
  13. package/dist/components/actions/button-group/button-group.d.ts.map +1 -1
  14. package/dist/components/actions/button-group/button-group.js +104 -11
  15. package/dist/components/actions/button-group/button-group.js.map +1 -1
  16. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  17. package/dist/components/actions/button-group/button-group.styles.js +64 -4
  18. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.d.ts +5 -2
  20. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.js +5 -2
  22. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.template.js +7 -4
  25. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  26. package/dist/components/actions/menu/menu.d.ts +29 -29
  27. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  28. package/dist/components/actions/menu/menu.js +53 -53
  29. package/dist/components/actions/menu/menu.js.map +1 -1
  30. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  31. package/dist/components/actions/menu/menu.styles.js +4 -0
  32. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  33. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  34. package/dist/components/actions/menu/menu.template.js +8 -2
  35. package/dist/components/actions/menu/menu.template.js.map +1 -1
  36. package/dist/components/actions/toolbar/toolbar.d.ts +24 -10
  37. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  38. package/dist/components/actions/toolbar/toolbar.js +57 -26
  39. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  40. package/dist/components/actions/toolbar/toolbar.styles.js +7 -7
  41. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  42. package/dist/components/actions/toolbar/toolbar.template.js +3 -2
  43. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  44. package/dist/components/components.js +1909 -928
  45. package/dist/components/content/avatar/avatar.d.ts +23 -5
  46. package/dist/components/content/avatar/avatar.d.ts.map +1 -1
  47. package/dist/components/content/avatar/avatar.js +23 -5
  48. package/dist/components/content/avatar/avatar.js.map +1 -1
  49. package/dist/components/content/avatar/avatar.template.d.ts.map +1 -1
  50. package/dist/components/content/avatar/avatar.template.js +5 -2
  51. package/dist/components/content/avatar/avatar.template.js.map +1 -1
  52. package/dist/components/content/avatar-group/avatar-group.template.d.ts.map +1 -1
  53. package/dist/components/content/avatar-group/avatar-group.template.js +6 -2
  54. package/dist/components/content/avatar-group/avatar-group.template.js.map +1 -1
  55. package/dist/components/content/icon/icon.d.ts +18 -6
  56. package/dist/components/content/icon/icon.d.ts.map +1 -1
  57. package/dist/components/content/icon/icon.js +30 -10
  58. package/dist/components/content/icon/icon.js.map +1 -1
  59. package/dist/components/content/identity/identity.template.d.ts.map +1 -1
  60. package/dist/components/content/identity/identity.template.js +4 -1
  61. package/dist/components/content/identity/identity.template.js.map +1 -1
  62. package/dist/components/content/image/image.template.d.ts.map +1 -1
  63. package/dist/components/content/image/image.template.js +7 -2
  64. package/dist/components/content/image/image.template.js.map +1 -1
  65. package/dist/components/content/rich-text/rich-text.d.ts +18 -9
  66. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  67. package/dist/components/content/rich-text/rich-text.js +24 -15
  68. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  69. package/dist/components/content/tag/tag.d.ts +2 -2
  70. package/dist/components/content/tag/tag.d.ts.map +1 -1
  71. package/dist/components/content/tag/tag.js +5 -5
  72. package/dist/components/content/tag/tag.js.map +1 -1
  73. package/dist/components/content/tag/tag.template.js +2 -2
  74. package/dist/components/content/title/title.d.ts +30 -6
  75. package/dist/components/content/title/title.d.ts.map +1 -1
  76. package/dist/components/content/title/title.js +72 -8
  77. package/dist/components/content/title/title.js.map +1 -1
  78. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  79. package/dist/components/content/title/title.styles.js +41 -4
  80. package/dist/components/content/title/title.styles.js.map +1 -1
  81. package/dist/components/content/title/title.template.d.ts +2 -1
  82. package/dist/components/content/title/title.template.d.ts.map +1 -1
  83. package/dist/components/content/title/title.template.js +33 -5
  84. package/dist/components/content/title/title.template.js.map +1 -1
  85. package/dist/components/content/token/token.d.ts +15 -5
  86. package/dist/components/content/token/token.d.ts.map +1 -1
  87. package/dist/components/content/token/token.i18n.d.ts +7 -0
  88. package/dist/components/content/token/token.i18n.d.ts.map +1 -0
  89. package/dist/components/content/token/token.i18n.js +6 -0
  90. package/dist/components/content/token/token.i18n.js.map +1 -0
  91. package/dist/components/content/token/token.js +55 -14
  92. package/dist/components/content/token/token.js.map +1 -1
  93. package/dist/components/content/token/token.template.js +4 -4
  94. package/dist/components/content/token/token.template.js.map +1 -1
  95. package/dist/components/forms/form/form.d.ts +18 -7
  96. package/dist/components/forms/form/form.d.ts.map +1 -1
  97. package/dist/components/forms/form/form.js +18 -7
  98. package/dist/components/forms/form/form.js.map +1 -1
  99. package/dist/components/forms/form-actions/form-actions.d.ts +1 -1
  100. package/dist/components/forms/form-actions/form-actions.js +1 -1
  101. package/dist/components/forms/form-field/form-field.d.ts +12 -1
  102. package/dist/components/forms/form-field/form-field.d.ts.map +1 -1
  103. package/dist/components/forms/form-field/form-field.js +12 -1
  104. package/dist/components/forms/form-field/form-field.js.map +1 -1
  105. package/dist/components/forms/form-section/form-section.d.ts +3 -3
  106. package/dist/components/forms/form-section/form-section.js +8 -8
  107. package/dist/components/forms/form-section/form-section.js.map +1 -1
  108. package/dist/components/forms/validation-list/validation-list.d.ts +7 -4
  109. package/dist/components/forms/validation-list/validation-list.d.ts.map +1 -1
  110. package/dist/components/forms/validation-list/validation-list.js +7 -4
  111. package/dist/components/forms/validation-list/validation-list.js.map +1 -1
  112. package/dist/components/{icon-C_zwJZ_g.js → icon-DWNVcttg.js} +4 -4
  113. package/dist/components/{icon-button-oua8pmMC.js → icon-button-hO6k8W63.js} +17 -11
  114. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  115. package/dist/components/inputs/checkbox/checkbox.template.js +11 -5
  116. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  117. package/dist/components/inputs/combo-box/combo-box.d.ts +4 -1
  118. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  119. package/dist/components/inputs/combo-box/combo-box.js +4 -1
  120. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  121. package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
  122. package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
  123. package/dist/components/inputs/date-field/date-field.template.js +5 -3
  124. package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
  125. package/dist/components/inputs/date-picker/date-picker.template.js +1 -1
  126. package/dist/components/inputs/dropdown/dropdown.template.js +3 -3
  127. package/dist/components/inputs/file-field/file-field.template.js +1 -1
  128. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -2
  129. package/dist/components/inputs/number-field/number-field.styles.js +4 -4
  130. package/dist/components/inputs/password-field/password-field.template.js +2 -2
  131. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  132. package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
  133. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  134. package/dist/components/inputs/search-field/search-field.d.ts +24 -24
  135. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  136. package/dist/components/inputs/search-field/search-field.js +40 -40
  137. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  138. package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
  139. package/dist/components/inputs/search-field/search-field.template.js +4 -2
  140. package/dist/components/inputs/search-field/search-field.template.js.map +1 -1
  141. package/dist/components/inputs/segmented-control/segmented-control.template.js +2 -2
  142. package/dist/components/inputs/switch/switch.template.js +1 -1
  143. package/dist/components/inputs/text-editor/text-editor.links.js +1 -1
  144. package/dist/components/inputs/text-editor/text-editor.markdown.js +1 -1
  145. package/dist/components/inputs/text-editor/text-editor.mentions.js +1 -1
  146. package/dist/components/inputs/text-field/text-field.template.js +2 -2
  147. package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
  148. package/dist/components/inputs/time-field/time-field.template.js +5 -3
  149. package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
  150. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  151. package/dist/components/inputs/toggle-button/toggle-button.template.js +4 -3
  152. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  153. package/dist/components/inputs/token-field/token-field.i18n.js +1 -1
  154. package/dist/components/inputs/token-field/token-field.i18n.js.map +1 -1
  155. package/dist/components/inputs/token-field/token-field.styles.d.ts.map +1 -1
  156. package/dist/components/inputs/token-field/token-field.styles.js +2 -1
  157. package/dist/components/inputs/token-field/token-field.styles.js.map +1 -1
  158. package/dist/components/inputs/token-field/token-field.template.d.ts.map +1 -1
  159. package/dist/components/inputs/token-field/token-field.template.js +6 -4
  160. package/dist/components/inputs/token-field/token-field.template.js.map +1 -1
  161. package/dist/components/layout/app-view/app-view.d.ts +8 -0
  162. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  163. package/dist/components/layout/app-view/app-view.js +8 -0
  164. package/dist/components/layout/app-view/app-view.js.map +1 -1
  165. package/dist/components/layout/card/card.d.ts +4 -4
  166. package/dist/components/layout/card/card.d.ts.map +1 -1
  167. package/dist/components/layout/card/card.js +7 -7
  168. package/dist/components/layout/card/card.js.map +1 -1
  169. package/dist/components/layout/card/card.template.d.ts.map +1 -1
  170. package/dist/components/layout/card/card.template.js +4 -2
  171. package/dist/components/layout/card/card.template.js.map +1 -1
  172. package/dist/components/layout/collection/collection.d.ts +11 -6
  173. package/dist/components/layout/collection/collection.d.ts.map +1 -1
  174. package/dist/components/layout/collection/collection.js +19 -14
  175. package/dist/components/layout/collection/collection.js.map +1 -1
  176. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  177. package/dist/components/layout/collection/collection.template.js +4 -1
  178. package/dist/components/layout/collection/collection.template.js.map +1 -1
  179. package/dist/components/layout/container/container.d.ts +13 -8
  180. package/dist/components/layout/container/container.d.ts.map +1 -1
  181. package/dist/components/layout/container/container.js +19 -14
  182. package/dist/components/layout/container/container.js.map +1 -1
  183. package/dist/components/layout/page/page.d.ts +52 -2
  184. package/dist/components/layout/page/page.d.ts.map +1 -1
  185. package/dist/components/layout/page/page.js +94 -3
  186. package/dist/components/layout/page/page.js.map +1 -1
  187. package/dist/components/layout/page/page.template.d.ts +6 -0
  188. package/dist/components/layout/page/page.template.d.ts.map +1 -1
  189. package/dist/components/layout/page/page.template.js +21 -6
  190. package/dist/components/layout/page/page.template.js.map +1 -1
  191. package/dist/components/layout/page-footer/page-footer.d.ts +2 -2
  192. package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
  193. package/dist/components/layout/page-footer/page-footer.js +4 -4
  194. package/dist/components/layout/page-footer/page-footer.js.map +1 -1
  195. package/dist/components/layout/page-footer/page-footer.template.d.ts.map +1 -1
  196. package/dist/components/layout/page-footer/page-footer.template.js +16 -4
  197. package/dist/components/layout/page-footer/page-footer.template.js.map +1 -1
  198. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +4 -6
  199. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  200. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +4 -5
  201. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  202. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
  203. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +8 -2
  204. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
  205. package/dist/components/layout/page-sections/hero/hero.d.ts +12 -14
  206. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -1
  207. package/dist/components/layout/page-sections/hero/hero.js +19 -20
  208. package/dist/components/layout/page-sections/hero/hero.js.map +1 -1
  209. package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -1
  210. package/dist/components/layout/page-sections/hero/hero.template.js +6 -2
  211. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -1
  212. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +6 -8
  213. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  214. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js +6 -7
  215. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
  216. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  217. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +8 -2
  218. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  219. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +6 -8
  220. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  221. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js +6 -7
  222. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
  223. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  224. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +8 -2
  225. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  226. package/dist/components/layout/page-sections/page-section-controls.d.ts +139 -44
  227. package/dist/components/layout/page-sections/page-section-controls.d.ts.map +1 -1
  228. package/dist/components/layout/page-sections/page-section-controls.js +44 -47
  229. package/dist/components/layout/page-sections/page-section-controls.js.map +1 -1
  230. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +11 -12
  231. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts.map +1 -1
  232. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +19 -19
  233. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js.map +1 -1
  234. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.d.ts.map +1 -1
  235. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js +8 -2
  236. package/dist/components/layout/page-sections/sidebar-section/sidebar-section.template.js.map +1 -1
  237. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +14 -8
  238. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  239. package/dist/components/layout/page-sections/simple-section/simple-section.js +14 -7
  240. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  241. package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
  242. package/dist/components/layout/page-sections/simple-section/simple-section.template.js +8 -2
  243. package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
  244. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +6 -8
  245. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  246. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js +6 -7
  247. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
  248. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  249. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +8 -2
  250. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  251. package/dist/components/layout/popover/popover.d.ts +12 -8
  252. package/dist/components/layout/popover/popover.d.ts.map +1 -1
  253. package/dist/components/layout/popover/popover.js +38 -18
  254. package/dist/components/layout/popover/popover.js.map +1 -1
  255. package/dist/components/layout/sheet/sheet.d.ts +26 -11
  256. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  257. package/dist/components/layout/sheet/sheet.js +59 -20
  258. package/dist/components/layout/sheet/sheet.js.map +1 -1
  259. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  260. package/dist/components/layout/sheet/sheet.styles.js +4 -0
  261. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  262. package/dist/components/layout/sheet/sheet.template.js +1 -1
  263. package/dist/components/layout/sheet/sheet.template.js.map +1 -1
  264. package/dist/components/layout/spacer/spacer.d.ts +13 -0
  265. package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
  266. package/dist/components/layout/spacer/spacer.js +13 -0
  267. package/dist/components/layout/spacer/spacer.js.map +1 -1
  268. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +4 -1
  269. package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
  270. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +4 -1
  271. package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
  272. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts +11 -6
  273. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts.map +1 -1
  274. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js +17 -12
  275. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js.map +1 -1
  276. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
  277. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -0
  278. package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
  279. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +3 -1
  280. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
  281. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +3 -1
  282. package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
  283. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts +4 -4
  284. package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts.map +1 -1
  285. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +8 -8
  286. package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
  287. package/dist/components/layout/window/window.d.ts +30 -18
  288. package/dist/components/layout/window/window.d.ts.map +1 -1
  289. package/dist/components/layout/window/window.js +66 -31
  290. package/dist/components/layout/window/window.js.map +1 -1
  291. package/dist/components/lists-and-tables/cells/cell/cell.d.ts +4 -2
  292. package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -1
  293. package/dist/components/lists-and-tables/cells/cell/cell.js +7 -5
  294. package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -1
  295. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -1
  296. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js +88 -16
  297. package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -1
  298. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts +4 -2
  299. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -1
  300. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js +7 -5
  301. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -1
  302. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
  303. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +23 -0
  304. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -1
  305. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -1
  306. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js +11 -2
  307. package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -1
  308. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts +2 -2
  309. package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -1
  310. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js +5 -5
  311. package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -1
  312. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -1
  313. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js +8 -2
  314. package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -1
  315. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts +5 -5
  316. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -1
  317. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js +8 -8
  318. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -1
  319. package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js +1 -1
  320. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts +3 -3
  321. package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -1
  322. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js +6 -6
  323. package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -1
  324. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -1
  325. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js +8 -2
  326. package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -1
  327. package/dist/components/lists-and-tables/list/list.d.ts +3 -3
  328. package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
  329. package/dist/components/lists-and-tables/list/list.js +6 -6
  330. package/dist/components/lists-and-tables/list/list.js.map +1 -1
  331. package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
  332. package/dist/components/lists-and-tables/list/list.styles.js +4 -0
  333. package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
  334. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  335. package/dist/components/lists-and-tables/list/list.template.js +25 -8
  336. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  337. package/dist/components/lists-and-tables/list-item/list-item.d.ts +61 -39
  338. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  339. package/dist/components/lists-and-tables/list-item/list-item.js +106 -37
  340. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  341. package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
  342. package/dist/components/lists-and-tables/list-item/list-item.styles.js +4 -14
  343. package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
  344. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +35 -10
  345. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -1
  346. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js +45 -18
  347. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -1
  348. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -1
  349. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +4 -14
  350. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -1
  351. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +1 -1
  352. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -1
  353. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js +11 -2
  354. package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -1
  355. package/dist/components/lists-and-tables/table/table.d.ts +2 -2
  356. package/dist/components/lists-and-tables/table/table.d.ts.map +1 -1
  357. package/dist/components/lists-and-tables/table/table.js +5 -5
  358. package/dist/components/lists-and-tables/table/table.js.map +1 -1
  359. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -1
  360. package/dist/components/navigation/document-tab-bar/document-tab-bar.js +6 -6
  361. package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
  362. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  363. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
  364. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  365. package/dist/components/navigation/link/link.template.js +2 -2
  366. package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +4 -4
  367. package/dist/components/navigation/pagination/pagination.styles.js +4 -4
  368. package/dist/components/navigation/pagination/pagination.template.js +1 -1
  369. package/dist/components/navigation/tab-bar/tab-bar.template.js +2 -2
  370. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
  371. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +4 -2
  372. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map +1 -1
  373. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +6 -2
  374. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  375. package/dist/components/navigation/top-title-bar/top-title-bar.js +7 -2
  376. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  377. package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -2
  378. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  379. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +18 -3
  380. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  381. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +4 -4
  382. package/dist/components/status-and-feedback/badge/badge.template.js +1 -1
  383. package/dist/components/status-and-feedback/banner/banner.template.js +1 -1
  384. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +1 -1
  385. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts +14 -5
  386. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  387. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +43 -13
  388. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  389. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.d.ts.map +1 -1
  390. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js +4 -1
  391. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.template.js.map +1 -1
  392. package/dist/components/status-and-feedback/notification/notification.d.ts +8 -8
  393. package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
  394. package/dist/components/status-and-feedback/notification/notification.js +13 -13
  395. package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
  396. package/dist/components/status-and-feedback/notification/notification.template.d.ts.map +1 -1
  397. package/dist/components/status-and-feedback/notification/notification.template.js +5 -2
  398. package/dist/components/status-and-feedback/notification/notification.template.js.map +1 -1
  399. package/dist/components/status-and-feedback/notification/{notification-region.d.ts → notifications-area.d.ts} +3 -3
  400. package/dist/components/status-and-feedback/notification/notifications-area.d.ts.map +1 -0
  401. package/dist/components/status-and-feedback/notification/{notification-region.js → notifications-area.js} +137 -140
  402. package/dist/components/status-and-feedback/notification/notifications-area.js.map +1 -0
  403. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  404. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +4 -0
  405. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  406. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.d.ts.map +1 -1
  407. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +2 -1
  408. package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
  409. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
  410. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +106 -18
  411. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  412. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +1 -1
  413. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts +4 -1
  414. package/dist/components/status-and-feedback/step-indicator/step-indicator.d.ts.map +1 -1
  415. package/dist/components/status-and-feedback/step-indicator/step-indicator.js +4 -1
  416. package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map +1 -1
  417. package/dist/components/status-and-feedback/step-indicator/step-indicator.template.js +2 -2
  418. package/dist/css/form-section.css +4 -4
  419. package/dist/css/form.css +4 -0
  420. package/dist/css/rich-text.css +26 -11
  421. package/dist/css/variables.css +3 -14
  422. package/dist/nldd.min.js +1316 -841
  423. package/dist/types/vue.d.ts +313 -266
  424. package/dist/utilities/page-section-mixin.d.ts +3 -8
  425. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  426. package/dist/utilities/page-section-mixin.js +4 -84
  427. package/dist/utilities/page-section-mixin.js.map +1 -1
  428. package/dist/utilities/title-bar-label-controller.d.ts +25 -0
  429. package/dist/utilities/title-bar-label-controller.d.ts.map +1 -0
  430. package/dist/utilities/title-bar-label-controller.js +52 -0
  431. package/dist/utilities/title-bar-label-controller.js.map +1 -0
  432. package/package.json +4 -2
  433. package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +0 -1
  434. package/dist/components/status-and-feedback/notification/notification-region.js.map +0 -1
@@ -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;AAa1B;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAIF,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;;;;;;;;;;;;;;;;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,73 +1,70 @@
1
1
  import { nothing } from 'lit';
2
2
  import { Directive, directive, PartType, } from 'lit/directive.js';
3
3
  const PADDING_OPTIONS = [
4
- '', '0', '2', '4', '6', '8', '10', '12', '16', '20', '24',
4
+ '(auto)', '0', '2', '4', '6', '8', '10', '12', '16', '20', '24',
5
5
  '28', '32', '40', '44', '48', '56', '64', '80', '96',
6
6
  ];
7
- const paddingControl = (description) => ({
7
+ const paddingControl = (name, description) => ({
8
+ name,
8
9
  control: { type: 'select' },
9
10
  options: PADDING_OPTIONS,
11
+ mapping: { '(auto)': '' },
10
12
  description,
13
+ table: { defaultValue: { summary: '(auto)' } },
11
14
  });
12
15
  /**
13
16
  * Shared Storybook controls for the PageSectionMixin surface API
14
- * (background, scheme, width, height and the 12 block-padding overrides).
15
- * Spread into a section story's `argTypes` / `args`, and bind onto the host
17
+ * (background, width, height and the 12 block-padding overrides).
18
+ * Spread into a section story's `args` / `argTypes`, and bind onto the host
16
19
  * element in `render` with the `pageSectionAttrs` directive.
17
20
  */
21
+ export const pageSectionArgs = {
22
+ background: 'inherit',
23
+ width: '',
24
+ height: '',
25
+ paddingBlock: '',
26
+ paddingTop: '',
27
+ paddingBottom: '',
28
+ smPaddingBlock: '',
29
+ smPaddingTop: '',
30
+ smPaddingBottom: '',
31
+ mdPaddingBlock: '',
32
+ mdPaddingTop: '',
33
+ mdPaddingBottom: '',
34
+ lgPaddingBlock: '',
35
+ lgPaddingTop: '',
36
+ lgPaddingBottom: '',
37
+ };
18
38
  export const pageSectionArgTypes = {
19
39
  background: {
20
40
  control: { type: 'select' },
21
41
  options: ['inherit', 'base', 'tinted'],
22
- description: 'Oppervlak: "inherit" (transparant) toont het oppervlak van de ouder; "base"/"tinted" tekenen een oppervlak en cascaden het naar afstammelingen',
23
- table: { defaultValue: { summary: 'inherit' } },
24
- },
25
- scheme: {
26
- control: { type: 'select' },
27
- options: ['inherit', 'light', 'dark', 'inverted'],
28
- description: 'Kleurschema: "inherit" erft; "inverted" is het tegenovergestelde van het omliggende paginaschema',
42
+ description: 'Oppervlak: "inherit" laat het oppervlak van de ouder doorschijnen, "base" en "tinted" tekenen een eigen oppervlak dat naar de inhoud cascadeert',
29
43
  table: { defaultValue: { summary: 'inherit' } },
30
44
  },
31
45
  width: {
32
46
  control: 'text',
33
- description: 'Body max-width: "full" verwijdert de constraint, of een CSS length (bv. "480px") overschrijft de default max-width',
47
+ description: 'Maximale breedte van de inhoud: "full" haalt de grens weg, een CSS-lengte (bv. "480px") vervangt hem',
34
48
  },
35
49
  height: {
36
50
  control: 'text',
37
- description: 'Minimale sectiehoogte (CSS length, bv. "400px", "100dvh") — net als width op de body-max-width, mapt height op min-height van de host',
51
+ description: 'Minimale hoogte van de sectie, als CSS-lengte (bv. "400px" of "100dvh")',
38
52
  },
39
- 'padding-block': paddingControl('Block (boven+onder) padding-override (token 0–96; "0" verwijdert de padding)'),
40
- 'padding-top': paddingControl('Override van alleen de bovenpadding'),
41
- 'padding-bottom': paddingControl('Override van alleen de onderpadding'),
42
- 'sm-padding-block': paddingControl('Block-padding op sm (≤640px)'),
43
- 'sm-padding-top': paddingControl('Bovenpadding op sm (≤640px)'),
44
- 'sm-padding-bottom': paddingControl('Onderpadding op sm (≤640px)'),
45
- 'md-padding-block': paddingControl('Block-padding op md (641–1007px)'),
46
- 'md-padding-top': paddingControl('Bovenpadding op md (641–1007px)'),
47
- 'md-padding-bottom': paddingControl('Onderpadding op md (641–1007px)'),
48
- 'lg-padding-block': paddingControl('Block-padding op lg (≥1008px)'),
49
- 'lg-padding-top': paddingControl('Bovenpadding op lg (≥1008px)'),
50
- 'lg-padding-bottom': paddingControl('Onderpadding op lg (≥1008px)'),
51
- };
52
- export const pageSectionArgs = {
53
- background: 'inherit',
54
- scheme: 'inherit',
55
- width: '',
56
- height: '',
57
- 'padding-block': '',
58
- 'padding-top': '',
59
- 'padding-bottom': '',
60
- 'sm-padding-block': '',
61
- 'sm-padding-top': '',
62
- 'sm-padding-bottom': '',
63
- 'md-padding-block': '',
64
- 'md-padding-top': '',
65
- 'md-padding-bottom': '',
66
- 'lg-padding-block': '',
67
- 'lg-padding-top': '',
68
- 'lg-padding-bottom': '',
53
+ paddingBlock: paddingControl('padding-block', 'Padding boven en onder (token 0 tot 96, "0" haalt hem weg)'),
54
+ paddingTop: paddingControl('padding-top', 'Alleen de padding boven'),
55
+ paddingBottom: paddingControl('padding-bottom', 'Alleen de padding onder'),
56
+ smPaddingBlock: paddingControl('sm-padding-block', 'Padding boven en onder op sm (tot 640px)'),
57
+ smPaddingTop: paddingControl('sm-padding-top', 'Padding boven op sm (tot 640px)'),
58
+ smPaddingBottom: paddingControl('sm-padding-bottom', 'Padding onder op sm (tot 640px)'),
59
+ mdPaddingBlock: paddingControl('md-padding-block', 'Padding boven en onder op md (641 tot 1007px)'),
60
+ mdPaddingTop: paddingControl('md-padding-top', 'Padding boven op md (641 tot 1007px)'),
61
+ mdPaddingBottom: paddingControl('md-padding-bottom', 'Padding onder op md (641 tot 1007px)'),
62
+ lgPaddingBlock: paddingControl('lg-padding-block', 'Padding boven en onder op lg (vanaf 1008px)'),
63
+ lgPaddingTop: paddingControl('lg-padding-top', 'Padding boven op lg (vanaf 1008px)'),
64
+ lgPaddingBottom: paddingControl('lg-padding-bottom', 'Padding onder op lg (vanaf 1008px)'),
69
65
  };
70
- const PAGE_SECTION_ATTR_KEYS = Object.keys(pageSectionArgs);
66
+ const toAttribute = (key) => key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`);
67
+ const PAGE_SECTION_ATTRS = Object.keys(pageSectionArgs).map((key) => [key, toAttribute(key)]);
71
68
  class PageSectionAttrsDirective extends Directive {
72
69
  constructor(partInfo) {
73
70
  super(partInfo);
@@ -80,13 +77,13 @@ class PageSectionAttrsDirective extends Directive {
80
77
  }
81
78
  update(part, [args]) {
82
79
  const el = part.element;
83
- for (const key of PAGE_SECTION_ATTR_KEYS) {
80
+ for (const [key, attribute] of PAGE_SECTION_ATTRS) {
84
81
  const value = args[key];
85
82
  if (typeof value === 'string' && value !== '') {
86
- el.setAttribute(key, value);
83
+ el.setAttribute(attribute, value);
87
84
  }
88
85
  else {
89
- el.removeAttribute(key);
86
+ el.removeAttribute(attribute);
90
87
  }
91
88
  }
92
89
  return nothing;
@@ -1 +1 @@
1
- {"version":3,"file":"page-section-controls.js","sourceRoot":"","sources":["../../../../src/components/layout/page-sections/page-section-controls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9B,OAAO,EACN,SAAS,EACT,SAAS,EACT,QAAQ,GAGR,MAAM,kBAAkB,CAAC;AAE1B,MAAM,eAAe,GAAG;IACvB,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACzD,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;CACpD,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;IACpC,OAAO,EAAE,eAAe;IACxB,WAAW;CACX,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAClC,UAAU,EAAE;QACX,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;QACtC,WAAW,EAAE,gJAAgJ;QAC7J,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;KAC/C;IACD,MAAM,EAAE;QACP,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC;QACjD,WAAW,EAAE,kGAAkG;QAC/G,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;KAC/C;IACD,KAAK,EAAE;QACN,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,oHAAoH;KACjI;IACD,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,uIAAuI;KACpJ;IACD,eAAe,EAAE,cAAc,CAAC,8EAA8E,CAAC;IAC/G,aAAa,EAAE,cAAc,CAAC,qCAAqC,CAAC;IACpE,gBAAgB,EAAE,cAAc,CAAC,qCAAqC,CAAC;IACvE,kBAAkB,EAAE,cAAc,CAAC,8BAA8B,CAAC;IAClE,gBAAgB,EAAE,cAAc,CAAC,6BAA6B,CAAC;IAC/D,mBAAmB,EAAE,cAAc,CAAC,6BAA6B,CAAC;IAClE,kBAAkB,EAAE,cAAc,CAAC,kCAAkC,CAAC;IACtE,gBAAgB,EAAE,cAAc,CAAC,iCAAiC,CAAC;IACnE,mBAAmB,EAAE,cAAc,CAAC,iCAAiC,CAAC;IACtE,kBAAkB,EAAE,cAAc,CAAC,+BAA+B,CAAC;IACnE,gBAAgB,EAAE,cAAc,CAAC,8BAA8B,CAAC;IAChE,mBAAmB,EAAE,cAAc,CAAC,8BAA8B,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,EAAE;IACnB,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,EAAE;IACpB,kBAAkB,EAAE,EAAE;IACtB,gBAAgB,EAAE,EAAE;IACpB,mBAAmB,EAAE,EAAE;IACvB,kBAAkB,EAAE,EAAE;IACtB,gBAAgB,EAAE,EAAE;IACpB,mBAAmB,EAAE,EAAE;IACvB,kBAAkB,EAAE,EAAE;IACtB,gBAAgB,EAAE,EAAE;IACpB,mBAAmB,EAAE,EAAE;CACvB,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AAE5D,MAAM,yBAA0B,SAAQ,SAAS;IAChD,YAAY,QAAkB;QAC7B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACxC,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;QAChE,CAAC;IACF,CAAC;IAED,MAAM,CAAC,KAA8B;QACpC,OAAO,OAAO,CAAC;IAChB,CAAC;IAEQ,MAAM,CAAC,IAAiB,EAAE,CAAC,IAAI,CAA4B;QACnE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxB,KAAK,MAAM,GAAG,IAAI,sBAAsB,EAAE,CAAC;YAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;gBAC/C,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACP,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YACzB,CAAC;QACF,CAAC;QACD,OAAO,OAAO,CAAC;IAChB,CAAC;CACD;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,yBAAyB,CAAC,CAAC"}
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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"}
@@ -31,20 +31,20 @@
31
31
  *
32
32
  * @element nldd-sidebar-section
33
33
  *
34
+ * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
35
+ * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
36
+ * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
37
+ * @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.
38
+ * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
39
+ * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
40
+ * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
41
+ *
34
42
  * @slot - Main content
35
43
  * @slot sidebar - Sidebar content (sticky box when expanded, a left/bottom sheet when collapsed). The box and the sheet add no padding of their own — wrap the content in a padded container (e.g. nldd-container) for inset spacing.
36
44
  * @slot sheet-top-title-bar - Replaces the sheet's default title bar (when collapsed). Empty falls back to an `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
37
45
  * @slot header - Content above the columns
38
46
  * @slot footer - Content below the columns
39
47
  *
40
- * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
41
- * @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.
42
- * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
43
- * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
44
- * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
45
- * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
46
- * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
47
- *
48
48
  * @fires open - The sidebar sheet opened.
49
49
  * @fires close - The sidebar sheet closed.
50
50
  * @fires collapse-change - The collapsed state flipped because the section's width crossed the lg breakpoint; `{ collapsed }`.
@@ -60,7 +60,6 @@ import '../../page/page.js';
60
60
  import '../../../navigation/top-title-bar/top-title-bar.js';
61
61
  declare const NLDDSidebarSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
62
62
  background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
63
- scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
64
63
  paddingBlock?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
65
64
  paddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
66
65
  paddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
@@ -79,12 +78,12 @@ declare const NLDDSidebarSection_base: typeof LitElement & (new (...args: any[])
79
78
  export declare class NLDDSidebarSection extends NLDDSidebarSection_base {
80
79
  static styles: import("lit").CSSResult;
81
80
  width: string;
82
- stickyTop: string;
83
- stickyBottom: string;
84
81
  sidebarLabel: string;
85
- noCollapse: boolean;
86
82
  /** Override translation keys (sheet title fallback and dismiss label); unset keys fall back to Dutch. */
87
83
  translations: Partial<typeof nlddSidebarSectionTranslations>;
84
+ noCollapse: boolean;
85
+ stickyTop: string;
86
+ stickyBottom: string;
88
87
  collapsed: boolean;
89
88
  private _sheet?;
90
89
  private _ro?;
@@ -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;;;;;;;;;;;;;;;;;;;AAG5D,qBACa,kBAAmB,SAAQ,uBAA4B;IACnE,OAAgB,MAAM,0BAAwB;IAG9C,KAAK,SAAM;IAGX,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,YAAY,SAAM;IAGlB,UAAU,UAAS;IAEnB,yGAAyG;IAEzG,YAAY,EAAE,OAAO,CAAC,OAAO,8BAA8B,CAAC,CAAM;IAGlE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;AAG5D,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"}
@@ -37,20 +37,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
37
37
  *
38
38
  * @element nldd-sidebar-section
39
39
  *
40
+ * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
41
+ * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
42
+ * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
43
+ * @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.
44
+ * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
45
+ * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
46
+ * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
47
+ *
40
48
  * @slot - Main content
41
49
  * @slot sidebar - Sidebar content (sticky box when expanded, a left/bottom sheet when collapsed). The box and the sheet add no padding of their own — wrap the content in a padded container (e.g. nldd-container) for inset spacing.
42
50
  * @slot sheet-top-title-bar - Replaces the sheet's default title bar (when collapsed). Empty falls back to an `nldd-top-title-bar` with the `sidebar-label` as title and a "Sluit" button.
43
51
  * @slot header - Content above the columns
44
52
  * @slot footer - Content below the columns
45
53
  *
46
- * @attr {boolean} [collapsed] - Read-only, reflected: true while the sidebar is a sheet (the section is narrower than lg). Target it via CSS to reveal sheet-only chrome.
47
- * @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.
48
- * @attr {string} [width] - Body max-width: 'full' removes the constraint; any CSS length overrides the default.
49
- * @attr {string} [sticky-top] - Sticky top inset on lg (CSS length; default = 16px).
50
- * @attr {string} [sticky-bottom] - Sticky bottom inset on lg (CSS length; default = 16px).
51
- * @attr {string} [sidebar-label] - Accessible name for the sidebar (the aside landmark on lg and the sheet on sm/md). Default 'Zijbalk'.
52
- * @attr {object} [translations] - Override translation keys (sheet title fallback, dismiss label); unset keys fall back to Dutch.
53
- *
54
54
  * @fires open - The sidebar sheet opened.
55
55
  * @fires close - The sidebar sheet closed.
56
56
  * @fires collapse-change - The collapsed state flipped because the section's width crossed the lg breakpoint; `{ collapsed }`.
@@ -73,12 +73,12 @@ let NLDDSidebarSection = class NLDDSidebarSection extends PageSectionMixin(LitEl
73
73
  constructor() {
74
74
  super(...arguments);
75
75
  this.width = '';
76
- this.stickyTop = '';
77
- this.stickyBottom = '';
78
76
  this.sidebarLabel = '';
79
- this.noCollapse = false;
80
77
  /** Override translation keys (sheet title fallback and dismiss label); unset keys fall back to Dutch. */
81
78
  this.translations = {};
79
+ this.noCollapse = false;
80
+ this.stickyTop = '';
81
+ this.stickyBottom = '';
82
82
  this.collapsed = false;
83
83
  this._lgMin = parseInt(breakpoints.lgMin, 10);
84
84
  this._hasMeasured = false;
@@ -197,21 +197,21 @@ NLDDSidebarSection.styles = sidebarSectionStyles;
197
197
  __decorate([
198
198
  property({ type: String, reflect: true })
199
199
  ], NLDDSidebarSection.prototype, "width", void 0);
200
- __decorate([
201
- property({ type: String, reflect: true, attribute: 'sticky-top' })
202
- ], NLDDSidebarSection.prototype, "stickyTop", void 0);
203
- __decorate([
204
- property({ type: String, reflect: true, attribute: 'sticky-bottom' })
205
- ], NLDDSidebarSection.prototype, "stickyBottom", void 0);
206
200
  __decorate([
207
201
  property({ type: String, attribute: 'sidebar-label' })
208
202
  ], NLDDSidebarSection.prototype, "sidebarLabel", void 0);
203
+ __decorate([
204
+ property({ type: Object })
205
+ ], NLDDSidebarSection.prototype, "translations", void 0);
209
206
  __decorate([
210
207
  property({ type: Boolean, reflect: true, attribute: 'no-collapse' })
211
208
  ], NLDDSidebarSection.prototype, "noCollapse", void 0);
212
209
  __decorate([
213
- property({ type: Object })
214
- ], NLDDSidebarSection.prototype, "translations", void 0);
210
+ property({ type: String, reflect: true, attribute: 'sticky-top' })
211
+ ], NLDDSidebarSection.prototype, "stickyTop", void 0);
212
+ __decorate([
213
+ property({ type: String, reflect: true, attribute: 'sticky-bottom' })
214
+ ], NLDDSidebarSection.prototype, "stickyBottom", void 0);
215
215
  __decorate([
216
216
  property({ type: Boolean, reflect: true })
217
217
  ], NLDDSidebarSection.prototype, "collapsed", void 0);
@@ -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.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,GAAG,cAAc,CAsDpF"}
1
+ {"version":3,"file":"sidebar-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,kBAAkB,GAAG,cAAc,CA4DpF"}
@@ -8,7 +8,10 @@ export function sidebarSectionTemplate(component) {
8
8
  <header class="sidebar-section__header"
9
9
  hidden
10
10
  >
11
- <slot name="header" @slotchange=${component._onSlotChange}></slot>
11
+ <slot
12
+ name="header"
13
+ @slotchange=${component._onSlotChange}
14
+ ></slot>
12
15
  </header>
13
16
  <div class="sidebar-section__columns">
14
17
  ${!collapsed ? html `
@@ -27,7 +30,10 @@ export function sidebarSectionTemplate(component) {
27
30
  <footer class="sidebar-section__footer"
28
31
  hidden
29
32
  >
30
- <slot name="footer" @slotchange=${component._onSlotChange}></slot>
33
+ <slot
34
+ name="footer"
35
+ @slotchange=${component._onSlotChange}
36
+ ></slot>
31
37
  </footer>
32
38
  </div>
33
39
  </section>
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAGzD,MAAM,UAAU,sBAAsB,CAAC,SAA6B;IACnE,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;IACtC,MAAM,YAAY,GAAG,SAAS,CAAC,qBAAqB,CAAC;IACrD,OAAO,IAAI,CAAA;;;;;;uCAM2B,SAAS,CAAC,aAAa;;;OAGvD,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;oBAEJ,YAAY;;;;;;MAM1B,CAAC,CAAC,CAAC,OAAO;;;;;;;;uCAQuB,SAAS,CAAC,aAAa;;;;;;sBAMxC,YAAY;WACvB,SAAS,CAAC,YAAY;YACrB,SAAS,CAAC,aAAa;;KAE9B,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;;cAOP,YAAY;sBACJ,SAAS,CAAC,iBAAiB;;;;;IAK7C,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"sidebar-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/sidebar-section/sidebar-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAGzD,MAAM,UAAU,sBAAsB,CAAC,SAA6B;IACnE,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;IACtC,MAAM,YAAY,GAAG,SAAS,CAAC,qBAAqB,CAAC;IACrD,OAAO,IAAI,CAAA;;;;;;;;oBAQQ,SAAS,CAAC,aAAa;;;;OAIpC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;oBAEJ,YAAY;;;;;;MAM1B,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;oBAUI,SAAS,CAAC,aAAa;;;;;;;sBAOrB,YAAY;WACvB,SAAS,CAAC,YAAY;YACrB,SAAS,CAAC,aAAa;;KAE9B,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;;cAOP,YAAY;sBACJ,SAAS,CAAC,iBAAiB;;;;;IAK7C,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
@@ -5,29 +5,35 @@
5
5
  * Contains optional header and footer slots. The padding and spacing between
6
6
  * slots adjust automatically via container queries.
7
7
  *
8
- * @element nldd-simple-section
8
+ * Use one section per content block and repeat the section rather than
9
+ * building columns inside one: the section sets the reading width and the
10
+ * padding itself. For two columns there are nldd-one-half-one-half-section,
11
+ * nldd-two-thirds-one-third-section, nldd-one-third-two-thirds-section and
12
+ * nldd-sidebar-section. Give a section its surface with `background` instead
13
+ * of a background color of your own; that is how the components inside know
14
+ * which surface they are on.
9
15
  *
10
- * @slot header - Content above the main content
11
- * @slot - Main content
12
- * @slot footer - Content below the main content
16
+ * @element nldd-simple-section
13
17
  *
14
18
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
15
- * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
16
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.
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.
19
20
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
20
21
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
21
22
  * @attr {string} [padding-top] - Top padding override.
22
23
  * @attr {string} [padding-bottom] - Bottom padding override.
23
24
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
25
+ * @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.
26
+ * @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.
27
+ *
28
+ * @slot header - Content above the main content
29
+ * @slot - Main content
30
+ * @slot footer - Content below the main content
24
31
  */
25
32
  import { LitElement } from 'lit';
26
33
  type HorizontalAlignment = 'left' | 'center' | 'right';
27
34
  type VerticalAlignment = 'top' | 'center' | 'bottom';
28
35
  declare const NLDDSimpleSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
29
36
  background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
30
- scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
31
37
  paddingBlock?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
32
38
  paddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
33
39
  paddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
@@ -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;;;;;;;;;;;;;;;;;;;;;;;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"}
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"}
@@ -11,22 +11,29 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
11
11
  * Contains optional header and footer slots. The padding and spacing between
12
12
  * slots adjust automatically via container queries.
13
13
  *
14
- * @element nldd-simple-section
14
+ * Use one section per content block and repeat the section rather than
15
+ * building columns inside one: the section sets the reading width and the
16
+ * padding itself. For two columns there are nldd-one-half-one-half-section,
17
+ * nldd-two-thirds-one-third-section, nldd-one-third-two-thirds-section and
18
+ * nldd-sidebar-section. Give a section its surface with `background` instead
19
+ * of a background color of your own; that is how the components inside know
20
+ * which surface they are on.
15
21
  *
16
- * @slot header - Content above the main content
17
- * @slot - Main content
18
- * @slot footer - Content below the main content
22
+ * @element nldd-simple-section
19
23
  *
20
24
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
21
- * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
22
25
  * @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.
25
26
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
26
27
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
27
28
  * @attr {string} [padding-top] - Top padding override.
28
29
  * @attr {string} [padding-bottom] - Bottom padding override.
29
30
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
31
+ * @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.
32
+ * @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.
33
+ *
34
+ * @slot header - Content above the main content
35
+ * @slot - Main content
36
+ * @slot footer - Content below the main content
30
37
  */
31
38
  import { LitElement } from 'lit';
32
39
  import { customElement, property } from 'lit/decorators.js';
@@ -1 +1 @@
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
+ {"version":3,"file":"simple-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;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.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAoBlF"}
1
+ {"version":3,"file":"simple-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,GAAG,cAAc,CA0BlF"}
@@ -6,7 +6,10 @@ export function simpleSectionTemplate(component) {
6
6
  <header class="simple-section__header"
7
7
  hidden
8
8
  >
9
- <slot name="header" @slotchange=${component._onSlotChange}></slot>
9
+ <slot
10
+ name="header"
11
+ @slotchange=${component._onSlotChange}
12
+ ></slot>
10
13
  </header>
11
14
  <div class="simple-section__main">
12
15
  <slot></slot>
@@ -14,7 +17,10 @@ export function simpleSectionTemplate(component) {
14
17
  <footer class="simple-section__footer"
15
18
  hidden
16
19
  >
17
- <slot name="footer" @slotchange=${component._onSlotChange}></slot>
20
+ <slot
21
+ name="footer"
22
+ @slotchange=${component._onSlotChange}
23
+ ></slot>
18
24
  </footer>
19
25
  </div>
20
26
  </section>
@@ -1 +1 @@
1
- {"version":3,"file":"simple-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,qBAAqB,CAAC,SAA4B;IACjE,OAAO,IAAI,CAAA;;;;;;uCAM2B,SAAS,CAAC,aAAa;;;;;;;;uCAQvB,SAAS,CAAC,aAAa;;;;EAI5D,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"simple-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/simple-section/simple-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,qBAAqB,CAAC,SAA4B;IACjE,OAAO,IAAI,CAAA;;;;;;;;oBAQQ,SAAS,CAAC,aAAa;;;;;;;;;;;oBAWvB,SAAS,CAAC,aAAa;;;;;EAKzC,CAAC;AACH,CAAC"}
@@ -7,25 +7,23 @@
7
7
  *
8
8
  * @element nldd-two-thirds-one-third-section
9
9
  *
10
- * @slot header - Content above the columns
11
- * @slot - Left column (2/3), alternative for slot="left"
12
- * @slot left - Left column (2/3)
13
- * @slot right - Right column (1/3)
14
- * @slot footer - Content below the columns
15
- *
16
10
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
17
- * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
18
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.
19
12
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
20
13
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
21
14
  * @attr {string} [padding-top] - Top padding override.
22
15
  * @attr {string} [padding-bottom] - Bottom padding override.
23
16
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
17
+ *
18
+ * @slot header - Content above the columns
19
+ * @slot - Left column (2/3), alternative for slot="left"
20
+ * @slot left - Left column (2/3)
21
+ * @slot right - Right column (1/3)
22
+ * @slot footer - Content below the columns
24
23
  */
25
24
  import { LitElement } from 'lit';
26
25
  declare const NLDDTwoThirdsOneThirdSection_base: typeof LitElement & (new (...args: any[]) => LitElement & {
27
26
  background: import("../../../../utilities/page-section-mixin.js").PageSectionBackground;
28
- scheme: import("../../../../utilities/page-section-mixin.js").PageSectionScheme;
29
27
  paddingBlock?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
30
28
  paddingTop?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
31
29
  paddingBottom?: import("../../../../utilities/page-section-mixin.js").PageSectionPadding;
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;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":"two-thirds-one-third-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-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"}
@@ -13,20 +13,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
13
13
  *
14
14
  * @element nldd-two-thirds-one-third-section
15
15
  *
16
- * @slot header - Content above the columns
17
- * @slot - Left column (2/3), alternative for slot="left"
18
- * @slot left - Left column (2/3)
19
- * @slot right - Right column (1/3)
20
- * @slot footer - Content below the columns
21
- *
22
16
  * @attr {'inherit'|'base'|'tinted'} [background] - Surface background ('inherit' default; 'base'/'tinted' paint and cascade a surface).
23
- * @attr {'inherit'|'light'|'dark'|'inverted'} [scheme] - Color scheme ('inherit' default; 'inverted' = opposite of the surrounding page scheme).
24
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.
25
18
  * @attr {string} [height] - Minimum section height (any CSS length, e.g. '400px', '100dvh') (mirrors width, which sets the body max-width).
26
19
  * @attr {string} [padding-block] - Block (top and bottom) padding override (token 0-96; '0' strips it).
27
20
  * @attr {string} [padding-top] - Top padding override.
28
21
  * @attr {string} [padding-bottom] - Bottom padding override.
29
22
  * @attr {string} [sm-padding-block] - Responsive block padding (sm/md/lg, also per edge: {sm,md,lg}-padding-{top,bottom}).
23
+ *
24
+ * @slot header - Content above the columns
25
+ * @slot - Left column (2/3), alternative for slot="left"
26
+ * @slot left - Left column (2/3)
27
+ * @slot right - Right column (1/3)
28
+ * @slot footer - Content below the columns
30
29
  */
31
30
  import { LitElement } from 'lit';
32
31
  import { customElement, property } from 'lit/decorators.js';
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-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,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":"two-thirds-one-third-section.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-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 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,4BAA4B,GAAG,cAAc,CA0BxG"}
1
+ {"version":3,"file":"two-thirds-one-third-section.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEtF,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,4BAA4B,GAAG,cAAc,CAgCxG"}