@nldd/design-system 0.8.37

package/dist/components/layout/popover/popover.js

@@ -0,0 +1,440 @@
+/**
+ * Nederlandse Digitale Dienst Popover Component (Lit + TypeScript)
+ *
+ * Een non-modal floating panel dat is verankerd aan een trigger-element.
+ * Gebouwd op de native Popover API (popover="auto") met Floating UI voor
+ * positionering. De browser regelt open/toggle/light-dismiss; deze
+ * component regelt alleen positionering en focus.
+ *
+ * Aanbevolen gebruik via popovertarget zodat de browser de toggle regelt:
+ *
+ *     <nldd-button id="info-trigger" popovertarget="info-popover">Info</nldd-button>
+ *     <nldd-popover id="info-popover" anchor="info-trigger" accessible-label="Info">
+ *         <nldd-container>
+ *             <p>Inhoud van de popover.</p>
+ *         </nldd-container>
+ *     </nldd-popover>
+ *
+ * Voor een custom focus-target binnen de popover: zet `autofocus` op het
+ * gewenste child-element. Anders krijgt de popover-host zelf focus.
+ *
+ * @element nldd-popover
+ *
+ * @attr {string} anchor           - ID van het trigger-element voor positionering
+ * @attr {string} placement        - Floating UI placement (default: 'bottom-start')
+ * @attr {string} width            - Expliciete width (default: 320px via --components-popover-default-width)
+ * @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label).
+ *                                    Valt terug op de i18n default ('Popover')
+ *                                    als niet gezet — geef altijd een unieke,
+ *                                    beschrijvende naam.
+ * @attr {string} role             - ARIA role (default: 'dialog'). Voor
+ *                                    informationele content (tooltip-callout,
+ *                                    rich-text help-panel) zonder dialog-
+ *                                    interactie-pattern: zet `role="region"`.
+ *                                    Voor menu-style triggers: `role="menu"` +
+ *                                    `aria-haspopup="menu"` op de anchor.
+ *                                    De popover overschrijft een expliciet
+ *                                    gezette role nooit.
+ * @attr {object} translations       - Override translation keys; unset keys
+ *                                    vallen terug op de Nederlandse default.
+ *
+ * @prop {Element|null} anchorElement - Programmatische anchor (heeft voorrang op anchor attribuut)
+ * @prop {boolean} open               - (read-only) Of de popover momenteel open is
+ *
+ * @slot - Vrije content (bijv. nldd-container met form/info)
+ *
+ * @fires open  - Wanneer de popover wordt geopend
+ * @fires close - Wanneer de popover wordt gesloten
+ *
+ * @method show()     - Opent de popover
+ * @method hide()     - Sluit de popover
+ * @method toggle()   - Toggelt de popover
+ * @method reposition() - Herberekent de positie t.o.v. anchor
+ */
+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 } from 'lit/decorators.js';
+import { computePosition, flip, shift, size, autoUpdate } from '@floating-ui/dom';
+import { popoverStyles } from './popover.styles.js';
+import { popoverTemplate } from './popover.template.js';
+import { nlddPopoverTranslations } from './popover.i18n.js';
+import { POPOVER_REOPEN_GUARD_MS } from '../../../utilities/popover-guard.js';
+import { isPointerMode } from '../../../utilities/input-modality.js';
+import { breakpoints } from '../../../assets/styles/breakpoints.js';
+let NLDDPopover = class NLDDPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.anchor = '';
+        this.anchorElement = null;
+        this.placement = 'bottom-start';
+        this.accessibleLabel = '';
+        /**
+         * Override one or more translation keys.
+         * Unset keys fall back to the Dutch default.
+         */
+        this.translations = {};
+        this._isOpen = false;
+        this._hasWarnedLabel = false;
+        this._previousFocus = null;
+        this._closedAt = 0;
+        /** Cleanup-functie van Floating UI's autoUpdate, alleen actief tijdens open. */
+        this._cleanupAutoUpdate = null;
+        this._smQuery = null;
+        this._previousAnchorEl = null;
+        // — Event handlers ————————————————————————————————————————————————————————
+        this._handleViewportChange = () => {
+            if (this._isOpen)
+                this.reposition();
+        };
+        this._handleDocumentClick = (event) => {
+            const anchorEl = this._getAnchorEl();
+            if (!anchorEl)
+                return;
+            const path = event.composedPath();
+            if (!path.includes(anchorEl))
+                return;
+            // If the anchor uses popovertarget pointing at this popover, the
+            // browser's default activation behavior already toggles us. Running
+            // our own toggle here would invert the state right after, leaving
+            // the popover in the wrong final state.
+            const popovertarget = anchorEl.getAttribute('popovertarget');
+            if (popovertarget && this.id && popovertarget === this.id)
+                return;
+            if (this._isOpen) {
+                this.hidePopover();
+            }
+            else if (Date.now() - this._closedAt > POPOVER_REOPEN_GUARD_MS) {
+                this.showPopover();
+            }
+        };
+        this._handleToggle = async (event) => {
+            const toggleEvent = event;
+            this._isOpen = toggleEvent.newState === 'open';
+            this._updateAnchorAria(this._isOpen);
+            if (toggleEvent.newState !== 'open') {
+                // Stop scroll/resize tracking — niet meer nodig wanneer dicht.
+                this._cleanupAutoUpdate?.();
+                this._cleanupAutoUpdate = null;
+                this._closedAt = Date.now();
+                this._returnFocus();
+                this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));
+                return;
+            }
+            this._previousFocus = document.activeElement ?? this._getAnchorEl();
+            await this.reposition();
+            // Start scroll/resize/layout-change tracking. Floating UI's autoUpdate
+            // luistert naar ancestor scroll, window resize, en ResizeObserver op
+            // de anchor — dekt window-resize binnen viewport-breakpoint, dynamic
+            // content shifts, en popovers in scrollable containers (niet alleen
+            // document scroll). Op sm-viewport (bottom sheet, position: fixed)
+            // is reposition() een no-op dus geen werk.
+            const anchorEl = this._getAnchorEl();
+            if (anchorEl) {
+                this._cleanupAutoUpdate = autoUpdate(anchorEl, this, () => this.reposition());
+            }
+            await this.updateComplete;
+            this._manageFocus();
+            this.dispatchEvent(new CustomEvent('open', { bubbles: true, composed: true }));
+        };
+        this._handleKeydown = (event) => {
+            if (event.key !== 'Tab')
+                return;
+            const focusables = this._getFocusables();
+            // document.activeElement geeft alleen de shadow host terug (bv.
+            // nldd-button), niet het interne <button>. Onze focusables-lijst
+            // bevat juist het interne element via shadow-walk. Gebruik
+            // composedPath()[0] om het daadwerkelijk gefocuste element te
+            // krijgen — dat matcht wat _getFocusables retourneert.
+            const focused = event.composedPath()[0]
+                ?? document.activeElement;
+            const idx = focused ? focusables.indexOf(focused) : -1;
+            const tabsOut = focusables.length === 0
+                || (event.shiftKey ? idx === 0 : idx === focusables.length - 1);
+            if (tabsOut) {
+                event.preventDefault();
+                this.hide();
+            }
+        };
+    }
+    get open() {
+        return this._isOpen;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('popover'))
+            this.setAttribute('popover', '');
+        if (!this.hasAttribute('tabindex'))
+            this.setAttribute('tabindex', '-1');
+        if (!this.hasAttribute('role'))
+            this.setAttribute('role', 'dialog');
+        this.addEventListener('toggle', this._handleToggle);
+        this.addEventListener('keydown', this._handleKeydown);
+        document.addEventListener('click', this._handleDocumentClick);
+        this._smQuery = window.matchMedia(`(max-width: ${breakpoints.smMax})`);
+        this._smQuery.addEventListener('change', this._handleViewportChange);
+        // Initialiseer aria-expanded/aria-haspopup op de anchor zodat SR de
+        // trigger-knop direct als toggle-control aankondigt — niet pas na de
+        // eerste open. Defer naar microtask: anchor (by id) is mogelijk nog
+        // niet in de DOM op connectedCallback-tijd. Daarnaast: warn over
+        // ontbrekende accessible-label vanuit dezelfde gedeferde tick zodat
+        // 'm ook vliegt bij popovertarget-gebruik (waar show() niet wordt
+        // aangeroepen door ons component).
+        Promise.resolve().then(() => {
+            this._updateAnchorAria(false);
+            this._warnIfMissingLabel();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('toggle', this._handleToggle);
+        this.removeEventListener('keydown', this._handleKeydown);
+        document.removeEventListener('click', this._handleDocumentClick);
+        this._smQuery?.removeEventListener('change', this._handleViewportChange);
+        this._smQuery = null;
+        // Stop autoUpdate-listeners als popover verwijderd wordt terwijl 'ie
+        // nog open is — voorkomt memory-leak en dangling listeners.
+        this._cleanupAutoUpdate?.();
+        this._cleanupAutoUpdate = null;
+        // Strip ALL aria-* van de anchor — niet alleen aria-expanded. In SPA
+        // flows (v-if, conditional render) kan de popover verdwijnen terwijl
+        // de anchor blijft bestaan. Een achtergebleven aria-controls naar een
+        // niet-bestaand element is een WCAG 4.1.2 fout (Name, Role, Value).
+        const anchorEl = this._getAnchorEl();
+        if (anchorEl) {
+            anchorEl.removeAttribute('aria-expanded');
+            anchorEl.removeAttribute('aria-haspopup');
+            if (this.id && anchorEl.getAttribute('aria-controls') === this.id) {
+                anchorEl.removeAttribute('aria-controls');
+            }
+        }
+        this._previousAnchorEl = null;
+    }
+    updated(changed) {
+        // Set width via the CSS variable so media-query overrides (bottom
+        // sheet on sm) keep working. Inline `style.width` would beat them.
+        if (changed.has('width')) {
+            if (this.width) {
+                this.style.setProperty('--components-popover-default-width', this.width);
+            }
+            else {
+                this.style.removeProperty('--components-popover-default-width');
+            }
+        }
+        if (changed.has('accessibleLabel') || changed.has('translations')) {
+            this.setAttribute('aria-label', this._resolvedAccessibleLabel);
+        }
+        // Anchor change at runtime: strip aria-* van de oude trigger en zet
+        // 'm op de nieuwe. Zonder dit blijft de oude trigger met stale
+        // aria-expanded / aria-controls hangen voor SR.
+        if (changed.has('anchor') || changed.has('anchorElement')) {
+            this._updateAnchorAria(this._isOpen);
+        }
+    }
+    // — i18n ——————————————————————————————————————————————————————————————————
+    _t(key) {
+        return this.translations[key] ?? nlddPopoverTranslations[key];
+    }
+    get _resolvedAccessibleLabel() {
+        return this.accessibleLabel || this._t('components.popover.accessible-label');
+    }
+    // — Public API ————————————————————————————————————————————————————————————
+    show() {
+        this._warnIfMissingLabel();
+        const anchorEl = this._getAnchorEl();
+        if (!anchorEl) {
+            if (import.meta.env?.DEV)
+                console.warn('<nldd-popover>: anchor element not found. Set anchor=ID or anchorElement before calling show().');
+            return;
+        }
+        this.showPopover();
+    }
+    _warnIfMissingLabel() {
+        // Dev-only — productieconsoles van end-users blijven schoon.
+        if (!import.meta.env?.DEV)
+            return;
+        if (this.accessibleLabel || this._hasWarnedLabel)
+            return;
+        this._hasWarnedLabel = true;
+        console.warn(`<nldd-popover>: No accessible-label provided. Screen readers will announce this popover as "${this._t('components.popover.accessible-label')}". Set accessible-label to a unique, descriptive name.`);
+    }
+    hide() {
+        if (!this._isOpen)
+            return;
+        this.hidePopover();
+    }
+    toggle() {
+        if (this._isOpen)
+            this.hide();
+        else
+            this.show();
+    }
+    /** Herberekent positie t.o.v. anchor. Wordt automatisch aangeroepen bij openen. */
+    async reposition() {
+        if (!this._isOpen)
+            return;
+        // On sm viewport the popover renders as a bottom sheet via CSS; clear
+        // any inline positioning Floating UI may have set previously so the
+        // CSS rules take effect.
+        if (this._smQuery?.matches) {
+            this.style.removeProperty('left');
+            this.style.removeProperty('top');
+            this.style.removeProperty('--_max-height');
+            return;
+        }
+        const anchorEl = this._getAnchorEl();
+        if (!anchorEl)
+            return;
+        // No fallback: --semantics-overlays-inset moet bestaan (gevalideerd
+        // door CI). parseFloat handelt leading whitespace (die
+        // getPropertyValue soms levert) correct af; bij ontbrekende token
+        // propagateert NaN zodat de fout zichtbaar is i.p.v. stilletjes
+        // een fallback gebruikt te worden.
+        const inset = parseFloat(getComputedStyle(this).getPropertyValue('--semantics-overlays-inset'));
+        const { x, y } = await computePosition(anchorEl, this, {
+            placement: this.placement,
+            middleware: [
+                flip({ padding: inset }),
+                shift({ padding: inset }),
+                size({
+                    padding: inset,
+                    apply: ({ availableHeight }) => {
+                        this.style.setProperty('--_max-height', `${availableHeight}px`);
+                    },
+                }),
+            ],
+        });
+        Object.assign(this.style, {
+            left: `${x}px`,
+            top: `${y}px`,
+        });
+    }
+    // — Anchor ————————————————————————————————————————————————————————————————
+    _getAnchorEl() {
+        if (this.anchorElement)
+            return this.anchorElement;
+        if (this.anchor)
+            return document.getElementById(this.anchor);
+        return null;
+    }
+    _updateAnchorAria(open) {
+        const anchorEl = this._getAnchorEl();
+        // Anchor changed (e.g. anchorElement property switched, or anchor
+        // attribute updated) — strip aria-expanded en eventuele aria-controls
+        // van de vorige zodat 'ie niet als toggle blijft hangen voor SR.
+        if (this._previousAnchorEl && this._previousAnchorEl !== anchorEl) {
+            this._previousAnchorEl.removeAttribute('aria-expanded');
+            if (this._previousAnchorEl.getAttribute('aria-controls') === this.id) {
+                this._previousAnchorEl.removeAttribute('aria-controls');
+            }
+        }
+        if (!anchorEl) {
+            this._previousAnchorEl = null;
+            return;
+        }
+        anchorEl.setAttribute('aria-expanded', open ? 'true' : 'false');
+        // aria-haspopup hoort bij de trigger te staan vanaf de eerste render,
+        // niet pas na de eerste open. Geen overwrite als de host een eigen
+        // waarde heeft (bv. 'menu' i.p.v. 'dialog' voor combinaties).
+        if (!anchorEl.hasAttribute('aria-haspopup')) {
+            anchorEl.setAttribute('aria-haspopup', 'dialog');
+        }
+        // aria-controls verbindt de trigger expliciet met het popover-element.
+        // ARIA Authoring Practices voor dialog-triggers; verbetert SR-context.
+        // Alleen zetten als deze popover een id heeft én de anchor 'm nog niet
+        // naar iets anders wijst.
+        if (this.id && !anchorEl.hasAttribute('aria-controls')) {
+            anchorEl.setAttribute('aria-controls', this.id);
+        }
+        this._previousAnchorEl = anchorEl;
+    }
+    // — Focus ————————————————————————————————————————————————————————————————
+    _manageFocus() {
+        this.classList.toggle('is-pointer-focus', isPointerMode());
+        const autofocusEl = this.querySelector('[autofocus]');
+        if (autofocusEl) {
+            autofocusEl.focus();
+            return;
+        }
+        this.focus();
+    }
+    _returnFocus() {
+        const target = this._previousFocus ?? this._getAnchorEl();
+        this._previousFocus = null;
+        target?.focus();
+    }
+    _getFocusables() {
+        const selector = [
+            'a[href]',
+            'button:not([disabled])',
+            'input:not([disabled])',
+            'select:not([disabled])',
+            'textarea:not([disabled])',
+            '[tabindex]:not([tabindex="-1"])',
+            '[contenteditable=""]',
+            '[contenteditable="true"]',
+            'details > summary:first-of-type',
+        ].join(',');
+        // Walk in document order, descending into shadow roots inline so a
+        // custom element's internal <button> verschijnt op de juiste plek
+        // tussen omringende light-DOM focusables (eerst shadow content, dan
+        // light children — matcht de tab-order voor de meeste use cases).
+        // Edge case: een shadow tree met markup vóór een <slot> volgorde
+        // raakt niet 100% gespiegeld, maar dat is zeldzaam in popover content.
+        //
+        // Performance: getClientRects() forceert layout per element. Voor
+        // rich popover content met veel focusables is dit O(n) layout-flush.
+        // Alleen aangeroepen op Tab-keydown (zeldzaam, niet hot path), en
+        // caching zou de visibility-snapshot kunnen verouderen — bewuste
+        // trade-off voor correctheid boven micro-perf.
+        const result = [];
+        const visit = (root) => {
+            for (const child of Array.from(root.children)) {
+                const el = child;
+                if (el.matches?.(selector) && !el.hasAttribute('disabled')) {
+                    // getClientRects().length === 0 catches display:none en
+                    // visibility:hidden van element of ancestor (inclusief
+                    // shadow host) — robuuster dan offsetParent in shadow.
+                    if (el.getClientRects().length > 0)
+                        result.push(el);
+                }
+                if (el.shadowRoot)
+                    visit(el.shadowRoot);
+                visit(el);
+            }
+        };
+        visit(this);
+        return result;
+    }
+    render() {
+        return popoverTemplate();
+    }
+};
+NLDDPopover.styles = popoverStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDPopover.prototype, "anchor", void 0);
+__decorate([
+    property({ attribute: false })
+], NLDDPopover.prototype, "anchorElement", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDPopover.prototype, "placement", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDPopover.prototype, "width", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDPopover.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDPopover.prototype, "translations", void 0);
+NLDDPopover = __decorate([
+    customElement('nldd-popover')
+], NLDDPopover);
+export { NLDDPopover };
+//# sourceMappingURL=popover.js.map

