@nldd/design-system 0.8.37

package/dist/components/inputs/radio-button-field/radio-button-field.js

@@ -0,0 +1,79 @@
+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 Radio Button Field Component (Lit + TypeScript)
+ *
+ * A radio button with an inline label. Use inside nldd-radio-button-group
+ * for keyboard navigation and group semantics. The group sets the name.
+ *
+ * @element nldd-radio-button-field
+ * @attr {boolean} checked  - Checked state
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string}  value    - Value for form submission
+ * @attr {string}  label    - Label text for the radio button
+ *
+ * @fires change - When checked state changes; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { radioButtonFieldStyles } from './radio-button-field.styles.js';
+import { radioButtonFieldTemplate } from './radio-button-field.template.js';
+let NLDDRadioButtonField = class NLDDRadioButtonField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.disabled = false;
+        this.value = '';
+        /** Set by nldd-radio-button-group. Not part of the public API. */
+        this.name = '';
+        this.required = false;
+        this.label = '';
+    }
+    _handleLabelClick(e) {
+        if (this.disabled)
+            return;
+        if (e.target.closest?.('nldd-radio-button'))
+            return;
+        const radioButton = this.shadowRoot?.querySelector('nldd-radio-button');
+        radioButton?.select();
+    }
+    _handleChange(e) {
+        this.checked = e.detail.checked;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { checked: this.checked, value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return radioButtonFieldTemplate(this);
+    }
+};
+NLDDRadioButtonField.styles = radioButtonFieldStyles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDRadioButtonField.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDRadioButtonField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], NLDDRadioButtonField.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], NLDDRadioButtonField.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDRadioButtonField.prototype, "required", void 0);
+__decorate([
+    property({ type: String })
+], NLDDRadioButtonField.prototype, "label", void 0);
+NLDDRadioButtonField = __decorate([
+    customElement('nldd-radio-button-field')
+], NLDDRadioButtonField);
+export { NLDDRadioButtonField };
+//# sourceMappingURL=radio-button-field.js.map

package/dist/components/inputs/radio-button-field/radio-button-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAIrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIN,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAEX,kEAAkE;QAElE,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;IAqBZ,CAAC;IAnBO,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC;YAAE,OAAO;QACrE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAA2B,CAAC;QAClG,WAAW,EAAE,MAAM,EAAE,CAAC;IACvB,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,IAAI,CAAC,OAAO,GAAI,CAAuC,CAAC,MAAM,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAvCe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AAIX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AApBC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAyChC"}

package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts

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

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

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

package/dist/components/inputs/radio-button-field/radio-button-field.styles.js

