@nldd/design-system 0.8.59 → 0.8.61
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.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +4 -1
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +23 -10
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/components.js +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +4 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +11 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/{index-CtsEx0-K.js → index-B0DIduK1.js} +205 -163
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts +5 -7
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js +6 -8
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.template.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.template.js +14 -16
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +21 -2
- 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.i18n.d.ts +5 -0
- package/dist/components/lists-and-tables/list-item/list-item.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js +4 -0
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.js +17 -3
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.js +12 -0
- package/dist/components/lists-and-tables/list-item/list-item.styles.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 +5 -3
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/{prism-python-SgP2Rws4.js → prism-python-Dtm_y95w.js} +1 -1
- package/dist/components/{prism-rust-CSuFXPDt.js → prism-rust-Bp-z7VUz.js} +1 -1
- package/dist/components/{prism-typescript-DrsfPuKI.js → prism-typescript-hCHH5aho.js} +1 -1
- package/dist/css/settings.css +2 -2
- package/package.json +3 -2
|
@@ -5,8 +5,11 @@
|
|
|
5
5
|
* Each child determines its order per breakpoint via sm-order, md-order, and lg-order.
|
|
6
6
|
* Children without order attributes are sorted by DOM order.
|
|
7
7
|
*
|
|
8
|
-
* All bars are in normal flow at every breakpoint and stack vertically
|
|
9
|
-
*
|
|
8
|
+
* All bars are in normal flow at every breakpoint and stack vertically. A
|
|
9
|
+
* divider is drawn only where the main pane meets an adjacent bar — directly
|
|
10
|
+
* above and/or below main — at every breakpoint (including sm). Two stacked
|
|
11
|
+
* bars on the same side never get a divider between them, so a toolbar and a
|
|
12
|
+
* tab-bar read as one visual unit. Consumers never manage dividers themselves.
|
|
10
13
|
*
|
|
11
14
|
* ## Slot names
|
|
12
15
|
* Give each bar a unique slot name (e.g. slot="toolbar", slot="status-bar").
|
|
@@ -25,11 +28,6 @@
|
|
|
25
28
|
* @attr {'sm'|'md'|'lg'} below - Show this panel up to and including this breakpoint
|
|
26
29
|
* @attr {'sm'|'md'|'lg'} only - Show this panel only at this breakpoint
|
|
27
30
|
*
|
|
28
|
-
* Divider control per child:
|
|
29
|
-
* @attr no-divider - Suppress dividers adjacent to this bar. Setting it on
|
|
30
|
-
* either side of a seam removes that divider — handy for
|
|
31
|
-
* grouping a toolbar and tab-bar into one visual unit.
|
|
32
|
-
*
|
|
33
31
|
* @slot main - Central panel for primary content
|
|
34
32
|
* @slot * - Any other unique slot name creates a bar panel
|
|
35
33
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"bar-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,KAAK,sBAAsB,GAAG,UAAU,GAAG,IAAI,CAAC;AAEhD,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAsB;IAG5C,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAMtD,kBAAkB,EAAE,sBAAsB,CAAQ;IAElD,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,eAAe,CAA+B;IAE7C,iBAAiB;IAkBjB,oBAAoB;IAQ7B,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;IAkBvB,kBAAkB,IAAI,OAAO,EAAE;IAmBtB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,gBAAgB,CAAC;KACxC;CACD"}
|
|
@@ -11,8 +11,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
11
11
|
* Each child determines its order per breakpoint via sm-order, md-order, and lg-order.
|
|
12
12
|
* Children without order attributes are sorted by DOM order.
|
|
13
13
|
*
|
|
14
|
-
* All bars are in normal flow at every breakpoint and stack vertically
|
|
15
|
-
*
|
|
14
|
+
* All bars are in normal flow at every breakpoint and stack vertically. A
|
|
15
|
+
* divider is drawn only where the main pane meets an adjacent bar — directly
|
|
16
|
+
* above and/or below main — at every breakpoint (including sm). Two stacked
|
|
17
|
+
* bars on the same side never get a divider between them, so a toolbar and a
|
|
18
|
+
* tab-bar read as one visual unit. Consumers never manage dividers themselves.
|
|
16
19
|
*
|
|
17
20
|
* ## Slot names
|
|
18
21
|
* Give each bar a unique slot name (e.g. slot="toolbar", slot="status-bar").
|
|
@@ -31,11 +34,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
31
34
|
* @attr {'sm'|'md'|'lg'} below - Show this panel up to and including this breakpoint
|
|
32
35
|
* @attr {'sm'|'md'|'lg'} only - Show this panel only at this breakpoint
|
|
33
36
|
*
|
|
34
|
-
* Divider control per child:
|
|
35
|
-
* @attr no-divider - Suppress dividers adjacent to this bar. Setting it on
|
|
36
|
-
* either side of a seam removes that divider — handy for
|
|
37
|
-
* grouping a toolbar and tab-bar into one visual unit.
|
|
38
|
-
*
|
|
39
37
|
* @slot main - Central panel for primary content
|
|
40
38
|
* @slot * - Any other unique slot name creates a bar panel
|
|
41
39
|
*/
|
|
@@ -61,7 +59,7 @@ let NLDDBarSplitView = class NLDDBarSplitView extends LitElement {
|
|
|
61
59
|
super.connectedCallback();
|
|
62
60
|
this._currentBreakpoint = this._getBreakpoint(this.getBoundingClientRect().width);
|
|
63
61
|
this._observer = new MutationObserver(() => this.requestUpdate());
|
|
64
|
-
this._observer.observe(this, { childList: true, attributes: true, attributeFilter: ['above', 'below', 'only', 'sm-order', 'md-order', 'lg-order'
|
|
62
|
+
this._observer.observe(this, { childList: true, attributes: true, attributeFilter: ['above', 'below', 'only', 'sm-order', 'md-order', 'lg-order'], subtree: false });
|
|
65
63
|
this._resizeObserver = new ResizeObserver(() => {
|
|
66
64
|
const bp = this._getBreakpoint(this.getBoundingClientRect().width);
|
|
67
65
|
if (bp !== this._currentBreakpoint) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"bar-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-split-view.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAW,MAAM,KAAK,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,6CAA6C,CAAC;AAErD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"bar-split-view.template.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAW,MAAM,KAAK,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,6CAA6C,CAAC;AAErD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,GAAG,cAAc,CA8BhF"}
|
|
@@ -3,20 +3,23 @@ import { classMap } from 'lit/directives/class-map.js';
|
|
|
3
3
|
import '../split-view-divider/split-view-divider.js';
|
|
4
4
|
export function barSplitViewTemplate(component) {
|
|
5
5
|
const sorted = component._getSortedChildren();
|
|
6
|
-
|
|
6
|
+
// Render sequence: the sorted bars and main, plus an appended main slot when
|
|
7
|
+
// the consumer didn't provide one, so a main area is always present.
|
|
8
|
+
const blocks = sorted.map(el => ({ slot: el.slot, isMain: el.slot === 'main' }));
|
|
9
|
+
if (!blocks.some(block => block.isMain))
|
|
10
|
+
blocks.push({ slot: 'main', isMain: true });
|
|
7
11
|
return html `
|
|
8
12
|
<div class="bar-split-view">
|
|
9
|
-
${
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
&& !next?.hasAttribute('no-divider');
|
|
13
|
+
${blocks.map((block, index) => {
|
|
14
|
+
const next = blocks[index + 1];
|
|
15
|
+
// A divider sits only on a seam where the main pane meets an
|
|
16
|
+
// adjacent bar — never between two stacked bars. With a single
|
|
17
|
+
// main that is at most two seams (one above, one below main), at
|
|
18
|
+
// every breakpoint. Consumers never manage dividers themselves.
|
|
19
|
+
const showDivider = next ? block.isMain !== next.isMain : false;
|
|
17
20
|
return html `
|
|
18
|
-
<div class=${classMap({ 'bar-split-view__main': isMain, 'bar-split-view__bar': !isMain })}>
|
|
19
|
-
<slot name=${
|
|
21
|
+
<div class=${classMap({ 'bar-split-view__main': block.isMain, 'bar-split-view__bar': !block.isMain })}>
|
|
22
|
+
<slot name=${block.slot}></slot>
|
|
20
23
|
</div>
|
|
21
24
|
${showDivider ? html `
|
|
22
25
|
<div class="bar-split-view__divider">
|
|
@@ -25,11 +28,6 @@ export function barSplitViewTemplate(component) {
|
|
|
25
28
|
` : nothing}
|
|
26
29
|
`;
|
|
27
30
|
})}
|
|
28
|
-
${!sorted.some(el => el.slot === 'main') ? html `
|
|
29
|
-
<div class="bar-split-view__main">
|
|
30
|
-
<slot name="main"></slot>
|
|
31
|
-
</div>
|
|
32
|
-
` : nothing}
|
|
33
31
|
</div>
|
|
34
32
|
`;
|
|
35
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-split-view.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,6CAA6C,CAAC;AAErD,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,EAAE,CAAC;IAC9C,MAAM,
|
|
1
|
+
{"version":3,"file":"bar-split-view.template.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/bar-split-view/bar-split-view.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,6CAA6C,CAAC;AAErD,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,MAAM,MAAM,GAAG,SAAS,CAAC,kBAAkB,EAAE,CAAC;IAC9C,6EAA6E;IAC7E,qEAAqE;IACrE,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC;IACjF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAErF,OAAO,IAAI,CAAA;;KAEP,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC/B,6DAA6D;QAC7D,+DAA+D;QAC/D,iEAAiE;QACjE,gEAAgE;QAChE,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QAEhE,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,EAAE,sBAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,qBAAqB,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;mBACvF,KAAK,CAAC,IAAI;;OAEtB,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;MAInB,CAAC,CAAC,CAAC,OAAO;KACX,CAAC;IACH,CAAC,CAAC;;EAEH,CAAC;AACH,CAAC"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import '../cells/spacer-cell/spacer-cell.js';
|
|
3
3
|
export type ListItemSize = 'sm' | 'md';
|
|
4
|
+
declare const NLDDListItem_base: (abstract new (...args: any[]) => LitElement & {
|
|
5
|
+
translations: Partial<{
|
|
6
|
+
'components.list-item.opens-in-new-tab-label': string;
|
|
7
|
+
}>;
|
|
8
|
+
_t(key: "components.list-item.opens-in-new-tab-label", vars?: Record<string, string | number>): string;
|
|
9
|
+
}) & typeof LitElement;
|
|
4
10
|
/**
|
|
5
11
|
* A row within an `nldd-list`, providing layout for start, main and end areas.
|
|
6
12
|
* Renders as a link when `href` is set, as a button when `button` is set, or
|
|
7
|
-
* as a plain container otherwise.
|
|
13
|
+
* as a plain container otherwise. When it renders as a link, `target` and `rel`
|
|
14
|
+
* are forwarded to the inner `<a>` (e.g. `target="_blank" rel="noopener noreferrer"`). With
|
|
15
|
+
* `target="_blank"` the item also injects a visually hidden "opens in new tab"
|
|
16
|
+
* announcement for assistive technology (WCAG 2.1 SC 3.2.2).
|
|
8
17
|
*
|
|
9
18
|
* The item synchronises its ARIA with its parent `nldd-list`'s `type`:
|
|
10
19
|
* - `list` parent → `role="listitem"`
|
|
@@ -15,7 +24,7 @@ export type ListItemSize = 'sm' | 'md';
|
|
|
15
24
|
* @slot start - Content at the start of the row
|
|
16
25
|
* @slot end - Content at the end of the row
|
|
17
26
|
*/
|
|
18
|
-
export declare class NLDDListItem extends
|
|
27
|
+
export declare class NLDDListItem extends NLDDListItem_base {
|
|
19
28
|
static styles: import("lit").CSSResult[];
|
|
20
29
|
size: ListItemSize;
|
|
21
30
|
selected: boolean;
|
|
@@ -23,6 +32,15 @@ export declare class NLDDListItem extends LitElement {
|
|
|
23
32
|
button: boolean;
|
|
24
33
|
/** When set, renders the item as a link. */
|
|
25
34
|
href?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Link target (e.g. '_blank' to open in a new tab). Forwarded to the `<a>`; only applies with href.
|
|
37
|
+
* When set to '_blank', the item appends a visually hidden "opens in new tab" announcement to the
|
|
38
|
+
* link so the change of context is conveyed to assistive technology (WCAG 2.1 SC 3.2.2). Override
|
|
39
|
+
* the wording via the `translations` property.
|
|
40
|
+
*/
|
|
41
|
+
target?: string;
|
|
42
|
+
/** Link rel (e.g. 'noopener noreferrer'). Forwarded to the `<a>`; only applies with href. */
|
|
43
|
+
rel?: string;
|
|
26
44
|
/** Set by the parent nldd-list when reorderable is enabled. Used as a CSS hook for drag handle visibility. */
|
|
27
45
|
reorderable: boolean;
|
|
28
46
|
private _showStart;
|
|
@@ -63,4 +81,5 @@ declare global {
|
|
|
63
81
|
'nldd-list-item': NLDDListItem;
|
|
64
82
|
}
|
|
65
83
|
}
|
|
84
|
+
export {};
|
|
66
85
|
//# sourceMappingURL=list-item.d.ts.map
|
|
@@ -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;
|
|
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;AAQjC,OAAO,qCAAqC,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAEvC;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,YAAa,SAAQ,iBAAsD;IACvF,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;;;;;OAKG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6FAA6F;IAE7F,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,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;CAef;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;CAEpC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.i18n.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACvC,6CAA6C,EAAE,wBAAwB;CACvE,CAAC"}
|
|
@@ -9,11 +9,16 @@ import { customElement, property, query, state } from 'lit/decorators.js';
|
|
|
9
9
|
import { listItemStyles } from './list-item.styles.js';
|
|
10
10
|
import { template } from './list-item.template.js';
|
|
11
11
|
import { isPointerMode } from '../../../utilities/input-modality.js';
|
|
12
|
+
import { withTranslations } from '../../../utilities/with-translations.js';
|
|
13
|
+
import { nlddListItemTranslations } from './list-item.i18n.js';
|
|
12
14
|
import '../cells/spacer-cell/spacer-cell.js';
|
|
13
15
|
/**
|
|
14
16
|
* A row within an `nldd-list`, providing layout for start, main and end areas.
|
|
15
17
|
* Renders as a link when `href` is set, as a button when `button` is set, or
|
|
16
|
-
* as a plain container otherwise.
|
|
18
|
+
* as a plain container otherwise. When it renders as a link, `target` and `rel`
|
|
19
|
+
* are forwarded to the inner `<a>` (e.g. `target="_blank" rel="noopener noreferrer"`). With
|
|
20
|
+
* `target="_blank"` the item also injects a visually hidden "opens in new tab"
|
|
21
|
+
* announcement for assistive technology (WCAG 2.1 SC 3.2.2).
|
|
17
22
|
*
|
|
18
23
|
* The item synchronises its ARIA with its parent `nldd-list`'s `type`:
|
|
19
24
|
* - `list` parent → `role="listitem"`
|
|
@@ -24,7 +29,7 @@ import '../cells/spacer-cell/spacer-cell.js';
|
|
|
24
29
|
* @slot start - Content at the start of the row
|
|
25
30
|
* @slot end - Content at the end of the row
|
|
26
31
|
*/
|
|
27
|
-
let NLDDListItem = class NLDDListItem extends LitElement {
|
|
32
|
+
let NLDDListItem = class NLDDListItem extends withTranslations(LitElement, nlddListItemTranslations) {
|
|
28
33
|
constructor() {
|
|
29
34
|
super(...arguments);
|
|
30
35
|
this.size = 'md';
|
|
@@ -159,7 +164,10 @@ let NLDDListItem = class NLDDListItem extends LitElement {
|
|
|
159
164
|
this._action?.focus(options);
|
|
160
165
|
}
|
|
161
166
|
render() {
|
|
162
|
-
|
|
167
|
+
const newTabLabel = this.href && this.target === '_blank'
|
|
168
|
+
? this._t('components.list-item.opens-in-new-tab-label')
|
|
169
|
+
: undefined;
|
|
170
|
+
return template(this.button, this.href, this.target, this.rel, this._showStart, this._showEnd, newTabLabel);
|
|
163
171
|
}
|
|
164
172
|
};
|
|
165
173
|
NLDDListItem.styles = [listItemStyles];
|
|
@@ -175,6 +183,12 @@ __decorate([
|
|
|
175
183
|
__decorate([
|
|
176
184
|
property({ reflect: true })
|
|
177
185
|
], NLDDListItem.prototype, "href", void 0);
|
|
186
|
+
__decorate([
|
|
187
|
+
property({ reflect: true })
|
|
188
|
+
], NLDDListItem.prototype, "target", void 0);
|
|
189
|
+
__decorate([
|
|
190
|
+
property({ reflect: true })
|
|
191
|
+
], NLDDListItem.prototype, "rel", void 0);
|
|
178
192
|
__decorate([
|
|
179
193
|
property({ type: Boolean, reflect: true })
|
|
180
194
|
], NLDDListItem.prototype, "reorderable", 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;
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA4Q1B,CAAC"}
|
|
@@ -93,6 +93,18 @@ export const listItemStyles = css `
|
|
|
93
93
|
cursor: var(--semantics-controls-link-cursor);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
+
.list-item__new-tab-hint {
|
|
97
|
+
position: absolute;
|
|
98
|
+
margin: -1px;
|
|
99
|
+
border: 0;
|
|
100
|
+
width: 1px;
|
|
101
|
+
height: 1px;
|
|
102
|
+
overflow: hidden;
|
|
103
|
+
padding: 0;
|
|
104
|
+
white-space: nowrap;
|
|
105
|
+
clip-path: inset(50%);
|
|
106
|
+
}
|
|
107
|
+
|
|
96
108
|
|
|
97
109
|
/* # Indicator */
|
|
98
110
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4QhC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const template: (button: boolean, href: string | undefined, showStart: boolean, showEnd: boolean) => import("lit-html").TemplateResult<1>;
|
|
1
|
+
export declare const template: (button: boolean, href: string | undefined, target: string | undefined, rel: string | undefined, showStart: boolean, showEnd: boolean, newTabLabel?: string) => 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,QAAQ,OAAO,EACf,MAAM,MAAM,GAAG,SAAS,EACxB,WAAW,OAAO,EAClB,SAAS,OAAO,
|
|
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,QAAQ,MAAM,GAAG,SAAS,EAC1B,KAAK,MAAM,GAAG,SAAS,EACvB,WAAW,OAAO,EAClB,SAAS,OAAO,EAChB,cAAc,MAAM,yCAuBpB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { html } from 'lit';
|
|
1
|
+
import { html, nothing } from 'lit';
|
|
2
2
|
import { classMap } from 'lit/directives/class-map.js';
|
|
3
3
|
const areas = (showStart, showEnd) => html `
|
|
4
4
|
<div class=${classMap({ 'list-item__start-area': true, 'is-visible': showStart })}>
|
|
@@ -16,12 +16,14 @@ const areas = (showStart, showEnd) => html `
|
|
|
16
16
|
</slot>
|
|
17
17
|
</div>
|
|
18
18
|
`;
|
|
19
|
-
export const template = (button, href, showStart, showEnd) => {
|
|
19
|
+
export const template = (button, href, target, rel, showStart, showEnd, newTabLabel) => {
|
|
20
20
|
if (href) {
|
|
21
21
|
return html `<div class="list-item">
|
|
22
22
|
<a class="list-item__action"
|
|
23
23
|
href=${href}
|
|
24
|
-
|
|
24
|
+
target=${target ?? nothing}
|
|
25
|
+
rel=${rel ?? nothing}
|
|
26
|
+
>${areas(showStart, showEnd)}${newTabLabel ? html `<span class="list-item__new-tab-hint">${newTabLabel}</span>` : nothing}</a>
|
|
25
27
|
</div>`;
|
|
26
28
|
}
|
|
27
29
|
if (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;
|
|
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,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,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,MAA0B,EAC1B,GAAuB,EACvB,SAAkB,EAClB,OAAgB,EAChB,WAAoB,EACnB,EAAE;IACH,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAA;;WAEF,IAAI;aACF,MAAM,IAAI,OAAO;UACpB,GAAG,IAAI,OAAO;MAClB,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,GAC3B,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,WAAW,SAAS,CAAC,CAAC,CAAC,OACnF;SACM,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"}
|
package/dist/css/settings.css
CHANGED
|
@@ -906,8 +906,8 @@
|
|
|
906
906
|
--semantics-categories-neutral-filled-highlight-border-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-500));
|
|
907
907
|
--semantics-categories-neutral-filled-primary-content-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-1000));
|
|
908
908
|
--semantics-categories-neutral-filled-secondary-content-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-1000));
|
|
909
|
-
--semantics-categories-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-
|
|
910
|
-
--semantics-categories-neutral-tinted-highlight-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-
|
|
909
|
+
--semantics-categories-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
|
|
910
|
+
--semantics-categories-neutral-tinted-highlight-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
|
|
911
911
|
--semantics-categories-neutral-tinted-primary-content-color: var(--primitives-color-neutral-750);
|
|
912
912
|
--semantics-categories-neutral-tinted-secondary-content-color: var(--primitives-color-neutral-750);
|
|
913
913
|
--semantics-categories-neutral-reference-background-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-400));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nldd/design-system",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.61",
|
|
4
4
|
"description": "Design System voor Nederlandse Digitale Dienst",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/components/components.js",
|
|
@@ -404,7 +404,8 @@
|
|
|
404
404
|
"generate:component-reference": "node scripts/generate-component-reference.js",
|
|
405
405
|
"generate:skill-changelog": "node scripts/generate-skill-changelog.js",
|
|
406
406
|
"generate:skill-principles": "node scripts/generate-skill-principles.js",
|
|
407
|
-
"generate:
|
|
407
|
+
"generate:plugin-version": "node scripts/sync-plugin-version.js",
|
|
408
|
+
"generate:skill-docs": "npm run generate:component-reference && npm run generate:skill-changelog && npm run generate:skill-principles && npm run generate:plugin-version",
|
|
408
409
|
"validate:styles": "node scripts/validate-css-variables.js",
|
|
409
410
|
"build:components": "npm run clean:components && npm run build:icons && npm run build:components:modules && npm run build:components:bundle && npm run build:exports",
|
|
410
411
|
"build:icons": "node scripts/generate-icon-registry.js && node scripts/generate-logo.js",
|