@nldd/design-system 0.8.79 → 0.8.82

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

@@ -0,0 +1,115 @@
+/**
+ * Nederlandse Digitale Dienst File Field Component (Lit + TypeScript)
+ *
+ * A file picker that reads as one control: an nldd-button flush in the corner of
+ * a tinted surface, the chosen file next to it, and a dismiss button to clear it
+ * again. It wraps a hidden native `<input type="file">`, which is what makes the
+ * picker open at all — a file dialog only opens from a user gesture on a real
+ * input.
+ *
+ * The surface deliberately does not look like an input field. A border with
+ * field semantics promises you can type into it; here you can only press a
+ * button, so it uses button and surface colors instead of
+ * `--semantics-input-fields-*`. The button keeps its own tinted background and
+ * therefore sits a shade darker in the surface, which is what marks it as the
+ * thing to press.
+ *
+ * Several files are summarized, not listed: "3 bestanden" with a single cross
+ * that clears all of them. Every pick replaces the whole FileList, and rebuilding
+ * it to add or drop one file means going through DataTransfer, which does not
+ * deduplicate (even the same File object twice yields two entries) — and a File
+ * has no id, so deduplicating would come down to guessing from name, size and
+ * last-modified. A list with a cross per file would promise an edit the platform
+ * does not support. A page that does want to show the files renders its own list
+ * from the `File[]` in the change event.
+ *
+ * @element nldd-file-field
+ * @attr {string} size - Field size: 'md' (default) | 'sm'. Set automatically by nldd-form-field.
+ * @attr {string} accept - Comma-separated list of accepted file types, forwarded to the input (e.g. ".pdf,image/*")
+ * @attr {boolean} multiple - Allows choosing more than one file
+ * @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
+ * @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
+ * @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
+ * @attr {boolean} valid - Marks the field as valid; shows a check icon on the right, like nldd-dropdown
+ * @attr {boolean} invalid - Marks the field as invalid; shows an alert icon on the right, like nldd-dropdown
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Name for form submission
+ * @attr {boolean} required - Marks the field required (invalid while no file is chosen)
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ *
+ * @prop {File[]} files - The chosen files. Read-only: browsers forbid setting a file input's value, so there is no `value` attribute and no way to preselect a file.
+ *
+ * @fires change - When the chosen files change, including a clear; detail: { files: File[] }
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import { type FormValue } from '../../../utilities/form-associated-mixin.js';
+import { type NLDDFileFieldTranslations } from './file-field.i18n.js';
+declare const NLDDFileField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
+export declare class NLDDFileField extends NLDDFileField_base {
+    static styles: import("lit").CSSResult;
+    /** Says this is the control an nldd-form-field is about, so the field can
+     *  find it, name it and move focus into it. See nldd-form-field. */
+    static isFormInput: boolean;
+    size: 'md' | 'sm';
+    accept: string;
+    multiple: boolean;
+    /** Accessible label forwarded to the inner <input>. Set automatically by nldd-form-field. */
+    accessibleLabel: string;
+    inputId: string;
+    errorMessageIds: string;
+    valid: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    name: string;
+    required: boolean;
+    translations: Partial<NLDDFileFieldTranslations>;
+    /** The chosen files. Mirrors the input's FileList; there is no setter, because
+     *  browsers refuse a programmatic file selection. */
+    private _files;
+    get files(): File[];
+    private _input;
+    /** @internal */
+    _t(key: keyof NLDDFileFieldTranslations, vars?: Record<string, string | number>): string;
+    /** @internal */
+    _chooseLabel(): string;
+    /**
+     * The native input carries the field's label but is hidden, so it is not in
+     * the accessibility tree. The button is what you tab to, and on its own it
+     * only says "choose a file" — for which field is the part that matters.
+     *
+     * @internal
+     */
+    _chooseAccessibleLabel(): string;
+    /** @internal */
+    _valueLabel(): string;
+    willUpdate(changed: PropertyValues): void;
+    /** @internal */
+    _handleChoose(): void;
+    /** @internal */
+    _handleInputChange(e: Event): void;
+    /** @internal */
+    _handleClear(): void;
+    private _commit;
+    /** Submit one entry per file under `name`, the way a native multiple file
+     *  input does. A single file is submitted as itself, so a form with one file
+     *  reads back as a File rather than as FormData wrapping one. */
+    formValue(): FormValue;
+    commitFormValue(): void;
+    /** A required field without a file is invalid (valueMissing). */
+    private _updateValidity;
+    formResetCallback(): void;
+    /**
+     * Delegates focus to the choose button rather than the hidden input: an input
+     * that is `display: none` cannot take focus, and the button is what a user
+     * sees as the control.
+     */
+    focus(options?: FocusOptions): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-file-field': NLDDFileField;
+    }
+}
+export {};
+//# sourceMappingURL=file-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/file-field/file-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAI7F,OAAO,EAA6B,KAAK,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;;AAEjG,qBACa,aAAc,SAAQ,kBAA0B;IAE5D,OAAgB,MAAM,0BAAmB;IAEzC;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAI1B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,MAAM,SAAM;IAGZ,QAAQ,UAAS;IAEjB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,OAAO,SAAM;IAGb,eAAe,SAAM;IAGrB,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,YAAY,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAM;IAEtD;yDACqD;IAErD,OAAO,CAAC,MAAM,CAAc;IAE5B,IAAI,KAAK,IAAI,IAAI,EAAE,CAElB;IAGD,OAAO,CAAC,MAAM,CAAoB;IAElC,gBAAgB;IACT,EAAE,CAAC,GAAG,EAAE,MAAM,yBAAyB,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM;IAU/F,gBAAgB;IACT,YAAY,IAAI,MAAM;IAM7B;;;;;;OAMG;IACI,sBAAsB,IAAI,MAAM;IAKvC,gBAAgB;IACT,WAAW,IAAI,MAAM;IAMnB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAKlD,gBAAgB;IACT,aAAa,IAAI,IAAI;IAI5B,gBAAgB;IACT,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAOzC,gBAAgB;IACT,YAAY,IAAI,IAAI;IAU3B,OAAO,CAAC,OAAO;IAYf;;qEAEiE;IACxD,SAAS,IAAI,SAAS;IAQtB,eAAe,IAAI,IAAI;IAKhC,iEAAiE;IACjE,OAAO,CAAC,eAAe;IAYvB,iBAAiB,IAAI,IAAI;IAMzB;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD"}

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

