npm - @conduction/nextcloud-vue - Versions diffs - 2.92.0 → 2.94.0 - Mend

@conduction/nextcloud-vue 2.92.0 → 2.94.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (199) hide show

package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnFactsWidget.vue3.js","sources":["../../../../src/components/CnFactsWidget/CnFactsWidget.vue?vue&type=template&id=8146cb58&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-facts-widget\" data-testid=\"cn-facts-widget\">\n\t\t<p v-if=\"error\" class=\"cn-facts-widget__muted\" data-testid=\"cn-facts-error\">\n\t\t\t{{ tr('Could not load this information') }}\n\t\t</p>\n\t\t<div v-else-if=\"loading && !record\" class=\"cn-facts-widget__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t</div>\n\t\t<p v-else-if=\"blocks.length === 0\" class=\"cn-facts-widget__muted\" data-testid=\"cn-facts-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t\t<template v-else>\n\t\t\t<template v-for=\"block in blocks\" :key=\"block.key\">\n\t\t\t\t<dl\n\t\t\t\t\tv-if=\"block.kind === 'rows'\"\n\t\t\t\t\tclass=\"cn-facts-widget__rows\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"row in block.rows\"\n\t\t\t\t\t\t:key=\"row.key\"\n\t\t\t\t\t\tclass=\"cn-facts-widget__row\"\n\t\t\t\t\t\t:data-testid=\"`cn-fact-${row.key}`\">\n\t\t\t\t\t\t<dt class=\"cn-facts-widget__label\" :class=\"{ 'cn-facts-widget__label--icon': row.icon }\">\n\t\t\t\t\t\t\t<CnIcon\n\t\t\t\t\t\t\t\tv-if=\"row.icon\"\n\t\t\t\t\t\t\t\t:name=\"row.icon\"\n\t\t\t\t\t\t\t\t:size=\"18\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t\t\t\t\t<span :class=\"{ 'hidden-visually': row.icon }\">{{ row.label }}</span>\n\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t<dd class=\"cn-facts-widget__value\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tv-if=\"row.href\"\n\t\t\t\t\t\t\t\t:href=\"row.href\"\n\t\t\t\t\t\t\t\tclass=\"cn-facts-widget__value-link\"\n\t\t\t\t\t\t\t\t:target=\"row.external ? '_blank' : undefined\"\n\t\t\t\t\t\t\t\t:rel=\"row.external ? 'noopener noreferrer' : undefined\">{{ row.value }}</a>\n\t\t\t\t\t\t\t<span v-else>{{ row.masked && !revealed[row.key] ? row.masked : row.value }}</span>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tv-if=\"row.reveal && !revealed[row.key]\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"cn-facts-widget__inline-button\"\n\t\t\t\t\t\t\t\t:aria-label=\"revealLabel(row)\"\n\t\t\t\t\t\t\t\t:data-testid=\"`cn-fact-reveal-${row.key}`\"\n\t\t\t\t\t\t\t\t@click=\"reveal(row)\">\n\t\t\t\t\t\t\t\t<EyeOutline :size=\"16\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t{{ showLabel }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tv-if=\"row.copy\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"cn-facts-widget__icon-button\"\n\t\t\t\t\t\t\t\t:aria-label=\"copyLabel(row)\"\n\t\t\t\t\t\t\t\t:title=\"copyLabel(row)\"\n\t\t\t\t\t\t\t\t:data-testid=\"`cn-fact-copy-${row.key}`\"\n\t\t\t\t\t\t\t\t@click=\"copy(row)\">\n\t\t\t\t\t\t\t\t<Check v-if=\"copied === row.key\" :size=\"16\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t<ContentCopy v-else :size=\"16\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</div>\n\t\t\t\t</dl>\n\t\t\t\t<component\n\t\t\t\t\t:is=\"block.to ? 'router-link' : 'strong'\"\n\t\t\t\t\tv-else-if=\"block.kind === 'title'\"\n\t\t\t\t\t:to=\"block.to \|\| undefined\"\n\t\t\t\t\tclass=\"cn-facts-widget__title\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t{{ block.value }}\n\t\t\t\t</component>\n\t\t\t\t<span\n\t\t\t\t\tv-else-if=\"block.kind === 'line'\"\n\t\t\t\t\tclass=\"cn-facts-widget__line\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t{{ block.value }}\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-else-if=\"block.kind === 'text'\"\n\t\t\t\t\tclass=\"cn-facts-widget__text\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t{{ block.value }}\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tv-else-if=\"block.kind === 'lead'\"\n\t\t\t\t\tclass=\"cn-facts-widget__lead\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"cn-facts-widget__lead-tile\"\n\t\t\t\t\t\t:class=\"`cn-facts-widget__lead-tile--${block.tone}`\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<CnIcon v-if=\"block.icon\" :name=\"block.icon\" :size=\"20\" />\n\t\t\t\t\t\t<template v-else>{{ block.initials }}</template>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"cn-facts-widget__lead-text\">\n\t\t\t\t\t\t<strong class=\"cn-facts-widget__lead-title\">{{ block.value }}</strong>\n\t\t\t\t\t\t<span v-if=\"block.subtitle\" class=\"cn-facts-widget__lead-subtitle\">{{ block.subtitle }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div v-else-if=\"block.kind === 'pill'\">\n\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t:label=\"block.value\"\n\t\t\t\t\t\t:variant=\"block.variant\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\" />\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</template>\n\t\t<component\n\t\t\t:is=\"link.to ? 'router-link' : 'a'\"\n\t\t\tv-if=\"link && record\"\n\t\t\t:to=\"link.to \|\| undefined\"\n\t\t\t:href=\"link.href \|\| undefined\"\n\t\t\tclass=\"cn-facts-widget__link\"\n\t\t\tdata-testid=\"cn-facts-link\">\n\t\t\t{{ link.label }}\n\t\t</component>\n\t\t<button\n\t\t\tv-if=\"action && record\"\n\t\t\ttype=\"button\"\n\t\t\tclass=\"cn-facts-widget__action\"\n\t\t\tdata-testid=\"cn-facts-action\"\n\t\t\t@click=\"runAction(content.action)\">\n\t\t\t<CnIcon v-if=\"action.icon\" :name=\"action.icon\" :size=\"16\" />\n\t\t\t{{ action.label }}\n\t\t</button>\n\t</div>\n</template>\n\n<script>\nimport { emit } from '@nextcloud/event-bus'\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcLoadingIcon } from '@nextcloud/vue'\nimport Check from 'vue-material-design-icons/Check.vue'\nimport ContentCopy from 'vue-material-design-icons/ContentCopy.vue'\nimport EyeOutline from 'vue-material-design-icons/EyeOutline.vue'\nimport CnIcon from '../CnIcon/CnIcon.vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { resolveEndpointRequest } from '../../composables/useEndpointSource.js'\nimport { useRefLabels } from '../../composables/useRefLabels.js'\nimport { dispatchAction } from '../../utils/actionsDispatcher.js'\nimport { isBadgeVariant } from '../../utils/badgeVariants.js'\nimport { formatBoardDate } from '../../utils/boardDate.js'\nimport { parseDateValue } from '../../utils/dateVariant.js'\nimport { formatMoney, unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { hasUnresolvedDeepTokens, resolveDeepTokens } from '../../utils/resolveFilterTokens.js'\n\n/** Kinds of entry a `fields[]` item can be. A labelled item without `as` is a row. /\nconst KINDS = Object.freeze(['row', 'title', 'line', 'pill', 'lead', 'text'])\n\n/\n The label resolver every facts widget on the page shares, made on first use\n * (the object store needs an active pinia). One batched request per register and\n * schema for the ids it has not seen; a label it has read stays until the page\n * reloads, and an object the store already holds is not fetched at all.\n \n @type {{resolve: Function}\|null}\n /\nlet refLabels = null\n\n/\n The entry that reads a resolved pill's tone: the same reference, with the\n * referenced object's `toneField` as the field to read.\n \n @param {object} spec A facts entry.\n * @return {object\|null} `{ path, itemPath, resolve }`, or null when no `toneField` is set.\n /\nfunction toneSpec(spec) {\n\tconst resolve = spec && spec.resolve\n\tif (!resolve \|\| typeof resolve !== 'object' \|\| typeof resolve.toneField !== 'string' \|\| resolve.toneField === '') {\n\t\treturn null\n\t}\n\treturn { path: spec.path, itemPath: spec.itemPath, resolve: { register: resolve.register, schema: resolve.schema, labelField: resolve.toneField } }\n}\n\n/* The page-wide reference label resolver. /\nfunction sharedRefLabels() {\n\tif (!refLabels) {\n\t\trefLabels = useRefLabels()\n\t}\n\treturn refLabels\n}\n\n/\n Key of a resolved reference in the widget's `labels` data.\n \n @param {{register: string, schema: string, labelField?: string}} resolve The entry's `resolve` config.\n * @param {string} id The referenced object's id.\n * @return {string} The key.\n /\nfunction refKey(resolve, id) {\n\treturn `${resolve.register}/${resolve.schema}/${resolve.labelField \|\| ''}/${id}`\n}\n\n/* Event-bus channel a reveal of a masked value is announced on, so an app can log it. /\nexport const FACTS_REVEAL_CHANNEL = 'cn:facts:reveal'\n\n/\n CnFactsWidget — the `facts` widget: a card of facts about ONE object.\n \n Renders the configured fields of the current detail-page object, or of one\n * other object named by `content.source`, as the side cards on the screens\n * draw them: label/value rows (a two-column grid, label muted), a bold title\n * line that may link, muted meta lines that join several fields with \" · \",\n * a status pill, and one link at the foot.\n \n Everything is configuration; nothing in it knows an app:\n \n ```json\n * {\n * \"type\": \"facts\",\n * \"title\": \"Zaak\",\n * \"content\": {\n * \"source\": { \"register\": \"dossiq\", \"schema\": \"case\", \"id\": \"@object.case\" },\n * \"fields\": [\n * { \"as\": \"title\", \"path\": \"title\", \"route\": { \"name\": \"CaseDetail\", \"params\": { \"id\": \"@source.id\" } } },\n * { \"as\": \"line\", \"parts\": [\"identifier\", \"caseTypeTitle\"] },\n * { \"as\": \"pill\", \"path\": \"status\", \"map\": { \"open\": \"In behandeling\" } },\n * { \"path\": \"deadline\", \"label\": \"Termijn\", \"format\": \"date\" }\n * ],\n * \"link\": { \"label\": \"Naar de zaak\", \"route\": { \"name\": \"CaseDetail\", \"params\": { \"id\": \"@source.id\" } } },\n * \"emptyText\": \"Geen zaak\"\n * }\n * }\n * ```\n \n Tokens: `source.id` takes the shared filter tokens; `source.url` takes them\n * inside the url, the endpoint grammar (`/apps/x/api/y/@objectId`)\n * (`@objectId`, `@object.<field>`, `@workspace.<key>`, `@me`, ...). Routes\n * and the link also take `@source.<field>` (a field of the object shown).\n * A source whose id token does not resolve renders the empty text, never a\n * request for the literal token.\n \n Labels, map values, the link label and the empty text go through the host\n * app's translate (`cnTranslate`).\n /\nexport default {\n\tname: 'CnFactsWidget',\n\n\tcomponents: { Check, CnIcon, CnStatusBadge, ContentCopy, EyeOutline, NcLoadingIcon },\n\n\tinject: {\n\t\tcnTranslate: { default: () => (key) => key },\n\t\tcnObjectContext: { default: null },\n\t\tcnWorkspaceContext: { default: null },\n\t\t/* The page's app config; its `currency` is the reporting currency a money value falls back to. /\n\t\tcnAppConfig: { default: null },\n\t\t/* Pre-bound action dispatcher of CnPageRenderer, for `action` / `headerAction`. /\n\t\tcnDispatchAction: { default: null },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The widget configuration.\n\t\t \n\t\t - `fields` — the entries, in order. Each is `{ path, label?, as?, format?, map?, itemPath?, parts?, separator?, route?, variant?, variantMap?, colorMap?, icon?, copy?, reveal?, text?, title?, subtitle?, initialsPath?, tone? }`.\n\t\t * `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`.\n\t\t * 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.\n\t\t * A part may be `{ text }`, a constant; a `line` or `text` entry without `path` or `parts` shows its `text`.\n\t\t * `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. A resolved value works as a pill too: `map` is applied to the resolved label, and `variantMap` / `colorMap` look the tone up by the value of `resolve.toneField` on the referenced object when that is set (a status named by its `name`, coloured by its `state`), then by the resolved label, then by the stored value.\n\t\t * - `action` — an action drawn as a button under the facts; `headerAction` — one drawn in the card header (reported through the `header` event).\n\t\t * `format` is `text` (default), `date` (board short date), `date-long` (always with the year), `list` (an array joined by \", \", each item read at `itemPath`) or `currency` (a money amount in the reader's language, \"€ 1.234,50\": the code in `currency`, else the record's `currencyField`, else the app's reporting currency, else EUR; `decimals` defaults to 2).\n\t\t * `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.\n\t\t * - `source` — `{ register, schema, id }` or `{ url }`; omitted = the current object.\n\t\t * - `link` — `{ label, route? \| href? }` at the foot.\n\t\t * - `hideEmpty` — drop an entry whose value is empty (default true).\n\t\t * - `emptyText` — shown when no entry has a value.\n\t\t \n\t\t @type {{fields?: Array<object>, source?: object, link?: object, hideEmpty?: boolean, emptyText?: string}}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/\n\t\t The current detail-page object, passed by the detail page host.\n\t\t * Read when `content.source` is not set.\n\t\t /\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/* The current detail-page object id, for the `@objectId` token. /\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['header', 'reveal'],\n\n\tdata() {\n\t\treturn {\n\t\t\tfetched: null,\n\t\t\tloading: false,\n\t\t\terror: false,\n\t\t\t/* Keys of the masked rows the reader chose to show. /\n\t\t\trevealed: {},\n\t\t\t/* Key of the row whose value was just copied. /\n\t\t\tcopied: '',\n\t\t\t/* Labels of the referenced objects read so far, by `refKey`. /\n\t\t\tlabels: {},\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The token context: the detail object (prop, else the injected context)\n\t\t * and the page workspace.\n\t\t \n\t\t @return {object}\n\t\t /\n\t\ttokenCtx() {\n\t\t\tconst unwrap = (c) => (c && typeof c === 'object' && 'value' in c ? c.value : c)\n\t\t\tconst injected = unwrap(this.cnObjectContext) \|\| {}\n\t\t\treturn {\n\t\t\t\t...injected,\n\t\t\t\tobjectId: this.objectId ?? injected.objectId ?? this.objectData?.id ?? null,\n\t\t\t\tobject: this.objectData \|\| injected.object \|\| null,\n\t\t\t\tworkspace: unwrap(this.cnWorkspaceContext) \|\| {},\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t The source declaration with its tokens resolved, or null for the current object.\n\t\t \n\t\t @return {object\|null}\n\t\t /\n\t\tresolvedSource() {\n\t\t\tconst source = this.content?.source\n\t\t\tif (!source \|\| typeof source !== 'object') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tif (typeof source.url === 'string' && source.url !== '') {\n\t\t\t\t// The endpoint grammar: tokens INSIDE the url, and a request\n\t\t\t\t// that is blocked while one leaves an empty path segment.\n\t\t\t\tconst request = resolveEndpointRequest({ url: source.url }, this.tokenCtx)\n\t\t\t\treturn { url: request.blocked ? '' : request.url }\n\t\t\t}\n\t\t\treturn resolveDeepTokens(source, this.tokenCtx)\n\t\t},\n\n\t\t/\n\t\t A stable key of the resolved source, so the widget refetches only when it changes.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tsourceKey() {\n\t\t\treturn this.resolvedSource ? JSON.stringify(this.resolvedSource) : ''\n\t\t},\n\n\t\t/\n\t\t The object the facts are read from.\n\t\t \n\t\t @return {object\|null}\n\t\t /\n\t\trecord() {\n\t\t\treturn this.resolvedSource ? this.fetched : this.objectData\n\t\t},\n\n\t\t/\n\t\t The entries to draw, consecutive rows grouped into one list.\n\t\t \n\t\t @return {Array<object>}\n\t\t /\n\t\tblocks() {\n\t\t\tconst record = this.record\n\t\t\tif (!record) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst fields = Array.isArray(this.content?.fields) ? this.content.fields : []\n\t\t\tconst hideEmpty = this.content?.hideEmpty !== false\n\t\t\tconst out = []\n\t\t\tfields.forEach((field, index) => {\n\t\t\t\tif (!field \|\| typeof field !== 'object') {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst kind = this.kindOf(field)\n\t\t\t\tconst key = String(field.key \|\| field.path \|\| `${kind}-${index}`).replace(/[^\\w-]/g, '-')\n\t\t\t\tconst value = this.entryValue(record, field, kind)\n\t\t\t\tif (value === '' && (hideEmpty \|\| kind === 'lead')) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (kind === 'row') {\n\t\t\t\t\tconst last = out[out.length - 1]\n\t\t\t\t\tconst row = { key, label: this.tr(field.label \|\| ''), value, ...this.rowExtras(record, field, value) }\n\t\t\t\t\tif (last && last.kind === 'rows') {\n\t\t\t\t\t\tlast.rows.push(row)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tout.push({ kind: 'rows', key: `rows-${index}`, rows: [row] })\n\t\t\t\t\t}\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst block = { kind, key, value }\n\t\t\t\tif (kind === 'lead') {\n\t\t\t\t\tblock.subtitle = this.partsValue(record, field.subtitle)\n\t\t\t\t\tblock.icon = typeof field.icon === 'string' ? field.icon : ''\n\t\t\t\t\tblock.initials = block.icon ? '' : this.initialsOf(readPath(record, field.initialsPath))\n\t\t\t\t\tblock.tone = ['success', 'info', 'warning', 'error'].includes(field.tone) ? field.tone : 'neutral'\n\t\t\t\t}\n\t\t\t\tif (kind === 'title' && field.route) {\n\t\t\t\t\tblock.to = this.resolveRoute(field.route, record)\n\t\t\t\t}\n\t\t\t\tif (kind === 'pill') {\n\t\t\t\t\tconst raw = readPath(record, field.path)\n\t\t\t\t\tconst colours = field.variantMap \|\| field.colorMap\n\t\t\t\t\t// A resolved pill looks its tone up by the referenced object's tone field,\n\t\t\t\t\t// then by the resolved label, then by the stored value.\n\t\t\t\t\tconst keys = field.resolve && typeof field.resolve === 'object'\n\t\t\t\t\t\t? [toneSpec(field) ? this.refLabels(raw, toneSpec(field))[0] : undefined, this.refLabels(raw, field)[0], raw]\n\t\t\t\t\t\t: [raw]\n\t\t\t\t\tconst hit = colours ? keys.find((candidate) => (typeof candidate === 'string' \|\| typeof candidate === 'number') && Object.hasOwn(colours, candidate)) : undefined\n\t\t\t\t\tconst variant = hit !== undefined ? colours[hit] : field.variant\n\t\t\t\t\tblock.variant = isBadgeVariant(variant) ? variant : 'default'\n\t\t\t\t}\n\t\t\t\tout.push(block)\n\t\t\t})\n\t\t\treturn out\n\t\t},\n\n\t\t/\n\t\t The foot link, resolved, or null.\n\t\t \n\t\t @return {{label: string, to?: object, href?: string}\|null}\n\t\t /\n\t\tlink() {\n\t\t\tconst link = this.content?.link\n\t\t\tif (!link \|\| typeof link !== 'object' \|\| !link.label) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tif (link.route) {\n\t\t\t\tconst to = this.resolveRoute(link.route, this.record)\n\t\t\t\treturn to ? { label: this.tr(link.label), to } : null\n\t\t\t}\n\t\t\tif (typeof link.href === 'string' && link.href !== '') {\n\t\t\t\tconst href = this.resolveTemplate(link.href, this.record)\n\t\t\t\treturn href ? { label: this.tr(link.label), href } : null\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\n\t\t/\n\t\t The action under the facts, as drawn: `{ label, icon }`, or null.\n\t\t \n\t\t @return {{label: string, icon: string}\|null}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\taction() {\n\t\t\treturn this.actionView(this.content?.action)\n\t\t},\n\n\t\t/\n\t\t The header action, as drawn: `{ label, icon }`, or null.\n\t\t \n\t\t @return {{label: string, icon: string}\|null}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\theaderAction() {\n\t\t\treturn this.actionView(this.content?.headerAction)\n\t\t},\n\n\t\t/* @return {string} The reveal button's text. /\n\t\tshowLabel() {\n\t\t\treturn t('nextcloud-vue', 'Show')\n\t\t},\n\n\t\t/\n\t\t The empty line.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\temptyLabel() {\n\t\t\treturn this.tr(this.content?.emptyText \|\| 'Nothing to show yet')\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.load()\n\t\t\t},\n\t\t},\n\n\t\trecord: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.loadLabels()\n\t\t\t},\n\t\t},\n\n\t\theaderAction: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.emitHeader()\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Translate through the host app.\n\t\t \n\t\t @param {string} text The text.\n\t\t * @return {string}\n\t\t /\n\t\ttr(text) {\n\t\t\tif (typeof text !== 'string' \|\| text === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/\n\t\t The kind of a field entry.\n\t\t \n\t\t @param {object} field The entry.\n\t\t * @return {string} `row`, `title`, `line` or `pill`.\n\t\t /\n\t\tkindOf(field) {\n\t\t\tif (KINDS.includes(field.as)) {\n\t\t\t\treturn field.as\n\t\t\t}\n\t\t\treturn field.label \|\| field.icon ? 'row' : 'line'\n\t\t},\n\n\t\t/\n\t\t The display text of an entry of any kind: a lead's title, the parts of\n\t\t * a line or text, a constant `text`, else the value at `path`.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @param {string} kind The entry's kind.\n\t\t * @return {string}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\tentryValue(record, field, kind) {\n\t\t\tif (kind === 'lead') {\n\t\t\t\treturn this.partsValue(record, field.title)\n\t\t\t}\n\t\t\tif ((kind === 'line' \|\| kind === 'text') && Array.isArray(field.parts)) {\n\t\t\t\treturn this.lineValue(record, field)\n\t\t\t}\n\t\t\tif ((kind === 'line' \|\| kind === 'text') && !field.path && typeof field.text === 'string') {\n\t\t\t\treturn this.tr(field.text)\n\t\t\t}\n\t\t\treturn this.valueOf(record, field)\n\t\t},\n\n\t\t/\n\t\t A lead's title or subtitle: a path, a part spec, or an array of parts\n\t\t * joined as a line joins them.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {string\|object\|Array} spec The declaration.\n\t\t * @return {string}\n\t\t /\n\t\tpartsValue(record, spec) {\n\t\t\tif (typeof spec === 'string' && spec !== '') {\n\t\t\t\treturn this.valueOf(record, { path: spec })\n\t\t\t}\n\t\t\tif (Array.isArray(spec)) {\n\t\t\t\treturn this.lineValue(record, { parts: spec })\n\t\t\t}\n\t\t\tif (spec && typeof spec === 'object') {\n\t\t\t\treturn this.lineValue(record, { parts: [spec] })\n\t\t\t}\n\t\t\treturn ''\n\t\t},\n\n\t\t/\n\t\t The initials of a name: \"Sanne de Vries\" reads \"SV\".\n\t\t \n\t\t @param {unknown} name The name.\n\t\t * @return {string}\n\t\t /\n\t\tinitialsOf(name) {\n\t\t\tif (typeof name !== 'string' \|\| name.trim() === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst words = name.trim().split(/\\s+/).filter((word) => /^\\p{Lu}/u.test(word))\n\t\t\tconst picked = words.length ? words : name.trim().split(/\\s+/)\n\t\t\tconst first = picked[0].charAt(0)\n\t\t\tconst last = picked.length > 1 ? picked[picked.length - 1].charAt(0) : ''\n\t\t\treturn (first + last).toUpperCase()\n\t\t},\n\n\t\t/\n\t\t What a row adds to its value: an icon, a link for the email, phone\n\t\t * and url formats, the masked text, and the copy and reveal buttons.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @param {string} value The display text.\n\t\t * @return {object}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\trowExtras(record, field, value) {\n\t\t\tconst extras = {\n\t\t\t\ticon: typeof field.icon === 'string' ? field.icon : '',\n\t\t\t\tpath: field.path \|\| '',\n\t\t\t\traw: readPath(record, field.path),\n\t\t\t\tcopy: field.copy === true && value !== '',\n\t\t\t\treveal: false,\n\t\t\t\tmasked: '',\n\t\t\t\thref: '',\n\t\t\t\texternal: false,\n\t\t\t}\n\t\t\tif (value === '') {\n\t\t\t\treturn extras\n\t\t\t}\n\t\t\tif (field.format === 'email') {\n\t\t\t\textras.href = `mailto:${value}`\n\t\t\t} else if (field.format === 'phone') {\n\t\t\t\textras.href = `tel:${value.replace(/[^\\d+]/g, '')}`\n\t\t\t} else if (field.format === 'url') {\n\t\t\t\textras.href = /^https?:\\/\\//i.test(value) ? value : `https://${value}`\n\t\t\t\textras.external = true\n\t\t\t} else if (field.format === 'masked') {\n\t\t\t\textras.masked = value.length > 4 ? ''.repeat(Math.min(value.length - 4, 5)) + value.slice(-4) : value\n\t\t\t\textras.reveal = field.reveal === true && value.length > 4\n\t\t\t}\n\t\t\treturn extras\n\t\t},\n\n\t\t/*\n\t\t Show a masked value, and say so: the `reveal` event and the event-bus\n\t\t * channel {@link FACTS_REVEAL_CHANNEL}, so an app can log who saw it.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\treveal(row) {\n\t\t\tthis.revealed = { ...this.revealed, [row.key]: true }\n\t\t\tconst detail = { path: row.path }\n\t\t\t/\n\t\t\t @event reveal Emitted when the reader shows a masked value.\n\t\t\t * @type {{path: string}} The path of the shown field.\n\t\t\t /\n\t\t\tthis.$emit('reveal', detail)\n\t\t\temit(FACTS_REVEAL_CHANNEL, { ...detail, objectId: this.tokenCtx.objectId, register: this.tokenCtx.register \|\| null, schema: this.tokenCtx.schema \|\| null })\n\t\t},\n\n\t\t/\n\t\t Copy a row's value to the clipboard.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync copy(row) {\n\t\t\tconst text = row.raw === null \|\| row.raw === undefined \|\| typeof row.raw === 'object' ? row.value : String(row.raw)\n\t\t\ttry {\n\t\t\t\tawait navigator.clipboard.writeText(text)\n\t\t\t\tthis.copied = row.key\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tif (this.copied === row.key) {\n\t\t\t\t\t\tthis.copied = ''\n\t\t\t\t\t}\n\t\t\t\t}, 2000)\n\t\t\t} catch (e) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.warn('[CnFactsWidget] could not copy:', e?.message \|\| e)\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t @param {object} row The row.\n\t\t * @return {string} The copy button's accessible name.\n\t\t /\n\t\tcopyLabel(row) {\n\t\t\treturn this.copied === row.key\n\t\t\t\t? t('nextcloud-vue', 'Copied')\n\t\t\t\t: t('nextcloud-vue', 'Copy {label}', { label: row.label \|\| row.value })\n\t\t},\n\n\t\t/\n\t\t @param {object} row The row.\n\t\t * @return {string} The reveal button's accessible name.\n\t\t /\n\t\trevealLabel(row) {\n\t\t\treturn t('nextcloud-vue', 'Show {label}', { label: row.label \|\| '' }).trim()\n\t\t},\n\n\t\t/\n\t\t The drawn part of an action declaration.\n\t\t \n\t\t @param {object} action The declaration.\n\t\t * @return {{label: string, icon: string}\|null}\n\t\t /\n\t\tactionView(action) {\n\t\t\tif (!action \|\| typeof action !== 'object' \|\| typeof action.label !== 'string' \|\| action.label === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn { label: this.tr(action.label), icon: typeof action.icon === 'string' ? action.icon : '' }\n\t\t},\n\n\t\t/\n\t\t Dispatch an action with the record's tokens resolved (`@objectId`,\n\t\t * `@object.<field>`), through the page's dispatcher when there is one.\n\t\t \n\t\t @param {object} action The declaration.\n\t\t * @return {unknown}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\trunAction(action) {\n\t\t\tif (!action \|\| typeof action !== 'object') {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t\tconst resolved = resolveDeepTokens(action, this.tokenCtx)\n\t\t\tif (typeof this.cnDispatchAction === 'function') {\n\t\t\t\treturn this.cnDispatchAction(resolved)\n\t\t\t}\n\t\t\treturn dispatchAction(resolved, { router: this.$router \|\| null })\n\t\t},\n\n\t\t/* Tell the card around the facts what its header shows (the header action). /\n\t\temitHeader() {\n\t\t\tconst view = this.headerAction\n\t\t\t/\n\t\t\t @event header Emitted with the card header's parts: the header action, if any.\n\t\t\t * @type {{link: null, note: string, action: (object\|null)}} `action` is `{ label, icon, run }`.\n\t\t\t /\n\t\t\tthis.$emit('header', {\n\t\t\t\tlink: null,\n\t\t\t\tnote: '',\n\t\t\t\taction: view ? { ...view, run: () => this.runAction(this.content.headerAction) } : null,\n\t\t\t})\n\t\t},\n\n\t\t/\n\t\t The text of a reference: the labels of the objects its id(s) name, joined\n\t\t * by \", \". An id whose label is not known yet (or cannot be read) adds nothing.\n\t\t \n\t\t @param {unknown} raw The id, or a list of ids (or of `{ id }` objects).\n\t\t * @param {object} spec `{ resolve: { register, schema, labelField? }, itemPath? }`.\n\t\t * @return {string}\n\t\t /\n\t\trefText(raw, spec) {\n\t\t\treturn this.refLabels(raw, spec)\n\t\t\t\t.map((label) => (spec.map && Object.hasOwn(spec.map, label) ? this.tr(spec.map[label]) : label))\n\t\t\t\t.join(', ')\n\t\t},\n\n\t\t/\n\t\t The labels of a reference as read, before `map` is applied: the key a\n\t\t * pill's `variantMap` and `colorMap` look up.\n\t\t \n\t\t @param {unknown} raw The id, or a list of ids.\n\t\t * @param {object} spec `{ resolve, itemPath? }`.\n\t\t * @return {string[]}\n\t\t /\n\t\trefLabels(raw, spec) {\n\t\t\treturn this.refIds(raw, spec)\n\t\t\t\t.map((id) => this.labels[refKey(spec.resolve, id)])\n\t\t\t\t.filter((label) => typeof label === 'string' && label !== '')\n\t\t},\n\n\t\t/\n\t\t The ids a reference value holds.\n\t\t \n\t\t @param {unknown} raw The value.\n\t\t * @param {object} spec `{ itemPath? }`.\n\t\t * @return {string[]}\n\t\t /\n\t\trefIds(raw, spec) {\n\t\t\treturn (Array.isArray(raw) ? raw : [raw])\n\t\t\t\t.map((item) => (item && typeof item === 'object' ? (spec.itemPath ? readPath(item, spec.itemPath) : (item.id ?? item.uuid)) : item))\n\t\t\t\t.filter((id) => id !== null && id !== undefined && id !== '' && typeof id !== 'object')\n\t\t\t\t.map(String)\n\t\t},\n\n\t\t/\n\t\t Every entry or part that carries `resolve`, with the record's value at its path.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @return {Array<{spec: object, raw: unknown}>}\n\t\t /\n\t\trefSpecs(record) {\n\t\t\tconst fields = Array.isArray(this.content?.fields) ? this.content.fields : []\n\t\t\tconst specs = []\n\t\t\tconst visit = (spec) => {\n\t\t\t\tif (!spec \|\| typeof spec !== 'object') {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (spec.resolve && typeof spec.resolve === 'object' && spec.path) {\n\t\t\t\t\tspecs.push({ spec, raw: readPath(record, spec.path) })\n\t\t\t\t\tif (toneSpec(spec)) {\n\t\t\t\t\t\tspecs.push({ spec: toneSpec(spec), raw: readPath(record, spec.path) })\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst nested = [...(Array.isArray(spec.parts) ? spec.parts : []), ...(Array.isArray(spec.title) ? spec.title : [spec.title]), ...(Array.isArray(spec.subtitle) ? spec.subtitle : [spec.subtitle])]\n\t\t\t\tnested.forEach(visit)\n\t\t\t}\n\t\t\tfields.forEach(visit)\n\t\t\treturn specs\n\t\t},\n\n\t\t/\n\t\t Read the labels of the referenced objects, one batched request per\n\t\t * register and schema, and keep them in `labels`.\n\t\t \n\t\t @param {object\|null} record The object shown (defaults to the current record).\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync loadLabels(record = this.record) {\n\t\t\tif (!record) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst groups = new Map()\n\t\t\tfor (const { spec, raw } of this.refSpecs(record)) {\n\t\t\t\tconst { register, schema, labelField } = spec.resolve\n\t\t\t\tif (!register \|\| !schema) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst groupKey = `${register}/${schema}/${labelField \|\| ''}`\n\t\t\t\tconst group = groups.get(groupKey) \|\| { resolve: spec.resolve, ids: new Set() }\n\t\t\t\tthis.refIds(raw, spec).forEach((id) => group.ids.add(id))\n\t\t\t\tgroups.set(groupKey, group)\n\t\t\t}\n\t\t\tif (groups.size === 0) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst resolver = sharedRefLabels()\n\t\t\tconst next = { ...this.labels }\n\t\t\tawait Promise.all([...groups.values()].map(async ({ resolve, ids }) => {\n\t\t\t\tconst found = await resolver.resolve(resolve.register, resolve.schema, [...ids], resolve.labelField)\n\t\t\t\tObject.entries(found).forEach(([id, label]) => {\n\t\t\t\t\tnext[refKey(resolve, id)] = label\n\t\t\t\t})\n\t\t\t}))\n\t\t\tthis.labels = next\n\t\t},\n\n\t\t/\n\t\t Read the source object.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync load() {\n\t\t\tconst source = this.resolvedSource\n\t\t\tthis.error = false\n\t\t\tif (!source) {\n\t\t\t\tthis.fetched = null\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst url = this.sourceUrl(source)\n\t\t\tif (!url) {\n\t\t\t\tthis.fetched = null\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\ttry {\n\t\t\t\tconst [{ default: axios }, { generateUrl }] = await Promise.all([\n\t\t\t\t\timport('@nextcloud/axios'),\n\t\t\t\t\timport('@nextcloud/router'),\n\t\t\t\t])\n\t\t\t\tconst full = url.startsWith('/apps/') \|\| url.startsWith('/ocs/') ? generateUrl(url) : url\n\t\t\t\tconst response = await axios.get(full)\n\t\t\t\tconst data = response && response.data\n\t\t\t\tthis.fetched = data && typeof data === 'object' && !Array.isArray(data) ? data : null\n\t\t\t} catch (e) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.warn('[CnFactsWidget] the source could not be read:', e?.message \|\| e)\n\t\t\t\tthis.fetched = null\n\t\t\t\tthis.error = true\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 The URL of a resolved source, or '' when it cannot be read yet.\n\t\t \n\t\t @param {object} source The resolved source.\n\t\t * @return {string}\n\t\t /\n\t\tsourceUrl(source) {\n\t\t\tif (typeof source.url === 'string') {\n\t\t\t\treturn source.url\n\t\t\t}\n\t\t\tif (hasUnresolvedDeepTokens(source)) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst { register, schema, id } = source\n\t\t\tif (!register \|\| !schema \|\| id === undefined \|\| id === null \|\| id === '' \|\| typeof id === 'object') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn `/apps/openregister/api/objects/${encodeURIComponent(register)}/${encodeURIComponent(schema)}/${encodeURIComponent(String(id))}`\n\t\t},\n\n\t\t/\n\t\t The display text of one field.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @return {string}\n\t\t /\n\t\tvalueOf(record, field) {\n\t\t\tconst raw = readPath(record, field.path)\n\t\t\treturn this.format(raw, field, record)\n\t\t},\n\n\t\t/\n\t\t The text of a `line` entry that joins several parts.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @return {string}\n\t\t /\n\t\tlineValue(record, field) {\n\t\t\tconst separator = typeof field.separator === 'string' ? field.separator : ' · '\n\t\t\treturn field.parts\n\t\t\t\t.map((part) => {\n\t\t\t\t\tconst spec = typeof part === 'string' ? { path: part } : (part \|\| {})\n\t\t\t\t\t// A constant part (`{ text }`): \"Handelsregister\" after the legal form.\n\t\t\t\t\tif (!spec.path && typeof spec.text === 'string') {\n\t\t\t\t\t\treturn this.tr(spec.text)\n\t\t\t\t\t}\n\t\t\t\t\tconst value = this.format(readPath(record, spec.path), spec, record)\n\t\t\t\t\tif (value === '') {\n\t\t\t\t\t\treturn ''\n\t\t\t\t\t}\n\t\t\t\t\treturn spec.label ? `${this.tr(spec.label)} ${value}` : value\n\t\t\t\t})\n\t\t\t\t.filter((value) => value !== '')\n\t\t\t\t.join(separator)\n\t\t},\n\n\t\t/\n\t\t Format a raw value.\n\t\t \n\t\t @param {unknown} raw The value.\n\t\t * @param {object} spec `{ format?, map?, itemPath?, currency?, currencyField?, decimals? }`.\n\t\t * @param {object\|null} [record] The object shown, which `currencyField` reads.\n\t\t * @return {string} The text, '' when empty.\n\t\t * @spec openspec/changes/facts-currency-format/specs/facts-widget/spec.md#requirement-a-facts-entry-can-show-a-money-amount\n\t\t /\n\t\tformat(raw, spec, record = null) {\n\t\t\tif (raw === null \|\| raw === undefined \|\| raw === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tif (spec.resolve && typeof spec.resolve === 'object') {\n\t\t\t\treturn this.refText(raw, spec)\n\t\t\t}\n\t\t\tconst format = spec.format \|\| 'text'\n\t\t\tif (format === 'list' \|\| Array.isArray(raw)) {\n\t\t\t\tconst items = (Array.isArray(raw) ? raw : [raw])\n\t\t\t\t\t.map((item) => (spec.itemPath && item && typeof item === 'object' ? readPath(item, spec.itemPath) : item))\n\t\t\t\t\t.map((item) => this.format(item, { ...spec, format: 'text' }))\n\t\t\t\t\t.filter((item) => item !== '')\n\t\t\t\treturn items.join(', ')\n\t\t\t}\n\t\t\tif (format === 'date' \|\| format === 'date-long') {\n\t\t\t\tconst date = parseDateValue(raw)\n\t\t\t\tif (date === null) {\n\t\t\t\t\treturn ''\n\t\t\t\t}\n\t\t\t\t// A year far from now forces the long form, so date-long reuses the board formatter.\n\t\t\t\treturn format === 'date-long'\n\t\t\t\t\t? formatBoardDate(date, new Date(date.getFullYear() + 1, 0, 1))\n\t\t\t\t\t: formatBoardDate(date)\n\t\t\t}\n\t\t\tif (format === 'currency') {\n\t\t\t\tconst money = formatMoney(raw, { currency: spec.currency, currencyField: spec.currencyField, decimals: spec.decimals }, record, unwrapAppConfig(this.cnAppConfig))\n\t\t\t\tif (money !== '') {\n\t\t\t\t\treturn money\n\t\t\t\t}\n\t\t\t\t// Not a number: shown as written, never as \"[object Object]\".\n\t\t\t\treturn typeof raw === 'object' ? '' : String(raw)\n\t\t\t}\n\t\t\tif (typeof raw === 'object') {\n\t\t\t\tconst label = raw.title \|\| raw.name \|\| raw.label \|\| raw.displayName\n\t\t\t\treturn typeof label === 'string' ? label : ''\n\t\t\t}\n\t\t\tif (typeof raw === 'boolean') {\n\t\t\t\tconst mapped = spec.map && spec.map[String(raw)]\n\t\t\t\treturn mapped ? this.tr(mapped) : this.tr(raw ? 'Yes' : 'No')\n\t\t\t}\n\t\t\tif (spec.map && Object.hasOwn(spec.map, String(raw))) {\n\t\t\t\treturn this.tr(spec.map[String(raw)])\n\t\t\t}\n\t\t\treturn String(raw)\n\t\t},\n\n\t\t/\n\t\t Replace `@source.<field>` / `@source.id` and the shared tokens in a string.\n\t\t \n\t\t @param {string} value The template.\n\t\t * @param {object\|null} record The object shown.\n\t\t * @return {string} The value, '' when a token stays unresolved.\n\t\t /\n\t\tresolveTemplate(value, record) {\n\t\t\tif (typeof value !== 'string') {\n\t\t\t\treturn value\n\t\t\t}\n\t\t\tlet unresolved = false\n\t\t\tconst replaced = value.replace(/@source\\.([\\w.@]+)/g, (match, path) => {\n\t\t\t\tconst read = record ? (path === 'id' ? (record.id ?? readPath(record, '@self.id')) : readPath(record, path)) : undefined\n\t\t\t\tif (read === undefined \|\| read === null \|\| read === '') {\n\t\t\t\t\tunresolved = true\n\t\t\t\t\treturn match\n\t\t\t\t}\n\t\t\t\treturn String(read)\n\t\t\t})\n\t\t\tif (unresolved) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tif (replaced.charAt(0) === '@') {\n\t\t\t\tconst resolved = resolveDeepTokens(replaced, this.tokenCtx)\n\t\t\t\treturn typeof resolved === 'string' && resolved.charAt(0) === '@' ? '' : String(resolved)\n\t\t\t}\n\t\t\treturn replaced\n\t\t},\n\n\t\t/\n\t\t Resolve a route declaration (`{ name, params?, query? }`).\n\t\t \n\t\t @param {object} route The declaration.\n\t\t * @param {object\|null} record The object shown.\n\t\t * @return {object\|null} The route, or null when a param stays unresolved.\n\t\t /\n\t\tresolveRoute(route, record) {\n\t\t\tif (!route \|\| typeof route !== 'object' \|\| !route.name) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst out = { name: route.name }\n\t\t\tfor (const key of ['params', 'query']) {\n\t\t\t\tif (route[key] && typeof route[key] === 'object') {\n\t\t\t\t\tout[key] = {}\n\t\t\t\t\tfor (const [name, value] of Object.entries(route[key])) {\n\t\t\t\t\t\tconst resolved = this.resolveTemplate(value, record)\n\t\t\t\t\t\tif (resolved === '') {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tout[key][name] = resolved\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-facts-widget {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmin-width: 0;\n}\n\n.cn-facts-widget__rows {\n\tdisplay: grid;\n\tgrid-template-columns: max-content 1fr;\n\tgap: 8px 16px;\n\tmargin: 0;\n\tfont-size: 14px;\n}\n\n/ Each row is a grid of its own children: the wrapper takes no box. /\n.cn-facts-widget__row {\n\tdisplay: contents;\n}\n\n/ Nextcloud core styles `dt` and `dd` (text-align end, 12px padding), which\n pushed the label to the right of its column and added 12px around both. The\n class is doubled so these resets outrank that rule, and a dossiq-style\n `:deep()` override in an app is not needed. /\n.cn-facts-widget__label.cn-facts-widget__label {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: start;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-facts-widget__value.cn-facts-widget__value {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: start;\n\tfont-weight: 500;\n\tmin-width: 0;\n\toverflow-wrap: anywhere;\n}\n\n.cn-facts-widget__title {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tcolor: var(--color-main-text);\n}\n\n.cn-facts-widget__line {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-facts-widget__muted {\n\tmargin: 0;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-facts-widget__label .hidden-visually {\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n.cn-facts-widget__label--icon {\n\talign-items: center;\n\tdisplay: flex;\n}\n\n.cn-facts-widget__value-link {\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n\n.cn-facts-widget__inline-button,\n.cn-facts-widget__icon-button,\n.cn-facts-widget__action {\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont: inherit;\n}\n\n.cn-facts-widget__inline-button {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: 16px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tgap: 4px;\n\tmargin-inline-start: 8px;\n\tmin-height: 28px;\n\tpadding: 0 10px;\n}\n\n.cn-facts-widget__icon-button {\n\tbackground: transparent;\n\tborder: 0;\n\tborder-radius: 6px;\n\tcolor: var(--color-text-maxcontrast);\n\tmargin-inline-start: 4px;\n\tpadding: 2px;\n\tvertical-align: middle;\n}\n\n.cn-facts-widget__icon-button:hover,\n.cn-facts-widget__icon-button:focus-visible {\n\tbackground: var(--color-background-hover);\n\tcolor: var(--color-main-text);\n}\n\n.cn-facts-widget__text {\n\tcolor: var(--color-main-text);\n\tfont-size: 15px;\n}\n\n/ A lead: an icon tile or initials beside a bold title and a muted subtitle. */\n.cn-facts-widget__lead {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 12px;\n}\n\n.cn-facts-widget__lead-tile {\n\talign-items: center;\n\tbackground: var(--color-background-dark);\n\tborder-radius: 8px;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex: none;\n\tfont-size: 14px;\n\tfont-weight: 700;\n\theight: 40px;\n\tjustify-content: center;\n\twidth: 40px;\n}\n\n.cn-facts-widget__lead-tile--success {\n\tbackground: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));\n\tborder-radius: 50%;\n\tcolor: var(--color-success-text, var(--color-success));\n}\n\n.cn-facts-widget__lead-tile--info {\n\tbackground: var(--color-primary-element-light);\n\tborder-radius: 50%;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n}\n\n.cn-facts-widget__lead-text {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-width: 0;\n}\n\n.cn-facts-widget__lead-title {\n\tfont-size: 15px;\n}\n\n.cn-facts-widget__lead-subtitle {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-facts-widget__action {\n\talign-self: flex-start;\n\tbackground: var(--color-primary-element-light);\n\tborder: 0;\n\tborder-radius: 16px;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n\tfont-size: 13px;\n\tfont-weight: 700;\n\tgap: 6px;\n\tmin-height: 32px;\n\tpadding: 0 14px;\n}\n\n.cn-facts-widget__action:hover,\n.cn-facts-widget__action:focus-visible {\n\tbackground: var(--color-primary-element-light-hover, var(--color-primary-element-light));\n}\n\n.cn-facts-widget__link {\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n</style>\n"],"names":["_createElementBlock","_toDisplayString","_openBlock","_createVNode","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createBlock","_createTextVNode","_resolveDynamicComponent"],"mappings":"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"}
1	+ {"version":3,"file":"CnFactsWidget.vue3.js","sources":["../../../../src/components/CnFactsWidget/CnFactsWidget.vue?vue&type=template&id=e1992d24&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-facts-widget\" data-testid=\"cn-facts-widget\">\n\t\t<p v-if=\"error\" class=\"cn-facts-widget__muted\" data-testid=\"cn-facts-error\">\n\t\t\t{{ tr('Could not load this information') }}\n\t\t</p>\n\t\t<div v-else-if=\"loading && !record\" class=\"cn-facts-widget__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t</div>\n\t\t<p v-else-if=\"blocks.length === 0\" class=\"cn-facts-widget__muted\" data-testid=\"cn-facts-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t\t<template v-else>\n\t\t\t<template v-for=\"block in blocks\" :key=\"block.key\">\n\t\t\t\t<dl\n\t\t\t\t\tv-if=\"block.kind === 'rows'\"\n\t\t\t\t\tclass=\"cn-facts-widget__rows\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-for=\"row in block.rows\"\n\t\t\t\t\t\t:key=\"row.key\"\n\t\t\t\t\t\tclass=\"cn-facts-widget__row\"\n\t\t\t\t\t\t:data-testid=\"`cn-fact-${row.key}`\">\n\t\t\t\t\t\t<dt class=\"cn-facts-widget__label\" :class=\"{ 'cn-facts-widget__label--icon': row.icon }\">\n\t\t\t\t\t\t\t<CnIcon\n\t\t\t\t\t\t\t\tv-if=\"row.icon\"\n\t\t\t\t\t\t\t\t:name=\"row.icon\"\n\t\t\t\t\t\t\t\t:size=\"18\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t\t\t\t\t<span :class=\"{ 'hidden-visually': row.icon }\">{{ row.label }}</span>\n\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t<dd class=\"cn-facts-widget__value\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tv-if=\"row.href\"\n\t\t\t\t\t\t\t\t:href=\"row.href\"\n\t\t\t\t\t\t\t\tclass=\"cn-facts-widget__value-link\"\n\t\t\t\t\t\t\t\t:target=\"row.external ? '_blank' : undefined\"\n\t\t\t\t\t\t\t\t:rel=\"row.external ? 'noopener noreferrer' : undefined\">{{ row.value }}</a>\n\t\t\t\t\t\t\t<span v-else>{{ row.masked && !revealed[row.key] ? row.masked : row.value }}</span>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tv-if=\"row.reveal && !revealed[row.key]\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"cn-facts-widget__inline-button\"\n\t\t\t\t\t\t\t\t:aria-label=\"revealLabel(row)\"\n\t\t\t\t\t\t\t\t:data-testid=\"`cn-fact-reveal-${row.key}`\"\n\t\t\t\t\t\t\t\t@click=\"reveal(row)\">\n\t\t\t\t\t\t\t\t<EyeOutline :size=\"16\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t{{ showLabel }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tv-if=\"row.copy\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclass=\"cn-facts-widget__icon-button\"\n\t\t\t\t\t\t\t\t:aria-label=\"copyLabel(row)\"\n\t\t\t\t\t\t\t\t:title=\"copyLabel(row)\"\n\t\t\t\t\t\t\t\t:data-testid=\"`cn-fact-copy-${row.key}`\"\n\t\t\t\t\t\t\t\t@click=\"copy(row)\">\n\t\t\t\t\t\t\t\t<Check v-if=\"copied === row.key\" :size=\"16\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t<ContentCopy v-else :size=\"16\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</div>\n\t\t\t\t</dl>\n\t\t\t\t<component\n\t\t\t\t\t:is=\"block.to ? 'router-link' : 'strong'\"\n\t\t\t\t\tv-else-if=\"block.kind === 'title'\"\n\t\t\t\t\t:to=\"block.to \|\| undefined\"\n\t\t\t\t\tclass=\"cn-facts-widget__title\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t{{ block.value }}\n\t\t\t\t</component>\n\t\t\t\t<span\n\t\t\t\t\tv-else-if=\"block.kind === 'line'\"\n\t\t\t\t\tclass=\"cn-facts-widget__line\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t{{ block.value }}\n\t\t\t\t</span>\n\t\t\t\t<span\n\t\t\t\t\tv-else-if=\"block.kind === 'text'\"\n\t\t\t\t\tclass=\"cn-facts-widget__text\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t{{ block.value }}\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tv-else-if=\"block.kind === 'lead'\"\n\t\t\t\t\tclass=\"cn-facts-widget__lead\"\n\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"cn-facts-widget__lead-tile\"\n\t\t\t\t\t\t:class=\"`cn-facts-widget__lead-tile--${block.tone}`\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<CnIcon v-if=\"block.icon\" :name=\"block.icon\" :size=\"20\" />\n\t\t\t\t\t\t<template v-else>{{ block.initials }}</template>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"cn-facts-widget__lead-text\">\n\t\t\t\t\t\t<strong class=\"cn-facts-widget__lead-title\">{{ block.value }}</strong>\n\t\t\t\t\t\t<span v-if=\"block.subtitle\" class=\"cn-facts-widget__lead-subtitle\">{{ block.subtitle }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div v-else-if=\"block.kind === 'pill'\">\n\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t:label=\"block.value\"\n\t\t\t\t\t\t:variant=\"block.variant\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t:data-testid=\"`cn-fact-${block.key}`\" />\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</template>\n\t\t<component\n\t\t\t:is=\"link.to ? 'router-link' : 'a'\"\n\t\t\tv-if=\"link && record\"\n\t\t\t:to=\"link.to \|\| undefined\"\n\t\t\t:href=\"link.href \|\| undefined\"\n\t\t\tclass=\"cn-facts-widget__link\"\n\t\t\tdata-testid=\"cn-facts-link\">\n\t\t\t{{ link.label }}\n\t\t</component>\n\t\t<button\n\t\t\tv-if=\"action && record\"\n\t\t\ttype=\"button\"\n\t\t\tclass=\"cn-facts-widget__action\"\n\t\t\tdata-testid=\"cn-facts-action\"\n\t\t\t@click=\"runAction(content.action)\">\n\t\t\t<CnIcon v-if=\"action.icon\" :name=\"action.icon\" :size=\"16\" />\n\t\t\t{{ action.label }}\n\t\t</button>\n\t</div>\n</template>\n\n<script>\nimport { emit } from '@nextcloud/event-bus'\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcLoadingIcon } from '@nextcloud/vue'\nimport Check from 'vue-material-design-icons/Check.vue'\nimport ContentCopy from 'vue-material-design-icons/ContentCopy.vue'\nimport EyeOutline from 'vue-material-design-icons/EyeOutline.vue'\nimport CnIcon from '../CnIcon/CnIcon.vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { resolveEndpointRequest } from '../../composables/useEndpointSource.js'\nimport { useRefLabels } from '../../composables/useRefLabels.js'\nimport { dispatchAction } from '../../utils/actionsDispatcher.js'\nimport { isBadgeVariant } from '../../utils/badgeVariants.js'\nimport { formatBoardDate } from '../../utils/boardDate.js'\nimport { parseDateValue } from '../../utils/dateVariant.js'\nimport { formatMoney, unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { hasUnresolvedDeepTokens, resolveDeepTokens } from '../../utils/resolveFilterTokens.js'\n\n/** Kinds of entry a `fields[]` item can be. A labelled item without `as` is a row. /\nconst KINDS = Object.freeze(['row', 'title', 'line', 'pill', 'lead', 'text'])\n\n/\n The label resolver every facts widget on the page shares, made on first use\n * (the object store needs an active pinia). One batched request per register and\n * schema for the ids it has not seen; a label it has read stays until the page\n * reloads, and an object the store already holds is not fetched at all.\n \n @type {{resolve: Function}\|null}\n /\nlet refLabels = null\n\n/\n The entry that reads a resolved pill's tone: the same reference, with the\n * referenced object's `toneField` as the field to read.\n \n @param {object} spec A facts entry.\n * @return {object\|null} `{ path, itemPath, resolve }`, or null when no `toneField` is set.\n /\nfunction toneSpec(spec) {\n\tconst resolve = spec && spec.resolve\n\tif (!resolve \|\| typeof resolve !== 'object' \|\| typeof resolve.toneField !== 'string' \|\| resolve.toneField === '') {\n\t\treturn null\n\t}\n\treturn { path: spec.path, itemPath: spec.itemPath, resolve: { register: resolve.register, schema: resolve.schema, labelField: resolve.toneField } }\n}\n\n/* The page-wide reference label resolver. /\nfunction sharedRefLabels() {\n\tif (!refLabels) {\n\t\trefLabels = useRefLabels()\n\t}\n\treturn refLabels\n}\n\n/\n Key of a resolved reference in the widget's `labels` data.\n \n @param {{register: string, schema: string, labelField?: string}} resolve The entry's `resolve` config.\n * @param {string} id The referenced object's id.\n * @return {string} The key.\n /\nfunction refKey(resolve, id) {\n\treturn `${resolve.register}/${resolve.schema}/${resolve.labelField \|\| ''}/${id}`\n}\n\n/* Event-bus channel a reveal of a masked value is announced on, so an app can log it. /\nexport const FACTS_REVEAL_CHANNEL = 'cn:facts:reveal'\n\n/\n CnFactsWidget — the `facts` widget: a card of facts about ONE object.\n \n Renders the configured fields of the current detail-page object, or of one\n * other object named by `content.source`, as the side cards on the screens\n * draw them: label/value rows (a two-column grid, label muted), a bold title\n * line that may link, muted meta lines that join several fields with \" · \",\n * a status pill, and one link at the foot.\n \n Everything is configuration; nothing in it knows an app:\n \n ```json\n * {\n * \"type\": \"facts\",\n * \"title\": \"Zaak\",\n * \"content\": {\n * \"source\": { \"register\": \"dossiq\", \"schema\": \"case\", \"id\": \"@object.case\" },\n * \"fields\": [\n * { \"as\": \"title\", \"path\": \"title\", \"route\": { \"name\": \"CaseDetail\", \"params\": { \"id\": \"@source.id\" } } },\n * { \"as\": \"line\", \"parts\": [\"identifier\", \"caseTypeTitle\"] },\n * { \"as\": \"pill\", \"path\": \"status\", \"map\": { \"open\": \"In behandeling\" } },\n * { \"path\": \"deadline\", \"label\": \"Termijn\", \"format\": \"date\" }\n * ],\n * \"link\": { \"label\": \"Naar de zaak\", \"route\": { \"name\": \"CaseDetail\", \"params\": { \"id\": \"@source.id\" } } },\n * \"emptyText\": \"Geen zaak\"\n * }\n * }\n * ```\n \n Tokens: `source.id` takes the shared filter tokens; `source.url` takes them\n * inside the url, the endpoint grammar (`/apps/x/api/y/@objectId`)\n * (`@objectId`, `@object.<field>`, `@workspace.<key>`, `@me`, ...). Routes\n * and the link also take `@source.<field>` (a field of the object shown).\n * A source whose id token does not resolve renders the empty text, never a\n * request for the literal token.\n \n Labels, map values, the link label and the empty text go through the host\n * app's translate (`cnTranslate`).\n /\nexport default {\n\tname: 'CnFactsWidget',\n\n\tcomponents: { Check, CnIcon, CnStatusBadge, ContentCopy, EyeOutline, NcLoadingIcon },\n\n\tinject: {\n\t\tcnTranslate: { default: () => (key) => key },\n\t\tcnObjectContext: { default: null },\n\t\tcnWorkspaceContext: { default: null },\n\t\t/* The page's app config; its `currency` is the reporting currency a money value falls back to. /\n\t\tcnAppConfig: { default: null },\n\t\t/* Pre-bound action dispatcher of CnPageRenderer, for `action` / `headerAction`. /\n\t\tcnDispatchAction: { default: null },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The widget configuration.\n\t\t \n\t\t - `fields` — the entries, in order. Each is `{ path, label?, as?, from?, format?, map?, itemPath?, parts?, separator?, route?, variant?, variantMap?, colorMap?, icon?, copy?, reveal?, text?, title?, subtitle?, initialsPath?, tone? }`.\n\t\t * `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`.\n\t\t * 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.\n\t\t * A part may be `{ text }`, a constant; a `line` or `text` entry without `path` or `parts` shows its `text`.\n\t\t * `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. A resolved value works as a pill too: `map` is applied to the resolved label, and `variantMap` / `colorMap` look the tone up by the value of `resolve.toneField` on the referenced object when that is set (a status named by its `name`, coloured by its `state`), then by the resolved label, then by the stored value.\n\t\t * - `action` — an action drawn as a button under the facts; `headerAction` — one drawn in the card header (reported through the `header` event).\n\t\t * `format` is `text` (default), `date` (board short date), `date-long` (always with the year), `list` (an array joined by \", \", each item read at `itemPath`) or `currency` (a money amount in the reader's language, \"€ 1.234,50\": the code in `currency`, else the record's `currencyField`, else the app's reporting currency, else EUR; `decimals` defaults to 2).\n\t\t * `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.\n\t\t * - `source` — `{ register, schema, id }` or `{ url }`; omitted = the current object. An entry with `from: \"object\"` reads the current object even then (a client card that also shows the ticket's channel).\n\t\t * - `link` — `{ label, route? \| href? }` at the foot.\n\t\t * - `hideEmpty` — drop an entry whose value is empty (default true).\n\t\t * - `emptyText` — shown when no entry has a value.\n\t\t \n\t\t @type {{fields?: Array<object>, source?: object, link?: object, hideEmpty?: boolean, emptyText?: string}}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/\n\t\t The current detail-page object, passed by the detail page host.\n\t\t * Read when `content.source` is not set.\n\t\t /\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/* The current detail-page object id, for the `@objectId` token. /\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['header', 'reveal'],\n\n\tdata() {\n\t\treturn {\n\t\t\tfetched: null,\n\t\t\tloading: false,\n\t\t\terror: false,\n\t\t\t/* Keys of the masked rows the reader chose to show. /\n\t\t\trevealed: {},\n\t\t\t/* Key of the row whose value was just copied. /\n\t\t\tcopied: '',\n\t\t\t/* Labels of the referenced objects read so far, by `refKey`. /\n\t\t\tlabels: {},\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The token context: the detail object (prop, else the injected context)\n\t\t * and the page workspace.\n\t\t \n\t\t @return {object}\n\t\t /\n\t\ttokenCtx() {\n\t\t\tconst unwrap = (c) => (c && typeof c === 'object' && 'value' in c ? c.value : c)\n\t\t\tconst injected = unwrap(this.cnObjectContext) \|\| {}\n\t\t\treturn {\n\t\t\t\t...injected,\n\t\t\t\tobjectId: this.objectId ?? injected.objectId ?? this.objectData?.id ?? null,\n\t\t\t\tobject: this.objectData \|\| injected.object \|\| null,\n\t\t\t\tworkspace: unwrap(this.cnWorkspaceContext) \|\| {},\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t The source declaration with its tokens resolved, or null for the current object.\n\t\t \n\t\t @return {object\|null}\n\t\t /\n\t\tresolvedSource() {\n\t\t\tconst source = this.content?.source\n\t\t\tif (!source \|\| typeof source !== 'object') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tif (typeof source.url === 'string' && source.url !== '') {\n\t\t\t\t// The endpoint grammar: tokens INSIDE the url, and a request\n\t\t\t\t// that is blocked while one leaves an empty path segment.\n\t\t\t\tconst request = resolveEndpointRequest({ url: source.url }, this.tokenCtx)\n\t\t\t\treturn { url: request.blocked ? '' : request.url }\n\t\t\t}\n\t\t\treturn resolveDeepTokens(source, this.tokenCtx)\n\t\t},\n\n\t\t/\n\t\t A stable key of the resolved source, so the widget refetches only when it changes.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tsourceKey() {\n\t\t\treturn this.resolvedSource ? JSON.stringify(this.resolvedSource) : ''\n\t\t},\n\n\t\t/\n\t\t The object the facts are read from.\n\t\t \n\t\t @return {object\|null}\n\t\t /\n\t\trecord() {\n\t\t\treturn this.resolvedSource ? this.fetched : this.objectData\n\t\t},\n\n\t\t/\n\t\t The entries to draw, consecutive rows grouped into one list.\n\t\t \n\t\t @return {Array<object>}\n\t\t /\n\t\tblocks() {\n\t\t\tconst sourceRecord = this.record\n\t\t\tif (!sourceRecord) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst fields = Array.isArray(this.content?.fields) ? this.content.fields : []\n\t\t\tconst hideEmpty = this.content?.hideEmpty !== false\n\t\t\tconst out = []\n\t\t\tfields.forEach((field, index) => {\n\t\t\t\tif (!field \|\| typeof field !== 'object') {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\t// `from: \"object\"` reads the page's own object while the card shows a `source`.\n\t\t\t\tconst record = field.from === 'object' && this.objectData ? this.objectData : sourceRecord\n\t\t\t\tconst kind = this.kindOf(field)\n\t\t\t\tconst key = String(field.key \|\| field.path \|\| `${kind}-${index}`).replace(/[^\\w-]/g, '-')\n\t\t\t\tconst value = this.entryValue(record, field, kind)\n\t\t\t\tif (value === '' && (hideEmpty \|\| kind === 'lead')) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (kind === 'row') {\n\t\t\t\t\tconst last = out[out.length - 1]\n\t\t\t\t\tconst row = { key, label: this.tr(field.label \|\| ''), value, ...this.rowExtras(record, field, value) }\n\t\t\t\t\tif (last && last.kind === 'rows') {\n\t\t\t\t\t\tlast.rows.push(row)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tout.push({ kind: 'rows', key: `rows-${index}`, rows: [row] })\n\t\t\t\t\t}\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst block = { kind, key, value }\n\t\t\t\tif (kind === 'lead') {\n\t\t\t\t\tblock.subtitle = this.partsValue(record, field.subtitle)\n\t\t\t\t\tblock.icon = typeof field.icon === 'string' ? field.icon : ''\n\t\t\t\t\tblock.initials = block.icon ? '' : this.initialsOf(readPath(record, field.initialsPath))\n\t\t\t\t\tblock.tone = ['success', 'info', 'warning', 'error'].includes(field.tone) ? field.tone : 'neutral'\n\t\t\t\t}\n\t\t\t\tif (kind === 'title' && field.route) {\n\t\t\t\t\tblock.to = this.resolveRoute(field.route, record)\n\t\t\t\t}\n\t\t\t\tif (kind === 'pill') {\n\t\t\t\t\tconst raw = readPath(record, field.path)\n\t\t\t\t\tconst colours = field.variantMap \|\| field.colorMap\n\t\t\t\t\t// A resolved pill looks its tone up by the referenced object's tone field,\n\t\t\t\t\t// then by the resolved label, then by the stored value.\n\t\t\t\t\tconst keys = field.resolve && typeof field.resolve === 'object'\n\t\t\t\t\t\t? [toneSpec(field) ? this.refLabels(raw, toneSpec(field))[0] : undefined, this.refLabels(raw, field)[0], raw]\n\t\t\t\t\t\t: [raw]\n\t\t\t\t\tconst hit = colours ? keys.find((candidate) => (typeof candidate === 'string' \|\| typeof candidate === 'number') && Object.hasOwn(colours, candidate)) : undefined\n\t\t\t\t\tconst variant = hit !== undefined ? colours[hit] : field.variant\n\t\t\t\t\tblock.variant = isBadgeVariant(variant) ? variant : 'default'\n\t\t\t\t}\n\t\t\t\tout.push(block)\n\t\t\t})\n\t\t\treturn out\n\t\t},\n\n\t\t/\n\t\t The foot link, resolved, or null.\n\t\t \n\t\t @return {{label: string, to?: object, href?: string}\|null}\n\t\t /\n\t\tlink() {\n\t\t\tconst link = this.content?.link\n\t\t\tif (!link \|\| typeof link !== 'object' \|\| !link.label) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tif (link.route) {\n\t\t\t\tconst to = this.resolveRoute(link.route, this.record)\n\t\t\t\treturn to ? { label: this.tr(link.label), to } : null\n\t\t\t}\n\t\t\tif (typeof link.href === 'string' && link.href !== '') {\n\t\t\t\tconst href = this.resolveTemplate(link.href, this.record)\n\t\t\t\treturn href ? { label: this.tr(link.label), href } : null\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\n\t\t/\n\t\t The action under the facts, as drawn: `{ label, icon }`, or null.\n\t\t \n\t\t @return {{label: string, icon: string}\|null}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\taction() {\n\t\t\treturn this.actionView(this.content?.action)\n\t\t},\n\n\t\t/\n\t\t The header action, as drawn: `{ label, icon }`, or null.\n\t\t \n\t\t @return {{label: string, icon: string}\|null}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\theaderAction() {\n\t\t\treturn this.actionView(this.content?.headerAction)\n\t\t},\n\n\t\t/* @return {string} The reveal button's text. /\n\t\tshowLabel() {\n\t\t\treturn t('nextcloud-vue', 'Show')\n\t\t},\n\n\t\t/\n\t\t The empty line.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\temptyLabel() {\n\t\t\treturn this.tr(this.content?.emptyText \|\| 'Nothing to show yet')\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.load()\n\t\t\t},\n\t\t},\n\n\t\trecord: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.loadLabels()\n\t\t\t},\n\t\t},\n\n\t\theaderAction: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.emitHeader()\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Translate through the host app.\n\t\t \n\t\t @param {string} text The text.\n\t\t * @return {string}\n\t\t /\n\t\ttr(text) {\n\t\t\tif (typeof text !== 'string' \|\| text === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/\n\t\t The kind of a field entry.\n\t\t \n\t\t @param {object} field The entry.\n\t\t * @return {string} `row`, `title`, `line` or `pill`.\n\t\t /\n\t\tkindOf(field) {\n\t\t\tif (KINDS.includes(field.as)) {\n\t\t\t\treturn field.as\n\t\t\t}\n\t\t\treturn field.label \|\| field.icon ? 'row' : 'line'\n\t\t},\n\n\t\t/\n\t\t The display text of an entry of any kind: a lead's title, the parts of\n\t\t * a line or text, a constant `text`, else the value at `path`.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @param {string} kind The entry's kind.\n\t\t * @return {string}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\tentryValue(record, field, kind) {\n\t\t\tif (kind === 'lead') {\n\t\t\t\treturn this.partsValue(record, field.title)\n\t\t\t}\n\t\t\tif ((kind === 'line' \|\| kind === 'text') && Array.isArray(field.parts)) {\n\t\t\t\treturn this.lineValue(record, field)\n\t\t\t}\n\t\t\tif ((kind === 'line' \|\| kind === 'text') && !field.path && typeof field.text === 'string') {\n\t\t\t\treturn this.tr(field.text)\n\t\t\t}\n\t\t\treturn this.valueOf(record, field)\n\t\t},\n\n\t\t/\n\t\t A lead's title or subtitle: a path, a part spec, or an array of parts\n\t\t * joined as a line joins them.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {string\|object\|Array} spec The declaration.\n\t\t * @return {string}\n\t\t /\n\t\tpartsValue(record, spec) {\n\t\t\tif (typeof spec === 'string' && spec !== '') {\n\t\t\t\treturn this.valueOf(record, { path: spec })\n\t\t\t}\n\t\t\tif (Array.isArray(spec)) {\n\t\t\t\treturn this.lineValue(record, { parts: spec })\n\t\t\t}\n\t\t\tif (spec && typeof spec === 'object') {\n\t\t\t\treturn this.lineValue(record, { parts: [spec] })\n\t\t\t}\n\t\t\treturn ''\n\t\t},\n\n\t\t/\n\t\t The initials of a name: \"Sanne de Vries\" reads \"SV\".\n\t\t \n\t\t @param {unknown} name The name.\n\t\t * @return {string}\n\t\t /\n\t\tinitialsOf(name) {\n\t\t\tif (typeof name !== 'string' \|\| name.trim() === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst words = name.trim().split(/\\s+/).filter((word) => /^\\p{Lu}/u.test(word))\n\t\t\tconst picked = words.length ? words : name.trim().split(/\\s+/)\n\t\t\tconst first = picked[0].charAt(0)\n\t\t\tconst last = picked.length > 1 ? picked[picked.length - 1].charAt(0) : ''\n\t\t\treturn (first + last).toUpperCase()\n\t\t},\n\n\t\t/\n\t\t What a row adds to its value: an icon, a link for the email, phone\n\t\t * and url formats, the masked text, and the copy and reveal buttons.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @param {string} value The display text.\n\t\t * @return {object}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\trowExtras(record, field, value) {\n\t\t\tconst extras = {\n\t\t\t\ticon: typeof field.icon === 'string' ? field.icon : '',\n\t\t\t\tpath: field.path \|\| '',\n\t\t\t\traw: readPath(record, field.path),\n\t\t\t\tcopy: field.copy === true && value !== '',\n\t\t\t\treveal: false,\n\t\t\t\tmasked: '',\n\t\t\t\thref: '',\n\t\t\t\texternal: false,\n\t\t\t}\n\t\t\tif (value === '') {\n\t\t\t\treturn extras\n\t\t\t}\n\t\t\tif (field.format === 'email') {\n\t\t\t\textras.href = `mailto:${value}`\n\t\t\t} else if (field.format === 'phone') {\n\t\t\t\textras.href = `tel:${value.replace(/[^\\d+]/g, '')}`\n\t\t\t} else if (field.format === 'url') {\n\t\t\t\textras.href = /^https?:\\/\\//i.test(value) ? value : `https://${value}`\n\t\t\t\textras.external = true\n\t\t\t} else if (field.format === 'masked') {\n\t\t\t\textras.masked = value.length > 4 ? ''.repeat(Math.min(value.length - 4, 5)) + value.slice(-4) : value\n\t\t\t\textras.reveal = field.reveal === true && value.length > 4\n\t\t\t}\n\t\t\treturn extras\n\t\t},\n\n\t\t/*\n\t\t Show a masked value, and say so: the `reveal` event and the event-bus\n\t\t * channel {@link FACTS_REVEAL_CHANNEL}, so an app can log who saw it.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\treveal(row) {\n\t\t\tthis.revealed = { ...this.revealed, [row.key]: true }\n\t\t\tconst detail = { path: row.path }\n\t\t\t/\n\t\t\t @event reveal Emitted when the reader shows a masked value.\n\t\t\t * @type {{path: string}} The path of the shown field.\n\t\t\t /\n\t\t\tthis.$emit('reveal', detail)\n\t\t\temit(FACTS_REVEAL_CHANNEL, { ...detail, objectId: this.tokenCtx.objectId, register: this.tokenCtx.register \|\| null, schema: this.tokenCtx.schema \|\| null })\n\t\t},\n\n\t\t/\n\t\t Copy a row's value to the clipboard.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync copy(row) {\n\t\t\tconst text = row.raw === null \|\| row.raw === undefined \|\| typeof row.raw === 'object' ? row.value : String(row.raw)\n\t\t\ttry {\n\t\t\t\tawait navigator.clipboard.writeText(text)\n\t\t\t\tthis.copied = row.key\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tif (this.copied === row.key) {\n\t\t\t\t\t\tthis.copied = ''\n\t\t\t\t\t}\n\t\t\t\t}, 2000)\n\t\t\t} catch (e) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.warn('[CnFactsWidget] could not copy:', e?.message \|\| e)\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t @param {object} row The row.\n\t\t * @return {string} The copy button's accessible name.\n\t\t /\n\t\tcopyLabel(row) {\n\t\t\treturn this.copied === row.key\n\t\t\t\t? t('nextcloud-vue', 'Copied')\n\t\t\t\t: t('nextcloud-vue', 'Copy {label}', { label: row.label \|\| row.value })\n\t\t},\n\n\t\t/\n\t\t @param {object} row The row.\n\t\t * @return {string} The reveal button's accessible name.\n\t\t /\n\t\trevealLabel(row) {\n\t\t\treturn t('nextcloud-vue', 'Show {label}', { label: row.label \|\| '' }).trim()\n\t\t},\n\n\t\t/\n\t\t The drawn part of an action declaration.\n\t\t \n\t\t @param {object} action The declaration.\n\t\t * @return {{label: string, icon: string}\|null}\n\t\t /\n\t\tactionView(action) {\n\t\t\tif (!action \|\| typeof action !== 'object' \|\| typeof action.label !== 'string' \|\| action.label === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn { label: this.tr(action.label), icon: typeof action.icon === 'string' ? action.icon : '' }\n\t\t},\n\n\t\t/\n\t\t Dispatch an action with the record's tokens resolved (`@objectId`,\n\t\t * `@object.<field>`), through the page's dispatcher when there is one.\n\t\t \n\t\t @param {object} action The declaration.\n\t\t * @return {unknown}\n\t\t * @spec openspec/changes/screens-relation-pages/specs/relation-pages/spec.md#requirement-the-facts-card-draws-contact-details-identity-and-a-lead\n\t\t /\n\t\trunAction(action) {\n\t\t\tif (!action \|\| typeof action !== 'object') {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t\tconst resolved = resolveDeepTokens(action, this.tokenCtx)\n\t\t\tif (typeof this.cnDispatchAction === 'function') {\n\t\t\t\treturn this.cnDispatchAction(resolved)\n\t\t\t}\n\t\t\treturn dispatchAction(resolved, { router: this.$router \|\| null })\n\t\t},\n\n\t\t/* Tell the card around the facts what its header shows (the header action). /\n\t\temitHeader() {\n\t\t\tconst view = this.headerAction\n\t\t\t/\n\t\t\t @event header Emitted with the card header's parts: the header action, if any.\n\t\t\t * @type {{link: null, note: string, action: (object\|null)}} `action` is `{ label, icon, run }`.\n\t\t\t /\n\t\t\tthis.$emit('header', {\n\t\t\t\tlink: null,\n\t\t\t\tnote: '',\n\t\t\t\taction: view ? { ...view, run: () => this.runAction(this.content.headerAction) } : null,\n\t\t\t})\n\t\t},\n\n\t\t/\n\t\t The text of a reference: the labels of the objects its id(s) name, joined\n\t\t * by \", \". An id whose label is not known yet (or cannot be read) adds nothing.\n\t\t \n\t\t @param {unknown} raw The id, or a list of ids (or of `{ id }` objects).\n\t\t * @param {object} spec `{ resolve: { register, schema, labelField? }, itemPath? }`.\n\t\t * @return {string}\n\t\t /\n\t\trefText(raw, spec) {\n\t\t\treturn this.refLabels(raw, spec)\n\t\t\t\t.map((label) => (spec.map && Object.hasOwn(spec.map, label) ? this.tr(spec.map[label]) : label))\n\t\t\t\t.join(', ')\n\t\t},\n\n\t\t/\n\t\t The labels of a reference as read, before `map` is applied: the key a\n\t\t * pill's `variantMap` and `colorMap` look up.\n\t\t \n\t\t @param {unknown} raw The id, or a list of ids.\n\t\t * @param {object} spec `{ resolve, itemPath? }`.\n\t\t * @return {string[]}\n\t\t /\n\t\trefLabels(raw, spec) {\n\t\t\treturn this.refIds(raw, spec)\n\t\t\t\t.map((id) => this.labels[refKey(spec.resolve, id)])\n\t\t\t\t.filter((label) => typeof label === 'string' && label !== '')\n\t\t},\n\n\t\t/\n\t\t The ids a reference value holds.\n\t\t \n\t\t @param {unknown} raw The value.\n\t\t * @param {object} spec `{ itemPath? }`.\n\t\t * @return {string[]}\n\t\t /\n\t\trefIds(raw, spec) {\n\t\t\treturn (Array.isArray(raw) ? raw : [raw])\n\t\t\t\t.map((item) => (item && typeof item === 'object' ? (spec.itemPath ? readPath(item, spec.itemPath) : (item.id ?? item.uuid)) : item))\n\t\t\t\t.filter((id) => id !== null && id !== undefined && id !== '' && typeof id !== 'object')\n\t\t\t\t.map(String)\n\t\t},\n\n\t\t/\n\t\t Every entry or part that carries `resolve`, with the record's value at its path.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @return {Array<{spec: object, raw: unknown}>}\n\t\t /\n\t\trefSpecs(record) {\n\t\t\tconst fields = Array.isArray(this.content?.fields) ? this.content.fields : []\n\t\t\tconst specs = []\n\t\t\tconst visit = (spec) => {\n\t\t\t\tif (!spec \|\| typeof spec !== 'object') {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (spec.resolve && typeof spec.resolve === 'object' && spec.path) {\n\t\t\t\t\tspecs.push({ spec, raw: readPath(record, spec.path) })\n\t\t\t\t\tif (toneSpec(spec)) {\n\t\t\t\t\t\tspecs.push({ spec: toneSpec(spec), raw: readPath(record, spec.path) })\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst nested = [...(Array.isArray(spec.parts) ? spec.parts : []), ...(Array.isArray(spec.title) ? spec.title : [spec.title]), ...(Array.isArray(spec.subtitle) ? spec.subtitle : [spec.subtitle])]\n\t\t\t\tnested.forEach(visit)\n\t\t\t}\n\t\t\tfields.forEach(visit)\n\t\t\treturn specs\n\t\t},\n\n\t\t/\n\t\t Read the labels of the referenced objects, one batched request per\n\t\t * register and schema, and keep them in `labels`.\n\t\t \n\t\t @param {object\|null} record The object shown (defaults to the current record).\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync loadLabels(record = this.record) {\n\t\t\tif (!record) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst groups = new Map()\n\t\t\tfor (const { spec, raw } of this.refSpecs(record)) {\n\t\t\t\tconst { register, schema, labelField } = spec.resolve\n\t\t\t\tif (!register \|\| !schema) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst groupKey = `${register}/${schema}/${labelField \|\| ''}`\n\t\t\t\tconst group = groups.get(groupKey) \|\| { resolve: spec.resolve, ids: new Set() }\n\t\t\t\tthis.refIds(raw, spec).forEach((id) => group.ids.add(id))\n\t\t\t\tgroups.set(groupKey, group)\n\t\t\t}\n\t\t\tif (groups.size === 0) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst resolver = sharedRefLabels()\n\t\t\tconst next = { ...this.labels }\n\t\t\tawait Promise.all([...groups.values()].map(async ({ resolve, ids }) => {\n\t\t\t\tconst found = await resolver.resolve(resolve.register, resolve.schema, [...ids], resolve.labelField)\n\t\t\t\tObject.entries(found).forEach(([id, label]) => {\n\t\t\t\t\tnext[refKey(resolve, id)] = label\n\t\t\t\t})\n\t\t\t}))\n\t\t\tthis.labels = next\n\t\t},\n\n\t\t/\n\t\t Read the source object.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync load() {\n\t\t\tconst source = this.resolvedSource\n\t\t\tthis.error = false\n\t\t\tif (!source) {\n\t\t\t\tthis.fetched = null\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst url = this.sourceUrl(source)\n\t\t\tif (!url) {\n\t\t\t\tthis.fetched = null\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\ttry {\n\t\t\t\tconst [{ default: axios }, { generateUrl }] = await Promise.all([\n\t\t\t\t\timport('@nextcloud/axios'),\n\t\t\t\t\timport('@nextcloud/router'),\n\t\t\t\t])\n\t\t\t\tconst full = url.startsWith('/apps/') \|\| url.startsWith('/ocs/') ? generateUrl(url) : url\n\t\t\t\tconst response = await axios.get(full)\n\t\t\t\tconst data = response && response.data\n\t\t\t\tthis.fetched = data && typeof data === 'object' && !Array.isArray(data) ? data : null\n\t\t\t} catch (e) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.warn('[CnFactsWidget] the source could not be read:', e?.message \|\| e)\n\t\t\t\tthis.fetched = null\n\t\t\t\tthis.error = true\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 The URL of a resolved source, or '' when it cannot be read yet.\n\t\t \n\t\t @param {object} source The resolved source.\n\t\t * @return {string}\n\t\t /\n\t\tsourceUrl(source) {\n\t\t\tif (typeof source.url === 'string') {\n\t\t\t\treturn source.url\n\t\t\t}\n\t\t\tif (hasUnresolvedDeepTokens(source)) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst { register, schema, id } = source\n\t\t\tif (!register \|\| !schema \|\| id === undefined \|\| id === null \|\| id === '' \|\| typeof id === 'object') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn `/apps/openregister/api/objects/${encodeURIComponent(register)}/${encodeURIComponent(schema)}/${encodeURIComponent(String(id))}`\n\t\t},\n\n\t\t/\n\t\t The display text of one field.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @return {string}\n\t\t /\n\t\tvalueOf(record, field) {\n\t\t\tconst raw = readPath(record, field.path)\n\t\t\treturn this.format(raw, field, record)\n\t\t},\n\n\t\t/\n\t\t The text of a `line` entry that joins several parts.\n\t\t \n\t\t @param {object} record The object.\n\t\t * @param {object} field The entry.\n\t\t * @return {string}\n\t\t /\n\t\tlineValue(record, field) {\n\t\t\tconst separator = typeof field.separator === 'string' ? field.separator : ' · '\n\t\t\treturn field.parts\n\t\t\t\t.map((part) => {\n\t\t\t\t\tconst spec = typeof part === 'string' ? { path: part } : (part \|\| {})\n\t\t\t\t\t// A constant part (`{ text }`): \"Handelsregister\" after the legal form.\n\t\t\t\t\tif (!spec.path && typeof spec.text === 'string') {\n\t\t\t\t\t\treturn this.tr(spec.text)\n\t\t\t\t\t}\n\t\t\t\t\tconst value = this.format(readPath(record, spec.path), spec, record)\n\t\t\t\t\tif (value === '') {\n\t\t\t\t\t\treturn ''\n\t\t\t\t\t}\n\t\t\t\t\treturn spec.label ? `${this.tr(spec.label)} ${value}` : value\n\t\t\t\t})\n\t\t\t\t.filter((value) => value !== '')\n\t\t\t\t.join(separator)\n\t\t},\n\n\t\t/\n\t\t Format a raw value.\n\t\t \n\t\t @param {unknown} raw The value.\n\t\t * @param {object} spec `{ format?, map?, itemPath?, currency?, currencyField?, decimals? }`.\n\t\t * @param {object\|null} [record] The object shown, which `currencyField` reads.\n\t\t * @return {string} The text, '' when empty.\n\t\t * @spec openspec/changes/facts-currency-format/specs/facts-widget/spec.md#requirement-a-facts-entry-can-show-a-money-amount\n\t\t /\n\t\tformat(raw, spec, record = null) {\n\t\t\tif (raw === null \|\| raw === undefined \|\| raw === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tif (spec.resolve && typeof spec.resolve === 'object') {\n\t\t\t\treturn this.refText(raw, spec)\n\t\t\t}\n\t\t\tconst format = spec.format \|\| 'text'\n\t\t\tif (format === 'list' \|\| Array.isArray(raw)) {\n\t\t\t\tconst items = (Array.isArray(raw) ? raw : [raw])\n\t\t\t\t\t.map((item) => (spec.itemPath && item && typeof item === 'object' ? readPath(item, spec.itemPath) : item))\n\t\t\t\t\t.map((item) => this.format(item, { ...spec, format: 'text' }))\n\t\t\t\t\t.filter((item) => item !== '')\n\t\t\t\treturn items.join(', ')\n\t\t\t}\n\t\t\tif (format === 'date' \|\| format === 'date-long') {\n\t\t\t\tconst date = parseDateValue(raw)\n\t\t\t\tif (date === null) {\n\t\t\t\t\treturn ''\n\t\t\t\t}\n\t\t\t\t// A year far from now forces the long form, so date-long reuses the board formatter.\n\t\t\t\treturn format === 'date-long'\n\t\t\t\t\t? formatBoardDate(date, new Date(date.getFullYear() + 1, 0, 1))\n\t\t\t\t\t: formatBoardDate(date)\n\t\t\t}\n\t\t\tif (format === 'currency') {\n\t\t\t\tconst money = formatMoney(raw, { currency: spec.currency, currencyField: spec.currencyField, decimals: spec.decimals }, record, unwrapAppConfig(this.cnAppConfig))\n\t\t\t\tif (money !== '') {\n\t\t\t\t\treturn money\n\t\t\t\t}\n\t\t\t\t// Not a number: shown as written, never as \"[object Object]\".\n\t\t\t\treturn typeof raw === 'object' ? '' : String(raw)\n\t\t\t}\n\t\t\tif (typeof raw === 'object') {\n\t\t\t\tconst label = raw.title \|\| raw.name \|\| raw.label \|\| raw.displayName\n\t\t\t\treturn typeof label === 'string' ? label : ''\n\t\t\t}\n\t\t\tif (typeof raw === 'boolean') {\n\t\t\t\tconst mapped = spec.map && spec.map[String(raw)]\n\t\t\t\treturn mapped ? this.tr(mapped) : this.tr(raw ? 'Yes' : 'No')\n\t\t\t}\n\t\t\tif (spec.map && Object.hasOwn(spec.map, String(raw))) {\n\t\t\t\treturn this.tr(spec.map[String(raw)])\n\t\t\t}\n\t\t\treturn String(raw)\n\t\t},\n\n\t\t/\n\t\t Replace `@source.<field>` / `@source.id` and the shared tokens in a string.\n\t\t \n\t\t @param {string} value The template.\n\t\t * @param {object\|null} record The object shown.\n\t\t * @return {string} The value, '' when a token stays unresolved.\n\t\t /\n\t\tresolveTemplate(value, record) {\n\t\t\tif (typeof value !== 'string') {\n\t\t\t\treturn value\n\t\t\t}\n\t\t\tlet unresolved = false\n\t\t\tconst replaced = value.replace(/@source\\.([\\w.@]+)/g, (match, path) => {\n\t\t\t\tconst read = record ? (path === 'id' ? (record.id ?? readPath(record, '@self.id')) : readPath(record, path)) : undefined\n\t\t\t\tif (read === undefined \|\| read === null \|\| read === '') {\n\t\t\t\t\tunresolved = true\n\t\t\t\t\treturn match\n\t\t\t\t}\n\t\t\t\treturn String(read)\n\t\t\t})\n\t\t\tif (unresolved) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tif (replaced.charAt(0) === '@') {\n\t\t\t\tconst resolved = resolveDeepTokens(replaced, this.tokenCtx)\n\t\t\t\treturn typeof resolved === 'string' && resolved.charAt(0) === '@' ? '' : String(resolved)\n\t\t\t}\n\t\t\treturn replaced\n\t\t},\n\n\t\t/\n\t\t Resolve a route declaration (`{ name, params?, query? }`).\n\t\t \n\t\t @param {object} route The declaration.\n\t\t * @param {object\|null} record The object shown.\n\t\t * @return {object\|null} The route, or null when a param stays unresolved.\n\t\t /\n\t\tresolveRoute(route, record) {\n\t\t\tif (!route \|\| typeof route !== 'object' \|\| !route.name) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst out = { name: route.name }\n\t\t\tfor (const key of ['params', 'query']) {\n\t\t\t\tif (route[key] && typeof route[key] === 'object') {\n\t\t\t\t\tout[key] = {}\n\t\t\t\t\tfor (const [name, value] of Object.entries(route[key])) {\n\t\t\t\t\t\tconst resolved = this.resolveTemplate(value, record)\n\t\t\t\t\t\tif (resolved === '') {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tout[key][name] = resolved\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-facts-widget {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmin-width: 0;\n}\n\n.cn-facts-widget__rows {\n\tdisplay: grid;\n\tgrid-template-columns: max-content 1fr;\n\tgap: 8px 16px;\n\tmargin: 0;\n\tfont-size: 14px;\n}\n\n/ Each row is a grid of its own children: the wrapper takes no box. /\n.cn-facts-widget__row {\n\tdisplay: contents;\n}\n\n/ Nextcloud core styles `dt` and `dd` (text-align end, 12px padding), which\n pushed the label to the right of its column and added 12px around both. The\n class is doubled so these resets outrank that rule, and a dossiq-style\n `:deep()` override in an app is not needed. /\n.cn-facts-widget__label.cn-facts-widget__label {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: start;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-facts-widget__value.cn-facts-widget__value {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: start;\n\tfont-weight: 500;\n\tmin-width: 0;\n\toverflow-wrap: anywhere;\n}\n\n.cn-facts-widget__title {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tcolor: var(--color-main-text);\n}\n\n.cn-facts-widget__line {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-facts-widget__muted {\n\tmargin: 0;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-facts-widget__label .hidden-visually {\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n.cn-facts-widget__label--icon {\n\talign-items: center;\n\tdisplay: flex;\n}\n\n.cn-facts-widget__value-link {\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n\n.cn-facts-widget__inline-button,\n.cn-facts-widget__icon-button,\n.cn-facts-widget__action {\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont: inherit;\n}\n\n.cn-facts-widget__inline-button {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: 16px;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tgap: 4px;\n\tmargin-inline-start: 8px;\n\tmin-height: 28px;\n\tpadding: 0 10px;\n}\n\n.cn-facts-widget__icon-button {\n\tbackground: transparent;\n\tborder: 0;\n\tborder-radius: 6px;\n\tcolor: var(--color-text-maxcontrast);\n\tmargin-inline-start: 4px;\n\tpadding: 2px;\n\tvertical-align: middle;\n}\n\n.cn-facts-widget__icon-button:hover,\n.cn-facts-widget__icon-button:focus-visible {\n\tbackground: var(--color-background-hover);\n\tcolor: var(--color-main-text);\n}\n\n.cn-facts-widget__text {\n\tcolor: var(--color-main-text);\n\tfont-size: 15px;\n}\n\n/ A lead: an icon tile or initials beside a bold title and a muted subtitle. */\n.cn-facts-widget__lead {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 12px;\n}\n\n.cn-facts-widget__lead-tile {\n\talign-items: center;\n\tbackground: var(--color-background-dark);\n\tborder-radius: 8px;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex: none;\n\tfont-size: 14px;\n\tfont-weight: 700;\n\theight: 40px;\n\tjustify-content: center;\n\twidth: 40px;\n}\n\n.cn-facts-widget__lead-tile--success {\n\tbackground: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));\n\tborder-radius: 50%;\n\tcolor: var(--color-success-text, var(--color-success));\n}\n\n.cn-facts-widget__lead-tile--info {\n\tbackground: var(--color-primary-element-light);\n\tborder-radius: 50%;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n}\n\n.cn-facts-widget__lead-text {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-width: 0;\n}\n\n.cn-facts-widget__lead-title {\n\tfont-size: 15px;\n}\n\n.cn-facts-widget__lead-subtitle {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-facts-widget__action {\n\talign-self: flex-start;\n\tbackground: var(--color-primary-element-light);\n\tborder: 0;\n\tborder-radius: 16px;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n\tfont-size: 13px;\n\tfont-weight: 700;\n\tgap: 6px;\n\tmin-height: 32px;\n\tpadding: 0 14px;\n}\n\n.cn-facts-widget__action:hover,\n.cn-facts-widget__action:focus-visible {\n\tbackground: var(--color-primary-element-light-hover, var(--color-primary-element-light));\n}\n\n.cn-facts-widget__link {\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n</style>\n"],"names":["_createElementBlock","_toDisplayString","_openBlock","_createVNode","_Fragment","_renderList","_createElementVNode","_normalizeClass","_createBlock","_createTextVNode","_resolveDynamicComponent"],"mappings":"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"}

