@nldd/design-system 0.8.45 → 0.8.47

package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Nederlandse Digitale Dienst Breadcrumbs Component (Lit + TypeScript)
+ *
+ * A trail of `nldd-breadcrumbs-item`s separated by `›`, rendered as a
+ * `<nav>` landmark wrapping a `<div role="list">` (with each item carrying
+ * `role="listitem"`). Explicit ARIA roles travel reliably across the slot
+ * boundary where the implicit `<ol>`/`<li>` mapping is inconsistent across
+ * AT + browser combos. The host itself is its own container-query scope so
+ * the sm-viewport "‹ {parent}" fallback reacts to the breadcrumbs' own
+ * width, not the viewport.
+ *
+ * @element nldd-breadcrumbs
+ *
+ * @attr {string}  accessible-label - Override the nav's aria-label.
+ *                                    Defaults to the i18n value (NL: "Kruimelpad").
+ * @attr {object}  translations     - Override translation keys; unset keys
+ *                                    fall back to the Dutch default.
+ *
+ * @slot - `nldd-breadcrumbs-item` children.
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import { type NLDDBreadcrumbsTranslations } from './breadcrumbs.i18n.js';
+/**
+ * A single entry in an `nldd-breadcrumbs` list. Renders as a link when
+ * `href` is set, as plain text marked `aria-current="page"` when `current`
+ * is set, and as plain text otherwise. Each item renders its own trailing
+ * `›` separator; the last item in the list hides it via `:host(:last-of-type)`.
+ *
+ * @attr {string} href - Link target. Ignored when `current` is set.
+ * @attr {boolean} current - Marks this item as the current page (renders as
+ *                           plain text + `aria-current="page"`). Typical use
+ *                           is on the last item.
+ * @attr {string} text - Item label. Falls back to the default slot.
+ *
+ * @slot - Item label (alternative to `text`).
+ */
+export declare class NLDDBreadcrumbsItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    href?: string;
+    current: boolean;
+    text: string;
+    connectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    render(): import("lit-html").TemplateResult;
+}
+export declare class NLDDBreadcrumbs extends LitElement {
+    static styles: import("lit").CSSResult;
+    accessibleLabel: string;
+    translations: Partial<NLDDBreadcrumbsTranslations>;
+    private _mergedTranslations;
+    willUpdate(changed: PropertyValues): void;
+    _t(key: keyof NLDDBreadcrumbsTranslations): string;
+    /**
+     * All slotted nldd-breadcrumbs-item children, in DOM order. Items MUST
+     * be direct children of nldd-breadcrumbs — wrapping them in another
+     * element (e.g. `<ul><nldd-breadcrumbs-item>`) is unsupported and will
+     * make them invisible to this component (separator handling, sm-viewport
+     * fallback, etc. all key off this set).
+     */
+    _items(): NLDDBreadcrumbsItem[];
+    /**
+     * The parent (one-level-up) item: the last non-current item with an
+     * `href` — the level-up link needs somewhere to navigate. Returns null
+     * when no eligible parent exists; the level-up element is not rendered
+     * in that case (so it can't appear in the link list of any AT).
+     */
+    _parentItem(): NLDDBreadcrumbsItem | null;
+    _onSlotChange: () => void;
+    private _itemObserver?;
+    private _observeItemAttrs;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-breadcrumbs': NLDDBreadcrumbs;
+        'nldd-breadcrumbs-item': NLDDBreadcrumbsItem;
+    }
+}
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWlD;;;;;;OAMG;IACH,MAAM,IAAI,mBAAmB,EAAE;IAI/B;;;;;OAKG;IACH,WAAW,IAAI,mBAAmB,GAAG,IAAI;IAQzC,aAAa,aAMX;IAMF,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEzC,OAAO,CAAC,iBAAiB;IAchB,oBAAoB,IAAI,IAAI;IAM5B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const nlddBreadcrumbsTranslations: {
+    'components.breadcrumbs.accessible-label': string;
+    'components.breadcrumbs.level-up-label': string;
+};
+export type NLDDBreadcrumbsTranslations = typeof nlddBreadcrumbsTranslations;
+//# sourceMappingURL=breadcrumbs.i18n.d.ts.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B;;;CAGvC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,OAAO,2BAA2B,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js

