@conduction/nextcloud-vue 2.108.0 → 2.109.0

package/dist/esm/components/CnNcDashboardList/CnNcDashboardList.vue.js

@@ -0,0 +1,9 @@
+import script from './CnNcDashboardList.vue2.js';
+import { render } from './CnNcDashboardList.vue3.js';
+
+script.render = render;
+script.__scopeId = "data-v-3c7adfed";
+const __sfc_main = script;
+
+export { __sfc_main as default };
+//# sourceMappingURL=CnNcDashboardList.vue.js.map

package/dist/esm/components/CnNcDashboardList/CnNcDashboardList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnNcDashboardList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/components/CnNcDashboardList/CnNcDashboardList.vue2.js

@@ -0,0 +1,181 @@
+import { translate } from '@nextcloud/l10n';
+import { generateUrl } from '@nextcloud/router';
+import { fetchEndpointSource } from '../../composables/useEndpointSource.js';
+import { fillTemplate } from '../../utils/fillTemplate.js';
+import { openRowTarget } from '../../utils/linkNavigation.js';
+import { readPath } from '../../utils/readPath.js';
+import { resolveDeepTokens } from '../../utils/resolveFilterTokens.js';
+import __sfc_main from '../CnDataTable/CnDataTable.vue.js';
+
+/** A name and a muted, right-aligned trailing line. */
+const COLUMNS = [
+	{ key: 'mainText', cellClass: 'cn-cell--strong' },
+	{ key: 'subText', cellClass: 'cn-cell--muted cn-cell--end' },
+];
+
+/**
+ * A url for an anchor: absolute and app-root paths as given, else through `generateUrl`.
+ *
+ * @param {string} url The url.
+ * @return {string}
+ */
+function appUrl(url) {
+	return /^(https?:)?\/\//i.test(url) || url.startsWith('/index.php') ? url : generateUrl(url)
+}
+
+/**
+ * CnNcDashboardList — the compact list a Nextcloud Dashboard widget shows:
+ * a bold name, a muted trailing line, and a "View all" link, read from
+ * OpenRegister or any endpoint. Each row opens its record in place (a
+ * modifier or middle click opens a new tab), because the Nextcloud Dashboard
+ * has no app router. `registerNcDashboardWidgets` mounts it per widget id, so
+ * an app's dashboard widgets are configuration rather than one component each.
+ *
+ * `config`:
+ * - `source`: `{ register, schema, params? }` (OpenRegister objects, rows in
+ *   `results`) or an endpointSource `{ url, params?, responsePath? }`. Filter
+ *   tokens (`@me`, `@today`, `@today-7d`) resolve in `params`, and an operator
+ *   map (`{ deadline: { lt: '@today' } }`) goes out as `deadline[lt]=…`.
+ * - `itemsPath`: the rows' path in the response, when not `results`.
+ * - `limit`: the most rows shown (default 7).
+ * - `title`, `subtitle`: templates filled from a row (default `{title}`, none).
+ * - `href`: a template for a row's page (`/apps/dossiq/cases/{id}`).
+ * - `viewAll`: `{ href, label? }`.
+ * - `emptyText`: text for an empty list.
+ *
+ * Texts go through the host translate.
+ */
+var script = {
+	name: 'CnNcDashboardList',
+
+	components: { CnDataTable: __sfc_main },
+
+	inject: {
+		/** The host app's translate (provided by `registerNcDashboardWidgets`). */
+		cnTranslate: { default: () => (key) => key },
+	},
+
+	props: {
+		/**
+		 * The list's configuration (see the component docs).
+		 *
+		 * @type {object}
+		 */
+		config: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+
+	data() {
+		return {
+			items: [],
+			loading: true,
+			error: false,
+			columns: COLUMNS,
+		}
+	},
+
+	computed: {
+		/** @return {number} The most rows shown. */
+		limit() {
+			return Number(this.config.limit) > 0 ? Number(this.config.limit) : 7
+		},
+
+		/**
+		 * The rows as the table draws them.
+		 *
+		 * @spec openspec/changes/nc-dashboard-widgets/specs/nc-dashboard-widgets/spec.md#requirement-dashboard-widgets-are-configuration
+		 * @return {Array<{id: string, mainText: string, subText: string, href: string}>}
+		 */
+		rows() {
+			return this.items.slice(0, this.limit).map((item, index) => {
+				const id = item.id ?? (item['@self'] && item['@self'].id) ?? index;
+				return {
+					id: String(id),
+					mainText: this.fill(this.config.title || '{title}', item) || String(id),
+					subText: this.fill(this.config.subtitle, item),
+					href: this.config.href ? appUrl(fillTemplate(this.config.href, { ...item, id })) : '',
+				}
+			})
+		},
+
+		/** @return {string} The "View all" href, or ''. */
+		viewAllHref() {
+			const viewAll = this.config.viewAll;
+			return viewAll && viewAll.href ? appUrl(viewAll.href) : ''
+		},
+	},
+
+	mounted() {
+		this.load();
+	},
+
+	methods: {
+		t: translate,
+
+		/**
+		 * A config text through the host translate.
+		 *
+		 * @param {unknown} value The text.
+		 * @return {string}
+		 */
+		text(value) {
+			return typeof value === 'string' && value !== '' ? this.cnTranslate(value) : ''
+		},
+
+		/**
+		 * A template filled from a row, translated first.
+		 *
+		 * @param {unknown} template The template.
+		 * @param {object} item The row.
+		 * @return {string}
+		 */
+		fill(template, item) {
+			return typeof template === 'string' && template !== '' ? fillTemplate(this.cnTranslate(template), item).trim() : ''
+		},
+
+		/**
+		 * Read the rows: OpenRegister objects or an endpoint.
+		 *
+		 * @spec openspec/changes/nc-dashboard-widgets/specs/nc-dashboard-widgets/spec.md#requirement-dashboard-widgets-are-configuration
+		 * @return {Promise<void>}
+		 */
+		async load() {
+			const source = this.config.source || {};
+			this.loading = true;
+			this.error = false;
+			try {
+				// Tokens nested below an operator map (`'@self': { lastUserActivity: { lt: '@today-7d' } }`)
+				// resolve here; the endpoint path resolves one level only.
+				const params = resolveDeepTokens(source.params || {}, {});
+				const request = source.register && source.schema
+					? { url: `/apps/openregister/api/objects/${source.register}/${source.schema}`, params: { _limit: this.limit, ...params } }
+					: { ...source, params };
+				const data = await fetchEndpointSource(request, {}, { fresh: true });
+				const list = readPath(data, this.config.itemsPath || (source.register ? 'results' : '')) ?? data;
+				this.items = Array.isArray(list) ? list.filter((item) => item && typeof item === 'object') : [];
+			} catch {
+				this.error = true;
+				this.items = [];
+			} finally {
+				this.loading = false;
+			}
+		},
+
+		/**
+		 * Open a row's page.
+		 *
+		 * @param {object} row The row.
+		 * @param {MouseEvent} event The click.
+		 */
+		onRowClick(row, event) {
+			if (row && row.href) {
+				openRowTarget(event, row.href);
+			}
+		},
+	},
+};
+
+export { script as default };
+//# sourceMappingURL=CnNcDashboardList.vue2.js.map

package/dist/esm/components/CnNcDashboardList/CnNcDashboardList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnNcDashboardList.vue2.js","sources":["../../../../src/components/CnNcDashboardList/CnNcDashboardList.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div class=\"cn-nc-dashboard-list\" data-testid=\"cn-nc-dashboard-list\">\n\t\t<p v-if=\"error\"\n\t\t\tclass=\"cn-nc-dashboard-list__error\"\n\t\t\trole=\"status\"\n\t\t\tdata-testid=\"cn-nc-dashboard-list-error\">\n\t\t\t{{ t('nextcloud-vue', 'This list could not be read.') }}\n\t\t</p>\n\t\t<CnDataTable v-else\n\t\t\t:rows=\"rows\"\n\t\t\t:columns=\"columns\"\n\t\t\t:loading=\"loading\"\n\t\t\thideHeader\n\t\t\tborderless\n\t\t\t:emptyText=\"text(config.emptyText) || t('nextcloud-vue', 'Nothing to show')\"\n\t\t\t@rowClick=\"onRowClick\"\n\t\t\t@rowAuxClick=\"onRowClick\">\n\t\t\t<template v-if=\"viewAllHref\" #footer>\n\t\t\t\t<a class=\"cn-data-table__view-all\" :href=\"viewAllHref\" data-testid=\"cn-nc-dashboard-list-view-all\">\n\t\t\t\t\t{{ text(config.viewAll.label) || t('nextcloud-vue', 'View all') }} →\n\t\t\t\t</a>\n\t\t\t</template>\n\t\t</CnDataTable>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { fetchEndpointSource } from '../../composables/useEndpointSource.js'\nimport { fillTemplate } from '../../utils/fillTemplate.js'\nimport { openRowTarget } from '../../utils/linkNavigation.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { resolveDeepTokens } from '../../utils/resolveFilterTokens.js'\nimport { CnDataTable } from '../CnDataTable/index.js'\n\n/** A name and a muted, right-aligned trailing line. */\nconst COLUMNS = [\n\t{ key: 'mainText', cellClass: 'cn-cell--strong' },\n\t{ key: 'subText', cellClass: 'cn-cell--muted cn-cell--end' },\n]\n\n/**\n * A url for an anchor: absolute and app-root paths as given, else through `generateUrl`.\n *\n * @param {string} url The url.\n * @return {string}\n */\nfunction appUrl(url) {\n\treturn /^(https?:)?\\/\\//i.test(url) || url.startsWith('/index.php') ? url : generateUrl(url)\n}\n\n/**\n * CnNcDashboardList — the compact list a Nextcloud Dashboard widget shows:\n * a bold name, a muted trailing line, and a \"View all\" link, read from\n * OpenRegister or any endpoint. Each row opens its record in place (a\n * modifier or middle click opens a new tab), because the Nextcloud Dashboard\n * has no app router. `registerNcDashboardWidgets` mounts it per widget id, so\n * an app's dashboard widgets are configuration rather than one component each.\n *\n * `config`:\n * - `source`: `{ register, schema, params? }` (OpenRegister objects, rows in\n *   `results`) or an endpointSource `{ url, params?, responsePath? }`. Filter\n *   tokens (`@me`, `@today`, `@today-7d`) resolve in `params`, and an operator\n *   map (`{ deadline: { lt: '@today' } }`) goes out as `deadline[lt]=…`.\n * - `itemsPath`: the rows' path in the response, when not `results`.\n * - `limit`: the most rows shown (default 7).\n * - `title`, `subtitle`: templates filled from a row (default `{title}`, none).\n * - `href`: a template for a row's page (`/apps/dossiq/cases/{id}`).\n * - `viewAll`: `{ href, label? }`.\n * - `emptyText`: text for an empty list.\n *\n * Texts go through the host translate.\n */\nexport default {\n\tname: 'CnNcDashboardList',\n\n\tcomponents: { CnDataTable },\n\n\tinject: {\n\t\t/** The host app's translate (provided by `registerNcDashboardWidgets`). */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The list's configuration (see the component docs).\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\titems: [],\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t\tcolumns: COLUMNS,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/** @return {number} The most rows shown. */\n\t\tlimit() {\n\t\t\treturn Number(this.config.limit) > 0 ? Number(this.config.limit) : 7\n\t\t},\n\n\t\t/**\n\t\t * The rows as the table draws them.\n\t\t *\n\t\t * @spec openspec/changes/nc-dashboard-widgets/specs/nc-dashboard-widgets/spec.md#requirement-dashboard-widgets-are-configuration\n\t\t * @return {Array<{id: string, mainText: string, subText: string, href: string}>}\n\t\t */\n\t\trows() {\n\t\t\treturn this.items.slice(0, this.limit).map((item, index) => {\n\t\t\t\tconst id = item.id ?? (item['@self'] && item['@self'].id) ?? index\n\t\t\t\treturn {\n\t\t\t\t\tid: String(id),\n\t\t\t\t\tmainText: this.fill(this.config.title || '{title}', item) || String(id),\n\t\t\t\t\tsubText: this.fill(this.config.subtitle, item),\n\t\t\t\t\thref: this.config.href ? appUrl(fillTemplate(this.config.href, { ...item, id })) : '',\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\t/** @return {string} The \"View all\" href, or ''. */\n\t\tviewAllHref() {\n\t\t\tconst viewAll = this.config.viewAll\n\t\t\treturn viewAll && viewAll.href ? appUrl(viewAll.href) : ''\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.load()\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * A config text through the host translate.\n\t\t *\n\t\t * @param {unknown} value The text.\n\t\t * @return {string}\n\t\t */\n\t\ttext(value) {\n\t\t\treturn typeof value === 'string' && value !== '' ? this.cnTranslate(value) : ''\n\t\t},\n\n\t\t/**\n\t\t * A template filled from a row, translated first.\n\t\t *\n\t\t * @param {unknown} template The template.\n\t\t * @param {object} item The row.\n\t\t * @return {string}\n\t\t */\n\t\tfill(template, item) {\n\t\t\treturn typeof template === 'string' && template !== '' ? fillTemplate(this.cnTranslate(template), item).trim() : ''\n\t\t},\n\n\t\t/**\n\t\t * Read the rows: OpenRegister objects or an endpoint.\n\t\t *\n\t\t * @spec openspec/changes/nc-dashboard-widgets/specs/nc-dashboard-widgets/spec.md#requirement-dashboard-widgets-are-configuration\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync load() {\n\t\t\tconst source = this.config.source || {}\n\t\t\tthis.loading = true\n\t\t\tthis.error = false\n\t\t\ttry {\n\t\t\t\t// Tokens nested below an operator map (`'@self': { lastUserActivity: { lt: '@today-7d' } }`)\n\t\t\t\t// resolve here; the endpoint path resolves one level only.\n\t\t\t\tconst params = resolveDeepTokens(source.params || {}, {})\n\t\t\t\tconst request = source.register && source.schema\n\t\t\t\t\t? { url: `/apps/openregister/api/objects/${source.register}/${source.schema}`, params: { _limit: this.limit, ...params } }\n\t\t\t\t\t: { ...source, params }\n\t\t\t\tconst data = await fetchEndpointSource(request, {}, { fresh: true })\n\t\t\t\tconst list = readPath(data, this.config.itemsPath || (source.register ? 'results' : '')) ?? data\n\t\t\t\tthis.items = Array.isArray(list) ? list.filter((item) => item && typeof item === 'object') : []\n\t\t\t} catch {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.items = []\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Open a row's page.\n\t\t *\n\t\t * @param {object} row The row.\n\t\t * @param {MouseEvent} event The click.\n\t\t */\n\t\tonRowClick(row, event) {\n\t\t\tif (row && row.href) {\n\t\t\t\topenRowTarget(event, row.href)\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-nc-dashboard-list__error {\n\tmargin: 0;\n\tpadding: 8px 0;\n\tcolor: var(--color-text-maxcontrast);\n}\n</style>\n"],"names":["CnDataTable","t"],"mappings":"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"}