@@ -0,0 +1,52 @@
+import { css } from 'lit';
+export const radioButtonFieldStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.radio-button-field {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		gap: var(--primitives-space-8);
+		min-height: var(--semantics-controls-md-min-size);
+	}
+
+
+	/* # Control */
+
+	.radio-button-field__control {
+		display: flex;
+		flex-shrink: 0;
+		min-height: var(--semantics-controls-md-min-size);
+		align-items: center;
+	}
+
+
+	/* # Label */
+
+	.radio-button-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]) .radio-button-field__label {
+		opacity: var(--primitives-opacity-disabled);
+	}
+`;
+//# sourceMappingURL=radio-button-field.styles.js.map

package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map

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

package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,iCAAiC,CAAC;AAGzC,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,oBAAoB,GAAG,cAAc,CAmBxF"}

package/dist/components/inputs/radio-button-field/radio-button-field.template.js

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

package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,iCAAiC,CAAC;AAEzC,2GAA2G;AAC3G,MAAM,UAAU,wBAAwB,CAAC,SAA+B;IACvE,OAAO,IAAI,CAAA;;YAEA,SAAS,CAAC,iBAAiB;;;;gBAIvB,SAAS,CAAC,OAAO;iBAChB,SAAS,CAAC,QAAQ;iBAClB,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,EAAE;aACnB,SAAS,CAAC,KAAK;wBACJ,SAAS,CAAC,KAAK,IAAI,OAAO;eACnC,SAAS,CAAC,aAAa;;;6CAGO,SAAS,CAAC,KAAK;;EAE1D,CAAC;AACH,CAAC"}

package/dist/components/inputs/radio-button-group/radio-button-group.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Nederlandse Digitale Dienst Radio Button Group Component (Lit + TypeScript)
+ *
+ * Groups nldd-radio-button-field elements, handles keyboard navigation,
+ * and forwards name and disabled state to all child fields.
+ * Use inside nldd-form-field which provides the group label.
+ *
+ * @element nldd-radio-button-group
+ * @attr {string}  name     - Forwarded to all slotted nldd-radio-button-field elements
+ * @attr {boolean} disabled - Disables all slotted fields
+ * @attr {boolean} required - Marks the group as required
+ *
+ * @slot - Slot for nldd-radio-button-field elements
+ *
+ * @fires change - Bubbles up from the checked field; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+export declare class NLDDRadioButtonGroup extends LitElement {
+    static styles: import("lit").CSSResult;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    accessibleLabelledBy: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<PropertyKey, unknown>): void;
+    private _getFields;
+    private _getEnabledFields;
+    private _syncFields;
+    private _handleChange;
+    private _handleKeyDown;
+    _onSlotChange: () => void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-radio-button-group': NLDDRadioButtonGroup;
+    }
+}
+//# sourceMappingURL=radio-button-group.d.ts.map

package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,oBAAoB,SAAM;IAEjB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAoB1D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,cAAc,CAgCpB;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/inputs/radio-button-group/radio-button-group.js

@@ -0,0 +1,151 @@
+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 Radio Button Group Component (Lit + TypeScript)
+ *
+ * Groups nldd-radio-button-field elements, handles keyboard navigation,
+ * and forwards name and disabled state to all child fields.
+ * Use inside nldd-form-field which provides the group label.
+ *
+ * @element nldd-radio-button-group
+ * @attr {string}  name     - Forwarded to all slotted nldd-radio-button-field elements
+ * @attr {boolean} disabled - Disables all slotted fields
+ * @attr {boolean} required - Marks the group as required
+ *
+ * @slot - Slot for nldd-radio-button-field elements
+ *
+ * @fires change - Bubbles up from the checked field; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { radioButtonGroupStyles } from './radio-button-group.styles.js';
+import { radioButtonGroupTemplate } from './radio-button-group.template.js';
+let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this.disabled = false;
+        this.required = false;
+        this.accessibleLabelledBy = '';
+        this._handleChange = (e) => {
+            const changedField = e.target;
+            if (!changedField.checked)
+                return;
+            this._getFields().forEach(field => {
+                if (field !== changedField)
+                    field.checked = false;
+            });
+        };
+        this._handleKeyDown = (e) => {
+            if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' &&
+                e.key !== 'ArrowRight' && e.key !== 'ArrowLeft')
+                return;
+            const fields = this._getEnabledFields();
+            if (fields.length === 0)
+                return;
+            const activeField = fields.find(f => f.checked) ?? fields[0];
+            const currentIndex = fields.indexOf(activeField);
+            const isNext = e.key === 'ArrowDown' || e.key === 'ArrowRight';
+            const nextIndex = isNext
+                ? (currentIndex + 1) % fields.length
+                : (currentIndex - 1 + fields.length) % fields.length;
+            const nextField = fields[nextIndex];
+            if (!nextField)
+                return;
+            e.preventDefault();
+            activeField.checked = false;
+            nextField.checked = true;
+            const input = nextField.shadowRoot
+                ?.querySelector('nldd-radio-button')
+                ?.shadowRoot?.querySelector('input');
+            input?.focus();
+            nextField.dispatchEvent(new CustomEvent('change', {
+                detail: { checked: true, value: nextField.value },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._onSlotChange = () => {
+            this._syncFields();
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'radiogroup');
+        this.addEventListener('keydown', this._handleKeyDown);
+        this.addEventListener('change', this._handleChange);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('keydown', this._handleKeyDown);
+        this.removeEventListener('change', this._handleChange);
+    }
+    updated(changed) {
+        if (changed.has('name') || changed.has('disabled') || changed.has('required')) {
+            this._syncFields();
+        }
+        if (changed.has('accessibleLabelledBy')) {
+            if (this.accessibleLabelledBy) {
+                this.setAttribute('aria-labelledby', this.accessibleLabelledBy);
+            }
+            else {
+                this.removeAttribute('aria-labelledby');
+            }
+        }
+        if (changed.has('required')) {
+            if (this.required) {
+                this.setAttribute('aria-required', 'true');
+            }
+            else {
+                this.removeAttribute('aria-required');
+            }
+        }
+    }
+    _getFields() {
+        return Array.from(this.querySelectorAll('nldd-radio-button-field'));
+    }
+    _getEnabledFields() {
+        return this._getFields().filter(f => !f.disabled);
+    }
+    _syncFields() {
+        this._getFields().forEach(field => {
+            field.name = this.name;
+            field.required = this.required;
+            if (this.disabled) {
+                if (!field.hasAttribute('disabled')) {
+                    field.setAttribute('group-disabled', '');
+                    field.disabled = true;
+                }
+            }
+            else if (field.hasAttribute('group-disabled')) {
+                field.removeAttribute('group-disabled');
+                field.disabled = false;
+            }
+        });
+    }
+    render() {
+        return radioButtonGroupTemplate(this);
+    }
+};
+NLDDRadioButtonGroup.styles = radioButtonGroupStyles;
+__decorate([
+    property({ type: String })
+], NLDDRadioButtonGroup.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDRadioButtonGroup.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDRadioButtonGroup.prototype, "required", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-labelledby' })
+], NLDDRadioButtonGroup.prototype, "accessibleLabelledBy", void 0);
+NLDDRadioButtonGroup = __decorate([
+    customElement('nldd-radio-button-group')
+], NLDDRadioButtonGroup);
+export { NLDDRadioButtonGroup };
+//# sourceMappingURL=radio-button-group.js.map

package/dist/components/inputs/radio-button-group/radio-button-group.js.map

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

package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts

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

package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAoBlC,CAAC"}

package/dist/components/inputs/radio-button-group/radio-button-group.styles.js

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export const radioButtonGroupStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Block */
+
+	.radio-button-group {
+		display: flex;
+		flex-direction: column;
+	}
+`;
+//# sourceMappingURL=radio-button-group.styles.js.map

