@conduction/nextcloud-vue 2.90.0 → 2.92.0

package/l10n/en.json

@@ -499,6 +499,7 @@
     "NC Activity is currently unavailable.": "NC Activity is currently unavailable.",
     "Could not load activity.": "Could not load activity.",
     "Today": "Today",
+    "Today, {date}": "Today, {date}",
     "Last 8 hours": "Last 8 hours",
     "Last 24 hours": "Last 24 hours",
     "Last 7 days": "Last 7 days",
@@ -1473,7 +1474,27 @@
     "Link related object": "Link related object",
     "{type} parts": "{type} parts",
     "Cannot save: this record has no id, so the edit would create a duplicate instead of updating it.": "Cannot save: this record has no id, so the edit would create a duplicate instead of updating it.",
-    "Save failed": "Save failed"
+    "Save failed": "Save failed",
+    "Modules": "Modules",
+    "In the menu": "In the menu",
+    "Off": "Off",
+    "Pages": "Pages",
+    "Open {module}": "Open {module}",
+    "{list} and {last}": "{list} and {last}",
+    "%n page: {pages}": [
+      "%n page: {pages}",
+      "%n pages: {pages}"
+    ],
+    "%n page, including {pages}": [
+      "%n page, including {pages}",
+      "%n pages, including {pages}"
+    ],
+    "{on} of %n is in the menu": [
+      "{on} of %n is in the menu",
+      "{on} of %n are in the menu"
+    ],
+    "Put it in the menu:": "Put it in the menu:",
+    "Admin settings": "Admin settings"
   },
   "plurals": {
     "{count} selected": [

package/l10n/nl.json

@@ -521,6 +521,7 @@
     "NC Activity is currently unavailable.": "NC Activiteit is momenteel niet beschikbaar.",
     "Could not load activity.": "Kon activiteit niet laden.",
     "Today": "Vandaag",
+    "Today, {date}": "Vandaag, {date}",
     "Last 8 hours": "Laatste 8 uur",
     "Last 24 hours": "Laatste 24 uur",
     "Last 7 days": "Laatste 7 dagen",
@@ -1660,7 +1661,26 @@
     "Link related object": "Gerelateerd object koppelen",
     "{type} parts": "Onderdelen van {type}",
     "Cannot save: this record has no id, so the edit would create a duplicate instead of updating it.": "Opslaan kan niet: dit record heeft geen id, dus de wijziging zou een kopie maken in plaats van het record bij te werken.",
-    "Save failed": "Opslaan is mislukt"
+    "Save failed": "Opslaan is mislukt",
+    "Modules": "Modules",
+    "In the menu": "In het menu",
+    "Off": "Uit",
+    "Pages": "Pagina's",
+    "Open {module}": "{module} openen",
+    "{list} and {last}": "{list} en {last}",
+    "%n page: {pages}": [
+      "%n pagina: {pages}",
+      "%n pagina's: {pages}"
+    ],
+    "%n page, including {pages}": [
+      "%n pagina, waaronder {pages}",
+      "%n pagina's, waaronder {pages}"
+    ],
+    "{on} of %n is in the menu": [
+      "{on} van %n staat in het menu",
+      "{on} van %n staan in het menu"
+    ],
+    "Put it in the menu:": "In het menu zetten:"
   },
   "plurals": {
     "{count} selected": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.90.0",
+  "version": "2.92.0",
   "description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
   "homepage": "https://github.com/ConductionNL/nextcloud-vue#readme",
   "bugs": {

package/src/components/CnDataTable/CnDataTable.vue

@@ -404,6 +404,7 @@ import CnColumnFilterPopover from './CnColumnFilterPopover.vue'
 import { useClickDragGuard } from '../../composables/useClickDragGuard.js'
 import { normalizeLook } from '../../composables/useLook.js'
 import { clearedColumnFilterParams, columnFilterDef, columnFilterParams, columnFilterState, isColumnFilterActive, isColumnSortable } from '../../utils/columnFilters.js'
+import { fillTemplate } from '../../utils/fillTemplate.js'
 import { lensUnavailableText, readLensReports } from '../../utils/lensAvailability.js'
 import { followLinkClick, openRowTarget, resolveHref } from '../../utils/linkNavigation.js'
 import { nextSortState } from '../../utils/multiColumnSort.js'
@@ -561,8 +562,8 @@ export default {
 		 *
 		 * `secondary` draws a second, muted line under the cell's value: a field
 		 * key (`"number"`), a template with `{field}` placeholders
-		 * (`"{number} · {requester}"`, dotted paths allowed), or a function of
-		 * the row. Empty fields leave their placeholder blank; a line that
+		 * (`"{number} · {requester}"`, dotted paths allowed; `{startAt|weekday}`
+		 * formats through `fillTemplate`), or a function of the row. Empty fields leave their placeholder blank; a line that
 		 * resolves to nothing is not drawn.
 		 *
 		 * @type {Array<{key: string, label: string, description: string, sortable: boolean, width: string, class: string, cellClass: string, secondary: (string|((row: object) => string))}|string>}
@@ -1769,8 +1770,10 @@ export default {
 		/**
 		 * The secondary line of a cell, from `col.secondary`: a function is
 		 * called with the row; a string with `{field}` placeholders is a
-		 * template filled from the row (dotted paths allowed); any other
-		 * string is a field key. Returns '' when there is nothing to draw.
+		 * template filled from the row (dotted paths allowed), where a
+		 * `{field|format}` token is formatted by `fillTemplate` ("{startAt|weekday}"
+		 * reads "wo 7 okt"); any other string is a field key. Returns '' when
+		 * there is nothing to draw.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-table-column-carries-a-secondary-line
 		 * @param {object} row The row.
@@ -1787,7 +1790,9 @@ export default {
 				return ''
 			}
 			if (spec.includes('{')) {
-				const filled = fillSecondaryTemplate(spec, (key) => this.secondaryFieldText(row, key))
+				const filled = fillSecondaryTemplate(spec, (key) => (key.includes('|')
+					? fillTemplate(`{${key}}`, row)
+					: this.secondaryFieldText(row, key)))
 				// A template whose every field is empty leaves only separators:
 				// nothing worth a line.
 				return /[\p{L}\p{N}]/u.test(filled) ? filled.trim() : ''

package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue

@@ -236,7 +236,7 @@
 			<template v-if="widget.icon" #title-icon>
 				<CnIcon :name="widget.icon" :size="20" />
 			</template>
-			<component :is="renderer" :content="content" v-bind="content" />
+			<component :is="renderer" :content="content" v-bind="declaredContent" />
 		</CnWidgetWrapper>
 
 		<!-- Every other content-driven catalog widget, and every bare-mode
@@ -276,6 +276,7 @@ import { useIntegrationRegistry } from '../../composables/useIntegrationRegistry
 import { normalizeLook } from '../../composables/useLook.js'
 import { isAppInstalled } from '../../utils/appInstalled.js'
 import { widgetHeaderLink } from '../../utils/contentHeaderLink.js'
+import { pickDeclaredProps } from '../../utils/declaredProps.js'
 import { unwrapAppConfig } from '../../utils/formatMetric.js'
 import { isActivityWidget } from '../../utils/headerMeta.js'
 import { PANEL_ACTION_SINK } from '../../utils/panelActions.js'
@@ -997,7 +998,20 @@ export default {
 			if (title) {
 				base.title = title
 			}
-			return { ...base, ...this.content }
+			return { ...base, ...this.declaredContent }
+		},
+
+		/**
+		 * The content keys the renderer declares as props. An undeclared key
+		 * would fall through as an attribute onto the renderer's root and could
+		 * override a value the widget computes there; the whole content still
+		 * arrives as `content`.
+		 *
+		 * @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() {
+			return pickDeclaredProps(this.renderer, this.content, this.widget?.type || '')
 		},
 
 		/**

package/src/components/CnDialog/CnDialog.vue

@@ -32,7 +32,7 @@ import { useLook } from '../../composables/useLook.js'
 import { resolveDialogWidth } from '../../utils/dialogWidths.js'
 
 /**
- * CnDialog (internal) - the one place where a `Cn*` dialog turns into the
+ * CnDialog - the one place where a `Cn*` dialog turns into the
  * board dialog (screens-dialog-parity).
  *
  * In the Nextcloud look it is `NcDialog` with the caller's `size`, unchanged.

package/src/components/CnDialog/index.js

@@ -0,0 +1,7 @@
+// SPDX-FileCopyrightText: 2026 Conduction B.V.
+// SPDX-License-Identifier: EUPL-1.2
+
+import CnDialog from './CnDialog.vue'
+
+export default CnDialog
+export { CnDialog }

package/src/components/CnDialogHeader/CnDialogHeader.vue

@@ -45,7 +45,7 @@ import { NcButton } from '@nextcloud/vue'
 import Close from 'vue-material-design-icons/Close.vue'
 
 /**
- * CnDialogHeader (internal) - the board dialog header: eyebrow, 20px title,
+ * CnDialogHeader - the board dialog header: eyebrow, 20px title,
  * subtitle and a round 36px close button.
  *
  * The close button emits `close` and is disabled while `noClose` is set, so a

package/src/components/CnDialogHeader/index.js

@@ -0,0 +1,7 @@
+// SPDX-FileCopyrightText: 2026 Conduction B.V.
+// SPDX-License-Identifier: EUPL-1.2
+
+import CnDialogHeader from './CnDialogHeader.vue'
+
+export default CnDialogHeader
+export { CnDialogHeader }

package/src/components/CnFormDialog/CnFormDialog.md

@@ -169,6 +169,7 @@ All user-visible strings have props so they can be pre-translated by the consume
 | `cancelLabel` | `'Cancel'` | Label for the dismiss button before the action is confirmed. |
 | `closeLabel` | `'Close'` | Label for the dismiss button after the result is shown. |
 | `confirmLabel` | `''` | Confirm button label. Defaults to `'Create'` or `'Save'` depending on mode. |
+| `confirmIcon` | `''` | MDI icon name on the Confirm button (`SwapHorizontal`, `Archive`, `Send`, `Gavel`). Defaults to Plus when creating, else a save icon. |
 | `feedback` | `true` | Toast the write: "Saved {title}" on success, the server's message on failure. `false` suppresses the toasts only. |
 | `confirmDisabled` | `false` | Keep the Confirm button disabled regardless of the form state. |
 

package/src/components/CnFormDialog/CnFormDialog.vue

@@ -758,6 +758,11 @@
 				@click="executeConfirm">
 				<template #icon>
 					<NcLoadingIcon v-if="loading" :size="20" />
+					<CnIcon
+						v-else-if="confirmIcon"
+						:name="confirmIcon"
+						:size="20"
+						data-testid="cn-form-dialog-confirm-icon" />
 					<Plus v-else-if="isCreateMode" :size="20" />
 					<ContentSaveOutline v-else :size="20" />
 				</template>
@@ -781,6 +786,7 @@ import CnDurationField from '../CnDurationField/CnDurationField.vue'
 import CnFieldHelper from '../CnFieldHelper/CnFieldHelper.vue'
 import CnFileField from '../CnFileField/CnFileField.vue'
 import CnFormField from '../CnFormField/CnFormField.vue'
+import CnIcon from '../CnIcon/CnIcon.vue'
 import CnIconBrowser from '../CnIconBrowser/CnIconBrowser.vue'
 import CnJsonViewer from '../CnJsonViewer/CnJsonViewer.vue'
 import CnPropertySourceField from '../CnPropertySourceField/CnPropertySourceField.vue'
@@ -1023,6 +1029,7 @@ export default {
 		CnSubObjectsField,
 		CnChildRecordsField,
 		CnDialog,
+		CnIcon,
 		CnFormField,
 		NcButton,
 		NcNoteCard,
@@ -1303,6 +1310,12 @@ export default {
 			default: '',
 		},
 
+		/** MDI icon name on the Confirm button (`SwapHorizontal`, `Archive`, `Send`, `Gavel`). Defaults to Plus when creating, else a save icon. */
+		confirmIcon: {
+			type: String,
+			default: '',
+		},
+
 		/** Keep the Confirm button disabled regardless of the form state, for a host that knows the form cannot be completed. */
 		confirmDisabled: {
 			type: Boolean,

package/src/components/CnIndexPage/CnIndexPageWidgets.vue

@@ -34,7 +34,7 @@
 					:is="entry.renderer"
 					:widgetId="entry.id"
 					:content="entry.content"
-					v-bind="entry.content" />
+					v-bind="declaredContent(entry)" />
 			</CnWidgetWrapper>
 		</div>
 	</component>
@@ -43,6 +43,7 @@
 <script>
 import CnKpiGrid from '../CnKpiGrid/CnKpiGrid.vue'
 import CnWidgetWrapper from '../CnWidgetWrapper/CnWidgetWrapper.vue'
+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'
@@ -89,7 +90,7 @@ export default {
 		 * 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 : []
@@ -109,6 +110,7 @@ export default {
 				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,
@@ -120,6 +122,19 @@ export default {
 	},
 
 	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.