@mmlogic/components 0.5.13 → 0.5.15

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DVbdkYO3.js');
-var clientLayout = require('./client-layout-CqVuJumR.js');
-var cellRenderer = require('./cell-renderer-BBebjBVz.js');
+var clientLayout = require('./client-layout-Eg2VwW-7.js');
+var cellRenderer = require('./cell-renderer-CLVKTVVQ.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: '3adb36fb46aa7260641a46a2cf27cc0ef320876f', locale: this.locale, searchQuery: this.searchQuery, searchResults: this.searchResults, isLoading: this.isLoading, onSearchInput: this.handleSearchInput, onSelect: this.handleSelect }));
+            stepContent = (index.h(MergeSearchStep, { key: '88ddac4f8f60a736bc6bc898b553e24771023b82', 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: 'e33a6d66a220b28cc9533da78dc274e2d7ec5c4a' }, index.h("div", { key: 'b5fb1390d86192f9f6f15e3ccb89e2d21d9c7c8b', class: "mrd-merge-view" }, stepContent)));
+        return (index.h(index.Host, { key: '3606faba4c86ae1d981b7c40e4f1cb9cde19cf50' }, index.h("div", { key: '9605009fec0a7c79a5cd32141d930ea04e5efaad', class: "mrd-merge-view" }, stepContent)));
     }
     get el() { return index.getElement(this); }
 };

package/dist/collection/collection-manifest.json

@@ -24,6 +24,9 @@
     "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/memo/mrd-memo-container/mrd-memo-container.js",
+    "components/memo/mrd-memo-list/mrd-memo-list.js",
+    "components/memo/mrd-memo-view/mrd-memo-view.js",
     "components/merge/mrd-merge-view/mrd-merge-view.js",
     "components/table/mrd-table/mrd-table.js"
   ],

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

@@ -10,12 +10,29 @@ export class MrdTextareaField {
         this.required = false;
         this.disabled = false;
         this.locale = navigator.language;
+        /** Focus the editor as soon as it's ready — opt-in, since auto-focusing every
+         *  textarea field on mount would be wrong for a regular multi-field form. */
+        this.autofocus = false;
         this.error = '';
         this.editorReady = false;
     }
     componentDidLoad() {
         this.initQuill();
     }
+    /** The host may reuse the same element for a different record (e.g. mrd-memo-
+     *  container's quick-create/edit dialog editing a second memo without the
+     *  dialog itself remounting) — Quill only reads `value` once at construction,
+     *  so re-apply it here when it changes to something the editor doesn't already
+     *  hold. Guarded against our own emitted mrdChange feeding back in as a no-op. */
+    valueChanged(newValue) {
+        if (!this.editorReady || !this.quill)
+            return;
+        if (newValue === this.getSanitizedHtml())
+            return;
+        this.quill.setText('');
+        if (newValue)
+            this.quill.clipboard.dangerouslyPasteHTML(newValue);
+    }
     async initQuill() {
         try {
             // Dynamically import Quill
@@ -37,6 +54,7 @@ export class MrdTextareaField {
                     ],
                 },
             });
+            this.quill = quill;
             if (this.value) {
                 quill.clipboard.dangerouslyPasteHTML(this.value);
             }
@@ -51,8 +69,9 @@ export class MrdTextareaField {
                     this.mrdBlur.emit({ name: this.name, value: html });
                 }
             });
-            void quill; // hold reference if needed later
             this.editorReady = true;
