@nldd/design-system 0.8.37

package/dist/components/inputs/dropdown/dropdown.styles.js

@@ -0,0 +1,185 @@
+import { css } from 'lit';
+export const dropdownStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+		--_xs-picker-icon-size: var(--primitives-space-16);
+		--_sm-picker-icon-size: var(--primitives-space-20);
+		--_md-picker-icon-size: var(--primitives-space-24);
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([disabled]) {
+		opacity: var(--primitives-opacity-disabled);
+		pointer-events: none;
+	}
+
+
+	/* # Block */
+
+	.dropdown {
+		position: relative;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		box-sizing: border-box;
+		width: 100%;
+		background-color: var(--semantics-buttons-neutral-tinted-background-color);
+		color: var(--semantics-buttons-neutral-tinted-content-color);
+	}
+
+	:host([size='xs']) .dropdown {
+		min-height: var(--semantics-controls-xs-min-size);
+		border-radius: var(--semantics-controls-xs-corner-radius);
+	}
+
+	:host([size='sm']) .dropdown {
+		min-height: var(--semantics-controls-sm-min-size);
+		border-radius: var(--semantics-controls-sm-corner-radius);
+	}
+
+	:host([size='md']) .dropdown,
+	:host(:not([size])) .dropdown {
+		min-height: var(--semantics-controls-md-min-size);
+		border-radius: var(--semantics-controls-md-corner-radius);
+	}
+
+	.dropdown:focus-within {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+
+	/* # Slotted select */
+
+	::slotted(select) {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		opacity: 0;
+		appearance: none;
+		border: none;
+		margin: 0;
+		padding: 0;
+		background: transparent;
+		outline: none;
+		box-sizing: border-box;
+		font: var(--semantics-input-fields-native-select-font);
+	}
+
+
+	/* # Value */
+
+	.dropdown__value {
+		flex-grow: 1;
+		min-width: 0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		color: inherit;
+	}
+
+	:host([size='xs']) .dropdown__value {
+		padding: 0 var(--semantics-controls-xs-inline-padding);
+		font: var(--semantics-input-fields-xs-text-font);
+	}
+
+	:host([size='sm']) .dropdown__value {
+		padding: 0 var(--semantics-controls-sm-inline-padding);
+		font: var(--semantics-input-fields-sm-text-font);
+	}
+
+	:host([size='md']) .dropdown__value,
+	:host(:not([size])) .dropdown__value {
+		padding: 0 var(--semantics-controls-md-inline-padding);
+		font: var(--semantics-input-fields-md-text-font);
+	}
+
+
+	/* # Validation icon */
+
+	.dropdown__validation-icon-area {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		height: 100%;
+	}
+
+	:host([size='xs']) .dropdown__validation-icon-area {
+		padding-right: var(--primitives-space-0);
+	}
+
+	:host([size='sm']) .dropdown__validation-icon-area {
+		padding-right: var(--primitives-space-2);
+	}
+
+	:host([size='md']) .dropdown__validation-icon-area,
+	:host(:not([size])) .dropdown__validation-icon-area {
+		padding-right: var(--primitives-space-4);
+	}
+
+	:host([valid]) .dropdown__validation-icon-area {
+		color: var(--semantics-input-fields-is-valid-icon-color);
+	}
+
+	:host([invalid]) .dropdown__validation-icon-area {
+		color: var(--semantics-input-fields-is-invalid-icon-color);
+	}
+
+	:host([size='xs']) .dropdown__validation-icon {
+		width: var(--semantics-input-fields-xs-validation-icon-size);
+		height: var(--semantics-input-fields-xs-validation-icon-size);
+	}
+
+	:host([size='sm']) .dropdown__validation-icon {
+		width: var(--semantics-input-fields-sm-validation-icon-size);
+		height: var(--semantics-input-fields-sm-validation-icon-size);
+	}
+
+	:host([size='md']) .dropdown__validation-icon,
+	:host(:not([size])) .dropdown__validation-icon {
+		width: var(--semantics-input-fields-md-validation-icon-size);
+		height: var(--semantics-input-fields-md-validation-icon-size);
+	}
+
+
+	/* # Picker icon */
+
+	.dropdown__picker-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		color: inherit;
+	}
+
+	:host([size='xs']) .dropdown__picker-icon {
+		width: var(--_xs-picker-icon-size);
+		height: var(--_xs-picker-icon-size);
+		padding-right: calc((var(--semantics-controls-xs-min-size) - var(--_xs-picker-icon-size)) / 2);
+	}
+
+	:host([size='sm']) .dropdown__picker-icon {
+		width: var(--_sm-picker-icon-size);
+		height: var(--_sm-picker-icon-size);
+		padding-right: calc((var(--semantics-controls-sm-min-size) - var(--_sm-picker-icon-size)) / 2);
+	}
+
+	:host([size='md']) .dropdown__picker-icon,
+	:host(:not([size])) .dropdown__picker-icon {
+		width: var(--_md-picker-icon-size);
+		height: var(--_md-picker-icon-size);
+		padding-right: calc((var(--semantics-controls-md-min-size) - var(--_md-picker-icon-size)) / 2);
+	}
+`;
+//# sourceMappingURL=dropdown.styles.js.map

package/dist/components/inputs/dropdown/dropdown.styles.js.map

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

package/dist/components/inputs/dropdown/dropdown.template.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import type { NLDDDropdown } from './dropdown.js';
+import './../../content/icon/icon.js';
+export declare function dropdownTemplate(component: NLDDDropdown): TemplateResult;
+//# sourceMappingURL=dropdown.template.d.ts.map

package/dist/components/inputs/dropdown/dropdown.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAWxE"}

package/dist/components/inputs/dropdown/dropdown.template.js

@@ -0,0 +1,38 @@
+import { html, nothing } from 'lit';
+import './../../content/icon/icon.js';
+function renderValidationIcon(component) {
+    if (component.invalid) {
+        return html `
+			<div class="dropdown__validation-icon-area">
+				<nldd-icon class="dropdown__validation-icon"
+					name="invalid"
+					aria-hidden="true"
+				></nldd-icon>
+			</div>
+		`;
+    }
+    if (component.valid) {
+        return html `
+			<div class="dropdown__validation-icon-area">
+				<nldd-icon class="dropdown__validation-icon"
+					name="valid"
+					aria-hidden="true"
+				></nldd-icon>
+			</div>
+		`;
+    }
+    return nothing;
+}
+export function dropdownTemplate(component) {
+    return html `
+		<div class="dropdown">
+			<slot @slotchange=${component._onSlotChange}></slot>
+			<span class="dropdown__value">${component._displayValue}</span>
+			${renderValidationIcon(component)}
+			<div class="dropdown__picker-icon">
+				<nldd-icon name="chevron-up-down"></nldd-icon>
+			</div>
+		</div>
+	`;
+}
+//# sourceMappingURL=dropdown.template.js.map

package/dist/components/inputs/dropdown/dropdown.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,OAAO,IAAI,CAAA;;uBAEW,SAAS,CAAC,aAAa;mCACX,SAAS,CAAC,aAAa;KACrD,oBAAoB,CAAC,SAAS,CAAC;;;;;EAKlC,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,71 @@
+/**
+ * Nederlandse Digitale Dienst Number Field Component (Lit + TypeScript)
+ *
+ * A numeric input field with decrement and increment buttons.
+ *
+ * @element nldd-number-field
+ * @attr {number}  value        - Current value
+ * @attr {number}  min          - Minimum value (default: -Infinity)
+ * @attr {number}  max          - Maximum value (default: Infinity)
+ * @attr {number}  step         - Step size (default: 1)
+ * @attr {string}  size         - Size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} disabled     - Disabled state
+ * @attr {string}  name         - Name for form submission
+ * @attr {object}  translations - Translations; unspecified keys fall back to Dutch
+ * @attr {boolean} full-width       - Stretches to fill the container width
+ * @attr {string}  width            - Fixed width; the input stretches to fill remaining space
+ * @attr {boolean} hide-spin-buttons - When set, hides the decrement and increment buttons
+ * @attr {string}  accessible-label  - Accessible label (aria-label) forwarded to the native input
+ *
+ * @fires input  - When the value changes (typing, +/- button, or on-commit correction);
+ *                 detail: { value: number }
+ * @fires change - When the value is committed (blur/Enter or +/- button), clamped to
+ *                 [min, max]; empty input falls back to the last valid value. When the
+ *                 committed value differs from the typed value, a matching input event
+ *                 is fired immediately before this one. detail: { value: number }
+ */
+import { LitElement } from 'lit';
+import type { NLDDNumberFieldTranslations } from './number-field.i18n.js';
+import './../../actions/icon-button/icon-button.js';
+import './../../content/icon/icon.js';
+export type NumberFieldSize = 'sm' | 'md';
+export declare class NLDDNumberField extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    size: NumberFieldSize;
+    disabled: boolean;
+    name: string;
+    fullWidth: boolean;
+    /** Sets a fixed width on the component. The input stretches to fill the available space. */
+    width: string;
+    hideSpinButtons: boolean;
+    /** Accessible label forwarded as aria-label to the native input. */
+    accessibleLabel: string;
+    /** Override one or more translation keys. Unspecified keys fall back to Dutch. */
+    translations: Partial<NLDDNumberFieldTranslations>;
+    /** Last value inside [min, max]; used as fallback when the input is cleared.
+     *  Initialised to the clamped `value` in firstUpdated — the 0 default is only
+     *  relevant before the first render, which no user-facing handler can reach. */
+    private _lastValidValue;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    _t(key: keyof NLDDNumberFieldTranslations): string;
+    _handleDecrease(): void;
+    _handleIncrease(): void;
+    /** Fires while the user types. The value may be outside [min, max]; clamping happens on change. */
+    _handleInput(e: Event): void;
+    /** Fires on blur or Enter. Clamps the value and falls back to the last valid value when empty. */
+    _handleChange(e: Event): void;
+    private _commitValue;
+    private _clamp;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-number-field': NLDDNumberField;
+    }
+}
+//# sourceMappingURL=number-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,KAAK,SAAK;IAGV,GAAG,SAAa;IAGhB,GAAG,SAAY;IAGf,IAAI,SAAK;IAGT,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,SAAS,UAAS;IAElB,4FAA4F;IAE5F,KAAK,SAAM;IAGX,eAAe,UAAS;IAExB,oEAAoE;IAEpE,eAAe,SAAM;IAErB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD;;oFAEgF;IAChF,OAAO,CAAC,eAAe,CAAK;IAEnB,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAcxD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,eAAe,IAAI,IAAI;IAKvB,eAAe,IAAI,IAAI;IAK9B,mGAAmG;IAC5F,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAanC,kGAAkG;IAC3F,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAQpC,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,MAAM;IAIL,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}

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

@@ -0,0 +1,7 @@
+export declare const nlddNumberFieldTranslations: {
+    'components.number-field.decrement-action': string;
+    'components.number-field.increment-action': string;
+    'components.number-field.to-adjust-value-action': string;
+};
+export type NLDDNumberFieldTranslations = typeof nlddNumberFieldTranslations;
+//# sourceMappingURL=number-field.i18n.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+export const nlddNumberFieldTranslations = {
+    'components.number-field.decrement-action': 'Verlaag',
+    'components.number-field.increment-action': 'Verhoog',
+    'components.number-field.to-adjust-value-action': 'Waarde aanpassen',
+};
+//# sourceMappingURL=number-field.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;IAC1C,0CAA0C,EAAE,SAAS;IACrD,0CAA0C,EAAE,SAAS;IACrD,gDAAgD,EAAE,kBAAkB;CACpE,CAAC"}

package/dist/components/inputs/number-field/number-field.js

@@ -0,0 +1,191 @@
+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 Number Field Component (Lit + TypeScript)
+ *
+ * A numeric input field with decrement and increment buttons.
+ *
+ * @element nldd-number-field
+ * @attr {number}  value        - Current value
+ * @attr {number}  min          - Minimum value (default: -Infinity)
+ * @attr {number}  max          - Maximum value (default: Infinity)
+ * @attr {number}  step         - Step size (default: 1)
+ * @attr {string}  size         - Size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} disabled     - Disabled state
+ * @attr {string}  name         - Name for form submission
+ * @attr {object}  translations - Translations; unspecified keys fall back to Dutch
+ * @attr {boolean} full-width       - Stretches to fill the container width
+ * @attr {string}  width            - Fixed width; the input stretches to fill remaining space
+ * @attr {boolean} hide-spin-buttons - When set, hides the decrement and increment buttons
+ * @attr {string}  accessible-label  - Accessible label (aria-label) forwarded to the native input
+ *
+ * @fires input  - When the value changes (typing, +/- button, or on-commit correction);
+ *                 detail: { value: number }
+ * @fires change - When the value is committed (blur/Enter or +/- button), clamped to
+ *                 [min, max]; empty input falls back to the last valid value. When the
+ *                 committed value differs from the typed value, a matching input event
+ *                 is fired immediately before this one. detail: { value: number }
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { numberFieldStyles } from './number-field.styles.js';
+import { numberFieldTemplate } from './number-field.template.js';
+import { nlddNumberFieldTranslations } from './number-field.i18n.js';
+import './../../actions/icon-button/icon-button.js';
+import './../../content/icon/icon.js';
+let NLDDNumberField = class NLDDNumberField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+        this.min = -Infinity;
+        this.max = Infinity;
+        this.step = 1;
+        this.size = 'md';
+        this.disabled = false;
+        this.name = '';
+        this.fullWidth = false;
+        /** Sets a fixed width on the component. The input stretches to fill the available space. */
+        this.width = '';
+        this.hideSpinButtons = false;
+        /** Accessible label forwarded as aria-label to the native input. */
+        this.accessibleLabel = '';
+        /** Override one or more translation keys. Unspecified keys fall back to Dutch. */
+        this.translations = {};
+        /** Last value inside [min, max]; used as fallback when the input is cleared.
+         *  Initialised to the clamped `value` in firstUpdated — the 0 default is only
+         *  relevant before the first render, which no user-facing handler can reach. */
+        this._lastValidValue = 0;
+    }
+    firstUpdated() {
+        if (import.meta.env?.DEV && !this.accessibleLabel) {
+            console.warn('<nldd-number-field>: No accessible-label provided. Add an accessible-label attribute so screen readers can announce the input\'s purpose.');
+        }
+        this._lastValidValue = this._clamp(this.value);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('width')) {
+            if (this.width) {
+                this.style.setProperty('--_width', this.width);
+                this.setAttribute('width', this.width);
+            }
+            else {
+                this.style.removeProperty('--_width');
+                this.removeAttribute('width');
+            }
+        }
+    }
+    // — i18n —————————————————————————————————————————————————————————————————
+    _t(key) {
+        return this.translations[key] ?? nlddNumberFieldTranslations[key];
+    }
+    // — Actions ——————————————————————————————————————————————————————————————
+    _handleDecrease() {
+        if (this.disabled)
+            return;
+        this._commitValue(this.value - this.step);
+    }
+    _handleIncrease() {
+        if (this.disabled)
+            return;
+        this._commitValue(this.value + this.step);
+    }
+    /** Fires while the user types. The value may be outside [min, max]; clamping happens on change. */
+    _handleInput(e) {
+        if (this.disabled)
+            return;
+        const input = e.target;
+        const parsed = parseFloat(input.value);
+        if (isNaN(parsed))
+            return;
+        this.value = parsed;
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    /** Fires on blur or Enter. Clamps the value and falls back to the last valid value when empty. */
+    _handleChange(e) {
+        if (this.disabled)
+            return;
+        const input = e.target;
+        const parsed = parseFloat(input.value);
+        const finalValue = isNaN(parsed) ? this._lastValidValue : this._clamp(parsed);
+        this._commitValue(finalValue, input);
+    }
+    _commitValue(newValue, input) {
+        const clampedValue = this._clamp(newValue);
+        const changed = clampedValue !== this.value;
+        this.value = clampedValue;
+        this._lastValidValue = clampedValue;
+        // Force the input DOM to match the committed value — Lit's property binding
+        // may not re-sync when the user typed an out-of-range value that parses to
+        // the same number after clamping (e.g. empty → fallback).
+        if (input)
+            input.value = String(clampedValue);
+        if (!changed)
+            return;
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _clamp(value) {
+        return Math.max(this.min, Math.min(this.max, value));
+    }
+    render() {
+        return numberFieldTemplate(this);
+    }
+};
+NLDDNumberField.styles = numberFieldStyles;
+__decorate([
+    property({ type: Number })
+], NLDDNumberField.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], NLDDNumberField.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], NLDDNumberField.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], NLDDNumberField.prototype, "step", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDNumberField.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDNumberField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], NLDDNumberField.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'full-width' })
+], NLDDNumberField.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: String })
+], NLDDNumberField.prototype, "width", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-spin-buttons' })
+], NLDDNumberField.prototype, "hideSpinButtons", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDNumberField.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDNumberField.prototype, "translations", void 0);
+NLDDNumberField = __decorate([
+    customElement('nldd-number-field')
+], NLDDNumberField);
+export { NLDDNumberField };
+//# sourceMappingURL=number-field.js.map

package/dist/components/inputs/number-field/number-field.js.map

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

package/dist/components/inputs/number-field/number-field.styles.d.ts

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

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

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