@conduction/nextcloud-vue 2.89.2 → 2.91.0

package/dist/nextcloud-vue.cjs.js

@@ -26166,7 +26166,7 @@ script$6Y.__scopeId = "data-v-52ba5fea";
 const __sfc_main$6S = script$6Y;
 
 /**
- * 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
@@ -26293,7 +26293,7 @@ function resolveDialogWidth(width, defaultWidth) {
 }
 
 /**
- * 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.
@@ -51261,7 +51261,7 @@ function matchPlainBrackets(state, pos, dir, tree, tokenType, maxScanDistance, b
 }
 const noTokens = /*@__PURE__*/Object.create(null);
 const typeArray = [NodeType.none];
-const warned$2 = [];
+const warned$3 = [];
 // Cache of node types by name and tags
 const byTag = /*@__PURE__*/Object.create(null);
 const defaultTable = /*@__PURE__*/Object.create(null);
@@ -51281,9 +51281,9 @@ for (let [legacyName, name] of [
 ])
     defaultTable[legacyName] = /*@__PURE__*/createTokenType(noTokens, name);
 function warnForPart(part, msg) {
-    if (warned$2.indexOf(part) > -1)
+    if (warned$3.indexOf(part) > -1)
         return;
-    warned$2.push(part);
+    warned$3.push(part);
     console.warn(msg);
 }
 function createTokenType(extra, tagStr) {
@@ -152257,6 +152257,108 @@ script$4K.render = render$4K;
 script$4K.__scopeId = "data-v-f0af265a";
 const __sfc_main$4E = script$4K;
 
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ */
+
+
+const warned$2 = new Set();
+
+/**
+ * Add the prop names one component options object declares, following its
+ * `extends` and `mixins`.
+ *
+ * @param {object} options A component options object.
+ * @param {Set<string>} names The set to add camelCase prop names to.
+ * @param {number} depth Recursion guard.
+ */
+function collect(options, names, depth) {
+	if (!options || typeof options !== 'object' || depth > 8) {
+		return
+	}
+	const props = options.props;
+	if (Array.isArray(props)) {
+		props.forEach((name) => names.add(vue$1.camelize(String(name))));
+	} else if (props && typeof props === 'object') {
+		Object.keys(props).forEach((name) => names.add(vue$1.camelize(name)));
+	}
+	collect(options.extends, names, depth + 1);
+	if (Array.isArray(options.mixins)) {
+		options.mixins.forEach((mixin) => collect(mixin, names, depth + 1));
+	}
+}
+
+/**
+ * The prop names a component declares, or `null` when it takes every
+ * attribute itself and so must keep receiving all of them:
+ *  - `inheritAttrs: false`: the component forwards `$attrs` on purpose;
+ *  - a functional component without `props`: its attrs are its props;
+ *  - an async component that has not resolved yet.
+ *
+ * @spec openspec/changes/dashboard-declared-widget-props/specs/dashboard-page/spec.md#requirement-a-dashboard-widget-receives-only-the-content-keys-it-declares
+ * @param {object|((...args: unknown[]) => unknown)|null} component A component definition.
+ * @return {Set<string>|null} camelCase prop names, or null for "all".
+ */
+function declaredPropNames(component) {
+	if (!component) {
+		return null
+	}
+	if (typeof component === 'function') {
+		if (!component.props) {
+			return null
+		}
+		const names = new Set();
+		collect({ props: component.props }, names, 0);
+		return names
+	}
+	if (typeof component !== 'object') {
+		return null
+	}
+	if (component.__asyncLoader) {
+		return component.__asyncResolved ? declaredPropNames(component.__asyncResolved) : null
+	}
+	const chain = [component, component.extends, ...(component.mixins || [])];
+	if (chain.some((options) => options && options.inheritAttrs === false)) {
+		return null
+	}
+	const names = new Set();
+	collect(component, names, 0);
+	return names
+}
+
+/**
+ * Keep the entries of `bindings` whose key `component` declares as a prop.
+ * A component for which {@link declaredPropNames} returns null gets every
+ * entry. A dropped key is warned about once outside production when the
+ * component has no `content` prop either, so the key reaches nothing.
+ *
+ * @spec openspec/changes/dashboard-declared-widget-props/specs/dashboard-page/spec.md#requirement-a-dashboard-widget-receives-only-the-content-keys-it-declares
+ * @param {object|((...args: unknown[]) => unknown)|null} component The component that will receive the bindings.
+ * @param {object} bindings The candidate bindings.
+ * @param {string} label Names the component in the warning (for example the widget type).
+ * @return {object} The bindings the component declares.
+ */
+function pickDeclaredProps(component, bindings, label) {
+	const declared = declaredPropNames(component);
+	if (!declared || !bindings || typeof bindings !== 'object') {
+		return bindings
+	}
+	const out = {};
+	for (const [key, value] of Object.entries(bindings)) {
+		if (declared.has(vue$1.camelize(key))) {
+			out[key] = value;
+			continue
+		}
+		if (process.env.NODE_ENV !== 'production' && !declared.has('content') && !warned$2.has(`${label}\u0000${key}`)) {
+			warned$2.add(`${label}\u0000${key}`);
+			// eslint-disable-next-line no-console
+			console.warn(`[nextcloud-vue] content key "${key}" is not passed to widget "${label}": it declares neither that prop nor \`content\`.`);
+		}
+	}
+	return out
+}
+
 // SPDX-FileCopyrightText: 2026 Conduction B.V.
 // SPDX-License-Identifier: EUPL-1.2
 
@@ -163778,7 +163880,20 @@ var script$4p = {
 			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 || '')
 		},
 
 		/**
@@ -164268,7 +164383,7 @@ function render$4p(_ctx, _cache, $props, $setup, $data, $options) {
                           class: "cn-detail-page__card-fit"
                         }, vue$1.createSlots({
                           default: vue$1.withCtx(() => [
-                            (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.renderer), vue$1.mergeProps({ content: $options.content }, $options.content), null, 16 /* FULL_PROPS */, ["content"]))
+                            (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.renderer), vue$1.mergeProps({ content: $options.content }, $options.declaredContent), null, 16 /* FULL_PROPS */, ["content"]))
                           ]),
                           _: 2 /* DYNAMIC */
                         }, [
@@ -164295,7 +164410,7 @@ function render$4p(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$4p.render = render$4p;
-script$4p.__scopeId = "data-v-e7ff148e";
+script$4p.__scopeId = "data-v-47b3ec9e";
 const __sfc_main$4j = script$4p;
 
 /**
@@ -257390,6 +257505,19 @@ var script$2k = {
 			default: '',
 		},
 
+		/**
+		 * Mount a tab's `tab-<id>` slot only while that tab is open, and
+		 * unmount it when another tab opens, so each visit mounts it afresh
+		 * and the page does not load every tab at once. Off (the default),
+		 * every panel stays mounted and only the open one shows.
+		 *
+		 * @spec openspec/changes/admin-settings-lazy-tabs/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-mount-only-the-open-tab
+		 */
+		lazyTabs: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * How the `tabs` strip is drawn, as CnTabs' `variant`: `line`, the
 		 * folder tabs (the default), or `underline`, plain labels on a rule
@@ -257950,7 +258078,9 @@ function render$2k(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-admin-settings-shell__panel",
                     "data-tab": tab.id
                   }, [
-                    vue$1.renderSlot(_ctx.$slots, `tab-${tab.id}`)
+                    (!$props.lazyTabs || tab.id === $options.activeTabId)
+                      ? vue$1.renderSlot(_ctx.$slots, `tab-${tab.id}`, {}, undefined, undefined, 0)
+                      : vue$1.createCommentVNode("v-if", true)
                   ], 8 /* PROPS */, _hoisted_11$N)
                 ]),
                 _: 2 /* DYNAMIC */