package/dist/esm/components/CnFeaturesAndRoadmapPage/CnFeaturesAndRoadmapPage.vue2.js CHANGED Viewed

@@ -148,6 +148,47 @@ var script = {
 			default: null,
 		},
+		/**
+		 * Feature category key to caption, for the board look's groups.
+		 * Manifest `config.categories`.
+		 *
+		 * @type {object|null}
+		 */
+		categories: {
+			type: Object,
+			default: null,
+		},
+		/**
+		 * Board look options (`layout`, `tabs`, `filter`, `statusLabels`,
+		 * `next`, `issueLabels`, `subtitle`, `notice`, `documentationButton`,
+		 * `suggestButton`). Manifest `config.board`; see CnFeaturesBoard.
+		 *
+		 * @type {object|null}
+		 */
+		board: {
+			type: Object,
+			default: null,
+		},
+		/**
+		 * Page title, lifted from the manifest page's `title`. Shown in the
+		 * board look.
+		 */
+		title: {
+			type: String,
+			default: '',
+		},
+		/**
+		 * The app version for the board look's subtitle. Manifest config >
+		 * initialState (`features_roadmap_app_version`) > ''.
+		 */
+		appVersion: {
+			type: String,
+			default: '',
+		},
 		/**
 		 * Override for the appId used to namespace loadState lookups.
 		 * Tests pass an explicit value; production reads it from the
@@ -243,6 +284,11 @@ var script = {
 				|| readInitialState(this.effectiveAppId, 'features_roadmap_suggest_url', '')
 		},
+		resolvedAppVersion() {
+			return this.appVersion
+				|| readInitialState(this.effectiveAppId, 'features_roadmap_app_version', '')
+		},
 		resolvedDocumentationUrl() {
 			return this.documentationUrl
 				|| readInitialState(this.effectiveAppId, 'features_roadmap_documentation_url', '')

package/dist/esm/components/CnFeaturesAndRoadmapPage/CnFeaturesAndRoadmapPage.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnFeaturesAndRoadmapPage.vue2.js","sources":["../../../../src/components/CnFeaturesAndRoadmapPage/CnFeaturesAndRoadmapPage.vue"],"sourcesContent":["<!--\n CnFeaturesAndRoadmapPage — Manifest-driven Features & Roadmap surface.\n\n v2 manifest page primitive for `type: \"roadmap\"`. Wraps\n `CnFeaturesAndRoadmapView` so consuming apps can declare\n `{ id: \"FeaturesRoadmap\", route: \"/features-roadmap\", type: \"roadmap\" }`\n in their manifest without writing a per-app wrapper that just\n unpacks initialState into the view's three props.\n\n Resolution order for each of the three values:\n\n 1. Explicit `pages[].config.<key>` from the manifest.\n 2. `loadState(appId, 'features_roadmap_<key>', <fallback>)`.\n 3. Hardcoded fallback (`repo` → `ConductionNL/<appId>` on GitHub;\n `forge` → the `cnFeatureRequestForge` inject, else DEFAULT_FORGE).\n\n `appId` comes from the `cnAiContext` inject that CnAppRoot already\n provides; consumers can override it explicitly via the prop for tests.\n\n Spec: ConductionNL/nextcloud-vue#264.\n-->\n<template>\n\t<CnFeaturesAndRoadmapView\n\t\t:repo=\"resolvedRepo\"\n\t\t:forge=\"resolvedForge\"\n\t\t:features=\"resolvedFeatures\"\n\t\t:disabled=\"resolvedDisabled\"\n\t\t:openbuiltUrl=\"resolvedOpenbuiltUrl\"\n\t\t:llmSkillsUrl=\"resolvedLlmSkillsUrl\"\n\t\t:suggestUrl=\"resolvedSuggestUrl\"\n\t\t:documentationUrl=\"resolvedDocumentationUrl\"\n\t\t:capabilityComparison=\"resolvedCapabilityComparison\" />\n</template>\n\n<script>\n// `@nextcloud/initial-state` is a DECLARED (non-optional) peer dependency, so\n// it is imported statically — a lazy CommonJS resolution can never succeed from\n// `dist/esm/` (the package's `exports` map is import-only and the ESM build\n// has no such function), which meant this helper used to return its fallback\n// unconditionally.\nimport { loadState } from '@nextcloud/initial-state'\nimport CnFeaturesAndRoadmapView from '../CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue'\nimport { warnCapabilityComparisonDeprecated } from '../../utils/capabilityComparison.js'\nimport { DEFAULT_FORGE } from '../../utils/forge.js'\n\n/\n * Read a key from `@nextcloud/initial-state`, tolerating an unprovisioned\n * slot (mirrors resolveManifestSentinels.js).\n \n @param {string} appId Nextcloud app ID.\n * @param {string} key Initial-state key (full key, not prefixed).\n * @param {unknown} fallback Default value when no provisioned slot exists.\n * @return {unknown} Provisioned value or the fallback.\n /\nfunction readInitialState(appId, key, fallback) {\n\ttry {\n\t\t// `loadState` throws only when the `#initial-state-` element is absent\n\t\t// AND no fallback is given; a fallback IS given here, so this catch\n\t\t// covers the parse-error case only. It is a runtime condition, never a\n\t\t// module-resolution failure.\n\t\treturn loadState(appId, key, fallback)\n\t} catch {\n\t\t// Slot present but unparseable — fall back.\n\t}\n\treturn fallback\n}\n\nexport default {\n\tname: 'CnFeaturesAndRoadmapPage',\n\n\tcomponents: {\n\t\tCnFeaturesAndRoadmapView,\n\t},\n\n\tinject: {\n\t\tcnAiContext: {\n\t\t\tdefault: () => ({ appId: 'unknown' }),\n\t\t},\n\n\t\t/*\n\t\t Forge config provided by CnAppRoot from `manifest.nav.forge`.\n\t\t * Used as the fallback for `resolvedForge` so the whole app shares\n\t\t * one forge setting. Defaults to Codeberg when no ancestor.\n\t\t /\n\t\tcnFeatureRequestForge: {\n\t\t\tdefault: () => ({ ...DEFAULT_FORGE }),\n\t\t},\n\t},\n\n\tprops: {\n\t\t/\n\t\t `<owner>/<repo>` of the app's repository on the forge. When\n\t\t * omitted, falls back to the loadState value, then to\n\t\t * `ConductionNL/<appId>` — the fleet convention on GitHub.\n\t\t /\n\t\trepo: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Target forge for the feature-request deep-link. Manifest config\n\t\t * > initialState > the `cnFeatureRequestForge` inject (CnAppRoot)\n\t\t * > Codeberg.\n\t\t \n\t\t @type {{type: 'codeberg'\|'forgejo'\|'gitea'\|'github', baseUrl?: string}\|null}\n\t\t /\n\t\tforge: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Build-time feature manifest. When omitted, falls back to\n\t\t * the loadState value, then to an empty array.\n\t\t \n\t\t @type {Array<{slug: string, title: string, summary: string, docsUrl: string}>}\n\t\t /\n\t\tfeatures: {\n\t\t\ttype: Array,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Admin opt-out flag. When omitted, falls back to the\n\t\t * loadState value, then to false.\n\t\t \n\t\t @type {boolean\|null}\n\t\t /\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Override for the OpenBuilt sidebar CTA target. Manifest config\n\t\t * > initialState > the view's own default (in-instance /apps/openbuilt).\n\t\t /\n\t\topenbuiltUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Override for the LLM-skills sidebar CTA target. Manifest config\n\t\t * > initialState > docs.conduction.nl/ai-skills.\n\t\t /\n\t\tllmSkillsUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Override for the Suggest sidebar CTA. When set, the sidebar\n\t\t * Suggest CTA renders as an anchor pointing here; when empty\n\t\t * (default) the view derives the forge's feature-request issue\n\t\t * form URL. Manifest config > initialState > '' (forge form).\n\t\t /\n\t\tsuggestUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t URL of the app's public documentation site. When set, an info\n\t\t * banner above the card grid points users at the docs. Manifest\n\t\t * config > initialState > '' (no banner).\n\t\t /\n\t\tdocumentationUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Optional capability comparison document, forwarded to the view.\n\t\t * Manifest config > initialState (`features_roadmap_capabilities`) >\n\t\t * null. When null the view renders its two stops as it always has.\n\t\t \n\t\t Deprecated: publish the comparison on the app's docs site and link to it (as dossiq #3312 and pipelinq #2195 did). Still rendered; removal waits for a major version. The same goes for the `features_roadmap_capabilities` initial\n\t\t * state key. A development build warns once when either is set.\n\t\t \n\t\t @deprecated since 2.66.0, publish the comparison on the app's docs site and link to it.\n\t\t * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-the-in-app-capability-comparison-is-deprecated\n\t\t * @type {object\|null}\n\t\t /\n\t\tcapabilityComparison: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Override for the appId used to namespace loadState lookups.\n\t\t * Tests pass an explicit value; production reads it from the\n\t\t * `cnAiContext` inject populated by CnAppRoot.\n\t\t /\n\t\tappId: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Effective app id used to namespace `loadState` calls.\n\t\t * Prop takes precedence over the cnAiContext inject so that\n\t\t * unit tests can pass a known id without mocking the inject.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\teffectiveAppId() {\n\t\t\treturn this.appId \|\| this.cnAiContext?.appId \|\| 'unknown'\n\t\t},\n\n\t\t/\n\t\t Effective repo. Manifest config > initialState > fallback.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedRepo() {\n\t\t\tif (this.repo) {\n\t\t\t\treturn this.repo\n\t\t\t}\n\t\t\treturn readInitialState(\n\t\t\t\tthis.effectiveAppId,\n\t\t\t\t'features_roadmap_repo',\n\t\t\t\t`ConductionNL/${this.effectiveAppId}`,\n\t\t\t)\n\t\t},\n\n\t\t/\n\t\t Effective forge. Manifest config > initialState >\n\t\t * `cnFeatureRequestForge` inject (CnAppRoot) > DEFAULT_FORGE.\n\t\t \n\t\t @return {{type: string, baseUrl?: string}}\n\t\t /\n\t\tresolvedForge() {\n\t\t\tif (this.forge) {\n\t\t\t\treturn this.forge\n\t\t\t}\n\t\t\treturn readInitialState(\n\t\t\t\tthis.effectiveAppId,\n\t\t\t\t'features_roadmap_forge',\n\t\t\t\tthis.cnFeatureRequestForge \|\| { ...DEFAULT_FORGE },\n\t\t\t)\n\t\t},\n\n\t\t/\n\t\t Effective features list. Manifest config > initialState > [].\n\t\t \n\t\t @return {Array}\n\t\t /\n\t\tresolvedFeatures() {\n\t\t\tif (this.features !== null) {\n\t\t\t\treturn this.features\n\t\t\t}\n\t\t\treturn readInitialState(this.effectiveAppId, 'features_roadmap_features', [])\n\t\t},\n\n\t\t/\n\t\t Effective disabled flag. Manifest config > initialState > false.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tresolvedDisabled() {\n\t\t\tif (this.disabled !== null) {\n\t\t\t\treturn this.disabled\n\t\t\t}\n\t\t\treturn readInitialState(this.effectiveAppId, 'features_roadmap_disabled', false)\n\t\t},\n\n\t\tresolvedOpenbuiltUrl() {\n\t\t\treturn this.openbuiltUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_openbuilt_url', '')\n\t\t},\n\n\t\tresolvedLlmSkillsUrl() {\n\t\t\treturn this.llmSkillsUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_llm_skills_url', '')\n\t\t},\n\n\t\tresolvedSuggestUrl() {\n\t\t\treturn this.suggestUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_suggest_url', '')\n\t\t},\n\n\t\tresolvedDocumentationUrl() {\n\t\t\treturn this.documentationUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_documentation_url', '')\n\t\t},\n\n\t\t/\n\t\t Effective capability comparison. Manifest config > initialState >\n\t\t * null.\n\t\t \n\t\t `null` and not `{}`: an empty object would make the view believe a\n\t\t * comparison exists and grow a third toggle stop over zero rows.\n\t\t \n\t\t @return {object\|null}\n\t\t */\n\t\tresolvedCapabilityComparison() {\n\t\t\tif (this.capabilityComparison !== null) {\n\t\t\t\treturn this.capabilityComparison\n\t\t\t}\n\t\t\treturn readInitialState(this.effectiveAppId, 'features_roadmap_capabilities', null)\n\t\t},\n\t},\n\n\tmounted() {\n\t\tif (this.resolvedCapabilityComparison) {\n\t\t\twarnCapabilityComparisonDeprecated('CnFeaturesAndRoadmapPage `capabilityComparison` / the `features_roadmap_capabilities` initial state')\n\t\t}\n\t},\n}\n</script>\n"],"names":["CnFeaturesAndRoadmapView"],"mappings":"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"}
1	+ {"version":3,"file":"CnFeaturesAndRoadmapPage.vue2.js","sources":["../../../../src/components/CnFeaturesAndRoadmapPage/CnFeaturesAndRoadmapPage.vue"],"sourcesContent":["<!--\n CnFeaturesAndRoadmapPage — Manifest-driven Features & Roadmap surface.\n\n v2 manifest page primitive for `type: \"roadmap\"`. Wraps\n `CnFeaturesAndRoadmapView` so consuming apps can declare\n `{ id: \"FeaturesRoadmap\", route: \"/features-roadmap\", type: \"roadmap\" }`\n in their manifest without writing a per-app wrapper that just\n unpacks initialState into the view's three props.\n\n Resolution order for each of the three values:\n\n 1. Explicit `pages[].config.<key>` from the manifest.\n 2. `loadState(appId, 'features_roadmap_<key>', <fallback>)`.\n 3. Hardcoded fallback (`repo` → `ConductionNL/<appId>` on GitHub;\n `forge` → the `cnFeatureRequestForge` inject, else DEFAULT_FORGE).\n\n `appId` comes from the `cnAiContext` inject that CnAppRoot already\n provides; consumers can override it explicitly via the prop for tests.\n\n Spec: ConductionNL/nextcloud-vue#264.\n-->\n<template>\n\t<CnFeaturesAndRoadmapView\n\t\t:repo=\"resolvedRepo\"\n\t\t:forge=\"resolvedForge\"\n\t\t:features=\"resolvedFeatures\"\n\t\t:disabled=\"resolvedDisabled\"\n\t\t:openbuiltUrl=\"resolvedOpenbuiltUrl\"\n\t\t:llmSkillsUrl=\"resolvedLlmSkillsUrl\"\n\t\t:suggestUrl=\"resolvedSuggestUrl\"\n\t\t:documentationUrl=\"resolvedDocumentationUrl\"\n\t\t:capabilityComparison=\"resolvedCapabilityComparison\"\n\t\t:categories=\"categories \|\| {}\"\n\t\t:board=\"board \|\| {}\"\n\t\t:title=\"title\"\n\t\t:appVersion=\"resolvedAppVersion\" />\n</template>\n\n<script>\n// `@nextcloud/initial-state` is a DECLARED (non-optional) peer dependency, so\n// it is imported statically — a lazy CommonJS resolution can never succeed from\n// `dist/esm/` (the package's `exports` map is import-only and the ESM build\n// has no such function), which meant this helper used to return its fallback\n// unconditionally.\nimport { loadState } from '@nextcloud/initial-state'\nimport CnFeaturesAndRoadmapView from '../CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue'\nimport { warnCapabilityComparisonDeprecated } from '../../utils/capabilityComparison.js'\nimport { DEFAULT_FORGE } from '../../utils/forge.js'\n\n/\n * Read a key from `@nextcloud/initial-state`, tolerating an unprovisioned\n * slot (mirrors resolveManifestSentinels.js).\n \n @param {string} appId Nextcloud app ID.\n * @param {string} key Initial-state key (full key, not prefixed).\n * @param {unknown} fallback Default value when no provisioned slot exists.\n * @return {unknown} Provisioned value or the fallback.\n /\nfunction readInitialState(appId, key, fallback) {\n\ttry {\n\t\t// `loadState` throws only when the `#initial-state-` element is absent\n\t\t// AND no fallback is given; a fallback IS given here, so this catch\n\t\t// covers the parse-error case only. It is a runtime condition, never a\n\t\t// module-resolution failure.\n\t\treturn loadState(appId, key, fallback)\n\t} catch {\n\t\t// Slot present but unparseable — fall back.\n\t}\n\treturn fallback\n}\n\nexport default {\n\tname: 'CnFeaturesAndRoadmapPage',\n\n\tcomponents: {\n\t\tCnFeaturesAndRoadmapView,\n\t},\n\n\tinject: {\n\t\tcnAiContext: {\n\t\t\tdefault: () => ({ appId: 'unknown' }),\n\t\t},\n\n\t\t/*\n\t\t Forge config provided by CnAppRoot from `manifest.nav.forge`.\n\t\t * Used as the fallback for `resolvedForge` so the whole app shares\n\t\t * one forge setting. Defaults to Codeberg when no ancestor.\n\t\t /\n\t\tcnFeatureRequestForge: {\n\t\t\tdefault: () => ({ ...DEFAULT_FORGE }),\n\t\t},\n\t},\n\n\tprops: {\n\t\t/\n\t\t `<owner>/<repo>` of the app's repository on the forge. When\n\t\t * omitted, falls back to the loadState value, then to\n\t\t * `ConductionNL/<appId>` — the fleet convention on GitHub.\n\t\t /\n\t\trepo: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Target forge for the feature-request deep-link. Manifest config\n\t\t * > initialState > the `cnFeatureRequestForge` inject (CnAppRoot)\n\t\t * > Codeberg.\n\t\t \n\t\t @type {{type: 'codeberg'\|'forgejo'\|'gitea'\|'github', baseUrl?: string}\|null}\n\t\t /\n\t\tforge: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Build-time feature manifest. When omitted, falls back to\n\t\t * the loadState value, then to an empty array.\n\t\t \n\t\t @type {Array<{slug: string, title: string, summary: string, docsUrl: string}>}\n\t\t /\n\t\tfeatures: {\n\t\t\ttype: Array,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Admin opt-out flag. When omitted, falls back to the\n\t\t * loadState value, then to false.\n\t\t \n\t\t @type {boolean\|null}\n\t\t /\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Override for the OpenBuilt sidebar CTA target. Manifest config\n\t\t * > initialState > the view's own default (in-instance /apps/openbuilt).\n\t\t /\n\t\topenbuiltUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Override for the LLM-skills sidebar CTA target. Manifest config\n\t\t * > initialState > docs.conduction.nl/ai-skills.\n\t\t /\n\t\tllmSkillsUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Override for the Suggest sidebar CTA. When set, the sidebar\n\t\t * Suggest CTA renders as an anchor pointing here; when empty\n\t\t * (default) the view derives the forge's feature-request issue\n\t\t * form URL. Manifest config > initialState > '' (forge form).\n\t\t /\n\t\tsuggestUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t URL of the app's public documentation site. When set, an info\n\t\t * banner above the card grid points users at the docs. Manifest\n\t\t * config > initialState > '' (no banner).\n\t\t /\n\t\tdocumentationUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Optional capability comparison document, forwarded to the view.\n\t\t * Manifest config > initialState (`features_roadmap_capabilities`) >\n\t\t * null. When null the view renders its two stops as it always has.\n\t\t \n\t\t Deprecated: publish the comparison on the app's docs site and link to it (as dossiq #3312 and pipelinq #2195 did). Still rendered; removal waits for a major version. The same goes for the `features_roadmap_capabilities` initial\n\t\t * state key. A development build warns once when either is set.\n\t\t \n\t\t @deprecated since 2.66.0, publish the comparison on the app's docs site and link to it.\n\t\t * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-the-in-app-capability-comparison-is-deprecated\n\t\t * @type {object\|null}\n\t\t /\n\t\tcapabilityComparison: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Feature category key to caption, for the board look's groups.\n\t\t * Manifest `config.categories`.\n\t\t \n\t\t @type {object\|null}\n\t\t /\n\t\tcategories: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Board look options (`layout`, `tabs`, `filter`, `statusLabels`,\n\t\t * `next`, `issueLabels`, `subtitle`, `notice`, `documentationButton`,\n\t\t * `suggestButton`). Manifest `config.board`; see CnFeaturesBoard.\n\t\t \n\t\t @type {object\|null}\n\t\t /\n\t\tboard: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t Page title, lifted from the manifest page's `title`. Shown in the\n\t\t * board look.\n\t\t /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t The app version for the board look's subtitle. Manifest config >\n\t\t * initialState (`features_roadmap_app_version`) > ''.\n\t\t /\n\t\tappVersion: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Override for the appId used to namespace loadState lookups.\n\t\t * Tests pass an explicit value; production reads it from the\n\t\t * `cnAiContext` inject populated by CnAppRoot.\n\t\t /\n\t\tappId: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Effective app id used to namespace `loadState` calls.\n\t\t * Prop takes precedence over the cnAiContext inject so that\n\t\t * unit tests can pass a known id without mocking the inject.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\teffectiveAppId() {\n\t\t\treturn this.appId \|\| this.cnAiContext?.appId \|\| 'unknown'\n\t\t},\n\n\t\t/\n\t\t Effective repo. Manifest config > initialState > fallback.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tresolvedRepo() {\n\t\t\tif (this.repo) {\n\t\t\t\treturn this.repo\n\t\t\t}\n\t\t\treturn readInitialState(\n\t\t\t\tthis.effectiveAppId,\n\t\t\t\t'features_roadmap_repo',\n\t\t\t\t`ConductionNL/${this.effectiveAppId}`,\n\t\t\t)\n\t\t},\n\n\t\t/\n\t\t Effective forge. Manifest config > initialState >\n\t\t * `cnFeatureRequestForge` inject (CnAppRoot) > DEFAULT_FORGE.\n\t\t \n\t\t @return {{type: string, baseUrl?: string}}\n\t\t /\n\t\tresolvedForge() {\n\t\t\tif (this.forge) {\n\t\t\t\treturn this.forge\n\t\t\t}\n\t\t\treturn readInitialState(\n\t\t\t\tthis.effectiveAppId,\n\t\t\t\t'features_roadmap_forge',\n\t\t\t\tthis.cnFeatureRequestForge \|\| { ...DEFAULT_FORGE },\n\t\t\t)\n\t\t},\n\n\t\t/\n\t\t Effective features list. Manifest config > initialState > [].\n\t\t \n\t\t @return {Array}\n\t\t /\n\t\tresolvedFeatures() {\n\t\t\tif (this.features !== null) {\n\t\t\t\treturn this.features\n\t\t\t}\n\t\t\treturn readInitialState(this.effectiveAppId, 'features_roadmap_features', [])\n\t\t},\n\n\t\t/\n\t\t Effective disabled flag. Manifest config > initialState > false.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tresolvedDisabled() {\n\t\t\tif (this.disabled !== null) {\n\t\t\t\treturn this.disabled\n\t\t\t}\n\t\t\treturn readInitialState(this.effectiveAppId, 'features_roadmap_disabled', false)\n\t\t},\n\n\t\tresolvedOpenbuiltUrl() {\n\t\t\treturn this.openbuiltUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_openbuilt_url', '')\n\t\t},\n\n\t\tresolvedLlmSkillsUrl() {\n\t\t\treturn this.llmSkillsUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_llm_skills_url', '')\n\t\t},\n\n\t\tresolvedSuggestUrl() {\n\t\t\treturn this.suggestUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_suggest_url', '')\n\t\t},\n\n\t\tresolvedAppVersion() {\n\t\t\treturn this.appVersion\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_app_version', '')\n\t\t},\n\n\t\tresolvedDocumentationUrl() {\n\t\t\treturn this.documentationUrl\n\t\t\t\t\|\| readInitialState(this.effectiveAppId, 'features_roadmap_documentation_url', '')\n\t\t},\n\n\t\t/\n\t\t Effective capability comparison. Manifest config > initialState >\n\t\t * null.\n\t\t \n\t\t `null` and not `{}`: an empty object would make the view believe a\n\t\t * comparison exists and grow a third toggle stop over zero rows.\n\t\t \n\t\t @return {object\|null}\n\t\t */\n\t\tresolvedCapabilityComparison() {\n\t\t\tif (this.capabilityComparison !== null) {\n\t\t\t\treturn this.capabilityComparison\n\t\t\t}\n\t\t\treturn readInitialState(this.effectiveAppId, 'features_roadmap_capabilities', null)\n\t\t},\n\t},\n\n\tmounted() {\n\t\tif (this.resolvedCapabilityComparison) {\n\t\t\twarnCapabilityComparisonDeprecated('CnFeaturesAndRoadmapPage `capabilityComparison` / the `features_roadmap_capabilities` initial state')\n\t\t}\n\t},\n}\n</script>\n"],"names":["CnFeaturesAndRoadmapView"],"mappings":"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"}

