@mmlogic/components 0.5.2 → 0.5.3

package/dist/cjs/mrd-merge-view.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DzRfoAPz.js');
-var clientLayout = require('./client-layout-RZ3Ix-4a.js');
-var cellRenderer = require('./cell-renderer-CmaO0CZT.js');
+var index = require('./index-DVbdkYO3.js');
+var clientLayout = require('./client-layout-CqVuJumR.js');
+var cellRenderer = require('./cell-renderer-7KX9Qbml.js');
 
 /**
  * Whether a layout item can appear in the merge diff at all. m-n relations
@@ -257,14 +257,14 @@ const MrdMergeView = class {
         var _a, _b;
         let stepContent;
         if (this.step === 'search') {
-            stepContent = (index.h(MergeSearchStep, { key: '4b79504f62f85274c9cd9681b6819c2318f4246a', locale: this.locale, searchQuery: this.searchQuery, searchResults: this.searchResults, isLoading: this.isLoading, onSearchInput: this.handleSearchInput, onSelect: this.handleSelect }));
+            stepContent = (index.h(MergeSearchStep, { key: '3adb36fb46aa7260641a46a2cf27cc0ef320876f', locale: this.locale, searchQuery: this.searchQuery, searchResults: this.searchResults, isLoading: this.isLoading, onSearchInput: this.handleSearchInput, onSelect: this.handleSelect }));
         }
         else {
             const diff = diffFields(this.fields, this.currentRecord, this.candidate);
             const bLabel = candidateLabel(this.candidate);
             stepContent = this.step === 'compare' ? (index.h(MergeCompareStep, { locale: this.locale, currentLabel: this.currentLabel, candidateLabel: bLabel, conflicts: diff.conflicts, autoFilled: diff.autoFilled, recordA: this.currentRecord, recordB: (_a = this.candidate) !== null && _a !== void 0 ? _a : {}, resolutions: this.resolutions, openHistoryKey: this.openHistoryKey, onResolve: this.handleResolve, onToggleHistory: this.handleToggleHistory, onChangeCandidate: this.handleChangeCandidate, onContinue: this.handleContinue })) : (index.h(MergeConfirmStep, { locale: this.locale, candidateLabel: bLabel, conflicts: diff.conflicts, autoFilled: diff.autoFilled, resolutions: this.resolutions, recordB: (_b = this.candidate) !== null && _b !== void 0 ? _b : {}, openHistoryKey: this.openHistoryKey, onToggleHistory: this.handleToggleHistory, onBack: this.handleBack, onConfirm: this.handleConfirm }));
         }
-        return (index.h(index.Host, { key: 'f3fc046fa728646e2ff686d2eae30024da3121e1' }, index.h("div", { key: '55bef786973d22dce49be021cfb78588b119139c', class: "mrd-merge-view" }, stepContent)));
+        return (index.h(index.Host, { key: 'e33a6d66a220b28cc9533da78dc274e2d7ec5c4a' }, index.h("div", { key: 'b5fb1390d86192f9f6f15e3ccb89e2d21d9c7c8b', class: "mrd-merge-view" }, stepContent)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "components/documents/mrd-document-container/mrd-document-container.js",
     "components/documents/mrd-document-list/mrd-document-list.js",
     "components/documents/mrd-document-view/mrd-document-view.js",
+    "components/email/mrd-email-view/mrd-email-view.js",
     "components/fields/mrd-boolean-field/mrd-boolean-field.js",
     "components/fields/mrd-currency-field/mrd-currency-field.js",
     "components/fields/mrd-date-field/mrd-date-field.js",
@@ -21,6 +22,7 @@
     "components/fields/mrd-time-field/mrd-time-field.js",
     "components/form/mrd-field/mrd-field.js",
     "components/form/mrd-form/mrd-form.js",
+    "components/invoice/mrd-invoice-view/mrd-invoice-view.js",
     "components/layout/mrd-layout-section/mrd-layout-section.js",
     "components/merge/mrd-merge-view/mrd-merge-view.js",
     "components/table/mrd-table/mrd-table.js"

package/dist/collection/components/documents/mrd-document-view/mrd-document-view.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 import { t } from "../../../utils/i18n";
 import { formatDate } from "../../../utils/format";
-import { attachmentsFromRecord } from "../../../utils/document-attachments";
+import { attachmentsFromRecord, attachmentsKey } from "../../../utils/document-attachments";
 /**
  * Archetype-driven single-document view. Given a `commons.document` binding and a
  * data record, renders the document recognisably — title, date, a navigation
@@ -24,9 +24,9 @@ export class MrdDocumentView {
         /** The data record from the /data endpoint. Fields keyed by name; relations under `_links`. */
         this.data = {};
         this.locale = navigator.language;