@@ -258089,7 +258219,7 @@ function render$2k(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$2k.render = render$2k;
-script$2k.__scopeId = "data-v-c3ceda64";
+script$2k.__scopeId = "data-v-038f200a";
 const __sfc_main$2k = script$2k;
 
 /**
@@ -265277,7 +265407,7 @@ var script$25 = {
 		 * 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 : [];
@@ -265297,6 +265427,7 @@ var script$25 = {
 				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,
@@ -265308,6 +265439,19 @@ var script$25 = {
 	},
 
 	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.
@@ -265361,7 +265505,7 @@ function render$25(_ctx, _cache, $props, $setup, $data, $options) {
                   (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent(entry.renderer), vue$1.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"])
@@ -265374,7 +265518,7 @@ function render$25(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$25.render = render$25;
-script$25.__scopeId = "data-v-5e716bba";
+script$25.__scopeId = "data-v-319129cb";
 const __sfc_main$25 = script$25;
 
 /**
@@ -321041,6 +321185,23 @@ var script$1i = {
 			return outcome ? { ...content, conditionOutcome: outcome } : content
 		},
 
+		/**
+		 * The content keys a registry widget receives as props: only the ones
+		 * its renderer declares. An undeclared key would otherwise fall through
+		 * as an attribute onto the renderer's root component and could override
+		 * a value the widget computes for it. The whole content still arrives
+		 * as `content`. A renderer that forwards its own attributes
+		 * (`inheritAttrs: false`) keeps receiving every key.
+		 *
+		 * @param {object} item Layout item.
+		 * @return {object} The bindings the renderer declares.
+		 * @spec openspec/changes/dashboard-declared-widget-props/specs/dashboard-page/spec.md#requirement-a-dashboard-widget-receives-only-the-content-keys-it-declares
+		 */
+		registryWidgetProps(item) {
+			const def = this.getWidgetDef(item.widgetId);
+			return pickDeclaredProps(this.registryRenderer(item), this.registryWidgetBindings(item), def?.type || item.widgetId)
+		},
+
 		/**
 		 * What a container widget (registry `container`, such as `tabs`) needs
 		 * beside its content: the page's widget definitions, so its tabs find
@@ -322681,7 +322842,7 @@ function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                           (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.registryRenderer(item)), vue$1.mergeProps({
                             widgetId: item.widgetId,
                             content: $options.registryWidgetBindings(item)
-                          }, { ref_for: true }, { ...$options.registryWidgetBindings(item), ...$options.containerBindings(item) }, {
+                          }, { ref_for: true }, { ...$options.registryWidgetProps(item), ...$options.containerBindings(item) }, {
                             onHeader: $event => ($options.onWidgetHeader(item, $event))
                           }), null, 16 /* FULL_PROPS */, ["widgetId", "content", "onHeader"]))
                         ]),