+            if (this.autofocus)
+                quill.focus();
         }
         catch (err) {
             console.error('Failed to load Quill editor:', err);
@@ -64,7 +83,7 @@ export class MrdTextareaField {
         return DOMPurify.sanitize(html);
     }
     render() {
-        return (h(Host, { key: 'e132531881f68f373e700617aac8033c8ebccb47' }, h("div", { key: 'fec0cf56cd7868d3fcd5a4e8a382b2dcdb6e5c50', class: "mrd-textarea-field" }, h(FieldLabel, { key: '333aa2ff57cce9e3178f0c4be4a1df1077884248', base: "mrd-textarea-field", label: this.label, required: this.required }), h("div", { key: '40025207580eb5768981b85aaa0a8ff95fce7234', class: controlClass('mrd-textarea-field', !!this.error, 'container') }, h("div", { key: '621987b3b2b1d8b4836bff065075ba527a82db81', class: "mrd-textarea-field__editor" })), h(FieldError, { key: 'ac2d8de22f008cd1c91842137ccd0cd36eb9ce19', base: "mrd-textarea-field", error: this.error }))));
+        return (h(Host, { key: '5dad54667601fce064107311e741e4e0dad94298' }, h("div", { key: 'bd7bd538155ec3172fa8cc1cf4cf66ad23d07a3b', class: "mrd-textarea-field" }, h(FieldLabel, { key: 'a3fe2c714340bbdcd3521e9782f87f3773c65e62', base: "mrd-textarea-field", label: this.label, required: this.required }), h("div", { key: 'a7a628f94bc628fd358c7fc876ee1bdd2c7ef520', class: controlClass('mrd-textarea-field', !!this.error, 'container') }, h("div", { key: '30ecd27d9e928094178f8f011524ff5633cb875e', class: "mrd-textarea-field__editor" })), h(FieldError, { key: '589d5cbf28c3ae1bdbe5f663aaf6cae840bdcffe', base: "mrd-textarea-field", error: this.error }))));
     }
     static get is() { return "mrd-textarea-field"; }
     static get encapsulation() { return "scoped"; }
@@ -219,6 +238,26 @@ export class MrdTextareaField {
                 "reflect": false,
                 "attribute": "locale",
                 "defaultValue": "navigator.language"
+            },
+            "autofocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Focus the editor as soon as it's ready \u2014 opt-in, since auto-focusing every\ntextarea field on mount would be wrong for a regular multi-field form."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "autofocus",
+                "defaultValue": "false"
             }
         };
     }
@@ -262,4 +301,10 @@ export class MrdTextareaField {
             }];
     }
     static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "valueChanged"
+            }];
+    }
 }

package/dist/collection/components/form/mrd-form/mrd-form.css

@@ -126,4 +126,33 @@
 }
 .mrd-form__cancel:active {
   background-color: var(--mrd-color-neutral-200);
+}
+.mrd-form__delete {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--mrd-input-height);
+  padding: 0 var(--mrd-space-6);
+  margin-right: auto;
+  background-color: transparent;
+  color: var(--mrd-color-danger);
+  font-family: var(--mrd-font-family);
+  font-size: var(--mrd-font-size-base);
+  font-weight: var(--mrd-font-weight-medium);
+  border: var(--mrd-border-width) solid var(--mrd-color-danger);
+  border-radius: var(--mrd-border-radius);
+  cursor: pointer;
+  transition: background-color var(--mrd-transition), color var(--mrd-transition);
+}
+.mrd-form__delete:hover {
+  background-color: var(--mrd-color-danger-light);
+  color: var(--mrd-color-danger-dark);
+}
+.mrd-form__delete:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--mrd-color-danger-light);
+}
+.mrd-form__delete:active {
+  background-color: var(--mrd-color-danger-light);
+  border-color: var(--mrd-color-danger-dark);
 }

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

