@nldd/design-system 0.8.92 → 0.8.94

package/dist/components/content/title/title.js

@@ -7,8 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * Nederlandse Digitale Dienst Title Bar Component (Lit + TypeScript)
  *
- * A title bar with an optional overline, title, and subtitle on the left, and a
- * slot at the end of the title line on the right.
+ * A title bar with an optional overline, title, and supporting text on the left,
+ * and a slot at the end of the title line on the right.
+ *
+ * The title comes from `text`, with `heading-level` for its place in the
+ * heading structure. `size` is how it looks, `heading-level` what it is, and
+ * the two are set apart. `overline` and `supporting-text` go above and below
+ * it. Each of the three has a slot in the same place for content that is more
+ * than text, and a filled slot takes the place of the attribute.
  *
  * @element nldd-title
  *
@@ -16,26 +22,63 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string} color - 'content' (the default) takes the system's own content
  *   colors. 'inherit' lets the title follow the text color of the surface
  *   instead (for colored areas such as the filled categories); overline and
- *   subtitle get the same color at a lowered opacity.
+ *   supporting-text get the same color at a lowered opacity.
+ * @attr {string} text - Title text. Content in the default slot takes its place.
+ * @attr {string} supporting-text - Text below the title. Content in the supporting-text slot takes its place.
+ * @attr {string} overline - Text above the title. Content in the overline slot takes its place.
+ * @attr {1|2|3|4|5|6} heading-level - Renders text as h1–h6; absent renders a p, for a title that is not a heading.
  *
- * @slot overline - Optional overline above the title
- * @slot - Title text (use h1–h6 for semantics)
- * @slot subtitle - Optional subtitle below the title
+ * @slot overline - Overline that is more than text. Takes the place of the overline attribute.
+ * @slot - Title that is more than text, such as a link. Takes the place of text, and brings its own h1–h6 for semantics.
+ * @slot supporting-text - Supporting text that is more than text. Takes the place of the supporting-text attribute.
  * @slot end - Whatever belongs at the end of the title line: a button, a menu, a status badge, a version. Named for the position, not for a kind of content, because anything can sit there.
  */
 import { LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { titleStyles } from './title.styles.js';
 import { titleTemplate } from './title.template.js';
+/** One warning per page: a missed rename is one search-and-replace, not one per title. */
+let warnedAboutSubtitle = false;
 let NLDDTitle = class NLDDTitle extends LitElement {
     constructor() {
         super(...arguments);
         this.size = 3;
         this.color = 'content';
+        this.text = '';
+        this.supportingText = '';
+        this.overline = '';
+        this.headingLevel = null;
+        /** @internal */
+        this._hasOverlineSlotted = false;
+        /** @internal */
+        this._hasDefaultSlotted = false;
+        /** @internal */
+        this._hasSupportingTextSlotted = false;
+        /** @internal */
+        this._onSlotChange = (e) => {
+            const slot = e.target;
+            // Whitespace between the tags is not content: without this check the text
+            // would vanish behind a slot that only holds a newline.
+            const hasContent = slot.assignedNodes().some((node) => node.nodeType === Node.ELEMENT_NODE || (node.textContent ?? '').trim().length > 0);
+            if (slot.name === 'overline')
+                this._hasOverlineSlotted = hasContent;
+            else if (slot.name === 'supporting-text')
+                this._hasSupportingTextSlotted = hasContent;
+            else
+                this._hasDefaultSlotted = hasContent;
+        };
+    }
+    firstUpdated() {
+        // The subtitle slot was renamed to supporting-text. Content in a slot that
+        // no longer exists is not rendered and reports nothing, so say it here.
+        if (import.meta.env?.DEV && !warnedAboutSubtitle && this.querySelector(':scope > [slot="subtitle"]')) {
+            warnedAboutSubtitle = true;
+            console.warn('NLDDTitle: the subtitle slot is now supporting-text. Rename slot="subtitle" to slot="supporting-text", or use the supporting-text attribute, here and on every other nldd-title.');
+        }
     }
     render() {
-        return titleTemplate();
+        return titleTemplate(this);
     }
 };
 NLDDTitle.styles = titleStyles;
@@ -45,6 +88,27 @@ __decorate([
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('content') })
 ], NLDDTitle.prototype, "color", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('') })
