@nldd/design-system 0.8.57 → 0.8.59

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 (248) hide show
  1. package/dist/components/actions/button/button.d.ts +2 -2
  2. package/dist/components/actions/button/button.d.ts.map +1 -1
  3. package/dist/components/actions/button/button.js +1 -1
  4. package/dist/components/actions/button/button.js.map +1 -1
  5. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  6. package/dist/components/actions/button/button.styles.js +83 -0
  7. package/dist/components/actions/button/button.styles.js.map +1 -1
  8. package/dist/components/actions/button-bar/button-bar.template.d.ts.map +1 -1
  9. package/dist/components/actions/button-bar/button-bar.template.js +4 -1
  10. package/dist/components/actions/button-bar/button-bar.template.js.map +1 -1
  11. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  12. package/dist/components/actions/button-group/button-group.styles.js +4 -2
  13. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  14. package/dist/components/actions/icon-button/icon-button.d.ts +2 -2
  15. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  16. package/dist/components/actions/icon-button/icon-button.js +1 -1
  17. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  18. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.styles.js +68 -0
  20. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  21. package/dist/components/actions/menu/menu.d.ts +25 -4
  22. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  23. package/dist/components/actions/menu/menu.i18n.d.ts +1 -1
  24. package/dist/components/actions/menu/menu.i18n.js +1 -1
  25. package/dist/components/actions/menu/menu.i18n.js.map +1 -1
  26. package/dist/components/actions/menu/menu.js +50 -6
  27. package/dist/components/actions/menu/menu.js.map +1 -1
  28. package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
  29. package/dist/components/actions/menu/menu.styles.js +18 -4
  30. package/dist/components/actions/menu/menu.styles.js.map +1 -1
  31. package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
  32. package/dist/components/actions/menu/menu.template.js +108 -47
  33. package/dist/components/actions/menu/menu.template.js.map +1 -1
  34. package/dist/components/components.js +88 -85
  35. package/dist/components/content/blockquote/blockquote.d.ts +3 -1
  36. package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
  37. package/dist/components/content/blockquote/blockquote.js +12 -1
  38. package/dist/components/content/blockquote/blockquote.js.map +1 -1
  39. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  40. package/dist/components/content/blockquote/blockquote.styles.js +4 -0
  41. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  42. package/dist/components/content/blockquote/blockquote.template.js +1 -1
  43. package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
  44. package/dist/components/content/byline/byline.d.ts +61 -0
  45. package/dist/components/content/byline/byline.d.ts.map +1 -0
  46. package/dist/components/content/byline/byline.js +103 -0
  47. package/dist/components/content/byline/byline.js.map +1 -0
  48. package/dist/components/content/byline/byline.styles.d.ts +2 -0
  49. package/dist/components/content/byline/byline.styles.d.ts.map +1 -0
  50. package/dist/components/content/byline/byline.styles.js +111 -0
  51. package/dist/components/content/byline/byline.styles.js.map +1 -0
  52. package/dist/components/content/byline/byline.template.d.ts +3 -0
  53. package/dist/components/content/byline/byline.template.d.ts.map +1 -0
  54. package/dist/components/content/byline/byline.template.js +27 -0
  55. package/dist/components/content/byline/byline.template.js.map +1 -0
  56. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  57. package/dist/components/content/code-viewer/code-viewer.styles.js +4 -0
  58. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  59. package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -1
  60. package/dist/components/content/code-viewer/code-viewer.template.js +4 -1
  61. package/dist/components/content/code-viewer/code-viewer.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 +3 -1
  64. package/dist/components/content/image/image.template.js.map +1 -1
  65. package/dist/components/content/image/lqip-encoder-element.js +1 -1
  66. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +27 -2
  67. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
  68. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +33 -2
  69. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  70. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  71. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +72 -13
  72. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  73. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.d.ts.map +1 -1
  74. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js +3 -1
  75. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js.map +1 -1
  76. package/dist/components/content/rich-text/rich-text.d.ts +16 -0
  77. package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
  78. package/dist/components/content/rich-text/rich-text.js +19 -0
  79. package/dist/components/content/rich-text/rich-text.js.map +1 -1
  80. package/dist/components/content/tag/tag.d.ts +2 -2
  81. package/dist/components/content/tag/tag.d.ts.map +1 -1
  82. package/dist/components/content/tag/tag.js +1 -1
  83. package/dist/components/content/tag/tag.js.map +1 -1
  84. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  85. package/dist/components/content/tag/tag.styles.js +81 -51
  86. package/dist/components/content/tag/tag.styles.js.map +1 -1
  87. package/dist/components/content/title/title.d.ts +6 -0
  88. package/dist/components/content/title/title.d.ts.map +1 -1
  89. package/dist/components/content/title/title.js +8 -0
  90. package/dist/components/content/title/title.js.map +1 -1
  91. package/dist/components/content/title/title.styles.d.ts.map +1 -1
  92. package/dist/components/content/title/title.styles.js +15 -0
  93. package/dist/components/content/title/title.styles.js.map +1 -1
  94. package/dist/components/{index-DHU98C6V.js → index-CtsEx0-K.js} +3902 -2158
  95. package/dist/components/index.d.ts +3 -0
  96. package/dist/components/index.d.ts.map +1 -1
  97. package/dist/components/index.js +3 -0
  98. package/dist/components/index.js.map +1 -1
  99. package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
  100. package/dist/components/inputs/checkbox/checkbox.template.js +9 -3
  101. package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
  102. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
  103. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +6 -0
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  106. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +11 -5
  107. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  108. package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
  109. package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
  110. package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
  111. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  112. package/dist/components/inputs/toggle-button/toggle-button.template.js +8 -2
  113. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  114. package/dist/components/inputs/token/token.template.d.ts.map +1 -1
  115. package/dist/components/inputs/token/token.template.js +3 -1
  116. package/dist/components/inputs/token/token.template.js.map +1 -1
  117. package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
  118. package/dist/components/layout/collection/collection.template.js +3 -1
  119. package/dist/components/layout/collection/collection.template.js.map +1 -1
  120. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
  121. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +6 -2
  122. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
  123. package/dist/components/layout/page-sections/hero/hero.d.ts +95 -0
  124. package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -0
  125. package/dist/components/layout/page-sections/hero/hero.js +168 -0
  126. package/dist/components/layout/page-sections/hero/hero.js.map +1 -0
  127. package/dist/components/layout/page-sections/hero/hero.styles.d.ts +2 -0
  128. package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -0
  129. package/dist/components/layout/page-sections/hero/hero.styles.js +516 -0
  130. package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -0
  131. package/dist/components/layout/page-sections/hero/hero.template.d.ts +4 -0
  132. package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -0
  133. package/dist/components/layout/page-sections/hero/hero.template.js +18 -0
  134. package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -0
  135. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  136. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +6 -2
  137. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  138. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  139. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +6 -2
  140. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  141. package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
  142. package/dist/components/layout/page-sections/simple-section/simple-section.template.js +6 -2
  143. package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
  144. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  145. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +6 -2
  146. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  147. package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
  148. package/dist/components/lists-and-tables/list/list.template.js +3 -1
  149. package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
  150. package/dist/components/lists-and-tables/list-item/list-item.d.ts +3 -4
  151. package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
  152. package/dist/components/lists-and-tables/list-item/list-item.js +7 -5
  153. package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
  154. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
  155. package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
  156. package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -2
  157. package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
  158. package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -1
  159. package/dist/components/lists-and-tables/table/table.template.js +7 -2
  160. package/dist/components/lists-and-tables/table/table.template.js.map +1 -1
  161. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +44 -0
  162. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  163. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +1 -0
  164. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map +1 -1
  165. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +1 -0
  166. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
  167. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +84 -1
  168. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  169. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
  170. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +64 -10
  171. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  172. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
  173. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +17 -1
  174. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map +1 -1
  175. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
  176. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
  177. package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
  178. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  179. package/dist/components/navigation/pagination/pagination.template.js +9 -3
  180. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  181. package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
  182. package/dist/components/navigation/tab-bar/tab-bar.template.js +6 -2
  183. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  184. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +18 -1
  185. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
  186. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +130 -24
  187. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
  188. package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +4 -4
  189. package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
  190. package/dist/components/navigation/top-title-bar/top-title-bar.template.js +3 -1
  191. package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
  192. package/dist/components/{prism-python-9EoInm_N.js → prism-python-SgP2Rws4.js} +1 -1
  193. package/dist/components/{prism-rust-Chzr6sBk.js → prism-rust-CSuFXPDt.js} +1 -1
  194. package/dist/components/{prism-typescript-DPJmu--x.js → prism-typescript-DrsfPuKI.js} +1 -1
  195. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +6 -0
  196. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
  197. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +9 -0
  198. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
  199. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -1
  200. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +30 -1
  201. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -1
  202. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -1
  203. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +1 -0
  204. package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -1
  205. package/dist/components/status-and-feedback/badge/badge.d.ts +1 -1
  206. package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
  207. package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
  208. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  209. package/dist/components/status-and-feedback/badge/badge.styles.js +69 -75
  210. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  211. package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
  212. package/dist/components/status-and-feedback/banner/banner.styles.js +21 -35
  213. package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
  214. package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
  215. package/dist/components/status-and-feedback/banner/banner.template.js +9 -3
  216. package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
  217. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
  218. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +6 -2
  219. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
  220. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +1 -1
  221. package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
  222. package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
  223. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
  224. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +73 -80
  225. package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
  226. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +1 -1
  227. package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
  228. package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
  229. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
  230. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +48 -50
  231. package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
  232. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
  233. package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
  234. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +60 -0
  235. package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -0
  236. package/dist/components/status-and-feedback/status-bar/status-bar.js +116 -0
  237. package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -0
  238. package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts +2 -0
  239. package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts.map +1 -0
  240. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +142 -0
  241. package/dist/components/status-and-feedback/status-bar/status-bar.styles.js.map +1 -0
  242. package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts +3 -0
  243. package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -0
  244. package/dist/components/status-and-feedback/status-bar/status-bar.template.js +32 -0
  245. package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +1 -0
  246. package/dist/css/rich-text.css +91 -13
  247. package/dist/css/settings.css +427 -338
  248. package/package.json +15 -2