package/dist/esm/components/CnNcDashboardList/CnNcDashboardList.vue3.js

@@ -0,0 +1,50 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, createSlots, withCtx, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  class: "cn-nc-dashboard-list",
+  "data-testid": "cn-nc-dashboard-list"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "cn-nc-dashboard-list__error",
+  role: "status",
+  "data-testid": "cn-nc-dashboard-list-error"
+};
+const _hoisted_3 = ["href"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnDataTable = resolveComponent("CnDataTable");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    ($data.error)
+      ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString($options.t('nextcloud-vue', 'This list could not be read.')), 1 /* TEXT */))
+      : (openBlock(), createBlock(_component_CnDataTable, {
+          key: 1,
+          rows: $options.rows,
+          columns: $data.columns,
+          loading: $data.loading,
+          hideHeader: "",
+          borderless: "",
+          emptyText: $options.text($props.config.emptyText) || $options.t('nextcloud-vue', 'Nothing to show'),
+          onRowClick: $options.onRowClick,
+          onRowAuxClick: $options.onRowClick
+        }, createSlots({ _: 2 /* DYNAMIC */ }, [
+          ($options.viewAllHref)
+            ? {
+                name: "footer",
+                fn: withCtx(() => [
+                  createElementVNode("a", {
+                    class: "cn-data-table__view-all",
+                    href: $options.viewAllHref,
+                    "data-testid": "cn-nc-dashboard-list-view-all"
+                  }, toDisplayString($options.text($props.config.viewAll.label) || $options.t('nextcloud-vue', 'View all')) + " → ", 9 /* TEXT, PROPS */, _hoisted_3)
+                ]),
+                key: "0"
+              }
+            : undefined
+        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["rows", "columns", "loading", "emptyText", "onRowClick", "onRowAuxClick"]))
+  ]))
+}
+
+export { render };
+//# sourceMappingURL=CnNcDashboardList.vue3.js.map