package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map

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

package/dist/components/inputs/radio-button-group/radio-button-group.template.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import type { NLDDRadioButtonGroup } from './radio-button-group.js';
+export declare function radioButtonGroupTemplate(component: NLDDRadioButtonGroup): TemplateResult;
+//# sourceMappingURL=radio-button-group.template.d.ts.map

package/dist/components/inputs/radio-button-group/radio-button-group.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-group.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,oBAAoB,GAAG,cAAc,CAMxF"}

package/dist/components/inputs/radio-button-group/radio-button-group.template.js

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+export function radioButtonGroupTemplate(component) {
+    return html `
+		<div class="radio-button-group">
+			<slot @slotchange=${component._onSlotChange}></slot>
+		</div>
+	`;
+}
+//# sourceMappingURL=radio-button-group.template.js.map

package/dist/components/inputs/radio-button-group/radio-button-group.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-group.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,wBAAwB,CAAC,SAA+B;IACvE,OAAO,IAAI,CAAA;;uBAEW,SAAS,CAAC,aAAa;;EAE5C,CAAC;AACH,CAAC"}

package/dist/components/inputs/search-field/search-field.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Nederlandse Digitale Dienst Search Field Component (Lit + TypeScript)
+ *
+ * A search input with a leading search icon, an optional dismiss button,
+ * and an optional search button.
+ *
+ * @element nldd-search-field
+ * @attr {string}  value               - The search value
+ * @attr {string}  placeholder         - Placeholder text for the input
+ * @attr {string}  accessible-label    - Accessible label (aria-label) for the native input.
+ *                                       Falls back to placeholder when not set.
+ *                                       Set explicitly when a value is already present
+ *                                       and the placeholder is no longer visible.
+ * @attr {string}  size                - Field size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} disabled            - Disabled state
+ * @attr {string}  name                - Input name for form submission
+ * @attr {boolean} show-search-button - When set, shows a search button on the right
+ * @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.
+ *
+ * @fires input  - When the input value changes; detail: { value: string }
+ * @fires change - When the input value is committed; detail: { value: string }
+ * @fires search - When search is submitted via Enter or the search button; detail: { value: string }
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import type { NLDDSearchFieldTranslations } from './search-field.i18n.js';
+import './../../actions/icon-button/icon-button.js';
+import './../../actions/button/button.js';
+import './../../content/icon/icon.js';
+export type SearchFieldSize = 'sm' | 'md';
+export declare class NLDDSearchField extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: string;
+    placeholder: string;
+    /** Accessible label forwarded as aria-label to the native input.
+     *  Use to describe what is being searched, e.g. "Zoek een document".
+     *  When not set, the placeholder value is used as aria-label automatically.
+     *  Set an explicit accessible-label when a value is already present and the
+     *  placeholder is no longer visible, to ensure screen readers still have context. */
+    accessibleLabel: string;
+    size: SearchFieldSize;
+    disabled: boolean;
+    name: string;
+    showSearchButton: boolean;
+    /** Override one or more translation keys. Unset keys fall back to Dutch. */
+    translations: Partial<NLDDSearchFieldTranslations>;
+    /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+    width: string;
+    _input: HTMLInputElement;
+    updated(changed: PropertyValues): void;
+    _t(key: keyof NLDDSearchFieldTranslations): string;
+    _handleInput(e: Event): void;
+    _handleChange(e: Event): void;
+    _handleKeydown(e: KeyboardEvent): void;
+    _handleClear(): void;
+    _handleSearch(): void;
+    private _dispatchSearch;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-search-field': NLDDSearchField;
+    }
+}
+//# sourceMappingURL=search-field.d.ts.map