@@ -0,0 +1,5 @@
+export const nlddBreadcrumbsTranslations = {
+    'components.breadcrumbs.accessible-label': 'Kruimelpad',
+    'components.breadcrumbs.level-up-label': 'Eén niveau omhoog',
+};
+//# sourceMappingURL=breadcrumbs.i18n.js.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,yCAAyC,EAAE,YAAY;IACvD,uCAAuC,EAAE,mBAAmB;CAC5D,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,192 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Nederlandse Digitale Dienst Breadcrumbs Component (Lit + TypeScript)
+ *
+ * A trail of `nldd-breadcrumbs-item`s separated by `›`, rendered as a
+ * `<nav>` landmark wrapping a `<div role="list">` (with each item carrying
+ * `role="listitem"`). Explicit ARIA roles travel reliably across the slot
+ * boundary where the implicit `<ol>`/`<li>` mapping is inconsistent across
+ * AT + browser combos. The host itself is its own container-query scope so
+ * the sm-viewport "‹ {parent}" fallback reacts to the breadcrumbs' own
+ * width, not the viewport.
+ *
+ * @element nldd-breadcrumbs
+ *
+ * @attr {string}  accessible-label - Override the nav's aria-label.
+ *                                    Defaults to the i18n value (NL: "Kruimelpad").
+ * @attr {object}  translations     - Override translation keys; unset keys
+ *                                    fall back to the Dutch default.
+ *
+ * @slot - `nldd-breadcrumbs-item` children.
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { breadcrumbsStyles, breadcrumbsItemStyles } from './breadcrumbs.styles.js';
+import { breadcrumbsTemplate, breadcrumbsItemTemplate } from './breadcrumbs.template.js';
+import { nlddBreadcrumbsTranslations } from './breadcrumbs.i18n.js';
+// # nldd-breadcrumbs-item
+/**
+ * A single entry in an `nldd-breadcrumbs` list. Renders as a link when
+ * `href` is set, as plain text marked `aria-current="page"` when `current`
+ * is set, and as plain text otherwise. Each item renders its own trailing
+ * `›` separator; the last item in the list hides it via `:host(:last-of-type)`.
+ *
+ * @attr {string} href - Link target. Ignored when `current` is set.
+ * @attr {boolean} current - Marks this item as the current page (renders as
+ *                           plain text + `aria-current="page"`). Typical use
+ *                           is on the last item.
+ * @attr {string} text - Item label. Falls back to the default slot.
+ *
+ * @slot - Item label (alternative to `text`).
+ */
+export class NLDDBreadcrumbsItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.current = false;
+        this.text = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // The parent .breadcrumbs__items is a div role="list"; each item
+        // gets the matching listitem role so screen readers announce a
+        // proper list with N items. Explicit ARIA is what AT actually
+        // reads across the slot boundary — the implicit <ol>/<li>
+        // mapping doesn't traverse it reliably.
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'listitem');
+        }
+    }
+    updated(changed) {
+        // Reflect aria-current on the host (the semantic listitem) rather
+        // than on an inner span — the listitem is the element screen readers
+        // announce, so the current-page hint should live there.
+        if (changed.has('current')) {
+            if (this.current) {
+                this.setAttribute('aria-current', 'page');
+            }
+            else {
+                this.removeAttribute('aria-current');
+            }
+        }
+    }
+    render() {
+        return breadcrumbsItemTemplate(this);
+    }
+}
+NLDDBreadcrumbsItem.styles = breadcrumbsItemStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDBreadcrumbsItem.prototype, "href", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDBreadcrumbsItem.prototype, "current", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDBreadcrumbsItem.prototype, "text", void 0);
+// Sub-component of nldd-breadcrumbs. Exported as a public class for type
+// imports. The guard registration (matches nldd-menu's nldd-menu-item /
+// nldd-menu-divider) is for de-dupe safety: @customElement throws if the
+// same tag is defined twice during HMR or test re-imports, the guard keeps
+// the first registration authoritative.
+if (!customElements.get('nldd-breadcrumbs-item')) {
+    customElements.define('nldd-breadcrumbs-item', NLDDBreadcrumbsItem);
+}
+// # nldd-breadcrumbs
+let NLDDBreadcrumbs = class NLDDBreadcrumbs extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.accessibleLabel = '';
+        this.translations = {};
+        this._mergedTranslations = { ...nlddBreadcrumbsTranslations };
+        this._onSlotChange = () => {
+            // CSS reads `[has-parent]` directly; no need for @state. Toggling
+            // the attribute is enough.
+            this.toggleAttribute('has-parent', !!this._parentItem());
+            this._observeItemAttrs();
+            this.requestUpdate();
+        };
+    }
+    willUpdate(changed) {
+        if (changed.has('translations') || changed.has('accessibleLabel')) {
+            this._mergedTranslations = {
+                ...nlddBreadcrumbsTranslations,
+                ...this.translations,
+            };
+            if (this.accessibleLabel) {
+                this._mergedTranslations['components.breadcrumbs.accessible-label'] = this.accessibleLabel;
+            }
+        }
+    }
+    _t(key) {
+        // Return '' (not the key) for missing translations so callers can do
+        // `value || nothing` to suppress aria-label / text rather than
+        // announcing the raw key string. Warn in DEV.
+        const value = this._mergedTranslations[key];
+        if (value === undefined && import.meta.env?.DEV) {
+            console.warn(`<nldd-breadcrumbs>: missing translation for "${key}"`);
+        }
+        return value ?? '';
+    }
+    /**
+     * All slotted nldd-breadcrumbs-item children, in DOM order. Items MUST
+     * be direct children of nldd-breadcrumbs — wrapping them in another
+     * element (e.g. `<ul><nldd-breadcrumbs-item>`) is unsupported and will
+     * make them invisible to this component (separator handling, sm-viewport
+     * fallback, etc. all key off this set).
+     */
+    _items() {
+        return Array.from(this.querySelectorAll(':scope > nldd-breadcrumbs-item'));
+    }
+    /**
+     * The parent (one-level-up) item: the last non-current item with an
+     * `href` — the level-up link needs somewhere to navigate. Returns null
+     * when no eligible parent exists; the level-up element is not rendered
+     * in that case (so it can't appear in the link list of any AT).
+     */
+    _parentItem() {
+        const items = this._items();
+        for (let i = items.length - 1; i >= 0; i--) {
+            if (!items[i].current && items[i].href)
+                return items[i];
+        }
+        return null;
+    }
+    _observeItemAttrs() {
+        this._itemObserver?.disconnect();
+        this._itemObserver = new MutationObserver(() => {
+            this.toggleAttribute('has-parent', !!this._parentItem());
+            this.requestUpdate();
+        });
+        for (const item of this._items()) {
+            this._itemObserver.observe(item, {
+                attributes: true,
+                attributeFilter: ['href', 'current'],
+            });
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._itemObserver?.disconnect();
+        this._itemObserver = undefined;
+    }
+    render() {
+        return breadcrumbsTemplate(this);
+    }
+};
+NLDDBreadcrumbs.styles = breadcrumbsStyles;
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDBreadcrumbs.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDBreadcrumbs.prototype, "translations", void 0);
+NLDDBreadcrumbs = __decorate([
+    customElement('nldd-breadcrumbs')
+], NLDDBreadcrumbs);
+export { NLDDBreadcrumbs };
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const breadcrumbsStyles: import("lit").CSSResult;
+export declare const breadcrumbsItemStyles: import("lit").CSSResult;
+//# sourceMappingURL=breadcrumbs.styles.d.ts.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yBA8D7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAwDjC,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js

