@nldd/design-system 0.8.61 → 0.8.63
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 +9 -2
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.i18n.d.ts +5 -0
- package/dist/components/actions/button/button.i18n.d.ts.map +1 -0
- package/dist/components/actions/button/button.i18n.js +4 -0
- package/dist/components/actions/button/button.i18n.js.map +1 -0
- package/dist/components/actions/button/button.js +5 -2
- 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 +14 -0
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +17 -4
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +10 -2
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts +5 -0
- package/dist/components/actions/icon-button/icon-button.i18n.d.ts.map +1 -0
- package/dist/components/actions/icon-button/icon-button.i18n.js +4 -0
- package/dist/components/actions/icon-button/icon-button.i18n.js.map +1 -0
- package/dist/components/actions/icon-button/icon-button.js +5 -2
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +11 -2
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/components.js +63 -62
- package/dist/components/content/byline/byline.d.ts +11 -0
- package/dist/components/content/byline/byline.d.ts.map +1 -1
- package/dist/components/content/byline/byline.js +20 -0
- package/dist/components/content/byline/byline.js.map +1 -1
- package/dist/components/content/byline/byline.styles.d.ts.map +1 -1
- package/dist/components/content/byline/byline.styles.js +13 -1
- package/dist/components/content/byline/byline.styles.js.map +1 -1
- package/dist/components/content/byline/byline.template.d.ts.map +1 -1
- package/dist/components/content/byline/byline.template.js +17 -2
- package/dist/components/content/byline/byline.template.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.styles.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.styles.js +1 -0
- package/dist/components/forms/form-actions/form-actions.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +1 -0
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/{index-B0DIduK1.js → index-BVaijKe_.js} +1771 -663
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/collection/collection.d.ts +3 -1
- package/dist/components/layout/collection/collection.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.js +14 -2
- package/dist/components/layout/collection/collection.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +7 -10
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +4 -2
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.d.ts +1 -0
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +12 -4
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +9 -0
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +45 -0
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.d.ts +1 -0
- package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.i18n.js +1 -0
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +154 -1
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.styles.js +1 -0
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +10 -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 +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.i18n.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +39 -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 +6 -5
- 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 +4 -2
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts +9 -2
- package/dist/components/navigation/link/link.d.ts.map +1 -1
- package/dist/components/navigation/link/link.i18n.d.ts +5 -0
- package/dist/components/navigation/link/link.i18n.d.ts.map +1 -0
- package/dist/components/navigation/link/link.i18n.js +4 -0
- package/dist/components/navigation/link/link.i18n.js.map +1 -0
- package/dist/components/navigation/link/link.js +5 -2
- package/dist/components/navigation/link/link.js.map +1 -1
- package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
- package/dist/components/navigation/link/link.styles.js +14 -0
- package/dist/components/navigation/link/link.styles.js.map +1 -1
- package/dist/components/navigation/link/link.template.d.ts.map +1 -1
- package/dist/components/navigation/link/link.template.js +14 -1
- package/dist/components/navigation/link/link.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +11 -4
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +25 -3
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/{prism-python-Dtm_y95w.js → prism-python-Tr_Ff1KJ.js} +1 -1
- package/dist/components/{prism-rust-Bp-z7VUz.js → prism-rust-CxUpjfK5.js} +1 -1
- package/dist/components/{prism-typescript-hCHH5aho.js → prism-typescript-zaF4YQWN.js} +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +35 -12
- 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 +48 -13
- 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 +77 -17
- 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 +1 -2
- 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 +21 -7
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +12 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts +123 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.d.ts +6 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.js +5 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +550 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +301 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.d.ts +4 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.js +72 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.template.js.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +6 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.js +23 -9
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -1
- package/package.json +5 -1
|
@@ -19,8 +19,9 @@
|
|
|
19
19
|
* @attr {string} end-icon - Icon name for the end icon (after text)
|
|
20
20
|
* @attr {string} accessible-label - Accessible label for the button, overrides text for screen readers
|
|
21
21
|
* @attr {string} href - When set, renders an <a> element instead of <button>
|
|
22
|
-
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set
|
|
22
|
+
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the button adds a visually hidden "opens in new tab" announcement for screen readers (WCAG 2.1 SC 3.2.2).
|
|
23
23
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
24
|
+
* @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
|
|
24
25
|
*
|
|
25
26
|
* @slot text - Slot for custom button content (e.g. text with inline markup). Used when the text attribute is empty or not set (an empty string counts as "not set", since the attribute and the unset property are indistinguishable). Provide accessible-label when the slotted content isn't plain text.
|
|
26
27
|
* @slot start-icon - Slot for a custom start icon (e.g. custom SVG). Only used when start-icon attribute is not set.
|
|
@@ -35,7 +36,13 @@ type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'acce
|
|
|
35
36
|
type Size = 'xs' | 'sm' | 'md' | 'lg';
|
|
36
37
|
type ButtonType = 'button' | 'submit' | 'reset';
|
|
37
38
|
type PopupType = 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid';
|
|
38
|
-
|
|
39
|
+
declare const NLDDButton_base: (abstract new (...args: any[]) => LitElement & {
|
|
40
|
+
translations: Partial<{
|
|
41
|
+
'components.button.opens-in-new-tab-text': string;
|
|
42
|
+
}>;
|
|
43
|
+
_t(key: "components.button.opens-in-new-tab-text", vars?: Record<string, string | number>): string;
|
|
44
|
+
}) & typeof LitElement;
|
|
45
|
+
export declare class NLDDButton extends NLDDButton_base {
|
|
39
46
|
static styles: import("lit").CSSResult;
|
|
40
47
|
static formAssociated: boolean;
|
|
41
48
|
private _internals;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;AAEjE,qBACa,UAAW,SAAQ,eAAoD;IACnF,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mGAAmG;IAEnG,mBAAmB,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAM;IAE3D,mEAAmE;IAEnE,KAAK,SAAM;IAGX,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAEV,mMAAmM;IAEnM,cAAc,SAAM;IAGpB,UAAU,UAAS;IAEnB,gHAAgH;IAEhH,iBAAiB,UAAS;IAE1B,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA4B/D,OAAO,CAAC,YAAY;IAyBpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;CAElC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACrC,yCAAyC,EAAE,wBAAwB;CACnE,CAAC"}
|
|
@@ -19,8 +19,9 @@
|
|
|
19
19
|
* @attr {string} end-icon - Icon name for the end icon (after text)
|
|
20
20
|
* @attr {string} accessible-label - Accessible label for the button, overrides text for screen readers
|
|
21
21
|
* @attr {string} href - When set, renders an <a> element instead of <button>
|
|
22
|
-
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set
|
|
22
|
+
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the button adds a visually hidden "opens in new tab" announcement for screen readers (WCAG 2.1 SC 3.2.2).
|
|
23
23
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
24
|
+
* @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
|
|
24
25
|
*
|
|
25
26
|
* @slot text - Slot for custom button content (e.g. text with inline markup). Used when the text attribute is empty or not set (an empty string counts as "not set", since the attribute and the unset property are indistinguishable). Provide accessible-label when the slotted content isn't plain text.
|
|
26
27
|
* @slot start-icon - Slot for a custom start icon (e.g. custom SVG). Only used when start-icon attribute is not set.
|
|
@@ -38,9 +39,11 @@ import { LitElement } from 'lit';
|
|
|
38
39
|
import { customElement, property } from 'lit/decorators.js';
|
|
39
40
|
import { buttonStyles } from './button.styles.js';
|
|
40
41
|
import { template } from './button.template.js';
|
|
42
|
+
import { withTranslations } from '../../../utilities/with-translations.js';
|
|
43
|
+
import { nlddButtonTranslations } from './button.i18n.js';
|
|
41
44
|
import './../../content/icon/icon.js';
|
|
42
45
|
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
43
|
-
let NLDDButton = class NLDDButton extends LitElement {
|
|
46
|
+
let NLDDButton = class NLDDButton extends withTranslations(LitElement, nlddButtonTranslations) {
|
|
44
47
|
constructor() {
|
|
45
48
|
super(...arguments);
|
|
46
49
|
this._internals = this.attachInternals();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBAqlBxB,CAAC"}
|
|
@@ -536,6 +536,20 @@ export const buttonStyles = css `
|
|
|
536
536
|
color: var(--_is-active-secondary-content-color);
|
|
537
537
|
}
|
|
538
538
|
|
|
539
|
+
/* Visually-hidden "opens in new tab" announcement (href + target="_blank");
|
|
540
|
+
part of the link's accessible name but never shown. Standard recipe. */
|
|
541
|
+
.button__opens-in-new-tab-hint {
|
|
542
|
+
position: absolute;
|
|
543
|
+
margin: -1px;
|
|
544
|
+
border: 0;
|
|
545
|
+
width: 1px;
|
|
546
|
+
height: 1px;
|
|
547
|
+
overflow: hidden;
|
|
548
|
+
padding: 0;
|
|
549
|
+
white-space: nowrap;
|
|
550
|
+
clip-path: inset(50%);
|
|
551
|
+
}
|
|
552
|
+
|
|
539
553
|
:host([single-line]) .button__supporting-text {
|
|
540
554
|
overflow: hidden;
|
|
541
555
|
text-overflow: ellipsis;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6B3B,kBAAkB
|
|
1
|
+
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6B3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwjBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA+BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA+BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAqGlE"}
|
|
@@ -39,16 +39,28 @@ export function template(helpers) {
|
|
|
39
39
|
// irrelevant ARIA attributes.
|
|
40
40
|
const isDisclosure = this.expandable || !!this.popupType;
|
|
41
41
|
const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
|
|
42
|
+
// A new-tab link is a change of context, so announce it (WCAG 2.1 SC 3.2.2).
|
|
43
|
+
// Only the <a> path (href) can open a new tab.
|
|
44
|
+
const opensInNewTabHint = this.href && this.target === '_blank'
|
|
45
|
+
? this._t('components.button.opens-in-new-tab-text')
|
|
46
|
+
: '';
|
|
42
47
|
// `supporting-text` renders in a sibling span next to the text; the
|
|
43
48
|
// accessible-name flat-string algorithm concatenates them without a
|
|
44
49
|
// separator ("OpslaanAlle wijzigingen"). With no explicit accessible-label,
|
|
45
50
|
// join them with a comma so screen readers announce the two apart. Filtering
|
|
46
51
|
// empties keeps a name when only supporting-text is set — otherwise an
|
|
47
52
|
// icon-less button would be nameless. (Slotted text can't be read here —
|
|
48
|
-
// those consumers should set accessible-label.)
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
53
|
+
// those consumers should set accessible-label.)
|
|
54
|
+
const baseAriaLabel = this.accessibleLabel
|
|
55
|
+
|| (this.supportingText ? [this.text, this.supportingText].filter(Boolean).join(', ') : '');
|
|
56
|
+
// aria-label wins the accessible-name cascade, so when one is set the new-tab
|
|
57
|
+
// hint must live inside it; otherwise `nothing` leaves the name content-derived
|
|
58
|
+
// and the visually-hidden span below appends the hint (it also reaches slotted
|
|
59
|
+
// text, which can't be read into a string here).
|
|
60
|
+
const ariaLabel = baseAriaLabel
|
|
61
|
+
? [baseAriaLabel, opensInNewTabHint].filter(Boolean).join(', ')
|
|
62
|
+
: nothing;
|
|
63
|
+
const renderOpensInNewTabHint = !!opensInNewTabHint && !baseAriaLabel;
|
|
52
64
|
// Loading: an activity indicator overlays the (opacity-hidden) content. It
|
|
53
65
|
// sits OUTSIDE the <button>/<a> (a sibling, overlaid via the host's
|
|
54
66
|
// position:relative) so its role="status" live region can announce "Laden"
|
|
@@ -81,6 +93,7 @@ export function template(helpers) {
|
|
|
81
93
|
@click=${helpers.handleClick}
|
|
82
94
|
>
|
|
83
95
|
${content}
|
|
96
|
+
${renderOpensInNewTabHint ? html `<span class="button__opens-in-new-tab-hint">${opensInNewTabHint}</span>` : nothing}
|
|
84
97
|
</a>
|
|
85
98
|
${loadingIndicator}
|
|
86
99
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,SAAS,aAAa,CAAC,SAAqB;IAC3C,sEAAsE;IACtE,6EAA6E;IAC7E,mEAAmE;IACnE,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAER,SAAS,CAAC,SAAS;;IAEtC,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;;iCAEX,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B;MAC5F,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,cAAc,SAAS,CAAC,CAAC,CAAC,OAAO;;KAEpH,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;uBAEN,SAAS,CAAC,OAAO;;IAEpC,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;;IAEtC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;GAI5B,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAmB,OAAwB;IAClE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,CAAC,QAAQ;QAC5B,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;KAChD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,oEAAoE;IACpE,oEAAoE;IACpE,4EAA4E;IAC5E,6EAA6E;IAC7E,uEAAuE;IACvE,yEAAyE;IACzE,
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -26,8 +26,9 @@
|
|
|
26
26
|
* already explains the button (e.g. spin buttons in
|
|
27
27
|
* nldd-number-field, the chevron in nldd-split-button).
|
|
28
28
|
* @attr {string} href - When set, renders an <a> element instead of <button>
|
|
29
|
-
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set
|
|
29
|
+
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the "opens in new tab" announcement is folded into the aria-label for screen readers (WCAG 2.1 SC 3.2.2).
|
|
30
30
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
31
|
+
* @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
|
|
31
32
|
* @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
|
|
32
33
|
*
|
|
33
34
|
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
|
|
@@ -47,7 +48,13 @@ export type Size = 'xs' | 'sm' | 'md' | 'lg';
|
|
|
47
48
|
export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-base' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted';
|
|
48
49
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
49
50
|
export type PopupType = 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid';
|
|
50
|
-
|
|
51
|
+
declare const NLDDIconButton_base: (abstract new (...args: any[]) => LitElement & {
|
|
52
|
+
translations: Partial<{
|
|
53
|
+
'components.icon-button.opens-in-new-tab-text': string;
|
|
54
|
+
}>;
|
|
55
|
+
_t(key: "components.icon-button.opens-in-new-tab-text", vars?: Record<string, string | number>): string;
|
|
56
|
+
}) & typeof LitElement;
|
|
57
|
+
export declare class NLDDIconButton extends NLDDIconButton_base {
|
|
51
58
|
static styles: import("lit").CSSResult;
|
|
52
59
|
static formAssociated: boolean;
|
|
53
60
|
private _internals;
|
|
@@ -138,4 +145,5 @@ declare global {
|
|
|
138
145
|
'nldd-icon-button': NLDDIconButton;
|
|
139
146
|
}
|
|
140
147
|
}
|
|
148
|
+
export {};
|
|
141
149
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;AAExE,qBACa,cAAe,SAAQ,mBAAwD;IAC3F,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,iFAAiF;IAEjF,UAAU,UAAS;IAEnB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,gHAAgH;IAEhH,iBAAiB,UAAS;IAG1B,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV;2EACuE;IAEvE,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAM5C,iBAAiB,IAAI,IAAI;IAIhB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;CAEtC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.i18n.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,8CAA8C,EAAE,wBAAwB;CACxE,CAAC"}
|
|
@@ -32,8 +32,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
32
32
|
* already explains the button (e.g. spin buttons in
|
|
33
33
|
* nldd-number-field, the chevron in nldd-split-button).
|
|
34
34
|
* @attr {string} href - When set, renders an <a> element instead of <button>
|
|
35
|
-
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set
|
|
35
|
+
* @attr {string} target - Link target (e.g. '_blank'); only used when href is set. With '_blank' the "opens in new tab" announcement is folded into the aria-label for screen readers (WCAG 2.1 SC 3.2.2).
|
|
36
36
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
37
|
+
* @attr {object} translations - Override translation keys (e.g. the "opens in new tab" announcement); unset keys fall back to Dutch.
|
|
37
38
|
* @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
|
|
38
39
|
*
|
|
39
40
|
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
|
|
@@ -50,9 +51,11 @@ import { LitElement } from 'lit';
|
|
|
50
51
|
import { customElement, property } from 'lit/decorators.js';
|
|
51
52
|
import { iconButtonStyles } from './icon-button.styles.js';
|
|
52
53
|
import { template } from './icon-button.template.js';
|
|
54
|
+
import { withTranslations } from '../../../utilities/with-translations.js';
|
|
55
|
+
import { nlddIconButtonTranslations } from './icon-button.i18n.js';
|
|
53
56
|
import './../../content/icon/icon.js';
|
|
54
57
|
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
55
|
-
let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
58
|
+
let NLDDIconButton = class NLDDIconButton extends withTranslations(LitElement, nlddIconButtonTranslations) {
|
|
56
59
|
constructor() {
|
|
57
60
|
super(...arguments);
|
|
58
61
|
this._internals = this.attachInternals();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAwB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAwB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCAwG5C"}
|
|
@@ -22,9 +22,18 @@ function renderContent(component) {
|
|
|
22
22
|
`;
|
|
23
23
|
}
|
|
24
24
|
export function template() {
|
|
25
|
-
|
|
25
|
+
// A new-tab link is a change of context, so announce it (WCAG 2.1 SC 3.2.2).
|
|
26
|
+
// The control always carries an aria-label, which wins the accessible-name
|
|
27
|
+
// cascade, so fold the hint into it rather than into a hidden span (which it
|
|
28
|
+
// would override). Only the <a> path (href) can open a new tab.
|
|
29
|
+
const opensInNewTabHint = this.href && this.target === '_blank'
|
|
30
|
+
? this._t('components.icon-button.opens-in-new-tab-text')
|
|
31
|
+
: '';
|
|
32
|
+
const baseLabel = this.accessibleLabel || this.text || '';
|
|
33
|
+
const label = [baseLabel, opensInNewTabHint].filter(Boolean).join(', ') || nothing;
|
|
26
34
|
const content = renderContent(this);
|
|
27
|
-
// Tooltip text: accessible-label always, or text when not visible (non-lg)
|
|
35
|
+
// Tooltip text: accessible-label always, or text when not visible (non-lg).
|
|
36
|
+
// The new-tab hint is screen-reader only, so it stays out of the visual tooltip.
|
|
28
37
|
const tooltipText = this.accessibleLabel
|
|
29
38
|
|| ((this.size !== 'lg' || this.hideLgText) ? this.text : '');
|
|
30
39
|
// `expandable` (disclosure widget signal) or `popup-type` (popup container
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB;;cAEzD;;KAET,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.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, aH, aI, aJ } 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, aK } from "./index-BVaijKe_.js";
|
|
2
2
|
export {
|
|
3
3
|
N as NLDDActivityIndicator,
|
|
4
4
|
a as NLDDAppView,
|
|
@@ -38,65 +38,66 @@ export {
|
|
|
38
38
|
J as NLDDIconCell,
|
|
39
39
|
K as NLDDImage,
|
|
40
40
|
L as NLDDInlineDialog,
|
|
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
|
|
99
|
-
aH as
|
|
100
|
-
aI as
|
|
101
|
-
aJ as
|
|
41
|
+
M as NLDDJustInTimeEducation,
|
|
42
|
+
O as NLDDKeyboardShortcut,
|
|
43
|
+
P as NLDDLink,
|
|
44
|
+
Q as NLDDList,
|
|
45
|
+
R as NLDDListItem,
|
|
46
|
+
S as NLDDMenu,
|
|
47
|
+
T as NLDDMenuBar,
|
|
48
|
+
U as NLDDMenuBarItem,
|
|
49
|
+
V as NLDDModalDialog,
|
|
50
|
+
W as NLDDMultiLineTextField,
|
|
51
|
+
X as NLDDNavigationSplitView,
|
|
52
|
+
Y as NLDDNumberField,
|
|
53
|
+
Z as NLDDOneHalfOneHalfSection,
|
|
54
|
+
_ as NLDDOneThirdTwoThirdsSection,
|
|
55
|
+
$ as NLDDPage,
|
|
56
|
+
a0 as NLDDPageFooter,
|
|
57
|
+
a1 as NLDDPageFooterLegalBar,
|
|
58
|
+
a2 as NLDDPageFooterLegalBarItem,
|
|
59
|
+
a3 as NLDDPagination,
|
|
60
|
+
a4 as NLDDPasswordField,
|
|
61
|
+
a5 as NLDDPopover,
|
|
62
|
+
a6 as NLDDProgressBar,
|
|
63
|
+
a7 as NLDDProgressBarSegmentIndicator,
|
|
64
|
+
a8 as NLDDProgressCircle,
|
|
65
|
+
a9 as NLDDProgressCircleSegmentIndicator,
|
|
66
|
+
aa as NLDDRadioButton,
|
|
67
|
+
ab as NLDDRadioButtonField,
|
|
68
|
+
ac as NLDDRadioButtonGroup,
|
|
69
|
+
ad as NLDDRichText,
|
|
70
|
+
ae as NLDDSearchField,
|
|
71
|
+
af as NLDDSegmentedControl,
|
|
72
|
+
ag as NLDDSheet,
|
|
73
|
+
ah as NLDDSideBySideSplitView,
|
|
74
|
+
ai as NLDDSimpleSection,
|
|
75
|
+
aj as NLDDSkipLink,
|
|
76
|
+
ak as NLDDSpacer,
|
|
77
|
+
al as NLDDSpacerCell,
|
|
78
|
+
am as NLDDSplitButton,
|
|
79
|
+
an as NLDDSplitViewPane,
|
|
80
|
+
ao as NLDDStackedSplitView,
|
|
81
|
+
ap as NLDDStatusBar,
|
|
82
|
+
aq as NLDDStepper,
|
|
83
|
+
ar as NLDDSwitch,
|
|
84
|
+
as as NLDDSwitchField,
|
|
85
|
+
at as NLDDTabBar,
|
|
86
|
+
au as NLDDTable,
|
|
87
|
+
av as NLDDTableRow,
|
|
88
|
+
aw as NLDDTag,
|
|
89
|
+
ax as NLDDTextCell,
|
|
90
|
+
ay as NLDDTextField,
|
|
91
|
+
az as NLDDTimelineTrackCell,
|
|
92
|
+
aA as NLDDTitle,
|
|
93
|
+
aB as NLDDTitleCell,
|
|
94
|
+
aC as NLDDToggleButton,
|
|
95
|
+
aD as NLDDToggleButtonGroup,
|
|
96
|
+
aE as NLDDToken,
|
|
97
|
+
aF as NLDDToolbar,
|
|
98
|
+
aG as NLDDTooltip,
|
|
99
|
+
aH as NLDDTopNavigationBar,
|
|
100
|
+
aI as NLDDTopTitleBar,
|
|
101
|
+
aJ as NLDDTwoThirdsOneThirdSection,
|
|
102
|
+
aK as NLDDWindow
|
|
102
103
|
};
|
|
@@ -24,10 +24,18 @@
|
|
|
24
24
|
* de namen al in de tekst staan (decoratief); geef anders een
|
|
25
25
|
* beschrijvende alt-tekst op.
|
|
26
26
|
*
|
|
27
|
+
* Voor één avatar kun je in plaats van slotten ook `avatar-src` (met
|
|
28
|
+
* optioneel `avatar-srcset`) als attribuut meegeven; de afmetingen liggen
|
|
29
|
+
* vast (40px), dus `sizes` zet het component zelf. Meerdere avatars gaan
|
|
30
|
+
* altijd via de slot, en geslotte avatars hebben voorrang op `avatar-src`.
|
|
31
|
+
*
|
|
27
32
|
* @element nldd-byline
|
|
28
33
|
*
|
|
29
34
|
* @attr {string} text - Naamregel (bijv. "Jan Jansen en Piet Pietersen"); fallback wanneer de text-slot leeg is
|
|
30
35
|
* @attr {string} supporting-text - Ondersteunende tekst onder de naamregel (bijv. rol of datum); fallback wanneer de supporting-text-slot leeg is
|
|
36
|
+
* @attr {string} avatar-src - Bron van één avatar (alternatief voor de avatars-slot); genegeerd zodra de avatars-slot gevuld is
|
|
37
|
+
* @attr {string} avatar-srcset - Responsive source set voor de avatar-src-afbeelding
|
|
38
|
+
* @attr {string} avatar-alt - Alt-tekst voor de avatar-src-afbeelding; leeg = decoratief
|
|
31
39
|
*
|
|
32
40
|
* @slot avatars - Eén of meer img-elementen; gestyled als ronde, overlappende avatars
|
|
33
41
|
* @slot text - Naamregel als rijke inhoud (bijv. een link naar het auteursprofiel)
|
|
@@ -38,6 +46,9 @@ export declare class NLDDByline extends LitElement {
|
|
|
38
46
|
static styles: import("lit").CSSResult;
|
|
39
47
|
text: string;
|
|
40
48
|
supportingText: string;
|
|
49
|
+
avatarSrc: string;
|
|
50
|
+
avatarSrcset: string;
|
|
51
|
+
avatarAlt: string;
|
|
41
52
|
_hasSlottedAvatars: boolean;
|
|
42
53
|
/** Number of slotted avatars. Drives the responsive layout: with two or
|
|
43
54
|
* more avatars, a small-container byline stacks the avatars above the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,SAAS,SAAM;IAGf,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"}
|
|
@@ -30,10 +30,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
30
30
|
* de namen al in de tekst staan (decoratief); geef anders een
|
|
31
31
|
* beschrijvende alt-tekst op.
|
|
32
32
|
*
|
|
33
|
+
* Voor één avatar kun je in plaats van slotten ook `avatar-src` (met
|
|
34
|
+
* optioneel `avatar-srcset`) als attribuut meegeven; de afmetingen liggen
|
|
35
|
+
* vast (40px), dus `sizes` zet het component zelf. Meerdere avatars gaan
|
|
36
|
+
* altijd via de slot, en geslotte avatars hebben voorrang op `avatar-src`.
|
|
37
|
+
*
|
|
33
38
|
* @element nldd-byline
|
|
34
39
|
*
|
|
35
40
|
* @attr {string} text - Naamregel (bijv. "Jan Jansen en Piet Pietersen"); fallback wanneer de text-slot leeg is
|
|
36
41
|
* @attr {string} supporting-text - Ondersteunende tekst onder de naamregel (bijv. rol of datum); fallback wanneer de supporting-text-slot leeg is
|
|
42
|
+
* @attr {string} avatar-src - Bron van één avatar (alternatief voor de avatars-slot); genegeerd zodra de avatars-slot gevuld is
|
|
43
|
+
* @attr {string} avatar-srcset - Responsive source set voor de avatar-src-afbeelding
|
|
44
|
+
* @attr {string} avatar-alt - Alt-tekst voor de avatar-src-afbeelding; leeg = decoratief
|
|
37
45
|
*
|
|
38
46
|
* @slot avatars - Eén of meer img-elementen; gestyled als ronde, overlappende avatars
|
|
39
47
|
* @slot text - Naamregel als rijke inhoud (bijv. een link naar het auteursprofiel)
|
|
@@ -48,6 +56,9 @@ let NLDDByline = class NLDDByline extends LitElement {
|
|
|
48
56
|
super(...arguments);
|
|
49
57
|
this.text = '';
|
|
50
58
|
this.supportingText = '';
|
|
59
|
+
this.avatarSrc = '';
|
|
60
|
+
this.avatarSrcset = '';
|
|
61
|
+
this.avatarAlt = '';
|
|
51
62
|
this._hasSlottedAvatars = false;
|
|
52
63
|
/** Number of slotted avatars. Drives the responsive layout: with two or
|
|
53
64
|
* more avatars, a small-container byline stacks the avatars above the
|
|
@@ -84,6 +95,15 @@ __decorate([
|
|
|
84
95
|
__decorate([
|
|
85
96
|
property({ type: String, attribute: 'supporting-text' })
|
|
86
97
|
], NLDDByline.prototype, "supportingText", void 0);
|
|
98
|
+
__decorate([
|
|
99
|
+
property({ type: String, attribute: 'avatar-src' })
|
|
100
|
+
], NLDDByline.prototype, "avatarSrc", void 0);
|
|
101
|
+
__decorate([
|
|
102
|
+
property({ type: String, attribute: 'avatar-srcset' })
|
|
103
|
+
], NLDDByline.prototype, "avatarSrcset", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
property({ type: String, attribute: 'avatar-alt' })
|
|
106
|
+
], NLDDByline.prototype, "avatarAlt", void 0);
|
|
87
107
|
__decorate([
|
|
88
108
|
state()
|
|
89
109
|
], NLDDByline.prototype, "_hasSlottedAvatars", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG/C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAIN,SAAI,GAAG,EAAE,CAAC;QAGV,mBAAc,GAAG,EAAE,CAAC;QAGpB,cAAS,GAAG,EAAE,CAAC;QAGf,iBAAY,GAAG,EAAE,CAAC;QAGlB,cAAS,GAAG,EAAE,CAAC;QAGf,uBAAkB,GAAG,KAAK,CAAC;QAE3B;;mFAE2E;QAE3E,iBAAY,GAAG,CAAC,CAAC;QAGjB,oBAAe,GAAG,KAAK,CAAC;QAGxB,8BAAyB,GAAG,KAAK,CAAC;QAElC;;;;qFAI6E;QAC7E,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;YAC7C,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC7B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC1B,IAAI,CAAC,kBAAkB,GAAG,KAAK,GAAG,CAAC,CAAC;YACrC,CAAC;iBACI,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;gBAAE,IAAI,CAAC,eAAe,GAAG,KAAK,GAAG,CAAC,CAAC;iBAC3D,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB;gBAAE,IAAI,CAAC,yBAAyB,GAAG,KAAK,GAAG,CAAC,CAAC;QACtF,CAAC,CAAC;IAKH,CAAC;IAHS,MAAM;QACd,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;;AAlDe,iBAAM,GAAG,YAAY,AAAf,CAAgB;AAGtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;kDACrC;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;6CACrC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;gDACrC;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;6CACrC;AAGf;IADC,KAAK,EAAE;sDACmB;AAM3B;IADC,KAAK,EAAE;gDACS;AAGjB;IADC,KAAK,EAAE;mDACgB;AAGxB;IADC,KAAK,EAAE;6DAC0B;AA/BtB,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAoDtB"}
|