+], NLDDTitle.prototype, "text", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'supporting-text', converter: reflectNonDefault('') })
+], NLDDTitle.prototype, "supportingText", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('') })
+], NLDDTitle.prototype, "overline", void 0);
+__decorate([
+    property({ type: Number, reflect: true, attribute: 'heading-level' })
+], NLDDTitle.prototype, "headingLevel", void 0);
+__decorate([
+    state()
+], NLDDTitle.prototype, "_hasOverlineSlotted", void 0);
+__decorate([
+    state()
+], NLDDTitle.prototype, "_hasDefaultSlotted", void 0);
+__decorate([
+    state()
+], NLDDTitle.prototype, "_hasSupportingTextSlotted", void 0);
 NLDDTitle = __decorate([
     customElement('nldd-title')
 ], NLDDTitle);

package/dist/components/content/title/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAM7C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIN,SAAI,GAAS,CAAC,CAAC;QAGf,UAAK,GAAe,SAAS,CAAC;IAK/B,CAAC;IAHS,MAAM;QACd,OAAO,aAAa,EAAE,CAAC;IACxB,CAAC;;AAVe,gBAAM,GAAG,WAAW,AAAd,CAAe;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC3B;AAGf;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAa,SAAS,CAAC,EAAE,CAAC;wCACnD;AAPlB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAYrB"}
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.ts"],"names":[],"mappings":"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"}