package/dist/esm/components/CnFeaturesAndRoadmapPage/CnFeaturesAndRoadmapPage.vue3.js CHANGED Viewed

@@ -12,8 +12,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     llmSkillsUrl: $options.resolvedLlmSkillsUrl,
     suggestUrl: $options.resolvedSuggestUrl,
     documentationUrl: $options.resolvedDocumentationUrl,
-    capabilityComparison: $options.resolvedCapabilityComparison
-  }, null, 8 /* PROPS */, ["repo", "forge", "features", "disabled", "openbuiltUrl", "llmSkillsUrl", "suggestUrl", "documentationUrl", "capabilityComparison"]))
+    capabilityComparison: $options.resolvedCapabilityComparison,
+    categories: $props.categories || {},
+    board: $props.board || {},
+    title: $props.title,
+    appVersion: $options.resolvedAppVersion
+  }, null, 8 /* PROPS */, ["repo", "forge", "features", "disabled", "openbuiltUrl", "llmSkillsUrl", "suggestUrl", "documentationUrl", "capabilityComparison", "categories", "board", "title", "appVersion"]))
 }
 export { render };

package/dist/esm/components/CnFeaturesAndRoadmapPage/CnFeaturesAndRoadmapPage.vue3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnFeaturesAndRoadmapPage.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"CnFeaturesAndRoadmapPage.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import script from './CnFeaturesAndRoadmapView.vue2.js';
 import { render } from './CnFeaturesAndRoadmapView.vue3.js';
 script.render = render;
