@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
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
|
+
import { sanitizeUrl } from '../../../utilities/sanitize-url.js';
|
|
2
3
|
const menuRoleMap = {
|
|
3
4
|
menu: 'menu',
|
|
4
5
|
listbox: 'listbox',
|
|
@@ -33,14 +34,19 @@ export function menuTemplate(isEmpty, variant) {
|
|
|
33
34
|
@click=${this._handleBack}
|
|
34
35
|
@mouseenter=${this._handleBackMouseenter}
|
|
35
36
|
>
|
|
36
|
-
<nldd-icon-cell
|
|
37
|
+
<nldd-icon-cell
|
|
38
|
+
size="20"
|
|
39
|
+
icon="chevron-left"
|
|
40
|
+
></nldd-icon-cell>
|
|
37
41
|
<nldd-spacer-cell size="6"></nldd-spacer-cell>
|
|
38
42
|
<nldd-text-cell text=${this._parentItem.text}></nldd-text-cell>
|
|
39
43
|
</button>
|
|
40
44
|
<!-- Pure visual divider; role="none" keeps strict ARIA validators
|
|
41
45
|
quiet (a focusable role="separator" inside a menu would need
|
|
42
46
|
aria-valuenow et al.; this one is decorative). -->
|
|
43
|
-
<div class="menu__back-button-divider"
|
|
47
|
+
<div class="menu__back-button-divider"
|
|
48
|
+
role="none"
|
|
49
|
+
></div>
|
|
44
50
|
` : nothing}
|
|
45
51
|
<slot></slot>
|
|
46
52
|
${isEmpty ? html `
|
|
@@ -68,49 +74,102 @@ export function menuItemTemplate(variant = 'menu') {
|
|
|
68
74
|
const hasCheckState = this.type !== 'button' && variant === 'menu';
|
|
69
75
|
const role = itemRoleMap[this.type][variant];
|
|
70
76
|
const hasSubmenu = this._hasSubmenu;
|
|
77
|
+
// A plain button item with an href renders as a real link. Submenu openers,
|
|
78
|
+
// checkbox/radio items, and disabled items keep the button — they need its
|
|
79
|
+
// richer behaviour (popover invoker, check state, inert disabling).
|
|
80
|
+
// Sanitize the href so a caller-supplied javascript:/data:/vbscript:/blob:
|
|
81
|
+
// URL can't become an XSS vector; a blocked URL yields '' and falls back to
|
|
82
|
+
// the button branch. Mirrors the nav-bar sheet (top-navigation-bar.ts).
|
|
83
|
+
const safeHref = sanitizeUrl(this.href) ?? '';
|
|
84
|
+
const asLink = !!safeHref && this.type === 'button' && !hasSubmenu && !this.disabled;
|
|
85
|
+
const content = html `
|
|
86
|
+
${hasCheckState ? html `
|
|
87
|
+
<nldd-icon-cell
|
|
88
|
+
size="24"
|
|
89
|
+
horizontal-alignment="center"
|
|
90
|
+
icon=${this.selected ? 'check-mark' : nothing}
|
|
91
|
+
></nldd-icon-cell>
|
|
92
|
+
<nldd-spacer-cell size="4"></nldd-spacer-cell>
|
|
93
|
+
` : nothing}
|
|
94
|
+
${this.icon ? html `
|
|
95
|
+
<nldd-icon-cell
|
|
96
|
+
size="20"
|
|
97
|
+
icon=${this.icon}
|
|
98
|
+
></nldd-icon-cell>
|
|
99
|
+
<nldd-spacer-cell size="8"></nldd-spacer-cell>
|
|
100
|
+
` : nothing}
|
|
101
|
+
<nldd-text-cell
|
|
102
|
+
text=${this.text}
|
|
103
|
+
query=${this.query}
|
|
104
|
+
query-mark-mode=${this.queryMarkMode}
|
|
105
|
+
></nldd-text-cell>
|
|
106
|
+
${this.details ? html `
|
|
107
|
+
<nldd-spacer-cell size="8"></nldd-spacer-cell>
|
|
108
|
+
<nldd-text-cell
|
|
109
|
+
width="fit-content"
|
|
110
|
+
horizontal-alignment="right"
|
|
111
|
+
color="secondary"
|
|
112
|
+
text=${this.details}
|
|
113
|
+
></nldd-text-cell>
|
|
114
|
+
` : nothing}
|
|
115
|
+
<!--
|
|
116
|
+
Accessibility (intentional decision): the shortcut is deliberately NOT
|
|
117
|
+
aria-hidden. It is announced as part of the item's accessible name —
|
|
118
|
+
e.g. "Ongedaan maken Ctrl Z" — so screen-reader users learn the
|
|
119
|
+
accelerator, the way native OS menus surface it. aria-keyshortcuts was
|
|
120
|
+
considered and rejected: the menu item itself does not handle the key
|
|
121
|
+
(the application's global shortcut does), so the plain announcement is
|
|
122
|
+
the deliberate choice rather than a missing aria-hidden.
|
|
123
|
+
-->
|
|
124
|
+
${(this.shortcut || this.shortcutMac || this.shortcutWindows || this.shortcutLinux) ? html `
|
|
125
|
+
<nldd-spacer-cell size="8"></nldd-spacer-cell>
|
|
126
|
+
<nldd-text-cell
|
|
127
|
+
width="fit-content"
|
|
128
|
+
size="md"
|
|
129
|
+
color="secondary"
|
|
130
|
+
horizontal-alignment="right"
|
|
131
|
+
>
|
|
132
|
+
<nldd-keyboard-shortcut
|
|
133
|
+
size="inherit"
|
|
134
|
+
variant="simple"
|
|
135
|
+
color="inherit"
|
|
136
|
+
keys=${this.shortcut || nothing}
|
|
137
|
+
mac-keys=${this.shortcutMac || nothing}
|
|
138
|
+
windows-keys=${this.shortcutWindows || nothing}
|
|
139
|
+
linux-keys=${this.shortcutLinux || nothing}
|
|
140
|
+
></nldd-keyboard-shortcut>
|
|
141
|
+
</nldd-text-cell>
|
|
142
|
+
` : nothing}
|
|
143
|
+
${hasSubmenu ? html `
|
|
144
|
+
<nldd-spacer-cell size="6"></nldd-spacer-cell>
|
|
145
|
+
<nldd-icon-cell
|
|
146
|
+
size="20"
|
|
147
|
+
icon="chevron-right"
|
|
148
|
+
></nldd-icon-cell>
|
|
149
|
+
` : nothing}
|
|
150
|
+
`;
|
|
71
151
|
return html `
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
<nldd-icon-cell class="menu__item-icon" size="20" icon=${this.icon}></nldd-icon-cell>
|
|
94
|
-
<nldd-spacer-cell size="8"></nldd-spacer-cell>
|
|
95
|
-
` : nothing}
|
|
96
|
-
<nldd-text-cell class="menu__item-text" text=${this.text} query=${this.query} query-mark-mode=${this.queryMarkMode}></nldd-text-cell>
|
|
97
|
-
${this.details ? html `
|
|
98
|
-
<nldd-spacer-cell size="8"></nldd-spacer-cell>
|
|
99
|
-
<nldd-text-cell class="menu__item-details"
|
|
100
|
-
width="fit-content"
|
|
101
|
-
horizontal-alignment="right"
|
|
102
|
-
color="secondary"
|
|
103
|
-
text=${this.details}
|
|
104
|
-
></nldd-text-cell>
|
|
105
|
-
` : nothing}
|
|
106
|
-
${hasSubmenu ? html `
|
|
107
|
-
<nldd-spacer-cell size="6"></nldd-spacer-cell>
|
|
108
|
-
<nldd-icon-cell class="menu__item-submenu-indicator"
|
|
109
|
-
size="20"
|
|
110
|
-
icon="chevron-right"
|
|
111
|
-
></nldd-icon-cell>
|
|
112
|
-
` : nothing}
|
|
113
|
-
</button>
|
|
152
|
+
${asLink ? html `
|
|
153
|
+
<a class="menu__item"
|
|
154
|
+
href=${safeHref}
|
|
155
|
+
role=${role}
|
|
156
|
+
aria-current=${this.selected ? 'page' : nothing}
|
|
157
|
+
@click=${this._handleClick}
|
|
158
|
+
>${content}</a>
|
|
159
|
+
` : html `
|
|
160
|
+
<button class="menu__item"
|
|
161
|
+
type="button"
|
|
162
|
+
role=${role}
|
|
163
|
+
?disabled=${this.disabled}
|
|
164
|
+
aria-checked=${hasCheckState ? String(this.selected) : nothing}
|
|
165
|
+
aria-selected=${variant === 'listbox' ? String(this.selected) : nothing}
|
|
166
|
+
aria-haspopup=${hasSubmenu ? 'menu' : nothing}
|
|
167
|
+
aria-expanded=${hasSubmenu ? String(this._submenuOpen) : nothing}
|
|
168
|
+
aria-controls=${hasSubmenu && this._submenuEl?.id ? this._submenuEl.id : nothing}
|
|
169
|
+
.popoverTargetElement=${this._submenuEl}
|
|
170
|
+
@click=${this._handleClick}
|
|
171
|
+
>${content}</button>
|
|
172
|
+
`}
|
|
114
173
|
<!--
|
|
115
174
|
Project the slotted nldd-menu (the submenu, if any) into the flat
|
|
116
175
|
tree. Without this slot, a light-DOM child nldd-menu sits outside
|
|
@@ -125,7 +184,9 @@ export function menuItemTemplate(variant = 'menu') {
|
|
|
125
184
|
`;
|
|
126
185
|
}
|
|
127
186
|
export function menuDividerTemplate() {
|
|
128
|
-
return html `<div class="menu__divider"
|
|
187
|
+
return html `<div class="menu__divider"
|
|
188
|
+
role="separator"
|
|
189
|
+
></div>`;
|
|
129
190
|
}
|
|
130
191
|
export function menuGroupTemplate(component) {
|
|
131
192
|
// aria-hidden on the title prevents AT from announcing it twice — once as
|
|
@@ -133,11 +194,11 @@ export function menuGroupTemplate(component) {
|
|
|
133
194
|
// label reference still reads the hidden node's text content, which is
|
|
134
195
|
// the standard pattern for this kind of labelling.
|
|
135
196
|
return html `
|
|
136
|
-
<div class="
|
|
197
|
+
<div class="menu__group-title"
|
|
137
198
|
id=${component._titleId}
|
|
138
199
|
aria-hidden="true"
|
|
139
200
|
>${component.text}</div>
|
|
140
|
-
<div class="
|
|
201
|
+
<div class="menu__group-items"
|
|
141
202
|
role="group"
|
|
142
203
|
aria-labelledby=${component._titleId}
|
|
143
204
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.template.js","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.template.js","sourceRoot":"","sources":["../../../../src/components/actions/menu/menu.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG } from "./index-
|
|
1
|
+
import { N, a, b, c, d, e, f, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ } from "./index-CtsEx0-K.js";
|
|
2
2
|
export {
|
|
3
3
|
N as NLDDActivityIndicator,
|
|
4
4
|
a as NLDDAppView,
|
|
@@ -12,88 +12,91 @@ export {
|
|
|
12
12
|
j as NLDDButton,
|
|
13
13
|
k as NLDDButtonBar,
|
|
14
14
|
l as NLDDButtonGroup,
|
|
15
|
-
m as
|
|
16
|
-
n as
|
|
17
|
-
o as
|
|
18
|
-
p as
|
|
19
|
-
q as
|
|
20
|
-
r as
|
|
21
|
-
s as
|
|
22
|
-
t as
|
|
23
|
-
u as
|
|
24
|
-
v as
|
|
25
|
-
w as
|
|
26
|
-
x as
|
|
27
|
-
y as
|
|
28
|
-
z as
|
|
29
|
-
A as
|
|
30
|
-
B as
|
|
31
|
-
C as
|
|
32
|
-
D as
|
|
33
|
-
E as
|
|
34
|
-
F as
|
|
35
|
-
G as
|
|
36
|
-
H as
|
|
37
|
-
I as
|
|
38
|
-
J as
|
|
39
|
-
K as
|
|
40
|
-
L as
|
|
41
|
-
M as
|
|
42
|
-
O as
|
|
43
|
-
P as
|
|
44
|
-
Q as
|
|
45
|
-
R as
|
|
46
|
-
S as
|
|
47
|
-
T as
|
|
48
|
-
U as
|
|
49
|
-
V as
|
|
50
|
-
W as
|
|
51
|
-
X as
|
|
52
|
-
Y as
|
|
53
|
-
Z as
|
|
54
|
-
_ as
|
|
55
|
-
$ as
|
|
56
|
-
a0 as
|
|
57
|
-
a1 as
|
|
58
|
-
a2 as
|
|
59
|
-
a3 as
|
|
60
|
-
a4 as
|
|
61
|
-
a5 as
|
|
62
|
-
a6 as
|
|
63
|
-
a7 as
|
|
64
|
-
a8 as
|
|
65
|
-
a9 as
|
|
66
|
-
aa as
|
|
67
|
-
ab as
|
|
68
|
-
ac as
|
|
69
|
-
ad as
|
|
70
|
-
ae as
|
|
71
|
-
af as
|
|
72
|
-
ag as
|
|
73
|
-
ah as
|
|
74
|
-
ai as
|
|
75
|
-
aj as
|
|
76
|
-
ak as
|
|
77
|
-
al as
|
|
78
|
-
am as
|
|
79
|
-
an as
|
|
80
|
-
ao as
|
|
81
|
-
ap as
|
|
82
|
-
aq as
|
|
83
|
-
ar as
|
|
84
|
-
as as
|
|
85
|
-
at as
|
|
86
|
-
au as
|
|
87
|
-
av as
|
|
88
|
-
aw as
|
|
89
|
-
ax as
|
|
90
|
-
ay as
|
|
91
|
-
az as
|
|
92
|
-
aA as
|
|
93
|
-
aB as
|
|
94
|
-
aC as
|
|
95
|
-
aD as
|
|
96
|
-
aE as
|
|
97
|
-
aF as
|
|
98
|
-
aG as
|
|
15
|
+
m as NLDDByline,
|
|
16
|
+
n as NLDDCard,
|
|
17
|
+
o as NLDDCell,
|
|
18
|
+
p as NLDDCheckbox,
|
|
19
|
+
q as NLDDCheckboxField,
|
|
20
|
+
r as NLDDCodeEditor,
|
|
21
|
+
s as NLDDCodeViewer,
|
|
22
|
+
t as NLDDCollection,
|
|
23
|
+
u as NLDDComboBox,
|
|
24
|
+
v as NLDDContainer,
|
|
25
|
+
w as NLDDDescriptionCell,
|
|
26
|
+
x as NLDDDivider,
|
|
27
|
+
y as NLDDDocumentTabBar,
|
|
28
|
+
z as NLDDDragHandleCell,
|
|
29
|
+
A as NLDDDropdown,
|
|
30
|
+
B as NLDDForm,
|
|
31
|
+
C as NLDDFormActions,
|
|
32
|
+
D as NLDDFormField,
|
|
33
|
+
E as NLDDFormSection,
|
|
34
|
+
F as NLDDFullBleedSection,
|
|
35
|
+
G as NLDDHero,
|
|
36
|
+
H as NLDDIcon,
|
|
37
|
+
I as NLDDIconButton,
|
|
38
|
+
J as NLDDIconCell,
|
|
39
|
+
K as NLDDImage,
|
|
40
|
+
L as NLDDInlineDialog,
|
|
41
|
+
M as NLDDKeyboardShortcut,
|
|
42
|
+
O as NLDDLink,
|
|
43
|
+
P as NLDDList,
|
|
44
|
+
Q as NLDDListItem,
|
|
45
|
+
R as NLDDMenu,
|
|
46
|
+
S as NLDDMenuBar,
|
|
47
|
+
T as NLDDMenuBarItem,
|
|
48
|
+
U as NLDDModalDialog,
|
|
49
|
+
V as NLDDMultiLineTextField,
|
|
50
|
+
W as NLDDNavigationSplitView,
|
|
51
|
+
X as NLDDNumberField,
|
|
52
|
+
Y as NLDDOneHalfOneHalfSection,
|
|
53
|
+
Z as NLDDOneThirdTwoThirdsSection,
|
|
54
|
+
_ as NLDDPage,
|
|
55
|
+
$ as NLDDPageFooter,
|
|
56
|
+
a0 as NLDDPageFooterLegalBar,
|
|
57
|
+
a1 as NLDDPageFooterLegalBarItem,
|
|
58
|
+
a2 as NLDDPagination,
|
|
59
|
+
a3 as NLDDPasswordField,
|
|
60
|
+
a4 as NLDDPopover,
|
|
61
|
+
a5 as NLDDProgressBar,
|
|
62
|
+
a6 as NLDDProgressBarSegmentIndicator,
|
|
63
|
+
a7 as NLDDProgressCircle,
|
|
64
|
+
a8 as NLDDProgressCircleSegmentIndicator,
|
|
65
|
+
a9 as NLDDRadioButton,
|
|
66
|
+
aa as NLDDRadioButtonField,
|
|
67
|
+
ab as NLDDRadioButtonGroup,
|
|
68
|
+
ac as NLDDRichText,
|
|
69
|
+
ad as NLDDSearchField,
|
|
70
|
+
ae as NLDDSegmentedControl,
|
|
71
|
+
af as NLDDSheet,
|
|
72
|
+
ag as NLDDSideBySideSplitView,
|
|
73
|
+
ah as NLDDSimpleSection,
|
|
74
|
+
ai as NLDDSkipLink,
|
|
75
|
+
aj as NLDDSpacer,
|
|
76
|
+
ak as NLDDSpacerCell,
|
|
77
|
+
al as NLDDSplitButton,
|
|
78
|
+
am as NLDDSplitViewPane,
|
|
79
|
+
an as NLDDStackedSplitView,
|
|
80
|
+
ao as NLDDStatusBar,
|
|
81
|
+
ap as NLDDStepper,
|
|
82
|
+
aq as NLDDSwitch,
|
|
83
|
+
ar as NLDDSwitchField,
|
|
84
|
+
as as NLDDTabBar,
|
|
85
|
+
at as NLDDTable,
|
|
86
|
+
au as NLDDTableRow,
|
|
87
|
+
av as NLDDTag,
|
|
88
|
+
aw as NLDDTextCell,
|
|
89
|
+
ax as NLDDTextField,
|
|
90
|
+
ay as NLDDTimelineTrackCell,
|
|
91
|
+
az as NLDDTitle,
|
|
92
|
+
aA as NLDDTitleCell,
|
|
93
|
+
aB as NLDDToggleButton,
|
|
94
|
+
aC as NLDDToggleButtonGroup,
|
|
95
|
+
aD as NLDDToken,
|
|
96
|
+
aE as NLDDToolbar,
|
|
97
|
+
aF as NLDDTooltip,
|
|
98
|
+
aG as NLDDTopNavigationBar,
|
|
99
|
+
aH as NLDDTopTitleBar,
|
|
100
|
+
aI as NLDDTwoThirdsOneThirdSection,
|
|
101
|
+
aJ as NLDDWindow
|
|
99
102
|
};
|
|
@@ -7,13 +7,15 @@
|
|
|
7
7
|
* @attr {string} cite - URL van de bron (wordt doorgegeven aan het <blockquote> element)
|
|
8
8
|
*
|
|
9
9
|
* @slot - De citaat-paragra(a)f(en) — gebruik bij voorkeur <p>-elementen
|
|
10
|
-
* @slot attribution - Optionele bronvermelding (auteur, titel, etc.)
|
|
10
|
+
* @slot attribution - Optionele bronvermelding (auteur, titel, etc.). Ook een
|
|
11
|
+
* nldd-byline mag hier; het kastlijntje ("— ") wordt dan weggelaten.
|
|
11
12
|
*/
|
|
12
13
|
import { LitElement } from 'lit';
|
|
13
14
|
export declare class NLDDBlockquote extends LitElement {
|
|
14
15
|
static styles: import("lit").CSSResult;
|
|
15
16
|
cite: string | undefined;
|
|
16
17
|
_hasAttribution: boolean;
|
|
18
|
+
_hasBylineAttribution: boolean;
|
|
17
19
|
/** @internal */
|
|
18
20
|
_handleAttributionSlotChange: (e: Event) => void;
|
|
19
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,eAAe,UAAS;IAGxB,qBAAqB,UAAS;IAE9B,gBAAgB;IAChB,4BAA4B,GAAI,GAAG,KAAK,KAAG,IAAI,CAY7C;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
|
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
* @attr {string} cite - URL van de bron (wordt doorgegeven aan het <blockquote> element)
|
|
8
8
|
*
|
|
9
9
|
* @slot - De citaat-paragra(a)f(en) — gebruik bij voorkeur <p>-elementen
|
|
10
|
-
* @slot attribution - Optionele bronvermelding (auteur, titel, etc.)
|
|
10
|
+
* @slot attribution - Optionele bronvermelding (auteur, titel, etc.). Ook een
|
|
11
|
+
* nldd-byline mag hier; het kastlijntje ("— ") wordt dan weggelaten.
|
|
11
12
|
*/
|
|
12
13
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
13
14
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -24,6 +25,7 @@ let NLDDBlockquote = class NLDDBlockquote extends LitElement {
|
|
|
24
25
|
super(...arguments);
|
|
25
26
|
this.cite = undefined;
|
|
26
27
|
this._hasAttribution = false;
|
|
28
|
+
this._hasBylineAttribution = false;
|
|
27
29
|
/** @internal */
|
|
28
30
|
this._handleAttributionSlotChange = (e) => {
|
|
29
31
|
const slot = e.target;
|
|
@@ -32,6 +34,12 @@ let NLDDBlockquote = class NLDDBlockquote extends LitElement {
|
|
|
32
34
|
return true;
|
|
33
35
|
return (n.textContent ?? '').trim().length > 0;
|
|
34
36
|
});
|
|
37
|
+
// A byline brings its own layout (avatars + stacked text); the leading
|
|
38
|
+
// em-dash assumes inline text and would wrap onto its own line above
|
|
39
|
+
// the block, so it is suppressed for byline attributions. Matched by
|
|
40
|
+
// tag name rather than instanceof to avoid statically importing (and so
|
|
41
|
+
// bundling) nldd-byline into every blockquote consumer.
|
|
42
|
+
this._hasBylineAttribution = slot.assignedElements({ flatten: true }).some(el => el.tagName === 'NLDD-BYLINE');
|
|
35
43
|
};
|
|
36
44
|
}
|
|
37
45
|
render() {
|
|
@@ -45,6 +53,9 @@ __decorate([
|
|
|
45
53
|
__decorate([
|
|
46
54
|
state()
|
|
47
55
|
], NLDDBlockquote.prototype, "_hasAttribution", void 0);
|
|
56
|
+
__decorate([
|
|
57
|
+
state()
|
|
58
|
+
], NLDDBlockquote.prototype, "_hasBylineAttribution", void 0);
|
|
48
59
|
NLDDBlockquote = __decorate([
|
|
49
60
|
customElement('nldd-blockquote')
|
|
50
61
|
], NLDDBlockquote);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG7C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,SAAI,GAAuB,SAAS,CAAC;QAGrC,oBAAe,GAAG,KAAK,CAAC;QAGxB,0BAAqB,GAAG,KAAK,CAAC;QAE9B,gBAAgB;QAChB,iCAA4B,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACjD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gBACrE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;oBAAE,OAAO,IAAI,CAAC;gBAClD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;YACH,uEAAuE;YACvE,qEAAqE;YACrE,qEAAqE;YACrE,wEAAwE;YACxE,wDAAwD;YACxD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,aAAa,CAAC,CAAC;QAChH,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AA5Be,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACU;AAGrC;IADC,KAAK,EAAE;uDACgB;AAGxB;IADC,KAAK,EAAE;6DACsB;AAVlB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CA8B1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"blockquote.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAoF5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;uBAUZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB
|
|
1
|
+
{"version":3,"file":"blockquote.styles.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;uBAUZ,KAAK;;;;;;4CAMgB,KAAK;;;;;;IAM7C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsDlB,YAAY;IACZ,kBAAkB;;;;;;;CAOrB,CAAC"}
|
|
@@ -7,7 +7,7 @@ export function template(component) {
|
|
|
7
7
|
<div class="blockquote__quote">
|
|
8
8
|
<slot></slot>
|
|
9
9
|
</div>
|
|
10
|
-
<slot class="blockquote__attribution"
|
|
10
|
+
<slot class="blockquote__attribution${component._hasBylineAttribution ? ' is-byline' : ''}"
|
|
11
11
|
name="attribution"
|
|
12
12
|
?hidden=${!component._hasAttribution}
|
|
13
13
|
@slotchange=${component._handleAttributionSlotChange}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blockquote.template.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAyB;IACjD,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,IAAI,IAAI,OAAO
|
|
1
|
+
{"version":3,"file":"blockquote.template.js","sourceRoot":"","sources":["../../../../src/components/content/blockquote/blockquote.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAyB;IACjD,OAAO,IAAI,CAAA;;UAEF,SAAS,CAAC,IAAI,IAAI,OAAO;;;;;yCAKM,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;;cAE9E,CAAC,SAAS,CAAC,eAAe;kBACtB,SAAS,CAAC,4BAA4B;;;EAGtD,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* NLDD Design System Byline Component (Lit + TypeScript)
|
|
3
|
+
*
|
|
4
|
+
* Een redactionele regel die auteurs of redacteuren toont: optionele
|
|
5
|
+
* avatar(s), een naamregel en ondersteunende tekst (bijvoorbeeld functie
|
|
6
|
+
* of datum). Alle onderdelen zijn optioneel.
|
|
7
|
+
*
|
|
8
|
+
* De naamregel en ondersteunende tekst kunnen als attribuut of als slot
|
|
9
|
+
* worden aangeleverd. Gebruik de slots voor rijkere inhoud, zoals een
|
|
10
|
+
* `<time datetime="…">` voor machine-leesbare datums of een link naar het
|
|
11
|
+
* auteursprofiel. Geslotte inhoud vervangt het bijbehorende attribuut
|
|
12
|
+
* (het attribuut is de fallback van de slot).
|
|
13
|
+
*
|
|
14
|
+
* Bij meerdere redacteuren overlappen de avatars elkaar subtiel; elke
|
|
15
|
+
* avatar krijgt een ring in de surface-kleur (zelfde mechaniek als badge)
|
|
16
|
+
* zodat ze visueel gescheiden blijven. Op een gekleurde ondergrond kan de
|
|
17
|
+
* ringkleur meegegeven worden via `--context-parent-background-color`.
|
|
18
|
+
*
|
|
19
|
+
* Op smalle breedtes (een sm-container, ≤ 640px) met meerdere avatars komt
|
|
20
|
+
* de avatarrij boven de namen te staan, zodat de tekst de volle breedte
|
|
21
|
+
* houdt; met één avatar blijft de byline op één regel.
|
|
22
|
+
*
|
|
23
|
+
* Avatars worden geslot als `<img slot="avatars">`. Zet `alt=""` wanneer
|
|
24
|
+
* de namen al in de tekst staan (decoratief); geef anders een
|
|
25
|
+
* beschrijvende alt-tekst op.
|
|
26
|
+
*
|
|
27
|
+
* @element nldd-byline
|
|
28
|
+
*
|
|
29
|
+
* @attr {string} text - Naamregel (bijv. "Jan Jansen en Piet Pietersen"); fallback wanneer de text-slot leeg is
|
|
30
|
+
* @attr {string} supporting-text - Ondersteunende tekst onder de naamregel (bijv. rol of datum); fallback wanneer de supporting-text-slot leeg is
|
|
31
|
+
*
|
|
32
|
+
* @slot avatars - Eén of meer img-elementen; gestyled als ronde, overlappende avatars
|
|
33
|
+
* @slot text - Naamregel als rijke inhoud (bijv. een link naar het auteursprofiel)
|
|
34
|
+
* @slot supporting-text - Ondersteunende tekst als rijke inhoud (bijv. een time-element)
|
|
35
|
+
*/
|
|
36
|
+
import { LitElement } from 'lit';
|
|
37
|
+
export declare class NLDDByline extends LitElement {
|
|
38
|
+
static styles: import("lit").CSSResult;
|
|
39
|
+
text: string;
|
|
40
|
+
supportingText: string;
|
|
41
|
+
_hasSlottedAvatars: boolean;
|
|
42
|
+
/** Number of slotted avatars. Drives the responsive layout: with two or
|
|
43
|
+
* more avatars, a small-container byline stacks the avatars above the
|
|
44
|
+
* names (see the `data-multiple-avatars` hook in the template/styles). */
|
|
45
|
+
_avatarCount: number;
|
|
46
|
+
_hasSlottedText: boolean;
|
|
47
|
+
_hasSlottedSupportingText: boolean;
|
|
48
|
+
/** Tracks slot content so the text / supporting-text attribute fallbacks
|
|
49
|
+
* only render when their slot is empty. Bound per slot in the template via
|
|
50
|
+
* @slotchange, so Lit owns the listener lifecycle (it survives a
|
|
51
|
+
* move-and-reinsert) — no manual connect/disconnect bookkeeping. slotchange
|
|
52
|
+
* also fires for the initial assignment, so the first render is covered. */
|
|
53
|
+
_onSlotChange: (e: Event) => void;
|
|
54
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
55
|
+
}
|
|
56
|
+
declare global {
|
|
57
|
+
interface HTMLElementTagNameMap {
|
|
58
|
+
'nldd-byline': NLDDByline;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=byline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,kBAAkB,UAAS;IAE3B;;+EAE2E;IAE3E,YAAY,SAAK;IAGjB,eAAe,UAAS;IAGxB,yBAAyB,UAAS;IAElC;;;;iFAI6E;IAC7E,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAS9B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|