@conduction/nextcloud-vue 2.89.0 → 2.89.1

package/dist/nextcloud-vue.cjs.js

@@ -199632,6 +199632,11 @@ var script$3e = {
 		cnTranslate: { default: () => (key) => key },
 	},
 
+	// A dashboard binds the widget's `content` keys as attributes too. Falling
+	// through, `submitLabel` would reach CnFormWidgetBase and win over the
+	// translated label the widget passes, so attributes go through rootAttrs.
+	inheritAttrs: false,
+
 	props: {
 		/**
 		 * Persisted configuration blob (see component description for the shape).
@@ -199667,6 +199672,19 @@ var script$3e = {
 	},
 
 	computed: {
+		/**
+		 * The attributes for the root form: everything the widget was given,
+		 * minus the names CnFormWidgetBase takes as props, which the widget
+		 * sets itself.
+		 *
+		 * @spec openspec/changes/interaction-form-fits-and-reads-dutch/specs/interaction-form-widget/spec.md#requirement-the-interaction-form-fits-its-card-and-reads-in-the-readers-language
+		 * @return {object} The attributes to bind.
+		 */
+		rootAttrs() {
+			const own = new Set(Object.keys(__sfc_main$3f.props || {}));
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([key]) => !own.has(vue$1.camelize(key))))
+		},
+
 		register() {
 			return this.content.register || 'pipelinq'
 		},
@@ -200034,7 +200052,7 @@ function render$3e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcButton = vue$1.resolveComponent("NcButton");
   const _component_CnFormWidgetBase = vue$1.resolveComponent("CnFormWidgetBase");
 