package/dist/esm/components/CnNcDashboardList/CnNcDashboardList.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnNcDashboardList.vue3.js","sources":["../../../../src/components/CnNcDashboardList/CnNcDashboardList.vue?vue&type=template&id=3c7adfed&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div class=\"cn-nc-dashboard-list\" data-testid=\"cn-nc-dashboard-list\">\n\t\t<p v-if=\"error\"\n\t\t\tclass=\"cn-nc-dashboard-list__error\"\n\t\t\trole=\"status\"\n\t\t\tdata-testid=\"cn-nc-dashboard-list-error\">\n\t\t\t{{ t('nextcloud-vue', 'This list could not be read.') }}\n\t\t</p>\n\t\t<CnDataTable v-else\n\t\t\t:rows=\"rows\"\n\t\t\t:columns=\"columns\"\n\t\t\t:loading=\"loading\"\n\t\t\thideHeader\n\t\t\tborderless\n\t\t\t:emptyText=\"text(config.emptyText) || t('nextcloud-vue', 'Nothing to show')\"\n\t\t\t@rowClick=\"onRowClick\"\n\t\t\t@rowAuxClick=\"onRowClick\">\n\t\t\t<template v-if=\"viewAllHref\" #footer>\n\t\t\t\t<a class=\"cn-data-table__view-all\" :href=\"viewAllHref\" data-testid=\"cn-nc-dashboard-list-view-all\">\n\t\t\t\t\t{{ text(config.viewAll.label) || t('nextcloud-vue', 'View all') }} →\n\t\t\t\t</a>\n\t\t\t</template>\n\t\t</CnDataTable>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { fetchEndpointSource } from '../../composables/useEndpointSource.js'\nimport { fillTemplate } from '../../utils/fillTemplate.js'\nimport { openRowTarget } from '../../utils/linkNavigation.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { resolveDeepTokens } from '../../utils/resolveFilterTokens.js'\nimport { CnDataTable } from '../CnDataTable/index.js'\n\n/** A name and a muted, right-aligned trailing line. */\nconst COLUMNS = [\n\t{ key: 'mainText', cellClass: 'cn-cell--strong' },\n\t{ key: 'subText', cellClass: 'cn-cell--muted cn-cell--end' },\n]\n\n/**\n * A url for an anchor: absolute and app-root paths as given, else through `generateUrl`.\n *\n * @param {string} url The url.\n * @return {string}\n */\nfunction appUrl(url) {\n\treturn /^(https?:)?\\/\\//i.test(url) || url.startsWith('/index.php') ? url : generateUrl(url)\n}\n\n/**\n * CnNcDashboardList — the compact list a Nextcloud Dashboard widget shows:\n * a bold name, a muted trailing line, and a \"View all\" link, read from\n * OpenRegister or any endpoint. Each row opens its record in place (a\n * modifier or middle click opens a new tab), because the Nextcloud Dashboard\n * has no app router. `registerNcDashboardWidgets` mounts it per widget id, so\n * an app's dashboard widgets are configuration rather than one component each.\n *\n * `config`:\n * - `source`: `{ register, schema, params? }` (OpenRegister objects, rows in\n *   `results`) or an endpointSource `{ url, params?, responsePath? }`. Filter\n *   tokens (`@me`, `@today`, `@today-7d`) resolve in `params`, and an operator\n *   map (`{ deadline: { lt: '@today' } }`) goes out as `deadline[lt]=…`.\n * - `itemsPath`: the rows' path in the response, when not `results`.\n * - `limit`: the most rows shown (default 7).\n * - `title`, `subtitle`: templates filled from a row (default `{title}`, none).\n * - `href`: a template for a row's page (`/apps/dossiq/cases/{id}`).\n * - `viewAll`: `{ href, label? }`.\n * - `emptyText`: text for an empty list.\n *\n * Texts go through the host translate.\n */\nexport default {\n\tname: 'CnNcDashboardList',\n\n\tcomponents: { CnDataTable },\n\n\tinject: {\n\t\t/** The host app's translate (provided by `registerNcDashboardWidgets`). */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The list's configuration (see the component docs).\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\titems: [],\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t\tcolumns: COLUMNS,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/** @return {number} The most rows shown. */\n\t\tlimit() {\n\t\t\treturn Number(this.config.limit) > 0 ? Number(this.config.limit) : 7\n\t\t},\n\n\t\t/**\n\t\t * The rows as the table draws them.\n\t\t *\n\t\t * @spec openspec/changes/nc-dashboard-widgets/specs/nc-dashboard-widgets/spec.md#requirement-dashboard-widgets-are-configuration\n\t\t * @return {Array<{id: string, mainText: string, subText: string, href: string}>}\n\t\t */\n\t\trows() {\n\t\t\treturn this.items.slice(0, this.limit).map((item, index) => {\n\t\t\t\tconst id = item.id ?? (item['@self'] && item['@self'].id) ?? index\n\t\t\t\treturn {\n\t\t\t\t\tid: String(id),\n\t\t\t\t\tmainText: this.fill(this.config.title || '{title}', item) || String(id),\n\t\t\t\t\tsubText: this.fill(this.config.subtitle, item),\n\t\t\t\t\thref: this.config.href ? appUrl(fillTemplate(this.config.href, { ...item, id })) : '',\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\t/** @return {string} The \"View all\" href, or ''. */\n\t\tviewAllHref() {\n\t\t\tconst viewAll = this.config.viewAll\n\t\t\treturn viewAll && viewAll.href ? appUrl(viewAll.href) : ''\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.load()\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * A config text through the host translate.\n\t\t *\n\t\t * @param {unknown} value The text.\n\t\t * @return {string}\n\t\t */\n\t\ttext(value) {\n\t\t\treturn typeof value === 'string' && value !== '' ? this.cnTranslate(value) : ''\n\t\t},\n\n\t\t/**\n\t\t * A template filled from a row, translated first.\n\t\t *\n\t\t * @param {unknown} template The template.\n\t\t * @param {object} item The row.\n\t\t * @return {string}\n\t\t */\n\t\tfill(template, item) {\n\t\t\treturn typeof template === 'string' && template !== '' ? fillTemplate(this.cnTranslate(template), item).trim() : ''\n\t\t},\n\n\t\t/**\n\t\t * Read the rows: OpenRegister objects or an endpoint.\n\t\t *\n\t\t * @spec openspec/changes/nc-dashboard-widgets/specs/nc-dashboard-widgets/spec.md#requirement-dashboard-widgets-are-configuration\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync load() {\n\t\t\tconst source = this.config.source || {}\n\t\t\tthis.loading = true\n\t\t\tthis.error = false\n\t\t\ttry {\n\t\t\t\t// Tokens nested below an operator map (`'@self': { lastUserActivity: { lt: '@today-7d' } }`)\n\t\t\t\t// resolve here; the endpoint path resolves one level only.\n\t\t\t\tconst params = resolveDeepTokens(source.params || {}, {})\n\t\t\t\tconst request = source.register && source.schema\n\t\t\t\t\t? { url: `/apps/openregister/api/objects/${source.register}/${source.schema}`, params: { _limit: this.limit, ...params } }\n\t\t\t\t\t: { ...source, params }\n\t\t\t\tconst data = await fetchEndpointSource(request, {}, { fresh: true })\n\t\t\t\tconst list = readPath(data, this.config.itemsPath || (source.register ? 'results' : '')) ?? data\n\t\t\t\tthis.items = Array.isArray(list) ? list.filter((item) => item && typeof item === 'object') : []\n\t\t\t} catch {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.items = []\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Open a row's page.\n\t\t *\n\t\t * @param {object} row The row.\n\t\t * @param {MouseEvent} event The click.\n\t\t */\n\t\tonRowClick(row, event) {\n\t\t\tif (row && row.href) {\n\t\t\t\topenRowTarget(event, row.href)\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-nc-dashboard-list__error {\n\tmargin: 0;\n\tpadding: 8px 0;\n\tcolor: var(--color-text-maxcontrast);\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createBlock","_createElementVNode"],"mappings":";;;AASM,EAAA,KAAK,EAAC,sBAAsB;AAAC,EAAA,aAAQ,EAAA,sBAAA;;;;AAExC,EAAA,KAAE,EAAA,6BAAA;AACF,EAAA,IAAI,EAAC,QAAQ;AACb,EAAA,aAAW,EAAA,4BAAA;;;;;;;AAJX,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;KACQ,KAAK,CAAA,KAAA;wCAKV,CAAA,GAAA,YAAA,EAAAC,eAAA,CADA,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,8BAAA,CAAA,CAAA,EAAA,CAAA,YAAA;sBAEJC;;AACC,UAAA,IAAI,EAAE,QAAE,CAAA,IAAA;AACR,UAAA,OAAO,EAAE,KAAO,CAAA,OAAA;AAChB,UAAA,OAAO,EAAE,KAAO,CAAA,OAAA;AACjB,UAAA,UAAU,EAAV,EAAU;AACV,UAAA,UAAU,EAAV,EAAU;AACT,UAAA,SAAS,EAAE,QAAI,CAAA,IAAA,CAAC,aAAM,CAAC,SAAS,KAAK,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,iBAAA,CAAA;oBAC9B,EAAE,QAAU,CAAA,UAAA;AACpB,UAAA,aAAG,EAAA,QAAA,CAAA,UAAA;;WACM,QAAA,CAAA,WAAA;;sBAAA,QAAA;4BACT;kBAAAC;AAAG,oBAAA,KAAK,EAAC,yBAAE;AAAA,oBAAA,IAAA,EAAA,QAAA,CAAA,WAAA;AAAA,oBAAA,aAAA,EAAA,+BAAA;qCACT,QAAA,CAAA,IAAA,CAAA,aAAA,CAAA,OAAA,CAAA,KAAA,CAAA,IAAA,QAAA,CAAA,CAAA,CAAA,eAAA,EAAA,UAAA,CAAA,CAAA,GAAA;;;;;;;;;;;"}

