@nldd/design-system 0.8.37

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

@@ -0,0 +1,70 @@
+/**
+ * Menu Bar Component (Lit + TypeScript)
+ *
+ * Horizontale rij van nldd-menu-bar-item elementen met automatische overflow
+ * detectie. Items die niet passen worden verborgen achter een overflow button
+ * met een popover menu.
+ *
+ * @element nldd-menu-bar
+ * @attr {string} overflow-text - Tekst voor de overflow button (standaard via i18n)
+ * @attr {string} accessible-label - aria-label voor de nav landmark
+ * @attr {boolean} compact - Propageert compact attribuut naar slotted items (activeert content-priority)
+ *
+ * @slot - nldd-menu-bar-item elementen
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import '../menu-bar-item/menu-bar-item.js';
+import '../../lists-and-menus/menu/menu.js';
+declare const NLDDMenuBar_base: (abstract new (...args: any[]) => LitElement & {
+    translations: Partial<{
+        'components.menu-bar.overflow-action': string;
+    }>;
+    _t(key: "components.menu-bar.overflow-action", vars?: Record<string, string | number>): string;
+}) & typeof LitElement;
+export declare class NLDDMenuBar extends NLDDMenuBar_base {
+    static styles: import("lit").CSSResult;
+    overflowText: string;
+    accessibleLabel: string;
+    compact: boolean;
+    private _defaultSlot;
+    private _overflowButton;
+    private _overflowMenu;
+    private _overflowMenuOpen;
+    private _overflowMenuClosedAt;
+    private _resizeObserver;
+    private _overflowRAF;
+    private _setupRAF;
+    willUpdate(changed: PropertyValues): void;
+    /** @internal Used by template */
+    get _overflowText(): string;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    /** Request a recalculation of overflow state. Call from parent when layout changes. */
+    requestOverflowUpdate(): void;
+    private _onSlotChange;
+    /** Hide the component when no items are slotted to avoid empty nav landmarks. */
+    private _syncEmpty;
+    /** Propagate compact attribute to slotted items and internal overflow button. */
+    private _syncCompactAttribute;
+    private _setupOverflowDetection;
+    private _cleanupOverflowDetection;
+    private _scheduleOverflowUpdate;
+    /**
+     * Calculate which slotted items overflow and hide them behind an overflow button.
+     * Note: not unit-tested — JSDOM lacks layout support (offsetWidth, clientWidth).
+     * Covered by visual/E2E testing via Storybook stories.
+     */
+    private _updateOverflow;
+    private _createOverflowMenu;
+    private _populateOverflowMenu;
+    /** @internal Used by template */
+    _onOverflowClick: () => void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-menu-bar': NLDDMenuBar;
+    }
+}
+export {};
+//# sourceMappingURL=menu-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,oCAAoC,CAAC;;;;;;;AAY5C,qBACa,WAAY,SAAQ,gBAAqD;IACrF,OAAgB,MAAM,0BAAiB;IAGvC,YAAY,SAAM;IAGlB,eAAe,SAAM;IAGrB,OAAO,UAAS;IAKhB,OAAO,CAAC,YAAY,CAAmB;IAGvC,OAAO,CAAC,eAAe,CAAe;IAItC,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,qBAAqB,CAAK;IAElC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,SAAS,CAAuB;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IASlD,iCAAiC;IACjC,IAAI,aAAa,IAAI,MAAM,CAE1B;IAIQ,oBAAoB,IAAI,IAAI;IAO5B,YAAY,IAAI,IAAI;IAS7B,uFAAuF;IACvF,qBAAqB,IAAI,IAAI;IAI7B,OAAO,CAAC,aAAa,CAInB;IAEF,iFAAiF;IACjF,OAAO,CAAC,UAAU;IAMlB,iFAAiF;IACjF,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,uBAAuB,CAM7B;IAEF;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAgDvB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAyC7B,iCAAiC;IACjC,gBAAgB,QAAO,IAAI,CAYzB;IAIO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,WAAW,CAAC;KAC7B;CACD"}

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

@@ -0,0 +1,5 @@
+export declare const nlddMenuBarTranslations: {
+    'components.menu-bar.overflow-action': string;
+};
+export type NLDDMenuBarTranslations = typeof nlddMenuBarTranslations;
+//# sourceMappingURL=menu-bar.i18n.d.ts.map

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

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

package/dist/components/navigation/menu-bar/menu-bar.i18n.js

@@ -0,0 +1,4 @@
+export const nlddMenuBarTranslations = {
+    'components.menu-bar.overflow-action': 'Meer opties',
+};
+//# sourceMappingURL=menu-bar.i18n.js.map

package/dist/components/navigation/menu-bar/menu-bar.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.i18n.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACtC,qCAAqC,EAAE,aAAa;CACpD,CAAC"}

