@nldd/design-system 0.8.37

package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAiD/B,CAAC"}

package/dist/components/inputs/checkbox-field/checkbox-field.styles.js

@@ -0,0 +1,52 @@
+import { css } from 'lit';
+export const checkboxFieldStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.checkbox-field {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		gap: var(--primitives-space-8);
+		min-height: var(--semantics-controls-md-min-size);
+	}
+
+
+	/* # Control */
+
+	.checkbox-field__control {
+		display: flex;
+		flex-shrink: 0;
+		min-height: var(--semantics-controls-md-min-size);
+		align-items: center;
+	}
+
+
+	/* # Label */
+
+	.checkbox-field__label {
+		padding-top: calc((var(--semantics-controls-md-min-size) - 1em * var(--primitives-line-height-snug)) / 2);
+		display: flex;
+		flex-grow: 1;
+		font: var(--primitives-font-body-md-regular-snug);
+		color: var(--semantics-content-color);
+		cursor: default;
+	}
+
+	:host([disabled]) .checkbox-field__label {
+		opacity: var(--primitives-opacity-disabled);
+	}
+`;
+//# sourceMappingURL=checkbox-field.styles.js.map

package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDrC,CAAC"}

package/dist/components/inputs/checkbox-field/checkbox-field.template.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import type { NLDDCheckboxField } from './checkbox-field.js';
+import '../checkbox/checkbox.js';
+export declare function checkboxFieldTemplate(component: NLDDCheckboxField): TemplateResult;
+//# sourceMappingURL=checkbox-field.template.d.ts.map

package/dist/components/inputs/checkbox-field/checkbox-field.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,yBAAyB,CAAC;AAGjC,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAmBlF"}

package/dist/components/inputs/checkbox-field/checkbox-field.template.js

@@ -0,0 +1,24 @@
+import { html, nothing } from 'lit';
+import '../checkbox/checkbox.js';
+/* eslint-disable lit-a11y/click-events-have-key-events -- label wrapper delegates to inner checkbox */
+export function checkboxFieldTemplate(component) {
+    return html `
+		<div class="checkbox-field"
+			@click=${component._handleLabelClick}
+		>
+			<div class="checkbox-field__control">
+				<nldd-checkbox
+					?checked=${component.checked}
+					?indeterminate=${component.indeterminate}
+					?disabled=${component.disabled}
+					name=${component.name || nothing}
+					value=${component.value}
+					accessible-label=${component.label || nothing}
+					@change=${component._handleChange}
+				></nldd-checkbox>
+			</div>
+			<span class="checkbox-field__label">${component.label}</span>
+		</div>
+	`;
+}
+//# sourceMappingURL=checkbox-field.template.js.map

package/dist/components/inputs/checkbox-field/checkbox-field.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,yBAAyB,CAAC;AAEjC,uGAAuG;AACvG,MAAM,UAAU,qBAAqB,CAAC,SAA4B;IACjE,OAAO,IAAI,CAAA;;YAEA,SAAS,CAAC,iBAAiB;;;;gBAIvB,SAAS,CAAC,OAAO;sBACX,SAAS,CAAC,aAAa;iBAC5B,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;wBACJ,SAAS,CAAC,KAAK,IAAI,OAAO;eACnC,SAAS,CAAC,aAAa;;;yCAGG,SAAS,CAAC,KAAK;;EAEtD,CAAC;AACH,CAAC"}

package/dist/components/inputs/combo-box/combo-box.d.ts

@@ -0,0 +1,125 @@
+/**
+ * Nederlandse Digitale Dienst Combo Box Component (Lit + TypeScript)
+ *
+ * A text input with autocomplete dropdown via nldd-menu.
+ * Add a slotted nldd-menu with nldd-menu-item children to provide options.
+ *
+ * The slotted nldd-menu keeps its default focus behavior (menu container receives focus)
+ * so that typing keeps focus on the input. The picker button moves focus
+ * to the menu explicitly on activation.
+ *
+ * Note: Only nldd-menu-item type="button" is supported. Radio and checkbox
+ * types are not supported in this context.
+ *
+ * @element nldd-combo-box
+ * @attr {string}  value        - The selected form value
+ * @attr {string}  placeholder  - Placeholder text for the input
+ * @attr {string}  size         - Size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} valid        - Marks the field as valid
+ * @attr {boolean} invalid      - Marks the field as invalid
+ * @attr {boolean} disabled     - Disabled state
+ * @attr {string}  name         - Input name for form submission
+ * @attr {string}  autocomplete - Browser autofill hint. Default 'off' to prevent the
+ *                                native autofill panel from competing with the menu dropdown.
+ *                                Set to a valid token (e.g. 'country', 'organization') when
+ *                                browser autofill is desired.
+ * @attr {string}  accessible-label - Accessible label forwarded as aria-label to the input. Required for screen reader accessibility.
+ * @attr {number}  max-items    - Maximum visible items before scrolling (default: 8)
+ * @attr {object}  translations - Override translation keys; unset keys fall back to Dutch
+ * @attr {string}  width        - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
+ *
+ * @note Free-text values: if the user types a value that does not match any menu option
+ *       and presses Enter or moves focus away, the typed text is emitted as-is via the
+ *       `change` event. Consumers are responsible for validating emitted values.
+ *
+ * @slot - An nldd-menu element with nldd-menu-item and nldd-menu-divider children
+ *
+ * @fires input  - When the input value changes; detail: { value: string }
+ * @fires change - When an option is selected or a custom value is committed;
+ *                 detail: { value: string }
+ *
+ * @example
+ * ```html
+ * <nldd-combo-box placeholder="Zoek een land" name="land">
+ *   <nldd-menu>
+ *     <nldd-menu-item text="Nederland" value="nl"></nldd-menu-item>
+ *     <nldd-menu-item text="België" value="be"></nldd-menu-item>
+ *   </nldd-menu>
+ * </nldd-combo-box>
+ * ```
+ */
+import { LitElement } from 'lit';
+import type { NLDDComboBoxTranslations } from './combo-box.i18n.js';
+import '../../lists-and-menus/menu/menu.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+export type ComboBoxSize = 'sm' | 'md';
+export declare class NLDDComboBox extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: string;
+    placeholder: string;
+    size: ComboBoxSize;
+    valid: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    name: string;
+    /** Browser autofill hint. Use AutoFill tokens (e.g. 'country', 'organization')
+     *  or 'off' to disable. Default 'off' to prevent the native autofill panel
+     *  from competing with the menu dropdown. */
+    autocomplete: AutoFill | (string & {});
+    /** Maximum number of visible menu items before scrolling. Defaults to 8. */
+    maxItems: number;
+    accessibleLabel: string;
+    translations: Partial<NLDDComboBoxTranslations>;
+    /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+    width: string;
+    _isOpen: boolean;
+    /** Display value shown in the input. May differ from value (form value). */
+    _displayValue: string;
+    /** ID of the currently highlighted menu item for aria-activedescendant. */
+    _highlightedId: string;
+    private static _idCounter;
+    readonly _menuId: string;
+    private _menu;
+    private _resizeObserver;
+    _input: HTMLInputElement;
+    _t(key: keyof NLDDComboBoxTranslations): string;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _onSlotChange(): void;
+    private _updateMenuWidth;
+    private _handleScrollOrResize;
+    private _handleMenuToggle;
+    private _handleMenuSelect;
+    private _updateActiveDescendant;
+    /**
+     * Open the menu. Focus always stays on the input — highlight moves via
+     * aria-activedescendant rather than by moving focus to items.
+     */
+    _openMenu(): void;
+    _closeMenu(): void;
+    private _pickerPointerdownWhileOpen;
+    _toggleMenu(): void;
+    _handlePickerPointerdown(): void;
+    /**
+     * Handles Tab in the menu. The menu is a popover on the top layer — Tab
+     * would move focus to the next focusable element in DOM order, which may
+     * not be the next logical element. Instead, close the menu and return
+     * focus to the input so the user can Tab forward from there.
+     */
+    private _handleMenuKeydown;
+    _handleInput(e: Event): void;
+    _handleClear(): void;
+    /** Accept a custom typed value and close the menu when focus leaves the input. */
+    _handleBlur(e: FocusEvent): void;
+    _handleKeydown(e: KeyboardEvent): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-combo-box': NLDDComboBox;
+    }
+}
+//# sourceMappingURL=combo-box.d.ts.map

package/dist/components/inputs/combo-box/combo-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV;;iDAE6C;IAE7C,YAAY,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAS;IAE/C,4EAA4E;IAE5E,QAAQ,SAAK;IAGb,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAM;IAErD,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,UAAS;IAEhB,4EAA4E;IAE5E,aAAa,SAAM;IAEnB,2EAA2E;IAE3E,cAAc,SAAM;IAEpB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAK;IAC9B,QAAQ,CAAC,OAAO,SAAsD;IAEtE,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,eAAe,CAA+B;IAGtD,MAAM,EAAG,gBAAgB,CAAC;IAInB,EAAE,CAAC,GAAG,EAAE,MAAM,wBAAwB,GAAG,MAAM;IAM7C,YAAY,IAAI,IAAI;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAStD,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAgB9B,aAAa,IAAI,IAAI;IAsB5B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB,CAI3B;IAIF,OAAO,CAAC,iBAAiB,CAUvB;IAEF,OAAO,CAAC,iBAAiB,CAavB;IAEF,OAAO,CAAC,uBAAuB;IAI/B;;;OAGG;IACI,SAAS,IAAI,IAAI;IAUjB,UAAU,IAAI,IAAI;IAKzB,OAAO,CAAC,2BAA2B,CAAS;IAErC,WAAW,IAAI,IAAI;IAcnB,wBAAwB,IAAI,IAAI;IAQvC;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAKxB;IAEK,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAa5B,YAAY,IAAI,IAAI;IAkB3B,kFAAkF;IAC3E,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAehC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IA2CpC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}

package/dist/components/inputs/combo-box/combo-box.i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const nlddComboBoxTranslations: {
+    'components.combo-box.open-menu-action': string;
+    'components.combo-box.clear-action': string;
+};
+export type NLDDComboBoxTranslations = typeof nlddComboBoxTranslations;
+//# sourceMappingURL=combo-box.i18n.d.ts.map

package/dist/components/inputs/combo-box/combo-box.i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;CAGpC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,wBAAwB,CAAC"}

package/dist/components/inputs/combo-box/combo-box.i18n.js

@@ -0,0 +1,5 @@
+export const nlddComboBoxTranslations = {
+    'components.combo-box.open-menu-action': 'Toon opties',
+    'components.combo-box.clear-action': 'Wis invoer',
+};
+//# sourceMappingURL=combo-box.i18n.js.map

package/dist/components/inputs/combo-box/combo-box.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACvC,uCAAuC,EAAE,aAAa;IACtD,mCAAmC,EAAE,YAAY;CACjD,CAAC"}

package/dist/components/inputs/combo-box/combo-box.js

@@ -0,0 +1,393 @@
+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;
+};
+var NLDDComboBox_1;
+/**
+ * Nederlandse Digitale Dienst Combo Box Component (Lit + TypeScript)
+ *
+ * A text input with autocomplete dropdown via nldd-menu.
+ * Add a slotted nldd-menu with nldd-menu-item children to provide options.
+ *
+ * The slotted nldd-menu keeps its default focus behavior (menu container receives focus)
+ * so that typing keeps focus on the input. The picker button moves focus
+ * to the menu explicitly on activation.
+ *
+ * Note: Only nldd-menu-item type="button" is supported. Radio and checkbox
+ * types are not supported in this context.
+ *
+ * @element nldd-combo-box
+ * @attr {string}  value        - The selected form value
+ * @attr {string}  placeholder  - Placeholder text for the input
+ * @attr {string}  size         - Size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} valid        - Marks the field as valid
+ * @attr {boolean} invalid      - Marks the field as invalid
+ * @attr {boolean} disabled     - Disabled state
+ * @attr {string}  name         - Input name for form submission
+ * @attr {string}  autocomplete - Browser autofill hint. Default 'off' to prevent the
+ *                                native autofill panel from competing with the menu dropdown.
+ *                                Set to a valid token (e.g. 'country', 'organization') when
+ *                                browser autofill is desired.
+ * @attr {string}  accessible-label - Accessible label forwarded as aria-label to the input. Required for screen reader accessibility.
+ * @attr {number}  max-items    - Maximum visible items before scrolling (default: 8)
+ * @attr {object}  translations - Override translation keys; unset keys fall back to Dutch
+ * @attr {string}  width        - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
+ *
+ * @note Free-text values: if the user types a value that does not match any menu option
+ *       and presses Enter or moves focus away, the typed text is emitted as-is via the
+ *       `change` event. Consumers are responsible for validating emitted values.
+ *
+ * @slot - An nldd-menu element with nldd-menu-item and nldd-menu-divider children
+ *
+ * @fires input  - When the input value changes; detail: { value: string }
+ * @fires change - When an option is selected or a custom value is committed;
+ *                 detail: { value: string }
+ *
+ * @example
+ * ```html
+ * <nldd-combo-box placeholder="Zoek een land" name="land">
+ *   <nldd-menu>
+ *     <nldd-menu-item text="Nederland" value="nl"></nldd-menu-item>
+ *     <nldd-menu-item text="België" value="be"></nldd-menu-item>
+ *   </nldd-menu>
+ * </nldd-combo-box>
+ * ```
+ */
+import { LitElement } from 'lit';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import { comboBoxStyles } from './combo-box.styles.js';
+import { comboBoxTemplate } from './combo-box.template.js';
+import { nlddComboBoxTranslations } from './combo-box.i18n.js';
+import '../../lists-and-menus/menu/menu.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+let NLDDComboBox = NLDDComboBox_1 = class NLDDComboBox extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.placeholder = '';
+        this.size = 'md';
+        this.valid = false;
+        this.invalid = false;
+        this.disabled = false;
+        this.name = '';
+        /** Browser autofill hint. Use AutoFill tokens (e.g. 'country', 'organization')
+         *  or 'off' to disable. Default 'off' to prevent the native autofill panel
+         *  from competing with the menu dropdown. */
+        this.autocomplete = 'off';
+        /** Maximum number of visible menu items before scrolling. Defaults to 8. */
+        this.maxItems = 8;
+        this.accessibleLabel = '';
+        this.translations = {};
+        /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+        this.width = '';
+        this._isOpen = false;
+        /** Display value shown in the input. May differ from value (form value). */
+        this._displayValue = '';
+        /** ID of the currently highlighted menu item for aria-activedescendant. */
+        this._highlightedId = '';
+        this._menuId = `nldd-combo-box-menu-${NLDDComboBox_1._idCounter++}`;
+        this._menu = null;
+        this._resizeObserver = null;
+        this._handleScrollOrResize = () => {
+            if (!this._isOpen)
+                return;
+            this._updateMenuWidth();
+            this._menu?.reposition();
+        };
+        // — Menu management ——————————————————————————————————————————————————————
+        this._handleMenuToggle = (e) => {
+            this._isOpen = e.newState === 'open';
+            if (!this._isOpen) {
+                this._highlightedId = '';
+            }
+            else {
+                // Update highlight ID after menu opens and first item is highlighted
+                requestAnimationFrame(() => {
+                    this._highlightedId = this._menu?.getHighlightedId() ?? '';
+                });
+            }
+        };
+        this._handleMenuSelect = (e) => {
+            const item = e.target;
+            this._displayValue = item.text;
+            this.value = item.value || item.text;
+            this._highlightedId = '';
+            this._closeMenu();
+            this._menu?.filter('');
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: { value: this.value },
+                bubbles: true,
+                composed: true,
+            }));
+            this._input?.focus();
+        };
+        this._pickerPointerdownWhileOpen = false;
+        // — Handlers ————————————————————————————————————————————————————————————
+        /**
+         * Handles Tab in the menu. The menu is a popover on the top layer — Tab
+         * would move focus to the next focusable element in DOM order, which may
+         * not be the next logical element. Instead, close the menu and return
+         * focus to the input so the user can Tab forward from there.
+         */
+        this._handleMenuKeydown = (e) => {
+            if (e.key !== 'Tab')
+                return;
+            e.preventDefault();
+            this._closeMenu();
+            this._input?.focus();
+        };
+    }
+    // — i18n ——————————————————————————————————————————————————————————————————
+    _t(key) {
+        return this.translations[key] ?? nlddComboBoxTranslations[key];
+    }
+    // — Lifecycle ————————————————————————————————————————————————————————————
+    firstUpdated() {
+        if (import.meta.env?.DEV && !this.accessibleLabel) {
+            console.warn('<nldd-combo-box>: No accessible-label provided. Add an accessible-label attribute for screen reader accessibility.');
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('maxItems') && this._menu) {
+            this._menu.maxItems = this.maxItems;
+        }
+        if (changedProperties.has('width')) {
+            this.style.width = this.width || '';
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._resizeObserver = new ResizeObserver(() => this._updateMenuWidth());
+        this._resizeObserver.observe(this);
+        window.addEventListener('scroll', this._handleScrollOrResize, true);
+        window.addEventListener('resize', this._handleScrollOrResize);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._resizeObserver?.disconnect();
+        this._resizeObserver = null;
+        window.removeEventListener('scroll', this._handleScrollOrResize, true);
+        window.removeEventListener('resize', this._handleScrollOrResize);
+        if (this._menu) {
+            this._menu.removeEventListener('toggle', this._handleMenuToggle);
+            this._menu.removeEventListener('select', this._handleMenuSelect);
+            this._menu.removeEventListener('keydown', this._handleMenuKeydown);
+            this._menu = null;
+        }
+    }
+    // — Slot —————————————————————————————————————————————————————————————————
+    _onSlotChange() {
+        const slot = this.shadowRoot?.querySelector('slot');
+        const menu = slot?.assignedElements({ flatten: true })
+            .find(el => el.tagName.toLowerCase() === 'nldd-menu');
+        if (!menu || menu === this._menu)
+            return;
+        this._menu = menu;
+        menu.id = this._menuId;
+        menu.anchorElement = this;
+        menu.placement = 'bottom-start';
+        menu.maxItems = this.maxItems;
+        menu.variant = 'listbox';
+        // Focus stays on the input — default menu behavior (no auto-focus-item).
+        menu.addEventListener('toggle', this._handleMenuToggle);
+        menu.addEventListener('select', this._handleMenuSelect);
+        menu.addEventListener('keydown', this._handleMenuKeydown);
+        this._updateMenuWidth();
+    }
+    // — Menu width & position ————————————————————————————————————————————————
+    _updateMenuWidth() {
+        if (!this._menu)
+            return;
+        const rect = this.getBoundingClientRect();
+        this._menu.width = `${rect.width}px`;
+    }
+    _updateActiveDescendant() {
+        this._highlightedId = this._menu?.getHighlightedId() ?? '';
+    }
+    /**
+     * Open the menu. Focus always stays on the input — highlight moves via
+     * aria-activedescendant rather than by moving focus to items.
+     */
+    _openMenu() {
+        if (!this._menu || this._isOpen)
+            return;
+        if (!('showPopover' in this._menu)) {
+            console.warn('<nldd-combo-box>: Popover API is not supported in this browser. The dropdown will not open.');
+            return;
+        }
+        this._updateMenuWidth();
+        this._menu.showPopover();
+    }
+    _closeMenu() {
+        if (!this._menu || !this._isOpen)
+            return;
+        this._menu.hidePopover();
+    }
+    _toggleMenu() {
+        if (this._pickerPointerdownWhileOpen) {
+            this._pickerPointerdownWhileOpen = false;
+            return;
+        }
+        if (this._isOpen) {
+            this._closeMenu();
+            this._input?.focus();
+        }
+        else {
+            this._openMenu();
+            this._input?.focus();
+        }
+    }
+    _handlePickerPointerdown() {
+        if (this._isOpen) {
+            this._pickerPointerdownWhileOpen = true;
+        }
+    }
+    _handleInput(e) {
+        const input = e.target;
+        this._displayValue = input.value;
+        this._menu?.filter(this._displayValue);
+        this._updateActiveDescendant();
+        if (!this._isOpen)
+            this._openMenu();
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: this._displayValue },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleClear() {
+        this._displayValue = '';
+        this.value = '';
+        this._menu?.filter('');
+        this._closeMenu();
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: '' },
+            bubbles: true,
+            composed: true,
+        }));
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: '' },
+            bubbles: true,
+            composed: true,
+        }));
+        this._input?.focus();
+    }
+    /** Accept a custom typed value and close the menu when focus leaves the input. */
+    _handleBlur(e) {
+        const relatedTarget = e.relatedTarget;
+        if (!relatedTarget || !this._menu?.contains(relatedTarget)) {
+            this._closeMenu();
+        }
+        if (this._displayValue !== '' && this._displayValue !== this.value) {
+            this.value = this._displayValue;
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: { value: this.value },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    _handleKeydown(e) {
+        if (!this._isOpen) {
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                this._openMenu();
+            }
+            return;
+        }
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                this._menu?.moveHighlight('next');
+                this._updateActiveDescendant();
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                this._menu?.moveHighlight('prev');
+                this._updateActiveDescendant();
+                break;
+            case 'Enter': {
+                e.preventDefault();
+                const highlighted = this._menu?.getHighlighted();
+                if (highlighted) {
+                    highlighted.select();
+                }
+                else {
+                    this.value = this._displayValue;
+                    this._closeMenu();
+                    this.dispatchEvent(new CustomEvent('change', {
+                        detail: { value: this.value },
+                        bubbles: true,
+                        composed: true,
+                    }));
+                }
+                break;
+            }
+            case 'Escape':
+                e.preventDefault();
+                this._closeMenu();
+                break;
+        }
+    }
+    render() {
+        return comboBoxTemplate(this);
+    }
+};
+NLDDComboBox.styles = comboBoxStyles;
+NLDDComboBox._idCounter = 0;
+__decorate([
+    property({ type: String })
+], NLDDComboBox.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], NLDDComboBox.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDComboBox.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDComboBox.prototype, "valid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDComboBox.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDComboBox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], NLDDComboBox.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], NLDDComboBox.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-items' })
+], NLDDComboBox.prototype, "maxItems", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDComboBox.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDComboBox.prototype, "translations", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDComboBox.prototype, "width", void 0);
+__decorate([
+    state()
+], NLDDComboBox.prototype, "_isOpen", void 0);
+__decorate([
+    state()
+], NLDDComboBox.prototype, "_displayValue", void 0);
+__decorate([
+    state()
+], NLDDComboBox.prototype, "_highlightedId", void 0);
+__decorate([
+    query('.combo-box__input')
+], NLDDComboBox.prototype, "_input", void 0);
+NLDDComboBox = NLDDComboBox_1 = __decorate([
+    customElement('nldd-combo-box')
+], NLDDComboBox);
+export { NLDDComboBox };
+//# sourceMappingURL=combo-box.js.map

package/dist/components/inputs/combo-box/combo-box.js.map

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