package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js

@@ -2,7 +2,7 @@ import script from './CnObjectListWidget.vue2.js';
 import { render } from './CnObjectListWidget.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-20aeb092";
+script.__scopeId = "data-v-78ec6d64";
 const __sfc_main = script;
 
 export { __sfc_main as default };

package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js

@@ -14,6 +14,7 @@ import { objectFieldValue, objectDisplayName } from '../../utils/objectName.js';
 import { rowIdOf, renumberRows, moveIndex } from '../../utils/reorderRows.js';
 import { dropOptionalUnresolved, resolveFilterTokens, hasUnresolvedTokens } from '../../utils/resolveFilterTokens.js';
 import { markNewTabHandled } from '../../utils/rowAuxClick.js';
+import { changedKeys } from '../../utils/saveEdited.js';
 import { dispatchObjectCreated } from '../../utils/walkthroughSignals.js';
 import __sfc_main$4 from '../CnRowActions/CnRowActions.vue.js';
 
@@ -152,7 +153,7 @@ var script = {
 		},
 	},
 
-	emits: ['created', 'row-click', 'row-aux-click', 'view-all', 'files-dropped'],
+	emits: ['created', 'updated', 'row-click', 'row-aux-click', 'view-all', 'files-dropped'],
 
 	data() {
 		return {
@@ -178,6 +179,8 @@ var script = {
 			fitStage: 0,
 			/** Whether the create dialog is open. */
 			showCreate: false,
+			/** The row the form edits (`content.editable`), or null while it creates. */
+			editingRow: null,
 			/**
 			 * The list's own schema definition, once fetched.
 			 *
@@ -426,6 +429,12 @@ var script = {
 					...this.rowActionLink(action),
 					handler: (row) => this.runRowAction(action, row),
 				}));
+			if (this.content.editable === true) {
+				mapped.unshift({ label: translate('nextcloud-vue', 'Edit'), icon: 'Pencil', handler: (row) => this.openEdit(row) });
+			}
+			if (this.content.deletable === true) {
+				mapped.push({ label: translate('nextcloud-vue', 'Delete'), icon: 'TrashCanOutline', destructive: true, handler: (row) => this.deleteRow(row) });
+			}
 			if (this.reorderField === '') {
 				return mapped
 			}
@@ -1240,6 +1249,7 @@ var script = {
 		forgetCreateSchema() {
 			this.createSchema = null;
 			this.showCreate = false;
+			this.editingRow = null;
 		},
 
 		/**
@@ -1250,6 +1260,97 @@ var script = {
 		 *
 		 * @return {Promise<void>}
 		 */
+		/**
+		 * Edit a row in the list's own form (`content.editable`): the form the
+		 * Add button opens, filled with the row.
+		 *
+		 * @param {object} row The row.
+		 * @return {Promise<void>}
+		 * @spec openspec/changes/object-list-edit-in-place/specs/object-list-widget/spec.md#requirement-a-list-can-edit-a-row-in-its-own-form
+		 */
+		async openEdit(row) {
+			try {
+				await this.ensureSchema();
+				this.showCreate = false;
+				this.editingRow = row ? { ...row } : null;
+			} catch (e) {
+				this.error = (e && e.message) || 'error';
+			}
+		},
+
+		/**
+		 * Delete a row of the list's own schema (`content.deletable`). The
+		 * toast offers Undo; a refusal toasts the server's message.
+		 *
+		 * @param {object} row The row.
+		 * @return {Promise<void>}
+		 * @spec openspec/changes/object-list-edit-in-place/specs/object-list-widget/spec.md#requirement-a-list-can-edit-a-row-in-its-own-form
+		 */
+		async deleteRow(row) {
+			const c = this.content || {};
+			const id = rowIdOf(row);
+			if (id === '') {
+				return
+			}
+			const pending = (async () => {
+				const [{ default: axios }, { generateUrl }] = await Promise.all([import('@nextcloud/axios'), import('@nextcloud/router')]);
+				try {
+					await axios.delete(generateUrl('/apps/openregister/api/objects/{register}/{schema}/{id}', { register: c.register, schema: c.schema, id }));
+				} catch (e) {
+					const data = e && e.response && e.response.data;
+					const refusal = data && (data.message || data.error);
+					throw new Error((typeof refusal === 'string' && refusal) || (e && e.message) || translate('nextcloud-vue', 'The delete failed'), { cause: e })
+				}
+				return true
+			})();
+			await this.reportDelete(row, pending);
+			await pending.catch(() => {});
+			this.fetchRows();
+		},
+
+		/** Close the form, whether it created or edited. */
+		closeForm() {
+			this.showCreate = false;
+			this.editingRow = null;
+		},
+
+		/**
+		 * Save an edited row: a PATCH of the keys the form changed, so every
+		 * key it does not show keeps its stored value; nothing when nothing
+		 * changed. A refusal shows the server's message in the dialog.
+		 *
+		 * @param {object} formData The edited values.
+		 * @return {Promise<void>}
+		 * @spec openspec/changes/object-list-edit-in-place/specs/object-list-widget/spec.md#requirement-a-list-can-edit-a-row-in-its-own-form
+		 */
+		async onEditConfirm(formData) {
+			const c = this.content || {};
+			const row = this.editingRow;
+			const id = rowIdOf(row);
+			const changes = changedKeys(row, formData);
+			try {
+				if (id !== '' && Object.keys(changes).length > 0) {
+					const [{ default: axios }, { generateUrl }] = await Promise.all([import('@nextcloud/axios'), import('@nextcloud/router')]);
+					await axios.patch(generateUrl('/apps/openregister/api/objects/{register}/{schema}/{id}', { register: c.register, schema: c.schema, id }), changes);
+				}
+				if (this.$refs.createDialog) {
+					this.$refs.createDialog.setResult({ success: true });
+				}
+				/**
+				 * @event updated Emitted after a row was edited, with the keys that changed.
+				 * @type {object}
+				 */
+				this.$emit('updated', { id, changes });
+				this.fetchRows();
+			} catch (e) {
+				const data = e && e.response && e.response.data;
+				const refusal = data && (data.message || data.error);
+				if (this.$refs.createDialog) {
+					this.$refs.createDialog.setResult({ error: (typeof refusal === 'string' && refusal) || (e && e.message) || 'error' });
+				}
+			}
+		},
+
 		async openCreate() {
 			const c = this.content || {};
 			if (!c.schema) {