@@ -3,7 +3,9 @@ export function twoThirdsOneThirdSectionTemplate(component) {
3
3
  return html `
4
4
  <section class="two-thirds-one-third-section">
5
5
  <div class="two-thirds-one-third-section__body">
6
- <header class="two-thirds-one-third-section__header" hidden>
6
+ <header class="two-thirds-one-third-section__header"
7
+ hidden
8
+ >
7
9
  <slot name="header" @slotchange=${component._onSlotChange}></slot>
8
10
  </header>
9
11
  <div class="two-thirds-one-third-section__columns">
@@ -15,7 +17,9 @@ export function twoThirdsOneThirdSectionTemplate(component) {
15
17
  <slot name="right"></slot>
16
18
  </div>
17
19
  </div>
18
- <footer class="two-thirds-one-third-section__footer" hidden>
20
+ <footer class="two-thirds-one-third-section__footer"
21
+ hidden
22
+ >
19
23
  <slot name="footer" @slotchange=${component._onSlotChange}></slot>
20
24
  </footer>
21
25
  </div>
@@ -1 +1 @@
1
- {"version":3,"file":"two-thirds-one-third-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,SAAuC;IACvF,OAAO,IAAI,CAAA;;;;uCAI2B,SAAS,CAAC,aAAa;;;;;;;;;;;;uCAYvB,SAAS,CAAC,aAAa;;;;EAI5D,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"two-thirds-one-third-section.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,gCAAgC,CAAC,SAAuC;IACvF,OAAO,IAAI,CAAA;;;;;;uCAM2B,SAAS,CAAC,aAAa;;;;;;;;;;;;;;uCAcvB,SAAS,CAAC,aAAa;;;;EAI5D,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,eAAO,MAAM,QAAQ,GACpB,YAAY,MAAM,EAClB,WAAW,OAAO,EAClB,MAAM,QAAQ,EACd,SAAS,OAAO,EAChB,WAAW,MAAM,EACjB,qBAAqB,MAAM,yCA6C3B,CAAC"}
1
+ {"version":3,"file":"list.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,eAAO,MAAM,QAAQ,GACpB,YAAY,MAAM,EAClB,WAAW,OAAO,EAClB,MAAM,QAAQ,EACd,SAAS,OAAO,EAChB,WAAW,MAAM,EACjB,qBAAqB,MAAM,yCA+C3B,CAAC"}
@@ -20,7 +20,9 @@ export const template = (itemsLabel, hasHeader, type, isEmpty, emptyText, emptyS
20
20
  aria-label=${ifDefined(skipItemsLabel || isEmpty ? undefined : itemsLabel)}
21
21
  >
22
22
  <slot></slot>
23
- <div class="list__empty" ?hidden=${!isEmpty}>
23
+ <div class="list__empty"
24
+ ?hidden=${!isEmpty}
25
+ >
24
26
  <slot name="empty">
25
27
  <nldd-inline-dialog
26
28
  text=${emptyText}
@@ -1 +1 @@
1
- {"version":3,"file":"list.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,UAAkB,EAClB,SAAkB,EAClB,IAAc,EACd,OAAgB,EAChB,SAAiB,EACjB,mBAA2B,EAC1B,EAAE;IACH,MAAM,YAAY,GAAG,IAAI,KAAK,YAAY,CAAC;IAC3C,wEAAwE;IACxE,yEAAyE;IACzE,gEAAgE;IAChE,MAAM,cAAc,GAAG,SAAS,IAAI,YAAY,CAAC;IACjD,oEAAoE;IACpE,0EAA0E;IAC1E,0EAA0E;IAC1E,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/C,OAAO,IAAI,CAAA;;;;;;WAMD,SAAS,CAAC,SAAS,CAAC;iBACd,SAAS,CAAC,cAAc,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;;;uCAGvC,CAAC,OAAO;;;cAGjC,SAAS;yBACE,mBAAmB,IAAI,OAAO;;;;;;;;;;;;;;;;;;;EAmBrD,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"list.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,UAAkB,EAClB,SAAkB,EAClB,IAAc,EACd,OAAgB,EAChB,SAAiB,EACjB,mBAA2B,EAC1B,EAAE;IACH,MAAM,YAAY,GAAG,IAAI,KAAK,YAAY,CAAC;IAC3C,wEAAwE;IACxE,yEAAyE;IACzE,gEAAgE;IAChE,MAAM,cAAc,GAAG,SAAS,IAAI,YAAY,CAAC;IACjD,oEAAoE;IACpE,0EAA0E;IAC1E,0EAA0E;IAC1E,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/C,OAAO,IAAI,CAAA;;;;;;WAMD,SAAS,CAAC,SAAS,CAAC;iBACd,SAAS,CAAC,cAAc,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;;;;eAI/D,CAAC,OAAO;;;;cAIT,SAAS;yBACE,mBAAmB,IAAI,OAAO;;;;;;;;;;;;;;;;;;;EAmBrD,CAAC;AACH,CAAC,CAAC"}
@@ -1,10 +1,9 @@
1
1
  import { LitElement } from 'lit';
2
2
  import '../cells/spacer-cell/spacer-cell.js';
3
3
  export type ListItemSize = 'sm' | 'md';
4
- export type ListItemType = 'button';
5
4
  /**
6
5
  * A row within an `nldd-list`, providing layout for start, main and end areas.
7
- * Renders as a link when `href` is set, as a button when `type="button"`, or
6
+ * Renders as a link when `href` is set, as a button when `button` is set, or
8
7
  * as a plain container otherwise.
9
8
  *
10
9
  * The item synchronises its ARIA with its parent `nldd-list`'s `type`:
@@ -20,8 +19,8 @@ export declare class NLDDListItem extends LitElement {
20
19
  static styles: import("lit").CSSResult[];
21
20
  size: ListItemSize;
22
21
  selected: boolean;
23
- /** When set, renders the item as a button. */
24
- type?: ListItemType;
22
+ /** When set, renders the item as a button; ignored when href is set. */
23
+ button: boolean;
25
24
  /** When set, renders the item as a link. */
26
25
  href?: string;
27
26
  /** Set by the parent nldd-list when reorderable is enabled. Used as a CSS hook for drag handle visibility. */
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,YAAY,CAAQ;IAG1B,QAAQ,UAAS;IAEjB,8CAA8C;IAE9C,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,4CAA4C;IAE5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8GAA8G;IAE9G,WAAW,UAAS;IAGpB,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,WAAW,CAAoB;IAGvC,OAAO,CAAC,OAAO,CAAC,CAAc;IAE9B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,aAAa,CAAiC;IAE7C,iBAAiB;IAajB,oBAAoB;IASpB,YAAY;IAaZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAQf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
1
+ {"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC;;;;;;;;;;;;;GAaG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,YAAY,CAAQ;IAG1B,QAAQ,UAAS;IAEjB,wEAAwE;IAExE,MAAM,UAAS;IAEf,4CAA4C;IAE5C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8GAA8G;IAE9G,WAAW,UAAS;IAGpB,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,WAAW,CAAoB;IAGvC,OAAO,CAAC,OAAO,CAAC,CAAc;IAE9B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,aAAa,CAAiC;IAE7C,iBAAiB;IAajB,oBAAoB;IASpB,YAAY;IAaZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAQf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
@@ -12,7 +12,7 @@ import { isPointerMode } from '../../../utilities/input-modality.js';
12
12
  import '../cells/spacer-cell/spacer-cell.js';
13
13
  /**
14
14
  * A row within an `nldd-list`, providing layout for start, main and end areas.
15
- * Renders as a link when `href` is set, as a button when `type="button"`, or
15
+ * Renders as a link when `href` is set, as a button when `button` is set, or
16
16
  * as a plain container otherwise.
17
17
  *
18
18
  * The item synchronises its ARIA with its parent `nldd-list`'s `type`:
@@ -29,6 +29,8 @@ let NLDDListItem = class NLDDListItem extends LitElement {
29
29
  super(...arguments);
30
30
  this.size = 'md';
31
31
  this.selected = false;
32
+ /** When set, renders the item as a button; ignored when href is set. */
33
+ this.button = false;
32
34
  /** Set by the parent nldd-list when reorderable is enabled. Used as a CSS hook for drag handle visibility. */
33
35
  this.reorderable = false;
34
36
  this._showStart = false;
@@ -87,7 +89,7 @@ let NLDDListItem = class NLDDListItem extends LitElement {
87
89
  this._observeEndSlot();
88
90
  }
89
91
  updated(changed) {
90
- if (changed.has('selected') || changed.has('type') || changed.has('href') || changed.has('_parentType')) {
92
+ if (changed.has('selected') || changed.has('button') || changed.has('href') || changed.has('_parentType')) {
91
93
  this._updateAriaState();
92
94
  }
93
95
  }
@@ -157,7 +159,7 @@ let NLDDListItem = class NLDDListItem extends LitElement {
157
159
  this._action?.focus(options);
158
160
  }
159
161
  render() {
160
- return template(this.type, this.href, this._showStart, this._showEnd);
162
+ return template(this.button, this.href, this._showStart, this._showEnd);
161
163
  }
162
164
  };
163
165
  NLDDListItem.styles = [listItemStyles];
@@ -168,8 +170,8 @@ __decorate([
168
170
  property({ type: Boolean, reflect: true })
169
171
  ], NLDDListItem.prototype, "selected", void 0);
170
172
  __decorate([
171
- property({ reflect: true })
172
- ], NLDDListItem.prototype, "type", void 0);
173
+ property({ type: Boolean, reflect: true })
174
+ ], NLDDListItem.prototype, "button", void 0);
173
175
  __decorate([
174
176
  property({ reflect: true })
175
177
  ], NLDDListItem.prototype, "href", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.ts"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export declare const template: (type: string | undefined, href: string | undefined, showStart: boolean, showEnd: boolean) => import("lit-html").TemplateResult<1>;
1
+ export declare const template: (button: boolean, href: string | undefined, showStart: boolean, showEnd: boolean) => import("lit-html").TemplateResult<1>;
2
2
  //# sourceMappingURL=list-item.template.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.template.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,QAAQ,GACpB,MAAM,MAAM,GAAG,SAAS,EACxB,MAAM,MAAM,GAAG,SAAS,EACxB,WAAW,OAAO,EAClB,SAAS,OAAO,yCAmBhB,CAAC"}
1
+ {"version":3,"file":"list-item.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.template.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,QAAQ,GACpB,QAAQ,OAAO,EACf,MAAM,MAAM,GAAG,SAAS,EACxB,WAAW,OAAO,EAClB,SAAS,OAAO,yCAmBhB,CAAC"}
@@ -16,7 +16,7 @@ const areas = (showStart, showEnd) => html `
16
16
  </slot>
17
17
  </div>
18
18
  `;
19
- export const template = (type, href, showStart, showEnd) => {
19
+ export const template = (button, href, showStart, showEnd) => {
20
20
  if (href) {
21
21
  return html `<div class="list-item">
22
22
  <a class="list-item__action"
@@ -24,7 +24,7 @@ export const template = (type, href, showStart, showEnd) => {
24
24
  >${areas(showStart, showEnd)}</a>
25
25
  </div>`;
26
26
  }
27
- if (type === 'button') {
27
+ if (button) {
28
28
  return html `<div class="list-item">
29
29
  <button class="list-item__action"
30
30
  type="button"
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,KAAK,GAAG,CAAC,SAAkB,EAAE,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAA;cAC9C,QAAQ,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;;;;;;;;;cASpE,QAAQ,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;;;;;CAK7E,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,IAAwB,EACxB,IAAwB,EACxB,SAAkB,EAClB,OAAgB,EACf,EAAE;IACH,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAA;;WAEF,IAAI;MACT,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;SACtB,CAAC;IACT,CAAC;IACD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;MAGP,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;SACtB,CAAC;IACT,CAAC;IACD,OAAO,IAAI,CAAA;IACR,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QACrB,CAAC;AACT,CAAC,CAAC"}
1
+ {"version":3,"file":"list-item.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,KAAK,GAAG,CAAC,SAAkB,EAAE,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAA;cAC9C,QAAQ,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;;;;;;;;;cASpE,QAAQ,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;;;;;CAK7E,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,MAAe,EACf,IAAwB,EACxB,SAAkB,EAClB,OAAgB,EACf,EAAE;IACH,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAA;;WAEF,IAAI;MACT,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;SACtB,CAAC;IACT,CAAC;IACD,IAAI,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;;;MAGP,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;SACtB,CAAC;IACT,CAAC;IACD,OAAO,IAAI,CAAA;IACR,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QACrB,CAAC;AACT,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.template.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,wCA0B3E;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,wCAIhE"}
1
+ {"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.template.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,wCA+B3E;AAED,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,wCAIhE"}
@@ -14,8 +14,13 @@ export function tableTemplate(emptyText, emptySupportingText) {
14
14
  return html `
15
15
  <slot name="header"></slot>
16
16
  <slot></slot>
17
- <div class="table__empty" role="row" hidden>
18
- <div class="table__empty-cell" role="cell">
17
+ <div class="table__empty"
18
+ role="row"
19
+ hidden
20
+ >
21
+ <div class="table__empty-cell"
22
+ role="cell"
23
+ >
19
24
  <slot name="empty">
20
25
  <nldd-inline-dialog
21
26
  text=${emptyText}
@@ -1 +1 @@
1
- {"version":3,"file":"table.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,MAAM,UAAU,aAAa,CAAC,SAAiB,EAAE,mBAA2B;IAC3E,2EAA2E;IAC3E,wEAAwE;IACxE,yEAAyE;IACzE,6DAA6D;IAC7D,EAAE;IACF,0EAA0E;IAC1E,4EAA4E;IAC5E,6EAA6E;IAC7E,8EAA8E;IAC9E,4EAA4E;IAC5E,+DAA+D;IAC/D,OAAO,IAAI,CAAA;;;;;;;aAOC,SAAS;wBACE,mBAAmB,IAAI,OAAO;;;;;EAKpD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,YAAgC;IAChE,2EAA2E;IAC3E,qEAAqE;IACrE,OAAO,IAAI,CAAA,qBAAqB,YAAY,UAAU,CAAC;AACxD,CAAC"}
1
+ {"version":3,"file":"table.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,MAAM,UAAU,aAAa,CAAC,SAAiB,EAAE,mBAA2B;IAC3E,2EAA2E;IAC3E,wEAAwE;IACxE,yEAAyE;IACzE,6DAA6D;IAC7D,EAAE;IACF,0EAA0E;IAC1E,4EAA4E;IAC5E,6EAA6E;IAC7E,8EAA8E;IAC9E,4EAA4E;IAC5E,+DAA+D;IAC/D,OAAO,IAAI,CAAA;;;;;;;;;;;;aAYC,SAAS;wBACE,mBAAmB,IAAI,OAAO;;;;;EAKpD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,YAAgC;IAChE,2EAA2E;IAC3E,qEAAqE;IACrE,OAAO,IAAI,CAAA,qBAAqB,YAAY,UAAU,CAAC;AACxD,CAAC"}
@@ -8,10 +8,19 @@
8
8
  * AT + browser combos. The trail wraps onto multiple lines when it doesn't
9
9
  * fit, so it adapts to any width.
10
10
  *
11
+ * Vanaf vier niveaus klapt het pad standaard in tot
12
+ * `Home › … › {bovenliggende pagina} › {huidige pagina}`. De ellipsis is een
13
+ * knop die bij activeren de verborgen niveaus op hun plek toont (eenmalig;
14
+ * de focus verplaatst naar het eerste onthulde niveau). De verborgen items
15
+ * blijven in de DOM, zodat zoekmachines en agents het volledige pad zien.
16
+ * Zet `no-collapse` om het pad altijd volledig te tonen.
17
+ *
11
18
  * @element nldd-breadcrumbs
12
19
  *
13
20
  * @attr {string} accessible-label - Override the nav's aria-label.
14
21
  * Defaults to the i18n value (NL: "Kruimelpad").
22
+ * @attr {boolean} no-collapse - Toon altijd alle niveaus; schakelt het
23
+ * inklappen vanaf vier niveaus uit.
15
24
  * @attr {object} translations - Override translation keys; unset keys
16
25
  * fall back to the Dutch default.
17
26
  *
@@ -40,14 +49,49 @@ export declare class NLDDBreadcrumbsItem extends LitElement {
40
49
  text: string;
41
50
  connectedCallback(): void;
42
51
  updated(changed: PropertyValues): void;
52
+ /**
53
+ * Delegates focus to the inner link, so the parent can move focus to a
54
+ * revealed item after expanding the collapsed trail. A plain-text or current
55
+ * crumb has no inner link; it makes its own host focusable (tabindex="-1")
56
+ * and takes focus there instead, so the parent can land focus on any
57
+ * revealed item rather than dropping it to <body> (WCAG 2.4.3).
58
+ */
59
+ focus(options?: FocusOptions): void;
43
60
  render(): import("lit-html").TemplateResult;
44
61
  }
45
62
  export declare class NLDDBreadcrumbs extends LitElement {
46
63
  static styles: import("lit").CSSResult;
47
64
  accessibleLabel: string;
65
+ noCollapse: boolean;
48
66
  translations: Partial<NLDDBreadcrumbsTranslations>;
67
+ _collapsed: boolean;
68
+ /** One-shot: once the user expands the trail it stays expanded. */
69
+ private _expanded;
49
70
  private _mergedTranslations;
71
+ private _items;
72
+ /** Defers the slotchange-driven sync to a microtask: _syncCollapse moves
73
+ * an item between slots, which fires another slotchange — running it
74
+ * inline could mutate the DOM while Lit is mid-render. The direct calls
75
+ * from updated() and _expand() stay synchronous.
76
+ *
77
+ * An arrow-function class field (not a method) on purpose: it gives a
78
+ * stable per-instance reference so add/removeEventListener pair up. */
79
+ _onSlotChange: () => void;
80
+ /**
81
+ * Applies the collapsed state to the light-DOM items. While collapsed the
82
+ * first item moves to the "first" slot (so the shadow ellipsis can sit
83
+ * between it and the tail) and the middle items get a marker attribute
84
+ * that hides them via the item's own styles. The consumer's `hidden`
85
+ * attribute is deliberately left alone. Re-runs are idempotent, so the
86
+ * slotchange this triggers settles immediately.
87
+ */
88
+ _syncCollapse: () => void;
89
+ /** @internal Expands the trail and moves focus to a revealed item.
90
+ * Prefers the first revealed link; falls back to the first revealed item
91
+ * so focus is never silently dropped (WCAG 2.4.3). */
92
+ _expand: () => void;
50
93
  willUpdate(changed: PropertyValues): void;
94
+ updated(changed: PropertyValues): void;
51
95
  _t(key: keyof NLDDBreadcrumbsTranslations): string;
52
96
  render(): import("lit-html").TemplateResult;
53
97
  }
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWzC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}
1
+ {"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAa/C;;;;;;OAMG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAUnC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,UAAU,UAAS;IAGnB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAGxD,UAAU,UAAS;IAEnB,mEAAmE;IACnE,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,mBAAmB,CAAmE;IAE9F,OAAO,CAAC,MAAM;IAMd;;;;;;4EAMwE;IACxE,aAAa,QAAO,IAAI,CAEtB;IAEF;;;;;;;OAOG;IACH,aAAa,QAAO,IAAI,CAYtB;IAEF;;2DAEuD;IACvD,OAAO,QAAO,IAAI,CAKhB;IAEO,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWzC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}
@@ -1,5 +1,6 @@
1
1
  export declare const nlddBreadcrumbsTranslations: {
2
2
  'components.breadcrumbs.accessible-label': string;
3
+ 'components.breadcrumbs.show-all-levels': string;
3
4
  };
4
5
  export type NLDDBreadcrumbsTranslations = typeof nlddBreadcrumbsTranslations;
5
6
  //# sourceMappingURL=breadcrumbs.i18n.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B;;CAEvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,OAAO,2BAA2B,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B;;;CAGvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,OAAO,2BAA2B,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export const nlddBreadcrumbsTranslations = {
2
2
  'components.breadcrumbs.accessible-label': 'Kruimelpad',
3
+ 'components.breadcrumbs.show-all-levels': 'Toon alle niveaus',
3
4
  };
4
5
  //# sourceMappingURL=breadcrumbs.i18n.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,yCAAyC,EAAE,YAAY;CACvD,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,yCAAyC,EAAE,YAAY;IACvD,wCAAwC,EAAE,mBAAmB;CAC7D,CAAC"}
@@ -14,17 +14,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
14
14
  * AT + browser combos. The trail wraps onto multiple lines when it doesn't
15
15
  * fit, so it adapts to any width.
16
16
  *
17
+ * Vanaf vier niveaus klapt het pad standaard in tot
18
+ * `Home › … › {bovenliggende pagina} › {huidige pagina}`. De ellipsis is een
19
+ * knop die bij activeren de verborgen niveaus op hun plek toont (eenmalig;
20
+ * de focus verplaatst naar het eerste onthulde niveau). De verborgen items
21
+ * blijven in de DOM, zodat zoekmachines en agents het volledige pad zien.
22
+ * Zet `no-collapse` om het pad altijd volledig te tonen.
23
+ *
17
24
  * @element nldd-breadcrumbs
18
25
  *
19
26
  * @attr {string} accessible-label - Override the nav's aria-label.
20
27
  * Defaults to the i18n value (NL: "Kruimelpad").
28
+ * @attr {boolean} no-collapse - Toon altijd alle niveaus; schakelt het
29
+ * inklappen vanaf vier niveaus uit.
21
30
  * @attr {object} translations - Override translation keys; unset keys
22
31
  * fall back to the Dutch default.
23
32
  *
24
33
  * @slot - `nldd-breadcrumbs-item` children.
25
34
  */
26
35
  import { LitElement } from 'lit';
27
- import { customElement, property } from 'lit/decorators.js';
36
+ import { customElement, property, state } from 'lit/decorators.js';
28
37
  import { breadcrumbsStyles, breadcrumbsItemStyles } from './breadcrumbs.styles.js';
29
38
  import { breadcrumbsTemplate, breadcrumbsItemTemplate } from './breadcrumbs.template.js';
30
39
  import { nlddBreadcrumbsTranslations } from './breadcrumbs.i18n.js';
@@ -73,6 +82,22 @@ export class NLDDBreadcrumbsItem extends LitElement {
73
82
  }
74
83
  }
75
84
  }
85
+ /**
86
+ * Delegates focus to the inner link, so the parent can move focus to a
87
+ * revealed item after expanding the collapsed trail. A plain-text or current
88
+ * crumb has no inner link; it makes its own host focusable (tabindex="-1")
89
+ * and takes focus there instead, so the parent can land focus on any
90
+ * revealed item rather than dropping it to <body> (WCAG 2.4.3).
91
+ */
92
+ focus(options) {
93
+ const link = this.shadowRoot?.querySelector('.breadcrumbs__item-link');
94
+ if (link) {
95
+ link.focus(options);
96
+ return;
97
+ }
98
+ this.tabIndex = -1;
99
+ super.focus(options);
100
+ }
76
101
  render() {
77
102
  return breadcrumbsItemTemplate(this);
78
103
  }
@@ -100,8 +125,56 @@ let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
100
125
  constructor() {
101
126
  super(...arguments);
102
127
  this.accessibleLabel = '';
128
+ this.noCollapse = false;
103
129
  this.translations = {};
130
+ this._collapsed = false;
131
+ /** One-shot: once the user expands the trail it stays expanded. */
132
+ this._expanded = false;
104
133
  this._mergedTranslations = { ...nlddBreadcrumbsTranslations };
134
+ /** Defers the slotchange-driven sync to a microtask: _syncCollapse moves
135
+ * an item between slots, which fires another slotchange — running it
136
+ * inline could mutate the DOM while Lit is mid-render. The direct calls
137
+ * from updated() and _expand() stay synchronous.
138
+ *
139
+ * An arrow-function class field (not a method) on purpose: it gives a
140
+ * stable per-instance reference so add/removeEventListener pair up. */
141
+ this._onSlotChange = () => {
142
+ void Promise.resolve().then(() => this._syncCollapse());
143
+ };
144
+ /**
145
+ * Applies the collapsed state to the light-DOM items. While collapsed the
146
+ * first item moves to the "first" slot (so the shadow ellipsis can sit
147
+ * between it and the tail) and the middle items get a marker attribute
148
+ * that hides them via the item's own styles. The consumer's `hidden`
149
+ * attribute is deliberately left alone. Re-runs are idempotent, so the
150
+ * slotchange this triggers settles immediately.
151
+ */
152
+ this._syncCollapse = () => {
153
+ const items = this._items();
154
+ const collapsed = !this.noCollapse && !this._expanded && items.length >= 4;
155
+ items.forEach((item, index) => {
156
+ if (collapsed && index === 0) {
157
+ item.setAttribute('slot', 'first');
158
+ }
159
+ else if (item.getAttribute('slot') === 'first') {
160
+ item.removeAttribute('slot');
161
+ }
162
+ item.toggleAttribute('data-nldd-collapsed', collapsed && index >= 1 && index <= items.length - 3);
163
+ });
164
+ this._collapsed = collapsed;
165
+ };
166
+ /** @internal Expands the trail and moves focus to a revealed item.
167
+ * Prefers the first revealed link; falls back to the first revealed item
168
+ * so focus is never silently dropped (WCAG 2.4.3). */
169
+ this._expand = () => {
170
+ const revealed = this._items().filter((item) => item.hasAttribute('data-nldd-collapsed'));
171
+ this._expanded = true;
172
+ this._syncCollapse();
173
+ (revealed.find((item) => item.href && !item.current) ?? revealed[0])?.focus();
174
+ };
175
+ }
176
+ _items() {
177
+ return Array.from(this.children).filter((child) => child instanceof NLDDBreadcrumbsItem);
105
178
  }
106
179
  willUpdate(changed) {
107
180
  if (changed.has('translations') || changed.has('accessibleLabel')) {
@@ -114,6 +187,10 @@ let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
114
187
  }
115
188
  }
116
189
  }
190
+ updated(changed) {
191
+ if (changed.has('noCollapse'))
192
+ this._syncCollapse();
193
+ }
117
194
  _t(key) {
118
195
  // Return '' (not the key) for missing translations so callers can do
119
196
  // `value || nothing` to suppress aria-label / text rather than
@@ -132,9 +209,15 @@ NLDDBreadcrumbs.styles = breadcrumbsStyles;
132
209
  __decorate([
133
210
  property({ type: String, attribute: 'accessible-label' })
134
211
  ], NLDDBreadcrumbs.prototype, "accessibleLabel", void 0);
212
+ __decorate([
213
+ property({ type: Boolean, reflect: true, attribute: 'no-collapse' })
214
+ ], NLDDBreadcrumbs.prototype, "noCollapse", void 0);
135
215
  __decorate([
136
216
  property({ type: Object })
137
217
  ], NLDDBreadcrumbs.prototype, "translations", void 0);
218
+ __decorate([
219
+ state()
220
+ ], NLDDBreadcrumbs.prototype, "_collapsed", void 0);
138
221
  NLDDBreadcrumbs = __decorate([
139
222
  customElement('nldd-breadcrumbs')
140
223
  ], NLDDBreadcrumbs);
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBAmB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAyDjC,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,iBAAiB,yBA6D7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAsDjC,CAAC"}
@@ -1,7 +1,24 @@
1
1
  import { css } from 'lit';
2
2
  import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
3
+ /* Shared between the parent stylesheet (ellipsis separator) and the item
4
+ stylesheet (item separator); both hosts define
5
+ --_separator-vertical-offset. */
6
+ const separatorStyles = css `
7
+ .breadcrumbs__separator {
8
+ display: inline-flex;
9
+ position: relative;
10
+ top: var(--_separator-vertical-offset);
11
+ margin-inline: var(--primitives-space-2);
12
+ color: var(--semantics-content-secondary-color);
13
+ width: var(--primitives-space-16);
14
+ height: var(--primitives-space-16);
15
+ flex-shrink: 0;
16
+ }
17
+ `;
3
18
  export const breadcrumbsStyles = css `
4
19
  :host {
20
+ --_separator-vertical-offset: 0.05em;
21
+
5
22
  ${inheritedTextReset}
6
23
  display: block;
7
24
  }
@@ -19,6 +36,46 @@ export const breadcrumbsStyles = css `
19
36
  flex-wrap: wrap;
20
37
  row-gap: var(--primitives-space-4);
21
38
  }
39
+
40
+ .breadcrumbs__ellipsis {
41
+ display: inline-flex;
42
+ align-items: center;
43
+ }
44
+
45
+ .breadcrumbs__ellipsis-button {
46
+ display: inline-flex;
47
+ margin: 0;
48
+ border: none;
49
+ background: none;
50
+ padding: 0;
51
+ align-items: center;
52
+ color: var(--semantics-links-color);
53
+ font: var(--primitives-font-body-md-regular-tight);
54
+ appearance: none;
55
+ }
56
+
57
+ .breadcrumbs__ellipsis-button:hover {
58
+ color: var(--semantics-links-is-hovered-color);
59
+ }
60
+
61
+ .breadcrumbs__ellipsis-button:active {
62
+ color: var(--semantics-links-is-active-color);
63
+ }
64
+
65
+ .breadcrumbs__ellipsis-button:focus-visible {
66
+ outline: var(--semantics-focus-ring-outline);
67
+ outline-offset: var(--semantics-focus-ring-outline-offset);
68
+ border-radius: var(--primitives-corner-radius-xs);
69
+ box-shadow: var(--semantics-focus-ring-box-shadow);
70
+ }
71
+
72
+ @media (forced-colors: active) {
73
+ .breadcrumbs__ellipsis-button:focus-visible {
74
+ outline: 2px solid CanvasText;
75
+ }
76
+ }
77
+
78
+ ${separatorStyles}
22
79
  `;
23
80
  export const breadcrumbsItemStyles = css `
24
81
  :host {
@@ -36,6 +93,12 @@ export const breadcrumbsItemStyles = css `
36
93
  display: none;
37
94
  }
38
95
 
96
+ /* Applied by the parent nldd-breadcrumbs while the trail is collapsed;
97
+ intentionally separate from the consumer-owned hidden attribute. */
98
+ :host([data-nldd-collapsed]) {
99
+ display: none;
100
+ }
101
+
39
102
  .breadcrumbs__item {
40
103
  display: inline-flex;
41
104
  align-items: center;
@@ -63,16 +126,7 @@ export const breadcrumbsItemStyles = css `
63
126
  box-shadow: var(--semantics-focus-ring-box-shadow);
64
127
  }
65
128
 
66
- .breadcrumbs__separator {
67
- display: inline-flex;
68
- position: relative;
69
- top: var(--_separator-vertical-offset);
70
- margin-inline: var(--primitives-space-2);
71
- color: var(--semantics-content-secondary-color);
72
- width: var(--primitives-space-16);
73
- height: var(--primitives-space-16);
74
- flex-shrink: 0;
75
- }
129
+ ${separatorStyles}
76
130
 
77
131
  :host(:last-of-type) .breadcrumbs__separator {
78
132
  display: none;
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;IAEhC,kBAAkB;;;;;;;;;;;;;;;;;CAiBrB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;IAOpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDrB,CAAC"}
1
+ {"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E;;mCAEmC;AACnC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;IAIhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDnB,eAAe;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;IAOpC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CnB,eAAe;;;;;CAKjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CAc9E;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}
1
+ {"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CA8B9E;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}
@@ -9,7 +9,23 @@ export function breadcrumbsTemplate(component) {
9
9
  <div class="breadcrumbs__items"
10
10
  role="list"
11
11
  >
12
- <slot></slot>
12
+ <slot name="first"
13
+ @slotchange=${component._onSlotChange}
14
+ ></slot>
15
+ ${component._collapsed ? html `
16
+ <span class="breadcrumbs__ellipsis"
17
+ role="listitem"
18
+ >
19
+ <button class="breadcrumbs__ellipsis-button"
20
+ aria-label=${component._t('components.breadcrumbs.show-all-levels') || nothing}
21
+ @click=${component._expand}
22
+ >&hellip;</button>
23
+ <span class="breadcrumbs__separator"
24
+ aria-hidden="true"
25
+ ><nldd-icon name="chevron-right-small"></nldd-icon></span>
26
+ </span>
27
+ ` : nothing}
28
+ <slot @slotchange=${component._onSlotChange}></slot>
13
29
  </div>
14
30
  </nav>
15
31
  `;