@@ -0,0 +1,124 @@
+import { css, unsafeCSS } from 'lit';
+import { breakpoints } from '../../../assets/styles/breakpoints.js';
+const smMax = unsafeCSS(breakpoints.smMax);
+export const breadcrumbsStyles = css `
+	:host {
+		container-type: inline-size;
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	.breadcrumbs {
+		display: block;
+	}
+
+	.breadcrumbs__items {
+		display: flex;
+		flex-wrap: wrap;
+		row-gap: var(--primitives-space-4);
+	}
+
+	:host([has-parent]) .breadcrumbs__items {
+		@container (max-width: ${smMax}) {
+			display: none;
+		}
+	}
+
+	.breadcrumbs__level-up {
+		display: none;
+		align-items: center;
+		gap: var(--primitives-space-4);
+		color: var(--semantics-links-color);
+		font: var(--primitives-font-body-md-regular-tight);
+		text-decoration: none;
+	}
+
+	:host([has-parent]) .breadcrumbs__level-up {
+		@container (max-width: ${smMax}) {
+			display: inline-flex;
+		}
+	}
+
+	.breadcrumbs__level-up:hover {
+		color: var(--semantics-links-is-hovered-color);
+	}
+
+	.breadcrumbs__level-up:active {
+		color: var(--semantics-links-is-active-color);
+	}
+
+	.breadcrumbs__level-up:focus-visible {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		border-radius: var(--primitives-corner-radius-xs);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+	.breadcrumbs__level-up-icon {
+		display: inline-flex;
+		width: var(--primitives-space-20);
+		height: var(--primitives-space-20);
+		flex-shrink: 0;
+	}
+`;
+export const breadcrumbsItemStyles = css `
+	:host {
+		/* Small downward offset so the chevron-right-small icon sits closer
+		   to the text's optical centerline (the icon's bbox renders slightly
+		   above the visual baseline). */
+		--_separator-vertical-offset: 0.05em;
+
+		display: inline-flex;
+		align-items: center;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	.breadcrumbs__item {
+		display: inline-flex;
+		align-items: center;
+		color: var(--semantics-content-color);
+		font: var(--primitives-font-body-md-regular-tight);
+	}
+
+	.breadcrumbs__item-link {
+		color: var(--semantics-links-color);
+		text-decoration: underline;
+	}
+
+	.breadcrumbs__item-link:hover {
+		color: var(--semantics-links-is-hovered-color);
+	}
+
+	.breadcrumbs__item-link:active {
+		color: var(--semantics-links-is-active-color);
+	}
+
+	.breadcrumbs__item-link:focus-visible {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		border-radius: var(--primitives-corner-radius-xs);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+	.breadcrumbs__separator {
+		display: inline-flex;
+		position: relative;
+		top: var(--_separator-vertical-offset);
+		margin-inline: var(--primitives-space-2);
+		color: var(--semantics-content-secondary-color);
+		width: var(--primitives-space-16);
+		height: var(--primitives-space-16);
+		flex-shrink: 0;
+	}
+
+	:host(:last-of-type) .breadcrumbs__separator {
+		display: none;
+	}
+`;
+//# sourceMappingURL=breadcrumbs.styles.js.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;2BAqBT,KAAK;;;;;;;;;;;;;;;2BAeL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B/B,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDvC,CAAC"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts

@@ -0,0 +1,6 @@
+import { type TemplateResult } from 'lit';
+import type { NLDDBreadcrumbs, NLDDBreadcrumbsItem } from './breadcrumbs.js';
+import '../../content/icon/icon.js';
+export declare function breadcrumbsTemplate(component: NLDDBreadcrumbs): TemplateResult;
+export declare function breadcrumbsItemTemplate(component: NLDDBreadcrumbsItem): TemplateResult;
+//# sourceMappingURL=breadcrumbs.template.d.ts.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CA6B9E;AAED,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,mBAAmB,GAAG,cAAc,CAuBtF"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js

@@ -0,0 +1,57 @@
+import { html, nothing } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import '../../content/icon/icon.js';
+export function breadcrumbsTemplate(component) {
+    const label = component._t('components.breadcrumbs.accessible-label');
+    const levelUpLabel = component._t('components.breadcrumbs.level-up-label');
+    const parent = component._parentItem();
+    const levelUpText = parent ? (parent.text || parent.textContent?.trim() || levelUpLabel) : '';
+    return html `
+		<nav class="breadcrumbs"
+			aria-label=${label || nothing}
+		>
+			${parent ? html `
+				<a class="breadcrumbs__level-up"
+					href=${ifDefined(parent.href)}
+				>
+					<span class="breadcrumbs__level-up-icon"
+						aria-hidden="true"
+					>
+						<nldd-icon name="chevron-left"></nldd-icon>
+					</span>
+					<span class="breadcrumbs__level-up-text">${levelUpText}</span>
+				</a>
+			` : nothing}
+			<div class="breadcrumbs__items"
+				role="list"
+			>
+				<slot @slotchange=${component._onSlotChange}></slot>
+			</div>
+		</nav>
+	`;
+}
+export function breadcrumbsItemTemplate(component) {
+    // `text=""` (empty string) intentionally falls through to the slot —
+    // Lit normalises the absent-attribute case to '', so a single falsy
+    // check covers both "no text attr" and "explicit empty text".
+    const label = component.text || html `<slot></slot>`;
+    const separator = html `<span class="breadcrumbs__separator"
+		aria-hidden="true"
+	><nldd-icon name="chevron-right-small"></nldd-icon></span>`;
+    if (!component.current && component.href) {
+        return html `
+			<span class="breadcrumbs__item">
+				<a class="breadcrumbs__item-link"
+					href=${component.href}
+				>${label}</a>
+			</span>${separator}
+		`;
+    }
+    // aria-current also lives on the host (for the role=listitem) — mirroring
+    // here makes it visible to AT+browser combinations (e.g. VoiceOver/Safari)
+    // that miss reflected ARIA on shadow hosts.
+    return html `<span class="breadcrumbs__item"
+		aria-current=${component.current ? 'page' : nothing}
+	>${label}</span>${separator}`;
+}
+//# sourceMappingURL=breadcrumbs.template.js.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,yCAAyC,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC,CAAC;IAC3E,MAAM,MAAM,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,OAAO,IAAI,CAAA;;gBAEI,KAAK,IAAI,OAAO;;KAE3B,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEN,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;;;;;;;gDAOc,WAAW;;IAEvD,CAAC,CAAC,CAAC,OAAO;;;;wBAIU,SAAS,CAAC,aAAa;;;EAG7C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,SAA8B;IACrE,qEAAqE;IACrE,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAA,eAAe,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAA;;4DAEqC,CAAC;IAC5D,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAA;;;YAGD,SAAS,CAAC,IAAI;OACnB,KAAK;YACA,SAAS;GAClB,CAAC;IACH,CAAC;IACD,0EAA0E;IAC1E,2EAA2E;IAC3E,4CAA4C;IAC5C,OAAO,IAAI,CAAA;iBACK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;IACjD,KAAK,UAAU,SAAS,EAAE,CAAC;AAC/B,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA2MhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0NpC,CAAC"}
+{"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA2MhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAyNpC,CAAC"}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js

