npm - @conduction/nextcloud-vue - Versions diffs - 2.105.0 → 2.106.0 - Mend

@conduction/nextcloud-vue 2.105.0 → 2.106.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 (153) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CnRecordListWidget.vue3.js","sources":["../../../../src/components/CnRecordListWidget/CnRecordListWidget.vue?vue&type=template&id=7d1cc1e6&lang.js"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div\n\t\tclass=\"cn-record-list\"\n\t\t:class=\"`cn-record-list--${presentation}`\"\n\t\tdata-testid=\"cn-record-list\">\n\t\t<p v-if=\"error\" class=\"cn-record-list__error\" data-testid=\"cn-record-list-error\">\n\t\t\t{{ errorLabel }}\n\t\t</p>\n\t\t<div v-else-if=\"loading && rows.length === 0\" class=\"cn-record-list__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" :name=\"loadingLabel\" />\n\t\t</div>\n\t\t<p v-else-if=\"rows.length === 0\" class=\"cn-record-list__empty\" data-testid=\"cn-record-list-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t\t<!-- notice: the rows as sentences in one toned box (\"2 waarschuwingen: ...\"). -->\n\t\t<div\n\t\t\tv-else-if=\"presentation === 'notice'\"\n\t\t\tclass=\"cn-record-list__notice\"\n\t\t\t:class=\"`cn-record-list__notice--${noticeVariant}`\"\n\t\t\trole=\"note\"\n\t\t\tdata-testid=\"cn-record-list-notice\">\n\t\t\t<CnIcon\n\t\t\t\t:name=\"noticeIcon\"\n\t\t\t\t:size=\"18\"\n\t\t\t\tclass=\"cn-record-list__notice-icon\"\n\t\t\t\taria-hidden=\"true\" />\n\t\t\t<p class=\"cn-record-list__notice-text\">\n\t\t\t\t{{ noticeText }}\n\t\t\t</p>\n\t\t</div>\n\t\t<ul v-else class=\"cn-record-list__list\">\n\t\t\t<li\n\t\t\t\tv-for=\"item in items\"\n\t\t\t\t:key=\"item.key\"\n\t\t\t\tclass=\"cn-record-list__item\"\n\t\t\t\tdata-testid=\"cn-record-list-item\">\n\t\t\t\t<!-- rows with `rowAction`: the title is the link, and one action\n\t\t\t\t ends the row instead of the chevron (\"Beoordelen\"). -->\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"presentation === 'rows' && item.action\"\n\t\t\t\t\tclass=\"cn-record-list__row cn-record-list__row--action\">\n\t\t\t\t\t<span v-if=\"item.initials\"\n\t\t\t\t\t\tclass=\"cn-record-list__avatar\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-avatar\">{{ item.initials }}</span>\n\t\t\t\t\t<span class=\"cn-record-list__main\">\n\t\t\t\t\t\t<component\n\t\t\t\t\t\t\t:is=\"item.tag\"\n\t\t\t\t\t\t\tv-if=\"item.title\"\n\t\t\t\t\t\t\tclass=\"cn-record-list__title\"\n\t\t\t\t\t\t\t:class=\"{ 'cn-record-list__title--link': item.tag !== 'div' }\"\n\t\t\t\t\t\t\tv-bind=\"item.attrs\">\n\t\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t\t</component>\n\t\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span v-if=\"item.pill \|\| item.badges.length > 0\" class=\"cn-record-list__pills\">\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-if=\"item.pill\"\n\t\t\t\t\t\t\t:label=\"item.pill.label\"\n\t\t\t\t\t\t\t:variant=\"item.pill.variant\"\n\t\t\t\t\t\t\tsize=\"small\" />\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-for=\"badge in item.badges\"\n\t\t\t\t\t\t\t:key=\"badge.key\"\n\t\t\t\t\t\t\t:label=\"badge.label\"\n\t\t\t\t\t\t\t:variant=\"badge.variant\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t:data-testid=\"`cn-record-list-badge-${badge.kind}`\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"item.due\"\n\t\t\t\t\t\tclass=\"cn-record-list__due cn-record-list__due--column\"\n\t\t\t\t\t\t:class=\"`cn-record-list__due--${item.due.tone}`\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-due\">{{ item.due.text }}</span>\n\t\t\t\t\t<span v-if=\"item.trailing\" class=\"cn-record-list__trailing\">{{ item.trailing }}</span>\n\t\t\t\t\t<component\n\t\t\t\t\t\t:is=\"item.action.tag\"\n\t\t\t\t\t\tclass=\"cn-record-list__action\"\n\t\t\t\t\t\tv-bind=\"item.action.attrs\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-action\"\n\t\t\t\t\t\tv-on=\"item.action.tag === 'button' ? { click: () => runRowAction(item.row) } : {}\">\n\t\t\t\t\t\t{{ item.action.label }}\n\t\t\t\t\t</component>\n\t\t\t\t</div>\n\t\t\t\t<!-- rows: title and meta, then the pill, the date and a chevron. -->\n\t\t\t\t<component\n\t\t\t\t\t:is=\"item.tag\"\n\t\t\t\t\tv-else-if=\"presentation === 'rows'\"\n\t\t\t\t\tclass=\"cn-record-list__row\"\n\t\t\t\t\t:class=\"{ 'cn-record-list__row--link': item.tag !== 'div' }\"\n\t\t\t\t\tv-bind=\"item.attrs\">\n\t\t\t\t\t<span v-if=\"item.initials\"\n\t\t\t\t\t\tclass=\"cn-record-list__avatar\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-avatar\">{{ item.initials }}</span>\n\t\t\t\t\t<span class=\"cn-record-list__main\">\n\t\t\t\t\t\t<span v-if=\"item.title\" class=\"cn-record-list__title\">{{ item.title }}</span>\n\t\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span v-if=\"item.pill \|\| item.badges.length > 0 \|\| item.due \|\| item.trailing\" class=\"cn-record-list__aside\">\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-if=\"item.pill\"\n\t\t\t\t\t\t\t:label=\"item.pill.label\"\n\t\t\t\t\t\t\t:variant=\"item.pill.variant\"\n\t\t\t\t\t\t\tsize=\"small\" />\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-for=\"badge in item.badges\"\n\t\t\t\t\t\t\t:key=\"badge.key\"\n\t\t\t\t\t\t\t:label=\"badge.label\"\n\t\t\t\t\t\t\t:variant=\"badge.variant\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t:data-testid=\"`cn-record-list-badge-${badge.kind}`\" />\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tv-if=\"item.due\"\n\t\t\t\t\t\t\tclass=\"cn-record-list__due\"\n\t\t\t\t\t\t\t:class=\"`cn-record-list__due--${item.due.tone}`\"\n\t\t\t\t\t\t\tdata-testid=\"cn-record-list-due\">{{ item.due.text }}</span>\n\t\t\t\t\t\t<span v-if=\"item.trailing\" class=\"cn-record-list__trailing\">{{ item.trailing }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\tv-if=\"item.tag !== 'div'\"\n\t\t\t\t\t\tclass=\"cn-record-list__chevron\"\n\t\t\t\t\t\t:size=\"18\"\n\t\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t\t</component>\n\n\t\t\t\t<!-- cards: a framed card per row, the icon and title with the pill\n\t\t\t\t beside them, the meta line, and `trailing` as the large figure. -->\n\t\t\t\t<component\n\t\t\t\t\t:is=\"item.tag\"\n\t\t\t\t\tv-else-if=\"presentation === 'cards'\"\n\t\t\t\t\tclass=\"cn-record-list__card\"\n\t\t\t\t\t:class=\"{ 'cn-record-list__card--link': item.tag !== 'div' }\"\n\t\t\t\t\tv-bind=\"item.attrs\"\n\t\t\t\t\tdata-testid=\"cn-record-list-card\">\n\t\t\t\t\t<span class=\"cn-record-list__card-head\">\n\t\t\t\t\t\t<span class=\"cn-record-list__card-title\">\n\t\t\t\t\t\t\t<CnIcon\n\t\t\t\t\t\t\t\tv-if=\"cardIcons\"\n\t\t\t\t\t\t\t\tclass=\"cn-record-list__card-icon\"\n\t\t\t\t\t\t\t\t:name=\"item.icon\"\n\t\t\t\t\t\t\t\t:size=\"18\" />\n\t\t\t\t\t\t\t<span v-if=\"item.title\" class=\"cn-record-list__title\">{{ item.title }}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span v-if=\"item.pill \|\| item.badges.length > 0\" class=\"cn-record-list__card-pills\">\n\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\tv-if=\"item.pill\"\n\t\t\t\t\t\t\t\t:label=\"item.pill.label\"\n\t\t\t\t\t\t\t\t:variant=\"item.pill.variant\"\n\t\t\t\t\t\t\t\tsize=\"small\" />\n\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\tv-for=\"badge in item.badges\"\n\t\t\t\t\t\t\t\t:key=\"badge.key\"\n\t\t\t\t\t\t\t\t:label=\"badge.label\"\n\t\t\t\t\t\t\t\t:variant=\"badge.variant\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t:data-testid=\"`cn-record-list-badge-${badge.kind}`\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t<span v-if=\"item.trailing\" class=\"cn-record-list__card-value\" data-testid=\"cn-record-list-card-value\">{{ item.trailing }}</span>\n\t\t\t\t</component>\n\n\t\t\t\t<!-- feed: a round icon, a meta line and the text. -->\n\t\t\t\t<div v-else-if=\"presentation === 'feed'\" class=\"cn-record-list__feed-row\">\n\t\t\t\t\t<span class=\"cn-record-list__feed-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t<CnIcon :name=\"item.icon\" :size=\"18\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<component :is=\"item.tag\" class=\"cn-record-list__main\" v-bind=\"item.attrs\">\n\t\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t\t<span v-if=\"item.text\" class=\"cn-record-list__text\">{{ item.text }}</span>\n\t\t\t\t\t</component>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- inline: a label and the title, the title a link. -->\n\t\t\t\t<div v-else class=\"cn-record-list__inline-row\">\n\t\t\t\t\t<span v-if=\"item.label\" class=\"cn-record-list__label\">{{ item.label }}</span>\n\t\t\t\t\t<component :is=\"item.tag\" class=\"cn-record-list__inline-title\" v-bind=\"item.attrs\">\n\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t</component>\n\t\t\t\t</div>\n\t\t\t\t<!-- `bar`: a thin track under the row, filled to the row's value\n\t\t\t\t against its own maximum or against the largest row. -->\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"presentation === 'rows' && item.bar\"\n\t\t\t\t\tclass=\"cn-record-list__bar\"\n\t\t\t\t\t:class=\"{ 'cn-record-list__bar--over': item.bar.over }\"\n\t\t\t\t\trole=\"meter\"\n\t\t\t\t\t:aria-label=\"item.title \|\| null\"\n\t\t\t\t\t:aria-valuenow=\"item.bar.value\"\n\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t:aria-valuemax=\"item.bar.max\"\n\t\t\t\t\tdata-testid=\"cn-record-list-bar\">\n\t\t\t\t\t<span class=\"cn-record-list__bar-fill\" :style=\"{ width: `${item.bar.share}%` }\" />\n\t\t\t\t</span>\n\t\t\t</li>\n\t\t</ul>\n\t\t<!-- `footerAction`: one action under the list, also under the empty\n\t\t text (\"Beroep registreren\"). With `disabledWhen` it greys out and\n\t\t says why (`disabledReason`: \"Kan zodra de beslissing is\n\t\t verzonden\"). -->\n\t\t<div\n\t\t\tv-if=\"footerAction && !error\"\n\t\t\tclass=\"cn-record-list__footer\"\n\t\t\tdata-testid=\"cn-record-list-footer\">\n\t\t\t<NcButton\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t:disabled=\"footerDisabled\"\n\t\t\t\t:aria-describedby=\"footerDisabled && footerAction.reason ? footerReasonId : null\"\n\t\t\t\tdata-testid=\"cn-record-list-footer-action\"\n\t\t\t\t@click=\"runFooterAction\">\n\t\t\t\t<template v-if=\"footerAction.icon\" #icon>\n\t\t\t\t\t<CnIcon :name=\"footerAction.icon\" :size=\"16\" />\n\t\t\t\t</template>\n\t\t\t\t{{ footerAction.label }}\n\t\t\t</NcButton>\n\t\t\t<span\n\t\t\t\tv-if=\"footerDisabled && footerAction.reason\"\n\t\t\t\t:id=\"footerReasonId\"\n\t\t\t\tclass=\"cn-record-list__footer-reason\"\n\t\t\t\tdata-testid=\"cn-record-list-footer-reason\">{{ footerAction.reason }}</span>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcLoadingIcon } from '@nextcloud/vue'\nimport { inject, ref } from 'vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport CnIcon from '../CnIcon/CnIcon.vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { useEndpointSource } from '../../composables/useEndpointSource.js'\nimport { actionLink, dispatchAction, interpolateActionTarget } from '../../utils/actionsDispatcher.js'\nimport { isBadgeVariant } from '../../utils/badgeVariants.js'\nimport { ageInDays } from '../../utils/boardDate.js'\nimport { resolveDue } from '../../utils/dueText.js'\nimport { fillTemplate, firstFilled } from '../../utils/fillTemplate.js'\nimport { unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { initialsOf } from '../../utils/initials.js'\nimport { lensUnavailableText, readLensReports } from '../../utils/lensAvailability.js'\nimport { pageFilter, pageSort } from '../../utils/pageControls.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { dropOptionalUnresolved, hasUnresolvedTokens, resolveFilterTokens } from '../../utils/resolveFilterTokens.js'\nimport { evaluateVisibleWhen } from '../../utils/visibleWhen.js'\n\nconst PAGE_REFRESH_CHANNEL = 'cn:page:refresh'\n\n/** Gives each list's footer reason its own element id. /\nlet footerSeq = 0\nconst PRESENTATIONS = ['rows', 'feed', 'inline', 'cards', 'notice']\n\n/* The tones a `notice` list takes. /\nconst NOTICE_VARIANTS = ['info', 'warning', 'error']\n\n/\n A row that is a plain string or number (an endpoint answering `[\"...\", \"...\"]`)\n * read as `{ value }`, so the templates reach it as `{value}` and a list\n * without a `title` shows the value itself. An object row is returned as is.\n \n @param {(object\|string\|number)} row The row.\n * @return {(object\|string\|number)} The row, or `{ value }` for a string or number.\n /\nfunction scalarRow(row) {\n\treturn typeof row === 'string' \|\| typeof row === 'number' ? { value: String(row) } : row\n}\n\n/\n Unwrap a value that may be a ref.\n \n @param {unknown} value The value.\n * @return {unknown} The plain value.\n /\nfunction unwrap(value) {\n\treturn value && typeof value === 'object' && 'value' in value ? value.value : value\n}\n\n/\n CnRecordListWidget — the objects of another schema that point at this\n * record, drawn as the boards draw them (screens-relation-pages).\n \n A person page lists its open cases (\"Verlichting fietspad Lindelaan,\n * 2026-0082 · Woo-verzoek, In behandeling, Termijn 1 nov\"), its latest contact\n * moments (an icon by channel, a meta line, the summary) and its relations\n * (\"Secretaris van Buurtvereniging Oost\"). Each is a list of another schema's\n * objects filtered on a reference to this record. The source keys are those of\n * `object-list` (`register`, `schema`, `filter` with the `@objectId` /\n * `@object.<field>` / `@workspace.<key>` tokens, `sort`, `limit`, `extend`,\n * `rowRoute`, `pageControls`), or `endpointSource` (an app endpoint whose\n * payload, after `responsePath`, is the array of rows, as on the object table); `avatar` puts a circle with the initials of a name\n * template before the title; what differs is the drawing: `presentation` is `rows`, `feed`\n * or `inline`, and each line is a template (`\"{identifier} · {caseTypeName}\"`,\n * `\"Termijn {deadline\|date}\"`). `cards` draws a framed card per row in a\n * grid, with `trailing` as the large figure (board ShBank's accounts).\n \n A content-only catalog type: on a card surface the detail host or the\n * dashboard page draws the titled card. The widget emits `header` with `{ link, note }` (the\n * `headerLink` and `headerNote` with `{total}` filled in) for that card's\n * header.\n /\nexport default {\n\tname: 'CnRecordListWidget',\n\n\tcomponents: { ChevronRight, CnIcon, CnStatusBadge, NcButton, NcLoadingIcon },\n\n\tinject: {\n\t\t/* Detail-page object context (`{ objectId, object, register, schema }`). /\n\t\tcnObjectContext: { default: null },\n\t\t/* Page workspace bag, for `@workspace.<key>` tokens. /\n\t\tcnWorkspaceContext: { default: null },\n\t\t/* The host app's translate function. /\n\t\tcnTranslate: { default: () => (key) => key },\n\t\t/* The page's app config map; its `currency` is the reporting currency of a money token. /\n\t\tcnAppConfig: { default: () => ({}) },\n\t\t/* The page's pre-bound action dispatcher (CnPageRenderer), for `rowAction`. /\n\t\tcnDispatchAction: { default: null },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The list config: `{ register, schema, filter?, sort?, limit?, extend?,\n\t\t * presentation?, variant?, lead?, title?, meta?, text?, label?, pill?, trailing?, icon?,\n\t\t * rowRoute?, rowIdField?, headerLink?, headerNote?, emptyText?, errorText?,\n\t\t * valueLabels?, endpointSource?, bar? }`. `bar` (`{ valueField, maxField?,\n\t\t * overVariant? }`) draws a thin track under each row: filled to\n\t\t * `valueField` against `maxField` (drawn in the error colour past it\n\t\t * with `overVariant: \"error\"`), or without `maxField` against the\n\t\t * largest row. `endpointSource` (`{ url, method?,\n\t\t * params?, responsePath? }`) reads the rows from an app endpoint instead\n\t\t * of `register` / `schema`. `valueLabels` maps a field's stored values to the labels\n\t\t * the templates show. `headerNote` and `headerLink.label` fill `{total}`\n\t\t * and `{count:<field>=<value>}`, the loaded rows with that value.\n\t\t * A row that is a plain string or number (an endpoint\n\t\t * answering `[\"…\", \"…\"]`) is read as `{ value }`: templates reach it as\n\t\t * `{value}`, and without `title` a row shows the value itself.\n\t\t * `presentation: \"notice\"` draws the rows as sentences in one box toned by\n\t\t * `variant` (`info`, `warning` or `error`), after an optional `lead`\n\t\t * (`{total}` filled in).\n\t\t * `footerAction` (`{ label, icon?, type, ..., disabledWhen?,\n\t\t * disabledReason? }`) ends the card with one action, also under the\n\t\t * empty text; while the visibleWhen condition `disabledWhen` holds the\n\t\t * button is disabled and `disabledReason` shows under it.\n\t\t \n\t\t @type {object}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/* The current record's id, for the `@objectId` token. /\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/* The current record, for `@object.<field>` tokens. /\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['header'],\n\n\tsetup(props) {\n\t\tconst objectCtxRaw = inject('cnObjectContext', null)\n\t\tconst workspaceRaw = inject('cnWorkspaceContext', null)\n\t\tconst appConfigRaw = inject('cnAppConfig', ref({}))\n\t\tconst { data, loading, error } = useEndpointSource(\n\t\t\t() => props.content?.endpointSource \|\| null,\n\t\t\t{\n\t\t\t\tctx: () => {\n\t\t\t\t\tconst injected = unwrap(objectCtxRaw) \|\| {}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...injected,\n\t\t\t\t\t\tobjectId: props.objectId ?? injected.objectId ?? props.objectData?.id ?? null,\n\t\t\t\t\t\tobject: props.objectData \|\| injected.object \|\| null,\n\t\t\t\t\t\tworkspace: unwrap(workspaceRaw) \|\| {},\n\t\t\t\t\t\tconfig: unwrapAppConfig(appConfigRaw) \|\| {},\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t)\n\t\treturn { epData: data, epLoading: loading, epError: error }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\trows: [],\n\t\t\ttotal: 0,\n\t\t\tloading: false,\n\t\t\terror: false,\n\t\t\t/* Personal-lens reports (`@self.lenses`) of the latest response. /\n\t\t\tlenses: {},\n\t\t\t/* Whether `footerAction.disabledWhen` holds. /\n\t\t\tfooterDisabled: false,\n\t\t\tfooterReasonId: `cn-record-list-footer-reason-${++footerSeq}`,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The action under the list (`footerAction`: `{ label, icon?, type,\n\t\t * ..., disabledWhen?, disabledReason? }`), labels through the host\n\t\t * translate, or null without a label.\n\t\t \n\t\t @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled\n\t\t * @return {{label: string, icon: string, reason: string, action: object}\|null}\n\t\t /\n\t\tfooterAction() {\n\t\t\tconst action = this.content?.footerAction\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 {\n\t\t\t\tlabel: this.translate(action.label),\n\t\t\t\ticon: typeof action.icon === 'string' ? action.icon : '',\n\t\t\t\treason: typeof action.disabledReason === 'string' && action.disabledReason !== '' ? this.translate(action.disabledReason) : '',\n\t\t\t\taction,\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t What `footerAction.disabledWhen` depends on, so it is evaluated again\n\t\t * when the condition, the record or the workspace changes.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tfooterDisabledKey() {\n\t\t\tconst cond = this.content?.footerAction?.disabledWhen\n\t\t\tif (!cond) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn JSON.stringify({ cond, object: this.tokenCtx.object, workspace: this.tokenCtx.workspace, total: this.total })\n\t\t},\n\n\t\t/* @return {string} `rows`, `feed`, `inline` or `cards`. /\n\t\t/\n\t\t The tone of a `notice` list (`content.variant`): info, warning or error.\n\t\t \n\t\t @return {string} The variant, `info` when unset or unknown.\n\t\t * @spec openspec/changes/record-list-string-rows/specs/record-list-string-rows/spec.md#requirement-a-record-list-draws-rows-that-are-plain-strings\n\t\t /\n\t\tnoticeVariant() {\n\t\t\tconst value = this.content?.variant\n\t\t\treturn NOTICE_VARIANTS.includes(value) ? value : 'info'\n\t\t},\n\n\t\t/* @return {string} The icon of the notice tone. /\n\t\tnoticeIcon() {\n\t\t\treturn this.noticeVariant === 'info' ? 'InformationOutline' : 'AlertOutline'\n\t\t},\n\n\t\t/\n\t\t The rows of a `notice` list as one paragraph: each row's title, as\n\t\t * sentences, after the optional `lead` with `{total}` filled in.\n\t\t \n\t\t @return {string} The text.\n\t\t * @spec openspec/changes/record-list-string-rows/specs/record-list-string-rows/spec.md#requirement-a-record-list-draws-rows-that-are-plain-strings\n\t\t /\n\t\tnoticeText() {\n\t\t\tconst parts = this.items.map((item) => item.title).filter((text) => text !== '')\n\t\t\tconst lead = typeof this.content?.lead === 'string' && this.content.lead !== '' ? this.withTotal(this.content.lead) : ''\n\t\t\treturn [lead, ...parts].filter(Boolean).join(' ')\n\t\t},\n\n\t\tpresentation() {\n\t\t\tconst value = this.content?.presentation\n\t\t\treturn PRESENTATIONS.includes(value) ? value : 'rows'\n\t\t},\n\n\t\t/\n\t\t Whether a `cards` card leads its title with an icon: only when the\n\t\t * list declares `icon`, so a card without one has no placeholder.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/record-list-cards/specs/record-list-cards/spec.md#requirement-a-record-list-can-draw-its-rows-as-cards\n\t\t /\n\t\tcardIcons() {\n\t\t\tconst icon = this.content?.icon\n\t\t\treturn (typeof icon === 'string' && icon !== '') \|\| (Boolean(icon) && typeof icon === 'object')\n\t\t},\n\n\t\t/* @return {object} The token context: record, id and workspace. /\n\t\ttokenCtx() {\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/* @return {object} The filter with its tokens resolved. /\n\t\tresolvedFilter() {\n\t\t\tconst filter = pageFilter(this.content?.pageControls, this.tokenCtx.workspace, this.content?.filter)\n\t\t\treturn dropOptionalUnresolved(resolveFilterTokens(filter, this.tokenCtx))\n\t\t},\n\n\t\t/* @return {boolean} A required token (the record id, say) has no value yet. /\n\t\twaiting() {\n\t\t\treturn hasUnresolvedTokens(this.resolvedFilter)\n\t\t},\n\n\t\t/* @return {object\|null} The sort: the page's sort control when the widget listens to one, else its own. /\n\t\teffectiveSort() {\n\t\t\treturn pageSort(this.content?.pageControls, this.tokenCtx.workspace, this.content?.sort)\n\t\t},\n\n\t\t/\n\t\t What a template may read beside the row: the app config, whose\n\t\t * `currency` is the reporting currency of a `{path\|currency}` token.\n\t\t \n\t\t @return {{config: object}} The template context.\n\t\t * @spec openspec/changes/screens-currency-format/specs/currency-format/spec.md#requirement-a-money-value-reads-in-its-currency\n\t\t /\n\t\ttemplateContext() {\n\t\t\treturn { config: unwrapAppConfig(this.cnAppConfig) }\n\t\t},\n\n\t\t/\n\t\t Whether the rows come from `endpointSource` rather than OpenRegister.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/endpoint-source-card-grid-record-list/specs/dashboard-page/spec.md#requirement-a-record-list-and-a-card-grid-can-read-an-endpoint\n\t\t /\n\t\tendpointActive() {\n\t\t\tconst source = this.content?.endpointSource\n\t\t\treturn Boolean(source && typeof source === 'object' && source.url)\n\t\t},\n\n\t\t/* @return {string} The endpoint read's state, to copy into the list when it changes. /\n\t\tendpointKey() {\n\t\t\treturn this.endpointActive ? JSON.stringify([this.epData, this.epLoading, this.epError]) : ''\n\t\t},\n\n\t\t/* @return {number} The fetch cap. /\n\t\tlimit() {\n\t\t\tconst value = Number(this.content?.limit)\n\t\t\treturn Number.isFinite(value) && value > 0 ? Math.floor(value) : 5\n\t\t},\n\n\t\t/* @return {string} What a fetch depends on; a change fetches again. /\n\t\trequestKey() {\n\t\t\tconst c = this.content \|\| {}\n\t\t\treturn JSON.stringify([c.register, c.schema, this.resolvedFilter, this.effectiveSort, this.limit, c.extend, this.waiting])\n\t\t},\n\n\t\t/* @return {Array<object>} The rows ready to draw. /\n\t\titems() {\n\t\t\tconst c = this.content \|\| {}\n\t\t\tconst barScale = this.barScale\n\t\t\treturn this.rows.slice(0, this.limit).map((raw, index) => {\n\t\t\t\tconst row = scalarRow(raw)\n\t\t\t\tconst link = this.rowLink(row)\n\t\t\t\treturn {\n\t\t\t\t\tkey: (row && (row.id \|\| row['@self']?.id)) \|\| `row-${index}`,\n\t\t\t\t\trow,\n\t\t\t\t\taction: this.rowActionOf(row),\n\t\t\t\t\ttag: link ? 'router-link' : 'div',\n\t\t\t\t\tattrs: link ? { to: link } : {},\n\t\t\t\t\tinitials: this.initialsFor(row),\n\t\t\t\t\ttitle: this.fill(c.title \|\| (row !== raw ? '{value}' : ''), row),\n\t\t\t\t\tmeta: this.metaOf(row),\n\t\t\t\t\ttext: this.fill(c.text, row),\n\t\t\t\t\tlabel: this.fill(c.label, row),\n\t\t\t\t\ttrailing: c.trailing ? firstFilled(c.trailing, row, this.translate, new Date(), this.templateContext) : '',\n\t\t\t\t\tpill: this.pillOf(row),\n\t\t\t\t\tbadges: this.badgesOf(row),\n\t\t\t\t\tdue: this.dueOf(row),\n\t\t\t\t\ticon: this.iconOf(row),\n\t\t\t\t\tbar: this.barOf(row, barScale),\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\t/\n\t\t The largest `bar.valueField` over the rows shown, the scale of a\n\t\t * `bar` without `maxField`. 0 without a `bar`.\n\t\t \n\t\t @return {number} The largest value.\n\t\t * @spec openspec/changes/record-list-row-bar/specs/record-list-row-bar/spec.md#requirement-a-record-list-row-can-carry-a-bar\n\t\t /\n\t\tbarScale() {\n\t\t\tconst field = this.content?.bar?.valueField\n\t\t\tif (!field) {\n\t\t\t\treturn 0\n\t\t\t}\n\t\t\treturn Math.max(0, ...this.rows.slice(0, this.limit).map((row) => Number(readPath(row, field)) \|\| 0))\n\t\t},\n\n\t\t/* @return {object\|null} The header link with `{total}` filled and tokens resolved. /\n\t\theaderLink() {\n\t\t\tconst link = this.content?.headerLink\n\t\t\tif (!link \|\| typeof link !== 'object' \|\| typeof link.label !== 'string' \|\| link.label === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst resolved = { label: this.withTotal(link.label) }\n\t\t\tif (link.route) {\n\t\t\t\tresolved.route = link.route\n\t\t\t\tif (link.params && typeof link.params === 'object') {\n\t\t\t\t\tresolved.params = resolveFilterTokens(link.params, this.tokenCtx)\n\t\t\t\t}\n\t\t\t\tif (link.query && typeof link.query === 'object') {\n\t\t\t\t\tresolved.query = resolveFilterTokens(link.query, this.tokenCtx)\n\t\t\t\t}\n\t\t\t} else if (typeof link.href === 'string') {\n\t\t\t\tresolved.href = link.href\n\t\t\t}\n\t\t\treturn resolved\n\t\t},\n\n\t\t/* @return {string} The header note with `{total}` filled. /\n\t\theaderNote() {\n\t\t\tconst note = this.content?.headerNote\n\t\t\treturn typeof note === 'string' && note !== '' ? this.withTotal(note) : ''\n\t\t},\n\n\t\t/\n\t\t Why the list is empty when a personal lens could not answer\n\t\t * (`@self.lenses.<lens>.available: false`, as for `filter: { _recent: true }`),\n\t\t * or '' to keep `emptyText`. `lensReasonTexts` holds the app's wording,\n\t\t * keyed `<lens>.<reason>` or `<reason>`.\n\t\t \n\t\t @return {string} The explanation, or ''.\n\t\t * @spec openspec/changes/screens-record-list-lens-reason/specs/record-list-lens-reason/spec.md#requirement-a-record-list-says-why-a-lens-is-empty\n\t\t /\n\t\tlensReasonText() {\n\t\t\tif (this.rows.length > 0) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst text = lensUnavailableText(this.lenses, this.content?.lensReasonTexts)\n\t\t\treturn text ? this.translate(text) : ''\n\t\t},\n\n\t\t/* @return {string} The empty line. /\n\t\temptyLabel() {\n\t\t\tif (this.lensReasonText !== '') {\n\t\t\t\treturn this.lensReasonText\n\t\t\t}\n\t\t\treturn this.content?.emptyText ? this.translate(this.content.emptyText) : t('nextcloud-vue', 'Nothing here yet')\n\t\t},\n\n\t\t/* @return {string} The error line. /\n\t\terrorLabel() {\n\t\t\treturn this.content?.errorText ? this.translate(this.content.errorText) : t('nextcloud-vue', 'This list could not be loaded.')\n\t\t},\n\n\t\t/* @return {string} The spinner's accessible name. /\n\t\tloadingLabel() {\n\t\t\treturn t('nextcloud-vue', 'Loading …')\n\t\t},\n\t},\n\n\twatch: {\n\t\trequestKey() {\n\t\t\tthis.fetchRows()\n\t\t},\n\n\t\tfooterDisabledKey: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.evaluateFooterDisabled()\n\t\t\t},\n\t\t},\n\n\t\tendpointKey() {\n\t\t\tthis.fetchRows()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.onRefresh = () => this.fetchRows()\n\t\tsubscribe(PAGE_REFRESH_CHANNEL, this.onRefresh)\n\t\tthis.fetchRows()\n\t},\n\n\tbeforeUnmount() {\n\t\tunsubscribe(PAGE_REFRESH_CHANNEL, this.onRefresh)\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Translate a manifest string through the host app.\n\t\t \n\t\t @param {string} text The text.\n\t\t * @return {string} The translation.\n\t\t /\n\t\ttranslate(text) {\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/\n\t\t Settle whether the footer action is disabled: `disabledWhen` is a\n\t\t * visibleWhen condition read against the page's record (`field`), the\n\t\t * workspace, an endpoint or a source; `total` is the list's total.\n\t\t \n\t\t @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync evaluateFooterDisabled() {\n\t\t\tconst cond = this.content?.footerAction?.disabledWhen\n\t\t\tif (!cond) {\n\t\t\t\tthis.footerDisabled = false\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst ctx = { ...this.tokenCtx, object: { ...(this.tokenCtx.object \|\| {}), total: this.total } }\n\t\t\tconst key = this.footerDisabledKey\n\t\t\tconst disabled = await evaluateVisibleWhen(cond, ctx)\n\t\t\tif (key === this.footerDisabledKey) {\n\t\t\t\tthis.footerDisabled = disabled\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Run the footer action through the page's dispatcher, with the page's\n\t\t * record as the token context.\n\t\t \n\t\t @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled\n\t\t * @return {unknown} What the dispatcher returns.\n\t\t /\n\t\trunFooterAction() {\n\t\t\tconst declared = this.footerAction?.action\n\t\t\tif (!declared \|\| this.footerDisabled) {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t\tconst { disabledWhen, disabledReason, ...action } = declared\n\t\t\tif (typeof this.cnDispatchAction === 'function') {\n\t\t\t\treturn this.cnDispatchAction(action)\n\t\t\t}\n\t\t\treturn dispatchAction(action, { router: this.$router \|\| null, tokenCtx: this.tokenCtx, source: { register: this.content?.register, schema: this.content?.schema } })\n\t\t},\n\n\t\t/\n\t\t A row's `bar`: its value, the maximum it is measured against (the\n\t\t * row's `maxField`, else the largest row), the filled share and\n\t\t * whether it is over that maximum. Null without `bar` or a value.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @param {number} scale The largest value over the rows shown.\n\t\t * @return {{value: number, max: number, share: number, over: boolean}\|null} The bar.\n\t\t * @spec openspec/changes/record-list-row-bar/specs/record-list-row-bar/spec.md#requirement-a-record-list-row-can-carry-a-bar\n\t\t /\n\t\tbarOf(row, scale) {\n\t\t\tconst bar = this.content?.bar\n\t\t\tif (!bar \|\| typeof bar !== 'object' \|\| !bar.valueField) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst value = Number(readPath(row, bar.valueField))\n\t\t\tif (!Number.isFinite(value)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst ownMax = bar.maxField ? Number(readPath(row, bar.maxField)) : NaN\n\t\t\tconst max = bar.maxField ? (Number.isFinite(ownMax) && ownMax > 0 ? ownMax : 0) : scale\n\t\t\tconst share = max > 0 ? Math.min(100, Math.max(0, (value / max) 100)) : 0\n\t\t\tconst over = Boolean(bar.maxField) && bar.overVariant === 'error' && max > 0 && value > max\n\t\t\treturn { value, max, share, over }\n\t\t},\n\n\t\t/*\n\t\t The initials of the row's avatar (`avatar`: a name template such as\n\t\t * `\"{client.name}\"`, or `{ text }`), or '' without one.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string} One or two letters.\n\t\t * @spec openspec/changes/screens-record-list-avatar/specs/record-list-avatar/spec.md#requirement-a-record-list-row-can-carry-an-avatar\n\t\t /\n\t\tinitialsFor(row) {\n\t\t\tconst avatar = this.content?.avatar\n\t\t\tconst template = typeof avatar === 'string' ? avatar : (avatar && typeof avatar === 'object' ? avatar.text : '')\n\t\t\treturn initialsOf(this.fill(template, row))\n\t\t},\n\n\t\t/\n\t\t Fill a template from a row, after translating it.\n\t\t \n\t\t @param {string} template The template.\n\t\t * @param {object} row The row.\n\t\t * @return {string} The text, '' when a token is empty.\n\t\t /\n\t\tfill(template, row) {\n\t\t\treturn typeof template === 'string' && template !== '' ? fillTemplate(this.translate(template), this.labelledRow(row), new Date(), this.templateContext) : ''\n\t\t},\n\n\t\t/\n\t\t The row as the templates read it: a field named in `valueLabels`\n\t\t * (`{ channel: { phone: \"Phone\", telefoon: \"Phone\" } }`) shows the\n\t\t * translated label of its stored value, so \"{channel}\" reads \"Telefoon\"\n\t\t * for both spellings the data holds. A value without a label stays as\n\t\t * stored. The pill, the badges and the sort read the stored value.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {object} The row, or a shallow copy with labelled fields.\n\t\t * @spec openspec/changes/screens-record-list-value-labels/specs/record-list-value-labels/spec.md#requirement-a-record-list-template-can-show-a-label-for-a-stored-value\n\t\t /\n\t\tlabelledRow(row) {\n\t\t\tconst map = this.content?.valueLabels\n\t\t\tif (!row \|\| typeof row !== 'object' \|\| !map \|\| typeof map !== 'object') {\n\t\t\t\treturn row\n\t\t\t}\n\t\t\tlet out = row\n\t\t\tfor (const [field, labels] of Object.entries(map)) {\n\t\t\t\tconst raw = row[field]\n\t\t\t\tif (!labels \|\| typeof labels !== 'object' \|\| (typeof raw !== 'string' && typeof raw !== 'number')) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst label = labels[String(raw)]\n\t\t\t\tif (typeof label === 'string' && label !== '') {\n\t\t\t\t\tif (out === row) {\n\t\t\t\t\t\tout = { ...row }\n\t\t\t\t\t}\n\t\t\t\t\tout[field] = this.translate(label)\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\n\t\t/\n\t\t Fill a translated label's counts: `{total}` is the list's total, and\n\t\t * `{count:<field>=<value>}` the loaded rows whose field reads that\n\t\t * value (\"{count:status=done} van {total} stappen klaar\"). The count\n\t\t * reads the rows the list loaded, so it is exact when `limit` covers\n\t\t * the list.\n\t\t \n\t\t @param {string} label The label.\n\t\t * @return {string} The text.\n\t\t /\n\t\twithTotal(label) {\n\t\t\treturn this.translate(label)\n\t\t\t\t.replace(/\\{total\\}/g, String(this.total))\n\t\t\t\t.replace(/\\{count:([^=}]+)=([^}])\\}/g, (match, field, value) => {\n\t\t\t\t\tconst wanted = value.trim()\n\t\t\t\t\treturn String(this.rows.filter((row) => String(readPath(row, field.trim())) === wanted).length)\n\t\t\t\t})\n\t\t},\n\n\t\t/*\n\t\t The route a row opens: `rowRoute` with the id at `rowIdField`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {object\|null} The router location, or null.\n\t\t /\n\t\t/\n\t\t The one action that ends a row (`rowAction`): its label (from\n\t\t * `labels.map` by the row's `labels.field`, else `label`), and how it\n\t\t * renders: a link when it only navigates, else a button that\n\t\t * dispatches. Null without the key or a label.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {{label: string, tag: string, attrs: object}\|null}\n\t\t * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md\n\t\t /\n\t\trowActionOf(row) {\n\t\t\tconst action = this.content?.rowAction\n\t\t\tif (!action \|\| typeof action !== 'object' \|\| !row) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tlet label = typeof action.label === 'string' ? action.label : ''\n\t\t\tconst by = action.labels\n\t\t\tif (by && typeof by === 'object' && typeof by.field === 'string' && by.map && typeof by.map === 'object') {\n\t\t\t\tconst raw = readPath(row, by.field)\n\t\t\t\tif (raw !== null && raw !== undefined && typeof by.map[String(raw)] === 'string') {\n\t\t\t\t\tlabel = by.map[String(raw)]\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (label === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tlabel = this.translate(label)\n\t\t\tconst link = this.rowActionLink(action, row)\n\t\t\tif (link) {\n\t\t\t\treturn link.external\n\t\t\t\t\t? { label, tag: 'a', attrs: { href: link.href, target: '_blank', rel: 'noopener' } }\n\t\t\t\t\t: { label, tag: 'router-link', attrs: { to: link.to } }\n\t\t\t}\n\t\t\treturn { label, tag: 'button', attrs: { type: 'button' } }\n\t\t},\n\n\t\t/\n\t\t The link a `rowAction` that only navigates renders as: `open-page`\n\t\t * opens that page for the row's id, `navigate` reads its\n\t\t * `@object.<field>` / `@objectId` tokens off the row. Null for any\n\t\t * other action, which is dispatched on click.\n\t\t \n\t\t @param {object} action The declared row action.\n\t\t * @param {object} row The row.\n\t\t * @return {{href: string, to: (string\|object\|null), external: boolean}\|null}\n\t\t * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md\n\t\t /\n\t\trowActionLink(action, row) {\n\t\t\tif (action.confirm) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tif (action.type === 'open-page') {\n\t\t\t\tconst id = this.rowIdOf(row)\n\t\t\t\tif (!this.$router \|\| id === null \|\| typeof action.target !== 'string' \|\| action.target === '') {\n\t\t\t\t\treturn null\n\t\t\t\t}\n\t\t\t\tconst to = { name: action.target, params: { id } }\n\t\t\t\ttry {\n\t\t\t\t\tconst href = this.$router.resolve(to).href\n\t\t\t\t\treturn href ? { href, to, external: false } : null\n\t\t\t\t} catch {\n\t\t\t\t\treturn null\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (action.type !== 'navigate') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst target = interpolateActionTarget(action.target, this.rowTokenCtx(row))\n\t\t\t// An external target needs no router; an in-app one does.\n\t\t\treturn actionLink({ ...action, target }, { router: this.$router \|\| null })\n\t\t},\n\n\t\t/\n\t\t The token context of a row: the row is `@object`, its id `@objectId`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {object} The token context.\n\t\t /\n\t\trowTokenCtx(row) {\n\t\t\treturn { ...this.tokenCtx, objectId: this.rowIdOf(row), object: row }\n\t\t},\n\n\t\t/\n\t\t The id of a row (`rowIdField`, else `id`, else `@self.id`), or null.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string\|null} The id.\n\t\t /\n\t\trowIdOf(row) {\n\t\t\tconst field = this.content?.rowIdField\n\t\t\tconst id = field ? readPath(row, field) : (row && (row.id \|\| row['@self']?.id))\n\t\t\treturn (id === null \|\| id === undefined \|\| id === '' \|\| typeof id === 'object') ? null : String(id)\n\t\t},\n\n\t\t/\n\t\t Run a `rowAction` that is not a plain link through the page's\n\t\t * dispatcher: a `handler` gets the row as its last argument, an\n\t\t * `open-modal` gets it as the `row` prop, an `object-op` acts on it.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {unknown} What the dispatcher returns.\n\t\t * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md\n\t\t /\n\t\trunRowAction(row) {\n\t\t\tconst action = this.content?.rowAction\n\t\t\tif (!action \|\| typeof action !== 'object') {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t\tconst type = action.type \|\| 'handler'\n\t\t\tlet wrapped = action\n\t\t\tif (type === 'handler') {\n\t\t\t\twrapped = { ...action, args: [...(action.args \|\| []), row] }\n\t\t\t} else if (type === 'open-modal') {\n\t\t\t\twrapped = { ...action, props: { ...(action.props \|\| {}), row } }\n\t\t\t}\n\t\t\tif (typeof this.cnDispatchAction === 'function') {\n\t\t\t\treturn this.cnDispatchAction(wrapped)\n\t\t\t}\n\t\t\treturn dispatchAction(wrapped, { router: this.$router \|\| null, row, tokenCtx: this.rowTokenCtx(row), source: { register: this.content?.register, schema: this.content?.schema } })\n\t\t},\n\n\t\trowLink(row) {\n\t\t\tconst route = this.content?.rowRoute\n\t\t\tif (!route \|\| !this.$router \|\| !row) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst field = this.content?.rowIdField\n\t\t\tconst id = field ? readPath(row, field) : (row.id \|\| row['@self']?.id)\n\t\t\tif (id === null \|\| id === undefined \|\| id === '' \|\| typeof id === 'object') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn { name: route, params: { id: String(id) } }\n\t\t},\n\n\t\t/\n\t\t The row's due text (`due`: `{ field, todayLabel?, overdueLabel?, upcomingLabel?, upcomingWeeksLabel?, upcomingWeeksFrom?, emptyText? }`):\n\t\t * \"3 dagen te laat\" in the danger tone, \"Vandaag\", the date or the time\n\t\t * left (\"nog 4 dagen\") otherwise, `emptyText` when the field is empty.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {{text: string, tone: string}\|null} The text and tone, or null.\n\t\t * @spec openspec/changes/screens-due-text/specs/due-text/spec.md#requirement-a-due-date-reads-as-text-with-a-tone\n\t\t /\n\t\tdueOf(row) {\n\t\t\tconst due = this.content?.due\n\t\t\tif (!due \|\| typeof due !== 'object' \|\| !due.field) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn resolveDue(readPath(row, due.field), due, (text) => this.translate(text))\n\t\t},\n\n\t\t/\n\t\t The row's extra badges (`badges`): a coloured badge from a field\n\t\t * (`{ field, labels?, colorMap?, variant?, hideValues? }`, the value\n\t\t * shown unless `hideValues` lists it) and an age badge\n\t\t * (`{ kind: \"stale\", field, afterDays, label?, variant? }`, shown when the\n\t\t * date field is older than `afterDays` whole days; `{days}` in the\n\t\t * label is the age).\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {Array<{key: string, kind: string, label: string, variant: string}>} The badges that apply.\n\t\t * @spec openspec/changes/screens-record-list-badges/specs/record-list-badges/spec.md#requirement-a-record-list-row-can-carry-badges\n\t\t /\n\t\tbadgesOf(row) {\n\t\t\tconst declared = Array.isArray(this.content?.badges) ? this.content.badges : []\n\t\t\tconst out = []\n\t\t\tdeclared.forEach((badge, index) => {\n\t\t\t\tif (!badge \|\| typeof badge !== 'object' \|\| !badge.field) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (badge.kind === 'stale') {\n\t\t\t\t\tconst days = ageInDays(readPath(row, badge.field))\n\t\t\t\t\tconst after = Number(badge.afterDays)\n\t\t\t\t\tif (days === null \|\| !Number.isFinite(after) \|\| days <= after) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tconst template = this.translate(badge.label \|\| 'Stale')\n\t\t\t\t\tout.push({\n\t\t\t\t\t\tkey: `stale-${index}`,\n\t\t\t\t\t\tkind: 'stale',\n\t\t\t\t\t\tlabel: template.replace(/\\{days\\}/g, String(days)),\n\t\t\t\t\t\tvariant: isBadgeVariant(badge.variant) ? badge.variant : 'warning',\n\t\t\t\t\t})\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst made = this.pillOf(row, badge)\n\t\t\t\tif (made) {\n\t\t\t\t\tout.push({ key: `field-${index}`, kind: 'field', ...made })\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn out\n\t\t},\n\n\t\t/\n\t\t The row's meta line. A string is one template, and one empty token\n\t\t * empties it. `{ parts: [\"{identifier}\", \"{caseTypeName}\", \"{handler}\"],\n\t\t * separator? }` fills each part on its own, drops the empty ones and\n\t\t * joins the rest (default \" · \"), so a row without a handler still\n\t\t * reads \"2026-0082 · Woo-verzoek\".\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string} The meta line, '' when nothing fills.\n\t\t * @spec openspec/changes/screens-record-list-meta-parts/specs/record-list-meta-parts/spec.md#requirement-a-meta-line-of-parts-skips-the-empty-ones\n\t\t /\n\t\tmetaOf(row) {\n\t\t\tconst meta = this.content?.meta\n\t\t\tif (!meta \|\| typeof meta !== 'object' \|\| !Array.isArray(meta.parts)) {\n\t\t\t\treturn this.fill(meta, row)\n\t\t\t}\n\t\t\tconst separator = typeof meta.separator === 'string' ? meta.separator : ' · '\n\t\t\treturn meta.parts\n\t\t\t\t.map((part) => this.fill(part, row))\n\t\t\t\t.filter((text) => text !== '')\n\t\t\t\t.join(separator)\n\t\t},\n\n\t\t/\n\t\t The row's pill: `{ field, labels?, colorMap?, variant?, hideValues? }`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @param {object} [config] A pill config; the widget's `pill` by default.\n\t\t * @return {{label: string, variant: string}\|null} The pill, or null.\n\t\t /\n\t\tpillOf(row, config) {\n\t\t\tconst pill = config \|\| this.content?.pill\n\t\t\tif (!pill \|\| typeof pill !== 'object' \|\| !pill.field) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst raw = readPath(row, pill.field)\n\t\t\tif (raw === null \|\| raw === undefined \|\| raw === '' \|\| typeof raw === 'object') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst key = String(raw)\n\t\t\tif (Array.isArray(pill.hideValues) && pill.hideValues.map(String).includes(key)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst labels = pill.labels && typeof pill.labels === 'object' ? pill.labels : {}\n\t\t\tconst map = pill.colorMap && typeof pill.colorMap === 'object' ? pill.colorMap : {}\n\t\t\tconst found = Object.keys(map).find((k) => k.toLowerCase() === key.toLowerCase())\n\t\t\tconst variant = found ? map[found] : pill.variant\n\t\t\treturn {\n\t\t\t\tlabel: labels[key] ? this.translate(labels[key]) : key,\n\t\t\t\tvariant: isBadgeVariant(variant) ? variant : 'default',\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t The feed icon: an icon name, or `{ field, map, default }`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string} The MDI icon name.\n\t\t /\n\t\ticonOf(row) {\n\t\t\tconst icon = this.content?.icon\n\t\t\tif (typeof icon === 'string' && icon !== '') {\n\t\t\t\treturn icon\n\t\t\t}\n\t\t\tif (icon && typeof icon === 'object') {\n\t\t\t\tconst raw = icon.field ? readPath(row, icon.field) : undefined\n\t\t\t\tconst map = icon.map && typeof icon.map === 'object' ? icon.map : {}\n\t\t\t\tif (raw !== null && raw !== undefined && map[String(raw)]) {\n\t\t\t\t\treturn map[String(raw)]\n\t\t\t\t}\n\t\t\t\tif (typeof icon.default === 'string' && icon.default !== '') {\n\t\t\t\t\treturn icon.default\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn 'CircleSmall'\n\t\t},\n\n\t\t/* Tell the card around this list what its header shows. /\n\t\temitHeader() {\n\t\t\tconst header = { link: this.headerLink, note: this.headerNote }\n\t\t\t// `headerCount: true`: the card draws the total as a chip after its title.\n\t\t\tif (this.content?.headerCount === true && !this.error) {\n\t\t\t\theader.count = this.total\n\t\t\t}\n\t\t\t/\n\t\t\t @event header Emitted after every read with the card header's parts.\n\t\t\t * @type {{link: (object\|null), note: string, count: (number\|undefined)}} The header link (resolved, with `{total}` filled), the note, and with `headerCount` the total.\n\t\t\t /\n\t\t\tthis.$emit('header', header)\n\t\t},\n\n\t\t/\n\t\t The rank list of a sort (`{ field, rank: [\"urgent\", \"high\", \"normal\", \"low\"], then? }`),\n\t\t * or null when the sort has none or the list's own filter already fixes the field.\n\t\t \n\t\t @param {object\|null} sort The effective sort.\n\t\t * @return {Array<string>\|null} The values in rank order.\n\t\t * @spec openspec/changes/screens-enum-rank-sort/specs/enum-rank-sort/spec.md#requirement-a-record-list-can-sort-by-the-rank-of-an-enum-value\n\t\t /\n\t\trankOf(sort) {\n\t\t\tif (!sort \|\| typeof sort !== 'object' \|\| !sort.field \|\| !Array.isArray(sort.rank)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst rank = sort.rank.filter((value) => typeof value === 'string' && value !== '')\n\t\t\tif (rank.length === 0 \|\| Object.hasOwn(this.resolvedFilter \|\| {}, sort.field)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn rank\n\t\t},\n\n\t\t/\n\t\t Read a list in the rank of an enum field. The list endpoint orders a\n\t\t * text field alphabetically (\"high\", \"low\", \"normal\", \"urgent\"), so the\n\t\t * rows are read one rank at a time, best first, each with the rest of the\n\t\t * sort (`then`) inside it, until the page is full; the rows with a value\n\t\t * outside the rank (or none) follow. The result is exact, not a client-side\n\t\t * sort of a partial page. It costs one request for the total, one per rank\n\t\t * value read and one for the remainder.\n\t\t \n\t\t @param {(params: object) => Promise<object>} get Reads the list with the given params.\n\t\t * @param {object} base The params without any order.\n\t\t * @param {{field: string, then?: {field: string, dir?: string}}} sort The sort.\n\t\t * @param {Array<string>} rank The values in rank order.\n\t\t * @return {Promise<{rows: Array<object>, total: number}>} The page and the total.\n\t\t * @spec openspec/changes/screens-enum-rank-sort/specs/enum-rank-sort/spec.md#requirement-a-record-list-can-sort-by-the-rank-of-an-enum-value\n\t\t /\n\t\tasync fetchRanked(get, base, sort, rank) {\n\t\t\tconst order = {}\n\t\t\tif (sort.then && typeof sort.then === 'object' && sort.then.field) {\n\t\t\t\torder[`_order[${sort.then.field}]`] = sort.then.dir === 'desc' ? 'desc' : 'asc'\n\t\t\t}\n\t\t\tconst read = async (extra) => {\n\t\t\t\tconst response = await get({ ...base, ...order, ...extra })\n\t\t\t\tconst data = response && response.data ? response.data : {}\n\t\t\t\treturn { results: Array.isArray(data.results) ? data.results : [], total: data.total }\n\t\t\t}\n\t\t\tconst head = await read({ _limit: 1 })\n\t\t\tconst rows = []\n\t\t\tconst seen = new Set()\n\t\t\tconst idOf = (row) => (row && (row.id \|\| row['@self']?.id)) \|\| null\n\t\t\tconst take = (list) => {\n\t\t\t\tfor (const row of list) {\n\t\t\t\t\tconst id = idOf(row)\n\t\t\t\t\tif (id !== null && seen.has(id)) {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tif (id !== null) {\n\t\t\t\t\t\tseen.add(id)\n\t\t\t\t\t}\n\t\t\t\t\tif (rows.length < this.limit) {\n\t\t\t\t\t\trows.push(row)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tfor (const value of rank) {\n\t\t\t\tif (rows.length >= this.limit) {\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\ttake((await read({ [sort.field]: value, _limit: this.limit - rows.length })).results)\n\t\t\t}\n\t\t\tif (rows.length < this.limit) {\n\t\t\t\ttake((await read({ _limit: this.limit + rows.length })).results)\n\t\t\t}\n\t\t\treturn { rows, total: typeof head.total === 'number' ? head.total : rows.length }\n\t\t},\n\n\t\t/\n\t\t Copy the endpoint read into the list: its payload must be an array of\n\t\t * rows (anything else is an empty list), and a failed read is an error.\n\t\t \n\t\t @spec openspec/changes/endpoint-source-card-grid-record-list/specs/dashboard-page/spec.md#requirement-a-record-list-and-a-card-grid-can-read-an-endpoint\n\t\t /\n\t\ttakeEndpointRows() {\n\t\t\tthis.rows = Array.isArray(this.epData) ? this.epData : []\n\t\t\tthis.total = this.rows.length\n\t\t\tthis.loading = this.epLoading === true\n\t\t\tthis.error = Boolean(this.epError)\n\t\t\tthis.lenses = {}\n\t\t\tif (!this.loading) {\n\t\t\t\tthis.emitHeader()\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Fetch the list. Sends nothing while a required token is unresolved\n\t\t * or the source is incomplete.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync fetchRows() {\n\t\t\tconst c = this.content \|\| {}\n\t\t\tif (this.endpointActive) {\n\t\t\t\tthis.takeEndpointRows()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!c.register \|\| !c.schema \|\| this.waiting) {\n\t\t\t\tthis.rows = []\n\t\t\t\tthis.total = 0\n\t\t\t\tthis.error = false\n\t\t\t\tthis.emitHeader()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = false\n\t\t\tconst run = this.fetchRun = (this.fetchRun \|\| 0) + 1\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 url = generateUrl('/apps/openregister/api/objects/{register}/{schema}', { register: c.register, schema: c.schema })\n\t\t\t\tconst sort = this.effectiveSort\n\t\t\t\tconst params = { _limit: this.limit }\n\t\t\t\t// A rank sort (`sort.rank`) cannot be one `_order`: the list endpoint\n\t\t\t\t// orders a text field alphabetically. It is read group by group below.\n\t\t\t\tconst rank = this.rankOf(sort)\n\t\t\t\tif (!rank && sort && typeof sort === 'object' && sort.field) {\n\t\t\t\t\tparams[`_order[${sort.field}]`] = sort.dir === 'desc' ? 'desc' : 'asc'\n\t\t\t\t}\n\t\t\t\tif (Array.isArray(c.extend)) {\n\t\t\t\t\tconst extend = c.extend.filter((e) => typeof e === 'string' && e !== '')\n\t\t\t\t\tif (extend.length > 0) {\n\t\t\t\t\t\tparams._extend = extend\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tfor (const [key, value] of Object.entries(this.resolvedFilter)) {\n\t\t\t\t\tif (value && typeof value === 'object' && !Array.isArray(value)) {\n\t\t\t\t\t\tfor (const [op, operand] of Object.entries(value)) {\n\t\t\t\t\t\t\tparams[`${key}[${op}]`] = operand\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (value !== '' && value !== null && value !== undefined) {\n\t\t\t\t\t\tparams[key] = value\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (rank) {\n\t\t\t\t\t// Several requests: a fetch started later (the sort changed\n\t\t\t\t\t// meanwhile) must not be overwritten by this one.\n\t\t\t\t\tconst ranked = await this.fetchRanked((query) => axios.get(url, { params: query }), params, sort, rank)\n\t\t\t\t\tif (run !== this.fetchRun) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tthis.rows = ranked.rows\n\t\t\t\t\tthis.total = ranked.total\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst response = await axios.get(url, { params })\n\t\t\t\tconst data = response && response.data ? response.data : {}\n\t\t\t\tthis.rows = Array.isArray(data.results) ? data.results : []\n\t\t\t\tthis.total = typeof data.total === 'number' ? data.total : this.rows.length\n\t\t\t\tthis.lenses = readLensReports(data)\n\t\t\t} catch (e) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.warn('[CnRecordListWidget] failed to load objects:', e)\n\t\t\t\tthis.lenses = {}\n\t\t\t\tthis.rows = []\n\t\t\t\tthis.total = 0\n\t\t\t\tthis.error = true\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.emitHeader()\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-record-list__list {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.cn-record-list__footer {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 6px;\n\tmargin-top: 10px;\n}\n\n.cn-record-list__footer-reason {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-record-list__empty,\n.cn-record-list__error {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0;\n}\n\n.cn-record-list__notice {\n\tdisplay: flex;\n\tgap: 10px;\n\talign-items: flex-start;\n\tpadding: 12px 14px;\n\tborder-radius: var(--border-radius-large, 10px);\n\tbackground: var(--color-primary-element-light, var(--color-background-dark));\n\tcolor: var(--color-main-text);\n}\n\n.cn-record-list__notice--warning {\n\tbackground: var(--color-warning-light, rgba(255, 196, 0, 0.12));\n\tcolor: var(--color-warning-text, var(--color-main-text));\n}\n\n.cn-record-list__notice--error {\n\tbackground: var(--color-error-light, rgba(219, 0, 0, 0.08));\n\tcolor: var(--color-error-text, var(--color-main-text));\n}\n\n.cn-record-list__notice-icon {\n\tflex: 0 0 auto;\n\tmargin-top: 1px;\n}\n\n.cn-record-list__notice-text {\n\tmargin: 0;\n\tline-height: 1.5;\n}\n\n.cn-record-list__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 8px 0;\n}\n\n/ rows /\n.cn-record-list--rows .cn-record-list__item + .cn-record-list__item {\n\tborder-top: 1px solid var(--color-border);\n}\n\n.cn-record-list__bar {\n\tbackground: var(--color-border);\n\tborder-radius: 3px;\n\tdisplay: block;\n\theight: 6px;\n\tmargin: -6px 0 12px;\n\toverflow: hidden;\n}\n\n.cn-record-list__bar-fill {\n\tbackground: var(--color-primary-element);\n\tdisplay: block;\n\theight: 100%;\n}\n\n.cn-record-list__bar--over .cn-record-list__bar-fill {\n\tbackground: var(--color-error);\n}\n\n.cn-record-list__row {\n\talign-items: center;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tgap: 16px;\n\tpadding: 12px 0;\n\ttext-decoration: none;\n}\n\n.cn-record-list__row--link:hover .cn-record-list__title,\n.cn-record-list__row--link:focus-visible .cn-record-list__title {\n\ttext-decoration: underline;\n}\n\n.cn-record-list__avatar {\n\talign-items: center;\n\tbackground: var(--color-background-hover);\n\tborder-radius: 50%;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex: none;\n\tfont-size: 12px;\n\tfont-weight: 700;\n\theight: 36px;\n\tjustify-content: center;\n\twidth: 36px;\n}\n\n.cn-record-list__main {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.cn-record-list__title {\n\tfont-size: 15px;\n\tfont-weight: 700;\n}\n\n.cn-record-list__meta {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-record-list__aside {\n\talign-items: center;\n\tdisplay: flex;\n\tflex: none;\n\tgap: 16px;\n}\n\n.cn-record-list__trailing {\n\tfont-size: 14px;\n\twhite-space: nowrap;\n}\n\n.cn-record-list__due {\n\tfont-size: 14px;\n\twhite-space: nowrap;\n}\n\n.cn-record-list__due--danger {\n\tcolor: var(--color-text-error, var(--color-error-text));\n\tfont-weight: 600;\n}\n\n.cn-record-list__due--empty {\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-record-list__row--action {\n\tflex-wrap: wrap;\n\tgap: 8px 16px;\n\tpadding: 14px 0;\n}\n\n.cn-record-list__row--action .cn-record-list__main {\n\tflex: 1 1 280px;\n\tgap: 3px;\n}\n\n.cn-record-list__title--link {\n\tcolor: var(--color-main-text);\n\ttext-decoration: underline;\n}\n\n.cn-record-list__pills {\n\tdisplay: flex;\n\tflex: 0 0 120px;\n\tgap: 6px;\n\tjustify-content: flex-end;\n}\n\n.cn-record-list__due--column {\n\tflex: 0 0 96px;\n\tfont-size: 13px;\n\ttext-align: end;\n}\n\n.cn-record-list__action {\n\talign-items: center;\n\tbackground: var(--color-primary-element-light);\n\tborder: 0;\n\tborder-radius: 17px;\n\tbox-sizing: border-box;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tflex: 0 0 150px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\theight: 34px;\n\tjustify-content: center;\n\tpadding: 0 14px;\n\ttext-decoration: none;\n}\n\n.cn-record-list__action:hover,\n.cn-record-list__action:focus-visible {\n\tbackground: var(--color-primary-element-light-hover, var(--color-primary-element-light));\n}\n\n.cn-record-list__chevron {\n\tcolor: var(--color-text-maxcontrast);\n\tflex: none;\n}\n\n/ cards (board ShBank): a grid of framed cards, 240px at the least. /\n.cn-record-list--cards .cn-record-list__list {\n\talign-items: start;\n\tdisplay: grid;\n\tgap: 16px;\n\tgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.cn-record-list__card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 12px;\n\tbox-sizing: border-box;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tpadding: 16px 18px;\n\ttext-decoration: none;\n}\n\n.cn-record-list__card--link:hover,\n.cn-record-list__card--link:focus-visible {\n\tborder-color: var(--color-border-dark, var(--color-border));\n}\n\n.cn-record-list__card--link:hover .cn-record-list__title,\n.cn-record-list__card--link:focus-visible .cn-record-list__title {\n\ttext-decoration: underline;\n}\n\n.cn-record-list__card-head {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 8px;\n\tjustify-content: space-between;\n}\n\n.cn-record-list__card-title {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 8px;\n\tmin-width: 0;\n}\n\n.cn-record-list__card-icon {\n\tcolor: var(--color-primary-element);\n\tflex: none;\n}\n\n.cn-record-list__card-pills {\n\tdisplay: flex;\n\tflex: none;\n\tgap: 6px;\n}\n\n.cn-record-list__card-value {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n/ feed /\n.cn-record-list--feed .cn-record-list__item + .cn-record-list__item {\n\tborder-top: 1px solid var(--color-border);\n}\n\n.cn-record-list__feed-row {\n\talign-items: flex-start;\n\tdisplay: flex;\n\tgap: 14px;\n\tpadding: 12px 0;\n}\n\n.cn-record-list__feed-icon {\n\talign-items: center;\n\tbackground: var(--color-primary-element-light);\n\tborder-radius: 50%;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n\tdisplay: flex;\n\tflex: none;\n\theight: 36px;\n\tjustify-content: center;\n\twidth: 36px;\n}\n\n.cn-record-list__text {\n\tfont-size: 15px;\n}\n\n.cn-record-list--feed .cn-record-list__main {\n\tcolor: var(--color-main-text);\n\ttext-decoration: none;\n}\n\n/ inline /\n.cn-record-list__inline-row {\n\tpadding: 4px 0;\n}\n\n.cn-record-list__label {\n\tmargin-inline-end: 4px;\n}\n\n.cn-record-list__inline-title {\n\tcolor: var(--color-main-text);\n}\n\na.cn-record-list__inline-title {\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n</style>\n\n<style>\n/ In a narrow side column a row stacks: title, meta, then pill and date. /\n.cn-detail-page__side .cn-record-list__row {\n\talign-items: flex-start;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.cn-detail-page__side .cn-record-list__row .cn-record-list__title {\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n\n.cn-detail-page__side .cn-record-list__chevron {\n\tdisplay: none;\n}\n\n/ A row is a touch target of at least 44px on a phone. */\n@media (max-width: 640px) {\n\t.cn-record-list__row {\n\t\tmin-height: 44px;\n\t}\n}\n</style>\n"],"names":["_normalizeClass","_createElementBlock","_toDisplayString","_openBlock","_createVNode","_createElementVNode","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toHandlers","_normalizeStyle"],"mappings":"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"}
1	+ {"version":3,"file":"CnRecordListWidget.vue3.js","sources":["../../../../src/components/CnRecordListWidget/CnRecordListWidget.vue?vue&type=template&id=240de2d4&lang.js"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div\n\t\tclass=\"cn-record-list\"\n\t\t:class=\"`cn-record-list--${presentation}`\"\n\t\tdata-testid=\"cn-record-list\">\n\t\t<p v-if=\"error\" class=\"cn-record-list__error\" data-testid=\"cn-record-list-error\">\n\t\t\t{{ errorLabel }}\n\t\t</p>\n\t\t<div v-else-if=\"loading && rows.length === 0\" class=\"cn-record-list__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" :name=\"loadingLabel\" />\n\t\t</div>\n\t\t<p v-else-if=\"rows.length === 0\" class=\"cn-record-list__empty\" data-testid=\"cn-record-list-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t\t<!-- notice: the rows as sentences in one toned box (\"2 waarschuwingen: ...\"). -->\n\t\t<div\n\t\t\tv-else-if=\"presentation === 'notice'\"\n\t\t\tclass=\"cn-record-list__notice\"\n\t\t\t:class=\"`cn-record-list__notice--${noticeVariant}`\"\n\t\t\trole=\"note\"\n\t\t\tdata-testid=\"cn-record-list-notice\">\n\t\t\t<CnIcon\n\t\t\t\t:name=\"noticeIcon\"\n\t\t\t\t:size=\"18\"\n\t\t\t\tclass=\"cn-record-list__notice-icon\"\n\t\t\t\taria-hidden=\"true\" />\n\t\t\t<p class=\"cn-record-list__notice-text\">\n\t\t\t\t{{ noticeText }}\n\t\t\t</p>\n\t\t</div>\n\t\t<!-- table: one row per record under a header, one cell per `columns`\n\t\t entry; a cell past its `alertAbove` reads bold in the danger colour. -->\n\t\t<table v-else-if=\"presentation === 'table'\" class=\"cn-record-list__table\" data-testid=\"cn-record-list-table\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th\n\t\t\t\t\t\tv-for=\"col in tableColumns\"\n\t\t\t\t\t\t:key=\"col.key\"\n\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t:class=\"{ 'cn-record-list__cell--end': col.align === 'end' }\">\n\t\t\t\t\t\t{{ col.label }}\n\t\t\t\t\t</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<tr v-for=\"item in tableRows\" :key=\"item.key\" data-testid=\"cn-record-list-item\">\n\t\t\t\t\t<td\n\t\t\t\t\t\tv-for=\"cell in item.cells\"\n\t\t\t\t\t\t:key=\"cell.key\"\n\t\t\t\t\t\t:class=\"{ 'cn-record-list__cell--end': cell.align === 'end', 'cn-record-list__cell--alert': cell.alert }\">\n\t\t\t\t\t\t{{ cell.text }}\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t<ul v-else class=\"cn-record-list__list\">\n\t\t\t<li\n\t\t\t\tv-for=\"item in items\"\n\t\t\t\t:key=\"item.key\"\n\t\t\t\tclass=\"cn-record-list__item\"\n\t\t\t\tdata-testid=\"cn-record-list-item\">\n\t\t\t\t<!-- rows with `rowAction`: the title is the link, and one action\n\t\t\t\t ends the row instead of the chevron (\"Beoordelen\"). -->\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"presentation === 'rows' && item.action\"\n\t\t\t\t\tclass=\"cn-record-list__row cn-record-list__row--action\">\n\t\t\t\t\t<span v-if=\"item.initials\"\n\t\t\t\t\t\tclass=\"cn-record-list__avatar\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-avatar\">{{ item.initials }}</span>\n\t\t\t\t\t<span v-if=\"item.dot\"\n\t\t\t\t\t\tclass=\"cn-record-list__dot\"\n\t\t\t\t\t\t:style=\"{ background: item.dot }\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-dot\" />\n\t\t\t\t\t<span class=\"cn-record-list__main\">\n\t\t\t\t\t\t<component\n\t\t\t\t\t\t\t:is=\"item.tag\"\n\t\t\t\t\t\t\tv-if=\"item.title\"\n\t\t\t\t\t\t\tclass=\"cn-record-list__title\"\n\t\t\t\t\t\t\t:class=\"{ 'cn-record-list__title--link': item.tag !== 'div' }\"\n\t\t\t\t\t\t\tv-bind=\"item.attrs\">\n\t\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t\t</component>\n\t\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span v-if=\"item.flag\" class=\"cn-record-list__flag\" data-testid=\"cn-record-list-flag\">{{ item.flag }}</span>\n\t\t\t\t\t<span v-if=\"item.pill \|\| item.badges.length > 0\" class=\"cn-record-list__pills\">\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-if=\"item.pill\"\n\t\t\t\t\t\t\t:label=\"item.pill.label\"\n\t\t\t\t\t\t\t:variant=\"item.pill.variant\"\n\t\t\t\t\t\t\tsize=\"small\" />\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-for=\"badge in item.badges\"\n\t\t\t\t\t\t\t:key=\"badge.key\"\n\t\t\t\t\t\t\t:label=\"badge.label\"\n\t\t\t\t\t\t\t:variant=\"badge.variant\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t:data-testid=\"`cn-record-list-badge-${badge.kind}`\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-if=\"item.due\"\n\t\t\t\t\t\tclass=\"cn-record-list__due cn-record-list__due--column\"\n\t\t\t\t\t\t:class=\"[`cn-record-list__due--${item.due.tone}`, { 'cn-record-list__due--soon': item.due.soon }]\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-due\">{{ item.due.text }}</span>\n\t\t\t\t\t<span v-if=\"item.trailing\" class=\"cn-record-list__trailing\">{{ item.trailing }}</span>\n\t\t\t\t\t<component\n\t\t\t\t\t\t:is=\"item.action.tag\"\n\t\t\t\t\t\tclass=\"cn-record-list__action\"\n\t\t\t\t\t\tv-bind=\"item.action.attrs\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-action\"\n\t\t\t\t\t\tv-on=\"item.action.tag === 'button' ? { click: () => runRowAction(item.row) } : {}\">\n\t\t\t\t\t\t{{ item.action.label }}\n\t\t\t\t\t</component>\n\t\t\t\t</div>\n\t\t\t\t<!-- rows: title and meta, then the pill, the date and a chevron. -->\n\t\t\t\t<component\n\t\t\t\t\t:is=\"item.tag\"\n\t\t\t\t\tv-else-if=\"presentation === 'rows'\"\n\t\t\t\t\tclass=\"cn-record-list__row\"\n\t\t\t\t\t:class=\"{ 'cn-record-list__row--link': item.tag !== 'div' }\"\n\t\t\t\t\tv-bind=\"item.attrs\">\n\t\t\t\t\t<span v-if=\"item.initials\"\n\t\t\t\t\t\tclass=\"cn-record-list__avatar\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-avatar\">{{ item.initials }}</span>\n\t\t\t\t\t<span v-if=\"item.dot\"\n\t\t\t\t\t\tclass=\"cn-record-list__dot\"\n\t\t\t\t\t\t:style=\"{ background: item.dot }\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-record-list-dot\" />\n\t\t\t\t\t<span class=\"cn-record-list__main\">\n\t\t\t\t\t\t<span v-if=\"item.title\" class=\"cn-record-list__title\">{{ item.title }}</span>\n\t\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span v-if=\"item.pill \|\| item.badges.length > 0 \|\| item.due \|\| item.trailing \|\| item.flag\" class=\"cn-record-list__aside\">\n\t\t\t\t\t\t<span v-if=\"item.flag\" class=\"cn-record-list__flag\" data-testid=\"cn-record-list-flag\">{{ item.flag }}</span>\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-if=\"item.pill\"\n\t\t\t\t\t\t\t:label=\"item.pill.label\"\n\t\t\t\t\t\t\t:variant=\"item.pill.variant\"\n\t\t\t\t\t\t\tsize=\"small\" />\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\tv-for=\"badge in item.badges\"\n\t\t\t\t\t\t\t:key=\"badge.key\"\n\t\t\t\t\t\t\t:label=\"badge.label\"\n\t\t\t\t\t\t\t:variant=\"badge.variant\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t:data-testid=\"`cn-record-list-badge-${badge.kind}`\" />\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tv-if=\"item.due\"\n\t\t\t\t\t\t\tclass=\"cn-record-list__due\"\n\t\t\t\t\t\t\t:class=\"[`cn-record-list__due--${item.due.tone}`, { 'cn-record-list__due--soon': item.due.soon }]\"\n\t\t\t\t\t\t\tdata-testid=\"cn-record-list-due\">{{ item.due.text }}</span>\n\t\t\t\t\t\t<span v-if=\"item.trailing\" class=\"cn-record-list__trailing\">{{ item.trailing }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\tv-if=\"item.tag !== 'div'\"\n\t\t\t\t\t\tclass=\"cn-record-list__chevron\"\n\t\t\t\t\t\t:size=\"18\"\n\t\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t\t</component>\n\n\t\t\t\t<!-- cards: a framed card per row, the icon and title with the pill\n\t\t\t\t beside them, the meta line, and `trailing` as the large figure. -->\n\t\t\t\t<component\n\t\t\t\t\t:is=\"item.tag\"\n\t\t\t\t\tv-else-if=\"presentation === 'cards'\"\n\t\t\t\t\tclass=\"cn-record-list__card\"\n\t\t\t\t\t:class=\"{ 'cn-record-list__card--link': item.tag !== 'div' }\"\n\t\t\t\t\tv-bind=\"item.attrs\"\n\t\t\t\t\tdata-testid=\"cn-record-list-card\">\n\t\t\t\t\t<span class=\"cn-record-list__card-head\">\n\t\t\t\t\t\t<span class=\"cn-record-list__card-title\">\n\t\t\t\t\t\t\t<CnIcon\n\t\t\t\t\t\t\t\tv-if=\"cardIcons\"\n\t\t\t\t\t\t\t\tclass=\"cn-record-list__card-icon\"\n\t\t\t\t\t\t\t\t:name=\"item.icon\"\n\t\t\t\t\t\t\t\t:size=\"18\" />\n\t\t\t\t\t\t\t<span v-if=\"item.title\" class=\"cn-record-list__title\">{{ item.title }}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span v-if=\"item.pill \|\| item.badges.length > 0\" class=\"cn-record-list__card-pills\">\n\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\tv-if=\"item.pill\"\n\t\t\t\t\t\t\t\t:label=\"item.pill.label\"\n\t\t\t\t\t\t\t\t:variant=\"item.pill.variant\"\n\t\t\t\t\t\t\t\tsize=\"small\" />\n\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\tv-for=\"badge in item.badges\"\n\t\t\t\t\t\t\t\t:key=\"badge.key\"\n\t\t\t\t\t\t\t\t:label=\"badge.label\"\n\t\t\t\t\t\t\t\t:variant=\"badge.variant\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t:data-testid=\"`cn-record-list-badge-${badge.kind}`\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t<span v-if=\"item.trailing\" class=\"cn-record-list__card-value\" data-testid=\"cn-record-list-card-value\">{{ item.trailing }}</span>\n\t\t\t\t</component>\n\n\t\t\t\t<!-- feed: a round icon, a meta line and the text. -->\n\t\t\t\t<div v-else-if=\"presentation === 'feed'\" class=\"cn-record-list__feed-row\">\n\t\t\t\t\t<span class=\"cn-record-list__feed-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t<CnIcon :name=\"item.icon\" :size=\"18\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<component :is=\"item.tag\" class=\"cn-record-list__main\" v-bind=\"item.attrs\">\n\t\t\t\t\t\t<span v-if=\"item.meta\" class=\"cn-record-list__meta\">{{ item.meta }}</span>\n\t\t\t\t\t\t<span v-if=\"item.text\" class=\"cn-record-list__text\">{{ item.text }}</span>\n\t\t\t\t\t</component>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- inline: a label and the title, the title a link. -->\n\t\t\t\t<div v-else class=\"cn-record-list__inline-row\">\n\t\t\t\t\t<span v-if=\"item.label\" class=\"cn-record-list__label\">{{ item.label }}</span>\n\t\t\t\t\t<component :is=\"item.tag\" class=\"cn-record-list__inline-title\" v-bind=\"item.attrs\">\n\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t</component>\n\t\t\t\t</div>\n\t\t\t\t<!-- `bar`: a thin track under the row, filled to the row's value\n\t\t\t\t against its own maximum or against the largest row. -->\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"presentation === 'rows' && item.bar\"\n\t\t\t\t\tclass=\"cn-record-list__bar\"\n\t\t\t\t\t:class=\"{ 'cn-record-list__bar--over': item.bar.over }\"\n\t\t\t\t\trole=\"meter\"\n\t\t\t\t\t:aria-label=\"item.title \|\| null\"\n\t\t\t\t\t:aria-valuenow=\"item.bar.value\"\n\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t:aria-valuemax=\"item.bar.max\"\n\t\t\t\t\tdata-testid=\"cn-record-list-bar\">\n\t\t\t\t\t<span class=\"cn-record-list__bar-fill\" :style=\"{ width: `${item.bar.share}%` }\" />\n\t\t\t\t</span>\n\t\t\t</li>\n\t\t</ul>\n\t\t<p v-if=\"footnote && !error\" class=\"cn-record-list__footnote\" data-testid=\"cn-record-list-footnote\">\n\t\t\t{{ footnote }}\n\t\t</p>\n\t\t<!-- `footerAction`: one action under the list, also under the empty\n\t\t text (\"Beroep registreren\"). With `disabledWhen` it greys out and\n\t\t says why (`disabledReason`: \"Kan zodra de beslissing is\n\t\t verzonden\"). -->\n\t\t<div\n\t\t\tv-if=\"footerAction && !error\"\n\t\t\tclass=\"cn-record-list__footer\"\n\t\t\tdata-testid=\"cn-record-list-footer\">\n\t\t\t<NcButton\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t:disabled=\"footerDisabled\"\n\t\t\t\t:aria-describedby=\"footerDisabled && footerAction.reason ? footerReasonId : null\"\n\t\t\t\tdata-testid=\"cn-record-list-footer-action\"\n\t\t\t\t@click=\"runFooterAction\">\n\t\t\t\t<template v-if=\"footerAction.icon\" #icon>\n\t\t\t\t\t<CnIcon :name=\"footerAction.icon\" :size=\"16\" />\n\t\t\t\t</template>\n\t\t\t\t{{ footerAction.label }}\n\t\t\t</NcButton>\n\t\t\t<span\n\t\t\t\tv-if=\"footerDisabled && footerAction.reason\"\n\t\t\t\t:id=\"footerReasonId\"\n\t\t\t\tclass=\"cn-record-list__footer-reason\"\n\t\t\t\tdata-testid=\"cn-record-list-footer-reason\">{{ footerAction.reason }}</span>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcLoadingIcon } from '@nextcloud/vue'\nimport { inject, ref } from 'vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport CnIcon from '../CnIcon/CnIcon.vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { useEndpointSource } from '../../composables/useEndpointSource.js'\nimport { actionLink, dispatchAction, interpolateActionTarget } from '../../utils/actionsDispatcher.js'\nimport { isBadgeVariant } from '../../utils/badgeVariants.js'\nimport { ageInDays } from '../../utils/boardDate.js'\nimport { resolveDue } from '../../utils/dueText.js'\nimport { fillTemplate, firstFilled } from '../../utils/fillTemplate.js'\nimport { unwrapAppConfig } from '../../utils/formatMetric.js'\nimport { initialsOf } from '../../utils/initials.js'\nimport { lensUnavailableText, readLensReports } from '../../utils/lensAvailability.js'\nimport { pageFilter, pageSort } from '../../utils/pageControls.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { dropOptionalUnresolved, hasUnresolvedTokens, resolveFilterTokens } from '../../utils/resolveFilterTokens.js'\nimport { evaluateVisibleWhen } from '../../utils/visibleWhen.js'\n\nconst PAGE_REFRESH_CHANNEL = 'cn:page:refresh'\n\n/** Gives each list's footer reason its own element id. /\nlet footerSeq = 0\nconst PRESENTATIONS = ['rows', 'feed', 'inline', 'cards', 'notice', 'table']\n\n/* The tones a `notice` list takes. /\nconst NOTICE_VARIANTS = ['info', 'warning', 'error']\n\n/\n A row that is a plain string or number (an endpoint answering `[\"...\", \"...\"]`)\n * read as `{ value }`, so the templates reach it as `{value}` and a list\n * without a `title` shows the value itself. An object row is returned as is.\n \n @param {(object\|string\|number)} row The row.\n * @return {(object\|string\|number)} The row, or `{ value }` for a string or number.\n /\nfunction scalarRow(row) {\n\treturn typeof row === 'string' \|\| typeof row === 'number' ? { value: String(row) } : row\n}\n\n/\n Unwrap a value that may be a ref.\n \n @param {unknown} value The value.\n * @return {unknown} The plain value.\n /\nfunction unwrap(value) {\n\treturn value && typeof value === 'object' && 'value' in value ? value.value : value\n}\n\n/\n CnRecordListWidget — the objects of another schema that point at this\n * record, drawn as the boards draw them (screens-relation-pages).\n \n A person page lists its open cases (\"Verlichting fietspad Lindelaan,\n * 2026-0082 · Woo-verzoek, In behandeling, Termijn 1 nov\"), its latest contact\n * moments (an icon by channel, a meta line, the summary) and its relations\n * (\"Secretaris van Buurtvereniging Oost\"). Each is a list of another schema's\n * objects filtered on a reference to this record. The source keys are those of\n * `object-list` (`register`, `schema`, `filter` with the `@objectId` /\n * `@object.<field>` / `@workspace.<key>` tokens, `sort`, `limit`, `extend`,\n * `rowRoute`, `pageControls`), or `endpointSource` (an app endpoint whose\n * payload, after `responsePath`, is the array of rows, as on the object table); `avatar` puts a circle with the initials of a name\n * template before the title; what differs is the drawing: `presentation` is `rows`, `feed`\n * or `inline`, and each line is a template (`\"{identifier} · {caseTypeName}\"`,\n * `\"Termijn {deadline\|date}\"`). `cards` draws a framed card per row in a\n * grid, with `trailing` as the large figure (board ShBank's accounts).\n \n A content-only catalog type: on a card surface the detail host or the\n * dashboard page draws the titled card. The widget emits `header` with `{ link, note }` (the\n * `headerLink` and `headerNote` with `{total}` filled in) for that card's\n * header.\n /\nexport default {\n\tname: 'CnRecordListWidget',\n\n\tcomponents: { ChevronRight, CnIcon, CnStatusBadge, NcButton, NcLoadingIcon },\n\n\tinject: {\n\t\t/* Detail-page object context (`{ objectId, object, register, schema }`). /\n\t\tcnObjectContext: { default: null },\n\t\t/* Page workspace bag, for `@workspace.<key>` tokens. /\n\t\tcnWorkspaceContext: { default: null },\n\t\t/* The host app's translate function. /\n\t\tcnTranslate: { default: () => (key) => key },\n\t\t/* The page's app config map; its `currency` is the reporting currency of a money token. /\n\t\tcnAppConfig: { default: () => ({}) },\n\t\t/* The page's pre-bound action dispatcher (CnPageRenderer), for `rowAction`. /\n\t\tcnDispatchAction: { default: null },\n\t},\n\n\tprops: {\n\t\t/\n\t\t The list config: `{ register, schema, filter?, sort?, limit?, extend?,\n\t\t * presentation?, variant?, lead?, title?, meta?, text?, label?, pill?, trailing?, icon?,\n\t\t * rowRoute?, rowIdField?, headerLink?, headerNote?, emptyText?, errorText?,\n\t\t * valueLabels?, endpointSource?, bar? }`. `bar` (`{ valueField, maxField?,\n\t\t * overVariant? }`) draws a thin track under each row: filled to\n\t\t * `valueField` against `maxField` (drawn in the error colour past it\n\t\t * with `overVariant: \"error\"`), or without `maxField` against the\n\t\t * largest row. `endpointSource` (`{ url, method?,\n\t\t * params?, responsePath? }`) reads the rows from an app endpoint instead\n\t\t * of `register` / `schema`. `valueLabels` maps a field's stored values to the labels\n\t\t * the templates show. `headerNote` and `headerLink.label` fill `{total}`\n\t\t * and `{count:<field>=<value>}`, the loaded rows with that value.\n\t\t * A row that is a plain string or number (an endpoint\n\t\t * answering `[\"…\", \"…\"]`) is read as `{ value }`: templates reach it as\n\t\t * `{value}`, and without `title` a row shows the value itself.\n\t\t * `presentation: \"notice\"` draws the rows as sentences in one box toned by\n\t\t * `variant` (`info`, `warning` or `error`), after an optional `lead`\n\t\t * (`{total}` filled in).\n\t\t * `dot` (a field, or `{ field, colorMap? }`) draws a colour dot before\n\t\t * the title; `flags` (`[{ field, label, value? }]`) draws the labels\n\t\t * of the flags a row has (\"Start\", \"End\") at its end.\n\t\t * `footerAction` (`{ label, icon?, type, ..., disabledWhen?,\n\t\t * disabledReason? }`) ends the card with one action, also under the\n\t\t * empty text; while the visibleWhen condition `disabledWhen` holds the\n\t\t * button is disabled and `disabledReason` shows under it.\n\t\t \n\t\t @type {object}\n\t\t /\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/* The current record's id, for the `@objectId` token. /\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/* The current record, for `@object.<field>` tokens. /\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['header'],\n\n\tsetup(props) {\n\t\tconst objectCtxRaw = inject('cnObjectContext', null)\n\t\tconst workspaceRaw = inject('cnWorkspaceContext', null)\n\t\tconst appConfigRaw = inject('cnAppConfig', ref({}))\n\t\tconst { data, loading, error } = useEndpointSource(\n\t\t\t() => props.content?.endpointSource \|\| null,\n\t\t\t{\n\t\t\t\tctx: () => {\n\t\t\t\t\tconst injected = unwrap(objectCtxRaw) \|\| {}\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...injected,\n\t\t\t\t\t\tobjectId: props.objectId ?? injected.objectId ?? props.objectData?.id ?? null,\n\t\t\t\t\t\tobject: props.objectData \|\| injected.object \|\| null,\n\t\t\t\t\t\tworkspace: unwrap(workspaceRaw) \|\| {},\n\t\t\t\t\t\tconfig: unwrapAppConfig(appConfigRaw) \|\| {},\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t)\n\t\treturn { epData: data, epLoading: loading, epError: error }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\trows: [],\n\t\t\ttotal: 0,\n\t\t\tloading: false,\n\t\t\terror: false,\n\t\t\t/* Personal-lens reports (`@self.lenses`) of the latest response. /\n\t\t\tlenses: {},\n\t\t\t/* Whether `footerAction.disabledWhen` holds. /\n\t\t\tfooterDisabled: false,\n\t\t\tfooterReasonId: `cn-record-list-footer-reason-${++footerSeq}`,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The action under the list (`footerAction`: `{ label, icon?, type,\n\t\t * ..., disabledWhen?, disabledReason? }`), labels through the host\n\t\t * translate, or null without a label.\n\t\t \n\t\t @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled\n\t\t * @return {{label: string, icon: string, reason: string, action: object}\|null}\n\t\t /\n\t\tfooterAction() {\n\t\t\tconst action = this.content?.footerAction\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 {\n\t\t\t\tlabel: this.translate(action.label),\n\t\t\t\ticon: typeof action.icon === 'string' ? action.icon : '',\n\t\t\t\treason: typeof action.disabledReason === 'string' && action.disabledReason !== '' ? this.translate(action.disabledReason) : '',\n\t\t\t\taction,\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t What `footerAction.disabledWhen` depends on, so it is evaluated again\n\t\t * when the condition, the record or the workspace changes.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tfooterDisabledKey() {\n\t\t\tconst cond = this.content?.footerAction?.disabledWhen\n\t\t\tif (!cond) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn JSON.stringify({ cond, object: this.tokenCtx.object, workspace: this.tokenCtx.workspace, total: this.total })\n\t\t},\n\n\t\t/* @return {string} `rows`, `feed`, `inline` or `cards`. /\n\t\t/\n\t\t The tone of a `notice` list (`content.variant`): info, warning or error.\n\t\t \n\t\t @return {string} The variant, `info` when unset or unknown.\n\t\t * @spec openspec/changes/record-list-string-rows/specs/record-list-string-rows/spec.md#requirement-a-record-list-draws-rows-that-are-plain-strings\n\t\t /\n\t\tnoticeVariant() {\n\t\t\tconst value = this.content?.variant\n\t\t\treturn NOTICE_VARIANTS.includes(value) ? value : 'info'\n\t\t},\n\n\t\t/* @return {string} The icon of the notice tone. /\n\t\tnoticeIcon() {\n\t\t\treturn this.noticeVariant === 'info' ? 'InformationOutline' : 'AlertOutline'\n\t\t},\n\n\t\t/\n\t\t The rows of a `notice` list as one paragraph: each row's title, as\n\t\t * sentences, after the optional `lead` with `{total}` filled in.\n\t\t \n\t\t @return {string} The text.\n\t\t * @spec openspec/changes/record-list-string-rows/specs/record-list-string-rows/spec.md#requirement-a-record-list-draws-rows-that-are-plain-strings\n\t\t /\n\t\tnoticeText() {\n\t\t\tconst parts = this.items.map((item) => item.title).filter((text) => text !== '')\n\t\t\tconst lead = typeof this.content?.lead === 'string' && this.content.lead !== '' ? this.withTotal(this.content.lead) : ''\n\t\t\treturn [lead, ...parts].filter(Boolean).join(' ')\n\t\t},\n\n\t\tpresentation() {\n\t\t\tconst value = this.content?.presentation\n\t\t\treturn PRESENTATIONS.includes(value) ? value : 'rows'\n\t\t},\n\n\t\t/\n\t\t Whether a `cards` card leads its title with an icon: only when the\n\t\t * list declares `icon`, so a card without one has no placeholder.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/record-list-cards/specs/record-list-cards/spec.md#requirement-a-record-list-can-draw-its-rows-as-cards\n\t\t /\n\t\tcardIcons() {\n\t\t\tconst icon = this.content?.icon\n\t\t\treturn (typeof icon === 'string' && icon !== '') \|\| (Boolean(icon) && typeof icon === 'object')\n\t\t},\n\n\t\t/* @return {object} The token context: record, id and workspace. /\n\t\ttokenCtx() {\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/* @return {object} The filter with its tokens resolved. /\n\t\tresolvedFilter() {\n\t\t\tconst filter = pageFilter(this.content?.pageControls, this.tokenCtx.workspace, this.content?.filter)\n\t\t\treturn dropOptionalUnresolved(resolveFilterTokens(filter, this.tokenCtx))\n\t\t},\n\n\t\t/* @return {boolean} A required token (the record id, say) has no value yet. /\n\t\twaiting() {\n\t\t\treturn hasUnresolvedTokens(this.resolvedFilter)\n\t\t},\n\n\t\t/* @return {object\|null} The sort: the page's sort control when the widget listens to one, else its own. /\n\t\teffectiveSort() {\n\t\t\treturn pageSort(this.content?.pageControls, this.tokenCtx.workspace, this.content?.sort)\n\t\t},\n\n\t\t/\n\t\t What a template may read beside the row: the app config, whose\n\t\t * `currency` is the reporting currency of a `{path\|currency}` token.\n\t\t \n\t\t @return {{config: object}} The template context.\n\t\t * @spec openspec/changes/screens-currency-format/specs/currency-format/spec.md#requirement-a-money-value-reads-in-its-currency\n\t\t /\n\t\ttemplateContext() {\n\t\t\treturn { config: unwrapAppConfig(this.cnAppConfig) }\n\t\t},\n\n\t\t/\n\t\t Whether the rows come from `endpointSource` rather than OpenRegister.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/endpoint-source-card-grid-record-list/specs/dashboard-page/spec.md#requirement-a-record-list-and-a-card-grid-can-read-an-endpoint\n\t\t /\n\t\tendpointActive() {\n\t\t\tconst source = this.content?.endpointSource\n\t\t\treturn Boolean(source && typeof source === 'object' && source.url)\n\t\t},\n\n\t\t/* @return {string} The endpoint read's state, to copy into the list when it changes. /\n\t\tendpointKey() {\n\t\t\treturn this.endpointActive ? JSON.stringify([this.epData, this.epLoading, this.epError]) : ''\n\t\t},\n\n\t\t/* @return {number} The fetch cap. /\n\t\tlimit() {\n\t\t\tconst value = Number(this.content?.limit)\n\t\t\treturn Number.isFinite(value) && value > 0 ? Math.floor(value) : 5\n\t\t},\n\n\t\t/* @return {string} What a fetch depends on; a change fetches again. /\n\t\trequestKey() {\n\t\t\tconst c = this.content \|\| {}\n\t\t\treturn JSON.stringify([c.register, c.schema, this.resolvedFilter, this.effectiveSort, this.limit, c.extend, this.waiting])\n\t\t},\n\n\t\t/* @return {Array<object>} The rows ready to draw. /\n\t\titems() {\n\t\t\tconst c = this.content \|\| {}\n\t\t\tconst barScale = this.barScale\n\t\t\treturn this.rows.slice(0, this.limit).map((raw, index) => {\n\t\t\t\tconst row = scalarRow(raw)\n\t\t\t\tconst link = this.rowLink(row)\n\t\t\t\treturn {\n\t\t\t\t\tkey: (row && (row.id \|\| row['@self']?.id)) \|\| `row-${index}`,\n\t\t\t\t\trow,\n\t\t\t\t\taction: this.rowActionOf(row),\n\t\t\t\t\ttag: link ? 'router-link' : 'div',\n\t\t\t\t\tattrs: link ? { to: link } : {},\n\t\t\t\t\tinitials: this.initialsFor(row),\n\t\t\t\t\ttitle: this.fill(c.title \|\| (row !== raw ? '{value}' : ''), row),\n\t\t\t\t\tmeta: this.metaOf(row),\n\t\t\t\t\ttext: this.fill(c.text, row),\n\t\t\t\t\tlabel: this.fill(c.label, row),\n\t\t\t\t\ttrailing: c.trailing ? firstFilled(c.trailing, row, this.translate, new Date(), this.templateContext) : '',\n\t\t\t\t\tpill: this.pillOf(row),\n\t\t\t\t\tbadges: this.badgesOf(row),\n\t\t\t\t\tdue: this.dueOf(row),\n\t\t\t\t\ticon: this.iconOf(row),\n\t\t\t\t\tbar: this.barOf(row, barScale),\n\t\t\t\t\tdot: this.dotOf(row),\n\t\t\t\t\tflag: this.flagOf(row),\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\t/\n\t\t The `table` presentation's columns: `{ label, value, align?, alertAbove? }`,\n\t\t * `value` a template over the row.\n\t\t \n\t\t @return {Array<object>} The columns with a key and a translated label.\n\t\t * @spec openspec/changes/record-list-table/specs/record-list-table/spec.md#requirement-a-record-list-can-draw-its-rows-as-a-small-table\n\t\t /\n\t\ttableColumns() {\n\t\t\tconst columns = Array.isArray(this.content?.columns) ? this.content.columns : []\n\t\t\treturn columns\n\t\t\t\t.filter((col) => col && typeof col === 'object' && typeof col.value === 'string')\n\t\t\t\t.map((col, index) => ({ ...col, key: `col-${index}`, label: typeof col.label === 'string' ? this.translate(col.label) : '' }))\n\t\t},\n\n\t\t/\n\t\t The `table` presentation's rows: one cell per column.\n\t\t \n\t\t @return {Array<object>} `{ key, cells: [{ key, text, align, alert }] }`.\n\t\t * @spec openspec/changes/record-list-table/specs/record-list-table/spec.md#requirement-a-record-list-can-draw-its-rows-as-a-small-table\n\t\t /\n\t\ttableRows() {\n\t\t\treturn this.items.map((item) => ({\n\t\t\t\tkey: item.key,\n\t\t\t\tcells: this.tableColumns.map((col) => {\n\t\t\t\t\tconst text = this.fill(col.value, item.row)\n\t\t\t\t\tconst limit = Number(col.alertAbove)\n\t\t\t\t\tconst value = Number(text)\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: col.key,\n\t\t\t\t\t\ttext,\n\t\t\t\t\t\talign: col.align,\n\t\t\t\t\t\talert: col.alertAbove !== undefined && Number.isFinite(limit) && text !== '' && Number.isFinite(value) && value > limit,\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t}))\n\t\t},\n\n\t\t/* @return {string} The note under the list (`footnote`), translated. /\n\t\tfootnote() {\n\t\t\tconst note = this.content?.footnote\n\t\t\treturn typeof note === 'string' && note !== '' ? this.translate(note) : ''\n\t\t},\n\n\t\t/\n\t\t The largest `bar.valueField` over the rows shown, the scale of a\n\t\t * `bar` without `maxField`. 0 without a `bar`.\n\t\t \n\t\t @return {number} The largest value.\n\t\t * @spec openspec/changes/record-list-row-bar/specs/record-list-row-bar/spec.md#requirement-a-record-list-row-can-carry-a-bar\n\t\t /\n\t\tbarScale() {\n\t\t\tconst field = this.content?.bar?.valueField\n\t\t\tif (!field) {\n\t\t\t\treturn 0\n\t\t\t}\n\t\t\treturn Math.max(0, ...this.rows.slice(0, this.limit).map((row) => Number(readPath(row, field)) \|\| 0))\n\t\t},\n\n\t\t/* @return {object\|null} The header link with `{total}` filled and tokens resolved. /\n\t\theaderLink() {\n\t\t\tconst link = this.content?.headerLink\n\t\t\tif (!link \|\| typeof link !== 'object' \|\| typeof link.label !== 'string' \|\| link.label === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst resolved = { label: this.withTotal(link.label) }\n\t\t\tif (link.route) {\n\t\t\t\tresolved.route = link.route\n\t\t\t\tif (link.params && typeof link.params === 'object') {\n\t\t\t\t\tresolved.params = resolveFilterTokens(link.params, this.tokenCtx)\n\t\t\t\t}\n\t\t\t\tif (link.query && typeof link.query === 'object') {\n\t\t\t\t\tresolved.query = resolveFilterTokens(link.query, this.tokenCtx)\n\t\t\t\t}\n\t\t\t} else if (typeof link.href === 'string') {\n\t\t\t\tresolved.href = link.href\n\t\t\t}\n\t\t\treturn resolved\n\t\t},\n\n\t\t/* @return {string} The header note with `{total}` filled. /\n\t\theaderNote() {\n\t\t\tconst note = this.content?.headerNote\n\t\t\treturn typeof note === 'string' && note !== '' ? this.withTotal(note) : ''\n\t\t},\n\n\t\t/\n\t\t Why the list is empty when a personal lens could not answer\n\t\t * (`@self.lenses.<lens>.available: false`, as for `filter: { _recent: true }`),\n\t\t * or '' to keep `emptyText`. `lensReasonTexts` holds the app's wording,\n\t\t * keyed `<lens>.<reason>` or `<reason>`.\n\t\t \n\t\t @return {string} The explanation, or ''.\n\t\t * @spec openspec/changes/screens-record-list-lens-reason/specs/record-list-lens-reason/spec.md#requirement-a-record-list-says-why-a-lens-is-empty\n\t\t /\n\t\tlensReasonText() {\n\t\t\tif (this.rows.length > 0) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst text = lensUnavailableText(this.lenses, this.content?.lensReasonTexts)\n\t\t\treturn text ? this.translate(text) : ''\n\t\t},\n\n\t\t/* @return {string} The empty line. /\n\t\temptyLabel() {\n\t\t\tif (this.lensReasonText !== '') {\n\t\t\t\treturn this.lensReasonText\n\t\t\t}\n\t\t\treturn this.content?.emptyText ? this.translate(this.content.emptyText) : t('nextcloud-vue', 'Nothing here yet')\n\t\t},\n\n\t\t/* @return {string} The error line. /\n\t\terrorLabel() {\n\t\t\treturn this.content?.errorText ? this.translate(this.content.errorText) : t('nextcloud-vue', 'This list could not be loaded.')\n\t\t},\n\n\t\t/* @return {string} The spinner's accessible name. /\n\t\tloadingLabel() {\n\t\t\treturn t('nextcloud-vue', 'Loading …')\n\t\t},\n\t},\n\n\twatch: {\n\t\trequestKey() {\n\t\t\tthis.fetchRows()\n\t\t},\n\n\t\tfooterDisabledKey: {\n\t\t\timmediate: true,\n\t\t\thandler() {\n\t\t\t\tthis.evaluateFooterDisabled()\n\t\t\t},\n\t\t},\n\n\t\tendpointKey() {\n\t\t\tthis.fetchRows()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.onRefresh = () => this.fetchRows()\n\t\tsubscribe(PAGE_REFRESH_CHANNEL, this.onRefresh)\n\t\tthis.fetchRows()\n\t},\n\n\tbeforeUnmount() {\n\t\tunsubscribe(PAGE_REFRESH_CHANNEL, this.onRefresh)\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Translate a manifest string through the host app.\n\t\t \n\t\t @param {string} text The text.\n\t\t * @return {string} The translation.\n\t\t /\n\t\ttranslate(text) {\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/\n\t\t A row's colour dot (`dot`: a field name, or `{ field, colorMap? }`):\n\t\t * the field's colour, or its value through `colorMap`. Only a hex\n\t\t * colour, an `rgb()`/`hsl()` colour or a `var(--…)` token is drawn.\n\t\t \n\t\t @spec openspec/changes/record-list-dot-flags/specs/record-list/spec.md#requirement-a-record-list-row-can-carry-a-colour-dot-and-flag-text\n\t\t * @param {object} row The row.\n\t\t * @return {string} The colour, or ''.\n\t\t /\n\t\tdotOf(row) {\n\t\t\tconst dot = this.content?.dot\n\t\t\tconst def = typeof dot === 'string' ? { field: dot } : dot\n\t\t\tif (!def \|\| typeof def !== 'object' \|\| typeof def.field !== 'string' \|\| def.field === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst raw = readPath(row, def.field)\n\t\t\tif (raw === null \|\| raw === undefined \|\| raw === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst mapped = def.colorMap && typeof def.colorMap === 'object' && typeof def.colorMap[String(raw)] === 'string' ? def.colorMap[String(raw)] : String(raw)\n\t\t\treturn /^(#[0-9a-f]{3,8}\|(rgb\|rgba\|hsl\|hsla)\$[^;{}]\$\|var\$--[a-z0-9-]+(,[^;{}])?\$)$/i.test(mapped.trim()) ? mapped.trim() : ''\n\t\t},\n\n\t\t/\n\t\t A row's flag text (`flags`: `[{ field, label, value? }]`): the\n\t\t * labels of the flags whose field is set (or equals `value`), through\n\t\t * the host translate and joined with \" · \" (\"Start\", \"End\").\n\t\t \n\t\t @spec openspec/changes/record-list-dot-flags/specs/record-list/spec.md#requirement-a-record-list-row-can-carry-a-colour-dot-and-flag-text\n\t\t * @param {object} row The row.\n\t\t * @return {string} The text, or ''.\n\t\t /\n\t\tflagOf(row) {\n\t\t\tconst flags = Array.isArray(this.content?.flags) ? this.content.flags : []\n\t\t\treturn flags\n\t\t\t\t.filter((flag) => flag && typeof flag.field === 'string' && typeof flag.label === 'string' && flag.label !== '')\n\t\t\t\t.filter((flag) => {\n\t\t\t\t\tconst raw = readPath(row, flag.field)\n\t\t\t\t\treturn flag.value !== undefined ? String(raw) === String(flag.value) : raw === true \|\| raw === 'true' \|\| raw === 1\n\t\t\t\t})\n\t\t\t\t.map((flag) => this.translate(flag.label))\n\t\t\t\t.join(' · ')\n\t\t},\n\n\t\t/\n\t\t Settle whether the footer action is disabled: `disabledWhen` is a\n\t\t * visibleWhen condition read against the page's record (`field`), the\n\t\t * workspace, an endpoint or a source; `total` is the list's total.\n\t\t \n\t\t @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync evaluateFooterDisabled() {\n\t\t\tconst cond = this.content?.footerAction?.disabledWhen\n\t\t\tif (!cond) {\n\t\t\t\tthis.footerDisabled = false\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst ctx = { ...this.tokenCtx, object: { ...(this.tokenCtx.object \|\| {}), total: this.total } }\n\t\t\tconst key = this.footerDisabledKey\n\t\t\tconst disabled = await evaluateVisibleWhen(cond, ctx)\n\t\t\tif (key === this.footerDisabledKey) {\n\t\t\t\tthis.footerDisabled = disabled\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Run the footer action through the page's dispatcher, with the page's\n\t\t * record as the token context.\n\t\t \n\t\t @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled\n\t\t * @return {unknown} What the dispatcher returns.\n\t\t /\n\t\trunFooterAction() {\n\t\t\tconst declared = this.footerAction?.action\n\t\t\tif (!declared \|\| this.footerDisabled) {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t\tconst { disabledWhen, disabledReason, ...action } = declared\n\t\t\tif (typeof this.cnDispatchAction === 'function') {\n\t\t\t\treturn this.cnDispatchAction(action)\n\t\t\t}\n\t\t\treturn dispatchAction(action, { router: this.$router \|\| null, tokenCtx: this.tokenCtx, source: { register: this.content?.register, schema: this.content?.schema } })\n\t\t},\n\n\t\t/\n\t\t A row's `bar`: its value, the maximum it is measured against (the\n\t\t * row's `maxField`, else the largest row), the filled share and\n\t\t * whether it is over that maximum. Null without `bar` or a value.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @param {number} scale The largest value over the rows shown.\n\t\t * @return {{value: number, max: number, share: number, over: boolean}\|null} The bar.\n\t\t * @spec openspec/changes/record-list-row-bar/specs/record-list-row-bar/spec.md#requirement-a-record-list-row-can-carry-a-bar\n\t\t /\n\t\tbarOf(row, scale) {\n\t\t\tconst bar = this.content?.bar\n\t\t\tif (!bar \|\| typeof bar !== 'object' \|\| !bar.valueField) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst value = Number(readPath(row, bar.valueField))\n\t\t\tif (!Number.isFinite(value)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst ownMax = bar.maxField ? Number(readPath(row, bar.maxField)) : NaN\n\t\t\tconst max = bar.maxField ? (Number.isFinite(ownMax) && ownMax > 0 ? ownMax : 0) : scale\n\t\t\tconst share = max > 0 ? Math.min(100, Math.max(0, (value / max) 100)) : 0\n\t\t\tconst over = Boolean(bar.maxField) && bar.overVariant === 'error' && max > 0 && value > max\n\t\t\treturn { value, max, share, over }\n\t\t},\n\n\t\t/*\n\t\t The initials of the row's avatar (`avatar`: a name template such as\n\t\t * `\"{client.name}\"`, or `{ text }`), or '' without one.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string} One or two letters.\n\t\t * @spec openspec/changes/screens-record-list-avatar/specs/record-list-avatar/spec.md#requirement-a-record-list-row-can-carry-an-avatar\n\t\t /\n\t\tinitialsFor(row) {\n\t\t\tconst avatar = this.content?.avatar\n\t\t\tconst template = typeof avatar === 'string' ? avatar : (avatar && typeof avatar === 'object' ? avatar.text : '')\n\t\t\treturn initialsOf(this.fill(template, row))\n\t\t},\n\n\t\t/\n\t\t Fill a template from a row, after translating it.\n\t\t \n\t\t @param {string} template The template.\n\t\t * @param {object} row The row.\n\t\t * @return {string} The text, '' when a token is empty.\n\t\t /\n\t\tfill(template, row) {\n\t\t\treturn typeof template === 'string' && template !== '' ? fillTemplate(this.translate(template), this.labelledRow(row), new Date(), this.templateContext) : ''\n\t\t},\n\n\t\t/\n\t\t The row as the templates read it: a field named in `valueLabels`\n\t\t * (`{ channel: { phone: \"Phone\", telefoon: \"Phone\" } }`) shows the\n\t\t * translated label of its stored value, so \"{channel}\" reads \"Telefoon\"\n\t\t * for both spellings the data holds. A value without a label stays as\n\t\t * stored. The pill, the badges and the sort read the stored value.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {object} The row, or a shallow copy with labelled fields.\n\t\t * @spec openspec/changes/screens-record-list-value-labels/specs/record-list-value-labels/spec.md#requirement-a-record-list-template-can-show-a-label-for-a-stored-value\n\t\t /\n\t\tlabelledRow(row) {\n\t\t\tconst map = this.content?.valueLabels\n\t\t\tif (!row \|\| typeof row !== 'object' \|\| !map \|\| typeof map !== 'object') {\n\t\t\t\treturn row\n\t\t\t}\n\t\t\tlet out = row\n\t\t\tfor (const [field, labels] of Object.entries(map)) {\n\t\t\t\tconst raw = row[field]\n\t\t\t\tif (!labels \|\| typeof labels !== 'object' \|\| (typeof raw !== 'string' && typeof raw !== 'number')) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst label = labels[String(raw)]\n\t\t\t\tif (typeof label === 'string' && label !== '') {\n\t\t\t\t\tif (out === row) {\n\t\t\t\t\t\tout = { ...row }\n\t\t\t\t\t}\n\t\t\t\t\tout[field] = this.translate(label)\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\n\t\t/\n\t\t Fill a translated label's counts: `{total}` is the list's total, and\n\t\t * `{count:<field>=<value>}` the loaded rows whose field reads that\n\t\t * value (\"{count:status=done} van {total} stappen klaar\"). The count\n\t\t * reads the rows the list loaded, so it is exact when `limit` covers\n\t\t * the list.\n\t\t \n\t\t @param {string} label The label.\n\t\t * @return {string} The text.\n\t\t /\n\t\twithTotal(label) {\n\t\t\treturn this.translate(label)\n\t\t\t\t.replace(/\\{total\\}/g, String(this.total))\n\t\t\t\t.replace(/\\{count:([^=}]+)=([^}])\\}/g, (match, field, value) => {\n\t\t\t\t\tconst wanted = value.trim()\n\t\t\t\t\treturn String(this.rows.filter((row) => String(readPath(row, field.trim())) === wanted).length)\n\t\t\t\t})\n\t\t},\n\n\t\t/*\n\t\t The route a row opens: `rowRoute` with the id at `rowIdField`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {object\|null} The router location, or null.\n\t\t /\n\t\t/\n\t\t The one action that ends a row (`rowAction`): its label (from\n\t\t * `labels.map` by the row's `labels.field`, else `label`), and how it\n\t\t * renders: a link when it only navigates, else a button that\n\t\t * dispatches. Null without the key or a label.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {{label: string, tag: string, attrs: object}\|null}\n\t\t * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md\n\t\t /\n\t\trowActionOf(row) {\n\t\t\tconst action = this.content?.rowAction\n\t\t\tif (!action \|\| typeof action !== 'object' \|\| !row) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tlet label = typeof action.label === 'string' ? action.label : ''\n\t\t\tconst by = action.labels\n\t\t\tif (by && typeof by === 'object' && typeof by.field === 'string' && by.map && typeof by.map === 'object') {\n\t\t\t\tconst raw = readPath(row, by.field)\n\t\t\t\tif (raw !== null && raw !== undefined && typeof by.map[String(raw)] === 'string') {\n\t\t\t\t\tlabel = by.map[String(raw)]\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (label === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tlabel = this.translate(label)\n\t\t\tconst link = this.rowActionLink(action, row)\n\t\t\tif (link) {\n\t\t\t\treturn link.external\n\t\t\t\t\t? { label, tag: 'a', attrs: { href: link.href, target: '_blank', rel: 'noopener' } }\n\t\t\t\t\t: { label, tag: 'router-link', attrs: { to: link.to } }\n\t\t\t}\n\t\t\treturn { label, tag: 'button', attrs: { type: 'button' } }\n\t\t},\n\n\t\t/\n\t\t The link a `rowAction` that only navigates renders as: `open-page`\n\t\t * opens that page for the row's id, `navigate` reads its\n\t\t * `@object.<field>` / `@objectId` tokens off the row. Null for any\n\t\t * other action, which is dispatched on click.\n\t\t \n\t\t @param {object} action The declared row action.\n\t\t * @param {object} row The row.\n\t\t * @return {{href: string, to: (string\|object\|null), external: boolean}\|null}\n\t\t * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md\n\t\t /\n\t\trowActionLink(action, row) {\n\t\t\tif (action.confirm) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tif (action.type === 'open-page') {\n\t\t\t\tconst id = this.rowIdOf(row)\n\t\t\t\tif (!this.$router \|\| id === null \|\| typeof action.target !== 'string' \|\| action.target === '') {\n\t\t\t\t\treturn null\n\t\t\t\t}\n\t\t\t\tconst to = { name: action.target, params: { id } }\n\t\t\t\ttry {\n\t\t\t\t\tconst href = this.$router.resolve(to).href\n\t\t\t\t\treturn href ? { href, to, external: false } : null\n\t\t\t\t} catch {\n\t\t\t\t\treturn null\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (action.type !== 'navigate') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst target = interpolateActionTarget(action.target, this.rowTokenCtx(row))\n\t\t\t// An external target needs no router; an in-app one does.\n\t\t\treturn actionLink({ ...action, target }, { router: this.$router \|\| null })\n\t\t},\n\n\t\t/\n\t\t The token context of a row: the row is `@object`, its id `@objectId`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {object} The token context.\n\t\t /\n\t\trowTokenCtx(row) {\n\t\t\treturn { ...this.tokenCtx, objectId: this.rowIdOf(row), object: row }\n\t\t},\n\n\t\t/\n\t\t The id of a row (`rowIdField`, else `id`, else `@self.id`), or null.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string\|null} The id.\n\t\t /\n\t\trowIdOf(row) {\n\t\t\tconst field = this.content?.rowIdField\n\t\t\tconst id = field ? readPath(row, field) : (row && (row.id \|\| row['@self']?.id))\n\t\t\treturn (id === null \|\| id === undefined \|\| id === '' \|\| typeof id === 'object') ? null : String(id)\n\t\t},\n\n\t\t/\n\t\t Run a `rowAction` that is not a plain link through the page's\n\t\t * dispatcher: a `handler` gets the row as its last argument, an\n\t\t * `open-modal` gets it as the `row` prop, an `object-op` acts on it.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {unknown} What the dispatcher returns.\n\t\t * @spec openspec/changes/screens-record-list-row-action/specs/record-list/spec.md\n\t\t /\n\t\trunRowAction(row) {\n\t\t\tconst action = this.content?.rowAction\n\t\t\tif (!action \|\| typeof action !== 'object') {\n\t\t\t\treturn undefined\n\t\t\t}\n\t\t\tconst type = action.type \|\| 'handler'\n\t\t\tlet wrapped = action\n\t\t\tif (type === 'handler') {\n\t\t\t\twrapped = { ...action, args: [...(action.args \|\| []), row] }\n\t\t\t} else if (type === 'open-modal') {\n\t\t\t\twrapped = { ...action, props: { ...(action.props \|\| {}), row } }\n\t\t\t}\n\t\t\tif (typeof this.cnDispatchAction === 'function') {\n\t\t\t\treturn this.cnDispatchAction(wrapped)\n\t\t\t}\n\t\t\treturn dispatchAction(wrapped, { router: this.$router \|\| null, row, tokenCtx: this.rowTokenCtx(row), source: { register: this.content?.register, schema: this.content?.schema } })\n\t\t},\n\n\t\trowLink(row) {\n\t\t\tconst route = this.content?.rowRoute\n\t\t\tif (!route \|\| !this.$router \|\| !row) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst field = this.content?.rowIdField\n\t\t\tconst id = field ? readPath(row, field) : (row.id \|\| row['@self']?.id)\n\t\t\tif (id === null \|\| id === undefined \|\| id === '' \|\| typeof id === 'object') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn { name: route, params: { id: String(id) } }\n\t\t},\n\n\t\t/\n\t\t The row's due text (`due`: `{ field, todayLabel?, overdueLabel?, upcomingLabel?, upcomingWeeksLabel?, upcomingWeeksFrom?, emptyText? }`):\n\t\t * \"3 dagen te laat\" in the danger tone, \"Vandaag\", the date or the time\n\t\t * left (\"nog 4 dagen\") otherwise, `emptyText` when the field is empty.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {{text: string, tone: string}\|null} The text and tone, or null.\n\t\t * @spec openspec/changes/screens-due-text/specs/due-text/spec.md#requirement-a-due-date-reads-as-text-with-a-tone\n\t\t /\n\t\tdueOf(row) {\n\t\t\tconst due = this.content?.due\n\t\t\tif (!due \|\| typeof due !== 'object' \|\| !due.field) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn resolveDue(readPath(row, due.field), due, (text) => this.translate(text))\n\t\t},\n\n\t\t/\n\t\t The row's extra badges (`badges`): a coloured badge from a field\n\t\t * (`{ field, labels?, colorMap?, variant?, hideValues? }`, the value\n\t\t * shown unless `hideValues` lists it) and an age badge\n\t\t * (`{ kind: \"stale\", field, afterDays, label?, variant? }`, shown when the\n\t\t * date field is older than `afterDays` whole days; `{days}` in the\n\t\t * label is the age).\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {Array<{key: string, kind: string, label: string, variant: string}>} The badges that apply.\n\t\t * @spec openspec/changes/screens-record-list-badges/specs/record-list-badges/spec.md#requirement-a-record-list-row-can-carry-badges\n\t\t /\n\t\tbadgesOf(row) {\n\t\t\tconst declared = Array.isArray(this.content?.badges) ? this.content.badges : []\n\t\t\tconst out = []\n\t\t\tdeclared.forEach((badge, index) => {\n\t\t\t\tif (!badge \|\| typeof badge !== 'object' \|\| !badge.field) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (badge.kind === 'stale') {\n\t\t\t\t\tconst days = ageInDays(readPath(row, badge.field))\n\t\t\t\t\tconst after = Number(badge.afterDays)\n\t\t\t\t\tif (days === null \|\| !Number.isFinite(after) \|\| days <= after) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tconst template = this.translate(badge.label \|\| 'Stale')\n\t\t\t\t\tout.push({\n\t\t\t\t\t\tkey: `stale-${index}`,\n\t\t\t\t\t\tkind: 'stale',\n\t\t\t\t\t\tlabel: template.replace(/\\{days\\}/g, String(days)),\n\t\t\t\t\t\tvariant: isBadgeVariant(badge.variant) ? badge.variant : 'warning',\n\t\t\t\t\t})\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst made = this.pillOf(row, badge)\n\t\t\t\tif (made) {\n\t\t\t\t\tout.push({ key: `field-${index}`, kind: 'field', ...made })\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn out\n\t\t},\n\n\t\t/\n\t\t The row's meta line. A string is one template, and one empty token\n\t\t * empties it. `{ parts: [\"{identifier}\", \"{caseTypeName}\", \"{handler}\"],\n\t\t * separator? }` fills each part on its own, drops the empty ones and\n\t\t * joins the rest (default \" · \"), so a row without a handler still\n\t\t * reads \"2026-0082 · Woo-verzoek\".\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string} The meta line, '' when nothing fills.\n\t\t * @spec openspec/changes/screens-record-list-meta-parts/specs/record-list-meta-parts/spec.md#requirement-a-meta-line-of-parts-skips-the-empty-ones\n\t\t /\n\t\tmetaOf(row) {\n\t\t\tconst meta = this.content?.meta\n\t\t\tif (!meta \|\| typeof meta !== 'object' \|\| !Array.isArray(meta.parts)) {\n\t\t\t\treturn this.fill(meta, row)\n\t\t\t}\n\t\t\tconst separator = typeof meta.separator === 'string' ? meta.separator : ' · '\n\t\t\treturn meta.parts\n\t\t\t\t.map((part) => this.fill(part, row))\n\t\t\t\t.filter((text) => text !== '')\n\t\t\t\t.join(separator)\n\t\t},\n\n\t\t/\n\t\t The row's pill: `{ field, labels?, colorMap?, variant?, hideValues? }`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @param {object} [config] A pill config; the widget's `pill` by default.\n\t\t * @return {{label: string, variant: string}\|null} The pill, or null.\n\t\t /\n\t\tpillOf(row, config) {\n\t\t\tconst pill = config \|\| this.content?.pill\n\t\t\tif (!pill \|\| typeof pill !== 'object' \|\| !pill.field) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst raw = readPath(row, pill.field)\n\t\t\tif (raw === null \|\| raw === undefined \|\| raw === '' \|\| typeof raw === 'object') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst key = String(raw)\n\t\t\tif (Array.isArray(pill.hideValues) && pill.hideValues.map(String).includes(key)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst labels = pill.labels && typeof pill.labels === 'object' ? pill.labels : {}\n\t\t\tconst map = pill.colorMap && typeof pill.colorMap === 'object' ? pill.colorMap : {}\n\t\t\tconst found = Object.keys(map).find((k) => k.toLowerCase() === key.toLowerCase())\n\t\t\tconst variant = found ? map[found] : pill.variant\n\t\t\treturn {\n\t\t\t\tlabel: labels[key] ? this.translate(labels[key]) : key,\n\t\t\t\tvariant: isBadgeVariant(variant) ? variant : 'default',\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t The feed icon: an icon name, or `{ field, map, default }`.\n\t\t \n\t\t @param {object} row The row.\n\t\t * @return {string} The MDI icon name.\n\t\t /\n\t\ticonOf(row) {\n\t\t\tconst icon = this.content?.icon\n\t\t\tif (typeof icon === 'string' && icon !== '') {\n\t\t\t\treturn icon\n\t\t\t}\n\t\t\tif (icon && typeof icon === 'object') {\n\t\t\t\tconst raw = icon.field ? readPath(row, icon.field) : undefined\n\t\t\t\tconst map = icon.map && typeof icon.map === 'object' ? icon.map : {}\n\t\t\t\tif (raw !== null && raw !== undefined && map[String(raw)]) {\n\t\t\t\t\treturn map[String(raw)]\n\t\t\t\t}\n\t\t\t\tif (typeof icon.default === 'string' && icon.default !== '') {\n\t\t\t\t\treturn icon.default\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn 'CircleSmall'\n\t\t},\n\n\t\t/* Tell the card around this list what its header shows. /\n\t\temitHeader() {\n\t\t\tconst header = { link: this.headerLink, note: this.headerNote }\n\t\t\t// `headerCount: true`: the card draws the total as a chip after its title.\n\t\t\tif (this.content?.headerCount === true && !this.error) {\n\t\t\t\theader.count = this.total\n\t\t\t}\n\t\t\t/\n\t\t\t @event header Emitted after every read with the card header's parts.\n\t\t\t * @type {{link: (object\|null), note: string, count: (number\|undefined)}} The header link (resolved, with `{total}` filled), the note, and with `headerCount` the total.\n\t\t\t /\n\t\t\tthis.$emit('header', header)\n\t\t},\n\n\t\t/\n\t\t The rank list of a sort (`{ field, rank: [\"urgent\", \"high\", \"normal\", \"low\"], then? }`),\n\t\t * or null when the sort has none or the list's own filter already fixes the field.\n\t\t \n\t\t @param {object\|null} sort The effective sort.\n\t\t * @return {Array<string>\|null} The values in rank order.\n\t\t * @spec openspec/changes/screens-enum-rank-sort/specs/enum-rank-sort/spec.md#requirement-a-record-list-can-sort-by-the-rank-of-an-enum-value\n\t\t /\n\t\trankOf(sort) {\n\t\t\tif (!sort \|\| typeof sort !== 'object' \|\| !sort.field \|\| !Array.isArray(sort.rank)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst rank = sort.rank.filter((value) => typeof value === 'string' && value !== '')\n\t\t\tif (rank.length === 0 \|\| Object.hasOwn(this.resolvedFilter \|\| {}, sort.field)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn rank\n\t\t},\n\n\t\t/\n\t\t Read a list in the rank of an enum field. The list endpoint orders a\n\t\t * text field alphabetically (\"high\", \"low\", \"normal\", \"urgent\"), so the\n\t\t * rows are read one rank at a time, best first, each with the rest of the\n\t\t * sort (`then`) inside it, until the page is full; the rows with a value\n\t\t * outside the rank (or none) follow. The result is exact, not a client-side\n\t\t * sort of a partial page. It costs one request for the total, one per rank\n\t\t * value read and one for the remainder.\n\t\t \n\t\t @param {(params: object) => Promise<object>} get Reads the list with the given params.\n\t\t * @param {object} base The params without any order.\n\t\t * @param {{field: string, then?: {field: string, dir?: string}}} sort The sort.\n\t\t * @param {Array<string>} rank The values in rank order.\n\t\t * @return {Promise<{rows: Array<object>, total: number}>} The page and the total.\n\t\t * @spec openspec/changes/screens-enum-rank-sort/specs/enum-rank-sort/spec.md#requirement-a-record-list-can-sort-by-the-rank-of-an-enum-value\n\t\t /\n\t\tasync fetchRanked(get, base, sort, rank) {\n\t\t\tconst order = {}\n\t\t\tif (sort.then && typeof sort.then === 'object' && sort.then.field) {\n\t\t\t\torder[`_order[${sort.then.field}]`] = sort.then.dir === 'desc' ? 'desc' : 'asc'\n\t\t\t}\n\t\t\tconst read = async (extra) => {\n\t\t\t\tconst response = await get({ ...base, ...order, ...extra })\n\t\t\t\tconst data = response && response.data ? response.data : {}\n\t\t\t\treturn { results: Array.isArray(data.results) ? data.results : [], total: data.total }\n\t\t\t}\n\t\t\tconst head = await read({ _limit: 1 })\n\t\t\tconst rows = []\n\t\t\tconst seen = new Set()\n\t\t\tconst idOf = (row) => (row && (row.id \|\| row['@self']?.id)) \|\| null\n\t\t\tconst take = (list) => {\n\t\t\t\tfor (const row of list) {\n\t\t\t\t\tconst id = idOf(row)\n\t\t\t\t\tif (id !== null && seen.has(id)) {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tif (id !== null) {\n\t\t\t\t\t\tseen.add(id)\n\t\t\t\t\t}\n\t\t\t\t\tif (rows.length < this.limit) {\n\t\t\t\t\t\trows.push(row)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tfor (const value of rank) {\n\t\t\t\tif (rows.length >= this.limit) {\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\ttake((await read({ [sort.field]: value, _limit: this.limit - rows.length })).results)\n\t\t\t}\n\t\t\tif (rows.length < this.limit) {\n\t\t\t\ttake((await read({ _limit: this.limit + rows.length })).results)\n\t\t\t}\n\t\t\treturn { rows, total: typeof head.total === 'number' ? head.total : rows.length }\n\t\t},\n\n\t\t/\n\t\t Copy the endpoint read into the list: its payload must be an array of\n\t\t * rows (anything else is an empty list), and a failed read is an error.\n\t\t \n\t\t @spec openspec/changes/endpoint-source-card-grid-record-list/specs/dashboard-page/spec.md#requirement-a-record-list-and-a-card-grid-can-read-an-endpoint\n\t\t /\n\t\ttakeEndpointRows() {\n\t\t\tthis.rows = Array.isArray(this.epData) ? this.epData : []\n\t\t\tthis.total = this.rows.length\n\t\t\tthis.loading = this.epLoading === true\n\t\t\tthis.error = Boolean(this.epError)\n\t\t\tthis.lenses = {}\n\t\t\tif (!this.loading) {\n\t\t\t\tthis.emitHeader()\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Fetch the list. Sends nothing while a required token is unresolved\n\t\t * or the source is incomplete.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync fetchRows() {\n\t\t\tconst c = this.content \|\| {}\n\t\t\tif (this.endpointActive) {\n\t\t\t\tthis.takeEndpointRows()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!c.register \|\| !c.schema \|\| this.waiting) {\n\t\t\t\tthis.rows = []\n\t\t\t\tthis.total = 0\n\t\t\t\tthis.error = false\n\t\t\t\tthis.emitHeader()\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = false\n\t\t\tconst run = this.fetchRun = (this.fetchRun \|\| 0) + 1\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 url = generateUrl('/apps/openregister/api/objects/{register}/{schema}', { register: c.register, schema: c.schema })\n\t\t\t\tconst sort = this.effectiveSort\n\t\t\t\tconst params = { _limit: this.limit }\n\t\t\t\t// A rank sort (`sort.rank`) cannot be one `_order`: the list endpoint\n\t\t\t\t// orders a text field alphabetically. It is read group by group below.\n\t\t\t\tconst rank = this.rankOf(sort)\n\t\t\t\tif (!rank && sort && typeof sort === 'object' && sort.field) {\n\t\t\t\t\tparams[`_order[${sort.field}]`] = sort.dir === 'desc' ? 'desc' : 'asc'\n\t\t\t\t}\n\t\t\t\tif (Array.isArray(c.extend)) {\n\t\t\t\t\tconst extend = c.extend.filter((e) => typeof e === 'string' && e !== '')\n\t\t\t\t\tif (extend.length > 0) {\n\t\t\t\t\t\tparams._extend = extend\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tfor (const [key, value] of Object.entries(this.resolvedFilter)) {\n\t\t\t\t\tif (value && typeof value === 'object' && !Array.isArray(value)) {\n\t\t\t\t\t\tfor (const [op, operand] of Object.entries(value)) {\n\t\t\t\t\t\t\tparams[`${key}[${op}]`] = operand\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (value !== '' && value !== null && value !== undefined) {\n\t\t\t\t\t\tparams[key] = value\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (rank) {\n\t\t\t\t\t// Several requests: a fetch started later (the sort changed\n\t\t\t\t\t// meanwhile) must not be overwritten by this one.\n\t\t\t\t\tconst ranked = await this.fetchRanked((query) => axios.get(url, { params: query }), params, sort, rank)\n\t\t\t\t\tif (run !== this.fetchRun) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tthis.rows = ranked.rows\n\t\t\t\t\tthis.total = ranked.total\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst response = await axios.get(url, { params })\n\t\t\t\tconst data = response && response.data ? response.data : {}\n\t\t\t\tthis.rows = Array.isArray(data.results) ? data.results : []\n\t\t\t\tthis.total = typeof data.total === 'number' ? data.total : this.rows.length\n\t\t\t\tthis.lenses = readLensReports(data)\n\t\t\t} catch (e) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.warn('[CnRecordListWidget] failed to load objects:', e)\n\t\t\t\tthis.lenses = {}\n\t\t\t\tthis.rows = []\n\t\t\t\tthis.total = 0\n\t\t\t\tthis.error = true\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.emitHeader()\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-record-list__list {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.cn-record-list__footer {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 6px;\n\tmargin-top: 10px;\n}\n\n.cn-record-list__footer-reason {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-record-list__empty,\n.cn-record-list__error {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0;\n}\n\n.cn-record-list__notice {\n\tdisplay: flex;\n\tgap: 10px;\n\talign-items: flex-start;\n\tpadding: 12px 14px;\n\tborder-radius: var(--border-radius-large, 10px);\n\tbackground: var(--color-primary-element-light, var(--color-background-dark));\n\tcolor: var(--color-main-text);\n}\n\n.cn-record-list__notice--warning {\n\tbackground: var(--color-warning-light, rgba(255, 196, 0, 0.12));\n\tcolor: var(--color-warning-text, var(--color-main-text));\n}\n\n.cn-record-list__notice--error {\n\tbackground: var(--color-error-light, rgba(219, 0, 0, 0.08));\n\tcolor: var(--color-error-text, var(--color-main-text));\n}\n\n.cn-record-list__notice-icon {\n\tflex: 0 0 auto;\n\tmargin-top: 1px;\n}\n\n.cn-record-list__notice-text {\n\tmargin: 0;\n\tline-height: 1.5;\n}\n\n.cn-record-list__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 8px 0;\n}\n\n/ rows /\n.cn-record-list--rows .cn-record-list__item + .cn-record-list__item {\n\tborder-top: 1px solid var(--color-border);\n}\n\n.cn-record-list__bar {\n\tbackground: var(--color-border);\n\tborder-radius: 3px;\n\tdisplay: block;\n\theight: 6px;\n\tmargin: -6px 0 12px;\n\toverflow: hidden;\n}\n\n.cn-record-list__bar-fill {\n\tbackground: var(--color-primary-element);\n\tdisplay: block;\n\theight: 100%;\n}\n\n.cn-record-list__bar--over .cn-record-list__bar-fill {\n\tbackground: var(--color-error);\n}\n\n.cn-record-list__row {\n\talign-items: center;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tgap: 16px;\n\tpadding: 12px 0;\n\ttext-decoration: none;\n}\n\n.cn-record-list__row--link:hover .cn-record-list__title,\n.cn-record-list__row--link:focus-visible .cn-record-list__title {\n\ttext-decoration: underline;\n}\n\n.cn-record-list__dot {\n\tflex: 0 0 14px;\n\twidth: 14px;\n\theight: 14px;\n\tborder-radius: 50%;\n}\n\n.cn-record-list__flag {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n\twhite-space: nowrap;\n}\n\n.cn-record-list__avatar {\n\talign-items: center;\n\tbackground: var(--color-background-hover);\n\tborder-radius: 50%;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex: none;\n\tfont-size: 12px;\n\tfont-weight: 700;\n\theight: 36px;\n\tjustify-content: center;\n\twidth: 36px;\n}\n\n.cn-record-list__main {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.cn-record-list__title {\n\tfont-size: 15px;\n\tfont-weight: 700;\n}\n\n.cn-record-list__meta {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-record-list__aside {\n\talign-items: center;\n\tdisplay: flex;\n\tflex: none;\n\tgap: 16px;\n}\n\n.cn-record-list__trailing {\n\tfont-size: 14px;\n\twhite-space: nowrap;\n}\n\n.cn-record-list__due {\n\tfont-size: 14px;\n\twhite-space: nowrap;\n}\n\n.cn-record-list__due--danger {\n\tcolor: var(--color-text-error, var(--color-error-text));\n\tfont-weight: 600;\n}\n\n.cn-record-list__table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n\tfont-size: 14px;\n}\n\n.cn-record-list__table th {\n\tpadding: 6px 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tcolor: var(--color-text-maxcontrast);\n\tfont-weight: 600;\n\ttext-align: start;\n}\n\n.cn-record-list__table td {\n\tpadding: 8px 0;\n\tborder-bottom: 1px solid var(--color-border);\n}\n\n.cn-record-list__table .cn-record-list__cell--end {\n\tpadding-inline-start: 12px;\n\ttext-align: end;\n\tfont-variant-numeric: tabular-nums;\n}\n\n.cn-record-list__table .cn-record-list__cell--alert {\n\tcolor: var(--color-text-error, var(--color-error-text));\n\tfont-weight: 700;\n}\n\n.cn-record-list__footnote {\n\tmargin: 8px 0 0;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-record-list__due--soon {\n\tcolor: var(--color-text-warning, var(--color-warning-text));\n\tfont-weight: 600;\n}\n\n.cn-record-list__due--empty {\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-record-list__row--action {\n\tflex-wrap: wrap;\n\tgap: 8px 16px;\n\tpadding: 14px 0;\n}\n\n.cn-record-list__row--action .cn-record-list__main {\n\tflex: 1 1 280px;\n\tgap: 3px;\n}\n\n.cn-record-list__title--link {\n\tcolor: var(--color-main-text);\n\ttext-decoration: underline;\n}\n\n.cn-record-list__pills {\n\tdisplay: flex;\n\tflex: 0 0 120px;\n\tgap: 6px;\n\tjustify-content: flex-end;\n}\n\n.cn-record-list__due--column {\n\tflex: 0 0 96px;\n\tfont-size: 13px;\n\ttext-align: end;\n}\n\n.cn-record-list__action {\n\talign-items: center;\n\tbackground: var(--color-primary-element-light);\n\tborder: 0;\n\tborder-radius: 17px;\n\tbox-sizing: border-box;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tflex: 0 0 150px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\theight: 34px;\n\tjustify-content: center;\n\tpadding: 0 14px;\n\ttext-decoration: none;\n}\n\n.cn-record-list__action:hover,\n.cn-record-list__action:focus-visible {\n\tbackground: var(--color-primary-element-light-hover, var(--color-primary-element-light));\n}\n\n.cn-record-list__chevron {\n\tcolor: var(--color-text-maxcontrast);\n\tflex: none;\n}\n\n/ cards (board ShBank): a grid of framed cards, 240px at the least. /\n.cn-record-list--cards .cn-record-list__list {\n\talign-items: start;\n\tdisplay: grid;\n\tgap: 16px;\n\tgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.cn-record-list__card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 12px;\n\tbox-sizing: border-box;\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tpadding: 16px 18px;\n\ttext-decoration: none;\n}\n\n.cn-record-list__card--link:hover,\n.cn-record-list__card--link:focus-visible {\n\tborder-color: var(--color-border-dark, var(--color-border));\n}\n\n.cn-record-list__card--link:hover .cn-record-list__title,\n.cn-record-list__card--link:focus-visible .cn-record-list__title {\n\ttext-decoration: underline;\n}\n\n.cn-record-list__card-head {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 8px;\n\tjustify-content: space-between;\n}\n\n.cn-record-list__card-title {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 8px;\n\tmin-width: 0;\n}\n\n.cn-record-list__card-icon {\n\tcolor: var(--color-primary-element);\n\tflex: none;\n}\n\n.cn-record-list__card-pills {\n\tdisplay: flex;\n\tflex: none;\n\tgap: 6px;\n}\n\n.cn-record-list__card-value {\n\tfont-size: 24px;\n\tfont-weight: 700;\n}\n\n/ feed /\n.cn-record-list--feed .cn-record-list__item + .cn-record-list__item {\n\tborder-top: 1px solid var(--color-border);\n}\n\n.cn-record-list__feed-row {\n\talign-items: flex-start;\n\tdisplay: flex;\n\tgap: 14px;\n\tpadding: 12px 0;\n}\n\n.cn-record-list__feed-icon {\n\talign-items: center;\n\tbackground: var(--color-primary-element-light);\n\tborder-radius: 50%;\n\tcolor: var(--color-primary-element-light-text, var(--color-primary-element));\n\tdisplay: flex;\n\tflex: none;\n\theight: 36px;\n\tjustify-content: center;\n\twidth: 36px;\n}\n\n.cn-record-list__text {\n\tfont-size: 15px;\n}\n\n.cn-record-list--feed .cn-record-list__main {\n\tcolor: var(--color-main-text);\n\ttext-decoration: none;\n}\n\n/ inline /\n.cn-record-list__inline-row {\n\tpadding: 4px 0;\n}\n\n.cn-record-list__label {\n\tmargin-inline-end: 4px;\n}\n\n.cn-record-list__inline-title {\n\tcolor: var(--color-main-text);\n}\n\na.cn-record-list__inline-title {\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n</style>\n\n<style>\n/ In a narrow side column a row stacks: title, meta, then pill and date. /\n.cn-detail-page__side .cn-record-list__row {\n\talign-items: flex-start;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.cn-detail-page__side .cn-record-list__row .cn-record-list__title {\n\tcolor: var(--color-primary-element);\n\ttext-decoration: underline;\n}\n\n.cn-detail-page__side .cn-record-list__chevron {\n\tdisplay: none;\n}\n\n/ A row is a touch target of at least 44px on a phone. */\n@media (max-width: 640px) {\n\t.cn-record-list__row {\n\t\tmin-height: 44px;\n\t}\n}\n</style>\n"],"names":["_normalizeClass","_createElementBlock","_toDisplayString","_openBlock","_createVNode","_Fragment","_renderList","_normalizeStyle","_createBlock","_resolveDynamicComponent","_mergeProps","_createTextVNode","_toHandlers","_createElementVNode"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import script from './CnRelatedObjectsWidget.vue2.js';
 import { render } from './CnRelatedObjectsWidget.vue3.js';
 script.render = render;
-script.__scopeId = "data-v-7d9eae61";
+script.__scopeId = "data-v-6091aad7";
 const __sfc_main = script;
 export { __sfc_main as default };

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

@@ -152,6 +152,8 @@ var script = {
 		 * reads in the app's language. Without it a title reads as stored.
 		 */
 		cnTranslate: { default: () => (key) => key },
+		/** The page's pre-bound action dispatcher (CnPageRenderer), for a group's heading action. */
+		cnDispatchAction: { default: null },
 	},
 	props: {
@@ -214,15 +216,46 @@ var script = {
 		/**
 		 * Render mode. `'tabs'` (default) self-fetches from OpenRegister and
-		 * renders a tab per non-empty group. `'list'` forces the deprecated
+		 * renders a tab per non-empty group. `'sections'` renders every group
+		 * under its own heading in one list. `'list'` forces the deprecated
 		 * store-action list path.
 		 *
-		 * @type {'tabs'|'list'}
+		 * @type {'tabs'|'list'|'sections'}
 		 */
 		layout: {
 			type: String,
 			default: 'tabs',
-			validator: (value) => ['tabs', 'list'].includes(value),
+			validator: (value) => ['tabs', 'list', 'sections'].includes(value),
+		},
+		/**
+		 * Split the Objects group into one group per relation type, labelled
+		 * with the label OpenRegister answers for the direction
+		 * (`relation.displayLabel` on each row: "Onderwerp van deze zaak",
+		 * "Wacht op"), through the host translate. A row without one stays in
+		 * Objects.
+		 *
+		 * @spec openspec/changes/related-groups-by-relation/specs/related-objects/spec.md#requirement-related-objects-can-be-grouped-by-relation-type-under-headings
+		 */
+		groupByRelation: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * An action on a group's heading in `layout: "sections"`, keyed by the
+		 * group key (`objects`, `files`, an `extraSections` key, or
+		 * `relation:<label>` for a relation group): `{ label, icon?, ...action }`
+		 * ("Vervolg plannen"). An `extraSections` entry may carry its own
+		 * `action`. Pressing it dispatches the action through the page and
+		 * emits `group-action`.
+		 *
+		 * @type {Record<string, object>}
+		 * @spec openspec/changes/related-groups-by-relation/specs/related-objects/spec.md#requirement-related-objects-can-be-grouped-by-relation-type-under-headings
+		 */
+		groupActions: {
+			type: Object,
+			default: () => ({}),
 		},
 		/** Include `/contracts` relations in the Objects group (opt-in). */
@@ -395,6 +428,7 @@ var script = {
 	emits: [
 		'add',
+		'group-action',
 		'file-uploaded',
 		'note-added',
 		'open-integration',
@@ -431,6 +465,8 @@ var script = {
 			groups: [],
 			/** Active tab key. */
 			activeKey: '',
+			/** Prefix for the section heading ids in `layout: "sections"`. */
+			sectionIdBase: `cn-related-${Math.random().toString(36).slice(2, 9)}`,
 			/** Keys of the tabbed sections whose request is still in flight (`objects`, `files`, `relations`). */
 			pendingSections: [],
 			/** Tabbed sections whose request failed: `{ key, label }`. */
@@ -481,7 +517,7 @@ var script = {
 		/** True when the tabbed self-fetch path is usable. */
 		useTabs() {
-			return this.layout === 'tabs'
+			return (this.layout === 'tabs' || this.layout === 'sections')
 				&& Boolean(this.resolvedRegister && this.resolvedSchema && this.resolvedId)
 		},
@@ -516,6 +552,7 @@ var script = {
 						items,
 						total: items.length,
 						isExtra: true,
+						action: section.action && typeof section.action === 'object' ? section.action : null,
 					}
 				})
 		},
@@ -531,7 +568,8 @@ var script = {
 			const allow = Array.isArray(this.includeGroups) ? this.includeGroups : [];
 			const own = this.groups.filter((group) => (group.total > 0 || group.items.length > 0)
 				&& (allow.length === 0 || allow.includes(group.key)));
-			return [...own, ...this.extraGroups]
+			const split = this.groupByRelation ? own.flatMap((group) => (group.key === 'objects' ? this.splitByRelation(group) : [group])) : own;
+			return [...split, ...this.extraGroups]
 		},
 		/**
@@ -599,7 +637,7 @@ var script = {
 		 */
 		activeGroupHrefs() {
 			const group = this.activeGroup;
-			if (!group || group.isExtra || group.key === 'objects') {
+			if (!group || group.isExtra || group.key === 'objects' || String(group.key).startsWith('relation:')) {
 				return []
 			}
 			return group.items.map((item) => this.resolveItemHref(group.key, item.raw || {}))
@@ -902,6 +940,83 @@ var script = {
 			this.$emit('select-file', raw);
 		},
+		/**
+		 * The Objects group split by relation type: one group per
+		 * `relation.displayLabel`, in the order they first appear; rows
+		 * without a label stay in an Objects group.
+		 *
+		 * @spec openspec/changes/related-groups-by-relation/specs/related-objects/spec.md#requirement-related-objects-can-be-grouped-by-relation-type-under-headings
+		 * @param {object} group The Objects group.
+		 * @return {Array<object>} The groups.
+		 */
+		splitByRelation(group) {
+			const byLabel = new Map();
+			for (const item of group.items) {
+				const relation = item.raw && item.raw.relation;
+				const label = relation && typeof relation.displayLabel === 'string' && relation.displayLabel !== '' ? relation.displayLabel : '';
+				const key = label === '' ? 'objects' : `relation:${label}`;
+				if (!byLabel.has(key)) {
+					byLabel.set(key, { ...group, key, label: label === '' ? group.label : this.cnTranslate(label), relationLabel: label, items: [], total: 0 });
+				}
+				const target = byLabel.get(key);
+				target.items.push(item);
+				target.total = target.items.length;
+			}
+			return [...byLabel.values()]
+		},
+		/**
+		 * The heading action of a group: `groupActions[group.key]`, else the
+		 * extra section's own `action`; null without one or without a label.
+		 *
+		 * @param {object} group The group.
+		 * @return {{label: string, icon: string, action: object}|null}
+		 */
+		groupAction(group) {
+			const declared = (this.groupActions && this.groupActions[group.key]) || group.action || null;
+			if (!declared || typeof declared !== 'object' || typeof declared.label !== 'string' || declared.label === '') {
+				return null
+			}
+			return { label: this.cnTranslate(declared.label), icon: typeof declared.icon === 'string' ? declared.icon : '', action: declared }
+		},
+		/**
+		 * Run a group's heading action through the page's dispatcher, and say
+		 * so with `group-action`.
+		 *
+		 * @spec openspec/changes/related-groups-by-relation/specs/related-objects/spec.md#requirement-related-objects-can-be-grouped-by-relation-type-under-headings
+		 * @param {object} group The group.
+		 * @return {void}
+		 */
+		onGroupAction(group) {
+			const resolved = this.groupAction(group);
+			if (!resolved) {
+				return
+			}
+			if (typeof this.cnDispatchAction === 'function' && resolved.action.type) {
+				this.cnDispatchAction(resolved.action);
+			}
+			/**
+			 * @event group-action A group's heading action was pressed. Payload: `{ group, action }`, the group key and the declared action.
+			 */
+			this.$emit('group-action', { group: group.key, action: resolved.action });
+		},
+		/**
+		 * The owning-app link of one row in a group, '' where the row routes
+		 * through the host (related objects, host sections).
+		 *
+		 * @param {object} group The group.
+		 * @param {object} item The row.
+		 * @return {string}
+		 */
+		groupHref(group, item) {
+			if (!group || group.isExtra || group.key === 'objects' || String(group.key).startsWith('relation:')) {
+				return ''
+			}
+			return this.resolveItemHref(group.key, item.raw || {})
+		},
 		/**
 		 * Handle a click on a tabbed-path row that has no owning-app link
 		 * (rows with one render as a real `<a>`): emit a host-routed event.
@@ -920,7 +1035,7 @@ var script = {
 				this.onSelectExtra(group.key, item.raw);
 				return
 			}
-			if (group.key === 'objects') {
+			if (group.key === 'objects' || String(group.key).startsWith('relation:')) {
 				this.onSelectObject(item.raw);
 				return
 			}