@@ -323150,7 +323311,7 @@ function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                                 (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.registryRenderer(item)), vue$1.mergeProps({
                                   widgetId: item.widgetId,
                                   content: $options.registryWidgetBindings(item)
-                                }, { ref_for: true }, { ...$options.registryWidgetBindings(item), ...$options.containerBindings(item), ...$options.cellChromeBindings(item) }, {
+                                }, { ref_for: true }, { ...$options.registryWidgetProps(item), ...$options.containerBindings(item), ...$options.cellChromeBindings(item) }, {
                                   onHeader: $event => ($options.onWidgetHeader(item, $event))
                                 }), null, 16 /* FULL_PROPS */, ["widgetId", "content", "onHeader"]))
                               ]),
@@ -323310,7 +323471,7 @@ function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$1i.render = render$1i;
-script$1i.__scopeId = "data-v-20ca81f3";
+script$1i.__scopeId = "data-v-42bc14a4";
 const __sfc_main$1i = script$1i;
 
 var CnDashboardPage = /*#__PURE__*/Object.freeze({
@@ -334901,9 +335062,11 @@ var script$N = {
 		 * widgets get the shared coordinate context plus the loaded object
 		 * (`objectData`); the prop-driven `data` built-in also gets the schema
 		 * OBJECT bound to its `schema` prop (the other tabs use the `schema`
-		 * slug string, so the override is scoped to `type: 'data'`). A widget's
-		 * own `props` win on overlap.
+		 * slug string, so the override is scoped to `type: 'data'`). Of a
+		 * widget's own `props`, the ones its component declares win on overlap;
+		 * an undeclared one would only fall through onto the component's root.
 		 *
+		 * @spec openspec/changes/declared-props-detail-index-sidebar/specs/widget-hosts/spec.md#requirement-a-widget-host-passes-only-the-keys-a-widget-declares
 		 * @param {{ type: string, props?: object }} w Widget spec
 		 * @return {object} Props to v-bind onto the resolved widget component
 		 */
@@ -334916,7 +335079,7 @@ var script$N = {
 				// a String `schema`.
 				bindings.schema = this.objectSchema;
 			}
-			return { ...bindings, ...(w.props || {}) }
+			return { ...bindings, ...pickDeclaredProps(this.resolveWidgetComponent(w.type), w.props || {}, w.type || '') }
 		},
 
 		/**
@@ -335238,7 +335401,7 @@ function render$N(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$N.render = render$N;
-script$N.__scopeId = "data-v-8b218df0";
+script$N.__scopeId = "data-v-09402703";
 const __sfc_main$N = script$N;
 
 /**
@@ -397423,6 +397586,8 @@ exports.CnDetailCard = __sfc_main$6E;
 exports.CnDetailGrid = __sfc_main$4J;
 exports.CnDetailPage = __sfc_main$1m;
 exports.CnDetailWidgetHost = __sfc_main$4j;
+exports.CnDialog = __sfc_main$6Q;
+exports.CnDialogHeader = __sfc_main$6R;
 exports.CnDividerWidget = __sfc_main$4B;
 exports.CnDividerWidgetForm = __sfc_main$42;
 exports.CnDocumentReviewList = __sfc_main$76;

package/dist/nextcloud-vue.cjs.js.map

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/nextcloud-vue.cjs.js.map
-size: 40768932 bytes
-sha256: 5eaf232e7473c7af37c95cfc8b0839550069002fa540192d0ea4b88131fbc06d
+size: 40783800 bytes
+sha256: 38ecb05b1a9c62bd250ca390394a3597748055d8c7dc1363ad11aa8069730ec1