@mmlogic/components 0.4.0 → 0.4.2

package/dist/collection/components/table/mrd-table/mrd-table.js

@@ -4,7 +4,9 @@ import { buildListPath } from "../../../utils/query-params";
 import { TEXT_TYPES, NON_INTERACTIVE_TYPES, parseDefaultSort, buildSortParam, buildTableQueryParams, buildAggregationQs, filterHasValue, normalizeDatetimeFilter, datetimeFilterToDisplay, } from "./table-query";
 import { FilterIcon, TableCell, TotalsRow, TextblockModal, JsonModal, Toolbar } from "./table-parts";
 import { FilterPopup } from "./table-filter-popup";
-import { REQUEST_DEBOUNCE_MS, visibleCount, computeWindow, pageRange, getRowFromPages, computeEffectiveTotal, isTotalKnownFromPages, } from "./virtual-scroll";
+import { REQUEST_DEBOUNCE_MS, REQUEST_TIMEOUT_MS, MAX_RETRY_ATTEMPTS, visibleCount, computeWindow, pageRange, getRowFromPages, computeEffectiveTotal, isTotalKnownFromPages, getStalePages, } from "./virtual-scroll";
+/** How often (ms) to scan outstanding page requests for staleness. */
+const STALE_CHECK_INTERVAL_MS = 2000;
 /** Breedte van de filterpopup in px — voor overflow-correctie. */
 const POPUP_WIDTH = 280;
 export class MrdTable {
@@ -12,6 +14,11 @@ export class MrdTable {
         // ── Non-state internals ────────────────────────────────────────────────────
         this.pendingPages = new Set();
         this.debounceTimer = null;
+        /** Timestamp of the last mrdLoadPage emission per outstanding page — drives stale-request detection. */
+        this.requestedAt = new Map();
+        /** Retry count per page since it first became stale. */
+        this.retryAttempts = new Map();
+        this.staleCheckTimer = null;
         this.outsideClickHandler = null;
         this.keydownHandler = null;
         this.createPickerClickHandler = null;
@@ -34,11 +41,16 @@ export class MrdTable {
         this.rowHeight = 36;
         /** Height of the scroll container in px. */
         this.tableHeight = 500;
+        /** Time (ms) to wait for setPage() before retrying a page request; after
+         *  MAX_RETRY_ATTEMPTS retries the page is marked failed (see failedPages). */
+        this.requestTimeoutMs = REQUEST_TIMEOUT_MS;
         // ── Internal state ─────────────────────────────────────────────────────────
         /** Index into allViews[] for the currently displayed view. 0 = primary, 1+ = alternatives. */
         this.activeViewIdx = 0;
         this.loadedPages = new Map();
         this.requestedPages = new Set();
+        /** Pages that timed out MAX_RETRY_ATTEMPTS times — rendered as a retry row instead of shimmer. */
+        this.failedPages = new Set();
         this.renderStart = 0;
         this.renderEnd = 0;
         this.colWidths = [];
@@ -97,6 +109,9 @@ export class MrdTable {
         var _a, _b, _c;
         this.applyDefaultSort((_c = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.defaultSort) !== null && _c !== void 0 ? _c : '');
     }
+    componentDidLoad() {
+        this.staleCheckTimer = setInterval(() => this.checkStalePages(), STALE_CHECK_INTERVAL_MS);
+    }
     // ── Helpers ────────────────────────────────────────────────────────────────
     applyDefaultSort(defaultSort) {
         const { field, dir } = parseDefaultSort(defaultSort);
@@ -117,6 +132,9 @@ export class MrdTable {
         this.pendingPages.clear();
         this.loadedPages = new Map();
         this.requestedPages = new Set();
+        this.failedPages = new Set();
+        this.requestedAt.clear();
+        this.retryAttempts.clear();
         this.colWidths = [];
         this.colWidthMeasureScheduled = false;
         this.scrollTop = 0;
@@ -132,7 +150,7 @@ export class MrdTable {
         this.aggregationsPending = true;
         this.minKnownTotal = 0;
         // Always request page 0 — totalElements may be unknown (0) on first load.
-        this.mrdLoadPage.emit({ page: 0, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(0) });
+        this.emitLoadPage(0);
         this.requestedPages = new Set([0]);
     }
     /**
@@ -163,6 +181,13 @@ export class MrdTable {
         const next = new Map(this.loadedPages);
         next.set(pageNumber, rows);
         this.loadedPages = next;
+        this.requestedAt.delete(pageNumber);
+        this.retryAttempts.delete(pageNumber);
+        if (this.failedPages.has(pageNumber)) {
+            const nextFailed = new Set(this.failedPages);
+            nextFailed.delete(pageNumber);
+            this.failedPages = nextFailed;
+        }
         if (pageNumber === 0 && this.aggregationsPending) {
             this.aggregationsPending = false;
             const hasAggColumns = this.columns.some(c => c.type === 'FIELD' && c.aggregate);
@@ -181,6 +206,10 @@ export class MrdTable {
     }
     // ── Lifecycle ──────────────────────────────────────────────────────────────
     disconnectedCallback() {
+        if (this.staleCheckTimer !== null) {
+            clearInterval(this.staleCheckTimer);
+            this.staleCheckTimer = null;
+        }
         if (this.outsideClickHandler) {
             document.removeEventListener('click', this.outsideClickHandler);
             this.outsideClickHandler = null;
@@ -382,6 +411,9 @@ export class MrdTable {
         this.pendingPages.clear();
         this.loadedPages = new Map();
         this.requestedPages = new Set();
+        this.failedPages = new Set();
+        this.requestedAt.clear();
+        this.retryAttempts.clear();
         this.colWidths = [];
         this.colWidthMeasureScheduled = false;
         this.scrollTop = 0;
@@ -412,6 +444,11 @@ export class MrdTable {
         this.resetPages();
         this.emitPagesForWindow(this.renderStart, this.renderEnd);
     }
+    /** Emits mrdLoadPage for a page and records the request timestamp for stale-request detection. */
+    emitLoadPage(page) {
+        this.mrdLoadPage.emit({ page, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(page) });
+        this.requestedAt.set(page, Date.now());
+    }
     emitPagesForWindow(start, end) {
         const { firstPage, lastPage } = pageRange(start, end, this.pageSize);
         const next = new Set(this.requestedPages);
@@ -419,7 +456,7 @@ export class MrdTable {
         for (let p = firstPage; p <= lastPage; p++) {
             if (!this.loadedPages.has(p) && !next.has(p)) {
                 next.add(p);
-                this.mrdLoadPage.emit({ page: p, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(p) });
+                this.emitLoadPage(p);
                 changed = true;
             }
         }
@@ -458,13 +495,53 @@ export class MrdTable {
             if (pageEnd < this.renderStart || pageStart > this.renderEnd)
                 continue;
             next.add(page);
-            this.mrdLoadPage.emit({ page, sort: this.sortParam(), path: this.buildDataPath(), qs: this.buildQueryParams(page) });
+            this.emitLoadPage(page);
             changed = true;
         }
         this.pendingPages.clear();
         if (changed)
             this.requestedPages = next;
     }
+    /** Scans outstanding requests for staleness: retries up to MAX_RETRY_ATTEMPTS times,
+     *  then gives up and marks the page as failed (rendered as a retry row). */
+    checkStalePages() {
+        var _a;
+        if (this.requestedAt.size === 0)
+            return;
+        const stale = getStalePages(this.requestedAt, Date.now(), this.requestTimeoutMs)
+            .filter(p => !this.loadedPages.has(p));
+        if (stale.length === 0)
+            return;
+        let nextFailed = null;
+        for (const page of stale) {
+            const attempts = (_a = this.retryAttempts.get(page)) !== null && _a !== void 0 ? _a : 0;
+            if (attempts < MAX_RETRY_ATTEMPTS) {
+                this.retryAttempts.set(page, attempts + 1);
+                this.emitLoadPage(page);
+            }
+            else {
+                this.requestedAt.delete(page);
+                this.retryAttempts.delete(page);
+                if (!nextFailed)
+                    nextFailed = new Set(this.failedPages);
+                nextFailed.add(page);
+                this.mrdPageError.emit({ page });
+            }
+        }
+        if (nextFailed)
+            this.failedPages = nextFailed;
+    }
+    /** Manually retry a page the user gave up on (clicked the retry row). */
+    retryPage(page) {
+        const next = new Set(this.failedPages);
+        next.delete(page);
+        this.failedPages = next;
+        this.retryAttempts.delete(page);
+        this.emitLoadPage(page);
+        const requested = new Set(this.requestedPages);
+        requested.add(page);
+        this.requestedPages = requested;
+    }
     // ── Filter helpers ─────────────────────────────────────────────────────────
     handleFilterToggle() {
         this.filterMode = !this.filterMode;
@@ -737,7 +814,13 @@ export class MrdTable {
         for (let i = this.renderStart; i <= clampedEnd; i++) {
             const row = this.getRow(i);
             if (row === null) {
-                renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--loading" }, h("td", { class: "mrd-table__cell--placeholder", colSpan: colCount }, h("span", { class: "mrd-table__placeholder-bar" }))));
+                const page = Math.floor(i / this.pageSize);
+                if (this.failedPages.has(page)) {
+                    renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--failed" }, h("td", { class: "mrd-table__cell--failed", colSpan: colCount }, h("button", { type: "button", class: "mrd-table__retry-button", onClick: () => this.retryPage(page) }, t('load_failed_retry', this.locale)))));
+                }
+                else {
+                    renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--loading" }, h("td", { class: "mrd-table__cell--placeholder", colSpan: colCount }, h("span", { class: "mrd-table__placeholder-bar" }))));
+                }
             }
             else {
                 renderedRows.push(h("tr", { class: "mrd-table__row mrd-table__row--clickable", style: { background: i % 2 === 0 ? '' : 'var(--mrd-color-neutral-100)' }, onClick: () => this.mrdRowClick.emit(row) }, this.columns.map(col => this.renderCell(col, row))));
@@ -945,6 +1028,26 @@ export class MrdTable {
                 "reflect": false,
                 "attribute": "table-height",
                 "defaultValue": "500"
+            },
+            "requestTimeoutMs": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Time (ms) to wait for setPage() before retrying a page request; after\nMAX_RETRY_ATTEMPTS retries the page is marked failed (see failedPages)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "request-timeout-ms",
+                "defaultValue": "REQUEST_TIMEOUT_MS"
             }
         };
     }
@@ -953,6 +1056,7 @@ export class MrdTable {
             "activeViewIdx": {},
             "loadedPages": {},
             "requestedPages": {},
+            "failedPages": {},
             "renderStart": {},
             "renderEnd": {},
             "colWidths": {},
@@ -989,6 +1093,21 @@ export class MrdTable {
                     "resolved": "{ page: number; sort: string; path: string; qs: string; }",
                     "references": {}
                 }
+            }, {
+                "method": "mrdPageError",
+                "name": "mrdPageError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fired when a page request timed out MAX_RETRY_ATTEMPTS times without setPage() being called.\nPurely informational \u2014 the table shows its own retry row regardless of whether a host listens."
+                },
+                "complexType": {
+                    "original": "{ page: number }",
+                    "resolved": "{ page: number; }",
+                    "references": {}
+                }
             }, {
                 "method": "mrdRowClick",
                 "name": "mrdRowClick",

package/dist/collection/components/table/mrd-table/virtual-scroll.js

@@ -7,6 +7,10 @@ export const BUFFER = 10;
 /** Wait this long (ms) after the last scroll event before requesting pages,
  *  so pages the user quickly scrolls past are skipped. */
 export const REQUEST_DEBOUNCE_MS = 150;
+/** Default time (ms) to wait for setPage() before treating a request as stale and retrying. */
+export const REQUEST_TIMEOUT_MS = 15000;
+/** Max retries for a stale page request before giving up and showing a retry row. */
+export const MAX_RETRY_ATTEMPTS = 3;
 export function visibleCount(tableHeight, rowHeight) {
     return Math.ceil(tableHeight / rowHeight);
 }
@@ -47,3 +51,13 @@ export function isTotalKnownFromPages(loadedPages, pageSize) {
     }
     return false;
 }
+/** Pages whose request timestamp is older than timeoutMs — candidates for retry or failure.
+ *  Caller is expected to already exclude pages present in loadedPages. */
+export function getStalePages(requestedAt, now, timeoutMs) {
+    const stale = [];
+    for (const [page, ts] of requestedAt) {
+        if (now - ts >= timeoutMs)
+            stale.push(page);
+    }
+    return stale;
+}

package/dist/collection/dev/api.js

@@ -22,6 +22,15 @@ async function apiRequest(method, path, token, body) {
   return { status: resp.status, ok: resp.ok, body: json };
 }
 
+/** Resolve a file/image reference href to a signed, directly-usable URL.
+ *  Mirrors content-app's ApiClientService.getDownloadLink(): a plain GET on
+ *  the href, response body is the signed URL string. */
+async function apiGetDownloadLink(token, href) {
+  const { ok, status, body } = await apiRequest('GET', href, token);
+  if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);
+  return body;
+}
+
 async function apiFetchTenants(token) {
   const { ok, status, body } = await apiRequest('GET', '/tenants', token);
   if (!ok) throw new Error(`${status}: ${typeof body === 'string' ? body : JSON.stringify(body)}`);

package/dist/collection/dev/app.js

@@ -103,7 +103,7 @@ function clearEventLog() {
    ===================================================================== */
 
 function showTab(name) {
-  const names = ['embedded', 'field-types', 'detail-view', 'live-api'];
+  const names = ['embedded', 'field-types', 'detail-view', 'file-preview', 'live-api'];
   document.querySelectorAll('.tab-btn').forEach((btn, i) => {
     btn.classList.toggle('active', names[i] === name);
   });
@@ -111,6 +111,7 @@ function showTab(name) {
     document.getElementById('tab-' + n).classList.toggle('active', n === name);
   });
   if (name === 'detail-view') initDetailViewTab();
+  if (name === 'file-preview') initFilePreviewTab();
 }
 
 /* =====================================================================
@@ -197,6 +198,63 @@ function showCompanyList() {
   document.getElementById('detail-table-panel').style.display = 'block';
 }
 
+/* =====================================================================
+   FILE PREVIEW TAB
+   ===================================================================== */
+
+let _filePreviewInitialized = false;
+
+/**
+ * Deliberately lazy: a PDF src loads Chrome's PDF-viewer-extension iframe
+ * immediately (display:none on an inactive tab-pane doesn't stop an iframe
+ * from loading), which detaches DevTools for the whole tab — regardless of
+ * which tab is actually visible. Only wiring this up on first visit keeps
+ * DevTools usable while working on other tabs.
+ */
+function initFilePreviewTab() {
+  if (_filePreviewInitialized) return;
+  _filePreviewInitialized = true;
+
+  const pdfDemo = document.getElementById('preview-pdf-demo');
+  pdfDemo.src = '/dev/sample.pdf';
+  pdfDemo.mimeType = 'application/pdf';
+  pdfDemo.fileName = 'sample.pdf';
+
+  const imageDemo = document.getElementById('preview-image-demo');
+  imageDemo.src = 'https://picsum.photos/seed/mrd/600/400';
+  imageDemo.mimeType = 'image/jpeg';
+  imageDemo.fileName = 'photo.jpg';
+  imageDemo.addEventListener('mrdPreviewReload', () => {
+    logEvent('mrdPreviewReload', { source: 'preview-image-demo' });
+  });
+
+  // Unsupported type's fallback download button — same mrdDownload contract
+  // as mrd-document-view / FILE fields, so the host handler is identical.
+  const unsupportedDemo = document.getElementById('preview-unsupported-demo');
+  unsupportedDemo.src = 'https://example.com/report.docx';
+  unsupportedDemo.fileName = 'report.docx';
+  unsupportedDemo.href = 'https://example.com/data/tenant/documents/1';
+  unsupportedDemo.addEventListener('mrdDownload', (e) => logEvent('mrdDownload', e.detail));
+
+  // Document View demo (commons.document archetype, TASK-0157) — same
+  // mrdLoadDocumentPreview / setDocumentPreviewUrl round trip a real host
+  // (content-app) will implement; here we just hand back the local sample PDF.
+  ['document-view-fullpage', 'document-view-overlay'].forEach((id) => {
+    const section = document.getElementById(id);
+    section.archetypes = [window.EXAMPLE_DOCUMENT_ARCHETYPE];
+    section.data = window.EXAMPLE_DOCUMENT_DATA;
+
+    section.addEventListener('mrdLoadDocumentPreview', (e) => {
+      logEvent('mrdLoadDocumentPreview', e.detail);
+      // Simulate a real host round trip (resolve href -> signed URL via the API)
+      // instead of resolving synchronously, so the loading state is visible.
+      setTimeout(() => section.setDocumentPreviewUrl('/dev/sample.pdf'), 600);
+    });
+    section.addEventListener('mrdDownload', (e) => logEvent('mrdDownload', e.detail));
+    section.addEventListener('mrdNavigate', (e) => logEvent('mrdNavigate', e.detail));
+  });
+}
+
 /* =====================================================================
    TENANT SELECTION
    ===================================================================== */
@@ -438,8 +496,48 @@ async function renderSection(index) {
     if (generation !== _sectionGeneration) return;
     await handleNavigate(e.detail);
   });
-  section.addEventListener('mrdDownload',   (e) => logEvent('mrdDownload',   e.detail));
-  section.addEventListener('mrdSearch',     (e) => logEvent('mrdSearch',     e.detail));
+  section.addEventListener('mrdSearch', (e) => logEvent('mrdSearch', e.detail));
+
+  // Resolve a FILE/IMAGE field's href to a signed URL, then open it — mirrors
+  // content-app's DashboardComponent.onMrdDownload (getDownloadLink + window.open).
+  section.addEventListener('mrdDownload', async (e) => {
+    if (generation !== _sectionGeneration) return;
+    logEvent('mrdDownload', e.detail);
+    try {
+      const url = await apiGetDownloadLink(authGetToken(), e.detail.href);
+      window.open(url, '_blank');
+    } catch (err) {
+      console.error('[mrdDownload] mislukt', e.detail.href, err);
+    }
+  });
+
+  // IMAGE field thumbnail — same signed-URL round trip as mrdLoadDocumentPreview below.
+  section.addEventListener('mrdLoadImage', async (e) => {
+    if (generation !== _sectionGeneration) return;
+    const { fieldName, href } = e.detail;
+    logEvent('mrdLoadImage', e.detail);
+    try {
+      const url = await apiGetDownloadLink(authGetToken(), href);
+      await section.setImagePreview(fieldName, url);
+    } catch (err) {
+      console.error('[mrdLoadImage] mislukt', fieldName, err);
+    }
+  });
+
+  // commons.document archetype's inline file preview (TASK-0157). Without this
+  // listener the component's mrdLoadDocumentPreview request goes unanswered and
+  // previewUrl never arrives — the preview area stays on its loading state forever.
+  section.addEventListener('mrdLoadDocumentPreview', async (e) => {
+    if (generation !== _sectionGeneration) return;
+    const { href } = e.detail;
+    logEvent('mrdLoadDocumentPreview', e.detail);
+    try {
+      const url = await apiGetDownloadLink(authGetToken(), href);
+      await section.setDocumentPreviewUrl(url);
+    } catch (err) {
+      console.error('[mrdLoadDocumentPreview] mislukt', href, err);
+    }
+  });
 
   // Generic in-place update (e.g. a document dragged into another folder).
   // Fire-and-forget PATCH; the component already updated its tree optimistically.

package/dist/collection/dev/example-data.js

@@ -243,8 +243,13 @@ window.EXAMPLE_COMPANY_METADATA = {
       tabPage: true,
       items: [
         {
+          // navigateBehaviour demo (TASK-0155): OVERLAY_PAGE here vs. the default
+          // PAGE on the Share classes view below — mrd-layout-section always
+          // includes navigateBehaviour on mrdNavigate, regardless of which one
+          // is configured. Click a row in each tab and compare the Event log.
           type: 'RELATED_VIEW', label: 'Appointments', name: 'view0',
           relatedClass: 'appointments', fromClass: 'companies', showTitle: false,
+          navigateBehaviour: 'OVERLAY_PAGE',
           view: {
             name: null,
             defaultView: true,
@@ -416,3 +421,22 @@ window.EXAMPLE_FIELD_TYPES_DATA = {
     fRelation: { href: '/data/demo/entities/person-1', name: 'A. Jansen' },
   },
 };
+
+// ─── Document View demo (commons.document archetype, TASK-0157) ──────────────
+// Exercises mrd-document-view via mrd-layout-section's archetype path — the
+// same rendering used inside content-app's future overlay ("quick look").
+
+window.EXAMPLE_DOCUMENT_ARCHETYPE = {
+  archetype: 'commons.document',
+  slots: { title: 'name', date: 'createdDate', summary: 'description', file: 'file', container: 'dossier' },
+};
+
+window.EXAMPLE_DOCUMENT_DATA = {
+  name: 'Contract 2026 - Acme Corp.pdf',
+  createdDate: '2026-03-14',
+  description: '<p>Signed engagement contract for the FY2026 period. Reviewed and countersigned by both parties.</p>',
+  file: { href: '/data/demo/documents/1/file', fileName: 'contract-2026-acme.pdf' },
+  _links: {
+    dossier: { href: '/data/demo/dossiers/42', name: 'Acme Corp — Dossier 2026' },
+  },
+};

package/dist/collection/types/client-layout.js

@@ -62,6 +62,14 @@ export var ClientLayoutItemRelationEditBehavior;
     ClientLayoutItemRelationEditBehavior["DROPDOWN"] = "DROPDOWN";
     ClientLayoutItemRelationEditBehavior["CHECKBOX"] = "CHECKBOX";
 })(ClientLayoutItemRelationEditBehavior || (ClientLayoutItemRelationEditBehavior = {}));
+// ─── VIEW / RELATED_VIEW navigate behaviour ──────────────────────────────────
+/** How navigating from a row/document in this VIEW or RELATED_VIEW should open
+ *  its target: a full page navigation, or an overlay on top of the current page. */
+export var ClientLayoutNavigateBehaviour;
+(function (ClientLayoutNavigateBehaviour) {
+    ClientLayoutNavigateBehaviour["PAGE"] = "PAGE";
+    ClientLayoutNavigateBehaviour["OVERLAY_PAGE"] = "OVERLAY_PAGE";
+})(ClientLayoutNavigateBehaviour || (ClientLayoutNavigateBehaviour = {}));
 /** Well-known archetype ids the client renders specially. */
 export const ARCHETYPE_DOCUMENT = 'commons.document';
 /**

package/dist/collection/utils/i18n.js

@@ -16,6 +16,7 @@ const translations = {
         invalid_image: 'Selecteer een afbeeldingsbestand',
         search_results: 'Zoekresultaten',
         no_results: 'Geen resultaten gevonden',
+        load_failed_retry: 'Laden mislukt — opnieuw proberen',
         loading: 'Laden...',
         submit: 'Opslaan',
         cancel: 'Annuleren',
@@ -71,6 +72,10 @@ const translations = {
         folder_no_slash: "Een foldernaam mag geen '/' bevatten",
         folder_duplicate: 'Er bestaat al een folder met deze naam',
         doc_empty_drop: 'Nog geen documenten — sleep bestanden hierheen',
+        // mrd-file-preview
+        preview_unsupported: 'Geen voorbeeld beschikbaar voor dit bestandstype',
+        preview_error: 'Voorbeeld laden mislukt',
+        retry: 'Opnieuw proberen',
     },
     en: {
         required: 'This field is required',
@@ -89,6 +94,7 @@ const translations = {
         invalid_image: 'Please select an image file',
         search_results: 'Search results',
         no_results: 'No results found',
+        load_failed_retry: 'Failed to load — retry',
         loading: 'Loading...',
         submit: 'Save',
         cancel: 'Cancel',
@@ -144,6 +150,10 @@ const translations = {
         folder_no_slash: "A folder name cannot contain '/'",
         folder_duplicate: 'A folder with this name already exists',
         doc_empty_drop: 'No documents yet — drop files here',
+        // mrd-file-preview
+        preview_unsupported: 'No preview available for this file type',
+        preview_error: 'Failed to load preview',
+        retry: 'Retry',
     },
     ar: {
         required: 'هذا الحقل مطلوب',
@@ -162,6 +172,7 @@ const translations = {
         invalid_image: 'يرجى اختيار ملف صورة',
         search_results: 'نتائج البحث',
         no_results: 'لم يتم العثور على نتائج',
+        load_failed_retry: 'فشل التحميل — إعادة المحاولة',
         loading: 'جار التحميل...',
         submit: 'حفظ',
         cancel: 'إلغاء',
@@ -211,6 +222,10 @@ const translations = {
         history_until: 'حتى',
         history_badge_tooltip: 'القيم السابقة',
         hyperlink_name: 'نص الرابط (اختياري)',
+        // mrd-file-preview
+        preview_unsupported: 'لا تتوفر معاينة لهذا النوع من الملفات',
+        preview_error: 'فشل تحميل المعاينة',
+        retry: 'إعادة المحاولة',
     },
     fr: {
         required: 'Ce champ est obligatoire',
@@ -229,6 +244,7 @@ const translations = {
         invalid_image: 'Veuillez sélectionner un fichier image',
         search_results: 'Résultats de recherche',
         no_results: 'Aucun résultat trouvé',
+        load_failed_retry: 'Échec du chargement — réessayer',
         loading: 'Chargement...',
         submit: 'Enregistrer',
         cancel: 'Annuler',
@@ -278,6 +294,10 @@ const translations = {
         history_until: "jusqu'au",
         history_badge_tooltip: 'Valeurs précédentes',
         hyperlink_name: 'Texte du lien (optionnel)',
+        // mrd-file-preview
+        preview_unsupported: "Aucun aperçu disponible pour ce type de fichier",
+        preview_error: "Échec du chargement de l'aperçu",
+        retry: 'Réessayer',
     },
     de: {
         required: 'Dieses Feld ist erforderlich',
@@ -296,6 +316,7 @@ const translations = {
         invalid_image: 'Bitte eine Bilddatei auswählen',
         search_results: 'Suchergebnisse',
         no_results: 'Keine Ergebnisse gefunden',
+        load_failed_retry: 'Laden fehlgeschlagen — erneut versuchen',
         loading: 'Laden...',
         submit: 'Speichern',
         cancel: 'Abbrechen',
@@ -345,6 +366,10 @@ const translations = {
         history_until: 'bis',
         history_badge_tooltip: 'Vorherige Werte',
         hyperlink_name: 'Linktext (optional)',
+        // mrd-file-preview
+        preview_unsupported: 'Keine Vorschau für diesen Dateityp verfügbar',
+        preview_error: 'Vorschau konnte nicht geladen werden',
+        retry: 'Erneut versuchen',
     },
     es: {
         required: 'Este campo es obligatorio',
@@ -363,6 +388,7 @@ const translations = {
         invalid_image: 'Seleccione un archivo de imagen',
         search_results: 'Resultados de búsqueda',
         no_results: 'No se encontraron resultados',
+        load_failed_retry: 'Error al cargar — reintentar',
         loading: 'Cargando...',
         submit: 'Guardar',
         cancel: 'Cancelar',
@@ -412,6 +438,10 @@ const translations = {
         history_until: 'hasta',
         history_badge_tooltip: 'Valores anteriores',
         hyperlink_name: 'Texto del enlace (opcional)',
+        // mrd-file-preview
+        preview_unsupported: 'Vista previa no disponible para este tipo de archivo',
+        preview_error: 'Error al cargar la vista previa',
+        retry: 'Reintentar',
     },
     it: {
         required: 'Questo campo è obbligatorio',
@@ -430,6 +460,7 @@ const translations = {
         invalid_image: 'Seleziona un file immagine',
         search_results: 'Risultati della ricerca',
         no_results: 'Nessun risultato trovato',
+        load_failed_retry: 'Caricamento non riuscito — riprova',
         loading: 'Caricamento...',
         submit: 'Salva',
         cancel: 'Annulla',
@@ -479,6 +510,10 @@ const translations = {
         history_until: 'fino a',
         history_badge_tooltip: 'Valori precedenti',
         hyperlink_name: 'Testo del collegamento (opzionale)',
+        // mrd-file-preview
+        preview_unsupported: 'Nessuna anteprima disponibile per questo tipo di file',
+        preview_error: "Impossibile caricare l'anteprima",
+        retry: 'Riprova',
     },
     uk: {
         required: "Це поле обов'язкове",
@@ -497,6 +532,7 @@ const translations = {
         invalid_image: 'Будь ласка, виберіть файл зображення',
         search_results: 'Результати пошуку',
         no_results: 'Результатів не знайдено',
+        load_failed_retry: 'Не вдалося завантажити — повторити',
         loading: 'Завантаження...',
         submit: 'Зберегти',
         cancel: 'Скасувати',
@@ -546,6 +582,10 @@ const translations = {
         history_until: 'до',
         history_badge_tooltip: 'Попередні значення',
         hyperlink_name: "Текст посилання (необов'язково)",
+        // mrd-file-preview
+        preview_unsupported: 'Попередній перегляд недоступний для цього типу файлу',
+        preview_error: 'Не вдалося завантажити попередній перегляд',
+        retry: 'Повторити',
     },
 };
 export function t(key, locale) {

package/dist/components/client-layout.js

@@ -1 +1 @@
-var E,A,T,O,R;!function(E){E.OBJECT_FORM_DASHBOARD="OBJECT_FORM_DASHBOARD",E.CLASS_DASHBOARD="CLASS_DASHBOARD",E.GENERAL_DASHBOARD="GENERAL_DASHBOARD",E.NAVIGATION_PANE="NAVIGATION_PANE"}(E||(E={})),function(E){E.FIELD="FIELD",E.RELATION="RELATION",E.SECTION="SECTION",E.GROUP="GROUP",E.HEADER="HEADER",E.TEXT="TEXT",E.NAVIGATE="NAVIGATE",E.ACTION="ACTION",E.SEARCH="SEARCH",E.VIEW="VIEW",E.RELATED_VIEW="RELATED_VIEW",E.RELATED_OBJECT="RELATED_OBJECT"}(A||(A={})),function(E){E.TEXT="TEXT",E.TEXTBLOCK="TEXTBLOCK",E.INTEGER="INTEGER",E.DECIMAL="DECIMAL",E.PERCENTAGE="PERCENTAGE",E.CURRENCY="CURRENCY",E.BOOLEAN="BOOLEAN",E.DATE="DATE",E.DATETIME="DATETIME",E.TIME="TIME",E.EMAIL="EMAIL",E.HYPERLINK="HYPERLINK",E.LIST="LIST",E.FILE="FILE",E.IMAGE="IMAGE",E.LONGTEXT="LONGTEXT",E.JSON="JSON",E.SECRET="SECRET"}(T||(T={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(O||(O={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(R||(R={}));const C="commons.document";function I(E,A){return(null!=E?E:[]).find((E=>E.archetype===A))}export{C as A,E as C,A as a,T as b,O as c,R as d,I as r}
+var E,A,T,O,R,n;!function(E){E.OBJECT_FORM_DASHBOARD="OBJECT_FORM_DASHBOARD",E.CLASS_DASHBOARD="CLASS_DASHBOARD",E.GENERAL_DASHBOARD="GENERAL_DASHBOARD",E.NAVIGATION_PANE="NAVIGATION_PANE"}(E||(E={})),function(E){E.FIELD="FIELD",E.RELATION="RELATION",E.SECTION="SECTION",E.GROUP="GROUP",E.HEADER="HEADER",E.TEXT="TEXT",E.NAVIGATE="NAVIGATE",E.ACTION="ACTION",E.SEARCH="SEARCH",E.VIEW="VIEW",E.RELATED_VIEW="RELATED_VIEW",E.RELATED_OBJECT="RELATED_OBJECT"}(A||(A={})),function(E){E.TEXT="TEXT",E.TEXTBLOCK="TEXTBLOCK",E.INTEGER="INTEGER",E.DECIMAL="DECIMAL",E.PERCENTAGE="PERCENTAGE",E.CURRENCY="CURRENCY",E.BOOLEAN="BOOLEAN",E.DATE="DATE",E.DATETIME="DATETIME",E.TIME="TIME",E.EMAIL="EMAIL",E.HYPERLINK="HYPERLINK",E.LIST="LIST",E.FILE="FILE",E.IMAGE="IMAGE",E.LONGTEXT="LONGTEXT",E.JSON="JSON",E.SECRET="SECRET"}(T||(T={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(O||(O={})),function(E){E.SEARCH="SEARCH",E.DROPDOWN="DROPDOWN",E.CHECKBOX="CHECKBOX"}(R||(R={})),function(E){E.PAGE="PAGE",E.OVERLAY_PAGE="OVERLAY_PAGE"}(n||(n={}));const C="commons.document";function I(E,A){return(null!=E?E:[]).find((E=>E.archetype===A))}export{C as A,E as C,A as a,T as b,O as c,R as d,n as e,I as r}