@mmlogic/components 0.5.14 → 0.5.16

package/dist/collection/components/memo/mrd-memo-container/mrd-memo-container.js

@@ -0,0 +1,769 @@
+import { Host, h } from "@stencil/core";
+import { ClientLayoutItemType } from "../../../types/client-layout";
+import { t } from "../../../utils/i18n";
+import { buildListPath } from "../../../utils/query-params";
+/**
+ * Owns a memo collection view: a single toolbar (view switch + "New memo") plus
+ * the two interchangeable bodies — the card list (`mrd-memo-list`) and the flat
+ * table (`mrd-table`). Mirrors `mrd-document-container`'s structure.
+ *
+ * There is no memo detail page: both "New memo" and clicking an existing memo
+ * (card or table row) open the same small dialog — just the fields a person
+ * actually fills in (body, and only the optional slots the archetype actually
+ * maps: title/labels/important). date/author/container are already known
+ * context and never shown. Create emits `mrdCreateObject` (same contract
+ * mrd-document-list already uses for its inline file-drop create); editing an
+ * existing memo emits `mrdUpdateObject` (same generic PATCH contract used
+ * elsewhere, e.g. mrd-document-list's drag-move) and optimistically patches the
+ * displayed row/card itself, since that PATCH is fire-and-forget on the host.
+ *
+ * `mrd-layout-section` renders one of these per memo VIEW / RELATED_VIEW and
+ * forwards the re-emitted load/action/create/update events to the host.
+ */
+export class MrdMemoContainer {
+    constructor() {
+        /** The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config). */
+        this.item = null;
+        /** Parent record id — required for RELATED_VIEW path building. */
+        this.parentId = '';
+        /** Canonical parent href — set when this is a RELATED_VIEW embedded under a
+         *  parent record, which already gives a new memo something to attach to. */
+        this.containerHref = '';
+        /** False when this RELATED_VIEW's parent is related via a relation other than
+         *  the archetype's container slot (e.g. a person's "memos I authored" list,
+         *  related via `author`) — mrd-layout-section resolves this from the item's
+         *  `inverseRelation`. In that case the parent is not a valid container for a
+         *  new memo, and — unlike a top-level VIEW with no context at all — falling
+         *  back to `me` would be wrong too (creating a memo "on myself" from someone
+         *  else's authored-memos list makes no sense), so "New memo" is hidden outright. */
+        this.containerRelated = true;
+        /** True unless this is a container-scoped RELATED_VIEW (a company's own memo
+         *  tab, say) where every card's container is obviously the page you're
+         *  already on — forwarded to mrd-memo-list to show/hide its per-card
+         *  container link. A top-level VIEW or an author-scoped RELATED_VIEW both
+         *  still need it, since the container isn't implied by the page context. */
+        this.showContainerLink = true;
+        /** Lookup key used for the embedded `data-view` attribute. */
+        this.viewKey = '';
+        this.locale = navigator.language;
+        /** listItems of the FIELD bound to the `labels` slot; forwarded to whichever
+         *  body is mounted and used to render the dialog's label checkboxes. */
+        this.labelsListItems = null;
+        /** When true, this dashboard is read-only: "New memo" is disabled with a
+         *  tooltip, cards/rows are not clickable, and the embedded table's own
+         *  create action is disabled too. */
+        this.readOnly = false;
+        /** The active account's linked person record (userProfile.links.person), if any.
+         *  Used both to gate "New memo" (see effectiveContainerHref) and, on submit, to
+         *  fill the author slot. */
+        this.me = null;
+        /** Active body: card list or flat table. */
+        this.mode = 'cards';
+        this.dialogOpen = false;
+        /** Href of the memo being edited; null while creating. */
+        this.editingHref = null;
+        this.dialogBody = '';
+        this.dialogTitle = '';
+        this.dialogLabels = [];
+        this.dialogImportant = false;
+        this.dialogTouched = false;
+        /** True while the dialog shows the delete confirmation step in place of the
+         *  form fields — mirrors mrd-merge-view's MergeConfirmStep (same panel,
+         *  swapped content) rather than stacking a second modal. */
+        this.deleteConfirmOpen = false;
+        /** Whether the currently mounted body has been init()'d. Reset on every mode switch. */
+        this.listInited = false;
+        this.tableInited = false;
+        this.escapeHandler = null;
+        this.openCreate = () => {
+            if (!this.canAdd)
+                return;
+            this.editingHref = null;
+            this.dialogBody = '';
+            this.dialogTitle = '';
+            this.dialogLabels = [];
+            this.dialogImportant = false;
+            this.dialogTouched = false;
+            this.deleteConfirmOpen = false;
+            this.dialogOpen = true;
+        };
+        /** Opens the same dialog pre-filled from an existing memo row/record —
+         *  triggered by clicking a card or a table row. No separate detail page. */
+        this.openEdit = (row) => {
+            var _a, _b;
+            if (this.readOnly)
+                return;
+            const href = (_b = (_a = row === null || row === void 0 ? void 0 : row._links) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.href;
+            if (!href)
+                return;
+            this.editingHref = href;
+            const bodyRaw = this.slotValue(row, 'body');
+            this.dialogBody = bodyRaw != null ? String(bodyRaw) : '';
+            const titleRaw = this.slotValue(row, 'title');
+            this.dialogTitle = titleRaw != null ? String(titleRaw) : '';
+            const labelsRaw = this.slotValue(row, 'labels');
+            this.dialogLabels = Array.isArray(labelsRaw)
+                ? labelsRaw.map(String)
+                : (labelsRaw != null && labelsRaw !== '' ? [String(labelsRaw)] : []);
+            this.dialogImportant = !!this.slotValue(row, 'important');
+            this.dialogTouched = false;
+            this.deleteConfirmOpen = false;
+            this.dialogOpen = true;
+        };
+        this.closeDialog = () => {
+            this.dialogOpen = false;
+            this.deleteConfirmOpen = false;
+        };
+        this.openDeleteConfirm = () => {
+            this.deleteConfirmOpen = true;
+        };
+        this.cancelDeleteConfirm = () => {
+            this.deleteConfirmOpen = false;
+        };
+        this.confirmDelete = () => {
+            var _a;
+            if (!this.editingHref)
+                return;
+            const href = this.editingHref;
+            this.mrdDeleteObject.emit({ href });
+            if (this.mode === 'cards') {
+                (_a = this.listEl) === null || _a === void 0 ? void 0 : _a.removeRow(href);
+            }
+            else {
+                this.refresh();
+            }
+            this.deleteConfirmOpen = false;
+            this.dialogOpen = false;
+        };
+        this.submitDialog = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+            this.dialogTouched = true;
+            if (!this.dialogBody.trim())
+                return;
+            const slots = (_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) !== null && _b !== void 0 ? _b : {};
+            if (this.editingHref) {
+                // Every shown field is sent explicitly, even when cleared/unchecked —
+                // this is a PATCH, so omitting a field would leave its old value intact.
+                const values = { [(_c = slots.body) !== null && _c !== void 0 ? _c : 'body']: this.dialogBody };
+                if (this.hasTitleSlot)
+                    values[(_d = slots.title) !== null && _d !== void 0 ? _d : 'title'] = this.dialogTitle.trim() || null;
+                if (((_e = this.labelsListItems) !== null && _e !== void 0 ? _e : []).length)
+                    values[(_f = slots.labels) !== null && _f !== void 0 ? _f : 'labels'] = this.dialogLabels;
+                if (this.hasImportantSlot)
+                    values[(_g = slots.important) !== null && _g !== void 0 ? _g : 'important'] = this.dialogImportant;
+                this.mrdUpdateObject.emit({ href: this.editingHref, values });
+                if (this.mode === 'cards') {
+                    (_h = this.listEl) === null || _h === void 0 ? void 0 : _h.patchRow(this.editingHref, values);
+                }
+                else {
+                    this.refresh();
+                }
+            }
+            else {
+                if (!this.canAdd)
+                    return;
+                const values = {
+                    [(_j = slots.body) !== null && _j !== void 0 ? _j : 'body']: this.dialogBody,
+                    // now(), same token/format mrd-form's own defaultValue resolution uses.
+                    [(_k = slots.date) !== null && _k !== void 0 ? _k : 'date']: new Date().toISOString().replace(/\.\d{3}Z$/, 'Z'),
+                };
+                if (this.hasTitleSlot && this.dialogTitle.trim())
+                    values[(_l = slots.title) !== null && _l !== void 0 ? _l : 'title'] = this.dialogTitle.trim();
+                if (((_m = this.labelsListItems) !== null && _m !== void 0 ? _m : []).length && this.dialogLabels.length)
+                    values[(_o = slots.labels) !== null && _o !== void 0 ? _o : 'labels'] = this.dialogLabels;
+                if (this.hasImportantSlot && this.dialogImportant)
+                    values[(_p = slots.important) !== null && _p !== void 0 ? _p : 'important'] = true;
+                if (this.meHref())
+                    values[(_q = slots.author) !== null && _q !== void 0 ? _q : 'author'] = this.meHref();
+                // Always explicit — relation values are never inferred from the URL elsewhere
+                // in this codebase (e.g. mrd-form's own submit payload), so don't assume it here.
+                values[(_r = slots.container) !== null && _r !== void 0 ? _r : 'container'] = this.effectiveContainerHref;
+                this.mrdCreateObject.emit({ path: this.buildCreatePath(), values });
+            }
+            this.dialogOpen = false;
+        };
+    }
+    disconnectedCallback() {
+        this.unbindEscape();
+    }
+    /** Escape backs out of the delete-confirm step first (matches Cancel there),
+     *  or closes the whole dialog. Bound to `document` — bubbling from inside the
+     *  Quill editor is not reliable enough to rely on a local key handler. */
+    dialogOpenChanged(open) {
+        if (open) {
+            this.escapeHandler = (e) => {
+                if (e.key !== 'Escape')
+                    return;
+                if (this.deleteConfirmOpen)
+                    this.cancelDeleteConfirm();
+                else
+                    this.closeDialog();
+            };
+            document.addEventListener('keydown', this.escapeHandler);
+        }
+        else {
+            this.unbindEscape();
+        }
+    }
+    unbindEscape() {
+        if (this.escapeHandler) {
+            document.removeEventListener('keydown', this.escapeHandler);
+            this.escapeHandler = null;
+        }
+    }
+    /** Neither body self-loads: like mrd-table, both wait for init(). mrd-layout-section
+     *  init()s whichever is mounted at load time via its own querySelector pass; when the
+     *  user switches mode here, the freshly mounted body needs the same treatment. */
+    componentDidRender() {
+        var _a, _b;
+        if (this.mode === 'cards' && this.listEl && !this.listInited) {
+            this.listInited = true;
+            const list = this.listEl;
+            Promise.resolve((_a = list.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(list)).then(() => list.init());
+        }
+        if (this.mode === 'table' && this.tableEl && !this.tableInited) {
+            this.tableInited = true;
+            const table = this.tableEl;
+            Promise.resolve((_b = table.componentOnReady) === null || _b === void 0 ? void 0 : _b.call(table)).then(() => table.init());
+        }
+    }
+    setMode(mode) {
+        if (mode === this.mode)
+            return;
+        this.listInited = false;
+        this.tableInited = false;
+        this.mode = mode;
+    }
+    /** Re-request page 0 of whichever body is currently mounted — called by
+     *  mrd-layout-section after a successful mrdCreateObject, and by this
+     *  component itself after an edit to a table row (which has no per-row
+     *  optimistic-patch method the way mrd-memo-list does). */
+    async refresh() {
+        if (this.mode === 'cards' && this.listEl) {
+            await this.listEl.init();
+        }
+        else if (this.mode === 'table' && this.tableEl) {
+            await this.tableEl.init();
+        }
+    }
+    /** `me` is typed as RelationSearchResult ({ id, label }) but hosts differ on
+     *  which shape they actually populate: this repo's own dev preview resolves
+     *  it via /accounts/me as a real { id, label } RelationSearchResult, while
+     *  content-app feeds it from userProfile.links.person, the raw API link shape
+     *  ({ href, name }). Both occur in practice — same dual tolerance as
+     *  mrd-form's own getHref(). */
+    meHref() {
+        var _a, _b;
+        const m = this.me;
+        return (_b = (_a = m === null || m === void 0 ? void 0 : m.id) !== null && _a !== void 0 ? _a : m === null || m === void 0 ? void 0 : m.href) !== null && _b !== void 0 ? _b : '';
+    }
+    /** Value of a value-slot: reads row[field] via the slot→field map. */
+    slotValue(row, 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 row[field];
+    }
+    get hasTitleSlot() {
+        var _a, _b;
+        return !!((_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b.title);
+    }
+    get hasImportantSlot() {
+        var _a, _b;
+        return !!((_b = (_a = this.archetype) === null || _a === void 0 ? void 0 : _a.slots) === null || _b === void 0 ? void 0 : _b.important);
+    }
+    /** A parent record already gives a new memo somewhere to attach to (RELATED_VIEW);
+     *  otherwise fall back to the account's own linked person (top-level VIEW) — but
+     *  only when containerRelated allows it (see its doc comment). */
+    get effectiveContainerHref() {
+        if (!this.containerRelated)
+            return '';
+        return this.containerHref || this.meHref();
+    }
+    /** The author slot is always filled from `me` (there is no author picker in
+     *  the dialog), so without it there is nothing valid to create — regardless
+     *  of whether a parent record already supplies a container. */
+    get canAdd() {
+        return !this.readOnly && !!this.meHref() && !!this.effectiveContainerHref;
+    }
+    /** Path for creating a new memo: `/{dataClass}` for a top-level VIEW, or
+     *  `/{fromClass}/{parentId}/{dataClass}` when nested under a parent record. */
+    buildCreatePath() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return buildListPath({
+            isRelatedView: ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === ClientLayoutItemType.RELATED_VIEW,
+            fromClass: (_b = this.item) === null || _b === void 0 ? void 0 : _b.fromClass,
+            parentId: this.parentId,
+            dataClass: (_f = (_d = (_c = this.item) === null || _c === void 0 ? void 0 : _c.filterClass) !== null && _d !== void 0 ? _d : (_e = this.item) === null || _e === void 0 ? void 0 : _e.dataClass) !== null && _f !== void 0 ? _f : (_g = this.item) === null || _g === void 0 ? void 0 : _g.relatedClass,
+        });
+    }
+    renderToolbar() {
+        return (h("div", { class: "mrd-memo-container__toolbar" }, this.mode === 'cards' && (h("button", { type: "button", class: "mrd-memo-container__action", disabled: !this.canAdd, title: this.readOnly ? t('readonly_access', this.locale) : undefined, onClick: this.openCreate }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M12 5v14M5 12h14" })), t('memo_new', this.locale))), h("div", { class: "mrd-memo-container__seg", role: "group", "aria-label": t('doc_view_switch', this.locale) }, h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'cards'), title: t('memo_view_cards', this.locale), "aria-label": t('memo_view_cards', this.locale), onClick: () => this.setMode('cards') }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("rect", { x: "3", y: "4", width: "7", height: "7", rx: "1" }), h("rect", { x: "14", y: "4", width: "7", height: "7", rx: "1" }), h("rect", { x: "3", y: "15", width: "7", height: "5", rx: "1" }), h("rect", { x: "14", y: "15", width: "7", height: "5", rx: "1" }))), h("button", { class: "mrd-memo-container__seg-btn", "aria-pressed": String(this.mode === 'table'), title: t('memo_view_table', this.locale), "aria-label": t('memo_view_table', this.locale), onClick: () => this.setMode('table') }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }))))));
+    }
+    renderDeleteConfirm() {
+        return (h("div", null, h("h2", { class: "mrd-memo-container__modal-title" }, t('memo_delete_confirm_title', this.locale)), h("p", { class: "mrd-memo-container__modal-warning" }, t('memo_delete_confirm_body', this.locale)), h("div", { class: "mrd-memo-container__modal-actions" }, h("button", { type: "button", class: "mrd-memo-container__modal-cancel", onClick: this.cancelDeleteConfirm }, t('cancel', this.locale)), h("button", { type: "button", class: "mrd-memo-container__modal-delete-confirm", onClick: this.confirmDelete }, t('delete', this.locale)))));
+    }
+    renderForm() {
+        var _a, _b, _c;
+        const bodyMissing = this.dialogTouched && !this.dialogBody.trim();
+        return [
+            h("h2", { class: "mrd-memo-container__modal-title" }, t(this.editingHref ? 'memo_edit' : 'memo_new', this.locale)),
+            h("div", { class: "mrd-memo-container__modal-field" }, h("mrd-textarea-field", { key: (_a = this.editingHref) !== null && _a !== void 0 ? _a : 'new', name: "body", value: this.dialogBody, required: true, autofocus: true, locale: this.locale, onMrdChange: (e) => { this.dialogBody = e.detail.value; } }), bodyMissing && h("span", { class: "mrd-memo-container__modal-error" }, t('required', this.locale))),
+            this.hasTitleSlot && (h("div", { class: "mrd-memo-container__modal-field" }, h("mrd-text-field", { name: "title", label: t('memo_field_title', this.locale), value: this.dialogTitle, locale: this.locale, onMrdChange: (e) => { this.dialogTitle = e.detail.value; } }))),
+            !!((_b = this.labelsListItems) !== null && _b !== void 0 ? _b : []).length && (h("div", { class: "mrd-memo-container__modal-field" }, h("mrd-list-field", { name: "labels", label: t('memo_field_labels', this.locale), value: this.dialogLabels, multiple: true, listItems: (_c = this.labelsListItems) !== null && _c !== void 0 ? _c : [], locale: this.locale, onMrdChange: (e) => {
+                    this.dialogLabels = Array.isArray(e.detail.value) ? e.detail.value : [e.detail.value].filter(Boolean);
+                } }))),
+            this.hasImportantSlot && (h("div", { class: "mrd-memo-container__modal-field" }, h("mrd-boolean-field", { name: "important", label: t('memo_important', this.locale), value: this.dialogImportant, locale: this.locale, onMrdChange: (e) => { this.dialogImportant = e.detail.value; } }))),
+            h("div", { class: "mrd-memo-container__modal-actions" }, this.editingHref && (h("button", { type: "button", class: "mrd-memo-container__modal-delete", onClick: this.openDeleteConfirm }, t('delete', this.locale))), h("button", { type: "button", class: "mrd-memo-container__modal-cancel", onClick: this.closeDialog }, t('cancel', this.locale)), h("button", { type: "button", class: "mrd-memo-container__modal-submit", onClick: this.submitDialog }, t('submit', this.locale))),
+        ];
+    }
+    renderDialog() {
+        if (!this.dialogOpen)
+            return null;
+        return (h("div", { class: "mrd-memo-container__modal-backdrop", onClick: this.closeDialog }, h("div", { class: "mrd-memo-container__modal", onClick: (e) => e.stopPropagation() }, this.deleteConfirmOpen ? this.renderDeleteConfirm() : this.renderForm())));
+    }
+    renderCards() {
+        return (h("mrd-memo-list", { "data-view": this.viewKey, ref: el => (this.listEl = el), item: this.item, archetype: this.archetype, parentId: this.parentId, locale: this.locale, readOnly: this.readOnly, labelsListItems: this.labelsListItems, showContainerLink: this.showContainerLink, onMrdLoadPage: (e) => {
+                e.stopPropagation();
+                this.mrdLoadPage.emit(e.detail);
+            }, onMrdEdit: (e) => {
+                e.stopPropagation();
+                this.openEdit(e.detail.row);
+            }, onMrdNavigate: (e) => {
+                e.stopPropagation();
+                this.mrdNavigate.emit(e.detail);
+            } }));
+    }
+    renderTable() {
+        return (h("mrd-table", { "data-view": this.viewKey, ref: el => (this.tableEl = el), item: this.item, parentId: this.parentId, locale: this.locale, readOnly: this.readOnly, onMrdLoadPage: (e) => {
+                e.stopPropagation();
+                this.mrdLoadPage.emit(e.detail);
+            }, onMrdLoadAggregations: (e) => {
+                e.stopPropagation();
+                this.mrdLoadAggregations.emit(e.detail);
+            }, onMrdRowClick: (e) => {
+                e.stopPropagation();
+                this.openEdit(e.detail.row);
+            }, onMrdAction: (e) => {
+                e.stopPropagation();
+                this.mrdAction.emit(e.detail);
+            } }));
+    }
+    render() {
+        return (h(Host, { key: 'a000221db6b1ba12351f38619f319b277b791f68' }, this.renderToolbar(), h("div", { key: '712951c8e391ed693bf6e4263c4f1076172b0451', class: "mrd-memo-container__body" }, this.mode === 'cards' ? this.renderCards() : this.renderTable()), this.renderDialog()));
+    }
+    static get is() { return "mrd-memo-container"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["mrd-memo-container.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["mrd-memo-container.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "item": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ClientLayoutItem | null",
+                    "resolved": "ClientLayoutItem | null",
+                    "references": {
+                        "ClientLayoutItem": {
+                            "location": "import",
+                            "path": "../../../types/client-layout",
+                            "id": "src/types/client-layout.ts::ClientLayoutItem",
+                            "referenceLocation": "ClientLayoutItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The VIEW or RELATED_VIEW layout item (dataClass, fromClass, view config)."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            },
+            "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.memo` archetype binding."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "parentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Parent record id \u2014 required for RELATED_VIEW path building."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "parent-id",
+                "defaultValue": "''"
+            },
+            "containerHref": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Canonical parent href \u2014 set when this is a RELATED_VIEW embedded under a\nparent record, which already gives a new memo something to attach to."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container-href",
+                "defaultValue": "''"
+            },
+            "containerRelated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "False when this RELATED_VIEW's parent is related via a relation other than\nthe archetype's container slot (e.g. a person's \"memos I authored\" list,\nrelated via `author`) \u2014 mrd-layout-section resolves this from the item's\n`inverseRelation`. In that case the parent is not a valid container for a\nnew memo, and \u2014 unlike a top-level VIEW with no context at all \u2014 falling\nback to `me` would be wrong too (creating a memo \"on myself\" from someone\nelse's authored-memos list makes no sense), so \"New memo\" is hidden outright."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container-related",
+                "defaultValue": "true"
+            },
+            "showContainerLink": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "True unless this is a container-scoped RELATED_VIEW (a company's own memo\ntab, say) where every card's container is obviously the page you're\nalready on \u2014 forwarded to mrd-memo-list to show/hide its per-card\ncontainer link. A top-level VIEW or an author-scoped RELATED_VIEW both\nstill need it, since the container isn't implied by the page context."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-container-link",
+                "defaultValue": "true"
+            },
+            "viewKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lookup key used for the embedded `data-view` attribute."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "view-key",
+                "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"
+            },
+            "labelsListItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ClientListValue[] | null",
+                    "resolved": "ClientListValue[] | null",
+                    "references": {
+                        "ClientListValue": {
+                            "location": "import",
+                            "path": "../../../types/client-layout",
+                            "id": "src/types/client-layout.ts::ClientListValue",
+                            "referenceLocation": "ClientListValue"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "listItems of the FIELD bound to the `labels` slot; forwarded to whichever\nbody is mounted and used to render the dialog's label checkboxes."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            },
+            "readOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true, this dashboard is read-only: \"New memo\" is disabled with a\ntooltip, cards/rows are not clickable, and the embedded table's own\ncreate action is disabled too."
+                },
+                "getter": false,
+                "setter": false,
+                "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.\nUsed both to gate \"New memo\" (see effectiveContainerHref) and, on submit, to\nfill the author slot."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "mode": {},
+            "dialogOpen": {},
+            "editingHref": {},
+            "dialogBody": {},
+            "dialogTitle": {},
+            "dialogLabels": {},
+            "dialogImportant": {},
+            "dialogTouched": {},
+            "deleteConfirmOpen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "mrdLoadPage",
+                "name": "mrdLoadPage",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ page: number; sort: string; path: string; qs: string }",
+                    "resolved": "{ page: number; sort: string; path: string; qs: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdLoadAggregations",
+                "name": "mrdLoadAggregations",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ path: string; qs: string; aggQs: string }",
+                    "resolved": "{ path: string; qs: string; aggQs: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdNavigate",
+                "name": "mrdNavigate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "A card's container link was clicked \u2014 real navigation, unrelated to the\nquick-edit dialog (mrdEdit is internal, handled by this component itself)."
+                },
+                "complexType": {
+                    "original": "{ href?: string; label: string }",
+                    "resolved": "{ href?: string | undefined; label: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdAction",
+                "name": "mrdAction",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Only the embedded table's own toolbar (export, etc.) still routes through this."
+                },
+                "complexType": {
+                    "original": "{ action: string; path?: string; qs?: string; parentPath?: string | null; basicType?: string }",
+                    "resolved": "{ action: string; path?: string | undefined; qs?: string | undefined; parentPath?: string | null | undefined; basicType?: string | undefined; }",
+                    "references": {}
+                }
+            }, {
+                "method": "mrdCreateObject",
+                "name": "mrdCreateObject",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Quick-create submit. Host POSTs `values` to `path`, same as mrd-document-list's."
+                },
+                "complexType": {
+                    "original": "{ path: string; values: Record<string, unknown> }",
+                    "resolved": "{ path: string; values: Record<string, unknown>; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                }
+            }, {
+                "method": "mrdUpdateObject",
+                "name": "mrdUpdateObject",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Quick-edit submit. Host PATCHes `href` with `values`, same as mrd-document-list's drag-move."
+                },
+                "complexType": {
+                    "original": "{ href: string; values: Record<string, unknown> }",
+                    "resolved": "{ href: string; values: Record<string, unknown>; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                }
+            }, {
+                "method": "mrdDeleteObject",
+                "name": "mrdDeleteObject",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Confirmed delete. Host DELETEs `href` \u2014 fire-and-forget, same as mrdUpdateObject;\nthe row is removed optimistically here rather than waiting on a callback."
+                },
+                "complexType": {
+                    "original": "{ href: string }",
+                    "resolved": "{ href: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "refresh": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Re-request page 0 of whichever body is currently mounted \u2014 called by\nmrd-layout-section after a successful mrdCreateObject, and by this\ncomponent itself after an edit to a table row (which has no per-row\noptimistic-patch method the way mrd-memo-list does).",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "dialogOpen",
+                "methodName": "dialogOpenChanged"
+            }];
+    }
+}