package/dist/components/layout/popover/popover.js.map

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

package/dist/components/layout/popover/popover.styles.d.ts

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

package/dist/components/layout/popover/popover.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,yBA+EzB,CAAC"}

package/dist/components/layout/popover/popover.styles.js

@@ -0,0 +1,84 @@
+import { css, unsafeCSS } from 'lit';
+import { breakpoints } from '../../../assets/styles/breakpoints.js';
+const smMax = unsafeCSS(breakpoints.smMax);
+export const popoverStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		--_max-height: calc(100vh - var(--semantics-overlays-inset) * 2);
+		position: absolute;
+		inset: unset;
+		margin: 0;
+		padding: 0;
+		border: none;
+		background-color: var(--semantics-surfaces-background-color);
+		border-radius: var(--semantics-overlays-corner-radius);
+		box-shadow: var(--semantics-overlays-box-shadow);
+		width: var(--components-popover-default-width);
+		max-width: calc(100vw - var(--semantics-overlays-inset) * 2);
+		max-height: var(--_max-height);
+		overflow: auto;
+		outline: none;
+		isolation: isolate;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host(:not(:popover-open)) {
+		display: none;
+	}
+
+	:host(:focus-visible:not(.is-pointer-focus)) {
+		box-shadow: var(--semantics-focus-ring-box-shadow), var(--semantics-overlays-box-shadow);
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+	}
+
+
+	/* # Responsive: sm viewport — bottom sheet */
+
+	@media (max-width: ${smMax}) {
+		:host {
+			position: fixed;
+			inset: auto 0 0 0;
+			width: 100%;
+			max-width: 100%;
+			max-height: calc(100dvh - var(--semantics-sheets-bottom-top-inset));
+			border-radius: var(--semantics-overlays-corner-radius) var(--semantics-overlays-corner-radius) 0 0;
+			transform: translateY(100%);
+			transition:
+				transform var(--semantics-sheets-bottom-animation-duration) var(--primitives-transition-easing-default),
+				display var(--semantics-sheets-bottom-animation-duration) allow-discrete,
+				overlay var(--semantics-sheets-bottom-animation-duration) allow-discrete;
+		}
+
+		:host(:popover-open) {
+			transform: translateY(0);
+		}
+
+		@starting-style {
+			:host(:popover-open) {
+				transform: translateY(100%);
+			}
+		}
+
+	}
+
+
+	/* # Reduced motion — top-level safety net.
+	   Currently transitions zijn alleen gedefinieerd binnen de sm
+	   bottom-sheet-rule, maar deze top-level guard zorgt dat ook
+	   toekomstige desktop-viewport animaties automatisch worden
+	   gedeactiveerd voor users met prefers-reduced-motion. */
+
+	@media (prefers-reduced-motion: reduce) {
+		:host {
+			transition: none;
+		}
+	}
+`;
+//# sourceMappingURL=popover.styles.js.map

package/dist/components/layout/popover/popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.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,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAwCV,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC1B,CAAC"}

package/dist/components/layout/popover/popover.template.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+export declare function popoverTemplate(): TemplateResult;
+//# sourceMappingURL=popover.template.d.ts.map

package/dist/components/layout/popover/popover.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,wBAAgB,eAAe,IAAI,cAAc,CAEhD"}

package/dist/components/layout/popover/popover.template.js

@@ -0,0 +1,5 @@
+import { html } from 'lit';
+export function popoverTemplate() {
+    return html `<slot></slot>`;
+}
+//# sourceMappingURL=popover.template.js.map

package/dist/components/layout/popover/popover.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.template.js","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,MAAM,UAAU,eAAe;IAC9B,OAAO,IAAI,CAAA,eAAe,CAAC;AAC5B,CAAC"}

package/dist/components/layout/sheet/sheet.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Nederlandse Digitale Dienst Sheet Component (Lit + TypeScript)
+ *
+ * An overlay component that slides in from the side or bottom of the screen.
+ * Based on the native <dialog> element for built-in accessibility,
+ * focus management, and Escape key support.
+ *
+ * On small (sm) viewports the sheet always renders as a bottom sheet,
+ * regardless of the configured placement.
+ *
+ * @element nldd-sheet
+ *
+ * @attr {string}  placement        - Sheet position: 'left' | 'right' | 'bottom' (default: 'right')
+ * @attr {boolean} modeless         - Non-modal (no backdrop or focus lock); the sheet is modal by default
+ * @attr {string}  accessible-label - Accessible name for the dialog, forwarded as aria-label (default: 'Dialoogvenster')
+ * @attr {string}  width            - Custom width for side sheets (left/right) as a CSS length
+ *                                    (e.g. '480px', '32rem'). Applied from the md breakpoint up;
+ *                                    ignored on sm (bottom sheet) and for `placement="bottom"`.
+ *                                    Clamped to `100vw - 2 * inset` so the sheet always fits.
+ *
+ * @slot - Sheet content
+ *
+ * @fires open  - Fired when the sheet is opened
+ * @fires close - Fired when the sheet is fully closed
+ *
+ * @method show() - Opens the sheet
+ * @method hide() - Closes the sheet with a closing animation
+ */
+import { LitElement } from 'lit';
+type Placement = 'left' | 'right' | 'bottom';
+export declare class NLDDSheet extends LitElement {
+    static styles: import("lit").CSSResult;
+    placement: Placement;
+    modeless: boolean;
+    /** Accessible name for the dialog — forwarded as aria-label to the dialog element. */
+    accessibleLabel: string;
+    /**
+     * Custom width for side sheets (left/right) from the md breakpoint up.
+     * CSS length (e.g. '480px', '32rem'). Ignored on sm viewports (bottom-sheet
+     * fallback) and for `placement="bottom"`. Clamped to `100vw - 2 * inset`.
+     */
+    width: string;
+    updated(changed: Map<string, unknown>): void;
+    private _hasWarnedLabel;
+    private _closing;
+    private get _dialog();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    show(): void;
+    private _manageFocus;
+    hide(): void;
+    _handleDialogClick(e: MouseEvent): void;
+    _handleCancel(e: Event): void;
+    private _handleDismiss;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-sheet': NLDDSheet;
+    }
+}
+export {};
+//# sourceMappingURL=sheet.d.ts.map

package/dist/components/layout/sheet/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,qBACa,SAAU,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAe;IAGrC,SAAS,EAAE,SAAS,CAAW;IAG/B,QAAQ,UAAS;IAEjB,sFAAsF;IAEtF,eAAe,SAAa;IAE5B;;;;OAIG;IAEH,KAAK,SAAM;IAEF,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU9C,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAEQ,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAKrC,IAAI,IAAI,IAAI;IAmBZ,OAAO,CAAC,YAAY;IAWpB,IAAI,IAAI,IAAI;IAyBZ,kBAAkB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAOvC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM7B,OAAO,CAAC,cAAc,CAEpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}