package/dist/components/inputs/search-field/search-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,KAAK,SAAM;IAGX,WAAW,SAAY;IAEvB;;;;yFAIqF;IAErF,eAAe,SAAM;IAGrB,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,gBAAgB,UAAS;IAEzB,4EAA4E;IAE5E,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,oGAAoG;IAEpG,KAAK,SAAM;IAGX,MAAM,EAAG,gBAAgB,CAAC;IAEjB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQxC,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU7B,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,YAAY,IAAI,IAAI;IAepB,aAAa,IAAI,IAAI;IAI5B,OAAO,CAAC,eAAe;IAQd,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}

package/dist/components/inputs/search-field/search-field.i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const nlddSearchFieldTranslations: {
+    'components.search-field.clear-action': string;
+    'components.search-field.search-action': string;
+};
+export type NLDDSearchFieldTranslations = typeof nlddSearchFieldTranslations;
+//# sourceMappingURL=search-field.i18n.d.ts.map

package/dist/components/inputs/search-field/search-field.i18n.d.ts.map

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

package/dist/components/inputs/search-field/search-field.i18n.js

@@ -0,0 +1,5 @@
+export const nlddSearchFieldTranslations = {
+    'components.search-field.clear-action': 'Wis zoekopdracht',
+    'components.search-field.search-action': 'Zoek',
+};
+//# sourceMappingURL=search-field.i18n.js.map

package/dist/components/inputs/search-field/search-field.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,sCAAsC,EAAE,kBAAkB;IAC1D,uCAAuC,EAAE,MAAM;CAC/C,CAAC"}