-        /** Tracks the href attachments were last emitted for, so componentDidLoad and
+        /** Tracks the key attachments were last emitted for, so componentDidLoad and
          *  the data watcher don't emit duplicate events for the same file. */
-        this.lastAttachmentHref = null;
+        this.lastAttachmentKey = null;
     }
     componentDidLoad() {
         this.emitAttachmentsIfNeeded();
@@ -35,12 +35,11 @@ export class MrdDocumentView {
         this.emitAttachmentsIfNeeded();
     }
     emitAttachmentsIfNeeded() {
-        var _a, _b;
         const attachments = attachmentsFromRecord(this.archetype, this.data);
-        const href = (_b = (_a = attachments[0]) === null || _a === void 0 ? void 0 : _a.href) !== null && _b !== void 0 ? _b : null;
-        if (href === this.lastAttachmentHref)
+        const key = attachmentsKey(attachments);
+        if (key === this.lastAttachmentKey)
             return;
-        this.lastAttachmentHref = href;
+        this.lastAttachmentKey = key;
         this.mrdAttachments.emit({ attachments });
     }
     /** Value of a value-slot: reads data[field] via the slot→field map. */
@@ -88,7 +87,7 @@ export class MrdDocumentView {
         const fileRaw = this.slotValue('file');
         const fileHref = (_a = fileRaw === null || fileRaw === void 0 ? void 0 : fileRaw.href) !== null && _a !== void 0 ? _a : '';
         const fileName = (_b = fileRaw === null || fileRaw === void 0 ? void 0 : fileRaw.fileName) !== null && _b !== void 0 ? _b : (fileRaw ? String(fileRaw) : '');
-        return (h(Host, { key: 'd4e8d4a6c5c66677df3d4e80943fc4538d9a2be7' }, h("div", { key: 'c67bb1742590dc3ab3cec959f20dfa9030268411', class: "mrd-document-view" }, h("div", { key: '5da6e15d1f67990a9ee06bc07b717e5fa17a2ee7', class: "mrd-document-view__body" }, h("div", { key: '0fc38933add3fff48096c48d2fb6cd06fb5d1eac', class: "mrd-document-view__meta" }, title && h("h1", { key: 'e9ac8d99f9afae6b64dd7e6bd461c54b92a6ea39', class: "mrd-document-view__title" }, title), date && h("p", { key: '8591d77b300ed3c021cfa64b8e9564dee98199cd', class: "mrd-document-view__date" }, date), this.renderContainer(), fileRaw && this.renderFileMeta(fileName, fileHref), summary && (h("div", { key: '8a6d630afcf187fa86c9bab77d06d93695fd5c9f', class: "mrd-document-view__summary" }, h("div", { key: 'bd98e2cf740d08837accd8d260973d4e51cd24f7', class: "mrd-document-view__summary-body", innerHTML: summary }))))))));
+        return (h(Host, { key: '405890ef9135d4e9f15532dbc669c4d8d1e8b201' }, h("div", { key: 'be60f0867664a0ded6a85b17999ab207f042d8e2', class: "mrd-document-view" }, h("div", { key: 'f0202da7e83a05f782ba70c3cff91049d56c3e04', class: "mrd-document-view__body" }, h("div", { key: '85d5075c6751200ae3840b1d9e4544792ea52b5e', class: "mrd-document-view__meta" }, title && h("h1", { key: '63a4676ef488f2b0cf2347e0aa4e3c728b2d9351', class: "mrd-document-view__title" }, title), date && h("p", { key: '4ff630a9967509f661050ba04eece5ca26773ce2', class: "mrd-document-view__date" }, date), this.renderContainer(), fileRaw && this.renderFileMeta(fileName, fileHref), summary && (h("div", { key: '412e4934755e801e8a6cd10f5d00da82f9b6aa6a', class: "mrd-document-view__summary" }, h("div", { key: 'fc5c1b88cdba2f2398d09b42ede0b4dc556cd0f3', class: "mrd-document-view__summary-body", innerHTML: summary }))))))));
     }
     static get is() { return "mrd-document-view"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/email/mrd-email-view/mrd-email-view.css

@@ -0,0 +1,126 @@
+:host {
+  display: block;
+}
+
+.mrd-email-view {
+  max-width: 720px;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mrd-space-4);
+}
+.mrd-email-view__subject {
+  font-size: var(--mrd-font-size-2xl);
+  font-weight: var(--mrd-font-weight-bold);
+  color: var(--mrd-color-neutral-900);
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+.mrd-email-view__header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mrd-space-1);
+}
+.mrd-email-view__header-row {
+  display: flex;
+  gap: var(--mrd-space-3);
+  font-size: var(--mrd-font-size-sm);
+}
+.mrd-email-view__header-label {
+  flex-shrink: 0;
+  width: 3rem;
+  font-weight: var(--mrd-font-weight-medium);
+  color: var(--mrd-color-neutral-400);
+}
+.mrd-email-view__header-value {
+  color: var(--mrd-color-neutral-700);
+}
+.mrd-email-view__link {
+  background: none;
+  border: none;
+  padding: 0;
+  font-family: var(--mrd-font-family);
+  font-size: inherit;
+  font-weight: var(--mrd-font-weight-medium);
+  color: var(--mrd-color-primary);
+  cursor: pointer;
+}
+.mrd-email-view__link:hover {
+  text-decoration: underline;
+}
+.mrd-email-view__container-link {
+  align-self: flex-start;
+  background: none;
+  border: none;
+  padding: 0;
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-font-size-sm);
+  font-weight: var(--mrd-font-weight-semibold);
+  color: var(--mrd-color-primary);
+  cursor: pointer;
+}
+.mrd-email-view__container-link:hover {
+  text-decoration: underline;
+}
+.mrd-email-view__divider {
+  height: var(--mrd-border-width);
+  background: var(--mrd-color-neutral-200);
+}
+.mrd-email-view__body-html {
+  font-size: var(--mrd-font-size-base);
+  color: var(--mrd-color-neutral-700);
+  line-height: var(--mrd-line-height-relaxed);
+  word-break: break-word;
+}
+.mrd-email-view__body-text {
+  font-size: var(--mrd-font-size-base);
+  color: var(--mrd-color-neutral-700);
+  line-height: var(--mrd-line-height-relaxed);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.mrd-email-view__attachments {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mrd-space-2);
+}
+.mrd-email-view__attachment {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--mrd-space-2);
+  align-self: flex-start;
+  height: 2rem;
+  padding: 0 var(--mrd-space-3);
+  background: var(--mrd-color-white);
+  border: 1px solid var(--mrd-color-neutral-300);
+  border-radius: var(--mrd-border-radius);
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-font-size-sm);
+  font-weight: var(--mrd-font-weight-medium);
+  color: var(--mrd-color-neutral-700);
+  cursor: pointer;
+}
+.mrd-email-view__attachment:hover {
+  background: var(--mrd-color-neutral-100);
+  color: var(--mrd-color-neutral-900);
+}
+.mrd-email-view__attachment-icon {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  flex-shrink: 0;
+}
+.mrd-email-view__headers {
+  font-size: var(--mrd-font-size-xs);
+  color: var(--mrd-color-neutral-400);
+}
+.mrd-email-view__headers summary {
+  cursor: pointer;
+  font-weight: var(--mrd-font-weight-medium);
+}
+.mrd-email-view__headers-body {
+  margin: var(--mrd-space-2) 0 0 0;
+  padding: var(--mrd-space-3);
+  background: var(--mrd-color-neutral-50);
+  border-radius: var(--mrd-border-radius);
+  white-space: pre-wrap;
+  word-break: break-word;
+}