@@ -209,9 +209,8 @@ export const documentTabBarItemStyles = css `
 	/* # Host */
 
 	:host {
-		display: block;
-		container-name: document-tab-bar;
 		container-type: inline-size;
+		display: block;
 		min-width: 0;
 		touch-action: pan-y;
 		-webkit-tap-highlight-color: transparent;
@@ -289,7 +288,7 @@ export const documentTabBarItemStyles = css `
 	.document-tab-bar__item-normal {
 		display: contents;
 
-		@container document-tab-bar (max-width: 200px) {
+		@container (max-width: 200px) {
 			display: none;
 		}
 	}
@@ -297,7 +296,7 @@ export const documentTabBarItemStyles = css `
 	.document-tab-bar__item-short {
 		display: none;
 
-		@container document-tab-bar (max-width: 200px) {
+		@container (max-width: 200px) {
 			display: contents;
 		}
 	}

package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2MtC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0N1C,CAAC"}
+{"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2MtC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyN1C,CAAC"}

package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts

@@ -3,7 +3,8 @@
  *
  * Interactief bouwblok voor gebruik in een menu bar. Rendert als <a> (met href)
  * of <button> (zonder href). Ondersteunt icon, text, disclosure indicator,
- * en expandable popover menu via slotted nldd-menu-item elementen.
+ * en een expandable popover via een geslotte `<nldd-menu>` (of ander
+ * popover-element).
  *
  * @element nldd-menu-bar-item
  * @attr {string} text - Tekst van het item
@@ -11,7 +12,7 @@
  * @attr {string} current-type - aria-current waarde als current is true ('page', 'step', 'location', 'true'). Standaard: 'page'
  * @attr {string} href - Optionele link URL. Zonder href rendert als button.
  * @attr {string} icon - Optioneel icon naam (nldd-icon)
- * @attr {boolean} expandable - Toon disclosure icon en open popover bij klik
+ * @attr {boolean} expandable - Toon disclosure icon en open de geslotte `<nldd-menu>` bij klik
  * @attr {boolean} icon-only - Verberg tekst visueel (altijd)
  * @attr {'icon'|'text'} content-priority - Bepaalt wat zichtbaar blijft in compact modus: 'icon' verbergt tekst, 'text' verbergt icon
  * @attr {boolean} compact - Activeert content-priority gedrag (gezet door parent nldd-menu-bar)
@@ -22,12 +23,12 @@
  *
  * @fires select - Bij klik op non-expandable button item (bubbles, composed)
  *
- * @slot - Slotted nldd-menu-item en nldd-menu-divider voor expandable popover.
- *   Items worden gekloond naar het popover menu (cloneNode). JS event listeners
- *   op slotted items worden niet meegenomen. Gebruik event delegation op een
- *   parent element als custom click handlers nodig zijn.
+ * @slot - Inhoud van de expandable popover — wrap items in een `<nldd-menu>`
+ *   zodat dit component de menu-API (variant, accessible-label, translations,
+ *   filterFn, …) niet hoeft te dupliceren. Event listeners op items werken
+ *   direct, omdat er niet meer gekloond wordt.
  */
-import { LitElement, type PropertyValues } from 'lit';
+import { LitElement } from 'lit';
 import '../../content/icon/icon.js';
 import '../../lists-and-menus/menu/menu.js';
 export declare class NLDDMenuBarItem extends LitElement {
@@ -64,21 +65,17 @@ export declare class NLDDMenuBarItem extends LitElement {
     private _menu;
     private _menuOpen;
     private _pointerdownWhileMenuOpen;
+    private _menuToggleHandler;
     connectedCallback(): void;
+    firstUpdated(): void;
     disconnectedCallback(): void;
-    updated(changed: PropertyValues): void;
+    _onSlotChange: () => void;
     focus(options?: FocusOptions): void;
-    private _hasMenuItems;
+    private _findMenu;
+    private _wireMenu;
+    private _unwireMenu;
     private _handlePointerdown;
     private _handleClick;
-    private _createMenu;
-    /**
-     * Clone slotted menu items into the popover menu.
-     * Note: cloneNode(true) copies DOM structure and attributes but not JS event
-     * listeners. Custom click handlers on slotted nldd-menu-item elements won't
-     * fire in the popover. Use event delegation on a parent element instead.
-     */
-    private _syncMenuItems;
     private _toggleMenu;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-bar-item.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,4BAA4B,CAAC;AACpC,OAAO,oCAAoC,CAAC;AAc5C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,OAAO,UAAS;IAGhB,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAG9E,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;IAEjB;;;;;;OAMG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAI3D,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,yBAAyB,CAAS;IAIjC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAO5C,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,YAAY,CAqBlB;IAIF,OAAO,CAAC,WAAW;IAgBnB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,WAAW;IAkBV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}
+{"version":3,"file":"menu-bar-item.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oCAAoC,CAAC;AAc5C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,OAAO,UAAS;IAGhB,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAG9E,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;IAEjB;;;;;;OAMG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAI3D,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,yBAAyB,CAAS;IAC1C,OAAO,CAAC,kBAAkB,CAAyC;IAI1D,iBAAiB,IAAI,IAAI;IAWzB,YAAY,IAAI,IAAI;IAQpB,oBAAoB,IAAI,IAAI;IAOrC,aAAa,QAAO,IAAI,CAGtB;IAEO,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAO5C,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAcjB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,YAAY,CAqBlB;IAIF,OAAO,CAAC,WAAW;IAgBV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}