@conduction/nextcloud-vue 2.80.0 → 2.81.0

package/dist/esm/components/CnDocumentReviewList/CnDocumentReviewWidget.vue2.js

@@ -7,7 +7,7 @@ import { readPath } from '../../utils/readPath.js';
  * Renders CnDocumentReviewList from a list on the bound record:
  * `content: { field, title?, statusField?, statuses?, rowAction?: { label, route } }`.
  * A row action with a `route` opens that route with the row's key as `id`.
- * Resolved by its registry key, not exported.
+ * Resolved by its registry key, and exported for an app that renders it itself.
  */
 var script = {
 	name: 'CnDocumentReviewWidget',

package/dist/esm/components/CnDocumentReviewList/CnDocumentReviewWidget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnDocumentReviewWidget.vue2.js","sources":["../../../../src/components/CnDocumentReviewList/CnDocumentReviewWidget.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnDocumentReviewList\n\t\t\t:documents=\"documents\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:nameField=\"content.nameField || 'name'\"\n\t\t\t:metaField=\"content.metaField || 'meta'\"\n\t\t\t:statusField=\"content.statusField || 'reviewStatus'\"\n\t\t\t:hrefField=\"content.hrefField || 'href'\"\n\t\t\t:rowKey=\"content.rowKey || 'id'\"\n\t\t\t:statuses=\"content.statuses || []\"\n\t\t\t:defaultStatus=\"content.defaultStatus || ''\"\n\t\t\t:rowActionLabel=\"rowActionLabel\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@rowAction=\"onRowAction\" />\n\t</div>\n</template>\n\n<script>\nimport CnDocumentReviewList from './CnDocumentReviewList.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnDocumentReviewWidget: the `document-review` detail widget type.\n *\n * Renders CnDocumentReviewList from a list on the bound record:\n * `content: { field, title?, statusField?, statuses?, rowAction?: { label, route } }`.\n * A row action with a `route` opens that route with the row's key as `id`.\n * Resolved by its registry key, not exported.\n */\nexport default {\n\tname: 'CnDocumentReviewWidget',\n\n\tcomponents: {\n\t\tCnDocumentReviewList,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the documents on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The documents read off the record.\n\t\t *\n\t\t * @return {Array<object>} The documents, or an empty list.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tdocuments() {\n\t\t\tconst value = readPath(this.objectData || {}, this.content.field || 'documents')\n\t\t\treturn Array.isArray(value) ? value : []\n\t\t},\n\n\t\t/**\n\t\t * The row action's label. Empty, and so no button, unless the content declares one.\n\t\t *\n\t\t * @return {string} The label.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\trowActionLabel() {\n\t\t\tconst label = this.content.rowAction?.label\n\t\t\treturn typeof label === 'string' ? label : ''\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Open the route the row action names, with the row's key as `id`.\n\t\t *\n\t\t * @param {object} document The row's document.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tonRowAction(document) {\n\t\t\tconst route = this.content.rowAction?.route\n\t\t\tconst id = readPath(document, this.content.rowKey || 'id')\n\t\t\tif (typeof route !== 'string' || route === '' || !this.$router || id === undefined || id === null) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.$router.push({ name: route, params: { id: String(id) } })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["CnDocumentReviewList"],"mappings":";;;AA2BA;;AAEC;;AAEA;;AAEA;;AAED,aAAe;CACd,IAAI,EAAE,wBAAwB;;CAE9B,UAAU,EAAE;AACX,wBAAAA,UAAoB;EACpB;;AAED,CAAA,KAAK,EAAE;AACN;AACA,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,MAAM;AACZ,GAAA,OAAO,EAAE,OAAO,EAAE,CAAC;GACnB;;AAED;EACA,UAAU,EAAE;GACX,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,IAAI;GACb;EACD;;AAED,CAAA,QAAQ,EAAE;AACT;;AAEC;;AAEA;;EAED,SAAS,GAAG;AACX,GAAA,MAAM,KAAI,GAAI,QAAQ,CAAC,IAAI,CAAC,UAAS,IAAK,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,KAAM,IAAG,WAAW,EAAA;AAC/E,GAAA,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA,GAAI,KAAI,GAAI,EAAC;GACvC;;AAED;AACC;AACA;;AAEA;;AAED,EAAA,cAAc,GAAG;AAChB,GAAA,MAAM,KAAM,GAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,MAAI;AAC1C,GAAA,OAAO,OAAO,KAAM,KAAI,QAAS,GAAE,KAAI,GAAI,EAAC;GAC5C;EACD;;AAED,CAAA,OAAO,EAAE;AACR;;AAEC;AACA;;AAEA;;AAED,EAAA,WAAW,CAAC,QAAQ,EAAE;AACrB,GAAA,MAAM,KAAM,GAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,MAAI;GAC1C,MAAM,EAAG,GAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,MAAK,IAAK,IAAI,EAAA;AACzD,GAAA,IAAI,OAAO,KAAI,KAAM,QAAS,IAAG,UAAU,EAAC,IAAK,CAAC,IAAI,CAAC,OAAM,IAAK,EAAG,KAAI,aAAa,EAAC,KAAM,IAAI,EAAE;IAClG,MAAK;AACN,IAAA;GACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAE,EAAA,EAAG,EAAA;GAC7D;EACD;AACF;;;;"}
+{"version":3,"file":"CnDocumentReviewWidget.vue2.js","sources":["../../../../src/components/CnDocumentReviewList/CnDocumentReviewWidget.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnDocumentReviewList\n\t\t\t:documents=\"documents\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:nameField=\"content.nameField || 'name'\"\n\t\t\t:metaField=\"content.metaField || 'meta'\"\n\t\t\t:statusField=\"content.statusField || 'reviewStatus'\"\n\t\t\t:hrefField=\"content.hrefField || 'href'\"\n\t\t\t:rowKey=\"content.rowKey || 'id'\"\n\t\t\t:statuses=\"content.statuses || []\"\n\t\t\t:defaultStatus=\"content.defaultStatus || ''\"\n\t\t\t:rowActionLabel=\"rowActionLabel\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@rowAction=\"onRowAction\" />\n\t</div>\n</template>\n\n<script>\nimport CnDocumentReviewList from './CnDocumentReviewList.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnDocumentReviewWidget: the `document-review` detail widget type.\n *\n * Renders CnDocumentReviewList from a list on the bound record:\n * `content: { field, title?, statusField?, statuses?, rowAction?: { label, route } }`.\n * A row action with a `route` opens that route with the row's key as `id`.\n * Resolved by its registry key, and exported for an app that renders it itself.\n */\nexport default {\n\tname: 'CnDocumentReviewWidget',\n\n\tcomponents: {\n\t\tCnDocumentReviewList,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the documents on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The documents read off the record.\n\t\t *\n\t\t * @return {Array<object>} The documents, or an empty list.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tdocuments() {\n\t\t\tconst value = readPath(this.objectData || {}, this.content.field || 'documents')\n\t\t\treturn Array.isArray(value) ? value : []\n\t\t},\n\n\t\t/**\n\t\t * The row action's label. Empty, and so no button, unless the content declares one.\n\t\t *\n\t\t * @return {string} The label.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\trowActionLabel() {\n\t\t\tconst label = this.content.rowAction?.label\n\t\t\treturn typeof label === 'string' ? label : ''\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Open the route the row action names, with the row's key as `id`.\n\t\t *\n\t\t * @param {object} document The row's document.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tonRowAction(document) {\n\t\t\tconst route = this.content.rowAction?.route\n\t\t\tconst id = readPath(document, this.content.rowKey || 'id')\n\t\t\tif (typeof route !== 'string' || route === '' || !this.$router || id === undefined || id === null) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.$router.push({ name: route, params: { id: String(id) } })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["CnDocumentReviewList"],"mappings":";;;AA2BA;;AAEC;;AAEA;;AAEA;;AAED,aAAe;CACd,IAAI,EAAE,wBAAwB;;CAE9B,UAAU,EAAE;AACX,wBAAAA,UAAoB;EACpB;;AAED,CAAA,KAAK,EAAE;AACN;AACA,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,MAAM;AACZ,GAAA,OAAO,EAAE,OAAO,EAAE,CAAC;GACnB;;AAED;EACA,UAAU,EAAE;GACX,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,IAAI;GACb;EACD;;AAED,CAAA,QAAQ,EAAE;AACT;;AAEC;;AAEA;;EAED,SAAS,GAAG;AACX,GAAA,MAAM,KAAI,GAAI,QAAQ,CAAC,IAAI,CAAC,UAAS,IAAK,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,KAAM,IAAG,WAAW,EAAA;AAC/E,GAAA,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA,GAAI,KAAI,GAAI,EAAC;GACvC;;AAED;AACC;AACA;;AAEA;;AAED,EAAA,cAAc,GAAG;AAChB,GAAA,MAAM,KAAM,GAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,MAAI;AAC1C,GAAA,OAAO,OAAO,KAAM,KAAI,QAAS,GAAE,KAAI,GAAI,EAAC;GAC5C;EACD;;AAED,CAAA,OAAO,EAAE;AACR;;AAEC;AACA;;AAEA;;AAED,EAAA,WAAW,CAAC,QAAQ,EAAE;AACrB,GAAA,MAAM,KAAM,GAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,MAAI;GAC1C,MAAM,EAAG,GAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,MAAK,IAAK,IAAI,EAAA;AACzD,GAAA,IAAI,OAAO,KAAI,KAAM,QAAS,IAAG,UAAU,EAAC,IAAK,CAAC,IAAI,CAAC,OAAM,IAAK,EAAG,KAAI,aAAa,EAAC,KAAM,IAAI,EAAE;IAClG,MAAK;AACN,IAAA;GACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAE,EAAA,EAAG,EAAA;GAC7D;EACD;AACF;;;;"}

package/dist/esm/components/CnDocumentReviewList/CnDocumentReviewWidget.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnDocumentReviewWidget.vue3.js","sources":["../../../../src/components/CnDocumentReviewList/CnDocumentReviewWidget.vue?vue&type=template&id=22291596&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnDocumentReviewList\n\t\t\t:documents=\"documents\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:nameField=\"content.nameField || 'name'\"\n\t\t\t:metaField=\"content.metaField || 'meta'\"\n\t\t\t:statusField=\"content.statusField || 'reviewStatus'\"\n\t\t\t:hrefField=\"content.hrefField || 'href'\"\n\t\t\t:rowKey=\"content.rowKey || 'id'\"\n\t\t\t:statuses=\"content.statuses || []\"\n\t\t\t:defaultStatus=\"content.defaultStatus || ''\"\n\t\t\t:rowActionLabel=\"rowActionLabel\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@rowAction=\"onRowAction\" />\n\t</div>\n</template>\n\n<script>\nimport CnDocumentReviewList from './CnDocumentReviewList.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnDocumentReviewWidget: the `document-review` detail widget type.\n *\n * Renders CnDocumentReviewList from a list on the bound record:\n * `content: { field, title?, statusField?, statuses?, rowAction?: { label, route } }`.\n * A row action with a `route` opens that route with the row's key as `id`.\n * Resolved by its registry key, not exported.\n */\nexport default {\n\tname: 'CnDocumentReviewWidget',\n\n\tcomponents: {\n\t\tCnDocumentReviewList,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the documents on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The documents read off the record.\n\t\t *\n\t\t * @return {Array<object>} The documents, or an empty list.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tdocuments() {\n\t\t\tconst value = readPath(this.objectData || {}, this.content.field || 'documents')\n\t\t\treturn Array.isArray(value) ? value : []\n\t\t},\n\n\t\t/**\n\t\t * The row action's label. Empty, and so no button, unless the content declares one.\n\t\t *\n\t\t * @return {string} The label.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\trowActionLabel() {\n\t\t\tconst label = this.content.rowAction?.label\n\t\t\treturn typeof label === 'string' ? label : ''\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Open the route the row action names, with the row's key as `id`.\n\t\t *\n\t\t * @param {object} document The row's document.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tonRowAction(document) {\n\t\t\tconst route = this.content.rowAction?.route\n\t\t\tconst id = readPath(document, this.content.rowKey || 'id')\n\t\t\tif (typeof route !== 'string' || route === '' || !this.$router || id === undefined || id === null) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.$router.push({ name: route, params: { id: String(id) } })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;AAWM,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,qBAAqB,GAAA;;;;;AAA9B,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;;AAEC,MAAA,SAAS,EAAE,QAAS,CAAA,SAAA;MACpB,KAAK,EAAE,MAAO,CAAA,OAAA,CAAC,KAAK,IAAA,EAAA;MACpB,SAAS,EAAE,MAAO,CAAA,OAAA,CAAC,SAAS,IAAA,MAAA;MAC5B,SAAS,EAAE,MAAO,CAAA,OAAA,CAAC,SAAS,IAAA,MAAA;MAC5B,WAAW,EAAE,MAAO,CAAA,OAAA,CAAC,WAAS,IAAA,cAAA;MAC9B,SAAS,EAAE,MAAO,CAAA,OAAA,CAAC,SAAU,IAAA,MAAA;MAC7B,MAAM,EAAE,MAAO,CAAA,OAAA,CAAC,MAAM,IAAA,IAAA;MACtB,QAAE,EAAA,MAAA,CAAA,OAAA,CAAA,QAAA,IAAA,EAAA;;;;;;;;;;;"}
+{"version":3,"file":"CnDocumentReviewWidget.vue3.js","sources":["../../../../src/components/CnDocumentReviewList/CnDocumentReviewWidget.vue?vue&type=template&id=22291596&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnDocumentReviewList\n\t\t\t:documents=\"documents\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:nameField=\"content.nameField || 'name'\"\n\t\t\t:metaField=\"content.metaField || 'meta'\"\n\t\t\t:statusField=\"content.statusField || 'reviewStatus'\"\n\t\t\t:hrefField=\"content.hrefField || 'href'\"\n\t\t\t:rowKey=\"content.rowKey || 'id'\"\n\t\t\t:statuses=\"content.statuses || []\"\n\t\t\t:defaultStatus=\"content.defaultStatus || ''\"\n\t\t\t:rowActionLabel=\"rowActionLabel\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@rowAction=\"onRowAction\" />\n\t</div>\n</template>\n\n<script>\nimport CnDocumentReviewList from './CnDocumentReviewList.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnDocumentReviewWidget: the `document-review` detail widget type.\n *\n * Renders CnDocumentReviewList from a list on the bound record:\n * `content: { field, title?, statusField?, statuses?, rowAction?: { label, route } }`.\n * A row action with a `route` opens that route with the row's key as `id`.\n * Resolved by its registry key, and exported for an app that renders it itself.\n */\nexport default {\n\tname: 'CnDocumentReviewWidget',\n\n\tcomponents: {\n\t\tCnDocumentReviewList,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the documents on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The documents read off the record.\n\t\t *\n\t\t * @return {Array<object>} The documents, or an empty list.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tdocuments() {\n\t\t\tconst value = readPath(this.objectData || {}, this.content.field || 'documents')\n\t\t\treturn Array.isArray(value) ? value : []\n\t\t},\n\n\t\t/**\n\t\t * The row action's label. Empty, and so no button, unless the content declares one.\n\t\t *\n\t\t * @return {string} The label.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\trowActionLabel() {\n\t\t\tconst label = this.content.rowAction?.label\n\t\t\treturn typeof label === 'string' ? label : ''\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Open the route the row action names, with the row's key as `id`.\n\t\t *\n\t\t * @param {object} document The row's document.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-document-review-list\n\t\t */\n\t\tonRowAction(document) {\n\t\t\tconst route = this.content.rowAction?.route\n\t\t\tconst id = readPath(document, this.content.rowKey || 'id')\n\t\t\tif (typeof route !== 'string' || route === '' || !this.$router || id === undefined || id === null) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.$router.push({ name: route, params: { id: String(id) } })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;AAWM,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,qBAAqB,GAAA;;;;;AAA9B,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;;AAEC,MAAA,SAAS,EAAE,QAAS,CAAA,SAAA;MACpB,KAAK,EAAE,MAAO,CAAA,OAAA,CAAC,KAAK,IAAA,EAAA;MACpB,SAAS,EAAE,MAAO,CAAA,OAAA,CAAC,SAAS,IAAA,MAAA;MAC5B,SAAS,EAAE,MAAO,CAAA,OAAA,CAAC,SAAS,IAAA,MAAA;MAC5B,WAAW,EAAE,MAAO,CAAA,OAAA,CAAC,WAAS,IAAA,cAAA;MAC9B,SAAS,EAAE,MAAO,CAAA,OAAA,CAAC,SAAU,IAAA,MAAA;MAC7B,MAAM,EAAE,MAAO,CAAA,OAAA,CAAC,MAAM,IAAA,IAAA;MACtB,QAAE,EAAA,MAAA,CAAA,OAAA,CAAA,QAAA,IAAA,EAAA;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { translate } from '@nextcloud/l10n';
 import { NcButton, NcSelect, NcTextField, NcCheckboxRadioSwitch, NcLoadingIcon } from '@nextcloud/vue';
-import { facetOptionLabel } from '../../utils/facets.js';
+import { facetOptions } from '../../utils/facets.js';
 import { filtersFromSchema } from '../../utils/schema.js';
 
 /**
@@ -113,12 +113,12 @@ var script = {
 
 		getFilterOptions(filter) {
 			// Use facet data if available (live values with counts)
-			const facet = this.facetData[filter.key];
-			if (facet?.values?.length > 0) {
-				return facet.values.map((v) => ({
-					id: v.value,
-					label: facetOptionLabel(v),
-				}))
+			const live = facetOptions(
+				this.facetData[filter.key],
+				(count) => translate('nextcloud-vue', 'No value ({count})', { count }),
+			);
+			if (live !== null) {
+				return live
 			}
 			// Fall back to static enum options from schema
 			return filter.options || []

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

@@ -1 +1 @@
-{"version":3,"file":"CnFacetSidebar.vue2.js","sources":["../../../../src/components/CnFacetSidebar/CnFacetSidebar.vue"],"sourcesContent":["<template>\n\t<div class=\"cn-facet-sidebar\">\n\t\t<div class=\"cn-facet-sidebar__header\">\n\t\t\t<h3 class=\"cn-facet-sidebar__title\">\n\t\t\t\t{{ title }}\n\t\t\t</h3>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"hasActiveFilters\"\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\tclass=\"cn-facet-sidebar__clear\"\n\t\t\t\t@click=\"$emit('clear-all')\">\n\t\t\t\t{{ clearLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-facet-sidebar__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t</div>\n\n\t\t<!-- Filter groups -->\n\t\t<div v-else class=\"cn-facet-sidebar__filters\">\n\t\t\t<div\n\t\t\t\tv-for=\"filter in effectiveFilters\"\n\t\t\t\t:key=\"filter.key\"\n\t\t\t\tclass=\"cn-facet-sidebar__group\">\n\t\t\t\t<label class=\"cn-facet-sidebar__label\">{{ filter.label }}</label>\n\n\t\t\t\t<!-- Checkbox filter (boolean) -->\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-if=\"filter.type === 'checkbox'\"\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) === true\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\">\n\t\t\t\t\t{{ filter.label }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\n\t\t\t\t<!-- Select filter (enum / facet values) -->\n\t\t\t\t<NcSelect\n\t\t\t\t\tv-else-if=\"filter.type === 'select'\"\n\t\t\t\t\tclass=\"cn-facet-sidebar__select\"\n\t\t\t\t\t:modelValue=\"getSelectedOptions(filter)\"\n\t\t\t\t\t:options=\"getFilterOptions(filter)\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:inputLabel=\"filter.label\"\n\t\t\t\t\t:multiple=\"true\"\n\t\t\t\t\t:keepOpen=\"true\"\n\t\t\t\t\t:clearable=\"true\"\n\t\t\t\t\t@update:modelValue=\"onSelectChange(filter.key, $event)\" />\n\n\t\t\t\t<!-- Text filter (fallback) -->\n\t\t\t\t<NcTextField\n\t\t\t\t\tv-else\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) || ''\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:label=\"filter.label\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcSelect, NcTextField } from '@nextcloud/vue'\nimport { facetOptionLabel } from '../../utils/facets.js'\nimport { filtersFromSchema } from '../../utils/schema.js'\n\n/**\n * CnFacetSidebar — Auto-generated faceted search sidebar from schema properties.\n *\n * Reads properties marked `facetable: true` in the schema and generates\n * appropriate filter widgets. Accepts live facet data from the API for\n * dynamic option values with counts.\n *\n * ```vue\n * <CnFacetSidebar\n *   :schema=\"schema\"\n *   :facet-data=\"facetData\"\n *   :active-filters=\"filters\"\n *   @filter-change=\"onFilterChange\"\n *   @clear-all=\"clearFilters\" />\n * ```\n */\nexport default {\n\tname: 'CnFacetSidebar',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tNcSelect,\n\t\tNcTextField,\n\t\tNcCheckboxRadioSwitch,\n\t\tNcLoadingIcon,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Consumer translation function, provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). Filter\n\t\t * labels come from schema property titles, authored in English as the\n\t\t * canonical source; the visible label is resolved through this function\n\t\t * so it follows the user's language. Defaults to identity when used\n\t\t * standalone (no CnAppRoot ancestor).\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Schema definition — reads facetable properties */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Live facet data from the API: `{ fieldName: { values: [{ value, count?, label? }] } }` */\n\t\tfacetData: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Current active filters: { fieldName: value | [values] } */\n\t\tactiveFilters: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether facet data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Sidebar title */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Filters'),\n\t\t},\n\n\t\t/** Clear all button label */\n\t\tclearLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Clear all'),\n\t\t},\n\n\t\t/**\n\t\t * Whether the current user is an admin.\n\t\t * When false, schema properties with `adminOnly: true` are hidden from filters.\n\t\t */\n\t\tuserIsAdmin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\temits: ['clear-all', 'filter-change'],\n\n\tcomputed: {\n\t\teffectiveFilters() {\n\t\t\treturn filtersFromSchema(this.schema, { isAdmin: this.userIsAdmin, translate: this.cnTranslate })\n\t\t},\n\n\t\thasActiveFilters() {\n\t\t\treturn Object.values(this.activeFilters).some((v) => {\n\t\t\t\tif (Array.isArray(v)) {\n\t\t\t\t\treturn v.length > 0\n\t\t\t\t}\n\t\t\t\treturn v !== null && v !== undefined && v !== '' && v !== false\n\t\t\t})\n\t\t},\n\t},\n\n\tmethods: {\n\t\tgetFilterValue(key) {\n\t\t\treturn this.activeFilters[key] ?? null\n\t\t},\n\n\t\tgetFilterOptions(filter) {\n\t\t\t// Use facet data if available (live values with counts)\n\t\t\tconst facet = this.facetData[filter.key]\n\t\t\tif (facet?.values?.length > 0) {\n\t\t\t\treturn facet.values.map((v) => ({\n\t\t\t\t\tid: v.value,\n\t\t\t\t\tlabel: facetOptionLabel(v),\n\t\t\t\t}))\n\t\t\t}\n\t\t\t// Fall back to static enum options from schema\n\t\t\treturn filter.options || []\n\t\t},\n\n\t\tgetSelectedOptions(filter) {\n\t\t\tconst value = this.getFilterValue(filter.key)\n\t\t\tif (!value) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst values = Array.isArray(value) ? value : [value]\n\t\t\tconst options = this.getFilterOptions(filter)\n\t\t\treturn values.map((v) => options.find((o) => o.id === v) || { id: v, label: String(v) })\n\t\t},\n\n\t\tonSelectChange(key, selected) {\n\t\t\tconst values = selected ? selected.map((o) => o.id) : []\n\t\t\tthis.$emit('filter-change', { key, values })\n\t\t},\n\n\t\tonFilterChange(key, value) {\n\t\t\tthis.$emit('filter-change', { key, values: value })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-facet-sidebar {\n\tpadding: 16px;\n\tborder-right: 1px solid var(--color-border);\n\tmin-width: 240px;\n\tmax-width: 300px;\n}\n\n.cn-facet-sidebar__header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: 16px;\n}\n\n.cn-facet-sidebar__title {\n\tmargin: 0;\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n\n.cn-facet-sidebar__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 20px;\n}\n\n.cn-facet-sidebar__filters {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-facet-sidebar__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-facet-sidebar__label {\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.3px;\n}\n\n.cn-facet-sidebar__select {\n\twidth: 100%;\n}\n</style>\n"],"names":["t"],"mappings":"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"}
+{"version":3,"file":"CnFacetSidebar.vue2.js","sources":["../../../../src/components/CnFacetSidebar/CnFacetSidebar.vue"],"sourcesContent":["<template>\n\t<div class=\"cn-facet-sidebar\">\n\t\t<div class=\"cn-facet-sidebar__header\">\n\t\t\t<h3 class=\"cn-facet-sidebar__title\">\n\t\t\t\t{{ title }}\n\t\t\t</h3>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"hasActiveFilters\"\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\tclass=\"cn-facet-sidebar__clear\"\n\t\t\t\t@click=\"$emit('clear-all')\">\n\t\t\t\t{{ clearLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-facet-sidebar__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t</div>\n\n\t\t<!-- Filter groups -->\n\t\t<div v-else class=\"cn-facet-sidebar__filters\">\n\t\t\t<div\n\t\t\t\tv-for=\"filter in effectiveFilters\"\n\t\t\t\t:key=\"filter.key\"\n\t\t\t\tclass=\"cn-facet-sidebar__group\">\n\t\t\t\t<label class=\"cn-facet-sidebar__label\">{{ filter.label }}</label>\n\n\t\t\t\t<!-- Checkbox filter (boolean) -->\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-if=\"filter.type === 'checkbox'\"\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) === true\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\">\n\t\t\t\t\t{{ filter.label }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\n\t\t\t\t<!-- Select filter (enum / facet values) -->\n\t\t\t\t<NcSelect\n\t\t\t\t\tv-else-if=\"filter.type === 'select'\"\n\t\t\t\t\tclass=\"cn-facet-sidebar__select\"\n\t\t\t\t\t:modelValue=\"getSelectedOptions(filter)\"\n\t\t\t\t\t:options=\"getFilterOptions(filter)\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:inputLabel=\"filter.label\"\n\t\t\t\t\t:multiple=\"true\"\n\t\t\t\t\t:keepOpen=\"true\"\n\t\t\t\t\t:clearable=\"true\"\n\t\t\t\t\t@update:modelValue=\"onSelectChange(filter.key, $event)\" />\n\n\t\t\t\t<!-- Text filter (fallback) -->\n\t\t\t\t<NcTextField\n\t\t\t\t\tv-else\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) || ''\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:label=\"filter.label\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcSelect, NcTextField } from '@nextcloud/vue'\nimport { facetOptions } from '../../utils/facets.js'\nimport { filtersFromSchema } from '../../utils/schema.js'\n\n/**\n * CnFacetSidebar — Auto-generated faceted search sidebar from schema properties.\n *\n * Reads properties marked `facetable: true` in the schema and generates\n * appropriate filter widgets. Accepts live facet data from the API for\n * dynamic option values with counts.\n *\n * ```vue\n * <CnFacetSidebar\n *   :schema=\"schema\"\n *   :facet-data=\"facetData\"\n *   :active-filters=\"filters\"\n *   @filter-change=\"onFilterChange\"\n *   @clear-all=\"clearFilters\" />\n * ```\n */\nexport default {\n\tname: 'CnFacetSidebar',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tNcSelect,\n\t\tNcTextField,\n\t\tNcCheckboxRadioSwitch,\n\t\tNcLoadingIcon,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Consumer translation function, provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). Filter\n\t\t * labels come from schema property titles, authored in English as the\n\t\t * canonical source; the visible label is resolved through this function\n\t\t * so it follows the user's language. Defaults to identity when used\n\t\t * standalone (no CnAppRoot ancestor).\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Schema definition — reads facetable properties */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Live facet data from the API: `{ fieldName: { values: [{ value, count?, label? }] } }` */\n\t\tfacetData: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Current active filters: { fieldName: value | [values] } */\n\t\tactiveFilters: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether facet data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Sidebar title */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Filters'),\n\t\t},\n\n\t\t/** Clear all button label */\n\t\tclearLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Clear all'),\n\t\t},\n\n\t\t/**\n\t\t * Whether the current user is an admin.\n\t\t * When false, schema properties with `adminOnly: true` are hidden from filters.\n\t\t */\n\t\tuserIsAdmin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\temits: ['clear-all', 'filter-change'],\n\n\tcomputed: {\n\t\teffectiveFilters() {\n\t\t\treturn filtersFromSchema(this.schema, { isAdmin: this.userIsAdmin, translate: this.cnTranslate })\n\t\t},\n\n\t\thasActiveFilters() {\n\t\t\treturn Object.values(this.activeFilters).some((v) => {\n\t\t\t\tif (Array.isArray(v)) {\n\t\t\t\t\treturn v.length > 0\n\t\t\t\t}\n\t\t\t\treturn v !== null && v !== undefined && v !== '' && v !== false\n\t\t\t})\n\t\t},\n\t},\n\n\tmethods: {\n\t\tgetFilterValue(key) {\n\t\t\treturn this.activeFilters[key] ?? null\n\t\t},\n\n\t\tgetFilterOptions(filter) {\n\t\t\t// Use facet data if available (live values with counts)\n\t\t\tconst live = facetOptions(\n\t\t\t\tthis.facetData[filter.key],\n\t\t\t\t(count) => t('nextcloud-vue', 'No value ({count})', { count }),\n\t\t\t)\n\t\t\tif (live !== null) {\n\t\t\t\treturn live\n\t\t\t}\n\t\t\t// Fall back to static enum options from schema\n\t\t\treturn filter.options || []\n\t\t},\n\n\t\tgetSelectedOptions(filter) {\n\t\t\tconst value = this.getFilterValue(filter.key)\n\t\t\tif (!value) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst values = Array.isArray(value) ? value : [value]\n\t\t\tconst options = this.getFilterOptions(filter)\n\t\t\treturn values.map((v) => options.find((o) => o.id === v) || { id: v, label: String(v) })\n\t\t},\n\n\t\tonSelectChange(key, selected) {\n\t\t\tconst values = selected ? selected.map((o) => o.id) : []\n\t\t\tthis.$emit('filter-change', { key, values })\n\t\t},\n\n\t\tonFilterChange(key, value) {\n\t\t\tthis.$emit('filter-change', { key, values: value })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-facet-sidebar {\n\tpadding: 16px;\n\tborder-right: 1px solid var(--color-border);\n\tmin-width: 240px;\n\tmax-width: 300px;\n}\n\n.cn-facet-sidebar__header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: 16px;\n}\n\n.cn-facet-sidebar__title {\n\tmargin: 0;\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n\n.cn-facet-sidebar__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 20px;\n}\n\n.cn-facet-sidebar__filters {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-facet-sidebar__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-facet-sidebar__label {\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.3px;\n}\n\n.cn-facet-sidebar__select {\n\twidth: 100%;\n}\n</style>\n"],"names":["t"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CnFacetSidebar.vue3.js","sources":["../../../../src/components/CnFacetSidebar/CnFacetSidebar.vue?vue&type=template&id=202f66e2&lang.js"],"sourcesContent":["<template>\n\t<div class=\"cn-facet-sidebar\">\n\t\t<div class=\"cn-facet-sidebar__header\">\n\t\t\t<h3 class=\"cn-facet-sidebar__title\">\n\t\t\t\t{{ title }}\n\t\t\t</h3>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"hasActiveFilters\"\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\tclass=\"cn-facet-sidebar__clear\"\n\t\t\t\t@click=\"$emit('clear-all')\">\n\t\t\t\t{{ clearLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-facet-sidebar__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t</div>\n\n\t\t<!-- Filter groups -->\n\t\t<div v-else class=\"cn-facet-sidebar__filters\">\n\t\t\t<div\n\t\t\t\tv-for=\"filter in effectiveFilters\"\n\t\t\t\t:key=\"filter.key\"\n\t\t\t\tclass=\"cn-facet-sidebar__group\">\n\t\t\t\t<label class=\"cn-facet-sidebar__label\">{{ filter.label }}</label>\n\n\t\t\t\t<!-- Checkbox filter (boolean) -->\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-if=\"filter.type === 'checkbox'\"\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) === true\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\">\n\t\t\t\t\t{{ filter.label }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\n\t\t\t\t<!-- Select filter (enum / facet values) -->\n\t\t\t\t<NcSelect\n\t\t\t\t\tv-else-if=\"filter.type === 'select'\"\n\t\t\t\t\tclass=\"cn-facet-sidebar__select\"\n\t\t\t\t\t:modelValue=\"getSelectedOptions(filter)\"\n\t\t\t\t\t:options=\"getFilterOptions(filter)\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:inputLabel=\"filter.label\"\n\t\t\t\t\t:multiple=\"true\"\n\t\t\t\t\t:keepOpen=\"true\"\n\t\t\t\t\t:clearable=\"true\"\n\t\t\t\t\t@update:modelValue=\"onSelectChange(filter.key, $event)\" />\n\n\t\t\t\t<!-- Text filter (fallback) -->\n\t\t\t\t<NcTextField\n\t\t\t\t\tv-else\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) || ''\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:label=\"filter.label\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcSelect, NcTextField } from '@nextcloud/vue'\nimport { facetOptionLabel } from '../../utils/facets.js'\nimport { filtersFromSchema } from '../../utils/schema.js'\n\n/**\n * CnFacetSidebar — Auto-generated faceted search sidebar from schema properties.\n *\n * Reads properties marked `facetable: true` in the schema and generates\n * appropriate filter widgets. Accepts live facet data from the API for\n * dynamic option values with counts.\n *\n * ```vue\n * <CnFacetSidebar\n *   :schema=\"schema\"\n *   :facet-data=\"facetData\"\n *   :active-filters=\"filters\"\n *   @filter-change=\"onFilterChange\"\n *   @clear-all=\"clearFilters\" />\n * ```\n */\nexport default {\n\tname: 'CnFacetSidebar',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tNcSelect,\n\t\tNcTextField,\n\t\tNcCheckboxRadioSwitch,\n\t\tNcLoadingIcon,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Consumer translation function, provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). Filter\n\t\t * labels come from schema property titles, authored in English as the\n\t\t * canonical source; the visible label is resolved through this function\n\t\t * so it follows the user's language. Defaults to identity when used\n\t\t * standalone (no CnAppRoot ancestor).\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Schema definition — reads facetable properties */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Live facet data from the API: `{ fieldName: { values: [{ value, count?, label? }] } }` */\n\t\tfacetData: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Current active filters: { fieldName: value | [values] } */\n\t\tactiveFilters: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether facet data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Sidebar title */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Filters'),\n\t\t},\n\n\t\t/** Clear all button label */\n\t\tclearLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Clear all'),\n\t\t},\n\n\t\t/**\n\t\t * Whether the current user is an admin.\n\t\t * When false, schema properties with `adminOnly: true` are hidden from filters.\n\t\t */\n\t\tuserIsAdmin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\temits: ['clear-all', 'filter-change'],\n\n\tcomputed: {\n\t\teffectiveFilters() {\n\t\t\treturn filtersFromSchema(this.schema, { isAdmin: this.userIsAdmin, translate: this.cnTranslate })\n\t\t},\n\n\t\thasActiveFilters() {\n\t\t\treturn Object.values(this.activeFilters).some((v) => {\n\t\t\t\tif (Array.isArray(v)) {\n\t\t\t\t\treturn v.length > 0\n\t\t\t\t}\n\t\t\t\treturn v !== null && v !== undefined && v !== '' && v !== false\n\t\t\t})\n\t\t},\n\t},\n\n\tmethods: {\n\t\tgetFilterValue(key) {\n\t\t\treturn this.activeFilters[key] ?? null\n\t\t},\n\n\t\tgetFilterOptions(filter) {\n\t\t\t// Use facet data if available (live values with counts)\n\t\t\tconst facet = this.facetData[filter.key]\n\t\t\tif (facet?.values?.length > 0) {\n\t\t\t\treturn facet.values.map((v) => ({\n\t\t\t\t\tid: v.value,\n\t\t\t\t\tlabel: facetOptionLabel(v),\n\t\t\t\t}))\n\t\t\t}\n\t\t\t// Fall back to static enum options from schema\n\t\t\treturn filter.options || []\n\t\t},\n\n\t\tgetSelectedOptions(filter) {\n\t\t\tconst value = this.getFilterValue(filter.key)\n\t\t\tif (!value) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst values = Array.isArray(value) ? value : [value]\n\t\t\tconst options = this.getFilterOptions(filter)\n\t\t\treturn values.map((v) => options.find((o) => o.id === v) || { id: v, label: String(v) })\n\t\t},\n\n\t\tonSelectChange(key, selected) {\n\t\t\tconst values = selected ? selected.map((o) => o.id) : []\n\t\t\tthis.$emit('filter-change', { key, values })\n\t\t},\n\n\t\tonFilterChange(key, value) {\n\t\t\tthis.$emit('filter-change', { key, values: value })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-facet-sidebar {\n\tpadding: 16px;\n\tborder-right: 1px solid var(--color-border);\n\tmin-width: 240px;\n\tmax-width: 300px;\n}\n\n.cn-facet-sidebar__header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: 16px;\n}\n\n.cn-facet-sidebar__title {\n\tmargin: 0;\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n\n.cn-facet-sidebar__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 20px;\n}\n\n.cn-facet-sidebar__filters {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-facet-sidebar__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-facet-sidebar__label {\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.3px;\n}\n\n.cn-facet-sidebar__select {\n\twidth: 100%;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_createVNode","_Fragment","_renderList","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"CnFacetSidebar.vue3.js","sources":["../../../../src/components/CnFacetSidebar/CnFacetSidebar.vue?vue&type=template&id=202f66e2&lang.js"],"sourcesContent":["<template>\n\t<div class=\"cn-facet-sidebar\">\n\t\t<div class=\"cn-facet-sidebar__header\">\n\t\t\t<h3 class=\"cn-facet-sidebar__title\">\n\t\t\t\t{{ title }}\n\t\t\t</h3>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"hasActiveFilters\"\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\tclass=\"cn-facet-sidebar__clear\"\n\t\t\t\t@click=\"$emit('clear-all')\">\n\t\t\t\t{{ clearLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-facet-sidebar__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t</div>\n\n\t\t<!-- Filter groups -->\n\t\t<div v-else class=\"cn-facet-sidebar__filters\">\n\t\t\t<div\n\t\t\t\tv-for=\"filter in effectiveFilters\"\n\t\t\t\t:key=\"filter.key\"\n\t\t\t\tclass=\"cn-facet-sidebar__group\">\n\t\t\t\t<label class=\"cn-facet-sidebar__label\">{{ filter.label }}</label>\n\n\t\t\t\t<!-- Checkbox filter (boolean) -->\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-if=\"filter.type === 'checkbox'\"\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) === true\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\">\n\t\t\t\t\t{{ filter.label }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\n\t\t\t\t<!-- Select filter (enum / facet values) -->\n\t\t\t\t<NcSelect\n\t\t\t\t\tv-else-if=\"filter.type === 'select'\"\n\t\t\t\t\tclass=\"cn-facet-sidebar__select\"\n\t\t\t\t\t:modelValue=\"getSelectedOptions(filter)\"\n\t\t\t\t\t:options=\"getFilterOptions(filter)\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:inputLabel=\"filter.label\"\n\t\t\t\t\t:multiple=\"true\"\n\t\t\t\t\t:keepOpen=\"true\"\n\t\t\t\t\t:clearable=\"true\"\n\t\t\t\t\t@update:modelValue=\"onSelectChange(filter.key, $event)\" />\n\n\t\t\t\t<!-- Text filter (fallback) -->\n\t\t\t\t<NcTextField\n\t\t\t\t\tv-else\n\t\t\t\t\t:modelValue=\"getFilterValue(filter.key) || ''\"\n\t\t\t\t\t:placeholder=\"filter.label\"\n\t\t\t\t\t:label=\"filter.label\"\n\t\t\t\t\t@update:modelValue=\"onFilterChange(filter.key, $event)\" />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcSelect, NcTextField } from '@nextcloud/vue'\nimport { facetOptions } from '../../utils/facets.js'\nimport { filtersFromSchema } from '../../utils/schema.js'\n\n/**\n * CnFacetSidebar — Auto-generated faceted search sidebar from schema properties.\n *\n * Reads properties marked `facetable: true` in the schema and generates\n * appropriate filter widgets. Accepts live facet data from the API for\n * dynamic option values with counts.\n *\n * ```vue\n * <CnFacetSidebar\n *   :schema=\"schema\"\n *   :facet-data=\"facetData\"\n *   :active-filters=\"filters\"\n *   @filter-change=\"onFilterChange\"\n *   @clear-all=\"clearFilters\" />\n * ```\n */\nexport default {\n\tname: 'CnFacetSidebar',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tNcSelect,\n\t\tNcTextField,\n\t\tNcCheckboxRadioSwitch,\n\t\tNcLoadingIcon,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Consumer translation function, provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). Filter\n\t\t * labels come from schema property titles, authored in English as the\n\t\t * canonical source; the visible label is resolved through this function\n\t\t * so it follows the user's language. Defaults to identity when used\n\t\t * standalone (no CnAppRoot ancestor).\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Schema definition — reads facetable properties */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Live facet data from the API: `{ fieldName: { values: [{ value, count?, label? }] } }` */\n\t\tfacetData: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Current active filters: { fieldName: value | [values] } */\n\t\tactiveFilters: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether facet data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Sidebar title */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Filters'),\n\t\t},\n\n\t\t/** Clear all button label */\n\t\tclearLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Clear all'),\n\t\t},\n\n\t\t/**\n\t\t * Whether the current user is an admin.\n\t\t * When false, schema properties with `adminOnly: true` are hidden from filters.\n\t\t */\n\t\tuserIsAdmin: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\temits: ['clear-all', 'filter-change'],\n\n\tcomputed: {\n\t\teffectiveFilters() {\n\t\t\treturn filtersFromSchema(this.schema, { isAdmin: this.userIsAdmin, translate: this.cnTranslate })\n\t\t},\n\n\t\thasActiveFilters() {\n\t\t\treturn Object.values(this.activeFilters).some((v) => {\n\t\t\t\tif (Array.isArray(v)) {\n\t\t\t\t\treturn v.length > 0\n\t\t\t\t}\n\t\t\t\treturn v !== null && v !== undefined && v !== '' && v !== false\n\t\t\t})\n\t\t},\n\t},\n\n\tmethods: {\n\t\tgetFilterValue(key) {\n\t\t\treturn this.activeFilters[key] ?? null\n\t\t},\n\n\t\tgetFilterOptions(filter) {\n\t\t\t// Use facet data if available (live values with counts)\n\t\t\tconst live = facetOptions(\n\t\t\t\tthis.facetData[filter.key],\n\t\t\t\t(count) => t('nextcloud-vue', 'No value ({count})', { count }),\n\t\t\t)\n\t\t\tif (live !== null) {\n\t\t\t\treturn live\n\t\t\t}\n\t\t\t// Fall back to static enum options from schema\n\t\t\treturn filter.options || []\n\t\t},\n\n\t\tgetSelectedOptions(filter) {\n\t\t\tconst value = this.getFilterValue(filter.key)\n\t\t\tif (!value) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst values = Array.isArray(value) ? value : [value]\n\t\t\tconst options = this.getFilterOptions(filter)\n\t\t\treturn values.map((v) => options.find((o) => o.id === v) || { id: v, label: String(v) })\n\t\t},\n\n\t\tonSelectChange(key, selected) {\n\t\t\tconst values = selected ? selected.map((o) => o.id) : []\n\t\t\tthis.$emit('filter-change', { key, values })\n\t\t},\n\n\t\tonFilterChange(key, value) {\n\t\t\tthis.$emit('filter-change', { key, values: value })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-facet-sidebar {\n\tpadding: 16px;\n\tborder-right: 1px solid var(--color-border);\n\tmin-width: 240px;\n\tmax-width: 300px;\n}\n\n.cn-facet-sidebar__header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tmargin-bottom: 16px;\n}\n\n.cn-facet-sidebar__title {\n\tmargin: 0;\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n\n.cn-facet-sidebar__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 20px;\n}\n\n.cn-facet-sidebar__filters {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-facet-sidebar__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-facet-sidebar__label {\n\tfont-size: 12px;\n\tfont-weight: 500;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.3px;\n}\n\n.cn-facet-sidebar__select {\n\twidth: 100%;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_createVNode","_Fragment","_renderList","_createTextVNode"],"mappings":";;AACM,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,kBAAkB,GAAA;AACvB,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,0BAA0B,GAAA;AAChC,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,yBAAyB,GAAA;;;AAahB,EAAA,KAAK,EAAC,2BAA2B;;;;AAKzC,EAAA,KAAK,EAAC,2BAA2B;;AAKpC,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,yBAAyB,GAAA;;;;;;;;;AAzBzC,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAyDK,OAzDL,UAyDK,EAAA;AAxDJ,IAAAC,kBAAA,CAWK,OAXL,UAWK,EAAA;MAVJA,kBAEI,CAAA,IAAA,EAFJ,UAEI,EAAAC,eAAA,CADA;OAGG,QAAgB,CAAA,gBAAA;wBADvBC,WAMU,CAAA,mBAAA,EAAA;;AAJT,YAAA,OAAO,EAAC,UAAS;AACjB,YAAA,KAAK,EAAC,yBAAwB;AAC7B,YAAA,OAAK,uCAAE,IAAK,CAAA,KAAA,CAAA,WAAA,CAAA,CAAA,CAAA;;6BACb,MAAe;8CAAZ,MAAS,CAAA,UAAA,CAAA,EAAA,CAAA,YAAA;;;;;;KAKH,MAAO,CAAA,OAAA;AAAlB,SAAAJ,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFL,UAEK,EAAA;UADJI,WAA2B,CAAA,wBAAA,EAAA,EAAX,IAAI,EAAE,EAAE,EAAA,CAAA;;AAIzB,SAAAL,SAAA,EAAA,EAAAC,kBAAA,CAoCK,OApCL,UAoCK,EAAA;4BAnCJA,kBAkCK,CAAAK,QAAA,EAAA,IAAA,EAAAC,UAAA,CAjCa,QAAgB,CAAA,gBAAA,EAAA,CAA1B,MAAK,KAAA;iCADbN,kBAkCK,CAAA,KAAA,EAAA;cAhCH,GAAG,EAAE,MAAM,CAAC,GAAG;AAChB,cAAA,KAAK,EAAC,yBAAyB;;AAC/B,cAAAC,kBAAA,CAAgE,OAAhE,EAAA,UAAgE,EAAtBC,eAAA,CAAA,MAAM,CAAC,KAAI,CAAA,EAAA,CAAA,YAAA;AAI9C,cAAA,CAAA,MAAM,CAAC,IAAG,KAAA,UAAA;gCADjBC,WAKuB,CAAA,gCAAA,EAAA;;AAHrB,oBAAA,UAAU,EAAE,QAAA,CAAA,cAAc,CAAC,MAAM,CAAC,GAAG,CAAA,KAAA,IAAA;AACrC,oBAAA,qBAAiB,aAAE,QAAc,CAAA,cAAA,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAA,CAAA;;qCACrD,MAAiB;AAAd,sBAAAI,eAAA,CAAAL,eAAA,CAAA,MAAM,CAAC;;;;AAKC,kBAAA,CAAA,MAAM,CAAC,IAAG,KAAA,QAAA;kCADtBC,WAU0D,CAAA,mBAAA,EAAA;;AARzD,sBAAA,KAAK,EAAC,0BAAyB;sBAC9B,UAAU,EAAE,QAAkB,CAAA,kBAAA,CAAC,MAAM,CAAA;sBACrC,OAAO,EAAE,QAAgB,CAAA,gBAAA,CAAC,MAAM,CAAA;sBAChC,WAAW,EAAE,MAAM,CAAC,KAAK;sBACzB,UAAU,EAAE,MAAM,CAAC,KAAK;AACxB,sBAAA,QAAQ,EAAE,IAAI;AACd,sBAAA,QAAQ,EAAE,IAAI;AACd,sBAAA,SAAS,EAAE,IAAI;AACf,sBAAA,qBAAiB,aAAE,QAAc,CAAA,cAAA,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAA,CAAA;;kCAGtDA,WAK0D,CAAA,sBAAA,EAAA;;AAHxD,sBAAA,UAAU,EAAE,QAAA,CAAA,cAAc,CAAC,MAAM,CAAC,GAAG,CAAA,IAAA,EAAA;sBACrC,WAAW,EAAE,MAAM,CAAC,KAAK;sBACzB,KAAK,EAAE,MAAM,CAAC,KAAK;AACnB,sBAAA,qBAAiB,aAAE,QAAc,CAAA,cAAA,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAA,CAAA;;;;;;;;;;"}

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

@@ -7,6 +7,7 @@ import EyeOutline from 'vue-material-design-icons/EyeOutline.vue';
 import __sfc_main from '../CnIcon/CnIcon.vue.js';
 import __sfc_main$1 from '../CnStatusBadge/CnStatusBadge.vue.js';
 import { resolveEndpointRequest } from '../../composables/useEndpointSource.js';
+import { useRefLabels } from '../../composables/useRefLabels.js';
 import { dispatchAction } from '../../utils/actionsDispatcher.js';
 import { isBadgeVariant } from '../../utils/badgeVariants.js';
 import { formatBoardDate } from '../../utils/boardDate.js';
@@ -17,6 +18,35 @@ import { resolveDeepTokens, hasUnresolvedDeepTokens } from '../../utils/resolveF
 /** Kinds of entry a `fields[]` item can be. A labelled item without `as` is a row. */
 const KINDS = Object.freeze(['row', 'title', 'line', 'pill', 'lead', 'text']);
 
+/**
+ * The label resolver every facts widget on the page shares, made on first use
+ * (the object store needs an active pinia). One batched request per register and
+ * schema for the ids it has not seen; a label it has read stays until the page
+ * reloads, and an object the store already holds is not fetched at all.
+ *
+ * @type {{resolve: Function}|null}
+ */
+let refLabels = null;
+
+/** The page-wide reference label resolver. */
+function sharedRefLabels() {
+	if (!refLabels) {
+		refLabels = useRefLabels();
+	}
+	return refLabels
+}
+
+/**
+ * Key of a resolved reference in the widget's `labels` data.
+ *
+ * @param {{register: string, schema: string, labelField?: string}} resolve The entry's `resolve` config.
+ * @param {string} id The referenced object's id.
+ * @return {string} The key.
+ */
+function refKey(resolve, id) {
+	return `${resolve.register}/${resolve.schema}/${resolve.labelField || ''}/${id}`
+}
+
 /** Event-bus channel a reveal of a masked value is announced on, so an app can log it. */
 const FACTS_REVEAL_CHANNEL = 'cn:facts:reveal';
 
@@ -80,6 +110,7 @@ var script = {
 		 *   `as` is `row` (default when `label` or `icon` is set), `title`, `line`, `text` (a line in the normal ink), `lead` (an icon tile or initials beside `title` and `subtitle`) or `pill`.
 		 *   A row's `format` may also be `email`, `phone` or `url` (a link) or `masked` (the last four characters; `reveal: true` adds Show). `copy: true` adds a copy button; `icon` replaces the label.
 		 *   A part may be `{ text }`, a constant; a `line` or `text` entry without `path` or `parts` shows its `text`.
+		 *   `resolve: { register, schema, labelField? }` on an entry or a part turns a value that is a reference (an id, or a list of ids) into the label of the referenced object (`labelField`, else `title`, then `name`): the case type or status of a task shows its name, not its uuid. The ids are fetched once per register and schema through the object store and shared by every facts widget on the page; the entry stays empty until its label is known, and when no label can be read.
 		 * - `action` — an action drawn as a button under the facts; `headerAction` — one drawn in the card header (reported through the `header` event).
 		 *   `format` is `text` (default), `date` (board short date), `date-long` (always with the year) or `list` (an array joined by ", ", each item read at `itemPath`).
 		 *   `map` turns a raw value into a label (translated). `parts` (on a `line`) lists paths, or `{ path, label?, format? }`, joined by `separator` (default " · "); empty parts are dropped.
@@ -122,6 +153,8 @@ var script = {
 			revealed: {},
 			/** Key of the row whose value was just copied. */
 			copied: '',
+			/** Labels of the referenced objects read so far, by `refKey`. */
+			labels: {},
 		}
 	},
 
@@ -297,6 +330,13 @@ var script = {
 			},
 		},
 
+		record: {
+			immediate: true,
+			handler() {
+				this.loadLabels();
+			},
+		},
+
 		headerAction: {
 			immediate: true,
 			handler() {
@@ -535,6 +575,94 @@ var script = {
 			});
 		},
 
+		/**
+		 * The text of a reference: the labels of the objects its id(s) name, joined
+		 * by ", ". An id whose label is not known yet (or cannot be read) adds nothing.
+		 *
+		 * @param {unknown} raw The id, or a list of ids (or of `{ id }` objects).
+		 * @param {object} spec `{ resolve: { register, schema, labelField? }, itemPath? }`.
+		 * @return {string}
+		 */
+		refText(raw, spec) {
+			return this.refIds(raw, spec)
+				.map((id) => this.labels[refKey(spec.resolve, id)])
+				.filter((label) => typeof label === 'string' && label !== '')
+				.join(', ')
+		},
+
+		/**
+		 * The ids a reference value holds.
+		 *
+		 * @param {unknown} raw The value.
+		 * @param {object} spec `{ itemPath? }`.
+		 * @return {string[]}
+		 */
+		refIds(raw, spec) {
+			return (Array.isArray(raw) ? raw : [raw])
+				.map((item) => (item && typeof item === 'object' ? (spec.itemPath ? readPath(item, spec.itemPath) : (item.id ?? item.uuid)) : item))
+				.filter((id) => id !== null && id !== undefined && id !== '' && typeof id !== 'object')
+				.map(String)
+		},
+
+		/**
+		 * Every entry or part that carries `resolve`, with the record's value at its path.
+		 *
+		 * @param {object} record The object.
+		 * @return {Array<{spec: object, raw: unknown}>}
+		 */
+		refSpecs(record) {
+			const fields = Array.isArray(this.content?.fields) ? this.content.fields : [];
+			const specs = [];
+			const visit = (spec) => {
+				if (!spec || typeof spec !== 'object') {
+					return
+				}
+				if (spec.resolve && typeof spec.resolve === 'object' && spec.path) {
+					specs.push({ spec, raw: readPath(record, spec.path) });
+				}
+				const nested = [...(Array.isArray(spec.parts) ? spec.parts : []), ...(Array.isArray(spec.title) ? spec.title : [spec.title]), ...(Array.isArray(spec.subtitle) ? spec.subtitle : [spec.subtitle])];
+				nested.forEach(visit);
+			};
+			fields.forEach(visit);
+			return specs
+		},
+
+		/**
+		 * Read the labels of the referenced objects, one batched request per
+		 * register and schema, and keep them in `labels`.
+		 *
+		 * @param {object|null} record The object shown (defaults to the current record).
+		 * @return {Promise<void>}
+		 */
+		async loadLabels(record = this.record) {
+			if (!record) {
+				return
+			}
+			const groups = new Map();
+			for (const { spec, raw } of this.refSpecs(record)) {
+				const { register, schema, labelField } = spec.resolve;
+				if (!register || !schema) {
+					continue
+				}
+				const groupKey = `${register}/${schema}/${labelField || ''}`;
+				const group = groups.get(groupKey) || { resolve: spec.resolve, ids: new Set() };
+				this.refIds(raw, spec).forEach((id) => group.ids.add(id));
+				groups.set(groupKey, group);
+			}
+			if (groups.size === 0) {
+				return
+			}
+			const resolver = sharedRefLabels();
+			const next = { ...this.labels };
+			await Promise.all([...groups.values()].map(async ({ resolve, ids }) => {
+				const found = await resolver.resolve(resolve.register, resolve.schema, [...ids], resolve.labelField);
+				Object.entries(found).forEach(([id, label]) => {
+					next[refKey(resolve, id)] = label;
+				});
+			}));
+			this.labels = next;
+		},
+
 		/**
 		 * Read the source object.
 		 *
@@ -641,6 +769,9 @@ var script = {
 			if (raw === null || raw === undefined || raw === '') {
 				return ''
 			}
+			if (spec.resolve && typeof spec.resolve === 'object') {
+				return this.refText(raw, spec)
+			}
 			const format = spec.format || 'text';
 			if (format === 'list' || Array.isArray(raw)) {
 				const items = (Array.isArray(raw) ? raw : [raw])