@mmlogic/components 0.3.8 → 0.3.10

package/dist/mosterdcomponents/{validation-ixb43cqU.js.map → validation-Br9k2Ztw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-ixb43cqU.js","sources":["src/utils/validation.ts"],"sourcesContent":["import { ClientLayoutItemFieldDataType } from '../types';\n\nexport function validateRequired(value: unknown): boolean {\n  if (value === null || value === undefined) return false;\n  if (typeof value === 'string') return value.trim().length > 0;\n  if (Array.isArray(value)) return value.length > 0;\n  if (typeof value === 'object') {\n    // HyperlinkValue check\n    const hv = value as { href?: unknown };\n    if ('href' in hv) return typeof hv.href === 'string' && hv.href.trim().length > 0;\n    // CurrencyValue check\n    const cv = value as { amount?: unknown };\n    if ('amount' in cv) return cv.amount !== null && cv.amount !== undefined && cv.amount !== '';\n  }\n  return true;\n}\n\nexport function validateEmail(value: string): boolean {\n  if (!value) return true;\n  return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value);\n}\n\nexport function validateUrl(value: string): boolean {\n  if (!value) return true;\n  try {\n    const url = new URL(value);\n    return url.protocol === 'http:' || url.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nexport function validateNumber(value: unknown, dataType: ClientLayoutItemFieldDataType): boolean {\n  if (value === null || value === undefined || value === '') return true;\n  const num = Number(value);\n  if (isNaN(num)) return false;\n  if (dataType === ClientLayoutItemFieldDataType.INTEGER) {\n    return Number.isInteger(num);\n  }\n  if (dataType === ClientLayoutItemFieldDataType.PERCENTAGE) {\n    return num >= 0 && num <= 100;\n  }\n  return true;\n}\n"],"names":[],"mappings":";;;AAEM,SAAU,gBAAgB,CAAC,KAAc,EAAA;AAC7C,IAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,KAAK;IACvD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAC7D,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC;AACjD,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;QAE7B,MAAM,EAAE,GAAG,KAA2B;QACtC,IAAI,MAAM,IAAI,EAAE;AAAE,YAAA,OAAO,OAAO,EAAE,CAAC,IAAI,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;;QAEjF,MAAM,EAAE,GAAG,KAA6B;QACxC,IAAI,QAAQ,IAAI,EAAE;AAAE,YAAA,OAAO,EAAE,CAAC,MAAM,KAAK,IAAI,IAAI,EAAE,CAAC,MAAM,KAAK,SAAS,IAAI,EAAE,CAAC,MAAM,KAAK,EAAE;;AAE9F,IAAA,OAAO,IAAI;AACb;AAEM,SAAU,aAAa,CAAC,KAAa,EAAA;AACzC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;AACvB,IAAA,OAAO,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC;AACjD;AAEM,SAAU,WAAW,CAAC,KAAa,EAAA;AACvC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;AACvB,IAAA,IAAI;AACF,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;QAC1B,OAAO,GAAG,CAAC,QAAQ,KAAK,OAAO,IAAI,GAAG,CAAC,QAAQ,KAAK,QAAQ;;IAC5D,OAAA,EAAA,EAAM;AACN,QAAA,OAAO,KAAK;;AAEhB;AAEM,SAAU,cAAc,CAAC,KAAc,EAAE,QAAuC,EAAA;IACpF,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;AACtE,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;IACzB,IAAI,KAAK,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,KAAK;AAC5B,IAAA,IAAI,QAAQ,KAAK,6BAA6B,CAAC,OAAO,EAAE;AACtD,QAAA,OAAO,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE9B,IAAA,IAAI,QAAQ,KAAK,6BAA6B,CAAC,UAAU,EAAE;AACzD,QAAA,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG;;AAE/B,IAAA,OAAO,IAAI;AACb;;;;"}
+{"version":3,"file":"validation-Br9k2Ztw.js","sources":["src/utils/validation.ts"],"sourcesContent":["import { ClientLayoutItemFieldDataType } from '../types';\n\nexport function validateRequired(value: unknown): boolean {\n  if (value === null || value === undefined) return false;\n  if (typeof value === 'string') return value.trim().length > 0;\n  if (Array.isArray(value)) return value.length > 0;\n  if (typeof value === 'object') {\n    // HyperlinkValue check\n    const hv = value as { href?: unknown };\n    if ('href' in hv) return typeof hv.href === 'string' && hv.href.trim().length > 0;\n    // CurrencyValue check\n    const cv = value as { amount?: unknown };\n    if ('amount' in cv) return cv.amount !== null && cv.amount !== undefined && cv.amount !== '';\n  }\n  return true;\n}\n\nexport function validateEmail(value: string): boolean {\n  if (!value) return true;\n  return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value);\n}\n\nexport function validateUrl(value: string): boolean {\n  if (!value) return true;\n  try {\n    const url = new URL(value);\n    return url.protocol === 'http:' || url.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nexport function validateNumber(value: unknown, dataType: ClientLayoutItemFieldDataType): boolean {\n  if (value === null || value === undefined || value === '') return true;\n  const num = Number(value);\n  if (isNaN(num)) return false;\n  if (dataType === ClientLayoutItemFieldDataType.INTEGER) {\n    return Number.isInteger(num);\n  }\n  if (dataType === ClientLayoutItemFieldDataType.PERCENTAGE) {\n    return num >= 0 && num <= 100;\n  }\n  return true;\n}\n"],"names":[],"mappings":";;;AAEM,SAAU,gBAAgB,CAAC,KAAc,EAAA;AAC7C,IAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,KAAK;IACvD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAC7D,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC;AACjD,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;QAE7B,MAAM,EAAE,GAAG,KAA2B;QACtC,IAAI,MAAM,IAAI,EAAE;AAAE,YAAA,OAAO,OAAO,EAAE,CAAC,IAAI,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;;QAEjF,MAAM,EAAE,GAAG,KAA6B;QACxC,IAAI,QAAQ,IAAI,EAAE;AAAE,YAAA,OAAO,EAAE,CAAC,MAAM,KAAK,IAAI,IAAI,EAAE,CAAC,MAAM,KAAK,SAAS,IAAI,EAAE,CAAC,MAAM,KAAK,EAAE;;AAE9F,IAAA,OAAO,IAAI;AACb;AAEM,SAAU,aAAa,CAAC,KAAa,EAAA;AACzC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;AACvB,IAAA,OAAO,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC;AACjD;AAEM,SAAU,WAAW,CAAC,KAAa,EAAA;AACvC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,IAAI;AACvB,IAAA,IAAI;AACF,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC;QAC1B,OAAO,GAAG,CAAC,QAAQ,KAAK,OAAO,IAAI,GAAG,CAAC,QAAQ,KAAK,QAAQ;;IAC5D,OAAA,EAAA,EAAM;AACN,QAAA,OAAO,KAAK;;AAEhB;AAEM,SAAU,cAAc,CAAC,KAAc,EAAE,QAAuC,EAAA;IACpF,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;AACtE,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;IACzB,IAAI,KAAK,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,KAAK;AAC5B,IAAA,IAAI,QAAQ,KAAK,6BAA6B,CAAC,OAAO,EAAE;AACtD,QAAA,OAAO,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE9B,IAAA,IAAI,QAAQ,KAAK,6BAA6B,CAAC,UAAU,EAAE;AACzD,QAAA,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG;;AAE/B,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/types/components/mrd-document-container/mrd-document-container.d.ts

@@ -0,0 +1,94 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientArchetype, ClientLayoutItem } from '../../types/client-layout';
+/**
+ * Owns a document collection view: a single toolbar (view switch + collection
+ * actions like "New folder", and — later — upload / drag-drop) plus the two
+ * interchangeable bodies, the folder tree (`mrd-document-list`) and the flat
+ * table (`mrd-table`).
+ *
+ * `mrd-layout-section` renders one of these per document VIEW / RELATED_VIEW and
+ * forwards the re-emitted load/navigate/action events to the host. The embedded
+ * table/list keep their `data-view` / `data-doclist` attributes so the host's
+ * existing `setViewPage` / `setViewDistinct` / `setViewAggregations` lookups
+ * (recursive querySelector) still resolve them unchanged.
+ */
+export declare class MrdDocumentContainer {
+    el: HTMLElement;
+    /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+    item: ClientLayoutItem | null;
+    /** Resolved `commons.document` archetype binding for the folder tree. */
+    archetype: ClientArchetype;
+    /** Parent record id — required for RELATED_VIEW path building. */
+    parentId: string;
+    /** Lookup key used for the embedded `data-doclist` / `data-view` attributes. */
+    viewKey: string;
+    locale: string;
+    /** Re-emitted from the embedded list/table. `nodeId` present for a folder load. */
+    mrdLoadPage: EventEmitter<{
+        page: number;
+        sort: string;
+        path: string;
+        qs: string;
+        nodeId?: string;
+    }>;
+    /** Re-emitted from the embedded folder tree. */
+    mrdLoadDistinct: EventEmitter<{
+        nodeId: string;
+        distinct: string;
+        path: string;
+        qs: string;
+    }>;
+    /** Re-emitted from the embedded table. */
+    mrdLoadAggregations: EventEmitter<{
+        path: string;
+        qs: string;
+        aggQs: string;
+    }>;
+    /** A row / document was activated. Host routes to the object page. */
+    mrdNavigate: EventEmitter<{
+        href?: string;
+        label: string;
+    }>;
+    /** A table toolbar action was triggered. */
+    mrdAction: EventEmitter<{
+        action: string;
+        path?: string;
+        qs?: string;
+        parentPath?: string | null;
+        basicType?: string;
+    }>;
+    /** Generic "update an existing object" request, re-emitted from the folder tree
+     *  (a document was dragged into another folder/container). */
+    mrdUpdateObject: EventEmitter<{
+        href: string;
+        values: Record<string, unknown>;
+    }>;
+    /** An external file was dropped on a folder; host uploads and calls back. */
+    mrdUpload: EventEmitter<{
+        file: File;
+    }>;
+    /** Create a new document from an uploaded file; host POSTs `values` to `path`. */
+    mrdCreateObject: EventEmitter<{
+        path: string;
+        values: Record<string, unknown>;
+    }>;
+    /** Active body: folder tree or flat table. */
+    private mode;
+    /** Whether the folder tree currently has a valid target for "New folder". */
+    private canCreate;
+    private listEl?;
+    private tableEl?;
+    /** Whether the currently mounted table has been init()'d. Reset on every mode switch. */
+    private tableInited;
+    /** The embedded table does not self-load: like every mrd-table it waits for the
+     *  host to call init() (which emits mrdLoadPage, and — once page 0 lands —
+     *  mrdLoadAggregations). The section only init()s tables mounted at load time, so
+     *  when the user switches to list view we init the freshly mounted table here. */
+    componentDidRender(): void;
+    private setMode;
+    private createFolder;
+    private renderToolbar;
+    private renderTree;
+    private renderList;
+    render(): any;
+}

package/dist/types/components/mrd-document-list/mrd-document-list.d.ts

@@ -0,0 +1,210 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientArchetype, ClientLayoutItem } from '../../types/client-layout';
+/** A distinct value as returned by the /distinct endpoint. */
+export interface DistinctValue {
+    /** Relation slot → `{ href, name }`; value slot (folder) → the raw path string. */
+    value: {
+        href: string;
+        name: string;
+    } | string | number | null;
+    count: number;
+}
+/** A loaded document row (raw data object from the /data endpoint). */
+export type DocRow = Record<string, any>;
+/**
+ * Archetype-driven document collection view. Renders documents as a lazy,
+ * file-explorer-style folder tree, grouped by the `commons.document` archetype's
+ * `container` (dossier, the top folder) and `folder` (a path string like
+ * `/draft documents/may 2020`, the sub-path beneath it).
+ *
+ * Loading is lazy per level, mirroring the /distinct endpoint (FINDING-0106):
+ *  - on load → `mrdLoadDistinct` for the `container` relation → top folders;
+ *  - on expanding a container → `mrdLoadDistinct` for the `folder` field, filtered
+ *    by `{containerField}_href` → all folder path strings for that container
+ *    (the client splits them on `/` and builds the sub-tree locally);
+ *  - on expanding a node that holds documents → `mrdLoadPage` (a plain filtered list
+ *    load, the same one a table page uses), filtered by container + exact folder string.
+ *
+ * When exactly one container exists (e.g. a dossier detail page) the container
+ * level is hidden and its folder tree is shown directly at the root.
+ */
+export declare class MrdDocumentList {
+    el: HTMLElement;
+    /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+    item: ClientLayoutItem | null;
+    /** Resolved `commons.document` binding: slot name → concrete field/relation name. */
+    archetype: ClientArchetype;
+    /** Parent record id — required for RELATED_VIEW path building. */
+    parentId: string;
+    locale: string;
+    /** Request distinct values for a field/relation. Host fetches `{path}?{qs}` and calls `setDistinct(nodeId, values)`. */
+    mrdLoadDistinct: EventEmitter<{
+        nodeId: string;
+        distinct: string;
+        path: string;
+        qs: string;
+    }>;
+    /** Request the documents in one folder — the same filtered list load a table does.
+     *  Host fetches `{path}?{qs}` and calls `setDocuments(nodeId, docs)` (via setViewPage). */
+    mrdLoadPage: EventEmitter<{
+        nodeId: string;
+        page: number;
+        sort: string;
+        path: string;
+        qs: string;
+    }>;
+    /** A document row was clicked. Host routes to the document object page. */
+    mrdNavigate: EventEmitter<{
+        href?: string;
+        label: string;
+    }>;
+    /** Emitted whenever the "can create a folder here" state changes, so a host
+     *  toolbar (mrd-document-container) can enable/disable its New folder button. */
+    mrdCanCreate: EventEmitter<boolean>;
+    /** Generic "update an existing object" request — fired when a document is
+     *  dragged into another folder/container. Host PATCHes `href` with `values`
+     *  (no move/folder knowledge needed). `values` carries the new folder string
+     *  (or null for the container root) and, on a cross-container move, the new
+     *  container relation href. */
+    mrdUpdateObject: EventEmitter<{
+        href: string;
+        values: Record<string, unknown>;
+    }>;
+    /** An external file was dropped onto a folder/container. Same flow as mrd-form:
+     *  host uploads the file and calls `setFileReference(uri)` with the result. */
+    mrdUpload: EventEmitter<{
+        file: File;
+    }>;
+    /** Fired once the dropped file is uploaded — requests creation of a new document.
+     *  Host POSTs `values` to `path` (on a 400 it can open the create form itself). */
+    mrdCreateObject: EventEmitter<{
+        path: string;
+        values: Record<string, unknown>;
+    }>;
+    /** Root sentinel id for the container-level distinct request. */
+    private static readonly ROOT;
+    private containers;
+    private rootLoading;
+    /** True when the single-container level is collapsed away (dossier context). */
+    private singleContainer;
+    /** Currently selected node id — the target for "New folder" and (later) drops. */
+    private selectedId;
+    /** Node id currently highlighted as a drag-drop target (null = none). */
+    private dropTargetId;
+    /** Node id showing an "uploading…" indicator while a dropped file is processed. */
+    private uploadingNodeId;
+    private nodeIndex;
+    /** The pending node whose inline name input is open (null = not creating). */
+    private pendingNode;
+    /** The node the pending folder is being created under. */
+    private pendingParent;
+    /** The container the pending folder belongs to. */
+    private pendingContainer;
+    /** Current text in the inline name input. */
+    private pendingName;
+    /** Ref to the inline input, so we can focus it after it mounts. */
+    private pendingInputEl;
+    /** Set when a fresh input needs focus on the next render. */
+    private pendingNeedsFocus;
+    /** Monotonic counter for unique temporary pending-node ids. */
+    private newFolderSeq;
+    /** Last emitted canCreateFolder value, to only emit mrdCanCreate on change. */
+    private lastCanCreate;
+    /** The document row currently being dragged. */
+    private dragDoc;
+    /** Id of the node the dragged document currently lives in. */
+    private dragFromId;
+    /** External file dropped onto a node, awaiting its upload to complete. */
+    private pendingUpload;
+    /** The optimistic document row awaiting its self href from the create POST. */
+    private lastOptimisticDoc;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    private get containerField();
+    private get folderField();
+    private get titleField();
+    private get fileField();
+    private get dateField();
+    /** VIEW: `/{dataClass}`; RELATED_VIEW: `/{fromClass}/{parentId}/{dataClass}`. */
+    private buildDataPath;
+    /** View-level static filters + filterClass, shared by every request. */
+    private baseParams;
+    private emitContainerDistinct;
+    private emitFolderDistinct;
+    private emitDocuments;
+    /** Inject distinct values for a node. `nodeId` is the sentinel root (containers)
+     *  or a container node id (folders). */
+    setDistinct(nodeId: string, values: DistinctValue[]): Promise<void>;
+    /** Inject the documents loaded for one folder node. */
+    setDocuments(nodeId: string, docs: DocRow[]): Promise<void>;
+    private applyContainers;
+    private applyFolders;
+    /** Normalise a folder path: null/""/"/" → root ([]); else split on "/" dropping empties. */
+    private splitFolder;
+    private makeContainerNode;
+    private makeFolderNode;
+    private computeTotals;
+    /** Force a re-render after mutating nodes in place. */
+    private bump;
+    private toggleContainer;
+    private toggleFolder;
+    /** Resolve the node a new folder should be created under, and its container.
+     *  Uses the current selection; falls back to the single container (dossier). */
+    private resolveTarget;
+    private get canCreateFolder();
+    /** Start creating a folder under the current target. Called by the host toolbar
+     *  (mrd-document-container). No-op when there is no valid target. */
+    createFolder(): Promise<void>;
+    /** Folder path segments of a node relative to its container (derived from its id). */
+    private segmentsOf;
+    private startCreateFolder;
+    private onPendingInput;
+    private onPendingKeyDown;
+    private commitFolder;
+    private cancelFolder;
+    private clearPending;
+    private onDocDragStart;
+    private onDocDragEnd;
+    /** True when the drag carries external files (an OS file drop, not an internal move). */
+    private isFileDrag;
+    /** A folder/container node (or a document inside it) accepts an internal move
+     *  or an external file drop. Always claims the event so it never bubbles to the
+     *  root drop-zone; a different node is highlighted (its own folder = no-op). */
+    private onNodeDragOver;
+    private onNodeDragLeave;
+    private onNodeDrop;
+    /** Root-zone drop (dossier context): target the single container's root. */
+    private onRootDragOver;
+    private onRootDrop;
+    /** Begin an upload: emit mrdUpload; the host uploads and calls setFileReference. */
+    private startFileUpload;
+    /** Strip a single trailing extension for the document title. */
+    private stripExtension;
+    /** Host callback with the uploaded file reference. Builds the create payload
+     *  from the archetype slots and requests the new document. */
+    setFileReference(uri: string): Promise<void>;
+    /** Host callback with the created document's self href, so the optimistic row
+     *  becomes navigable without waiting for a reload. */
+    setCreatedHref(href: string): Promise<void>;
+    /** Folder string a node represents: the raw distinct value when it holds
+     *  documents, else derived from its path segments; null for a container root. */
+    private folderStringOf;
+    private moveDocument;
+    /** Recompute a container's subtree totals from docCounts when its folders are
+     *  loaded; otherwise just nudge the aggregate badge by the delta. */
+    private recomputeContainerTotals;
+    private openDoc;
+    private renderChevron;
+    private renderDossierIcon;
+    private renderFolderIcon;
+    private renderDocIcon;
+    private indent;
+    private renderDocRow;
+    private renderLoadingRow;
+    private renderChildren;
+    private renderUploadingRow;
+    private renderFolderEditRow;
+    private renderFolderNode;
+    private renderContainerNode;
+    render(): any;
+}

package/dist/types/components/mrd-document-view/mrd-document-view.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ClientArchetype } from '../../types/client-layout';
+/**
+ * Archetype-driven single-document view. Given a `commons.document` binding and a
+ * data record, renders the document recognisably — title, file preview/download,
+ * summary and date — plus a navigation link to the container (the dossier),
+ * instead of a generic field form.
+ *
+ * The component keys on the slot→field map (`archetype.slots`) to locate values:
+ * value slots read `data[field]`; the `container` relation slot reads
+ * `data._links[field]` (`{ href, name }`). Empty slots are omitted.
+ */
+export declare class MrdDocumentView {
+    /** Resolved `commons.document` binding: slot name → concrete field/relation name. */
+    archetype: ClientArchetype;
+    /** The data record from the /data endpoint. Fields keyed by name; relations under `_links`. */
+    data: Record<string, unknown>;
+    locale: string;
+    /** Navigate to the container (dossier). Host resolves the href and routes. */
+    mrdNavigate: EventEmitter<{
+        href?: string;
+        label: string;
+    }>;
+    /** Download the document file. Host resolves the href to a signed URL. */
+    mrdDownload: EventEmitter<{
+        href: string;
+        fileName: string;
+    }>;
+    /** Value of a value-slot: reads data[field] via the slot→field map. */
+    private slotValue;
+    /** Relation link for a relation-slot: reads data._links[field]. */
+    private slotLink;
+    private renderContainer;
+    private renderFile;
+    render(): any;
+}

package/dist/types/components/mrd-layout-section/mrd-layout-section.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ClientLayoutItem, ClientLayoutItemNavigate, ClientViewMetadata, RelationSearchResult } from '../../types/client-layout';
+import { ClientLayoutItem, ClientLayoutItemNavigate, ClientViewMetadata, ClientArchetype, RelationSearchResult } from '../../types/client-layout';
+import { DistinctValue } from '../mrd-document-list/mrd-document-list';
 export declare class MrdLayoutSection {
     el: HTMLElement;
     /** Items from one layout entry in ClientDashboardMetadata.layouts[]. */
@@ -13,6 +14,9 @@ export declare class MrdLayoutSection {
         href: string;
     }>;
     locale: string;
+    /** Top-level archetypes on the object dashboard. When it contains commons.document,
+     *  the record is rendered as a single-document view instead of generic fields. */
+    archetypes: ClientArchetype[];
     private searchQueryMap;
     private searchResultsMap;
     private imagePreviewUrl;
@@ -32,13 +36,15 @@ export declare class MrdLayoutSection {
         href: string;
         fileName: string;
     }>;
-    /** Re-emitted from an embedded mrd-table's mrdLoadPage; host fetches the next page and calls setViewPage(). */
+    /** Re-emitted from an embedded mrd-table's or mrd-document-list's mrdLoadPage; host fetches the
+     *  rows and calls setViewPage(). `nodeId` is present for a document-list folder load. */
     mrdLoadViewPage: EventEmitter<{
         name: string;
         page: number;
         sort: string;
         path: string;
         qs: string;
+        nodeId?: string;
     }>;
     /** Fired once on load for each IMAGE field that has an href; host resolves the URL and calls setImagePreview(). */
     mrdLoadImage: EventEmitter<{
@@ -63,6 +69,33 @@ export declare class MrdLayoutSection {
         qs: string;
         aggQs: string;
     }>;
+    /** Re-emitted from an embedded mrd-document-list's mrdLoadDistinct; host fetches distinct values and calls setViewDistinct(). */
+    mrdLoadViewDistinct: EventEmitter<{
+        name: string;
+        nodeId: string;
+        distinct: string;
+        path: string;
+        qs: string;
+    }>;
+    /** Generic "update an existing object" request from an embedded document view
+     *  (a document dragged into another folder). Host PATCHes `href` with `values`. */
+    mrdUpdateObject: EventEmitter<{
+        href: string;
+        values: Record<string, unknown>;
+    }>;
+    /** An external file was dropped on a document view; host uploads and calls
+     *  setViewFileReference(name, uri). */
+    mrdViewUpload: EventEmitter<{
+        name: string;
+        file: File;
+    }>;
+    /** Create a new document from an uploaded file; host POSTs `values` to `path`,
+     *  then calls setViewCreatedObject(name, href) with the new object's href. */
+    mrdCreateObject: EventEmitter<{
+        name: string;
+        path: string;
+        values: Record<string, unknown>;
+    }>;
     private searchTimers;
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -74,13 +107,22 @@ export declare class MrdLayoutSection {
     /** Inject search results. Pass dataClass to target a specific SEARCH item; omit when there is only one. */
     setSearchResults(results: RelationSearchResult[], dataClass?: string): Promise<void>;
     /**
-     * Inject data into an embedded mrd-table for a RELATED_VIEW or VIEW item.
-     * Pass totalElements to update the pagination total (safe to pass on every page).
-     * Pass hasNext (from _links.next presence) so the table can decide whether to emit aggregations.
+     * Inject rows for a VIEW / RELATED_VIEW item.
+     * - Table view: injects the page into the embedded mrd-table (pass totalElements/hasNext).
+     * - Document view: pass `nodeId` to route the rows to that folder node in the embedded
+     *   mrd-document-list. Folder loading is just a filtered list load, so it reuses this method.
      */
-    setViewPage(name: string, page: number, rows: any[], totalElements?: number, hasNext?: boolean): Promise<void>;
+    setViewPage(name: string, page: number, rows: any[], totalElements?: number, hasNext?: boolean, nodeId?: string): Promise<void>;
     /** Inject aggregation totals into an embedded mrd-table for a VIEW or RELATED_VIEW item. */
     setViewAggregations(name: string, data: any): Promise<void>;
+    /** Inject distinct values into an embedded mrd-document-list for a document view. */
+    setViewDistinct(name: string, nodeId: string, values: DistinctValue[]): Promise<void>;
+    /** Inject the uploaded file reference for a dropped file, so the document view
+     *  can request creation of the new document (see mrdViewUpload). */
+    setViewFileReference(name: string, uri: string): Promise<void>;
+    /** Inject the created document's href after a file-drop create, so the
+     *  optimistic row becomes navigable (see mrdCreateObject). */
+    setViewCreatedObject(name: string, href: string): Promise<void>;
     /** Provide a resolved URL for an IMAGE field. Shows as thumbnail; clicking opens the lightbox. */
     setImagePreview(fieldName: string, url: string): Promise<void>;
     /** Open the lightbox directly with a URL (e.g. after mrdDownload on a FILE field). */
@@ -95,7 +137,16 @@ export declare class MrdLayoutSection {
     private renderRelation;
     private renderSearch;
     private renderRelatedView;
+    /** Document collection view: owns the view-switch + collection actions and
+     *  swaps between the folder tree and the flat table. Events are re-emitted to
+     *  the host with the view key, exactly as the raw list/table events were. */
+    private renderDocumentContainer;
+    private renderTable;
     private renderItem;
     private renderImageModal;
+    /** Single-document view: the record's own type carries commons.document. Renders
+     *  a recognisable document instead of generic fields, keeping any related views/
+     *  searches below it. */
+    private renderDocumentObject;
     render(): any;
 }