-script.__scopeId = "data-v-191ea8ba";
+script.__scopeId = "data-v-f19c0cb4";
 const __sfc_main = script;
 export { __sfc_main as default };

package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue2.js CHANGED Viewed

@@ -8,10 +8,12 @@ import Plus from 'vue-material-design-icons/Plus.vue';
 import RoadVariant from 'vue-material-design-icons/RoadVariant.vue';
 import TableSearch from 'vue-material-design-icons/TableSearch.vue';
 import __sfc_main from '../CnCapabilityTable/CnCapabilityTable.vue.js';
-import __sfc_main$4 from '../CnFeaturesAndRoadmapSidebar/CnFeaturesAndRoadmapSidebar.vue.js';
-import __sfc_main$1 from '../CnFeaturesTab/CnFeaturesTab.vue.js';
-import __sfc_main$2 from '../CnRoadmapTab/CnRoadmapTab.vue.js';
-import __sfc_main$3 from '../CnSupportDialog/CnSupportDialog.vue.js';
+import __sfc_main$5 from '../CnFeaturesAndRoadmapSidebar/CnFeaturesAndRoadmapSidebar.vue.js';
+import __sfc_main$1 from '../CnFeaturesBoard/CnFeaturesBoard.vue.js';
+import __sfc_main$2 from '../CnFeaturesTab/CnFeaturesTab.vue.js';
+import __sfc_main$3 from '../CnRoadmapTab/CnRoadmapTab.vue.js';
+import __sfc_main$4 from '../CnSupportDialog/CnSupportDialog.vue.js';
+import { normalizeLook } from '../../composables/useLook.js';
 import { warnCapabilityComparisonDeprecated } from '../../utils/capabilityComparison.js';
 import { DEFAULT_FORGE, buildFeatureRequestUrl } from '../../utils/forge.js';
