@conduction/nextcloud-vue 2.79.0 → 2.80.0

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

@@ -0,0 +1,10 @@
+import script from './CnIndexPageWidgets.vue2.js';
+import { render } from './CnIndexPageWidgets.vue3.js';
+
+script.render = render;
+script.__scopeId = "data-v-5ec0c5bc";
+script.__file = "src/components/CnIndexPage/CnIndexPageWidgets.vue";
+const __sfc_main = script;
+
+export { __sfc_main as default };
+//# sourceMappingURL=CnIndexPageWidgets.vue.js.map

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

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

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

@@ -0,0 +1,99 @@
+import __sfc_main from '../CnKpiGrid/CnKpiGrid.vue.js';
+import __sfc_main$1 from '../CnWidgetWrapper/CnWidgetWrapper.vue.js';
+import { canonicalWidgetType } from '../../utils/widgetTypeAliases.js';
+import { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js';
+import { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js';
+import '../CnWidgetGrid/registerDashboardWidgets.js';
+
+var script = {
+	name: 'CnIndexPageWidgets',
+
+	components: {
+		CnKpiGrid: __sfc_main,
+		CnWidgetWrapper: __sfc_main$1,
+	},
+
+	inject: {
+		/** Consumer widget registry provided by CnAppRoot (custom over built-in). */
+		cnRegistry: { default: () => ({}) },
+		/** Host translate function provided by CnAppRoot. */
+		cnTranslate: { default: () => (key) => key },
+	},
+
+	props: {
+		/**
+		 * Widget definitions `{ id, type, title?, content?, headerLink? }`.
+		 * An entry without an id or with a type no layer resolves is skipped.
+		 */
+		widgets: {
+			type: Array,
+			default: () => [],
+		},
+
+		/** Where the widgets sit: `stat-row` above the list, `side-panel` beside it. */
+		variant: {
+			type: String,
+			default: 'stat-row',
+			validator: (v) => ['stat-row', 'side-panel'].includes(v),
+		},
+	},
+
+	computed: {
+		/**
+		 * 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}>}
+		 */
+		entries() {
+			const list = Array.isArray(this.widgets) ? this.widgets : [];
+			const out = [];
+			for (const def of list) {
+				if (!def || typeof def.id !== 'string' || def.id === '' || typeof def.type !== 'string') {
+					continue
+				}
+				const renderer = this.resolveRenderer(def.type);
+				if (!renderer) {
+					if (process.env.NODE_ENV !== 'production') {
+						// eslint-disable-next-line no-console
+						console.warn(`[CnIndexPage] ${this.variant} widget "${def.id}" has type "${def.type}", which no widget registry resolves; skipped.`);
+					}
+					continue
+				}
+				const translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key;
+				out.push({
+					id: def.id,
+					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,
+					renderer,
+				});
+			}
+			return out
+		},
+	},
+
+	methods: {
+		/**
+		 * Resolve a widget type: the consumer registry, then the dashboard
+		 * catalog (the type as written, then its alias), then the built-ins.
+		 *
+		 * @param {string} type The widget type.
+		 * @return {object|null} The component, or null.
+		 */
+		resolveRenderer(type) {
+			const consumer = (this.cnRegistry || {})[type];
+			if (consumer) {
+				return consumer.component ?? consumer
+			}
+			const entry = getWidgetTypeEntry(type) || getWidgetTypeEntry(canonicalWidgetType(type));
+			if (entry && entry.renderer) {
+				return entry.renderer
+			}
+			return BUILT_IN_WIDGETS[type] || BUILT_IN_WIDGETS[canonicalWidgetType(type)] || null
+		},
+	},
+};
+
+export { script as default };
+//# sourceMappingURL=CnIndexPageWidgets.vue2.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,48 @@
+import { resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createVNode, mergeProps, createCommentVNode } from 'vue';
+
+const _hoisted_1 = ["data-testid"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnWidgetWrapper = resolveComponent("CnWidgetWrapper");
+
+  return ($options.entries.length > 0)
+    ? (openBlock(), createBlock(resolveDynamicComponent($props.variant === 'stat-row' ? 'CnKpiGrid' : 'aside'), {
+        key: 0,
+        columns: $props.variant === 'stat-row' ? 'auto' : undefined,
+        class: normalizeClass(["cn-index-page-widgets", ['cn-index-page-widgets--' + $props.variant]]),
+        "data-testid": 'cn-index-page-' + $props.variant
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.entries, (entry) => {
+            return (openBlock(), createElementBlock("div", {
+              key: entry.id,
+              class: "cn-index-page-widgets__cell",
+              "data-testid": 'cn-index-page-widget-' + entry.id
+            }, [
+              createVNode(_component_CnWidgetWrapper, {
+                widgetId: entry.id,
+                title: entry.title,
+                showTitle: $props.variant === 'side-panel' && entry.title !== '',
+                showActions: false,
+                showRefresh: false,
+                headerLink: entry.headerLink,
+                flush: $props.variant === 'stat-row'
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(entry.renderer), mergeProps({
+                    widgetId: entry.id,
+                    content: entry.content
+                  }, { ref_for: true }, entry.content), null, 16 /* FULL_PROPS */, ["widgetId", "content"]))
+                ]),
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["widgetId", "title", "showTitle", "headerLink", "flush"])
+            ], 8 /* PROPS */, _hoisted_1))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["columns", "class", "data-testid"]))
+    : createCommentVNode("v-if", true)
+}
+
+export { render };
+//# sourceMappingURL=CnIndexPageWidgets.vue3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CnIndexPageWidgets.vue3.js","sources":["../../../../src/components/CnIndexPage/CnIndexPageWidgets.vue?vue&type=template&id=5ec0c5bc&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;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -14,6 +14,7 @@ import { pageIdForRoute, splitIdForRoute, pageHasSplitView, splitRouteName } fro
 import { reportDiagnosticOnce, reportDiagnostic } from '../../utils/diagnostics.js';
 import { openRowTarget } from '../../utils/linkNavigation.js';
 import { listContextFromRoute, listContextToQuery } from '../../utils/listNavigation.js';
+import { matchQueryPreset, applyQueryPreset } from '../../utils/queryPresets.js';
 import { resolveRouteSentinels } from '../../utils/resolveRouteSentinels.js';
 import { parseSortKeys } from '../../utils/routeFilters.js';
 import { routePathFor, buildRouteParams } from '../../utils/routeParams.js';
@@ -760,7 +761,25 @@ var script = {
 				return 'none'
 			}
 			const cfg = (page.config && typeof page.config === 'object' && !Array.isArray(page.config)) ? page.config : {};
-			return [page.id, cfg.register || '', cfg.schema || ''].join(':')
+			// A query preset swaps the lenses and columns, so it remounts the
+			// page: the active lens index belongs to the lenses it indexes.
+			const preset = this.activeQueryPresetIndex >= 0 ? `:preset-${this.activeQueryPresetIndex}` : '';
+			return [page.id, cfg.register || '', cfg.schema || ''].join(':') + preset
+		},
+
+		/**
+		 * The index of the current index page's query preset that the route
+		 * query matches, or -1.
+		 *
+		 * @return {number}
+		 * @spec openspec/changes/screens-index-query-presets/specs/index-query-presets/spec.md#requirement-a-query-preset-overlays-lenses-columns-and-copy
+		 */
+		activeQueryPresetIndex() {
+			const page = this.currentPage;
+			if (!page || page.type !== 'index' || !page.config || !Array.isArray(page.config.queryPresets)) {
+				return -1
+			}
+			return matchQueryPreset(page.config.queryPresets, this.$route?.query || {})
 		},
 
 		/**
@@ -1007,6 +1026,15 @@ var script = {
 			// container before forwarding — CnIndexPage has no
 			// `actionToggles` prop.
 			const isIndex = page?.type === 'index';
+			// A query preset (`config.queryPresets`): the menu entry's query
+			// brings its own lenses, columns and copy to the same page.
+			if (isIndex && Array.isArray(config.queryPresets)) {
+				const preset = config.queryPresets[this.activeQueryPresetIndex] || null;
+				config = applyQueryPreset(config, preset);
+				if (preset && typeof preset.title === 'string' && preset.title !== '') {
+					topLevel.title = preset.title;
+				}
+			}
 			// When an index page has somewhere to open a row, make a row click
 			// go there: set `rowClickToView` so the row body emits `row-click`
 			// (→ onRowOpen navigates) even though the page is selectable.