@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.
- package/dist/components/actions/button/button.d.ts +2 -2
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +1 -1
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +83 -0
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.template.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.template.js +4 -1
- package/dist/components/actions/button-bar/button-bar.template.js.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.js +4 -2
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +1 -1
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +68 -0
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +25 -4
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.i18n.d.ts +1 -1
- package/dist/components/actions/menu/menu.i18n.js +1 -1
- package/dist/components/actions/menu/menu.i18n.js.map +1 -1
- package/dist/components/actions/menu/menu.js +50 -6
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +18 -4
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.template.js +108 -47
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/components.js +88 -85
- package/dist/components/content/blockquote/blockquote.d.ts +3 -1
- package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.js +12 -1
- package/dist/components/content/blockquote/blockquote.js.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +4 -0
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/blockquote/blockquote.template.js +1 -1
- package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts +61 -0
- package/dist/components/content/byline/byline.d.ts.map +1 -0
- package/dist/components/content/byline/byline.js +103 -0
- package/dist/components/content/byline/byline.js.map +1 -0
- package/dist/components/content/byline/byline.styles.d.ts +2 -0
- package/dist/components/content/byline/byline.styles.d.ts.map +1 -0
- package/dist/components/content/byline/byline.styles.js +111 -0
- package/dist/components/content/byline/byline.styles.js.map +1 -0
- package/dist/components/content/byline/byline.template.d.ts +3 -0
- package/dist/components/content/byline/byline.template.d.ts.map +1 -0
- package/dist/components/content/byline/byline.template.js +27 -0
- package/dist/components/content/byline/byline.template.js.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +4 -0
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.template.js +4 -1
- package/dist/components/content/code-viewer/code-viewer.template.js.map +1 -1
- package/dist/components/content/image/image.template.d.ts.map +1 -1
- package/dist/components/content/image/image.template.js +3 -1
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +27 -2
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +33 -2
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +72 -13
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js +3 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +16 -0
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +19 -0
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +2 -2
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +1 -1
- package/dist/components/content/tag/tag.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +81 -51
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.d.ts +6 -0
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +8 -0
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +15 -0
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/{index-DHU98C6V.js → index-CtsEx0-K.js} +3902 -2158
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.js +9 -3
- package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +6 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +11 -5
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +8 -2
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/token/token.template.d.ts.map +1 -1
- package/dist/components/inputs/token/token.template.js +3 -1
- package/dist/components/inputs/token/token.template.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +3 -1
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +6 -2
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +95 -0
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.js +168 -0
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts +2 -0
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.styles.js +516 -0
- package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.template.d.ts +4 -0
- package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.template.js +18 -0
- package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -0
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +6 -2
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +6 -2
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js +6 -2
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +6 -2
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +3 -1
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +3 -4
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +7 -5
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -2
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.template.js +7 -2
- package/dist/components/lists-and-tables/table/table.template.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +44 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +84 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +64 -10
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +17 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.js +9 -3
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js +6 -2
- package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +18 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +130 -24
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +4 -4
- package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js +3 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
- package/dist/components/{prism-python-9EoInm_N.js → prism-python-SgP2Rws4.js} +1 -1
- package/dist/components/{prism-rust-Chzr6sBk.js → prism-rust-CSuFXPDt.js} +1 -1
- package/dist/components/{prism-typescript-DPJmu--x.js → prism-typescript-DrsfPuKI.js} +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +6 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +9 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +30 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +69 -75
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js +21 -35
- package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.js +9 -3
- package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +6 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +73 -80
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +48 -50
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +60 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.js +116 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +142 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts +3 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js +32 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +1 -0
- package/dist/css/rich-text.css +91 -13
- package/dist/css/settings.css +427 -338
- 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"
|
|
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"
|
|
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
|
|
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,
|
|
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"
|
|
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
|
|
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 `
|
|
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
|
-
|
|
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;
|
|
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 `
|
|
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('
|
|
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.
|
|
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, "
|
|
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":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,qCAAqC,CAAC;
|
|
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: (
|
|
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,
|
|
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 = (
|
|
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 (
|
|
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,
|
|
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,
|
|
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"
|
|
18
|
-
|
|
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
|
|
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
|
|
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
|
|
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 +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;
|
|
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":";;;;;;AAAA
|
|
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":"
|
|
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
|
-
|
|
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
|
|
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,
|
|
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
|
|
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
|
+
>…</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
|
`;
|