@conduction/nextcloud-vue 2.90.0 → 2.92.0

package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue.js

@@ -2,7 +2,7 @@ import script from './CnIndexPageWidgets.vue2.js';
 import { render } from './CnIndexPageWidgets.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-5e716bba";
+script.__scopeId = "data-v-319129cb";
 const __sfc_main = script;
 
 export { __sfc_main as default };

package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue2.js

@@ -1,5 +1,6 @@
 import __sfc_main from '../CnKpiGrid/CnKpiGrid.vue.js';
 import __sfc_main$1 from '../CnWidgetWrapper/CnWidgetWrapper.vue.js';
+import { pickDeclaredProps } from '../../utils/declaredProps.js';
 import { canonicalWidgetType } from '../../utils/widgetTypeAliases.js';
 import { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js';
 import { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js';
@@ -43,7 +44,7 @@ var script = {
 		 * The renderable entries, in the listed order.
 		 *
 		 * @spec openspec/changes/screens-index-stat-row/specs/index-page/spec.md#requirement-an-index-page-can-draw-a-stat-row-above-the-list
-		 * @return {Array<{id: string, title: string, content: object, headerLink: (object|null), renderer: object}>}
+		 * @return {Array<{id: string, type: string, title: string, content: object, headerLink: (object|null), renderer: object}>}
 		 */
 		entries() {
 			const list = Array.isArray(this.widgets) ? this.widgets : [];
@@ -63,6 +64,7 @@ var script = {
 				const translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key;
 				out.push({
 					id: def.id,
+					type: def.type,
 					title: typeof def.title === 'string' && def.title !== '' ? translate(def.title) : '',
 					content: (def.content && typeof def.content === 'object') ? def.content : {},
 					headerLink: (def.headerLink && typeof def.headerLink === 'object') ? def.headerLink : null,
@@ -74,6 +76,19 @@ var script = {
 	},
 
 	methods: {
+		/**
+		 * The content keys an entry's renderer declares as props. An undeclared
+		 * key would fall through onto the renderer's root; the whole content
+		 * still arrives as `content`.
+		 *
+		 * @param {{ renderer: object, content: object, type?: string, id: string }} entry A resolved entry.
+		 * @return {object} The declared content keys.
+		 * @spec openspec/changes/declared-props-detail-index-sidebar/specs/widget-hosts/spec.md#requirement-a-widget-host-passes-only-the-keys-a-widget-declares
+		 */
+		declaredContent(entry) {
+			return pickDeclaredProps(entry.renderer, entry.content, entry.type || entry.id)
+		},
+
 		/**
 		 * Resolve a widget type: the consumer registry, then the dashboard
 		 * catalog (the type as written, then its alias), then the built-ins.

package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnIndexPageWidgets.vue2.js","sources":["../../../../src/components/CnIndexPage/CnIndexPageWidgets.vue"],"sourcesContent":["<!--\n  SPDX-FileCopyrightText: 2026 Conduction B.V.\n  SPDX-License-Identifier: EUPL-1.2\n\n  CnIndexPageWidgets — the widgets an index page draws around its list\n  (screens-index-stat-row): the KPI tiles above it (`statRow`, an auto-fit row)\n  and the cards beside it (`sidePanel`, a column). Each entry is a dashboard\n  widget definition `{ id, type, title?, content, headerLink? }`, resolved like\n  a dashboard widget: the app's registry, then the dashboard catalog, then the\n  built-in widgets. Internal to CnIndexPage.\n-->\n<template>\n\t<component\n\t\t:is=\"variant === 'stat-row' ? 'CnKpiGrid' : 'aside'\"\n\t\tv-if=\"entries.length > 0\"\n\t\t:columns=\"variant === 'stat-row' ? 'auto' : undefined\"\n\t\tclass=\"cn-index-page-widgets\"\n\t\t:class=\"['cn-index-page-widgets--' + variant]\"\n\t\t:data-testid=\"'cn-index-page-' + variant\">\n\t\t<div\n\t\t\tv-for=\"entry in entries\"\n\t\t\t:key=\"entry.id\"\n\t\t\tclass=\"cn-index-page-widgets__cell\"\n\t\t\t:data-testid=\"'cn-index-page-widget-' + entry.id\">\n\t\t\t<CnWidgetWrapper\n\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t:title=\"entry.title\"\n\t\t\t\t:showTitle=\"variant === 'side-panel' && entry.title !== ''\"\n\t\t\t\t:showActions=\"false\"\n\t\t\t\t:showRefresh=\"false\"\n\t\t\t\t:headerLink=\"entry.headerLink\"\n\t\t\t\t:flush=\"variant === 'stat-row'\">\n\t\t\t\t<component\n\t\t\t\t\t:is=\"entry.renderer\"\n\t\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t\t:content=\"entry.content\"\n\t\t\t\t\tv-bind=\"entry.content\" />\n\t\t\t</CnWidgetWrapper>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport CnKpiGrid from '../CnKpiGrid/CnKpiGrid.vue'\nimport CnWidgetWrapper from '../CnWidgetWrapper/CnWidgetWrapper.vue'\nimport { canonicalWidgetType } from '../../utils/widgetTypeAliases.js'\nimport { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js'\nimport { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js'\n\n// Populate the dashboard catalog (stat, table, people, …): an index page\n// may be the first surface that resolves a widget type.\nimport '../CnWidgetGrid/registerDashboardWidgets.js'\n\nexport default {\n\tname: 'CnIndexPageWidgets',\n\n\tcomponents: {\n\t\tCnKpiGrid,\n\t\tCnWidgetWrapper,\n\t},\n\n\tinject: {\n\t\t/** Consumer widget registry provided by CnAppRoot (custom over built-in). */\n\t\tcnRegistry: { default: () => ({}) },\n\t\t/** Host translate function provided by CnAppRoot. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Widget definitions `{ id, type, title?, content?, headerLink? }`.\n\t\t * An entry without an id or with a type no layer resolves is skipped.\n\t\t */\n\t\twidgets: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Where the widgets sit: `stat-row` above the list, `side-panel` beside it. */\n\t\tvariant: {\n\t\t\ttype: String,\n\t\t\tdefault: 'stat-row',\n\t\t\tvalidator: (v) => ['stat-row', 'side-panel'].includes(v),\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The renderable entries, in the listed order.\n\t\t *\n\t\t * @spec openspec/changes/screens-index-stat-row/specs/index-page/spec.md#requirement-an-index-page-can-draw-a-stat-row-above-the-list\n\t\t * @return {Array<{id: string, title: string, content: object, headerLink: (object|null), renderer: object}>}\n\t\t */\n\t\tentries() {\n\t\t\tconst list = Array.isArray(this.widgets) ? this.widgets : []\n\t\t\tconst out = []\n\t\t\tfor (const def of list) {\n\t\t\t\tif (!def || typeof def.id !== 'string' || def.id === '' || typeof def.type !== 'string') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst renderer = this.resolveRenderer(def.type)\n\t\t\t\tif (!renderer) {\n\t\t\t\t\tif (process.env.NODE_ENV !== 'production') {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.warn(`[CnIndexPage] ${this.variant} widget \"${def.id}\" has type \"${def.type}\", which no widget registry resolves; skipped.`)\n\t\t\t\t\t}\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key\n\t\t\t\tout.push({\n\t\t\t\t\tid: def.id,\n\t\t\t\t\ttitle: typeof def.title === 'string' && def.title !== '' ? translate(def.title) : '',\n\t\t\t\t\tcontent: (def.content && typeof def.content === 'object') ? def.content : {},\n\t\t\t\t\theaderLink: (def.headerLink && typeof def.headerLink === 'object') ? def.headerLink : null,\n\t\t\t\t\trenderer,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Resolve a widget type: the consumer registry, then the dashboard\n\t\t * catalog (the type as written, then its alias), then the built-ins.\n\t\t *\n\t\t * @param {string} type The widget type.\n\t\t * @return {object|null} The component, or null.\n\t\t */\n\t\tresolveRenderer(type) {\n\t\t\tconst consumer = (this.cnRegistry || {})[type]\n\t\t\tif (consumer) {\n\t\t\t\treturn consumer.component ?? consumer\n\t\t\t}\n\t\t\tconst entry = getWidgetTypeEntry(type) || getWidgetTypeEntry(canonicalWidgetType(type))\n\t\t\tif (entry && entry.renderer) {\n\t\t\t\treturn entry.renderer\n\t\t\t}\n\t\t\treturn BUILT_IN_WIDGETS[type] || BUILT_IN_WIDGETS[canonicalWidgetType(type)] || null\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-index-page-widgets--stat-row {\n\tmargin-bottom: var(--cn-board-section-gap, 20px);\n}\n\n.cn-index-page-widgets__cell {\n\tdisplay: flex;\n\tmin-width: 0;\n}\n\n.cn-index-page-widgets__cell > * {\n\tflex: 1 1 auto;\n\tmin-width: 0;\n}\n\n/* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its\n   place beside the toolbar and the list is set by CnIndexPage\n   (`cn-index-page--with-side-panel`, index-page.css). */\n.cn-index-page-widgets--side-panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tmin-width: 0;\n}\n</style>\n"],"names":["CnKpiGrid","CnWidgetWrapper"],"mappings":";;;;;;;AAqDA,aAAe;CACd,IAAI,EAAE,oBAAoB;;CAE1B,UAAU,EAAE;AACX,aAAAA,UAAS;AACT,mBAAAC,YAAe;EACf;;AAED,CAAA,MAAM,EAAE;AACP;EACA,UAAU,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA,EAAG;AACnC;AACA,EAAA,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG,KAAK,KAAK;EAC5C;;AAED,CAAA,KAAK,EAAE;AACN;;;;AAIA,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,KAAK;AACX,GAAA,OAAO,EAAE,MAAM,EAAE;GACjB;;AAED;AACA,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,MAAM;AACZ,GAAA,OAAO,EAAE,UAAU;GACnB,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;GACxD;EACD;;AAED,CAAA,QAAQ,EAAE;AACT;AACC;AACA;AACA;;;AAGD,EAAA,OAAO,GAAG;GACT,MAAM,IAAK,GAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAA,GAAI,IAAI,CAAC,OAAQ,GAAE,GAAC;GAC3D,MAAM,GAAE,GAAI,GAAC;AACb,GAAA,KAAK,MAAM,OAAO,IAAI,EAAE;AACvB,IAAA,IAAI,CAAC,GAAI,IAAG,OAAO,GAAG,CAAC,EAAC,KAAM,QAAS,IAAG,GAAG,CAAC,EAAC,KAAM,EAAC,IAAK,OAAO,GAAG,CAAC,IAAG,KAAM,QAAQ,EAAE;AACxF,KAAA,QAAO;AACR,KAAA;AACA,IAAA,MAAM,WAAW,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,EAAA;IAC9C,IAAI,CAAC,QAAQ,EAAE;AACd,KAAA,IAAI,OAAO,CAAC,GAAG,CAAC,QAAS,KAAI,YAAY,EAAE;AAC1C;MACA,OAAO,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAA,SAAU,EAAE,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,IAAI,CAAC,8CAA8C,CAAC,EAAA;AACpI,MAAA;AACA,KAAA,QAAO;AACR,KAAA;AACA,IAAA,MAAM,SAAU,GAAE,OAAO,IAAI,CAAC,WAAY,KAAI,UAAS,GAAI,IAAI,CAAC,WAAY,GAAE,CAAC,GAAG,KAAK,IAAE;AACzF,IAAA,GAAG,CAAC,IAAI,CAAC;AACR,KAAA,EAAE,EAAE,GAAG,CAAC,EAAE;AACV,KAAA,KAAK,EAAE,OAAO,GAAG,CAAC,KAAI,KAAM,QAAS,IAAG,GAAG,CAAC,UAAU,EAAG,GAAE,SAAS,CAAC,GAAG,CAAC,KAAK,CAAE,GAAE,EAAE;AACpF,KAAA,OAAO,EAAE,CAAC,GAAG,CAAC,OAAM,IAAK,OAAO,GAAG,CAAC,OAAM,KAAM,QAAQ,IAAI,GAAG,CAAC,OAAQ,GAAE,EAAE;AAC5E,KAAA,UAAU,EAAE,CAAC,GAAG,CAAC,UAAS,IAAK,OAAO,GAAG,CAAC,eAAe,QAAQ,IAAI,GAAG,CAAC,UAAS,GAAI,IAAI;AAC1F,KAAA,QAAQ;KACR,EAAA;AACF,IAAA;AACA,GAAA,OAAO,GAAE;GACT;EACD;;AAED,CAAA,OAAO,EAAE;AACR;;;AAGC;AACA;AACA;;AAED,EAAA,eAAe,CAAC,IAAI,EAAE;AACrB,GAAA,MAAM,QAAS,GAAE,CAAC,IAAI,CAAC,UAAS,IAAK,EAAE,EAAE,IAAI,EAAA;GAC7C,IAAI,QAAQ,EAAE;AACb,IAAA,OAAO,QAAQ,CAAC,SAAU,IAAG,QAAO;AACrC,IAAA;AACA,GAAA,MAAM,KAAM,GAAE,kBAAkB,CAAC,IAAI,KAAK,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAA;GACtF,IAAI,KAAI,IAAK,KAAK,CAAC,QAAQ,EAAE;AAC5B,IAAA,OAAO,KAAK,CAAC,QAAO;AACrB,IAAA;AACA,GAAA,OAAO,gBAAgB,CAAC,IAAI,CAAE,IAAG,gBAAgB,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAE,IAAG,IAAG;GACnF;EACD;AACF;;;;"}
+{"version":3,"file":"CnIndexPageWidgets.vue2.js","sources":["../../../../src/components/CnIndexPage/CnIndexPageWidgets.vue"],"sourcesContent":["<!--\n  SPDX-FileCopyrightText: 2026 Conduction B.V.\n  SPDX-License-Identifier: EUPL-1.2\n\n  CnIndexPageWidgets — the widgets an index page draws around its list\n  (screens-index-stat-row): the KPI tiles above it (`statRow`, an auto-fit row)\n  and the cards beside it (`sidePanel`, a column). Each entry is a dashboard\n  widget definition `{ id, type, title?, content, headerLink? }`, resolved like\n  a dashboard widget: the app's registry, then the dashboard catalog, then the\n  built-in widgets. Internal to CnIndexPage.\n-->\n<template>\n\t<component\n\t\t:is=\"variant === 'stat-row' ? 'CnKpiGrid' : 'aside'\"\n\t\tv-if=\"entries.length > 0\"\n\t\t:columns=\"variant === 'stat-row' ? 'auto' : undefined\"\n\t\tclass=\"cn-index-page-widgets\"\n\t\t:class=\"['cn-index-page-widgets--' + variant]\"\n\t\t:data-testid=\"'cn-index-page-' + variant\">\n\t\t<div\n\t\t\tv-for=\"entry in entries\"\n\t\t\t:key=\"entry.id\"\n\t\t\tclass=\"cn-index-page-widgets__cell\"\n\t\t\t:data-testid=\"'cn-index-page-widget-' + entry.id\">\n\t\t\t<CnWidgetWrapper\n\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t:title=\"entry.title\"\n\t\t\t\t:showTitle=\"variant === 'side-panel' && entry.title !== ''\"\n\t\t\t\t:showActions=\"false\"\n\t\t\t\t:showRefresh=\"false\"\n\t\t\t\t:headerLink=\"entry.headerLink\"\n\t\t\t\t:flush=\"variant === 'stat-row'\">\n\t\t\t\t<component\n\t\t\t\t\t:is=\"entry.renderer\"\n\t\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t\t:content=\"entry.content\"\n\t\t\t\t\tv-bind=\"declaredContent(entry)\" />\n\t\t\t</CnWidgetWrapper>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport CnKpiGrid from '../CnKpiGrid/CnKpiGrid.vue'\nimport CnWidgetWrapper from '../CnWidgetWrapper/CnWidgetWrapper.vue'\nimport { pickDeclaredProps } from '../../utils/declaredProps.js'\nimport { canonicalWidgetType } from '../../utils/widgetTypeAliases.js'\nimport { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js'\nimport { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js'\n\n// Populate the dashboard catalog (stat, table, people, …): an index page\n// may be the first surface that resolves a widget type.\nimport '../CnWidgetGrid/registerDashboardWidgets.js'\n\nexport default {\n\tname: 'CnIndexPageWidgets',\n\n\tcomponents: {\n\t\tCnKpiGrid,\n\t\tCnWidgetWrapper,\n\t},\n\n\tinject: {\n\t\t/** Consumer widget registry provided by CnAppRoot (custom over built-in). */\n\t\tcnRegistry: { default: () => ({}) },\n\t\t/** Host translate function provided by CnAppRoot. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Widget definitions `{ id, type, title?, content?, headerLink? }`.\n\t\t * An entry without an id or with a type no layer resolves is skipped.\n\t\t */\n\t\twidgets: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Where the widgets sit: `stat-row` above the list, `side-panel` beside it. */\n\t\tvariant: {\n\t\t\ttype: String,\n\t\t\tdefault: 'stat-row',\n\t\t\tvalidator: (v) => ['stat-row', 'side-panel'].includes(v),\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The renderable entries, in the listed order.\n\t\t *\n\t\t * @spec openspec/changes/screens-index-stat-row/specs/index-page/spec.md#requirement-an-index-page-can-draw-a-stat-row-above-the-list\n\t\t * @return {Array<{id: string, type: string, title: string, content: object, headerLink: (object|null), renderer: object}>}\n\t\t */\n\t\tentries() {\n\t\t\tconst list = Array.isArray(this.widgets) ? this.widgets : []\n\t\t\tconst out = []\n\t\t\tfor (const def of list) {\n\t\t\t\tif (!def || typeof def.id !== 'string' || def.id === '' || typeof def.type !== 'string') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst renderer = this.resolveRenderer(def.type)\n\t\t\t\tif (!renderer) {\n\t\t\t\t\tif (process.env.NODE_ENV !== 'production') {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.warn(`[CnIndexPage] ${this.variant} widget \"${def.id}\" has type \"${def.type}\", which no widget registry resolves; skipped.`)\n\t\t\t\t\t}\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key\n\t\t\t\tout.push({\n\t\t\t\t\tid: def.id,\n\t\t\t\t\ttype: def.type,\n\t\t\t\t\ttitle: typeof def.title === 'string' && def.title !== '' ? translate(def.title) : '',\n\t\t\t\t\tcontent: (def.content && typeof def.content === 'object') ? def.content : {},\n\t\t\t\t\theaderLink: (def.headerLink && typeof def.headerLink === 'object') ? def.headerLink : null,\n\t\t\t\t\trenderer,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * The content keys an entry's renderer declares as props. An undeclared\n\t\t * key would fall through onto the renderer's root; the whole content\n\t\t * still arrives as `content`.\n\t\t *\n\t\t * @param {{ renderer: object, content: object, type?: string, id: string }} entry A resolved entry.\n\t\t * @return {object} The declared content keys.\n\t\t * @spec openspec/changes/declared-props-detail-index-sidebar/specs/widget-hosts/spec.md#requirement-a-widget-host-passes-only-the-keys-a-widget-declares\n\t\t */\n\t\tdeclaredContent(entry) {\n\t\t\treturn pickDeclaredProps(entry.renderer, entry.content, entry.type || entry.id)\n\t\t},\n\n\t\t/**\n\t\t * Resolve a widget type: the consumer registry, then the dashboard\n\t\t * catalog (the type as written, then its alias), then the built-ins.\n\t\t *\n\t\t * @param {string} type The widget type.\n\t\t * @return {object|null} The component, or null.\n\t\t */\n\t\tresolveRenderer(type) {\n\t\t\tconst consumer = (this.cnRegistry || {})[type]\n\t\t\tif (consumer) {\n\t\t\t\treturn consumer.component ?? consumer\n\t\t\t}\n\t\t\tconst entry = getWidgetTypeEntry(type) || getWidgetTypeEntry(canonicalWidgetType(type))\n\t\t\tif (entry && entry.renderer) {\n\t\t\t\treturn entry.renderer\n\t\t\t}\n\t\t\treturn BUILT_IN_WIDGETS[type] || BUILT_IN_WIDGETS[canonicalWidgetType(type)] || null\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-index-page-widgets--stat-row {\n\tmargin-bottom: var(--cn-board-section-gap, 20px);\n}\n\n.cn-index-page-widgets__cell {\n\tdisplay: flex;\n\tmin-width: 0;\n}\n\n.cn-index-page-widgets__cell > * {\n\tflex: 1 1 auto;\n\tmin-width: 0;\n}\n\n/* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its\n   place beside the toolbar and the list is set by CnIndexPage\n   (`cn-index-page--with-side-panel`, index-page.css). */\n.cn-index-page-widgets--side-panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tmin-width: 0;\n}\n</style>\n"],"names":["CnKpiGrid","CnWidgetWrapper"],"mappings":"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"}

package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue3.js

@@ -32,7 +32,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   (openBlock(), createBlock(resolveDynamicComponent(entry.renderer), mergeProps({
                     widgetId: entry.id,
                     content: entry.content
-                  }, { ref_for: true }, entry.content), null, 16 /* FULL_PROPS */, ["widgetId", "content"]))
+                  }, { ref_for: true }, $options.declaredContent(entry)), null, 16 /* FULL_PROPS */, ["widgetId", "content"]))
                 ]),
                 _: 2 /* DYNAMIC */
               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["widgetId", "title", "showTitle", "headerLink", "flush"])

package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnIndexPageWidgets.vue3.js","sources":["../../../../src/components/CnIndexPage/CnIndexPageWidgets.vue?vue&type=template&id=5e716bba&lang.js"],"sourcesContent":["<!--\n  SPDX-FileCopyrightText: 2026 Conduction B.V.\n  SPDX-License-Identifier: EUPL-1.2\n\n  CnIndexPageWidgets — the widgets an index page draws around its list\n  (screens-index-stat-row): the KPI tiles above it (`statRow`, an auto-fit row)\n  and the cards beside it (`sidePanel`, a column). Each entry is a dashboard\n  widget definition `{ id, type, title?, content, headerLink? }`, resolved like\n  a dashboard widget: the app's registry, then the dashboard catalog, then the\n  built-in widgets. Internal to CnIndexPage.\n-->\n<template>\n\t<component\n\t\t:is=\"variant === 'stat-row' ? 'CnKpiGrid' : 'aside'\"\n\t\tv-if=\"entries.length > 0\"\n\t\t:columns=\"variant === 'stat-row' ? 'auto' : undefined\"\n\t\tclass=\"cn-index-page-widgets\"\n\t\t:class=\"['cn-index-page-widgets--' + variant]\"\n\t\t:data-testid=\"'cn-index-page-' + variant\">\n\t\t<div\n\t\t\tv-for=\"entry in entries\"\n\t\t\t:key=\"entry.id\"\n\t\t\tclass=\"cn-index-page-widgets__cell\"\n\t\t\t:data-testid=\"'cn-index-page-widget-' + entry.id\">\n\t\t\t<CnWidgetWrapper\n\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t:title=\"entry.title\"\n\t\t\t\t:showTitle=\"variant === 'side-panel' && entry.title !== ''\"\n\t\t\t\t:showActions=\"false\"\n\t\t\t\t:showRefresh=\"false\"\n\t\t\t\t:headerLink=\"entry.headerLink\"\n\t\t\t\t:flush=\"variant === 'stat-row'\">\n\t\t\t\t<component\n\t\t\t\t\t:is=\"entry.renderer\"\n\t\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t\t:content=\"entry.content\"\n\t\t\t\t\tv-bind=\"entry.content\" />\n\t\t\t</CnWidgetWrapper>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport CnKpiGrid from '../CnKpiGrid/CnKpiGrid.vue'\nimport CnWidgetWrapper from '../CnWidgetWrapper/CnWidgetWrapper.vue'\nimport { canonicalWidgetType } from '../../utils/widgetTypeAliases.js'\nimport { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js'\nimport { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js'\n\n// Populate the dashboard catalog (stat, table, people, …): an index page\n// may be the first surface that resolves a widget type.\nimport '../CnWidgetGrid/registerDashboardWidgets.js'\n\nexport default {\n\tname: 'CnIndexPageWidgets',\n\n\tcomponents: {\n\t\tCnKpiGrid,\n\t\tCnWidgetWrapper,\n\t},\n\n\tinject: {\n\t\t/** Consumer widget registry provided by CnAppRoot (custom over built-in). */\n\t\tcnRegistry: { default: () => ({}) },\n\t\t/** Host translate function provided by CnAppRoot. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Widget definitions `{ id, type, title?, content?, headerLink? }`.\n\t\t * An entry without an id or with a type no layer resolves is skipped.\n\t\t */\n\t\twidgets: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Where the widgets sit: `stat-row` above the list, `side-panel` beside it. */\n\t\tvariant: {\n\t\t\ttype: String,\n\t\t\tdefault: 'stat-row',\n\t\t\tvalidator: (v) => ['stat-row', 'side-panel'].includes(v),\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The renderable entries, in the listed order.\n\t\t *\n\t\t * @spec openspec/changes/screens-index-stat-row/specs/index-page/spec.md#requirement-an-index-page-can-draw-a-stat-row-above-the-list\n\t\t * @return {Array<{id: string, title: string, content: object, headerLink: (object|null), renderer: object}>}\n\t\t */\n\t\tentries() {\n\t\t\tconst list = Array.isArray(this.widgets) ? this.widgets : []\n\t\t\tconst out = []\n\t\t\tfor (const def of list) {\n\t\t\t\tif (!def || typeof def.id !== 'string' || def.id === '' || typeof def.type !== 'string') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst renderer = this.resolveRenderer(def.type)\n\t\t\t\tif (!renderer) {\n\t\t\t\t\tif (process.env.NODE_ENV !== 'production') {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.warn(`[CnIndexPage] ${this.variant} widget \"${def.id}\" has type \"${def.type}\", which no widget registry resolves; skipped.`)\n\t\t\t\t\t}\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key\n\t\t\t\tout.push({\n\t\t\t\t\tid: def.id,\n\t\t\t\t\ttitle: typeof def.title === 'string' && def.title !== '' ? translate(def.title) : '',\n\t\t\t\t\tcontent: (def.content && typeof def.content === 'object') ? def.content : {},\n\t\t\t\t\theaderLink: (def.headerLink && typeof def.headerLink === 'object') ? def.headerLink : null,\n\t\t\t\t\trenderer,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Resolve a widget type: the consumer registry, then the dashboard\n\t\t * catalog (the type as written, then its alias), then the built-ins.\n\t\t *\n\t\t * @param {string} type The widget type.\n\t\t * @return {object|null} The component, or null.\n\t\t */\n\t\tresolveRenderer(type) {\n\t\t\tconst consumer = (this.cnRegistry || {})[type]\n\t\t\tif (consumer) {\n\t\t\t\treturn consumer.component ?? consumer\n\t\t\t}\n\t\t\tconst entry = getWidgetTypeEntry(type) || getWidgetTypeEntry(canonicalWidgetType(type))\n\t\t\tif (entry && entry.renderer) {\n\t\t\t\treturn entry.renderer\n\t\t\t}\n\t\t\treturn BUILT_IN_WIDGETS[type] || BUILT_IN_WIDGETS[canonicalWidgetType(type)] || null\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-index-page-widgets--stat-row {\n\tmargin-bottom: var(--cn-board-section-gap, 20px);\n}\n\n.cn-index-page-widgets__cell {\n\tdisplay: flex;\n\tmin-width: 0;\n}\n\n.cn-index-page-widgets__cell > * {\n\tflex: 1 1 auto;\n\tmin-width: 0;\n}\n\n/* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its\n   place beside the toolbar and the list is set by CnIndexPage\n   (`cn-index-page--with-side-panel`, index-page.css). */\n.cn-index-page-widgets--side-panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tmin-width: 0;\n}\n</style>\n"],"names":["_normalizeClass"],"mappings":";;;;;;;AAyBQ,EAAA,OAAA,CAAA,QAAA,CAAA,OAAO,CAAC,MAAM,GAAA,CAAA;wDADf,MAAO,CAAA,OAAA,KAAA,UAAA,GAAA,WAAA,GAAA,OAAA,CAAA,EAAA;;QAEV,OAAM,EAAE,MAAO,CAAA,OAAA,KAAA,UAAA,GAAA,MAAA,GAAI,SAAA;aAChB,EAAAA,cAAA,CAAA,CAAC,uBAAuB,EAAA,CAAA,yBAAA,GACR,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AACnB,QAAA,aAAU,qBAAS,MAAA,CAAA,OAAA;;+BAEI;0EAAP,QAAM,CAAA,OAAA,EAAA,CAAhB,KAAK,KAAA;;cACX,GAAG,EAAE,KAAI,CAAA,EAAA;AACR,cAAA,KAAG,EAAC,6BAAe;cACnB,aAAU,EAAA,uBAAA,GAAS,KAAA,CAAA,EAAA;;;gBAEnB,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAClB,KAAK,EAAE,KAAK,CAAC,KAAE;AACf,gBAAA,SAAE,EAAA,MAAA,CAAA,OAAA,KAAA,YAAA,IAAA,KAAA,CAAA,KAAA,KAAA,EAAA;AACF,gBAAA,WAAO,EAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CnIndexPageWidgets.vue3.js","sources":["../../../../src/components/CnIndexPage/CnIndexPageWidgets.vue?vue&type=template&id=319129cb&lang.js"],"sourcesContent":["<!--\n  SPDX-FileCopyrightText: 2026 Conduction B.V.\n  SPDX-License-Identifier: EUPL-1.2\n\n  CnIndexPageWidgets — the widgets an index page draws around its list\n  (screens-index-stat-row): the KPI tiles above it (`statRow`, an auto-fit row)\n  and the cards beside it (`sidePanel`, a column). Each entry is a dashboard\n  widget definition `{ id, type, title?, content, headerLink? }`, resolved like\n  a dashboard widget: the app's registry, then the dashboard catalog, then the\n  built-in widgets. Internal to CnIndexPage.\n-->\n<template>\n\t<component\n\t\t:is=\"variant === 'stat-row' ? 'CnKpiGrid' : 'aside'\"\n\t\tv-if=\"entries.length > 0\"\n\t\t:columns=\"variant === 'stat-row' ? 'auto' : undefined\"\n\t\tclass=\"cn-index-page-widgets\"\n\t\t:class=\"['cn-index-page-widgets--' + variant]\"\n\t\t:data-testid=\"'cn-index-page-' + variant\">\n\t\t<div\n\t\t\tv-for=\"entry in entries\"\n\t\t\t:key=\"entry.id\"\n\t\t\tclass=\"cn-index-page-widgets__cell\"\n\t\t\t:data-testid=\"'cn-index-page-widget-' + entry.id\">\n\t\t\t<CnWidgetWrapper\n\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t:title=\"entry.title\"\n\t\t\t\t:showTitle=\"variant === 'side-panel' && entry.title !== ''\"\n\t\t\t\t:showActions=\"false\"\n\t\t\t\t:showRefresh=\"false\"\n\t\t\t\t:headerLink=\"entry.headerLink\"\n\t\t\t\t:flush=\"variant === 'stat-row'\">\n\t\t\t\t<component\n\t\t\t\t\t:is=\"entry.renderer\"\n\t\t\t\t\t:widgetId=\"entry.id\"\n\t\t\t\t\t:content=\"entry.content\"\n\t\t\t\t\tv-bind=\"declaredContent(entry)\" />\n\t\t\t</CnWidgetWrapper>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport CnKpiGrid from '../CnKpiGrid/CnKpiGrid.vue'\nimport CnWidgetWrapper from '../CnWidgetWrapper/CnWidgetWrapper.vue'\nimport { pickDeclaredProps } from '../../utils/declaredProps.js'\nimport { canonicalWidgetType } from '../../utils/widgetTypeAliases.js'\nimport { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js'\nimport { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js'\n\n// Populate the dashboard catalog (stat, table, people, …): an index page\n// may be the first surface that resolves a widget type.\nimport '../CnWidgetGrid/registerDashboardWidgets.js'\n\nexport default {\n\tname: 'CnIndexPageWidgets',\n\n\tcomponents: {\n\t\tCnKpiGrid,\n\t\tCnWidgetWrapper,\n\t},\n\n\tinject: {\n\t\t/** Consumer widget registry provided by CnAppRoot (custom over built-in). */\n\t\tcnRegistry: { default: () => ({}) },\n\t\t/** Host translate function provided by CnAppRoot. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Widget definitions `{ id, type, title?, content?, headerLink? }`.\n\t\t * An entry without an id or with a type no layer resolves is skipped.\n\t\t */\n\t\twidgets: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Where the widgets sit: `stat-row` above the list, `side-panel` beside it. */\n\t\tvariant: {\n\t\t\ttype: String,\n\t\t\tdefault: 'stat-row',\n\t\t\tvalidator: (v) => ['stat-row', 'side-panel'].includes(v),\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The renderable entries, in the listed order.\n\t\t *\n\t\t * @spec openspec/changes/screens-index-stat-row/specs/index-page/spec.md#requirement-an-index-page-can-draw-a-stat-row-above-the-list\n\t\t * @return {Array<{id: string, type: string, title: string, content: object, headerLink: (object|null), renderer: object}>}\n\t\t */\n\t\tentries() {\n\t\t\tconst list = Array.isArray(this.widgets) ? this.widgets : []\n\t\t\tconst out = []\n\t\t\tfor (const def of list) {\n\t\t\t\tif (!def || typeof def.id !== 'string' || def.id === '' || typeof def.type !== 'string') {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst renderer = this.resolveRenderer(def.type)\n\t\t\t\tif (!renderer) {\n\t\t\t\t\tif (process.env.NODE_ENV !== 'production') {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.warn(`[CnIndexPage] ${this.variant} widget \"${def.id}\" has type \"${def.type}\", which no widget registry resolves; skipped.`)\n\t\t\t\t\t}\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\tconst translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key\n\t\t\t\tout.push({\n\t\t\t\t\tid: def.id,\n\t\t\t\t\ttype: def.type,\n\t\t\t\t\ttitle: typeof def.title === 'string' && def.title !== '' ? translate(def.title) : '',\n\t\t\t\t\tcontent: (def.content && typeof def.content === 'object') ? def.content : {},\n\t\t\t\t\theaderLink: (def.headerLink && typeof def.headerLink === 'object') ? def.headerLink : null,\n\t\t\t\t\trenderer,\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn out\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * The content keys an entry's renderer declares as props. An undeclared\n\t\t * key would fall through onto the renderer's root; the whole content\n\t\t * still arrives as `content`.\n\t\t *\n\t\t * @param {{ renderer: object, content: object, type?: string, id: string }} entry A resolved entry.\n\t\t * @return {object} The declared content keys.\n\t\t * @spec openspec/changes/declared-props-detail-index-sidebar/specs/widget-hosts/spec.md#requirement-a-widget-host-passes-only-the-keys-a-widget-declares\n\t\t */\n\t\tdeclaredContent(entry) {\n\t\t\treturn pickDeclaredProps(entry.renderer, entry.content, entry.type || entry.id)\n\t\t},\n\n\t\t/**\n\t\t * Resolve a widget type: the consumer registry, then the dashboard\n\t\t * catalog (the type as written, then its alias), then the built-ins.\n\t\t *\n\t\t * @param {string} type The widget type.\n\t\t * @return {object|null} The component, or null.\n\t\t */\n\t\tresolveRenderer(type) {\n\t\t\tconst consumer = (this.cnRegistry || {})[type]\n\t\t\tif (consumer) {\n\t\t\t\treturn consumer.component ?? consumer\n\t\t\t}\n\t\t\tconst entry = getWidgetTypeEntry(type) || getWidgetTypeEntry(canonicalWidgetType(type))\n\t\t\tif (entry && entry.renderer) {\n\t\t\t\treturn entry.renderer\n\t\t\t}\n\t\t\treturn BUILT_IN_WIDGETS[type] || BUILT_IN_WIDGETS[canonicalWidgetType(type)] || null\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-index-page-widgets--stat-row {\n\tmargin-bottom: var(--cn-board-section-gap, 20px);\n}\n\n.cn-index-page-widgets__cell {\n\tdisplay: flex;\n\tmin-width: 0;\n}\n\n.cn-index-page-widgets__cell > * {\n\tflex: 1 1 auto;\n\tmin-width: 0;\n}\n\n/* The side panel column (DqTeamwachtrij: 300px, 16px between cards). Its\n   place beside the toolbar and the list is set by CnIndexPage\n   (`cn-index-page--with-side-panel`, index-page.css). */\n.cn-index-page-widgets--side-panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tmin-width: 0;\n}\n</style>\n"],"names":["_normalizeClass"],"mappings":";;;;;;;AAyBQ,EAAA,OAAA,CAAA,QAAA,CAAA,OAAO,CAAC,MAAM,GAAA,CAAA;wDADf,MAAO,CAAA,OAAA,KAAA,UAAA,GAAA,WAAA,GAAA,OAAA,CAAA,EAAA;;QAEV,OAAM,EAAE,MAAO,CAAA,OAAA,KAAA,UAAA,GAAA,MAAA,GAAI,SAAA;aAChB,EAAAA,cAAA,CAAA,CAAC,uBAAuB,EAAA,CAAA,yBAAA,GACR,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AACnB,QAAA,aAAU,qBAAS,MAAA,CAAA,OAAA;;+BAEI;0EAAP,QAAM,CAAA,OAAA,EAAA,CAAhB,KAAK,KAAA;;cACX,GAAG,EAAE,KAAI,CAAA,EAAA;AACR,cAAA,KAAG,EAAC,6BAAe;cACnB,aAAU,EAAA,uBAAA,GAAS,KAAA,CAAA,EAAA;;;gBAEnB,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAClB,KAAK,EAAE,KAAK,CAAC,KAAE;AACf,gBAAA,SAAE,EAAA,MAAA,CAAA,OAAA,KAAA,YAAA,IAAA,KAAA,CAAA,KAAA,KAAA,EAAA;AACF,gBAAA,WAAO,EAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@ import script from './CnLinkCardsPage.vue2.js';
 import { render } from './CnLinkCardsPage.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-4d8cf2f8";
+script.__scopeId = "data-v-1a155b6c";
 const __sfc_main = script;
 
 export { __sfc_main as default };

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

@@ -1,4 +1,8 @@
-import { translate } from '@nextcloud/l10n';
+import { translate, translatePlural } from '@nextcloud/l10n';
+import ChevronRight from 'vue-material-design-icons/ChevronRight.vue';
+import InformationOutline from 'vue-material-design-icons/InformationOutline.vue';
+import OpenInNew from 'vue-material-design-icons/OpenInNew.vue';
+import __sfc_main$1 from '../CnModuleCard/CnModuleCard.vue.js';
 import { isAppInstalled } from '../../utils/appInstalled.js';
 import { resolveHref, followLinkClick } from '../../utils/linkNavigation.js';
 import { passesContextPredicates } from '../../utils/visibleIfContext.js';
@@ -33,7 +37,7 @@ let linkCardsPageUid = 0;
 var script = {
 	name: 'CnLinkCardsPage',
 
-	components: { CnIcon: __sfc_main },
+	components: { ChevronRight, CnIcon: __sfc_main, CnModuleCard: __sfc_main$1, InformationOutline, OpenInNew },
 
 	inject: {
 		/** The app's translate function, provided by CnAppRoot. Identity outside one. */
@@ -84,6 +88,37 @@ var script = {
 			default: null,
 		},
 
+		/**
+		 * The modules: `{ id, label, description?, icon?, enabled?, enabledIf?,
+		 * route?, pages: [{ label, route, highlight? }], settings?: { label?, prefix?,
+		 * route?, href?, permission?, visibleIf? }, permission?, visibleIf? }`.
+		 * Drawn as module cards above the link cards.
+		 *
+		 * @type {Array<object>|null}
+		 */
+		modules: {
+			type: Array,
+			default: null,
+		},
+
+		/** `cards` (default): a grid of link cards per group. `list`: one card per group with a row per link. */
+		groupStyle: {
+			type: String,
+			default: null,
+		},
+
+		/** Heading of the modules section. Defaults to "Modules". */
+		modulesTitle: {
+			type: String,
+			default: null,
+		},
+
+		/** A note under the module cards. */
+		footnote: {
+			type: String,
+			default: null,
+		},
+
 		/** Text shown when no card is visible. */
 		emptyLabel: {
 			type: String,
@@ -118,7 +153,7 @@ var script = {
 		config() {
 			const fromPage = (this.page && this.page.config) || {};
 			const fromProps = {};
-			for (const key of ['cards', 'categories', 'description', 'title', 'emptyLabel']) {
+			for (const key of ['cards', 'categories', 'description', 'title', 'emptyLabel', 'modules', 'modulesTitle', 'footnote', 'groupStyle']) {
 				if (this[key] !== null && this[key] !== undefined) {
 					fromProps[key] = this[key];
 				}
@@ -187,6 +222,90 @@ var script = {
 				.filter((card) => card.url !== '')
 		},
 
+		/**
+		 * The modules a reader may see, with text translated and links
+		 * resolved. `enabled` is the declared boolean, or the result of
+		 * `enabledIf` (a visibleIf condition against `runtime`). A page that
+		 * resolves to nothing is dropped; the admin-settings link only shows when
+		 * its own `permission` and `visibleIf` pass.
+		 *
+		 * @return {Array<object>} The modules.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules
+		 */
+		visibleModules() {
+			const declared = Array.isArray(this.config.modules) ? this.config.modules : [];
+			const runtime = this.cnManifest?.runtime ?? null;
+			return declared
+				.filter((module) => module && module.id && module.label)
+				.filter((module) => this.passesPermission(module) && this.passesVisibleIf(module, runtime))
+				.map((module) => {
+					const pages = (Array.isArray(module.pages) ? module.pages : [])
+						.filter((page) => page && page.label)
+						.map((page, index) => ({ key: String(index), label: this.tr(page.label), highlight: page.highlight === true, ...this.targetOf(page) }))
+						.filter((page) => page.url !== '');
+					const own = this.targetOf(module);
+					const open = own.url !== '' ? own : (pages[0] || null);
+					const settingsDeclared = module.settings && typeof module.settings === 'object' ? module.settings : null;
+					const settingsTarget = settingsDeclared && this.passesPermission(settingsDeclared) && this.passesVisibleIf(settingsDeclared, runtime)
+						? this.targetOf(settingsDeclared)
+						: null;
+					return {
+						id: String(module.id),
+						key: String(module.id).replace(/[^A-Za-z0-9_-]/g, '-'),
+						label: this.tr(module.label),
+						description: this.tr(module.description || ''),
+						icon: module.icon || '',
+						enabled: this.moduleEnabled(module, runtime),
+						pages,
+						open,
+						settings: settingsTarget && settingsTarget.url !== ''
+							? { ...settingsTarget, label: this.tr(settingsDeclared.label || ''), prefix: this.tr(settingsDeclared.prefix || '') }
+							: null,
+					}
+				})
+		},
+
+		/**
+		 * Whether the groups are drawn as list cards (`config.groupStyle: "list"`).
+		 *
+		 * @return {boolean} True for list cards.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-group-can-be-a-list-card
+		 */
+		isListStyle() {
+			return this.config.groupStyle === 'list'
+		},
+
+		/**
+		 * The modules heading, translated.
+		 *
+		 * @return {string} The heading.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules
+		 */
+		resolvedModulesTitle() {
+			return this.config.modulesTitle ? this.tr(this.config.modulesTitle) : translate('nextcloud-vue', 'Modules')
+		},
+
+		/**
+		 * "3 of 6 are in the menu".
+		 *
+		 * @return {string} The count.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules
+		 */
+		modulesCount() {
+			const on = this.visibleModules.filter((module) => module.enabled).length;
+			return translatePlural('nextcloud-vue', '{on} of %n is in the menu', '{on} of %n are in the menu', this.visibleModules.length, { on })
+		},
+
+		/**
+		 * The note under the module cards, translated.
+		 *
+		 * @return {string} The note, or ''.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules
+		 */
+		resolvedFootnote() {
+			return this.tr(this.config.footnote || '')
+		},
+
 		/**
 		 * The groups to draw: ungrouped cards first under no caption, then
 		 * one group per category in declaration order. A group without a
@@ -216,6 +335,40 @@ var script = {
 	},
 
 	methods: {
+		/**
+		 * Whether a module is in the menu: its `enabled` boolean, else its
+		 * `enabledIf` condition evaluated as a `visibleIf`, else false.
+		 *
+		 * @param {object} module The declared module.
+		 * @param {object|null} runtime `manifest.runtime`, or null.
+		 * @return {boolean} True when the module is in the menu.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules
+		 */
+		/**
+		 * The icon at the end of a list row: an external-link icon for a URL,
+		 * a chevron for a page in the app. A resolved `trailing` wins.
+		 *
+		 * @param {object} card The resolved card.
+		 * @return {string} `external` or `chevron`.
+		 * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-group-can-be-a-list-card
+		 */
+		trailingOf(card) {
+			if (card.trailing === 'external' || card.trailing === 'chevron') {
+				return card.trailing
+			}
+			return card.external ? 'external' : 'chevron'
+		},
+
+		moduleEnabled(module, runtime) {
+			if (typeof module.enabled === 'boolean') {
+				return module.enabled
+			}
+			if (module.enabledIf && typeof module.enabledIf === 'object') {
+				return this.passesVisibleIf({ visibleIf: module.enabledIf }, runtime)
+			}
+			return false
+		},
+
 		/**
 		 * Translate a manifest string through the app's translate function.
 		 *

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

@@ -1 +1 @@
-{"version":3,"file":"CnLinkCardsPage.vue2.js","sources":["../../../../src/components/CnLinkCardsPage/CnLinkCardsPage.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-link-cards-page\" data-testid=\"cn-link-cards-page\">\n\t\t<div class=\"cn-link-cards-page__header\">\n\t\t\t<h2 v-if=\"resolvedTitle\" class=\"cn-link-cards-page__title\">\n\t\t\t\t{{ resolvedTitle }}\n\t\t\t</h2>\n\t\t\t<p v-if=\"resolvedDescription\" class=\"cn-link-cards-page__description\">\n\t\t\t\t{{ resolvedDescription }}\n\t\t\t</p>\n\t\t</div>\n\n\t\t<p\n\t\t\tv-if=\"groups.length === 0\"\n\t\t\tclass=\"cn-link-cards-page__empty\"\n\t\t\tdata-testid=\"cn-link-cards-empty\">\n\t\t\t{{ resolvedEmptyLabel }}\n\t\t</p>\n\n\t\t<section\n\t\t\tv-for=\"group in groups\"\n\t\t\t:key=\"group.key\"\n\t\t\tclass=\"cn-link-cards-page__group\"\n\t\t\t:aria-labelledby=\"group.label ? group.headingId : null\"\n\t\t\t:aria-label=\"group.label ? null : resolvedTitle || null\"\n\t\t\tdata-testid=\"cn-link-cards-group\"\n\t\t\t:data-group=\"group.key\">\n\t\t\t<h3\n\t\t\t\tv-if=\"group.label\"\n\t\t\t\t:id=\"group.headingId\"\n\t\t\t\tclass=\"cn-link-cards-page__caption\">\n\t\t\t\t{{ group.label }}\n\t\t\t</h3>\n\t\t\t<ul class=\"cn-link-cards-page__grid\">\n\t\t\t\t<li v-for=\"card in group.cards\" :key=\"card.id\" class=\"cn-link-cards-page__cell\">\n\t\t\t\t\t<!-- A real <a href>, so the card can be middle-clicked, copied\n\t\t\t\t\t     and announced as a link. A plain click on an in-app card\n\t\t\t\t\t     is routed, which keeps the page from reloading. -->\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"cn-link-cards-page__card\"\n\t\t\t\t\t\tdata-testid=\"cn-link-card\"\n\t\t\t\t\t\t:data-card-id=\"card.id\"\n\t\t\t\t\t\t:href=\"card.url\"\n\t\t\t\t\t\t:target=\"card.external ? '_blank' : null\"\n\t\t\t\t\t\t:rel=\"card.external ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t:aria-describedby=\"card.description ? card.descriptionId : null\"\n\t\t\t\t\t\t@click=\"open(card, $event)\">\n\t\t\t\t\t\t<CnIcon\n\t\t\t\t\t\t\tv-if=\"card.icon\"\n\t\t\t\t\t\t\t:name=\"card.icon\"\n\t\t\t\t\t\t\t:size=\"24\"\n\t\t\t\t\t\t\tclass=\"cn-link-cards-page__icon\"\n\t\t\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t\t\t\t<span class=\"cn-link-cards-page__body\">\n\t\t\t\t\t\t\t<span class=\"cn-link-cards-page__label\">{{ card.label }}</span>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tv-if=\"card.description\"\n\t\t\t\t\t\t\t\t:id=\"card.descriptionId\"\n\t\t\t\t\t\t\t\tclass=\"cn-link-cards-page__card-description\">\n\t\t\t\t\t\t\t\t{{ card.description }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</section>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { isAppInstalled } from '../../utils/appInstalled.js'\nimport { followLinkClick, resolveHref } from '../../utils/linkNavigation.js'\nimport { passesContextPredicates } from '../../utils/visibleIfContext.js'\nimport { CnIcon } from '../CnIcon/index.js'\n\nlet linkCardsPageUid = 0\n\n/**\n * CnLinkCardsPage: the `type: \"links\"` page. Link cards, grouped under captions.\n *\n * One page that opens every page a short menu leaves out. A card has a\n * label, a one-line description, an optional icon and a target. Groups come\n * from `categories`, in the order they are declared; a card names its group\n * with `category`.\n *\n * ```json\n * { \"id\": \"Modules\", \"route\": \"/modules\", \"type\": \"links\", \"title\": \"Modules and more\",\n *   \"config\": {\n *     \"description\": \"Every page that is not in the daily menu.\",\n *     \"categories\": { \"sales\": \"Sales\", \"marketing\": \"Marketing\" },\n *     \"cards\": [\n *       { \"id\": \"Leads\", \"label\": \"Leads\", \"description\": \"Every deal you are working on.\",\n *         \"icon\": \"CashMultiple\", \"category\": \"sales\", \"route\": \"Leads\" }\n *     ]\n *   } }\n * ```\n *\n * Every string goes through the app's translate function. A card is hidden\n * by the same `visibleIf` and `permission` a menu entry takes, and a group\n * with no visible card is not drawn.\n */\nexport default {\n\tname: 'CnLinkCardsPage',\n\n\tcomponents: { CnIcon },\n\n\tinject: {\n\t\t/** The app's translate function, provided by CnAppRoot. Identity outside one. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t\t/** The effective manifest, for `visibleIf` predicates against `runtime`. */\n\t\tcnManifest: { default: null },\n\t\t/** The permissions the user holds. Empty means the app did not say, and allows. */\n\t\tcnPermissions: { default: () => [] },\n\t},\n\n\tprops: {\n\t\t/** The whole manifest page, for a host that mounts this component itself. CnPageRenderer passes the flattened props below instead. */\n\t\tpage: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/**\n\t\t * The cards: `{ id, label, description?, icon?, category?, route?, params?, query?, href?, visibleIf?, permission? }`.\n\t\t * `route` is a route name, or a path when it starts with `/`.\n\t\t *\n\t\t * @type {Array<object>|null}\n\t\t */\n\t\tcards: {\n\t\t\ttype: Array,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Group key to caption. Sets the order of the groups.\n\t\t *\n\t\t * @type {Record<string, string>|null}\n\t\t */\n\t\tcategories: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The heading. */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The lead paragraph under the heading. */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Text shown when no card is visible. */\n\t\temptyLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Translate function. Falls back to the injected `cnTranslate`.\n\t\t *\n\t\t * @type {((key: string) => string)|null}\n\t\t */\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\tlinkCardsPageUid += 1\n\t\treturn {\n\t\t\tuid: linkCardsPageUid,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The config, from the flattened props or from `page.config`. Props win.\n\t\t *\n\t\t * @return {object} The config.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tconfig() {\n\t\t\tconst fromPage = (this.page && this.page.config) || {}\n\t\t\tconst fromProps = {}\n\t\t\tfor (const key of ['cards', 'categories', 'description', 'title', 'emptyLabel']) {\n\t\t\t\tif (this[key] !== null && this[key] !== undefined) {\n\t\t\t\t\tfromProps[key] = this[key]\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn { ...fromPage, ...fromProps }\n\t\t},\n\n\t\t/**\n\t\t * The heading, translated.\n\t\t *\n\t\t * @return {string} The title, or '' when the page declares none.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tresolvedTitle() {\n\t\t\treturn this.tr(this.config.title || (this.page && this.page.title) || '')\n\t\t},\n\n\t\t/**\n\t\t * The lead paragraph, translated.\n\t\t *\n\t\t * @return {string} The description.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tresolvedDescription() {\n\t\t\treturn this.tr(this.config.description || '')\n\t\t},\n\n\t\t/**\n\t\t * The empty-state text.\n\t\t *\n\t\t * @return {string} The text.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tresolvedEmptyLabel() {\n\t\t\treturn this.config.emptyLabel ? this.tr(this.config.emptyLabel) : t('nextcloud-vue', 'Nothing to open here.')\n\t\t},\n\n\t\t/**\n\t\t * The cards a reader may see and can open, with text translated and\n\t\t * the link resolved. A card that is gated away, or has no target that\n\t\t * resolves, is left out: a card that does nothing is worse than none.\n\t\t *\n\t\t * @return {Array<object>} The cards.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-card-is-a-real-link\n\t\t */\n\t\tvisibleCards() {\n\t\t\tconst declared = Array.isArray(this.config.cards) ? this.config.cards : []\n\t\t\tconst runtime = this.cnManifest?.runtime ?? null\n\t\t\treturn declared\n\t\t\t\t.filter((card) => card && card.id && card.label)\n\t\t\t\t.filter((card) => this.passesPermission(card) && this.passesVisibleIf(card, runtime))\n\t\t\t\t.map((card) => {\n\t\t\t\t\tconst target = this.targetOf(card)\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: String(card.id),\n\t\t\t\t\t\tlabel: this.tr(card.label),\n\t\t\t\t\t\tdescription: this.tr(card.description || ''),\n\t\t\t\t\t\tdescriptionId: `cn-link-card-desc-${this.uid}-${String(card.id).replace(/[^A-Za-z0-9_-]/g, '-')}`,\n\t\t\t\t\t\ticon: card.icon || '',\n\t\t\t\t\t\tcategory: card.category || '',\n\t\t\t\t\t\texternal: target.external,\n\t\t\t\t\t\tlocation: target.location,\n\t\t\t\t\t\turl: target.url,\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.filter((card) => card.url !== '')\n\t\t},\n\n\t\t/**\n\t\t * The groups to draw: ungrouped cards first under no caption, then\n\t\t * one group per category in declaration order. A group without a\n\t\t * visible card is left out.\n\t\t *\n\t\t * @return {Array<{key: string, label: string, headingId: string, cards: Array<object>}>} The groups.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tgroups() {\n\t\t\tconst declared = (this.config.categories && typeof this.config.categories === 'object') ? this.config.categories : {}\n\t\t\tconst keys = Object.keys(declared)\n\t\t\tconst loose = this.visibleCards.filter((card) => !keys.includes(card.category))\n\t\t\tconst groups = loose.length > 0 ? [{ key: '', label: '', headingId: '', cards: loose }] : []\n\t\t\tkeys.forEach((key, index) => {\n\t\t\t\tconst cards = this.visibleCards.filter((card) => card.category === key)\n\t\t\t\tif (cards.length > 0) {\n\t\t\t\t\tgroups.push({\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\tlabel: this.tr(declared[key]),\n\t\t\t\t\t\theadingId: `cn-link-cards-group-${this.uid}-${index}`,\n\t\t\t\t\t\tcards,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn groups\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Translate a manifest string through the app's translate function.\n\t\t *\n\t\t * @param {string} value The declared string.\n\t\t * @return {string} The translation, or the input unchanged.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\ttr(value) {\n\t\t\tif (typeof value !== 'string' || value === '') {\n\t\t\t\treturn value\n\t\t\t}\n\t\t\treturn (this.translate ?? this.cnTranslate)(value)\n\t\t},\n\n\t\t/**\n\t\t * Whether the user holds the card's `permission`. Same rule as the\n\t\t * menu: no permission declared, or no permissions known, allows.\n\t\t *\n\t\t * @param {object} card The card.\n\t\t * @return {boolean} True when the card may render.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-cards-honour-menu-visibility-conditions\n\t\t */\n\t\tpassesPermission(card) {\n\t\t\tconst held = Array.isArray(this.cnPermissions) ? this.cnPermissions : []\n\t\t\tif (!card.permission || held.length === 0) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\treturn held.includes(card.permission)\n\t\t},\n\n\t\t/**\n\t\t * Evaluate a card's `visibleIf` the way CnAppNav evaluates a menu\n\t\t * entry's: `appInstalled` first, then dot-path predicates against\n\t\t * the manifest's `runtime`.\n\t\t *\n\t\t * @param {object} card The card.\n\t\t * @param {object|null} runtime `manifest.runtime`, or null.\n\t\t * @return {boolean} True when the card may render.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-cards-honour-menu-visibility-conditions\n\t\t */\n\t\tpassesVisibleIf(card, runtime) {\n\t\t\tconst condition = card.visibleIf\n\t\t\tif (!condition || typeof condition !== 'object') {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tif (condition.appInstalled && !isAppInstalled(condition.appInstalled)) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn passesContextPredicates(condition, runtime)\n\t\t},\n\n\t\t/**\n\t\t * Where a card goes. An `href` is an external URL. A `route` is a\n\t\t * route name, or a path when it starts with `/`, resolved by the\n\t\t * router so the link carries the app's base with or without\n\t\t * `/index.php`.\n\t\t *\n\t\t * @param {object} card The card.\n\t\t * @return {{external: boolean, location: object|null, url: string}} The target; `url` is '' when it cannot be resolved.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-card-is-a-real-link\n\t\t */\n\t\ttargetOf(card) {\n\t\t\tif (typeof card.route === 'string' && card.route !== '') {\n\t\t\t\tconst location = card.route.startsWith('/') ? { path: card.route } : { name: card.route }\n\t\t\t\tif (card.params && typeof card.params === 'object') {\n\t\t\t\t\tlocation.params = card.params\n\t\t\t\t}\n\t\t\t\tif (card.query && typeof card.query === 'object') {\n\t\t\t\t\tlocation.query = card.query\n\t\t\t\t}\n\t\t\t\treturn { external: false, location, url: resolveHref(location, this.$router) }\n\t\t\t}\n\t\t\tif (typeof card.href === 'string' && card.href !== '') {\n\t\t\t\treturn { external: true, location: null, url: card.href }\n\t\t\t}\n\t\t\treturn { external: false, location: null, url: '' }\n\t\t},\n\n\t\t/**\n\t\t * Route a plain click on an in-app card. A modified or middle click,\n\t\t * and every click on an external card, is left to the browser.\n\t\t *\n\t\t * @param {object} card The resolved card.\n\t\t * @param {MouseEvent} event The click.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-card-is-a-real-link\n\t\t */\n\t\topen(card, event) {\n\t\t\tif (card.external || !card.location) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tfollowLinkClick(event, card.location, this.$router)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-link-cards-page {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: calc(6 * var(--default-grid-baseline));\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n\n/* Clear the Nextcloud navigation toggle button (44px wide, absolutely\n   positioned at the left edge of .app-content) plus 12px breathing room, as\n   CnPageHeader does. Only the header shifts; the cards keep the full width. */\n.cn-link-cards-page__header {\n\tpadding-inline-start: 56px;\n}\n\n.cn-link-cards-page__title {\n\tmargin: 0 0 var(--default-grid-baseline);\n}\n\n.cn-link-cards-page__description,\n.cn-link-cards-page__empty {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0;\n\tmax-width: 70ch;\n}\n\n.cn-link-cards-page__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: calc(3 * var(--default-grid-baseline));\n}\n\n.cn-link-cards-page__caption {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.85em;\n\tfont-weight: 600;\n\tletter-spacing: 0.06em;\n\tmargin: 0;\n\ttext-transform: uppercase;\n}\n\n.cn-link-cards-page__grid {\n\tdisplay: grid;\n\tgap: calc(3 * var(--default-grid-baseline));\n\tgrid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.cn-link-cards-page__cell {\n\tdisplay: flex;\n}\n\n.cn-link-cards-page__card {\n\talign-items: flex-start;\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: var(--border-radius-large);\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex: 1;\n\tgap: calc(3 * var(--default-grid-baseline));\n\tmin-width: 0;\n\tpadding: calc(4 * var(--default-grid-baseline));\n\ttransition: background-color var(--animation-quick, 100ms) ease, border-color var(--animation-quick, 100ms) ease, box-shadow var(--animation-quick, 100ms) ease;\n}\n\n/* A card is a link, and it must not look like a line of prose. A theme may\n   underline every link with `!important` (thematiq: `a { text-decoration:\n   underline !important }`, specificity 0,0,1). Among `!important` rules the\n   higher specificity wins, so this class rule has to carry it too; without it\n   the label and the description both rendered underlined on a live Nextcloud. */\n.cn-link-cards-page__card,\n.cn-link-cards-page__card:hover,\n.cn-link-cards-page__card:focus,\n.cn-link-cards-page__card:active {\n\ttext-decoration: none !important;\n}\n\n/* Hover moves the whole card: border, background and a soft lift. */\n.cn-link-cards-page__card:hover {\n\tbackground: var(--color-background-hover);\n\tborder-color: var(--color-primary-element);\n\tbox-shadow: 0 2px 6px var(--color-box-shadow);\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.cn-link-cards-page__card {\n\t\ttransition: none;\n\t}\n}\n\n.cn-link-cards-page__card:focus-visible {\n\tborder-color: var(--color-primary-element);\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n}\n\n.cn-link-cards-page__icon {\n\tcolor: var(--color-primary-element);\n\tflex: none;\n}\n\n.cn-link-cards-page__body {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--default-grid-baseline);\n\tmin-width: 0;\n}\n\n/* The label is the card's title. Its colour is set here, on the span, because\n   a theme may force its link colour on the `a` itself; an inherited link\n   colour made the title read as a hyperlink. */\n.cn-link-cards-page__label {\n\tcolor: var(--color-main-text);\n\tfont-size: 1.05em;\n\tfont-weight: 700;\n\tline-height: 1.3;\n\toverflow-wrap: anywhere;\n}\n\n.cn-link-cards-page__card-description {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.9em;\n\tline-height: 1.4;\n}\n</style>\n"],"names":["CnIcon","t"],"mappings":"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"}
+{"version":3,"file":"CnLinkCardsPage.vue2.js","sources":["../../../../src/components/CnLinkCardsPage/CnLinkCardsPage.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-link-cards-page\" data-testid=\"cn-link-cards-page\">\n\t\t<div class=\"cn-link-cards-page__header\">\n\t\t\t<h2 v-if=\"resolvedTitle\" class=\"cn-link-cards-page__title\">\n\t\t\t\t{{ resolvedTitle }}\n\t\t\t</h2>\n\t\t\t<p v-if=\"resolvedDescription\" class=\"cn-link-cards-page__description\">\n\t\t\t\t{{ resolvedDescription }}\n\t\t\t</p>\n\t\t</div>\n\n\t\t<section\n\t\t\tv-if=\"visibleModules.length > 0\"\n\t\t\tclass=\"cn-link-cards-page__modules\"\n\t\t\t:aria-labelledby=\"`cn-link-cards-modules-${uid}`\"\n\t\t\tdata-testid=\"cn-link-cards-modules\">\n\t\t\t<div class=\"cn-link-cards-page__modules-head\">\n\t\t\t\t<h3 :id=\"`cn-link-cards-modules-${uid}`\" class=\"cn-link-cards-page__modules-title\">\n\t\t\t\t\t{{ resolvedModulesTitle }}\n\t\t\t\t</h3>\n\t\t\t\t<span class=\"cn-link-cards-page__modules-count\" data-testid=\"cn-link-cards-modules-count\">\n\t\t\t\t\t{{ modulesCount }}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div class=\"cn-link-cards-page__modules-grid\">\n\t\t\t\t<CnModuleCard\n\t\t\t\t\tv-for=\"module in visibleModules\"\n\t\t\t\t\t:key=\"module.id\"\n\t\t\t\t\t:module=\"module\"\n\t\t\t\t\t:headingId=\"`cn-link-cards-module-${uid}-${module.key}`\" />\n\t\t\t</div>\n\t\t\t<p v-if=\"resolvedFootnote\" class=\"cn-link-cards-page__modules-note\" data-testid=\"cn-link-cards-modules-note\">\n\t\t\t\t<InformationOutline :size=\"18\" class=\"cn-link-cards-page__modules-note-icon\" />\n\t\t\t\t<span>{{ resolvedFootnote }}</span>\n\t\t\t</p>\n\t\t</section>\n\n\t\t<p\n\t\t\tv-if=\"groups.length === 0 && visibleModules.length === 0\"\n\t\t\tclass=\"cn-link-cards-page__empty\"\n\t\t\tdata-testid=\"cn-link-cards-empty\">\n\t\t\t{{ resolvedEmptyLabel }}\n\t\t</p>\n\n\t\t<section\n\t\t\tv-for=\"group in groups\"\n\t\t\t:key=\"group.key\"\n\t\t\tclass=\"cn-link-cards-page__group\"\n\t\t\t:class=\"{ 'cn-link-cards-page__group--list': isListStyle }\"\n\t\t\t:aria-labelledby=\"group.label ? group.headingId : null\"\n\t\t\t:aria-label=\"group.label ? null : resolvedTitle || null\"\n\t\t\tdata-testid=\"cn-link-cards-group\"\n\t\t\t:data-group=\"group.key\">\n\t\t\t<h3\n\t\t\t\tv-if=\"group.label\"\n\t\t\t\t:id=\"group.headingId\"\n\t\t\t\tclass=\"cn-link-cards-page__caption\">\n\t\t\t\t{{ group.label }}\n\t\t\t</h3>\n\t\t\t<!-- groupStyle \"list\": the group is one card of rows, each an icon\n\t\t\t     chip, the label over its description, and a trailing chevron\n\t\t\t     (an external-link icon for a URL). -->\n\t\t\t<ul v-if=\"isListStyle\" class=\"cn-link-cards-page__list\">\n\t\t\t\t<li v-for=\"card in group.cards\" :key=\"card.id\">\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"cn-link-cards-page__row\"\n\t\t\t\t\t\tdata-testid=\"cn-link-card\"\n\t\t\t\t\t\t:data-card-id=\"card.id\"\n\t\t\t\t\t\t:href=\"card.url\"\n\t\t\t\t\t\t:target=\"card.external ? '_blank' : null\"\n\t\t\t\t\t\t:rel=\"card.external ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t:aria-describedby=\"card.description ? card.descriptionId : null\"\n\t\t\t\t\t\t@click=\"open(card, $event)\">\n\t\t\t\t\t\t<span v-if=\"card.icon\" class=\"cn-link-cards-page__row-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<CnIcon :name=\"card.icon\" :size=\"20\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span class=\"cn-link-cards-page__row-body\">\n\t\t\t\t\t\t\t<span class=\"cn-link-cards-page__row-label\">{{ card.label }}</span>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tv-if=\"card.description\"\n\t\t\t\t\t\t\t\t:id=\"card.descriptionId\"\n\t\t\t\t\t\t\t\tclass=\"cn-link-cards-page__row-description\">\n\t\t\t\t\t\t\t\t{{ card.description }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<OpenInNew v-if=\"trailingOf(card) === 'external'\" :size=\"18\" class=\"cn-link-cards-page__row-trailing\" />\n\t\t\t\t\t\t<ChevronRight v-else :size=\"20\" class=\"cn-link-cards-page__row-trailing\" />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<ul v-else class=\"cn-link-cards-page__grid\">\n\t\t\t\t<li v-for=\"card in group.cards\" :key=\"card.id\" class=\"cn-link-cards-page__cell\">\n\t\t\t\t\t<!-- A real <a href>, so the card can be middle-clicked, copied\n\t\t\t\t\t     and announced as a link. A plain click on an in-app card\n\t\t\t\t\t     is routed, which keeps the page from reloading. -->\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"cn-link-cards-page__card\"\n\t\t\t\t\t\tdata-testid=\"cn-link-card\"\n\t\t\t\t\t\t:data-card-id=\"card.id\"\n\t\t\t\t\t\t:href=\"card.url\"\n\t\t\t\t\t\t:target=\"card.external ? '_blank' : null\"\n\t\t\t\t\t\t:rel=\"card.external ? 'noopener noreferrer' : null\"\n\t\t\t\t\t\t:aria-describedby=\"card.description ? card.descriptionId : null\"\n\t\t\t\t\t\t@click=\"open(card, $event)\">\n\t\t\t\t\t\t<CnIcon\n\t\t\t\t\t\t\tv-if=\"card.icon\"\n\t\t\t\t\t\t\t:name=\"card.icon\"\n\t\t\t\t\t\t\t:size=\"24\"\n\t\t\t\t\t\t\tclass=\"cn-link-cards-page__icon\"\n\t\t\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t\t\t\t<span class=\"cn-link-cards-page__body\">\n\t\t\t\t\t\t\t<span class=\"cn-link-cards-page__label\">{{ card.label }}</span>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tv-if=\"card.description\"\n\t\t\t\t\t\t\t\t:id=\"card.descriptionId\"\n\t\t\t\t\t\t\t\tclass=\"cn-link-cards-page__card-description\">\n\t\t\t\t\t\t\t\t{{ card.description }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</section>\n\t</div>\n</template>\n\n<script>\nimport { translatePlural as n, translate as t } from '@nextcloud/l10n'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport InformationOutline from 'vue-material-design-icons/InformationOutline.vue'\nimport OpenInNew from 'vue-material-design-icons/OpenInNew.vue'\nimport CnModuleCard from '../CnModuleCard/CnModuleCard.vue'\nimport { isAppInstalled } from '../../utils/appInstalled.js'\nimport { followLinkClick, resolveHref } from '../../utils/linkNavigation.js'\nimport { passesContextPredicates } from '../../utils/visibleIfContext.js'\nimport { CnIcon } from '../CnIcon/index.js'\n\nlet linkCardsPageUid = 0\n\n/**\n * CnLinkCardsPage: the `type: \"links\"` page. Link cards, grouped under captions.\n *\n * One page that opens every page a short menu leaves out. A card has a\n * label, a one-line description, an optional icon and a target. Groups come\n * from `categories`, in the order they are declared; a card names its group\n * with `category`.\n *\n * ```json\n * { \"id\": \"Modules\", \"route\": \"/modules\", \"type\": \"links\", \"title\": \"Modules and more\",\n *   \"config\": {\n *     \"description\": \"Every page that is not in the daily menu.\",\n *     \"categories\": { \"sales\": \"Sales\", \"marketing\": \"Marketing\" },\n *     \"cards\": [\n *       { \"id\": \"Leads\", \"label\": \"Leads\", \"description\": \"Every deal you are working on.\",\n *         \"icon\": \"CashMultiple\", \"category\": \"sales\", \"route\": \"Leads\" }\n *     ]\n *   } }\n * ```\n *\n * Every string goes through the app's translate function. A card is hidden\n * by the same `visibleIf` and `permission` a menu entry takes, and a group\n * with no visible card is not drawn.\n */\nexport default {\n\tname: 'CnLinkCardsPage',\n\n\tcomponents: { ChevronRight, CnIcon, CnModuleCard, InformationOutline, OpenInNew },\n\n\tinject: {\n\t\t/** The app's translate function, provided by CnAppRoot. Identity outside one. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t\t/** The effective manifest, for `visibleIf` predicates against `runtime`. */\n\t\tcnManifest: { default: null },\n\t\t/** The permissions the user holds. Empty means the app did not say, and allows. */\n\t\tcnPermissions: { default: () => [] },\n\t},\n\n\tprops: {\n\t\t/** The whole manifest page, for a host that mounts this component itself. CnPageRenderer passes the flattened props below instead. */\n\t\tpage: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/**\n\t\t * The cards: `{ id, label, description?, icon?, category?, route?, params?, query?, href?, visibleIf?, permission? }`.\n\t\t * `route` is a route name, or a path when it starts with `/`.\n\t\t *\n\t\t * @type {Array<object>|null}\n\t\t */\n\t\tcards: {\n\t\t\ttype: Array,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Group key to caption. Sets the order of the groups.\n\t\t *\n\t\t * @type {Record<string, string>|null}\n\t\t */\n\t\tcategories: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The heading. */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The lead paragraph under the heading. */\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * The modules: `{ id, label, description?, icon?, enabled?, enabledIf?,\n\t\t * route?, pages: [{ label, route, highlight? }], settings?: { label?, prefix?,\n\t\t * route?, href?, permission?, visibleIf? }, permission?, visibleIf? }`.\n\t\t * Drawn as module cards above the link cards.\n\t\t *\n\t\t * @type {Array<object>|null}\n\t\t */\n\t\tmodules: {\n\t\t\ttype: Array,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** `cards` (default): a grid of link cards per group. `list`: one card per group with a row per link. */\n\t\tgroupStyle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Heading of the modules section. Defaults to \"Modules\". */\n\t\tmodulesTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** A note under the module cards. */\n\t\tfootnote: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** Text shown when no card is visible. */\n\t\temptyLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Translate function. Falls back to the injected `cnTranslate`.\n\t\t *\n\t\t * @type {((key: string) => string)|null}\n\t\t */\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\tlinkCardsPageUid += 1\n\t\treturn {\n\t\t\tuid: linkCardsPageUid,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The config, from the flattened props or from `page.config`. Props win.\n\t\t *\n\t\t * @return {object} The config.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tconfig() {\n\t\t\tconst fromPage = (this.page && this.page.config) || {}\n\t\t\tconst fromProps = {}\n\t\t\tfor (const key of ['cards', 'categories', 'description', 'title', 'emptyLabel', 'modules', 'modulesTitle', 'footnote', 'groupStyle']) {\n\t\t\t\tif (this[key] !== null && this[key] !== undefined) {\n\t\t\t\t\tfromProps[key] = this[key]\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn { ...fromPage, ...fromProps }\n\t\t},\n\n\t\t/**\n\t\t * The heading, translated.\n\t\t *\n\t\t * @return {string} The title, or '' when the page declares none.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tresolvedTitle() {\n\t\t\treturn this.tr(this.config.title || (this.page && this.page.title) || '')\n\t\t},\n\n\t\t/**\n\t\t * The lead paragraph, translated.\n\t\t *\n\t\t * @return {string} The description.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tresolvedDescription() {\n\t\t\treturn this.tr(this.config.description || '')\n\t\t},\n\n\t\t/**\n\t\t * The empty-state text.\n\t\t *\n\t\t * @return {string} The text.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tresolvedEmptyLabel() {\n\t\t\treturn this.config.emptyLabel ? this.tr(this.config.emptyLabel) : t('nextcloud-vue', 'Nothing to open here.')\n\t\t},\n\n\t\t/**\n\t\t * The cards a reader may see and can open, with text translated and\n\t\t * the link resolved. A card that is gated away, or has no target that\n\t\t * resolves, is left out: a card that does nothing is worse than none.\n\t\t *\n\t\t * @return {Array<object>} The cards.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-card-is-a-real-link\n\t\t */\n\t\tvisibleCards() {\n\t\t\tconst declared = Array.isArray(this.config.cards) ? this.config.cards : []\n\t\t\tconst runtime = this.cnManifest?.runtime ?? null\n\t\t\treturn declared\n\t\t\t\t.filter((card) => card && card.id && card.label)\n\t\t\t\t.filter((card) => this.passesPermission(card) && this.passesVisibleIf(card, runtime))\n\t\t\t\t.map((card) => {\n\t\t\t\t\tconst target = this.targetOf(card)\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: String(card.id),\n\t\t\t\t\t\tlabel: this.tr(card.label),\n\t\t\t\t\t\tdescription: this.tr(card.description || ''),\n\t\t\t\t\t\tdescriptionId: `cn-link-card-desc-${this.uid}-${String(card.id).replace(/[^A-Za-z0-9_-]/g, '-')}`,\n\t\t\t\t\t\ticon: card.icon || '',\n\t\t\t\t\t\tcategory: card.category || '',\n\t\t\t\t\t\texternal: target.external,\n\t\t\t\t\t\tlocation: target.location,\n\t\t\t\t\t\turl: target.url,\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.filter((card) => card.url !== '')\n\t\t},\n\n\t\t/**\n\t\t * The modules a reader may see, with text translated and links\n\t\t * resolved. `enabled` is the declared boolean, or the result of\n\t\t * `enabledIf` (a visibleIf condition against `runtime`). A page that\n\t\t * resolves to nothing is dropped; the admin-settings link only shows when\n\t\t * its own `permission` and `visibleIf` pass.\n\t\t *\n\t\t * @return {Array<object>} The modules.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules\n\t\t */\n\t\tvisibleModules() {\n\t\t\tconst declared = Array.isArray(this.config.modules) ? this.config.modules : []\n\t\t\tconst runtime = this.cnManifest?.runtime ?? null\n\t\t\treturn declared\n\t\t\t\t.filter((module) => module && module.id && module.label)\n\t\t\t\t.filter((module) => this.passesPermission(module) && this.passesVisibleIf(module, runtime))\n\t\t\t\t.map((module) => {\n\t\t\t\t\tconst pages = (Array.isArray(module.pages) ? module.pages : [])\n\t\t\t\t\t\t.filter((page) => page && page.label)\n\t\t\t\t\t\t.map((page, index) => ({ key: String(index), label: this.tr(page.label), highlight: page.highlight === true, ...this.targetOf(page) }))\n\t\t\t\t\t\t.filter((page) => page.url !== '')\n\t\t\t\t\tconst own = this.targetOf(module)\n\t\t\t\t\tconst open = own.url !== '' ? own : (pages[0] || null)\n\t\t\t\t\tconst settingsDeclared = module.settings && typeof module.settings === 'object' ? module.settings : null\n\t\t\t\t\tconst settingsTarget = settingsDeclared && this.passesPermission(settingsDeclared) && this.passesVisibleIf(settingsDeclared, runtime)\n\t\t\t\t\t\t? this.targetOf(settingsDeclared)\n\t\t\t\t\t\t: null\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: String(module.id),\n\t\t\t\t\t\tkey: String(module.id).replace(/[^A-Za-z0-9_-]/g, '-'),\n\t\t\t\t\t\tlabel: this.tr(module.label),\n\t\t\t\t\t\tdescription: this.tr(module.description || ''),\n\t\t\t\t\t\ticon: module.icon || '',\n\t\t\t\t\t\tenabled: this.moduleEnabled(module, runtime),\n\t\t\t\t\t\tpages,\n\t\t\t\t\t\topen,\n\t\t\t\t\t\tsettings: settingsTarget && settingsTarget.url !== ''\n\t\t\t\t\t\t\t? { ...settingsTarget, label: this.tr(settingsDeclared.label || ''), prefix: this.tr(settingsDeclared.prefix || '') }\n\t\t\t\t\t\t\t: null,\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\n\t\t/**\n\t\t * Whether the groups are drawn as list cards (`config.groupStyle: \"list\"`).\n\t\t *\n\t\t * @return {boolean} True for list cards.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-group-can-be-a-list-card\n\t\t */\n\t\tisListStyle() {\n\t\t\treturn this.config.groupStyle === 'list'\n\t\t},\n\n\t\t/**\n\t\t * The modules heading, translated.\n\t\t *\n\t\t * @return {string} The heading.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules\n\t\t */\n\t\tresolvedModulesTitle() {\n\t\t\treturn this.config.modulesTitle ? this.tr(this.config.modulesTitle) : t('nextcloud-vue', 'Modules')\n\t\t},\n\n\t\t/**\n\t\t * \"3 of 6 are in the menu\".\n\t\t *\n\t\t * @return {string} The count.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules\n\t\t */\n\t\tmodulesCount() {\n\t\t\tconst on = this.visibleModules.filter((module) => module.enabled).length\n\t\t\treturn n('nextcloud-vue', '{on} of %n is in the menu', '{on} of %n are in the menu', this.visibleModules.length, { on })\n\t\t},\n\n\t\t/**\n\t\t * The note under the module cards, translated.\n\t\t *\n\t\t * @return {string} The note, or ''.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules\n\t\t */\n\t\tresolvedFootnote() {\n\t\t\treturn this.tr(this.config.footnote || '')\n\t\t},\n\n\t\t/**\n\t\t * The groups to draw: ungrouped cards first under no caption, then\n\t\t * one group per category in declaration order. A group without a\n\t\t * visible card is left out.\n\t\t *\n\t\t * @return {Array<{key: string, label: string, headingId: string, cards: Array<object>}>} The groups.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\tgroups() {\n\t\t\tconst declared = (this.config.categories && typeof this.config.categories === 'object') ? this.config.categories : {}\n\t\t\tconst keys = Object.keys(declared)\n\t\t\tconst loose = this.visibleCards.filter((card) => !keys.includes(card.category))\n\t\t\tconst groups = loose.length > 0 ? [{ key: '', label: '', headingId: '', cards: loose }] : []\n\t\t\tkeys.forEach((key, index) => {\n\t\t\t\tconst cards = this.visibleCards.filter((card) => card.category === key)\n\t\t\t\tif (cards.length > 0) {\n\t\t\t\t\tgroups.push({\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\tlabel: this.tr(declared[key]),\n\t\t\t\t\t\theadingId: `cn-link-cards-group-${this.uid}-${index}`,\n\t\t\t\t\t\tcards,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t\treturn groups\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Whether a module is in the menu: its `enabled` boolean, else its\n\t\t * `enabledIf` condition evaluated as a `visibleIf`, else false.\n\t\t *\n\t\t * @param {object} module The declared module.\n\t\t * @param {object|null} runtime `manifest.runtime`, or null.\n\t\t * @return {boolean} True when the module is in the menu.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-links-page-can-show-modules\n\t\t */\n\t\t/**\n\t\t * The icon at the end of a list row: an external-link icon for a URL,\n\t\t * a chevron for a page in the app. A resolved `trailing` wins.\n\t\t *\n\t\t * @param {object} card The resolved card.\n\t\t * @return {string} `external` or `chevron`.\n\t\t * @spec openspec/changes/screens-links-module-cards/specs/link-cards-page/spec.md#requirement-a-group-can-be-a-list-card\n\t\t */\n\t\ttrailingOf(card) {\n\t\t\tif (card.trailing === 'external' || card.trailing === 'chevron') {\n\t\t\t\treturn card.trailing\n\t\t\t}\n\t\t\treturn card.external ? 'external' : 'chevron'\n\t\t},\n\n\t\tmoduleEnabled(module, runtime) {\n\t\t\tif (typeof module.enabled === 'boolean') {\n\t\t\t\treturn module.enabled\n\t\t\t}\n\t\t\tif (module.enabledIf && typeof module.enabledIf === 'object') {\n\t\t\t\treturn this.passesVisibleIf({ visibleIf: module.enabledIf }, runtime)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\t/**\n\t\t * Translate a manifest string through the app's translate function.\n\t\t *\n\t\t * @param {string} value The declared string.\n\t\t * @return {string} The translation, or the input unchanged.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-links-page-renders-grouped-link-cards\n\t\t */\n\t\ttr(value) {\n\t\t\tif (typeof value !== 'string' || value === '') {\n\t\t\t\treturn value\n\t\t\t}\n\t\t\treturn (this.translate ?? this.cnTranslate)(value)\n\t\t},\n\n\t\t/**\n\t\t * Whether the user holds the card's `permission`. Same rule as the\n\t\t * menu: no permission declared, or no permissions known, allows.\n\t\t *\n\t\t * @param {object} card The card.\n\t\t * @return {boolean} True when the card may render.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-cards-honour-menu-visibility-conditions\n\t\t */\n\t\tpassesPermission(card) {\n\t\t\tconst held = Array.isArray(this.cnPermissions) ? this.cnPermissions : []\n\t\t\tif (!card.permission || held.length === 0) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\treturn held.includes(card.permission)\n\t\t},\n\n\t\t/**\n\t\t * Evaluate a card's `visibleIf` the way CnAppNav evaluates a menu\n\t\t * entry's: `appInstalled` first, then dot-path predicates against\n\t\t * the manifest's `runtime`.\n\t\t *\n\t\t * @param {object} card The card.\n\t\t * @param {object|null} runtime `manifest.runtime`, or null.\n\t\t * @return {boolean} True when the card may render.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-cards-honour-menu-visibility-conditions\n\t\t */\n\t\tpassesVisibleIf(card, runtime) {\n\t\t\tconst condition = card.visibleIf\n\t\t\tif (!condition || typeof condition !== 'object') {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tif (condition.appInstalled && !isAppInstalled(condition.appInstalled)) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn passesContextPredicates(condition, runtime)\n\t\t},\n\n\t\t/**\n\t\t * Where a card goes. An `href` is an external URL. A `route` is a\n\t\t * route name, or a path when it starts with `/`, resolved by the\n\t\t * router so the link carries the app's base with or without\n\t\t * `/index.php`.\n\t\t *\n\t\t * @param {object} card The card.\n\t\t * @return {{external: boolean, location: object|null, url: string}} The target; `url` is '' when it cannot be resolved.\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-card-is-a-real-link\n\t\t */\n\t\ttargetOf(card) {\n\t\t\tif (typeof card.route === 'string' && card.route !== '') {\n\t\t\t\tconst location = card.route.startsWith('/') ? { path: card.route } : { name: card.route }\n\t\t\t\tif (card.params && typeof card.params === 'object') {\n\t\t\t\t\tlocation.params = card.params\n\t\t\t\t}\n\t\t\t\tif (card.query && typeof card.query === 'object') {\n\t\t\t\t\tlocation.query = card.query\n\t\t\t\t}\n\t\t\t\treturn { external: false, location, url: resolveHref(location, this.$router) }\n\t\t\t}\n\t\t\tif (typeof card.href === 'string' && card.href !== '') {\n\t\t\t\treturn { external: true, location: null, url: card.href }\n\t\t\t}\n\t\t\treturn { external: false, location: null, url: '' }\n\t\t},\n\n\t\t/**\n\t\t * Route a plain click on an in-app card. A modified or middle click,\n\t\t * and every click on an external card, is left to the browser.\n\t\t *\n\t\t * @param {object} card The resolved card.\n\t\t * @param {MouseEvent} event The click.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/link-cards-page/specs/link-cards-page/spec.md#requirement-a-card-is-a-real-link\n\t\t */\n\t\topen(card, event) {\n\t\t\tif (card.external || !card.location) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tfollowLinkClick(event, card.location, this.$router)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-link-cards-page {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: calc(6 * var(--default-grid-baseline));\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n\n/* Clear the Nextcloud navigation toggle button (44px wide, absolutely\n   positioned at the left edge of .app-content) plus 12px breathing room, as\n   CnPageHeader does. Only the header shifts; the cards keep the full width. */\n.cn-link-cards-page__header {\n\tpadding-inline-start: 56px;\n}\n\n.cn-link-cards-page__title {\n\tmargin: 0 0 var(--default-grid-baseline);\n}\n\n.cn-link-cards-page__description,\n.cn-link-cards-page__empty {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0;\n\tmax-width: 70ch;\n}\n\n.cn-link-cards-page__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: calc(3 * var(--default-grid-baseline));\n}\n\n.cn-link-cards-page__caption {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.85em;\n\tfont-weight: 600;\n\tletter-spacing: 0.06em;\n\tmargin: 0;\n\ttext-transform: uppercase;\n}\n\n.cn-link-cards-page__grid {\n\tdisplay: grid;\n\tgap: calc(3 * var(--default-grid-baseline));\n\tgrid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.cn-link-cards-page__cell {\n\tdisplay: flex;\n}\n\n.cn-link-cards-page__card {\n\talign-items: flex-start;\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: var(--border-radius-large);\n\tcolor: var(--color-main-text);\n\tdisplay: flex;\n\tflex: 1;\n\tgap: calc(3 * var(--default-grid-baseline));\n\tmin-width: 0;\n\tpadding: calc(4 * var(--default-grid-baseline));\n\ttransition: background-color var(--animation-quick, 100ms) ease, border-color var(--animation-quick, 100ms) ease, box-shadow var(--animation-quick, 100ms) ease;\n}\n\n/* A card is a link, and it must not look like a line of prose. A theme may\n   underline every link with `!important` (thematiq: `a { text-decoration:\n   underline !important }`, specificity 0,0,1). Among `!important` rules the\n   higher specificity wins, so this class rule has to carry it too; without it\n   the label and the description both rendered underlined on a live Nextcloud. */\n.cn-link-cards-page__card,\n.cn-link-cards-page__card:hover,\n.cn-link-cards-page__card:focus,\n.cn-link-cards-page__card:active {\n\ttext-decoration: none !important;\n}\n\n/* Hover moves the whole card: border, background and a soft lift. */\n.cn-link-cards-page__card:hover {\n\tbackground: var(--color-background-hover);\n\tborder-color: var(--color-primary-element);\n\tbox-shadow: 0 2px 6px var(--color-box-shadow);\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.cn-link-cards-page__card {\n\t\ttransition: none;\n\t}\n}\n\n.cn-link-cards-page__card:focus-visible {\n\tborder-color: var(--color-primary-element);\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n}\n\n.cn-link-cards-page__icon {\n\tcolor: var(--color-primary-element);\n\tflex: none;\n}\n\n.cn-link-cards-page__body {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--default-grid-baseline);\n\tmin-width: 0;\n}\n\n/* The label is the card's title. Its colour is set here, on the span, because\n   a theme may force its link colour on the `a` itself; an inherited link\n   colour made the title read as a hyperlink. */\n.cn-link-cards-page__label {\n\tcolor: var(--color-main-text);\n\tfont-size: 1.05em;\n\tfont-weight: 700;\n\tline-height: 1.3;\n\toverflow-wrap: anywhere;\n}\n\n.cn-link-cards-page__card-description {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.9em;\n\tline-height: 1.4;\n}\n\n.cn-link-cards-page__group--list {\n\tpadding: 20px 22px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-container-large, 12px);\n\tbackground: var(--color-main-background);\n\tgap: 6px;\n}\n\n.cn-link-cards-page__group--list .cn-link-cards-page__caption {\n\tmargin: 0 0 8px;\n\tcolor: var(--color-main-text);\n\tfont-size: 17px;\n\tfont-weight: 700;\n\tletter-spacing: normal;\n\ttext-transform: none;\n}\n\n.cn-link-cards-page__list {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-link-cards-page__row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 10px 0;\n\tborder-top: 1px solid var(--color-background-dark);\n\tcolor: var(--color-main-text);\n}\n\n.cn-link-cards-page__row,\n.cn-link-cards-page__row:hover,\n.cn-link-cards-page__row:focus,\n.cn-link-cards-page__row:active {\n\ttext-decoration: none !important;\n}\n\n.cn-link-cards-page__row:focus-visible {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n}\n\n.cn-link-cards-page__row-icon {\n\tdisplay: flex;\n\tflex: none;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 34px;\n\theight: 34px;\n\tborder-radius: var(--border-radius-element, 8px);\n\tbackground: var(--color-background-dark);\n}\n\n.cn-link-cards-page__row-body {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.cn-link-cards-page__row-label {\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n\n.cn-link-cards-page__row-description {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-link-cards-page__row-trailing {\n\tflex: none;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-link-cards-page__modules {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 14px;\n}\n\n.cn-link-cards-page__modules-head {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\talign-items: baseline;\n\tgap: 8px;\n}\n\n.cn-link-cards-page__modules-title {\n\tmargin: 0;\n\tfont-size: 20px;\n\tfont-weight: 700;\n}\n\n.cn-link-cards-page__modules-count {\n\tfont-size: 14px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-link-cards-page__modules-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n\tgap: 16px;\n}\n\n.cn-link-cards-page__modules-note {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 8px;\n\tmargin: 0;\n\tfont-size: 14px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-link-cards-page__modules-note-icon {\n\tflex: none;\n}\n</style>\n"],"names":["CnIcon","CnModuleCard","t","n"],"mappings":"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"}