@@ -0,0 +1,10 @@
+export declare const nlddFileFieldTranslations: {
+    'components.file-field.to-choose-file-action': string;
+    'components.file-field.to-choose-files-action': string;
+    'components.file-field.no-file-chosen-text': string;
+    'components.file-field.file-count-text': string;
+    'components.file-field.clear-action': string;
+    'components.file-field.required-error-text': string;
+};
+export type NLDDFileFieldTranslations = typeof nlddFileFieldTranslations;
+//# sourceMappingURL=file-field.i18n.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+export const nlddFileFieldTranslations = {
+    'components.file-field.to-choose-file-action': 'Bestand kiezen',
+    'components.file-field.to-choose-files-action': 'Bestanden kiezen',
+    'components.file-field.no-file-chosen-text': 'Geen bestand gekozen',
+    'components.file-field.file-count-text': '{count} bestanden',
+    'components.file-field.clear-action': 'Wis selectie',
+    'components.file-field.required-error-text': 'Kies een bestand',
+};
+//# sourceMappingURL=file-field.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/file-field/file-field.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACxC,6CAA6C,EAAE,gBAAgB;IAC/D,8CAA8C,EAAE,kBAAkB;IAClE,2CAA2C,EAAE,sBAAsB;IACnE,uCAAuC,EAAE,mBAAmB;IAC5D,oCAAoC,EAAE,cAAc;IACpD,2CAA2C,EAAE,kBAAkB;CAC/D,CAAC"}

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