package/dist/components/content/title/title.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,yBAuPvB,CAAC"}
+{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,yBA4RvB,CAAC"}

package/dist/components/content/title/title.styles.js

@@ -199,6 +199,13 @@ export const titleStyles = css `
 		flex-basis: 0;
 	}
 
+	.title__overline {
+		margin: 0;
+		color: var(--semantics-content-secondary-color);
+		font: var(--primitives-font-body-sm-regular-tight);
+		overflow-wrap: anywhere;
+	}
+
 	::slotted([slot="overline"]) {
 		${slottedReset}
 		${inheritedTextReset}
@@ -210,6 +217,15 @@ export const titleStyles = css `
 
 	/* The measure is in ch, so one value covers every size: ch scales with the
 	   font, and 40 characters stays 40 characters at 18px and at 52px. */
+	.title__text {
+		margin: 0;
+		max-width: 40ch;
+		color: var(--semantics-content-color);
+		font: var(--_font);
+		overflow-wrap: anywhere;
+		text-wrap: balance;
+	}
+
 	::slotted(:not([slot])) {
 		${slottedReset}
 		${inheritedTextReset}
@@ -221,7 +237,14 @@ export const titleStyles = css `
 		text-wrap: balance !important;
 	}
 
-	::slotted([slot="subtitle"]) {
+	.title__supporting-text {
+		margin: 0;
+		color: var(--semantics-content-secondary-color);
+		font: var(--primitives-font-body-md-regular-tight);
+		overflow-wrap: anywhere;
+	}
+
+	::slotted([slot="supporting-text"]) {
 		${slottedReset}
 		${inheritedTextReset}
 		margin: 0 !important;
@@ -230,11 +253,25 @@ export const titleStyles = css `
 		overflow-wrap: anywhere !important;
 	}
 
-	:host([size="5"]) ::slotted([slot="subtitle"]),
-	:host([size="6"]) ::slotted([slot="subtitle"]) {
+	:host([size="5"]) .title__supporting-text,
+	:host([size="6"]) .title__supporting-text {
+		font: var(--primitives-font-body-sm-regular-tight);
+	}
+
+	:host([size="5"]) ::slotted([slot="supporting-text"]),
+	:host([size="6"]) ::slotted([slot="supporting-text"]) {
 		font: var(--primitives-font-body-sm-regular-tight) !important;
 	}
 
+	:host([color="inherit"]) .title__text {
+		color: inherit;
+	}
+
+	:host([color="inherit"]) .title__overline,
+	:host([color="inherit"]) .title__supporting-text {
+		color: color-mix(in oklab, currentColor var(--semantics-content-secondary-opacity), transparent);
+	}
+
 	/* !important matches the hardened slotted rules above. */
 
 	:host([color="inherit"]) ::slotted(:not([slot])) {
@@ -242,7 +279,7 @@ export const titleStyles = css `
 	}
 
 	:host([color="inherit"]) ::slotted([slot="overline"]),
-	:host([color="inherit"]) ::slotted([slot="subtitle"]) {
+	:host([color="inherit"]) ::slotted([slot="supporting-text"]) {
 		color: color-mix(in oklab, currentColor var(--semantics-content-secondary-opacity), transparent) !important;
 	}
 

package/dist/components/content/title/title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;uBASP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC7C,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;IAUlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}
+{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;uBASP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;IAI7C,kBAAkB;;;;;uBAKC,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7C,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;IAmBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;IAiBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CrB,CAAC"}

package/dist/components/content/title/title.template.d.ts

@@ -1,3 +1,4 @@
 import { TemplateResult } from 'lit';
-export declare function titleTemplate(): TemplateResult;
+import type { NLDDTitle } from './title.js';
+export declare function titleTemplate(component: NLDDTitle): TemplateResult;
 //# sourceMappingURL=title.template.d.ts.map

package/dist/components/content/title/title.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,wBAAgB,aAAa,IAAI,cAAc,CAa9C"}
+{"version":3,"file":"title.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAqB5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,cAAc,CAsBlE"}

package/dist/components/content/title/title.template.js

@@ -1,11 +1,39 @@
-import { html } from 'lit';
-export function titleTemplate() {
+import { html, nothing } from 'lit';
+import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
+// SAFETY: the only tags unsafeStatic ever sees. A heading-level outside the map
+// renders a <p>, so no tag name is derived from input.
+const HEADING_TAGS = {
+    1: unsafeStatic('h1'),
+    2: unsafeStatic('h2'),
+    3: unsafeStatic('h3'),
+    4: unsafeStatic('h4'),
+    5: unsafeStatic('h5'),
+    6: unsafeStatic('h6'),
+};
+function renderText(component) {
+    if (!component.text || component._hasDefaultSlotted)
+        return nothing;
+    const tag = component.headingLevel ? HEADING_TAGS[component.headingLevel] : undefined;
+    return tag
+        ? staticHtml `<${tag} class="title__text">${component.text}</${tag}>`
+        : html `<p class="title__text">${component.text}</p>`;
+}
+export function titleTemplate(component) {
     return html `
 		<div class="title">
 			<div class="title__title-group">
-				<slot name="overline"></slot>
-				<slot></slot>
-				<slot name="subtitle"></slot>
+				${component.overline && !component._hasOverlineSlotted ? html `<p class="title__overline">${component.overline}</p>` : nothing}
+				<slot
+					name="overline"
+					@slotchange=${component._onSlotChange}
+				></slot>
+				${renderText(component)}
+				<slot @slotchange=${component._onSlotChange}></slot>
+				${component.supportingText && !component._hasSupportingTextSlotted ? html `<p class="title__supporting-text">${component.supportingText}</p>` : nothing}
+				<slot
+					name="supporting-text"
+					@slotchange=${component._onSlotChange}
+				></slot>
 			</div>
 			<div class="title__end">
 				<slot name="end"></slot>

package/dist/components/content/title/title.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.template.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,MAAM,UAAU,aAAa;IAC5B,OAAO,IAAI,CAAA;;;;;;;;;;;EAWV,CAAC;AACH,CAAC"}
+{"version":3,"file":"title.template.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGtE,gFAAgF;AAChF,uDAAuD;AACvD,MAAM,YAAY,GAAoD;IACrE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;CACrB,CAAC;AAEF,SAAS,UAAU,CAAC,SAAoB;IACvC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,kBAAkB;QAAE,OAAO,OAAO,CAAC;IACpE,MAAM,GAAG,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,OAAO,GAAG;QACT,CAAC,CAAC,UAAU,CAAA,IAAI,GAAG,wBAAwB,SAAS,CAAC,IAAI,KAAK,GAAG,GAAG;QACpE,CAAC,CAAC,IAAI,CAAA,0BAA0B,SAAS,CAAC,IAAI,MAAM,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA,8BAA8B,SAAS,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,OAAO;;;mBAG9G,SAAS,CAAC,aAAa;;MAEpC,UAAU,CAAC,SAAS,CAAC;wBACH,SAAS,CAAC,aAAa;MACzC,SAAS,CAAC,cAAc,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,SAAS,CAAC,cAAc,MAAM,CAAC,CAAC,CAAC,OAAO;;;mBAGvI,SAAS,CAAC,aAAa;;;;;;;EAOxC,CAAC;AACH,CAAC"}

package/dist/components/content/token/token.d.ts

@@ -12,11 +12,12 @@
  *
  * @attr {string} text - Token text; falls back to the default slot when unset.
  * @attr {'none' | 'dismiss' | 'menu'} control - Control type (default: 'none')
+ * @attr {string} dismiss-text - Accessible label for the dismiss button. Unset, it names the token: `Verwijder "{text}"`, so a row of tokens does not read as a row of identical buttons.
+ * @attr {string} menu-text - Accessible label for the menu button. Unset, it is `Toon opties voor "{text}"`.
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ * @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
  * @attr {boolean} expanded - Reflects whether the token's menu is open (control="menu"); managed by the token.
  * @attr {boolean} disabled - Disabled state
- * @attr {string} dismiss-text - Accessible label for the dismiss button (default: 'Verwijder')
- * @attr {string} menu-text - Accessible label for the menu button (default: 'Toon opties')
- * @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
  *
  * @slot - Token text
  * @slot menu - An nldd-menu that the token opens from its menu button (control="menu").
@@ -24,6 +25,7 @@
  * @fires dismiss - When the dismiss button is clicked
  */
 import { LitElement } from 'lit';
+import { type NLDDTokenTranslations } from './token.i18n.js';
 import './../../actions/icon-button/icon-button.js';
 export type TokenControl = 'none' | 'dismiss' | 'menu';
 export declare class NLDDToken extends LitElement {
@@ -32,15 +34,23 @@ export declare class NLDDToken extends LitElement {
      *  content keeps working. */
     text: string;
     control: TokenControl;
-    expanded: boolean;
-    disabled: boolean;
     dismissText: string;
     menuText: string;
+    translations: Partial<NLDDTokenTranslations>;
     /** Inside a roving-focus container (e.g. nldd-token-field): the host carries the
      *  single tab stop and manages focus itself, so the trailing control (dismiss or
      *  menu) is taken out of the tab order — it stays reachable by mouse and by the
      *  host's own key handlers. */
     roving: boolean;
+    expanded: boolean;
+    disabled: boolean;
+    /** Text of the default slot, kept current for the control labels. */
+    private _slotText;
+    private _textObserver;
+    private _readSlotText;
+    _t(key: keyof NLDDTokenTranslations): string;
+    get _dismissLabel(): string;
+    get _menuLabel(): string;
     _handleDismiss(e: Event): void;
     private _menuButton?;
     private _menu;

package/dist/components/content/token/token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,qBACa,SAAU,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAe;IAErC;iCAC6B;IAE7B,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,CAAU;IAG/B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,WAAW,SAAe;IAG1B,QAAQ,SAAiB;IAEzB;;;mCAG+B;IAE/B,MAAM,UAAS;IAEf,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU9B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,qBAAqB,CAAS;IAEtC;wFACoF;IACpF,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAajC,OAAO,CAAC,iBAAiB,CAUvB;IAEF;oFACgF;IAChF,4BAA4B,IAAI,IAAI;IAIpC,gBAAgB,IAAI,IAAI;IAYf,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAKrC;;uFAEmF;IACnF,OAAO,CAAC,kBAAkB,CAOxB;IAEF;;;0FAGsF;IAC7E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}
+{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAyB,KAAK,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAEpF,OAAO,4CAA4C,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,qBACa,SAAU,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAe;IAErC;iCAC6B;IAE7B,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,CAAU;IAG/B,WAAW,SAAM;IAGjB,QAAQ,SAAM;IAGd,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAM;IAElD;;;mCAG+B;IAE/B,MAAM,UAAS;IAGf,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,qEAAqE;IAErE,OAAO,CAAC,SAAS,CAAM;IAEvB,OAAO,CAAC,aAAa,CAAoD;IAEzE,OAAO,CAAC,aAAa;IASd,EAAE,CAAC,GAAG,EAAE,MAAM,qBAAqB,GAAG,MAAM;IAInD,IAAI,aAAa,IAAI,MAAM,CAK1B;IAED,IAAI,UAAU,IAAI,MAAM,CAKvB;IAED,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU9B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,qBAAqB,CAAS;IAEtC;wFACoF;IACpF,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAajC,OAAO,CAAC,iBAAiB,CAUvB;IAEF;oFACgF;IAChF,4BAA4B,IAAI,IAAI;IAIpC,gBAAgB,IAAI,IAAI;IAYf,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAMrC;;uFAEmF;IACnF,OAAO,CAAC,kBAAkB,CAOxB;IAEF;;;0FAGsF;IAC7E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}

package/dist/components/content/token/token.i18n.d.ts

@@ -0,0 +1,7 @@
+export declare const nlddTokenTranslations: {
+    'components.token.dismiss-action': string;
+    'components.token.open-menu-action': string;
+    'components.token.open-token-menu-action': string;
+};
+export type NLDDTokenTranslations = typeof nlddTokenTranslations;
+//# sourceMappingURL=token.i18n.d.ts.map

package/dist/components/content/token/token.i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/content/token/token.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAC"}

package/dist/components/content/token/token.i18n.js

@@ -0,0 +1,6 @@
+export const nlddTokenTranslations = {
+    'components.token.dismiss-action': 'Verwijder',
+    'components.token.open-menu-action': 'Toon opties',
+    'components.token.open-token-menu-action': 'Toon opties voor',
+};
+//# sourceMappingURL=token.i18n.js.map

package/dist/components/content/token/token.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.i18n.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACpC,iCAAiC,EAAE,WAAW;IAC9C,mCAAmC,EAAE,aAAa;IAClD,yCAAyC,EAAE,kBAAkB;CAC7D,CAAC"}

package/dist/components/content/token/token.js

@@ -18,11 +18,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * @attr {string} text - Token text; falls back to the default slot when unset.
  * @attr {'none' | 'dismiss' | 'menu'} control - Control type (default: 'none')
+ * @attr {string} dismiss-text - Accessible label for the dismiss button. Unset, it names the token: `Verwijder "{text}"`, so a row of tokens does not read as a row of identical buttons.
+ * @attr {string} menu-text - Accessible label for the menu button. Unset, it is `Toon opties voor "{text}"`.
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ * @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
  * @attr {boolean} expanded - Reflects whether the token's menu is open (control="menu"); managed by the token.
  * @attr {boolean} disabled - Disabled state
- * @attr {string} dismiss-text - Accessible label for the dismiss button (default: 'Verwijder')
- * @attr {string} menu-text - Accessible label for the menu button (default: 'Toon opties')
- * @attr {boolean} roving - Inside a roving-focus container (e.g. nldd-token-field): the host is the single tab stop, so the trailing control is not separately tabbable.
  *
  * @slot - Token text
  * @slot menu - An nldd-menu that the token opens from its menu button (control="menu").
@@ -30,11 +31,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @fires dismiss - When the dismiss button is clicked
  */
 import { LitElement } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
+import { customElement, property, query, state } from 'lit/decorators.js';
 import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { tokenStyles } from './token.styles.js';
 import { tokenTemplate } from './token.template.js';
+import { nlddTokenTranslations } from './token.i18n.js';
 import './../../actions/icon-button/icon-button.js';
+import { translate } from '../../../utilities/translations.js';
 let NLDDToken = class NLDDToken extends LitElement {
     constructor() {
         super(...arguments);
@@ -42,15 +45,19 @@ let NLDDToken = class NLDDToken extends LitElement {
          *  content keeps working. */
         this.text = '';
         this.control = 'none';
-        this.expanded = false;
-        this.disabled = false;
-        this.dismissText = 'Verwijder';
-        this.menuText = 'Toon opties';
+        this.dismissText = '';
+        this.menuText = '';
+        this.translations = {};
         /** Inside a roving-focus container (e.g. nldd-token-field): the host carries the
          *  single tab stop and manages focus itself, so the trailing control (dismiss or
          *  menu) is taken out of the tab order — it stays reachable by mouse and by the
          *  host's own key handlers. */
         this.roving = false;
+        this.expanded = false;
+        this.disabled = false;
+        /** Text of the default slot, kept current for the control labels. */
+        this._slotText = '';
+        this._textObserver = new MutationObserver(() => this._readSlotText());
         this._menu = null;
         this._pointerdownWhileOpen = false;
         this._handleMenuToggle = (e) => {
@@ -79,6 +86,32 @@ let NLDDToken = class NLDDToken extends LitElement {
             }
         };
     }
+    _readSlotText() {
+        this._slotText = [...this.childNodes]
+            .filter((node) => !(node instanceof Element && node.hasAttribute('slot')))
+            .map((node) => node.textContent)
+            .join('')
+            .replace(/\s+/g, ' ')
+            .trim();
+    }
+    _t(key) {
+        return translate(this.translations, nlddTokenTranslations, key);
+    }
+    get _dismissLabel() {
+        const label = this.text || this._slotText;
+        if (this.dismissText)
+            return this.dismissText;
+        const action = this._t('components.token.dismiss-action');
+        return label ? `${action} "${label}"` : action;
+    }
+    get _menuLabel() {
+        const label = this.text || this._slotText;
+        if (this.menuText)
+            return this.menuText;
+        if (!label)
+            return this._t('components.token.open-menu-action');
+        return `${this._t('components.token.open-token-menu-action')} "${label}"`;
+    }
     _handleDismiss(e) {
         e.stopPropagation();
         if (this.disabled)
@@ -125,9 +158,12 @@ let NLDDToken = class NLDDToken extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener('keydown', this._handleHostKeydown);
+        this._readSlotText();
+        this._textObserver.observe(this, { childList: true, characterData: true, subtree: true });
     }
     disconnectedCallback() {
         this.removeEventListener('keydown', this._handleHostKeydown);
+        this._textObserver.disconnect();
         super.disconnectedCallback();
     }
     /** Force the focus ring so the whole token reads as focused when it is focused
@@ -149,21 +185,27 @@ __decorate([
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('none') })
 ], NLDDToken.prototype, "control", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDToken.prototype, "expanded", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDToken.prototype, "disabled", void 0);
 __decorate([
     property({ type: String, attribute: 'dismiss-text' })
 ], NLDDToken.prototype, "dismissText", void 0);
 __decorate([
     property({ type: String, attribute: 'menu-text' })
 ], NLDDToken.prototype, "menuText", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDToken.prototype, "translations", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDToken.prototype, "roving", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDToken.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDToken.prototype, "disabled", void 0);
+__decorate([
+    state()
+], NLDDToken.prototype, "_slotText", void 0);
 __decorate([
     query('.token__menu-action nldd-icon-button')
 ], NLDDToken.prototype, "_menuButton", void 0);

package/dist/components/content/token/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,4CAA4C,CAAC;AAK7C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAGN;qCAC6B;QAE7B,SAAI,GAAG,EAAE,CAAC;QAGV,YAAO,GAAiB,MAAM,CAAC;QAG/B,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGjB,gBAAW,GAAG,WAAW,CAAC;QAG1B,aAAQ,GAAG,aAAa,CAAC;QAEzB;;;uCAG+B;QAE/B,WAAM,GAAG,KAAK,CAAC;QAcP,UAAK,GAAoB,IAAI,CAAC;QAC9B,0BAAqB,GAAG,KAAK,CAAC;QAiB9B,sBAAiB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC9C,MAAM,IAAI,GAAI,CAAiB,CAAC,QAAQ,KAAK,MAAM,CAAC;YACpD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,8EAA8E;YAC9E,gFAAgF;YAChF,8BAA8B;YAC9B,IAAI,CAAC,IAAI,EAAE,CAAC;gBACX,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;gBACtC,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;oBAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;YAC7F,CAAC;QACF,CAAC,CAAC;QA8BF;;2FAEmF;QAC3E,uBAAkB,GAAG,CAAC,CAAgB,EAAQ,EAAE;YACvD,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACrD,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI;gBAAE,OAAO;YACzC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBACjE,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzB,CAAC;QACF,CAAC,CAAC;IAcH,CAAC;IA9FA,cAAc,CAAC,CAAQ;QACtB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE;YAC7C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAQD;wFACoF;IACpF,iBAAiB,CAAC,CAAQ;QACzB,MAAM,IAAI,GAAI,CAAC,CAAC,MAA0B;aACxC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aACnC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,CAAyB,CAAC;QACjF,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK;YAAE,OAAO;QACzC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAClE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;QAC9C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACzD,CAAC;IAcD;oFACgF;IAChF,4BAA4B;QAC3B,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC;YAAE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAChC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;YACnC,OAAO;QACR,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAAE,OAAO;QAC/E,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;QAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;IACpB,CAAC;IAEQ,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC3D,CAAC;IAEQ,oBAAoB;QAC5B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC7D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAcD;;;0FAGsF;IAC7E,KAAK,CAAC,OAAsB;QACpC,mFAAmF;QACnF,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,EAAE,YAAY,EAAE,IAAI,EAAkB,CAAC,CAAC;IACjE,CAAC;IAEQ,MAAM;QACd,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AA1He,gBAAM,GAAG,WAAW,AAAd,CAAe;AAKrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAe,MAAM,CAAC,EAAE,CAAC;0CACjD;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;8CAC5B;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2CAC1B;AAOzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAC5B;AAYP;IADP,KAAK,CAAC,sCAAsC,CAAC;8CACZ;AAxCtB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA4HrB"}
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.ts"],"names":[],"mappings":"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"}

package/dist/components/content/token/token.template.js

@@ -9,10 +9,10 @@ export function tokenTemplate(component) {
 				<div class="token__dismiss-action">
 					<nldd-icon-button
 						size="sm"
-						variant="neutral-tinted"
+						appearance="neutral-tinted"
 						icon="dismiss-small"
-						text=${component.dismissText}
-						accessible-label=${component.dismissText}
+						text=${component._dismissLabel}
+						accessible-label=${component._dismissLabel}
 						tooltip-timing="never"
 						?no-tab=${component.roving}
 						?disabled=${component.disabled}
@@ -24,10 +24,10 @@ export function tokenTemplate(component) {
 				<div class="token__menu-action">
 					<nldd-icon-button
 						size="sm"
-						variant="neutral-tinted"
+						appearance="neutral-tinted"
 						icon="chevron-down-small"
-						text=${component.menuText}
-						accessible-label=${component.menuText}
+						text=${component._menuLabel}
+						accessible-label=${component._menuLabel}
 						tooltip-timing="never"
 						popup-type="menu"
 						?no-tab=${component.roving}

package/dist/components/content/token/token.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD;2DAC2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;+BAEmB,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe;KAC/D,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,WAAW;yBACT,SAAS,CAAC,WAAW;;gBAE9B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;KACT,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM3B,SAAS,CAAC,QAAQ;yBACN,SAAS,CAAC,QAAQ;;;gBAG3B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,4BAA4B;eAC5C,SAAS,CAAC,gBAAgB;;;IAGrC,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,OAAO,KAAK,MAAM;QAC7B,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,UAAU;QAC5E,CAAC,CAAC,OAAO;EACV,CAAC;AACH,CAAC"}
+{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/content/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD;2DAC2D;AAC3D,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;+BAEmB,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe;KAC/D,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,aAAa;yBACX,SAAS,CAAC,aAAa;;gBAEhC,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;KACT,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM3B,SAAS,CAAC,UAAU;yBACR,SAAS,CAAC,UAAU;;;gBAG7B,SAAS,CAAC,MAAM;kBACd,SAAS,CAAC,QAAQ;kBAClB,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,4BAA4B;eAC5C,SAAS,CAAC,gBAAgB;;;IAGrC,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,OAAO,KAAK,MAAM;QAC7B,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,iBAAiB,UAAU;QAC5E,CAAC,CAAC,OAAO;EACV,CAAC;AACH,CAAC"}

package/dist/components/forms/form/form.d.ts

@@ -14,6 +14,11 @@
  *   `dist/css/form.css` (or `global.css`), not in a component-specific shadow
  *   stylesheet. Import it as part of your app's global CSS bundle.
  *
+ * **When a field turns red:** on submit the form marks every control the
+ * browser rejects with `invalid`, and clears it again once the value passes.
+ * Setting `invalid` yourself is fine, but do it on submit, not while someone is
+ * still typing, or a field turns red over a value that is not finished yet.
+ *
  * **Two usage modes:**
  *
  * 1. **Auto-wrap** (default): write children directly. Component creates a
@@ -44,14 +49,14 @@
  *
  * @element nldd-form
  *
+ * @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
  * @attr {string} name - Form name
- * @attr {string} action - URL endpoint for submission
+ * @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
+ * @attr {string} target - Submit target ('_self' | '_blank' | ...)
  * @attr {string} method - HTTP method ('get' | 'post' | 'dialog')
- * @attr {boolean} novalidate - Skip native browser validation
+ * @attr {string} action - URL endpoint for submission
  * @attr {string} enctype - Encoding type for submission
- * @attr {string} target - Submit target ('_self' | '_blank' | ...)
- * @attr {string} autocomplete - 'on' | 'off' (form-level autofill toggle)
- * @attr {string} label-alignment - Default `label-alignment` for descendant nldd-form-field and nldd-form-actions ('top' | 'right' | 'left'). Propagated to descendants as `form-label-alignment`. A `label-alignment` of its own on the descendant takes precedence through the CSS cascade.
+ * @attr {boolean} novalidate - Skip native browser validation
  *
  * @prop {HTMLFormElement | null} form - The inner <form> element (read-only). Use it for `form.checkValidity()`, direct DOM manipulation, or as the target for framework-managed children.
  *
@@ -67,7 +72,10 @@
  *
  * Auto-wrap mode:
  * ```html
- * <nldd-form name="profile" novalidate>
+ * <nldd-form
+ * 	name="profile"
+ * 	novalidate
+ * >
  *   <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
  *   <nldd-button type="submit" text="Verstuur"></nldd-button>
  * </nldd-form>
@@ -75,7 +83,10 @@
  *
  * User-provided form mode (React/Vue/Angular):
  * ```html
- * <nldd-form name="profile" novalidate>
+ * <nldd-form
+ * 	name="profile"
+ * 	novalidate
+ * >
  *   <form>
  *     <nldd-text-field name="email" autocomplete="email"></nldd-text-field>
  *     <nldd-button type="submit" text="Verstuur"></nldd-button>

package/dist/components/forms/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AAcH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAElD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,cAAc,CA6BpB;IAEF,4EAA4E;IAC5E,OAAO,CAAC,YAAY,CAA4B;IAEhD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,YAAY,CAQlB;IAEF;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,YAAY,CAKlB;IAEF,sDAAsD;IACtD,OAAO,CAAC,OAAO,CAA0B;IACzC,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAwEzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form/form.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AAcH,qBAAa,QAAS,SAAQ,WAAW;IACxC,MAAM,KAAK,kBAAkB,aAE5B;IAED,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,SAAS,CAAiC;IAElD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,cAAc,CA6BpB;IAEF,4EAA4E;IAC5E,OAAO,CAAC,YAAY,CAA4B;IAEhD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,YAAY,CAQlB;IAEF;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,YAAY,CAKlB;IAEF,sDAAsD;IACtD,OAAO,CAAC,OAAO,CAA0B;IACzC,wEAAwE;IACxE,OAAO,CAAC,iBAAiB,CAAS;IAElC,iBAAiB,IAAI,IAAI;IAwEzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAU3F;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,iBAAiB;IAQzB,uEAAuE;IACvE,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;CACD;AAMD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}