-  return (vue$1.openBlock(), vue$1.createBlock(_component_CnFormWidgetBase, {
+  return (vue$1.openBlock(), vue$1.createBlock(_component_CnFormWidgetBase, vue$1.mergeProps($options.rootAttrs, {
     blockClass: "cn-interaction-form-widget",
     fields: $options.formFields,
     model: $data.form,
@@ -200046,7 +200064,7 @@ function render$3e(_ctx, _cache, $props, $setup, $data, $options) {
     errorMessage: $data.errorMessage,
     "onUpdate:field": $options.onFieldUpdate,
     onSubmit: $options.onRegister
-  }, {
+  }), {
     "field-client": vue$1.withCtx(() => [
       vue$1.createVNode(_component_CnResourceSelect, {
         register: $options.register,
@@ -200079,7 +200097,7 @@ function render$3e(_ctx, _cache, $props, $setup, $data, $options) {
         : vue$1.createCommentVNode("v-if", true)
     ]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["fields", "model", "errors", "canSubmit", "submitting", "submitLabel", "submittingLabel", "errorMessage", "onUpdate:field", "onSubmit"]))
+  }, 16 /* FULL_PROPS */, ["fields", "model", "errors", "canSubmit", "submitting", "submitLabel", "submittingLabel", "errorMessage", "onUpdate:field", "onSubmit"]))
 }
 
 script$3e.render = render$3e;
@@ -358535,6 +358553,7 @@ var script$h = {
 		// write lands; this warns the user while there are unsaved/in-flight
 		// changes. Registered before the early-return so it always installs.
 		window.addEventListener('beforeunload', this.onBeforeUnload);
+		window.addEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged);
 
 		// Opt-out fast-path: empty `requiresApps` already initialised
 		// `capabilitiesLoading` to `false` in data(); skip the check.
@@ -358580,6 +358599,7 @@ var script$h = {
 			this.removeDiagnostics = null;
 		}
 		window.removeEventListener('beforeunload', this.onBeforeUnload);
+		window.removeEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged);
 		this.cnScopedTheme.teardown(this.appId);
 		// Scope the side effect to the shell's lifetime. Layers already written
 		// stay on screen (see `uninstallModalStack`), so a dialog outliving the
@@ -359426,13 +359446,17 @@ var script$h = {
 		 * response `total` written to `cnMenuItemCounts[item.id]`. The
 		 * request goes straight through axios rather than the object store,
 		 * so the index page's whole-schema total in the store is left alone.
-		 * Failures leave the badge unrendered.
+		 * Failures leave the badge unrendered. Given a changed register and
+		 * schema, only the entries counting that list are read again.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-menu-entry-counts-a-filtered-list
+		 * @param {{register?: string|null, schema?: string|null}|null} [changed] The list that changed; null reads every count.
 		 * @return {void}
 		 * @private
 		 */
-		_hydrateMenuItemCounts() {
+		_hydrateMenuItemCounts(changed = null) {
+			const register = changed?.register ?? null;
+			const schema = changed?.schema ?? null;
 			const collect = (items) => {
 				const out = [];
 				for (const item of items ?? []) {
@@ -359447,10 +359471,27 @@ var script$h = {
 				return out
 			};
 			for (const item of collect(this.manifest?.menu)) {
-				this._fetchMenuItemCount(item);
+				if ((register === null || item.count.register === register) && (schema === null || item.count.schema === schema)) {
+					this._fetchMenuItemCount(item);
+				}
 			}
 		},
 
+		/**
+		 * Objects changed outside the list showing them (`cn:objects-changed`,
+		 * see `dispatchObjectsChanged`): read the filtered menu counts of that
+		 * register and schema again, so a badge follows a claim, a close or a
+		 * bulk action instead of keeping the number it had at mount. A signal
+		 * without a register or schema reads every filtered count again.
+		 *
+		 * @spec openspec/changes/menu-counts-follow-changed-objects/specs/layout-components/spec.md#requirement-a-filtered-menu-count-follows-changed-objects
+		 * @param {CustomEvent} event The signal, with `detail: { register, schema, id }`.
+		 * @return {void}
+		 */
+		onObjectsChanged(event) {
+			this._hydrateMenuItemCounts(event?.detail ?? null);
+		},
+
 		/**
 		 * One filtered-count request for a menu entry; see
 		 * `_hydrateMenuItemCounts`.

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: 40761222 bytes
-sha256: 74c8351e2250accf05102ce32e61fbb7e7f3c5c7ace613b0d9df9cee7b9249ae
+size: 40766945 bytes
+sha256: 4d5c39c1fefeba7aa7f2181f991b71ad3354d5678ea63646f53060e929223d66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.89.0",
+  "version": "2.89.1",
   "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/CnAppRoot/CnAppRoot.vue

@@ -740,6 +740,7 @@ import { DEFAULT_FORGE, resolveForge } from '../../utils/forge.js'
 import { BUILT_IN_KB_PROVIDERS } from '../../utils/kbSearchProviders.js'
 import { createManifestTranslate } from '../../utils/manifestTranslate.js'
 import { installModalStack, uninstallModalStack } from '../../utils/modalStack.js'
+import { OBJECTS_CHANGED_EVENT } from '../../utils/objectSignals.js'
 import { resolveBrand } from '../../utils/resolveBrand.js'
 import { resolveFilterTokens } from '../../utils/resolveFilterTokens.js'
 import { passesContextPredicates } from '../../utils/visibleIfContext.js'
@@ -3221,6 +3222,7 @@ export default {
 		// write lands; this warns the user while there are unsaved/in-flight
 		// changes. Registered before the early-return so it always installs.
 		window.addEventListener('beforeunload', this.onBeforeUnload)
+		window.addEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged)
 
 		// Opt-out fast-path: empty `requiresApps` already initialised
 		// `capabilitiesLoading` to `false` in data(); skip the check.
@@ -3266,6 +3268,7 @@ export default {
 			this.removeDiagnostics = null
 		}
 		window.removeEventListener('beforeunload', this.onBeforeUnload)
+		window.removeEventListener(OBJECTS_CHANGED_EVENT, this.onObjectsChanged)
 		this.cnScopedTheme.teardown(this.appId)
 		// Scope the side effect to the shell's lifetime. Layers already written
 		// stay on screen (see `uninstallModalStack`), so a dialog outliving the
@@ -4112,13 +4115,17 @@ export default {
 		 * response `total` written to `cnMenuItemCounts[item.id]`. The
 		 * request goes straight through axios rather than the object store,
 		 * so the index page's whole-schema total in the store is left alone.
-		 * Failures leave the badge unrendered.
+		 * Failures leave the badge unrendered. Given a changed register and
+		 * schema, only the entries counting that list are read again.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-menu-entry-counts-a-filtered-list
+		 * @param {{register?: string|null, schema?: string|null}|null} [changed] The list that changed; null reads every count.
 		 * @return {void}
 		 * @private
 		 */
-		_hydrateMenuItemCounts() {
+		_hydrateMenuItemCounts(changed = null) {
+			const register = changed?.register ?? null
+			const schema = changed?.schema ?? null
 			const collect = (items) => {
 				const out = []
 				for (const item of items ?? []) {
@@ -4133,10 +4140,27 @@ export default {
 				return out
 			}
 			for (const item of collect(this.manifest?.menu)) {
-				this._fetchMenuItemCount(item)
+				if ((register === null || item.count.register === register) && (schema === null || item.count.schema === schema)) {
+					this._fetchMenuItemCount(item)
+				}
 			}
 		},
 
+		/**
+		 * Objects changed outside the list showing them (`cn:objects-changed`,
+		 * see `dispatchObjectsChanged`): read the filtered menu counts of that
+		 * register and schema again, so a badge follows a claim, a close or a
+		 * bulk action instead of keeping the number it had at mount. A signal
+		 * without a register or schema reads every filtered count again.
+		 *
+		 * @spec openspec/changes/menu-counts-follow-changed-objects/specs/layout-components/spec.md#requirement-a-filtered-menu-count-follows-changed-objects
+		 * @param {CustomEvent} event The signal, with `detail: { register, schema, id }`.
+		 * @return {void}
+		 */
+		onObjectsChanged(event) {
+			this._hydrateMenuItemCounts(event?.detail ?? null)
+		},
+
 		/**
 		 * One filtered-count request for a menu entry; see
 		 * `_hydrateMenuItemCounts`.

package/src/components/CnInteractionFormWidget/CnInteractionFormWidget.vue

@@ -4,6 +4,7 @@
 -->
 <template>
 	<CnFormWidgetBase
+		v-bind="rootAttrs"
 		blockClass="cn-interaction-form-widget"
 		:fields="formFields"
 		:model="form"
@@ -51,6 +52,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { NcButton } from '@nextcloud/vue'
+import { camelize } from 'vue'
 import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
 import CnFormWidgetBase from '../CnFormWidgetBase/CnFormWidgetBase.vue'
 import CnResourceSelect from '../CnResourceSelect/CnResourceSelect.vue'
@@ -125,6 +127,11 @@ export default {
 		cnTranslate: { default: () => (key) => key },
 	},
 
+	// A dashboard binds the widget's `content` keys as attributes too. Falling
+	// through, `submitLabel` would reach CnFormWidgetBase and win over the
+	// translated label the widget passes, so attributes go through rootAttrs.
+	inheritAttrs: false,
+
 	props: {
 		/**
 		 * Persisted configuration blob (see component description for the shape).
@@ -160,6 +167,19 @@ export default {
 	},
 
 	computed: {
+		/**
+		 * The attributes for the root form: everything the widget was given,
+		 * minus the names CnFormWidgetBase takes as props, which the widget
+		 * sets itself.
+		 *
+		 * @spec openspec/changes/interaction-form-fits-and-reads-dutch/specs/interaction-form-widget/spec.md#requirement-the-interaction-form-fits-its-card-and-reads-in-the-readers-language
+		 * @return {object} The attributes to bind.
+		 */
+		rootAttrs() {
+			const own = new Set(Object.keys(CnFormWidgetBase.props || {}))
+			return Object.fromEntries(Object.entries(this.$attrs).filter(([key]) => !own.has(camelize(key))))
+		},
+
 		register() {
 			return this.content.register || 'pipelinq'
 		},