@@ -0,0 +1,249 @@
+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 File Field Component (Lit + TypeScript)
+ *
+ * A file picker that reads as one control: an nldd-button flush in the corner of
+ * a tinted surface, the chosen file next to it, and a dismiss button to clear it
+ * again. It wraps a hidden native `<input type="file">`, which is what makes the
+ * picker open at all — a file dialog only opens from a user gesture on a real
+ * input.
+ *
+ * The surface deliberately does not look like an input field. A border with
+ * field semantics promises you can type into it; here you can only press a
+ * button, so it uses button and surface colors instead of
+ * `--semantics-input-fields-*`. The button keeps its own tinted background and
+ * therefore sits a shade darker in the surface, which is what marks it as the
+ * thing to press.
+ *
+ * Several files are summarized, not listed: "3 bestanden" with a single cross
+ * that clears all of them. Every pick replaces the whole FileList, and rebuilding
+ * it to add or drop one file means going through DataTransfer, which does not
+ * deduplicate (even the same File object twice yields two entries) — and a File
+ * has no id, so deduplicating would come down to guessing from name, size and
+ * last-modified. A list with a cross per file would promise an edit the platform
+ * does not support. A page that does want to show the files renders its own list
+ * from the `File[]` in the change event.
+ *
+ * @element nldd-file-field
+ * @attr {string} size - Field size: 'md' (default) | 'sm'. Set automatically by nldd-form-field.
+ * @attr {string} accept - Comma-separated list of accepted file types, forwarded to the input (e.g. ".pdf,image/*")
+ * @attr {boolean} multiple - Allows choosing more than one file
+ * @attr {string} accessible-label - Accessible label forwarded to the inner input. Set automatically by nldd-form-field.
+ * @attr {string} input-id - Sets the id on the native input. Set automatically by nldd-form-field.
+ * @attr {string} error-message-ids - Ids for aria-describedby on the inner input. Set automatically by nldd-form-field.
+ * @attr {boolean} valid - Marks the field as valid; shows a check icon on the right, like nldd-dropdown
+ * @attr {boolean} invalid - Marks the field as invalid; shows an alert icon on the right, like nldd-dropdown
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Name for form submission
+ * @attr {boolean} required - Marks the field required (invalid while no file is chosen)
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ *
+ * @prop {File[]} files - The chosen files. Read-only: browsers forbid setting a file input's value, so there is no `value` attribute and no way to preselect a file.
+ *
+ * @fires change - When the chosen files change, including a clear; detail: { files: File[] }
+ */
+import { LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
+import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
+import { fileFieldStyles } from './file-field.styles.js';
+import { fileFieldTemplate } from './file-field.template.js';
+import { nlddFileFieldTranslations } from './file-field.i18n.js';
+let NLDDFileField = class NLDDFileField extends FormAssociated(LitElement) {
+    constructor() {
+        super(...arguments);
+        // Property order matches the story controls.
+        this.size = 'md';
+        this.accept = '';
+        this.multiple = false;
+        /** Accessible label forwarded to the inner <input>. Set automatically by nldd-form-field. */
+        this.accessibleLabel = '';
+        this.inputId = '';
+        this.errorMessageIds = '';
+        this.valid = false;
+        this.invalid = false;
+        this.disabled = false;
+        this.name = '';
+        this.required = false;
+        this.translations = {};
+        /** The chosen files. Mirrors the input's FileList; there is no setter, because
+         *  browsers refuse a programmatic file selection. */
+        this._files = [];
+    }
+    get files() {
+        return this._files;
+    }
+    /** @internal */
+    _t(key, vars) {
+        let text = this.translations[key] ?? nlddFileFieldTranslations[key];
+        if (vars) {
+            for (const [name, value] of Object.entries(vars)) {
+                text = text.split(`{${name}}`).join(String(value));
+            }
+        }
+        return text;
+    }
+    /** @internal */
+    _chooseLabel() {
+        return this.multiple
+            ? this._t('components.file-field.to-choose-files-action')
+            : this._t('components.file-field.to-choose-file-action');
+    }
+    /**
+     * The native input carries the field's label but is hidden, so it is not in
+     * the accessibility tree. The button is what you tab to, and on its own it
+     * only says "choose a file" — for which field is the part that matters.
+     *
+     * @internal
+     */
+    _chooseAccessibleLabel() {
+        if (!this.accessibleLabel)
+            return '';
+        return `${this._chooseLabel()}, ${this.accessibleLabel}`;
+    }
+    /** @internal */
+    _valueLabel() {
+        if (this._files.length === 0)
+            return this._t('components.file-field.no-file-chosen-text');
+        if (this._files.length === 1)
+            return this._files[0].name;
+        return this._t('components.file-field.file-count-text', { count: this._files.length });
+    }
+    willUpdate(changed) {
+        if (changed.has('required'))
+            this._updateValidity();
+        if (changed.has('accessibleLabel'))
+            this.internals.ariaLabel = this.accessibleLabel || null;
+    }
+    /** @internal */
+    _handleChoose() {
+        this._input?.click();
+    }
+    /** @internal */
+    _handleInputChange(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this._files = input.files ? Array.from(input.files) : [];
+        this._commit();
+    }
+    /** @internal */
+    _handleClear() {
+        // Clearing the input as well as the array: the element keeps the previous
+        // FileList otherwise, so choosing the same file again would fire no change.
+        if (this._input)
+            this._input.value = '';
+        this._files = [];
+        this._commit();
+        // Focus would land on the body when the cross unmounts with the last file.
+        void this.updateComplete.then(() => this.focus());
+    }
+    _commit() {
+        this.commitFormValue();
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { files: this._files },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    // — Form participation ————————————————————————————————————————————————————
+    /** Submit one entry per file under `name`, the way a native multiple file
+     *  input does. A single file is submitted as itself, so a form with one file
+     *  reads back as a File rather than as FormData wrapping one. */
+    formValue() {
+        if (!this.name || this._files.length === 0)
+            return null;
+        if (this._files.length === 1)
+            return this._files[0];
+        const data = new FormData();
+        for (const file of this._files)
+            data.append(this.name, file);
+        return data;
+    }
+    commitFormValue() {
+        super.commitFormValue();
+        this._updateValidity();
+    }
+    /** A required field without a file is invalid (valueMissing). */
+    _updateValidity() {
+        if (this.required && this._files.length === 0) {
+            this.internals.setValidity({ valueMissing: true }, this._t('components.file-field.required-error-text'), this._input ?? this);
+        }
+        else {
+            this.internals.setValidity({});
+        }
+    }
+    formResetCallback() {
+        if (this._input)
+            this._input.value = '';
+        this._files = [];
+        this.commitFormValue();
+    }
+    /**
+     * Delegates focus to the choose button rather than the hidden input: an input
+     * that is `display: none` cannot take focus, and the button is what a user
+     * sees as the control.
+     */
+    focus(options) {
+        const button = this.shadowRoot?.querySelector('nldd-button');
+        button?.focus(options);
+    }
+    render() {
+        return fileFieldTemplate(this);
+    }
+};
+NLDDFileField.styles = fileFieldStyles;
+/** Says this is the control an nldd-form-field is about, so the field can
+ *  find it, name it and move focus into it. See nldd-form-field. */
+NLDDFileField.isFormInput = true;
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('md') })
+], NLDDFileField.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDFileField.prototype, "accept", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDFileField.prototype, "multiple", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDFileField.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'input-id' })
+], NLDDFileField.prototype, "inputId", void 0);
+__decorate([
+    property({ type: String, attribute: 'error-message-ids' })
+], NLDDFileField.prototype, "errorMessageIds", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDFileField.prototype, "valid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDFileField.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDFileField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDFileField.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDFileField.prototype, "required", void 0);
+__decorate([
+    property({ type: Object })
+], NLDDFileField.prototype, "translations", void 0);
+__decorate([
+    state()
+], NLDDFileField.prototype, "_files", void 0);
+__decorate([
+    query('.file-field__input')
+], NLDDFileField.prototype, "_input", void 0);
+NLDDFileField = __decorate([
+    customElement('nldd-file-field')
+], NLDDFileField);
+export { NLDDFileField };
+//# sourceMappingURL=file-field.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,134 @@
+import { css } from 'lit';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
+export const fileFieldStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
+
+
+	/* # Host */
+
+	:host {
+		--_width: 100%;
+		--_corner-radius: var(--semantics-controls-md-corner-radius);
+		--_min-size: var(--semantics-controls-md-min-size);
+		--_inline-padding: var(--semantics-controls-md-inline-padding);
+		--_value-color: var(--components-file-field-value-color);
+		--_text-font: var(--semantics-input-fields-md-text-font);
+		--_clear-button-padding-right: calc((var(--_min-size) - var(--semantics-controls-sm-min-size)) / 2);
+		--_validation-icon-area-padding-right: var(--_inline-padding);
+		--_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
+
+		${inheritedTextReset}
+		display: block;
+		width: var(--_width);
+		max-width: 100%;
+		min-width: 0;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([disabled]) {
+		opacity: var(--primitives-opacity-disabled);
+		pointer-events: none;
+	}
+
+	:host([size="sm"]) {
+		--_corner-radius: var(--semantics-controls-sm-corner-radius);
+		--_min-size: var(--semantics-controls-sm-min-size);
+		--_inline-padding: var(--semantics-controls-sm-inline-padding);
+		--_text-font: var(--semantics-input-fields-sm-text-font);
+		--_clear-button-padding-right: calc((var(--_min-size) - var(--semantics-controls-xs-min-size)) / 2);
+		--_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
+	}
+
+
+	/* # Block */
+
+	.file-field {
+		box-sizing: border-box;
+		display: flex;
+		border-radius: var(--_corner-radius);
+		box-shadow: inset 0 0 0 var(--components-file-field-highlight-border-width) var(--components-file-field-highlight-border-color);
+		background-color: var(--components-file-field-background-color);
+		width: 100%;
+		min-width: 0;
+		min-height: var(--_min-size);
+		align-items: center;
+	}
+
+
+	/* # Elements */
+
+	.file-field__input {
+		display: none;
+	}
+
+	.file-field__choose-button {
+		display: flex;
+		flex-shrink: 0;
+		align-self: stretch;
+	}
+
+	.file-field__value {
+		box-sizing: border-box;
+		min-width: 0;
+		padding-right: var(--_inline-padding);
+		padding-left: var(--_inline-padding);
+		flex-grow: 1;
+		color: var(--_value-color);
+		font: var(--_text-font);
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+
+	.file-field__value.is-empty {
+		--_value-color: var(--components-file-field-is-empty-value-color);
+	}
+
+	.file-field__clear-button {
+		display: flex;
+		flex-shrink: 0;
+		padding-right: var(--_clear-button-padding-right);
+	}
+
+	.file-field__clear-button:not(:last-child) {
+		padding-right: var(--primitives-space-0);
+	}
+
+	.file-field__validation-icon-area {
+		display: flex;
+		height: 100%;
+		flex-shrink: 0;
+		padding-right: var(--_validation-icon-area-padding-right);
+		align-items: center;
+		justify-content: center;
+	}
+
+	:host([valid]) .file-field__validation-icon-area {
+		color: var(--semantics-input-fields-is-valid-icon-color);
+	}
+
+	:host([invalid]) .file-field__validation-icon-area {
+		color: var(--semantics-input-fields-is-invalid-icon-color);
+	}
+
+	.file-field__validation-icon {
+		width: var(--_validation-icon-size);
+		height: var(--_validation-icon-size);
+	}
+
+
+	/* # High contrast */
+
+	@media (forced-colors: active) {
+		.file-field {
+			border: var(--components-file-field-highlight-border-width) solid CanvasText;
+		}
+	}
+`;
+//# sourceMappingURL=file-field.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/file-field/file-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmB9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GrB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/file-field/file-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAepC,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CA6C1E"}

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

@@ -0,0 +1,63 @@
+import { html, nothing } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import '../../actions/button/button.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+function renderValidationIcon(component) {
+    if (!component.invalid && !component.valid)
+        return nothing;
+    return html `
+		<div class="file-field__validation-icon-area">
+			<nldd-icon class="file-field__validation-icon"
+				name=${component.invalid ? 'invalid' : 'valid'}
+				aria-hidden="true"
+			></nldd-icon>
+		</div>
+	`;
+}
+export function fileFieldTemplate(component) {
+    const buttonSize = component.size === 'sm' ? 'xs' : 'sm';
+    const hasFiles = component.files.length > 0;
+    return html `
+		<div class="file-field">
+			<input class="file-field__input"
+				type="file"
+				id=${component.inputId || nothing}
+				accept=${component.accept || nothing}
+				?multiple=${component.multiple}
+				?disabled=${component.disabled}
+				?required=${component.required}
+				aria-label=${component.accessibleLabel || nothing}
+				aria-describedby=${component.errorMessageIds || nothing}
+				@change=${component._handleInputChange}
+			>
+			<div class="file-field__choose-button">
+				<nldd-button
+					variant="neutral-tinted"
+					size=${component.size}
+					text=${component._chooseLabel()}
+					accessible-label=${component._chooseAccessibleLabel() || nothing}
+					?disabled=${component.disabled}
+					@click=${component._handleChoose}
+				></nldd-button>
+			</div>
+			<span class=${classMap({ 'file-field__value': true, 'is-empty': !hasFiles })}>
+				${component._valueLabel()}
+			</span>
+			${hasFiles ? html `
+				<div class="file-field__clear-button">
+					<nldd-icon-button
+						variant="neutral-transparent"
+						size=${buttonSize}
+						icon="dismiss"
+						text=${component._t('components.file-field.clear-action')}
+						?disabled=${component.disabled}
+						@click=${component._handleClear}
+					></nldd-icon-button>
+				</div>
+			` : nothing}
+			${renderValidationIcon(component)}
+		</div>
+	`;
+}
+//# sourceMappingURL=file-field.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/file-field/file-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAwB;IACrD,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK;QAAE,OAAO,OAAO,CAAC;IAE3D,OAAO,IAAI,CAAA;;;WAGD,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;;;;EAIhD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAwB;IACzD,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5C,OAAO,IAAI,CAAA;;;;SAIH,SAAS,CAAC,OAAO,IAAI,OAAO;aACxB,SAAS,CAAC,MAAM,IAAI,OAAO;gBACxB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;iBACjB,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;cAC7C,SAAS,CAAC,kBAAkB;;;;;YAK9B,SAAS,CAAC,IAAI;YACd,SAAS,CAAC,YAAY,EAAE;wBACZ,SAAS,CAAC,sBAAsB,EAAE,IAAI,OAAO;iBACpD,SAAS,CAAC,QAAQ;cACrB,SAAS,CAAC,aAAa;;;iBAGpB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC;MACzE,SAAS,CAAC,WAAW,EAAE;;KAExB,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;aAIP,UAAU;;aAEV,SAAS,CAAC,EAAE,CAAC,oCAAoC,CAAC;kBAC7C,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,YAAY;;;IAGjC,CAAC,CAAC,CAAC,OAAO;KACT,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}

package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts

@@ -38,6 +38,9 @@ export declare class NLDDMultiLineTextField extends NLDDMultiLineTextField_base
         slotAssignment?: SlotAssignmentMode;
     };
     static styles: import("lit").CSSResult;
+    /** Says this is the control an nldd-form-field is about, so the field can
+     *  find it, name it and move focus into it. See nldd-form-field. */
+    static isFormInput: boolean;
     private _initialValue;
     size: 'md' | 'sm';
     value: string;

package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-line-text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;;AAEtD,qBACa,sBAAuB,SAAQ,2BAA0B;IAErE,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAA4B;IAGlD,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAGlB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAU;IAE5B,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAGrB,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAuBtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,sBAAsB,CAAC;KACrD;CACD"}
+{"version":3,"file":"multi-line-text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;;AAEtD,qBACa,sBAAuB,SAAQ,2BAA0B;IAErE,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAA4B;IAElD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAGlB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAU;IAE5B,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAGrB,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAuBtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,sBAAsB,CAAC;KACrD;CACD"}