package/dist/collection/components/email/mrd-email-view/mrd-email-view.js

@@ -0,0 +1,247 @@
+import { Host, h } from "@stencil/core";
+import DOMPurify from "dompurify";
+import { t } from "../../../utils/i18n";
+import { formatDateTime } from "../../../utils/format";
+import { attachmentsFromRecord, attachmentsKey } from "../../../utils/document-attachments";
+/**
+ * Archetype-driven single-email view. Given a `commons.email` binding and a data
+ * record, renders the message the way an Outlook printout would — subject, a
+ * compact From/To/CC/Date header block, the body and attachments — instead of a
+ * generic field form. Fully read-only: emails arrive through other channels (mail
+ * ingestion gateways), never edited here.
+ *
+ * Like `mrd-document-view`/`mrd-invoice-view`, this component never resolves file
+ * hrefs itself — it only exposes attachment references via `mrdAttachments` (an
+ * email can have several) and plain download buttons; the host decides how/whether
+ * to render them.
+ */
+export class MrdEmailView {
+    constructor() {
+        /** The data record from the /data endpoint. Fields keyed by name; relations under `_links`. */
+        this.data = {};
+        this.locale = navigator.language;
+        /** Tracks the key attachments were last emitted for, so componentDidLoad and the
+         *  data watcher don't emit duplicate events for the same set of files. */
+        this.lastAttachmentKey = null;
+    }
+    componentDidLoad() {
+        this.emitAttachmentsIfNeeded();
+    }
+    dataChanged() {
+        this.emitAttachmentsIfNeeded();
+    }
+    emitAttachmentsIfNeeded() {
+        const attachments = attachmentsFromRecord(this.archetype, this.data, 'attachments');
+        const key = attachmentsKey(attachments);
+        if (key === this.lastAttachmentKey)
+            return;
+        this.lastAttachmentKey = key;
+        this.mrdAttachments.emit({ attachments });
+    }
+    /** Value of a value-slot: reads data[field] via the slot→field map. */
+    slotValue(slot) {
+        var _a, _b;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        return this.data[field];
+    }
+    /** Relation link for a relation-slot: reads data._links[field]. */
+    slotLink(slot) {
+        var _a, _b, _c, _d;
+        const field = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b[slot];
+        if (!field)
+            return undefined;
+        const links = ((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c._links) !== null && _d !== void 0 ? _d : {});
+        return links[field];
+    }
+    renderAddressRow(slot, label) {
+        var _a;
+        const link = this.slotLink(slot);
+        const entries = ((_a = link === null || link === void 0 ? void 0 : link.values) === null || _a === void 0 ? void 0 : _a.length)
+            ? link.values
+            : (link === null || link === void 0 ? void 0 : link.href) && (link === null || link === void 0 ? void 0 : link.name) ? [{ href: link.href, name: link.name }] : [];
+        if (!entries.length)
+            return null;
+        return (h("div", { class: "mrd-email-view__header-row" }, h("span", { class: "mrd-email-view__header-label" }, label), h("span", { class: "mrd-email-view__header-value" }, entries.map((entry, i) => (h("span", { key: entry.href }, h("button", { type: "button", class: "mrd-email-view__link", onClick: () => this.mrdNavigate.emit({ href: entry.href, label: entry.name }) }, entry.name), i < entries.length - 1 ? ', ' : ''))))));
+    }
+    renderContainer() {
+        const link = this.slotLink('container');
+        if (!(link === null || link === void 0 ? void 0 : link.href) || !link.name)
+            return null;
+        return (h("button", { type: "button", class: "mrd-email-view__container-link", onClick: () => this.mrdNavigate.emit({ href: link.href, label: link.name }) }, link.name));
+    }
+    renderBody() {
+        const bodyHtmlRaw = this.slotValue('bodyHtml');
+        if (bodyHtmlRaw != null && bodyHtmlRaw !== '') {
+            return h("div", { class: "mrd-email-view__body-html", innerHTML: DOMPurify.sanitize(String(bodyHtmlRaw)) });
+        }
+        const bodyTextRaw = this.slotValue('bodyText');
+        if (bodyTextRaw != null && bodyTextRaw !== '') {
+            return h("div", { class: "mrd-email-view__body-text" }, String(bodyTextRaw));
+        }
+        return null;
+    }
+    renderHeaders() {
+        const headersRaw = this.slotValue('headers');
+        if (headersRaw == null || headersRaw === '')
+            return null;
+        return (h("details", { class: "mrd-email-view__headers" }, h("summary", null, t('email_show_headers', this.locale)), h("pre", { class: "mrd-email-view__headers-body" }, String(headersRaw))));
+    }
+    renderAttachments() {
+        const attachments = attachmentsFromRecord(this.archetype, this.data, 'attachments');
+        if (!attachments.length)
+            return null;
+        return (h("div", { class: "mrd-email-view__attachments" }, attachments.map(a => (h("button", { type: "button", key: a.href, class: "mrd-email-view__attachment", onClick: () => this.mrdDownload.emit({ href: a.href, fileName: a.fileName }) }, h("svg", { class: "mrd-email-view__attachment-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M21.44 11.05l-9.19 9.19a5 5 0 01-7.07-7.07l9.19-9.19a3 3 0 014.24 4.24l-9.2 9.19a1 1 0 01-1.41-1.41l8.49-8.48" })), a.fileName)))));
+    }
+    render() {
+        const subjectRaw = this.slotValue('subject');
+        const subject = subjectRaw != null && subjectRaw !== '' ? String(subjectRaw) : null;
+        const dateRaw = this.slotValue('date');
+        return (h(Host, { key: '3f36e4df048a71075193d61d0455f94a9121cacf' }, h("div", { key: '164a3d686a462ede237d1aa0892c041ec7ee30b5', class: "mrd-email-view" }, subject && h("h1", { key: '46111bedb40e60189f00232ec5f670c9d027c781', class: "mrd-email-view__subject" }, subject), h("div", { key: '492616cf77aa2351c680509c14328178426be7ed', class: "mrd-email-view__header" }, this.renderAddressRow('from', t('email_from', this.locale)), this.renderAddressRow('to', t('email_to', this.locale)), this.renderAddressRow('cc', t('email_cc', this.locale)), dateRaw != null && dateRaw !== '' && (h("div", { key: 'bc89fb4adec45280b3cbb7216455a7a8a5530f51', class: "mrd-email-view__header-row" }, h("span", { key: '2c0a90c5061261b8b70ba3eb0bf8b9fab793cc7d', class: "mrd-email-view__header-label" }, t('email_date', this.locale)), h("span", { key: 'de3edda49ec15795c9e91297ade9535f06b53b29', class: "mrd-email-view__header-value" }, formatDateTime(dateRaw, this.locale))))), this.renderContainer(), h("div", { key: '6e834f73168f167dac9b90a492db168b0dacc62e', class: "mrd-email-view__divider" }), this.renderBody(), this.renderAttachments(), this.renderHeaders())));
+    }
+    static get is() { return "mrd-email-view"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["mrd-email-view.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["mrd-email-view.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "archetype": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ClientArchetype",
+                    "resolved": "ClientArchetype",
+                    "references": {
+                        "ClientArchetype": {
+                            "location": "import",
+                            "path": "../../../types/client-layout",
+                            "id": "src/types/client-layout.ts::ClientArchetype",
+                            "referenceLocation": "ClientArchetype"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Resolved `commons.email` binding: slot name \u2192 concrete field/relation name."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "data": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Record<string, unknown>",
+                    "resolved": "string | unknown",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The data record from the /data endpoint. Fields keyed by name; relations under `_links`."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "locale",
+                "defaultValue": "navigator.language"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "mrdNavigate",
+                "name": "mrdNavigate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Navigate to a sender/recipient or the container. Host resolves the href and routes."
+                },
+                "complexType": {
+                    "original": "{ href?: string; label: string }",
+                    "resolved": "{ href?: string | undefined; label: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdDownload",
+                "name": "mrdDownload",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Download an attachment. Host resolves the href to a signed URL."
+                },
+                "complexType": {
+                    "original": "{ href: string; fileName: string }",
+                    "resolved": "{ href: string; fileName: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdAttachments",
+                "name": "mrdAttachments",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The file(s) belonging to this email, fired once on load and again whenever the\nattachments slot's value changes. The host resolves the href(s) itself."
+                },
+                "complexType": {
+                    "original": "{ attachments: DocumentAttachment[] }",
+                    "resolved": "{ attachments: DocumentAttachment[]; }",
+                    "references": {
+                        "DocumentAttachment": {
+                            "location": "import",
+                            "path": "../../../types/client-layout",
+                            "id": "src/types/client-layout.ts::DocumentAttachment",
+                            "referenceLocation": "DocumentAttachment"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "data",
+                "methodName": "dataChanged"
+            }];
+    }
+}

package/dist/collection/components/fields/file-upload-common.js

@@ -1,8 +1,24 @@
 import { t } from "../../utils/i18n";
-/**
- * Shared upload behaviour for mrd-file-field and mrd-image-field:
- * file validation, drop-zone class building and drag-drop wiring.
- */
+/** True while the entry is still a local `File` awaiting upload resolution. */
+export function isPending(entry) {
+    return entry instanceof File;
+}
+/** Display name for an entry: the `File`'s own name, the resolved `fileName`, or — for the
+ *  legacy bare-href shape — a best-effort basename of the URI. */
+export function entryLabel(entry) {
+    var _a;
+    if (entry instanceof File)
+        return entry.name;
+    if (typeof entry !== 'string')
+        return entry.fileName || entry.href;
+    const base = (_a = entry.split('/').pop()) !== null && _a !== void 0 ? _a : entry;
+    try {
+        return decodeURIComponent(base);
+    }
+    catch (_b) {
+        return base;
+    }
+}
 /** Validates a selected/dropped file; returns a localised error message or '' when accepted. */
 export function validateUploadFile(file, maxSize, locale, requireImage = false) {
     if (maxSize > 0 && file.size > maxSize)
@@ -21,7 +37,7 @@ export function uploadZoneClass(base, opts) {
     ].filter(Boolean).join(' ');
 }
 /** Drag-drop handlers for the drop zone; the component owns the dragging state and file handling. */
-export function makeDragHandlers(setDragging, onFile) {
+export function makeDragHandlers(setDragging, onFiles) {
     return {
         onDragOver: (e) => {
             e.preventDefault();
@@ -29,10 +45,10 @@ export function makeDragHandlers(setDragging, onFile) {
         },
         onDragLeave: () => setDragging(false),
         onDrop: (e) => {
-            var _a, _b, _c;
+            var _a, _b;
             e.preventDefault();
             setDragging(false);
-            onFile((_c = (_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : null);
+            onFiles(Array.from((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) !== null && _b !== void 0 ? _b : []));
         },
     };
 }

package/dist/collection/components/fields/mrd-boolean-field/mrd-boolean-field.js

@@ -20,7 +20,7 @@ export class MrdBooleanField {
         this.checked = !!this.value;
     }
     render() {
-        return (h(Host, { key: 'c0e92a50b1512d7b7f36f151b34bcb5b9497ca59' }, h("div", { key: 'e3f70c88321d8e72784b81092a9ebc0451ba330d', class: "mrd-boolean-field" }, h("label", { key: '3e6d907b72a5e1da7e268685c67811ebf264d5d8', class: "mrd-boolean-field__toggle-label" }, h("input", { key: '2b6df62a72cba19aa26374a2448c26666e28b03d', class: "mrd-boolean-field__checkbox", type: "checkbox", name: this.name, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h("span", { key: '77cbe5c1a25153de745f5e91eef589f40cb3237d', class: "mrd-boolean-field__toggle", "aria-hidden": "true" }), this.label && (h("span", { key: '34daaa269ed64ed3be71ecfd15d79eb42d746247', class: `mrd-boolean-field__text${this.required ? ' mrd-boolean-field__text--required' : ''}` }, this.label))))));
+        return (h(Host, { key: 'd60835bfd40ab3708692991f3c9862dfcbe98191' }, h("div", { key: 'b6ab1893b75f2a826e4bbac11a465e3d2b88f5d7', class: "mrd-boolean-field" }, h("label", { key: '86562c85d903cbf7295e69a11c4c724f0f8beeb5', class: "mrd-boolean-field__toggle-label" }, h("input", { key: '3e92957abb190ff8d0b9c3294c44cb27b81947d0', class: "mrd-boolean-field__checkbox", type: "checkbox", name: this.name, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h("span", { key: 'b632d9da279ebb823120e38540506568bff9ebbb', class: "mrd-boolean-field__toggle", "aria-hidden": "true" }), this.label && (h("span", { key: '9e0eeb0ba9056bf5ae18b893c0566fed2ad2fda2', class: `mrd-boolean-field__text${this.required ? ' mrd-boolean-field__text--required' : ''}` }, this.label))))));
     }
     static get is() { return "mrd-boolean-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/fields/mrd-currency-field/mrd-currency-field.js

@@ -42,7 +42,7 @@ export class MrdCurrencyField {
     }
     render() {
         const hasError = !!this.error;
-        return (h(Host, { key: '7265395c3b93c3b4daf4c4221da13e01b2fed2e8' }, h("div", { key: 'e644b67a7aba6e8f5b7175f5f79a4bf5e99cb611', class: "mrd-currency-field" }, h(FieldLabel, { key: 'd47a215c0684aea8a3253ae6edc4628d20733d90', base: "mrd-currency-field", label: this.label, required: this.required }), h("div", { key: 'b8f67f8188ad9cd8ba2b6869fcb2b4cd413dec32', class: "mrd-currency-field__row" }, h("input", { key: '8d643424d8932d11ceea0435353c54bc9399c187', class: controlClass('mrd-currency-field', hasError, 'amount'), type: "text", inputMode: "decimal", name: `${this.name}_amount`, value: this.amountDisplay, placeholder: "0.00", required: this.required, disabled: this.disabled, onInput: this.handleAmountInput, onBlur: this.handleAmountBlur }), h("select", { key: '55b12e960646c2420883df848ae440d45f808300', class: "mrd-currency-field__currency", disabled: this.disabled, onChange: this.handleCurrencyChange }, COMMON_CURRENCIES.map(c => (h("option", { key: c, value: c, selected: c === this.currency }, c))))), h(FieldError, { key: 'd0a6adbb83af8fde047eff22c8efd9bbe1ae638f', base: "mrd-currency-field", error: this.error }))));
+        return (h(Host, { key: 'e1a76ab778820c0d781d5ec1549448716d368c1f' }, h("div", { key: '8298720abac7f689fe3e697c3c4410702e6a87f2', class: "mrd-currency-field" }, h(FieldLabel, { key: 'b23782aef9a866f1fb72e152cb91aeae00a975fa', base: "mrd-currency-field", label: this.label, required: this.required }), h("div", { key: '51e5177f9be3c5a6bdf3a5c1187f9261fcc349cf', class: "mrd-currency-field__row" }, h("input", { key: 'c6bda6cc92f3a2a34861d44b6163d417e200a6e4', class: controlClass('mrd-currency-field', hasError, 'amount'), type: "text", inputMode: "decimal", name: `${this.name}_amount`, value: this.amountDisplay, placeholder: "0.00", required: this.required, disabled: this.disabled, onInput: this.handleAmountInput, onBlur: this.handleAmountBlur }), h("select", { key: '29231cfa142d26aa81594609f1bf7bd5168df073', class: "mrd-currency-field__currency", disabled: this.disabled, onChange: this.handleCurrencyChange }, COMMON_CURRENCIES.map(c => (h("option", { key: c, value: c, selected: c === this.currency }, c))))), h(FieldError, { key: 'bea9615466427631f08a6ac8a779ae77695d36e3', base: "mrd-currency-field", error: this.error }))));
     }
     static get is() { return "mrd-currency-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/fields/mrd-date-field/mrd-date-field.js

@@ -20,7 +20,7 @@ export class MrdDateField {
         };
     }
     render() {
-        return (h(Host, { key: 'c0b9d684c5e0b5e3da785c383472ed5d6c13c39f' }, h("div", { key: '304c9b5c9570a369258f5f6fd0877a01a87d98d5', class: "mrd-date-field" }, h(FieldLabel, { key: '72c5ec21699a314920ea1217aee9a353bc8b4b7e', base: "mrd-date-field", label: this.label, required: this.required }), h("input", { key: 'be18df6c7e5fe89bf00cef38484711a9a685e0dc', class: controlClass('mrd-date-field', !!this.error), type: "date", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h(FieldError, { key: 'f16ffb7e14f9ac9af4a34a96361a25dd4d738d68', base: "mrd-date-field", error: this.error }))));
+        return (h(Host, { key: 'd83beef11c2b9402e251a50885b92e7a057f02ee' }, h("div", { key: '6a26e4969e9bde8c5c87771d7b8c7b4d6c1dd942', class: "mrd-date-field" }, h(FieldLabel, { key: 'a7bc1b1c56e933a51f6b1b1feb794a4678d9d334', base: "mrd-date-field", label: this.label, required: this.required }), h("input", { key: '82e3855654f3b3c554f80d647e783234cca8dae1', class: controlClass('mrd-date-field', !!this.error), type: "date", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h(FieldError, { key: '294b3cdc1004725267aa8265366f5009ab324203', base: "mrd-date-field", error: this.error }))));
     }
     static get is() { return "mrd-date-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/fields/mrd-datetime-field/mrd-datetime-field.js

@@ -47,7 +47,7 @@ export class MrdDatetimeField {
         return d.toISOString().replace(/\.\d{3}Z$/, 'Z');
     }
     render() {
-        return (h(Host, { key: '0ee285553f3d5e1a9984619795543d67d581c76f' }, h("div", { key: '2c93dffe3701da9099f4b34a9d7c1d0619fa824e', class: "mrd-datetime-field" }, h(FieldLabel, { key: 'ebda087fdcb2a956933758e6250a8e4dc0484ef9', base: "mrd-datetime-field", label: this.label, required: this.required }), h("input", { key: '06b012fc78c76e3b08ef24af5e134aa691975285', class: controlClass('mrd-datetime-field', !!this.error), type: "datetime-local", name: this.name, value: this.localValue, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h(FieldError, { key: '54e7acdd051c00893eb17cbf4911917fceddb54f', base: "mrd-datetime-field", error: this.error }))));
+        return (h(Host, { key: '6f8020590ac879992058aa9547b90c11250fa303' }, h("div", { key: '76abff48cae58d156540181a6577729a449bb888', class: "mrd-datetime-field" }, h(FieldLabel, { key: 'a8c3688980347a27d6467987f11a3c4135ac5234', base: "mrd-datetime-field", label: this.label, required: this.required }), h("input", { key: '1bb1aa7536a6a82313f51240030c828028cafd76', class: controlClass('mrd-datetime-field', !!this.error), type: "datetime-local", name: this.name, value: this.localValue, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h(FieldError, { key: 'c97301640980bf04311751124fc8e87023d59f87', base: "mrd-datetime-field", error: this.error }))));
     }
     static get is() { return "mrd-datetime-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/fields/mrd-email-field/mrd-email-field.js

@@ -24,7 +24,7 @@ export class MrdEmailField {
         };
     }
     render() {
-        return (h(Host, { key: 'e113fb3958c06ee4d4e870b6005e07b1793835a1' }, h("div", { key: '9393b859167f1474d944575f464e1523f1dcf469', class: "mrd-email-field" }, h(FieldLabel, { key: '57c134921adb7f941c19d2fa36cce213bc12ae1e', base: "mrd-email-field", label: this.label, required: this.required }), h("input", { key: '67496689526d2fa96a087b00a9436e9de4d69415', class: controlClass('mrd-email-field', !!this.error), type: "email", name: this.name, value: this.value, placeholder: this.placeholder || 'name@example.com', required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur }), h(FieldError, { key: '5a151c2995db77771fe8f98a24c627b0060f655a', base: "mrd-email-field", error: this.error }))));
+        return (h(Host, { key: '3253124dadc7f0b3f120c11f8c35604a2f671b0a' }, h("div", { key: 'db820652452145c30f21b41a65942c0a4c6f45f1', class: "mrd-email-field" }, h(FieldLabel, { key: '8b1c5a84afce9fd18c3f644e5c92f07363e116d4', base: "mrd-email-field", label: this.label, required: this.required }), h("input", { key: 'dc4bada3208aa6cb7585b1872f53605177371493', class: controlClass('mrd-email-field', !!this.error), type: "email", name: this.name, value: this.value, placeholder: this.placeholder || 'name@example.com', required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur }), h(FieldError, { key: 'c44377d1b6a4a4c468b080b23eecd4ba9ca326e1', base: "mrd-email-field", error: this.error }))));
     }
     static get is() { return "mrd-email-field"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/fields/mrd-file-field/mrd-file-field.css

@@ -92,6 +92,25 @@
   font-size: var(--mrd-font-size-sm);
   color: var(--mrd-color-neutral-700);
 }
+.mrd-file-field__list {
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--mrd-space-1);
+  margin: var(--mrd-space-2) 0 0;
+  padding: 0;
+}
+.mrd-file-field__item {
+  display: flex;
+  align-items: center;
+  gap: var(--mrd-space-2);
+  padding: var(--mrd-space-1) var(--mrd-space-2);
+  border: var(--mrd-border-width) solid var(--mrd-border-color);
+  border-radius: var(--mrd-border-radius-sm);
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-font-size-sm);
+  color: var(--mrd-color-neutral-700);
+}
 .mrd-file-field__icon {
   width: 20px;
   height: 20px;
@@ -100,10 +119,10 @@
 }
 .mrd-file-field__filename {
   flex: 1;
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: 200px;
 }
 .mrd-file-field__clear {
   background: none;