@@ -27,6 +27,11 @@ export class MrdForm {
         this.referenceClass = '';
         /** When true, a cancel button is shown next to the submit button. */
         this.showCancel = false;
+        /** When true, a delete button is shown next to the submit button (edit mode only —
+         *  the host decides when a delete affordance makes sense, e.g. only for an existing
+         *  record). Deletion itself (confirmation, the actual API call) is entirely the
+         *  host's responsibility; mrd-form only emits the request via mrdDelete. */
+        this.showDelete = false;
         /**
          * The currently logged-in user, resolved by the host via /accounts/me.
          * Used to pre-fill RELATION fields whose defaultValue is "@me".
@@ -314,15 +319,11 @@ export class MrdForm {
     normalizeRelationValue(value) {
         if (value == null || value === '')
             return null;
-        if (typeof value === 'string')
-            return value || null;
         if (Array.isArray(value)) {
-            return value.map(v => typeof v === 'object' && v !== null && 'id' in v ? v.id : String(v));
-        }
-        if (typeof value === 'object' && 'id' in value) {
-            return value.id || null;
+            const hrefs = value.map(v => this.getHref(v)).filter(v => v !== '');
+            return hrefs.length ? hrefs : null;
         }
-        return null;
+        return this.getHref(value) || null;
     }
     deepEqual(a, b) {
         if (a === b)
@@ -395,7 +396,7 @@ export class MrdForm {
             return h(Host, null);
         }
         const dir = this.locale.startsWith('ar') ? 'rtl' : 'ltr';
-        return (h(Host, null, h("form", { class: "mrd-form", dir: dir, onSubmit: this.handleSubmit, noValidate: true }, this.layout.title && h("h2", { class: "mrd-form__title" }, this.layout.title), h("div", { class: "mrd-form__body" }, this.renderItems(this.layout.items)), h("div", { class: "mrd-form__footer" }, h("button", { type: "submit", class: "mrd-form__submit" }, t('submit', this.locale)), this.showCancel && (h("button", { type: "button", class: "mrd-form__cancel", onClick: () => this.mrdCancel.emit() }, t('cancel', this.locale)))))));
+        return (h(Host, null, h("form", { class: "mrd-form", dir: dir, onSubmit: this.handleSubmit, noValidate: true }, this.layout.title && h("h2", { class: "mrd-form__title" }, this.layout.title), h("div", { class: "mrd-form__body" }, this.renderItems(this.layout.items)), h("div", { class: "mrd-form__footer" }, this.showDelete && (h("button", { type: "button", class: "mrd-form__delete", onClick: () => this.mrdDelete.emit() }, t('delete', this.locale))), h("button", { type: "submit", class: "mrd-form__submit" }, t('submit', this.locale)), this.showCancel && (h("button", { type: "button", class: "mrd-form__cancel", onClick: () => this.mrdCancel.emit() }, t('cancel', this.locale)))))));
     }
     static get is() { return "mrd-form"; }
     static get encapsulation() { return "scoped"; }
@@ -538,6 +539,26 @@ export class MrdForm {
                 "attribute": "show-cancel",
                 "defaultValue": "false"
             },
+            "showDelete": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true, a delete button is shown next to the submit button (edit mode only \u2014\nthe host decides when a delete affordance makes sense, e.g. only for an existing\nrecord). Deletion itself (confirmation, the actual API call) is entirely the\nhost's responsibility; mrd-form only emits the request via mrdDelete."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-delete",
+                "defaultValue": "false"
+            },
             "me": {
                 "type": "unknown",
                 "mutable": false,
@@ -608,6 +629,21 @@ export class MrdForm {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "mrdDelete",
+                "name": "mrdDelete",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }, {
                 "method": "mrdSearch",
                 "name": "mrdSearch",

package/dist/collection/components/layout/mrd-layout-section/mrd-layout-section.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { ClientLayoutItemType, ClientLayoutItemFieldDataType, ClientLayoutNavigateBehaviour, resolveArchetype, ARCHETYPE_DOCUMENT, ARCHETYPE_INVOICE, ARCHETYPE_EMAIL, ARCHETYPE_INVOICE_LINE, } from "../../../types/client-layout";
+import { ClientLayoutItemType, ClientLayoutItemFieldDataType, ClientLayoutNavigateBehaviour, resolveArchetype, ARCHETYPE_DOCUMENT, ARCHETYPE_INVOICE, ARCHETYPE_EMAIL, ARCHETYPE_INVOICE_LINE, ARCHETYPE_MEMO, } from "../../../types/client-layout";
 import { t } from "../../../utils/i18n";
 import { viewKeyFor, flattenItems, buildContainerHref, showsEmpty } from "./layout-helpers";
 import { renderField } from "./field-value";
@@ -21,6 +21,11 @@ export class MrdLayoutSection {
          *  create ("+") action and the documents view's New folder / Upload are disabled
          *  with a tooltip explaining why, so it's clear at a glance the user can't mutate data. */
         this.readOnly = false;
+        /** The active account's linked person record (userProfile.links.person), if any.
+         *  Threaded to mrd-memo-container so a top-level memo VIEW (no parent record to
+         *  attach a new memo to) can still offer "New memo" by falling back to the
+         *  account's own record as the container. */
+        this.me = null;
         this.searchQueryMap = {};
         this.searchResultsMap = {};
         this.imagePreviewUrl = null;
@@ -74,6 +79,14 @@ export class MrdLayoutSection {
                 await table.init();
             }
         }