@@ -35,9 +37,10 @@ var script = {
 		RoadVariant,
 		TableSearch,
 		CnCapabilityTable: __sfc_main,
-		CnFeaturesTab: __sfc_main$1,
-		CnRoadmapTab: __sfc_main$2,
-		CnSupportDialog: __sfc_main$3,
+		CnFeaturesBoard: __sfc_main$1,
+		CnFeaturesTab: __sfc_main$2,
+		CnRoadmapTab: __sfc_main$3,
+		CnSupportDialog: __sfc_main$4,
 	},
 	inject: {
@@ -56,6 +59,8 @@ var script = {
 		 * unmount. Same holder CnIndexPage uses.
 		 */
 		cnIndexSidebarConfig: { default: () => ({ value: null }) },
+		/** The app's look, provided by CnAppRoot (`nextcloud` or `board`). */
+		cnLook: { default: 'nextcloud' },
 	},
 	props: {
@@ -90,6 +95,46 @@ var script = {
 			default: () => [],
 		},
+		/**
+		 * Feature category key to caption, in the order the board look shows
+		 * the groups. A feature names its group with `category`.
+		 *
+		 * @type {object}
+		 */
+		categories: {
+			type: Object,
+			default: () => ({}),
+		},
+		/**
+		 * Board look options, passed to CnFeaturesBoard: `layout` (`cards` or
+		 * `rows`), `tabs`, `filter` (`chips` or `segmented`), `statusLabels`,
+		 * `next`, `issueLabels`, `subtitle`, `notice`, `documentationButton`
+		 * and `suggestButton`. Ignored in the default look.
+		 *
+		 * @type {object}
+		 */
+		board: {
+			type: Object,
+			default: () => ({}),
+		},
+		/**
+		 * Page title in the board look. Empty reads "Features and roadmap".
+		 */
+		title: {
+			type: String,
+			default: '',
+		},
+		/**
+		 * The app version, for `{appVersion}` in the board look's subtitle.
+		 */
+		appVersion: {
+			type: String,
+			default: '',
+		},
 		/**
 		 * Admin opt-out flag — when true the entire view collapses to a
 		 * single "disabled by admin" empty state.
@@ -285,6 +330,32 @@ var script = {
 	},
 	computed: {
+		/**
+		 * Whether the page is drawn in the board look.
+		 *
+		 * @return {boolean}
+		 */
+		isBoardLook() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+		/**
+		 * The board options CnFeaturesBoard declares, so an unknown key in the
+		 * manifest never lands on its root element as an attribute.
+		 *
+		 * @return {object}
+		 */
+		boardOptions() {
+			const keys = ['layout', 'tabs', 'filter', 'statusLabels', 'next', 'issueLabels', 'subtitle', 'notice', 'documentationButton', 'suggestButton'];
+			const options = {};
+			for (const key of keys) {
+				if (this.board && this.board[key] !== undefined && this.board[key] !== null) {
+					options[key] = this.board[key];
+				}
+			}
+			return options
+		},
 		/**
 		 * The stops the header toggle cycles through. Without a capability
 		 * comparison this is the two-stop list every consumer has today, and
@@ -478,14 +549,16 @@ var script = {
 			if (!this.cnHostsIndexSidebar || !this.cnIndexSidebarConfig) {
 				return
 			}
-			if (this.disabled) {
+			// The board look has no right-hand column: its links sit in the
+			// board's Actions menu.
+			if (this.disabled || this.isBoardLook) {
 				this.cnIndexSidebarConfig.value = null;
 				return
 			}
 			this.cnIndexSidebarConfig.value = {
 				// markRaw: see CnIndexPage's publishHoistedSidebar — the holder
 				// is deeply reactive and would proxy the component definition.
-				component: markRaw(__sfc_main$4),
+				component: markRaw(__sfc_main$5),
 				props: {
 					openbuiltUrl: this.resolvedOpenbuiltUrl,
 					llmSkillsUrl: this.resolvedLlmSkillsUrl,