package/dist/components/navigation/menu-bar/menu-bar.js

@@ -0,0 +1,276 @@
+/**
+ * Menu Bar Component (Lit + TypeScript)
+ *
+ * Horizontale rij van nldd-menu-bar-item elementen met automatische overflow
+ * detectie. Items die niet passen worden verborgen achter een overflow button
+ * met een popover menu.
+ *
+ * @element nldd-menu-bar
+ * @attr {string} overflow-text - Tekst voor de overflow button (standaard via i18n)
+ * @attr {string} accessible-label - aria-label voor de nav landmark
+ * @attr {boolean} compact - Propageert compact attribuut naar slotted items (activeert content-priority)
+ *
+ * @slot - nldd-menu-bar-item elementen
+ */
+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;
+};
+import { LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { menuBarStyles } from './menu-bar.styles.js';
+import { template } from './menu-bar.template.js';
+import { withTranslations } from '../../../utilities/with-translations.js';
+import { nlddMenuBarTranslations } from './menu-bar.i18n.js';
+import '../menu-bar-item/menu-bar-item.js';
+import '../../lists-and-menus/menu/menu.js';
+import { POPOVER_REOPEN_GUARD_MS } from '../../../utilities/popover-guard.js';
+let NLDDMenuBar = class NLDDMenuBar extends withTranslations(LitElement, nlddMenuBarTranslations) {
+    constructor() {
+        super(...arguments);
+        this.overflowText = '';
+        this.accessibleLabel = '';
+        this.compact = false;
+        // ## Overflow state
+        this._overflowMenu = null;
+        this._overflowMenuOpen = false;
+        this._overflowMenuClosedAt = 0;
+        this._resizeObserver = null;
+        this._overflowRAF = null;
+        this._setupRAF = null;
+        this._onSlotChange = () => {
+            this._syncCompactAttribute();
+            this._scheduleOverflowUpdate();
+            this._syncEmpty();
+        };
+        this._scheduleOverflowUpdate = () => {
+            if (this._overflowRAF)
+                cancelAnimationFrame(this._overflowRAF);
+            this._overflowRAF = requestAnimationFrame(() => {
+                this._overflowRAF = null;
+                this._updateOverflow();
+            });
+        };
+        /** @internal Used by template */
+        this._onOverflowClick = () => {
+            if (!this._overflowMenu) {
+                this._overflowMenu = this._createOverflowMenu();
+            }
+            this._populateOverflowMenu();
+            this._overflowMenu.anchorElement = this._overflowButton;
+            if (this._overflowMenuOpen) {
+                this._overflowMenu.hidePopover();
+            }
+            else if (Date.now() - this._overflowMenuClosedAt > POPOVER_REOPEN_GUARD_MS) {
+                this._overflowMenu.showPopover();
+            }
+        };
+    }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        if (changed.has('compact')) {
+            this._syncCompactAttribute();
+        }
+    }
+    // ## Computed properties
+    /** @internal Used by template */
+    get _overflowText() {
+        return this.overflowText || this._t('components.menu-bar.overflow-action');
+    }
+    // ## Lifecycle
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._cleanupOverflowDetection();
+        this._overflowMenu?.remove();
+        this._overflowMenu = null;
+    }
+    firstUpdated() {
+        this._setupOverflowDetection();
+        this._syncCompactAttribute();
+        this._syncEmpty();
+        if (import.meta.env?.DEV && !this.accessibleLabel && !this.hasAttribute('empty')) {
+            console.warn('nldd-menu-bar: accessible-label is niet gezet. Pagina\'s met meerdere nav landmarks moeten elke nav een uniek label geven (WCAG 1.3.1).');
+        }
+    }
+    /** Request a recalculation of overflow state. Call from parent when layout changes. */
+    requestOverflowUpdate() {
+        this._scheduleOverflowUpdate();
+    }
+    /** Hide the component when no items are slotted to avoid empty nav landmarks. */
+    _syncEmpty() {
+        const items = this._defaultSlot?.assignedElements({ flatten: true }) ?? [];
+        const hasItems = items.some(el => el.tagName === 'NLDD-MENU-BAR-ITEM');
+        this.toggleAttribute('empty', !hasItems);
+    }
+    /** Propagate compact attribute to slotted items and internal overflow button. */
+    _syncCompactAttribute() {
+        const items = this._defaultSlot?.assignedElements({ flatten: true }) ?? [];
+        for (const item of items) {
+            item.toggleAttribute('compact', this.compact);
+        }
+        // Internal overflow button item
+        const overflowItem = this._overflowButton?.querySelector('nldd-menu-bar-item');
+        if (overflowItem) {
+            overflowItem.toggleAttribute('compact', this.compact);
+        }
+    }
+    // ## Overflow detection
+    _setupOverflowDetection() {
+        this._cleanupOverflowDetection();
+        this._setupRAF = requestAnimationFrame(() => {
+            this._setupRAF = null;
+            if (!this.isConnected)
+                return;
+            this._resizeObserver = new ResizeObserver(() => {
+                this._scheduleOverflowUpdate();
+            });
+            this._resizeObserver.observe(this);
+            if (this._defaultSlot) {
+                this._defaultSlot.addEventListener('slotchange', this._onSlotChange);
+            }
+            this._scheduleOverflowUpdate();
+        });
+    }
+    _cleanupOverflowDetection() {
+        if (this._setupRAF) {
+            cancelAnimationFrame(this._setupRAF);
+            this._setupRAF = null;
+        }
+        if (this._overflowRAF) {
+            cancelAnimationFrame(this._overflowRAF);
+            this._overflowRAF = null;
+        }
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+            this._resizeObserver = null;
+        }
+        if (this._defaultSlot) {
+            this._defaultSlot.removeEventListener('slotchange', this._onSlotChange);
+        }
+    }
+    /**
+     * Calculate which slotted items overflow and hide them behind an overflow button.
+     * Note: not unit-tested — JSDOM lacks layout support (offsetWidth, clientWidth).
+     * Covered by visual/E2E testing via Storybook stories.
+     */
+    _updateOverflow() {
+        const overflowButton = this._overflowButton;
+        if (!overflowButton)
+            return;
+        const slottedElements = this._defaultSlot?.assignedElements({ flatten: true }) ?? [];
+        const items = slottedElements.filter(el => el.tagName === 'NLDD-MENU-BAR-ITEM');
+        if (items.length === 0) {
+            overflowButton.style.display = 'none';
+            return;
+        }
+        // Reset all items to visible
+        items.forEach(item => {
+            item.style.display = '';
+            item.removeAttribute('data-overflow');
+        });
+        overflowButton.style.display = 'inline-block';
+        const containerWidth = this.clientWidth;
+        const overflowButtonWidth = overflowButton.offsetWidth;
+        let usedWidth = 0;
+        let overflowStartIndex = -1;
+        for (let i = 0; i < items.length; i++) {
+            const itemWidth = items[i].offsetWidth;
+            const availableWidth = containerWidth - overflowButtonWidth;
+            if (usedWidth + itemWidth > availableWidth && overflowStartIndex < 0) {
+                overflowStartIndex = i;
+                break;
+            }
+            usedWidth += itemWidth;
+        }
+        if (overflowStartIndex >= 0) {
+            for (let i = overflowStartIndex; i < items.length; i++) {
+                items[i].style.display = 'none';
+                items[i].setAttribute('data-overflow', 'true');
+            }
+        }
+        else {
+            overflowButton.style.display = 'none';
+        }
+    }
+    // ## Overflow popover menu
+    _createOverflowMenu() {
+        const menu = document.createElement('nldd-menu');
+        menu.setAttribute('placement', 'bottom-end');
+        menu.addEventListener('toggle', (event) => {
+            const open = event.newState === 'open';
+            this._overflowMenuOpen = open;
+            if (!open)
+                this._overflowMenuClosedAt = Date.now();
+            const item = this._overflowButton?.querySelector('nldd-menu-bar-item');
+            if (item)
+                item.open = open;
+        });
+        document.body.appendChild(menu);
+        return menu;
+    }
+    _populateOverflowMenu() {
+        if (!this._overflowMenu)
+            return;
+        this._overflowMenu.replaceChildren();
+        const slottedElements = this._defaultSlot?.assignedElements({ flatten: true }) ?? [];
+        const overflowItems = slottedElements.filter(el => el.tagName === 'NLDD-MENU-BAR-ITEM' && el.hasAttribute('data-overflow'));
+        for (const item of overflowItems) {
+            const menuItem = document.createElement('nldd-menu-item');
+            menuItem.setAttribute('text', item.text);
+            if (item.icon)
+                menuItem.setAttribute('icon', item.icon);
+            if (item.current)
+                menuItem.setAttribute('selected', '');
+            if (item.disabled)
+                menuItem.setAttribute('disabled', '');
+            if (item.expandable) {
+                // Expandable items: clone sub-items as a submenu group
+                const children = item.querySelectorAll('nldd-menu-item, nldd-menu-divider');
+                if (children.length > 0) {
+                    const divider = document.createElement('nldd-menu-divider');
+                    this._overflowMenu.appendChild(menuItem);
+                    this._overflowMenu.appendChild(divider);
+                    children.forEach(child => {
+                        const clone = child.cloneNode(true);
+                        clone.addEventListener('click', () => {
+                            child.click();
+                        });
+                        this._overflowMenu.appendChild(clone);
+                    });
+                    continue;
+                }
+            }
+            menuItem.addEventListener('click', () => {
+                item.click();
+            });
+            this._overflowMenu.appendChild(menuItem);
+        }
+    }
+    // ## Render
+    render() {
+        return template(this);
+    }
+};
+NLDDMenuBar.styles = menuBarStyles;
+__decorate([
+    property({ type: String, attribute: 'overflow-text' })
+], NLDDMenuBar.prototype, "overflowText", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDMenuBar.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDMenuBar.prototype, "compact", void 0);
+__decorate([
+    query('slot:not([name])')
+], NLDDMenuBar.prototype, "_defaultSlot", void 0);
+__decorate([
+    query('.menu-bar__overflow-button')
+], NLDDMenuBar.prototype, "_overflowButton", void 0);
+NLDDMenuBar = __decorate([
+    customElement('nldd-menu-bar')
+], NLDDMenuBar);
+export { NLDDMenuBar };
+//# sourceMappingURL=menu-bar.js.map