+        // mrd-memo-container's card mode has no <mrd-table> — mrd-memo-list needs the
+        // same init() call to request its first page.
+        const memoLists = this.el.querySelectorAll('mrd-memo-list[data-view]');
+        for (const list of Array.from(memoLists)) {
+            if (typeof list.init === 'function') {
+                await list.init();
+            }
+        }
     }
     emitLoadImages() {
         for (const item of flattenItems(this.items)) {
@@ -107,12 +120,18 @@ export class MrdLayoutSection {
             return;
         }
         const table = this.el.querySelector(`mrd-table[data-view="${name}"]`);
-        if (!table)
+        if (table) {
+            if (totalElements !== undefined) {
+                table.totalElements = totalElements;
+            }
+            await table.setPage(page, rows, hasNext);
             return;
-        if (totalElements !== undefined) {
-            table.totalElements = totalElements;
         }
-        await table.setPage(page, rows, hasNext);
+        // Cards mode: mrd-memo-container mounts mrd-memo-list instead of mrd-table.
+        const memoList = this.el.querySelector(`mrd-memo-list[data-view="${name}"]`);
+        if (memoList) {
+            await memoList.setPage(page, rows, hasNext);
+        }
     }
     /** Inject aggregation totals into an embedded mrd-table for a VIEW or RELATED_VIEW item. */
     async setViewAggregations(name, data) {
@@ -135,11 +154,18 @@ export class MrdLayoutSection {
             await list.setFileReference(uri);
     }
     /** Inject the created document's href after a file-drop create, so the
-     *  optimistic row becomes navigable (see mrdCreateObject). */
+     *  optimistic row becomes navigable (see mrdCreateObject). For a memo
+     *  quick-create there is no optimistic row to resolve — simply reload the
+     *  container's current body so the new memo shows up. */
     async setViewCreatedObject(name, href) {
         const list = this.el.querySelector(`mrd-document-list[data-doclist="${name}"]`);
-        if (list === null || list === void 0 ? void 0 : list.setCreatedHref)
+        if (list === null || list === void 0 ? void 0 : list.setCreatedHref) {
             await list.setCreatedHref(href);
+            return;
+        }
+        const memoContainer = this.el.querySelector(`mrd-memo-container[data-view="${name}"]`);
+        if (memoContainer === null || memoContainer === void 0 ? void 0 : memoContainer.refresh)
+            await memoContainer.refresh();
     }
     /** Provide a resolved URL for an IMAGE field. Shows as thumbnail; clicking opens the lightbox. */
     async setImagePreview(fieldName, url) {
@@ -201,7 +227,7 @@ export class MrdLayoutSection {
         return (h("div", { class: "mrd-layout-section__search", key: `search-${dataClass}` }, h("div", { class: "mrd-layout-section__search-wrap" }, h("svg", { class: "mrd-layout-section__search-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, h("path", { "fill-rule": "evenodd", d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z", "clip-rule": "evenodd" })), h("input", { class: "mrd-layout-section__search-input", type: "text", value: query, placeholder: (_c = item.label) !== null && _c !== void 0 ? _c : '', onInput: e => this.handleSearchInput(dataClass, e.target.value) })), results.length > 0 && (h("ul", { class: "mrd-layout-section__search-results" }, results.map(r => (h("li", { key: r.id, class: "mrd-layout-section__search-result" }, h("button", { class: "mrd-layout-section__search-result-btn", onClick: () => this.mrdNavigate.emit({ href: r.id, label: r.label }) }, h("span", { class: "mrd-layout-section__search-result-label" }, r.label), r.description && h("span", { class: "mrd-layout-section__search-result-desc" }, r.description)))))))));
     }
     renderRelatedView(item) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const key = viewKeyFor(item);
         if (!key)
             return null;
@@ -214,13 +240,12 @@ export class MrdLayoutSection {
         // The API publishes `archetypes` on the VIEW/RELATED_VIEW item itself
         // (sibling of `view`), not inside `view`.
         const docArchetype = resolveArchetype((_g = item.archetypes) !== null && _g !== void 0 ? _g : (_h = item.view) === null || _h === void 0 ? void 0 : _h.archetypes, ARCHETYPE_DOCUMENT);
+        const memoArchetype = !docArchetype ? resolveArchetype((_j = item.archetypes) !== null && _j !== void 0 ? _j : (_k = item.view) === null || _k === void 0 ? void 0 : _k.archetypes, ARCHETYPE_MEMO) : undefined;
         // Canonical parent href for single-container seeding: use the RELATED_VIEW's
         // fromClass (base class) rather than the route class, so polymorphic subtypes
         // resolve to the same container the documents actually reference.
         const containerHref = buildContainerHref(item, selfHref, parentId);
-        return (h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), docArchetype
-            ? this.renderDocumentContainer(item, key, parentId, docArchetype, containerHref)
-            : this.renderTable(item, key, parentId)));
+        return (h("div", { class: "mrd-layout-section__related-view", key: `view-${key}` }, showTitle && item.label && h("h3", { class: "mrd-layout-section__related-view-title" }, item.label), docArchetype && this.renderDocumentContainer(item, key, parentId, docArchetype, containerHref), memoArchetype && this.renderMemoContainer(item, key, parentId, memoArchetype, containerHref), !docArchetype && !memoArchetype && this.renderTable(item, key, parentId)));
     }
     /** Document collection view: owns the view-switch + collection actions and
      *  swaps between the folder tree and the flat table. Events are re-emitted to
@@ -258,6 +283,33 @@ export class MrdLayoutSection {
                 this.mrdCreateObject.emit(Object.assign({ name: key }, e.detail));
             } }));
     }
+    /** Memo collection view: owns the view-switch + "New memo" and swaps between
+     *  the card list and the flat table, mirroring renderDocumentContainer(). */
+    renderMemoContainer(item, key, parentId, archetype, containerHref) {
+        var _a, _b, _c, _d;
+        const labelsListItems = (_d = (_c = (_b = (_a = item.view) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.find(v => { var _a; return v.name === ((_a = archetype.slots) === null || _a === void 0 ? void 0 : _a.labels); })) === null || _c === void 0 ? void 0 : _c.listItems) !== null && _d !== void 0 ? _d : null;
+        return (h("mrd-memo-container", { "data-view": key, item: item, archetype: archetype, parentId: parentId, containerHref: containerHref, viewKey: key, locale: this.locale, readOnly: this.readOnly, me: this.me, labelsListItems: labelsListItems, onMrdLoadPage: (e) => {
+                e.stopPropagation();
+                this.mrdLoadViewPage.emit(Object.assign({ name: key }, e.detail));
+            }, onMrdLoadAggregations: (e) => {
+                var _a;
+                e.stopPropagation();
+                this.mrdLoadViewAggregations.emit(Object.assign({ name: key, dataClass: (_a = item.dataClass) !== null && _a !== void 0 ? _a : key }, e.detail));
+            }, onMrdAction: (e) => {
+                var _a;
+                e.stopPropagation();
+                this.mrdViewAction.emit(Object.assign({ name: key, dataClass: (_a = item.dataClass) !== null && _a !== void 0 ? _a : key }, e.detail));
+            }, onMrdCreateObject: (e) => {
+                e.stopPropagation();
+                this.mrdCreateObject.emit(Object.assign({ name: key }, e.detail));
+            }, onMrdUpdateObject: (e) => {
+                e.stopPropagation();
+                this.mrdUpdateObject.emit(e.detail);
+            }, onMrdDeleteObject: (e) => {
+                e.stopPropagation();
+                this.mrdDeleteObject.emit(e.detail);
+            } }));
+    }
     renderTable(item, key, parentId) {
         return (h("mrd-table", { "data-view": key, item: item, parentId: parentId, locale: this.locale, readOnly: this.readOnly, onMrdLoadPage: (e) => this.handleViewLoadPage(e, key), onMrdLoadAggregations: (e) => {
                 var _a;
@@ -359,11 +411,24 @@ export class MrdLayoutSection {
             ...this.relatedItems().map(it => this.renderItem(it)),
         ];
     }
+    /** Single-memo view: the record's own type carries commons.memo. Renders a
+     *  recognisable memo (title/body prominent, author/date subtle) instead of
+     *  generic fields, keeping any related views/searches below it. */
+    renderMemoObject(archetype) {
+        var _a, _b;
+        const labelsListItems = (_b = (_a = this.items.find(it => { var _a; return it.name === ((_a = archetype.slots) === null || _a === void 0 ? void 0 : _a.labels); })) === null || _a === void 0 ? void 0 : _a.listItems) !== null && _b !== void 0 ? _b : null;
+        return [
+            h("mrd-memo-view", { archetype: archetype, data: this.data, locale: this.locale, labelsListItems: labelsListItems, onMrdNavigate: (e) => { e.stopPropagation(); this.mrdNavigate.emit(e.detail); } }),
+            ...this.relatedItems().map(it => this.renderItem(it)),
+        ];
+    }
     render() {
         const docArchetype = resolveArchetype(this.archetypes, ARCHETYPE_DOCUMENT);
         const invoiceArchetype = !docArchetype ? resolveArchetype(this.archetypes, ARCHETYPE_INVOICE) : undefined;
         const emailArchetype = !docArchetype && !invoiceArchetype ? resolveArchetype(this.archetypes, ARCHETYPE_EMAIL) : undefined;
-        return (h(Host, { key: '07b1d61b170a5ae971ba54eaf775e1787dea1642' }, h("div", { key: 'd146e0542b1de11bd130eb3d36d54e4faf055309', class: "mrd-layout-section" }, docArchetype && this.renderDocumentObject(docArchetype), invoiceArchetype && this.renderInvoiceObject(invoiceArchetype), emailArchetype && this.renderEmailObject(emailArchetype), !docArchetype && !invoiceArchetype && !emailArchetype && this.items.map(item => this.renderItem(item))), this.renderImageModal()));
+        const memoArchetype = !docArchetype && !invoiceArchetype && !emailArchetype ? resolveArchetype(this.archetypes, ARCHETYPE_MEMO) : undefined;
+        const anyArchetype = docArchetype || invoiceArchetype || emailArchetype || memoArchetype;
+        return (h(Host, { key: '730654d745992b9607f15fcaf2bb54a725429e4d' }, h("div", { key: '72a2e7bb767992aa6f206a10f8b2a3a572e86115', class: "mrd-layout-section" }, docArchetype && this.renderDocumentObject(docArchetype), invoiceArchetype && this.renderInvoiceObject(invoiceArchetype), emailArchetype && this.renderEmailObject(emailArchetype), memoArchetype && this.renderMemoObject(memoArchetype), !anyArchetype && this.items.map(item => this.renderItem(item))), this.renderImageModal()));
     }
     static get is() { return "mrd-layout-section"; }
     static get encapsulation() { return "scoped"; }
@@ -543,6 +608,31 @@ export class MrdLayoutSection {
                 "reflect": false,
                 "attribute": "read-only",
                 "defaultValue": "false"
+            },
+            "me": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "RelationSearchResult | null",
+                    "resolved": "RelationSearchResult | null",
+                    "references": {
+                        "RelationSearchResult": {
+                            "location": "import",
+                            "path": "../../../types/client-layout",
+                            "id": "src/types/client-layout.ts::RelationSearchResult",
+                            "referenceLocation": "RelationSearchResult"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The active account's linked person record (userProfile.links.person), if any.\nThreaded to mrd-memo-container so a top-level memo VIEW (no parent record to\nattach a new memo to) can still offer \"New memo\" by falling back to the\naccount's own record as the container."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
             }
         };
     }
@@ -743,6 +833,21 @@ export class MrdLayoutSection {
                         }
                     }
                 }
+            }, {
+                "method": "mrdDeleteObject",
+                "name": "mrdDeleteObject",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Confirmed delete from an embedded memo dialog. Host DELETEs `href` \u2014 fire-\nand-forget, the row is already removed optimistically on the component side."
+                },
+                "complexType": {
+                    "original": "{ href: string }",
+                    "resolved": "{ href: string; }",
+                    "references": {}
+                }
             }, {
                 "method": "mrdViewUpload",
                 "name": "mrdViewUpload",
@@ -858,6 +963,10 @@ export class MrdLayoutSection {
                         "HTMLMrdTableElement": {
                             "location": "global",
                             "id": "global::HTMLMrdTableElement"
+                        },
+                        "HTMLMrdMemoListElement": {
+                            "location": "global",
+                            "id": "global::HTMLMrdMemoListElement"
                         }
                     },
                     "return": "Promise<void>"
@@ -984,12 +1093,16 @@ export class MrdLayoutSection {
                         "HTMLMrdDocumentListElement": {
                             "location": "global",
                             "id": "global::HTMLMrdDocumentListElement"
+                        },
+                        "HTMLMrdMemoContainerElement": {
+                            "location": "global",
+                            "id": "global::HTMLMrdMemoContainerElement"
                         }
                     },
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "Inject the created document's href after a file-drop create, so the\noptimistic row becomes navigable (see mrdCreateObject).",
+                    "text": "Inject the created document's href after a file-drop create, so the\noptimistic row becomes navigable (see mrdCreateObject). For a memo\nquick-create there is no optimistic row to resolve \u2014 simply reload the\ncontainer's current body so the new memo shows up.",
                     "tags": []
                 }
             },