@nldd/design-system 0.8.37

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

@@ -0,0 +1,153 @@
+import { css } from 'lit';
+export const numberFieldStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: inline-block;
+		--_width: auto;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([disabled]) {
+		opacity: var(--primitives-opacity-disabled);
+		pointer-events: none;
+	}
+
+	:host([disabled]) nldd-icon-button {
+		opacity: 1;
+	}
+
+	:host([full-width]) {
+		display: block;
+		width: 100%;
+	}
+
+	:host([width]) {
+		width: var(--_width);
+	}
+
+
+	/* # Block */
+
+	.number-field {
+		display: inline-flex;
+		flex-direction: row;
+		align-items: center;
+		background-color: var(--semantics-input-fields-background-color);
+		border: var(--semantics-input-fields-border);
+		box-sizing: border-box;
+	}
+
+	:host([size='sm']) .number-field {
+		height: var(--semantics-controls-sm-min-size);
+		border-radius: var(--semantics-controls-sm-corner-radius);
+	}
+
+	:host([size='md']) .number-field,
+	:host(:not([size])) .number-field {
+		height: var(--semantics-controls-md-min-size);
+		border-radius: var(--semantics-controls-md-corner-radius);
+	}
+
+	:host([full-width]) .number-field,
+	:host([width]) .number-field {
+		width: 100%;
+	}
+
+	.number-field:has(.number-field__input:focus-visible) {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+
+	/* # Controls */
+
+	.number-field__decrement-button,
+	.number-field__increment-button {
+		display: flex;
+		align-items: center;
+		height: 100%;
+	}
+
+	:host([size='sm']) .number-field__decrement-button {
+		padding-left: calc((var(--semantics-controls-sm-min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+	}
+
+	:host([size='sm']) .number-field__increment-button {
+		padding-right: calc((var(--semantics-controls-sm-min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+	}
+
+	:host([size='md']) .number-field__decrement-button,
+	:host(:not([size])) .number-field__decrement-button {
+		padding-left: calc((var(--semantics-controls-md-min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+	}
+
+	:host([size='md']) .number-field__increment-button,
+	:host(:not([size])) .number-field__increment-button {
+		padding-right: calc((var(--semantics-controls-md-min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+	}
+
+
+	/* # Input */
+
+	.number-field__input {
+		appearance: none;
+		border: none;
+		background: transparent;
+		margin: 0;
+		padding: 0 var(--primitives-space-6);
+		outline: none;
+		box-sizing: border-box;
+		color: var(--semantics-content-color);
+		text-align: center;
+	}
+
+	:host([size='sm']) .number-field__input {
+		font: var(--semantics-input-fields-sm-text-font);
+		min-width: var(--semantics-controls-sm-min-size);
+	}
+
+	:host([size='md']) .number-field__input,
+	:host(:not([size])) .number-field__input {
+		font: var(--semantics-input-fields-md-text-font);
+		min-width: var(--semantics-controls-md-min-size);
+	}
+
+	.number-field__input[type='number'] {
+		-moz-appearance: textfield;
+	}
+
+	.number-field__input::-webkit-outer-spin-button,
+	.number-field__input::-webkit-inner-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+
+	:host([hide-spin-buttons]) .number-field__input {
+		min-width: var(--primitives-space-80);
+		text-align: left;
+	}
+
+	:host([hide-spin-buttons][size='sm']) .number-field__input {
+		padding-inline: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
+	}
+
+	:host([hide-spin-buttons][size='md']) .number-field__input,
+	:host([hide-spin-buttons]:not([size])) .number-field__input {
+		padding-inline: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
+	}
+
+	:host([full-width]) .number-field__input,
+	:host([width]) .number-field__input {
+		flex-grow: 1;
+		min-width: 0;
+	}
+`;
+//# sourceMappingURL=number-field.styles.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAEpD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CAiD9E"}

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

@@ -0,0 +1,52 @@
+import { html, nothing } from 'lit';
+import './../../actions/icon-button/icon-button.js';
+export function numberFieldTemplate(component) {
+    const canDecrease = component.value > component.min;
+    const canIncrease = component.value < component.max;
+    const iconButtonSize = component.size === 'sm' ? 'xs' : 'sm';
+    return html `
+		<div class="number-field"
+			role="group"
+			aria-label=${component._t('components.number-field.to-adjust-value-action')}
+		>
+			${!component.hideSpinButtons ? html `
+				<div class="number-field__decrement-button">
+					<nldd-icon-button
+						variant="neutral-tinted"
+						size=${iconButtonSize}
+						icon="minus"
+						text=${component._t('components.number-field.decrement-action')}
+						?disabled=${component.disabled || !canDecrease}
+						@click=${component._handleDecrease}
+					></nldd-icon-button>
+				</div>
+			` : nothing}
+			<input class="number-field__input"
+				type="number"
+				inputmode=${Number.isInteger(component.step) ? 'numeric' : 'decimal'}
+				aria-label=${component.accessibleLabel || nothing}
+				.value=${String(component.value)}
+				min=${component.min}
+				max=${component.max}
+				step=${component.step}
+				?disabled=${component.disabled}
+				name=${component.name || nothing}
+				@input=${component._handleInput}
+				@change=${component._handleChange}
+			>
+			${!component.hideSpinButtons ? html `
+				<div class="number-field__increment-button">
+					<nldd-icon-button
+						variant="neutral-tinted"
+						size=${iconButtonSize}
+						icon="plus"
+						text=${component._t('components.number-field.increment-action')}
+						?disabled=${component.disabled || !canIncrease}
+						@click=${component._handleIncrease}
+					></nldd-icon-button>
+				</div>
+			` : nothing}
+		</div>
+	`;
+}
+//# sourceMappingURL=number-field.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC;IACpD,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC;IACpD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;gBAGI,SAAS,CAAC,EAAE,CAAC,gDAAgD,CAAC;;KAEzE,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;;;aAIzB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;kBACnD,SAAS,CAAC,QAAQ,IAAI,CAAC,WAAW;eACrC,SAAS,CAAC,eAAe;;;IAGpC,CAAC,CAAC,CAAC,OAAO;;;gBAGE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACvD,SAAS,CAAC,eAAe,IAAI,OAAO;aACxC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;UAC1B,SAAS,CAAC,GAAG;UACb,SAAS,CAAC,GAAG;WACZ,SAAS,CAAC,IAAI;gBACT,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACvB,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;KAEhC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;;;aAIzB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;kBACnD,SAAS,CAAC,QAAQ,IAAI,CAAC,WAAW;eACrC,SAAS,CAAC,eAAe;;;IAGpC,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,84 @@
+/**
+ * Nederlandse Digitale Dienst Password Field Component (Lit + TypeScript)
+ *
+ * A password input field with visibility toggle and validation states.
+ *
+ * @element nldd-password-field
+ *
+ * @attr {string} value        - The input value
+ * @attr {string} placeholder  - Placeholder text
+ * @attr {string} input-id     - Sets the id on the native input. Set automatically by nldd-form-field.
+ * @attr {string} size         - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
+ * @attr {boolean} valid       - Marks the field as valid
+ * @attr {boolean} invalid     - Marks the field as invalid
+ * @attr {boolean} disabled    - Disabled state
+ * @attr {boolean} masked                  - Whether the password is masked (default: true)
+ * @attr {string} show-text               - Visible toggle button text when masked (default: 'Toon')
+ * @attr {string} hide-text               - Visible toggle button text when unmasked (default: 'Verberg')
+ * @attr {string} show-accessible-label    - aria-label for toggle when masked (default: 'Toon wachtwoord')
+ * @attr {string} hide-accessible-label    - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
+ * @attr {boolean} readonly    - Readonly state
+ * @attr {boolean} required    - Required state
+ * @attr {string} name         - Input name for form submission
+ * @attr {string} autocomplete        - Autocomplete hint
+ * @attr {string} accessible-label    - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
+ * @attr {string} width        - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
+ *
+ * @fires input  - When the input value changes ({ detail: { value } })
+ * @fires change - When the input value is committed ({ detail: { value } })
+ *
+ * @csspart field  - The field container
+ * @csspart input  - The native input element
+ * @csspart toggle - The toggle button wrapper
+ */
+import { LitElement, type PropertyValues } from 'lit';
+export declare class NLDDPasswordField extends LitElement {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import("lit").CSSResult;
+    size: 'md' | 'sm';
+    value: string;
+    inputId: string;
+    placeholder: string;
+    valid: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    masked: boolean;
+    /** Visible button label when the field is masked. Override for localisation. */
+    showText: string;
+    /** Visible button label when the field is unmasked. Override for localisation. */
+    hideText: string;
+    /** Accessible aria-label for the toggle button when the field is masked. Override for localisation. */
+    showAccessibleLabel: string;
+    /** Accessible aria-label for the toggle button when the field is unmasked. Override for localisation. */
+    hideAccessibleLabel: string;
+    readonly: boolean;
+    required: boolean;
+    name: string;
+    autocomplete: string;
+    /** Accessible label forwarded to the inner <input>. Set automatically by nldd-form-field. */
+    accessibleLabel: string;
+    errorMessageIds: string;
+    /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+    width: string;
+    private _input;
+    updated(changed: PropertyValues): void;
+    _handleInput(e: Event): void;
+    _handleChange(e: Event): void;
+    _handleToggle(): void;
+    focus(): void;
+    blur(): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-password-field': NLDDPasswordField;
+    }
+}
+//# sourceMappingURL=password-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,qBACa,iBAAkB,SAAQ,UAAU;IAChD,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAuB;IAG7C,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,MAAM,UAAQ;IAEd,gFAAgF;IAEhF,QAAQ,SAAU;IAElB,kFAAkF;IAElF,QAAQ,SAAa;IAErB,uGAAuG;IAEvG,mBAAmB,SAAqB;IAExC,yGAAyG;IAEzG,mBAAmB,SAAwB;IAG3C,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,YAAY,SAAM;IAElB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,CAAC,MAAM,CAAoB;IAEzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAMxC,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW7B,aAAa,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}

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

@@ -0,0 +1,180 @@
+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 Password Field Component (Lit + TypeScript)
+ *
+ * A password input field with visibility toggle and validation states.
+ *
+ * @element nldd-password-field
+ *
+ * @attr {string} value        - The input value
+ * @attr {string} placeholder  - Placeholder text
+ * @attr {string} input-id     - Sets the id on the native input. Set automatically by nldd-form-field.
+ * @attr {string} size         - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
+ * @attr {boolean} valid       - Marks the field as valid
+ * @attr {boolean} invalid     - Marks the field as invalid
+ * @attr {boolean} disabled    - Disabled state
+ * @attr {boolean} masked                  - Whether the password is masked (default: true)
+ * @attr {string} show-text               - Visible toggle button text when masked (default: 'Toon')
+ * @attr {string} hide-text               - Visible toggle button text when unmasked (default: 'Verberg')
+ * @attr {string} show-accessible-label    - aria-label for toggle when masked (default: 'Toon wachtwoord')
+ * @attr {string} hide-accessible-label    - aria-label for toggle when unmasked (default: 'Verberg wachtwoord')
+ * @attr {boolean} readonly    - Readonly state
+ * @attr {boolean} required    - Required state
+ * @attr {string} name         - Input name for form submission
+ * @attr {string} autocomplete        - Autocomplete hint
+ * @attr {string} accessible-label    - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
+ * @attr {string} width        - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
+ *
+ * @fires input  - When the input value changes ({ detail: { value } })
+ * @fires change - When the input value is committed ({ detail: { value } })
+ *
+ * @csspart field  - The field container
+ * @csspart input  - The native input element
+ * @csspart toggle - The toggle button wrapper
+ */
+import { LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { passwordFieldStyles } from './password-field.styles.js';
+import { passwordFieldTemplate } from './password-field.template.js';
+let NLDDPasswordField = class NLDDPasswordField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.value = '';
+        this.inputId = '';
+        this.placeholder = '';
+        this.valid = false;
+        this.invalid = false;
+        this.disabled = false;
+        this.masked = true;
+        /** Visible button label when the field is masked. Override for localisation. */
+        this.showText = 'Toon';
+        /** Visible button label when the field is unmasked. Override for localisation. */
+        this.hideText = 'Verberg';
+        /** Accessible aria-label for the toggle button when the field is masked. Override for localisation. */
+        this.showAccessibleLabel = 'Toon wachtwoord';
+        /** Accessible aria-label for the toggle button when the field is unmasked. Override for localisation. */
+        this.hideAccessibleLabel = 'Verberg wachtwoord';
+        this.readonly = false;
+        this.required = false;
+        this.name = '';
+        this.autocomplete = '';
+        /** Accessible label forwarded to the inner <input>. Set automatically by nldd-form-field. */
+        this.accessibleLabel = '';
+        this.errorMessageIds = '';
+        /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+        this.width = '';
+    }
+    updated(changed) {
+        if (changed.has('width')) {
+            this.style.width = this.width || '';
+        }
+    }
+    _handleInput(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this.value = input.value;
+        this.dispatchEvent(new CustomEvent('input', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleChange(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this.value = input.value;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleToggle() {
+        this.masked = !this.masked;
+    }
+    focus() {
+        this._input?.focus();
+    }
+    blur() {
+        this._input?.blur();
+    }
+    render() {
+        return passwordFieldTemplate(this);
+    }
+};
+NLDDPasswordField.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+NLDDPasswordField.styles = passwordFieldStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDPasswordField.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], NLDDPasswordField.prototype, "value", void 0);
+__decorate([
+    property({ type: String, attribute: 'input-id' })
+], NLDDPasswordField.prototype, "inputId", void 0);
+__decorate([
+    property({ type: String })
+], NLDDPasswordField.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDPasswordField.prototype, "valid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDPasswordField.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDPasswordField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDPasswordField.prototype, "masked", void 0);
+__decorate([
+    property({ type: String, attribute: 'show-text' })
+], NLDDPasswordField.prototype, "showText", void 0);
+__decorate([
+    property({ type: String, attribute: 'hide-text' })
+], NLDDPasswordField.prototype, "hideText", void 0);
+__decorate([
+    property({ type: String, attribute: 'show-accessible-label' })
+], NLDDPasswordField.prototype, "showAccessibleLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'hide-accessible-label' })
+], NLDDPasswordField.prototype, "hideAccessibleLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDPasswordField.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDPasswordField.prototype, "required", void 0);
+__decorate([
+    property({ type: String })
+], NLDDPasswordField.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], NLDDPasswordField.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDPasswordField.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'error-message-ids' })
+], NLDDPasswordField.prototype, "errorMessageIds", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDPasswordField.prototype, "width", void 0);
+__decorate([
+    query('.password-field__input')
+], NLDDPasswordField.prototype, "_input", void 0);
+NLDDPasswordField = __decorate([
+    customElement('nldd-password-field')
+], NLDDPasswordField);
+export { NLDDPasswordField };
+//# sourceMappingURL=password-field.js.map

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

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

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

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

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

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