package/dist/components/navigation/menu-bar/menu-bar.js.map

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

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

@@ -0,0 +1,2 @@
+export declare const menuBarStyles: import("lit").CSSResult;
+//# sourceMappingURL=menu-bar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAkCzB,CAAC"}

package/dist/components/navigation/menu-bar/menu-bar.styles.js

@@ -0,0 +1,37 @@
+import { css } from 'lit';
+export const menuBarStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: flex;
+		flex-grow: 1;
+		flex-shrink: 1;
+		min-width: 0;
+	}
+
+	:host([hidden]),
+	:host([empty]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.menu-bar {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		flex-grow: 1;
+		flex-shrink: 1;
+		min-width: 0;
+	}
+
+	/* ## Overflow button */
+
+	.menu-bar__overflow-button {
+		display: none;
+	}
+`;
+//# sourceMappingURL=menu-bar.styles.js.map

package/dist/components/navigation/menu-bar/menu-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC/B,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { NLDDMenuBar } from './menu-bar.js';
+export declare function template(component: NLDDMenuBar): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=menu-bar.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,WAAW,wCAiB9C"}

package/dist/components/navigation/menu-bar/menu-bar.template.js

@@ -0,0 +1,20 @@
+import { html, nothing } from 'lit';
+export function template(component) {
+    return html `
+		<nav class="menu-bar"
+			aria-label=${component.accessibleLabel || nothing}
+		>
+			<slot></slot>
+			<div class="menu-bar__overflow-button">
+				<nldd-menu-bar-item
+					text="${component._overflowText}"
+					icon="ellipsis"
+					icon-only
+					haspopup="menu"
+					@click=${component._onOverflowClick}
+				></nldd-menu-bar-item>
+			</div>
+		</nav>
+	`;
+}
+//# sourceMappingURL=menu-bar.template.js.map

package/dist/components/navigation/menu-bar/menu-bar.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar/menu-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAsB;IAC9C,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe,IAAI,OAAO;;;;;aAKvC,SAAS,CAAC,aAAa;;;;cAItB,SAAS,CAAC,gBAAgB;;;;EAItC,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,73 @@
+/**
+ * Menu Bar Item Component (Lit + TypeScript)
+ *
+ * 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.
+ *
+ * @element nldd-menu-bar-item
+ * @attr {string} text - Tekst van het item
+ * @attr {boolean} current - Markeer als actief/huidig item
+ * @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} 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)
+ * @attr {boolean} disabled - Schakel interactie uit
+ * @attr {string} accessible-label - Overschrijf aria-label
+ * @attr {string} haspopup - aria-haspopup waarde (bijv. "menu", "dialog")
+ * @attr {boolean} open - Of het gekoppelde popover/menu open is
+ *
+ * @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.
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import '../../content/icon/icon.js';
+import '../../lists-and-menus/menu/menu.js';
+export declare class NLDDMenuBarItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    text: string;
+    current: boolean;
+    currentType: 'page' | 'step' | 'location' | 'date' | 'time' | 'true';
+    href: string;
+    icon: string;
+    expandable: boolean;
+    iconOnly: boolean;
+    contentPriority: string;
+    compact: boolean;
+    disabled: boolean;
+    accessibleLabel: string;
+    haspopup: string;
+    open: boolean;
+    private _menu;
+    private _menuOpen;
+    private _menuClosedAt;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    focus(options?: FocusOptions): void;
+    private _hasMenuItems;
+    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>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-menu-bar-item': NLDDMenuBarItem;
+    }
+}
+//# sourceMappingURL=menu-bar-item.d.ts.map

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

@@ -0,0 +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;AAe5C,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,IAAI,UAAS;IAIb,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAK;IAIjB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAO5C,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY,CAqBlB;IAIF,OAAO,CAAC,WAAW;IAiBnB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,WAAW;IAcV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}