@conduction/nextcloud-vue 2.88.0 → 2.89.1

package/dist/esm/nextcloud-vue.css

@@ -34796,28 +34796,28 @@ to {
 }
 
 
-.cn-admin-settings-shell[data-v-0f41828c] {
+.cn-admin-settings-shell[data-v-c3ceda64] {
 	max-width: 900px;
 }
 
 /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
-.cn-support-info[data-v-0f41828c] {
+.cn-support-info[data-v-c3ceda64] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-0f41828c] {
+.cn-support-info h4[data-v-c3ceda64] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-0f41828c] {
+.cn-support-info p[data-v-c3ceda64] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-0f41828c] {
+.cn-support-info a[data-v-c3ceda64] {
 	color: var(--color-primary-element);
 }
 

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;
@@ -257113,6 +257131,43 @@ function readTabFromAddress(key) {
 	return new URLSearchParams(window.location.search).get(key) || ''
 }
 
+/**
+ * The tab remembered under a storage key, or '' without a key, a value or
+ * usable storage (a private window can refuse it).
+ *
+ * @param {string} key The storage key.
+ * @return {string} The remembered tab id.
+ */
+function readStoredTab(key) {
+	if (!key) {
+		return ''
+	}
+	try {
+		return window.localStorage.getItem(key) || ''
+	} catch {
+		return ''
+	}
+}
+
+/**
+ * Remember the open tab under a storage key; nothing without a key or
+ * usable storage.
+ *
+ * @param {string} key The storage key.
+ * @param {string} id The tab's id.
+ * @return {void}
+ */
+function storeTab(key, id) {
+	if (!key) {
+		return
+	}
+	try {
+		window.localStorage.setItem(key, id);
+	} catch {
+		// Storage refused (private window): the address still holds the tab.
+	}
+}
+
 /**
  * Put the open tab in the address without a new history entry.
  *
@@ -257323,6 +257378,18 @@ var script$2k = {
 			default: 'tab',
 		},
 
+		/**
+		 * A browser storage key under which the shell remembers the last
+		 * opened tab, so the page opens on it again when the address names no
+		 * tab. Empty (the default) remembers nothing. The address still wins.
+		 *
+		 * @spec openspec/changes/admin-shell-remembers-tab/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-remember-the-last-tab
+		 */
+		tabStorageKey: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * How the `tabs` strip is drawn, as CnTabs' `variant`: `line`, the
 		 * folder tabs (the default), or `underline`, plain labels on a rule
@@ -257495,7 +257562,7 @@ var script$2k = {
 			reimporting: false,
 			setupWizardOpen: false,
 			// The open tab's id; empty until a tab is picked or the address names one.
-			chosenTabId: readTabFromAddress(this.tabQueryKey),
+			chosenTabId: readTabFromAddress(this.tabQueryKey) || readStoredTab(this.tabStorageKey),
 		}
 	},
 
@@ -257655,6 +257722,19 @@ var script$2k = {
 		},
 	},
 
+	/**
+	 * A page that opens on a tab other than the first (named in the address,
+	 * or remembered) tells the app once, as a click would, so a breadcrumb or
+	 * title that follows the tab is right from the first paint.
+	 *
+	 * @spec openspec/changes/admin-shell-remembers-tab/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-remember-the-last-tab
+	 */
+	mounted() {
+		if (this.tabItems.length > 0 && this.activeTabId !== this.tabItems[0].id) {
+			this.$emit('tab-change', this.activeTabId);
+		}
+	},
+
 	methods: {
 		/**
 		 * A tab was picked in the strip: remember it, put it in the address
@@ -257671,6 +257751,7 @@ var script$2k = {
 			}
 			this.chosenTabId = tab.id;
 			writeTabToAddress(this.tabQueryKey, tab.id);
+			storeTab(this.tabStorageKey, tab.id);
 			/**
 			 * @event tab-change Emitted when the reader opens another tab. Payload: its `id`.
 			 */
@@ -258008,7 +258089,7 @@ function render$2k(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$2k.render = render$2k;
-script$2k.__scopeId = "data-v-0f41828c";
+script$2k.__scopeId = "data-v-c3ceda64";
 const __sfc_main$2k = script$2k;
 
 /**
@@ -358472,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.
@@ -358517,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
@@ -359363,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 ?? []) {
@@ -359384,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: 40756512 bytes
-sha256: 944995c0769e4a09afde370b0f98c983e7749487f9a29ab5a1f49e7191a0c530
+size: 40766945 bytes
+sha256: 4d5c39c1fefeba7aa7f2181f991b71ad3354d5678ea63646f53060e929223d66

package/dist/nextcloud-vue.css

@@ -34796,28 +34796,28 @@ to {
 }
 
 
-.cn-admin-settings-shell[data-v-0f41828c] {
+.cn-admin-settings-shell[data-v-c3ceda64] {
 	max-width: 900px;
 }
 
 /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
-.cn-support-info[data-v-0f41828c] {
+.cn-support-info[data-v-c3ceda64] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-0f41828c] {
+.cn-support-info h4[data-v-c3ceda64] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-0f41828c] {
+.cn-support-info p[data-v-c3ceda64] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-0f41828c] {
+.cn-support-info a[data-v-c3ceda64] {
 	color: var(--color-primary-element);
 }
 

package/package.json

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

@@ -232,6 +232,43 @@ function readTabFromAddress(key) {
 	return new URLSearchParams(window.location.search).get(key) || ''
 }
 
+/**
+ * The tab remembered under a storage key, or '' without a key, a value or
+ * usable storage (a private window can refuse it).
+ *
+ * @param {string} key The storage key.
+ * @return {string} The remembered tab id.
+ */
+function readStoredTab(key) {
+	if (!key) {
+		return ''
+	}
+	try {
+		return window.localStorage.getItem(key) || ''
+	} catch {
+		return ''
+	}
+}
+
+/**
+ * Remember the open tab under a storage key; nothing without a key or
+ * usable storage.
+ *
+ * @param {string} key The storage key.
+ * @param {string} id The tab's id.
+ * @return {void}
+ */
+function storeTab(key, id) {
+	if (!key) {
+		return
+	}
+	try {
+		window.localStorage.setItem(key, id)
+	} catch {
+		// Storage refused (private window): the address still holds the tab.
+	}
+}
+
 /**
  * Put the open tab in the address without a new history entry.
  *
@@ -442,6 +479,18 @@ export default {
 			default: 'tab',
 		},
 
+		/**
+		 * A browser storage key under which the shell remembers the last
+		 * opened tab, so the page opens on it again when the address names no
+		 * tab. Empty (the default) remembers nothing. The address still wins.
+		 *
+		 * @spec openspec/changes/admin-shell-remembers-tab/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-remember-the-last-tab
+		 */
+		tabStorageKey: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * How the `tabs` strip is drawn, as CnTabs' `variant`: `line`, the
 		 * folder tabs (the default), or `underline`, plain labels on a rule
@@ -614,7 +663,7 @@ export default {
 			reimporting: false,
 			setupWizardOpen: false,
 			// The open tab's id; empty until a tab is picked or the address names one.
-			chosenTabId: readTabFromAddress(this.tabQueryKey),
+			chosenTabId: readTabFromAddress(this.tabQueryKey) || readStoredTab(this.tabStorageKey),
 		}
 	},
 
@@ -774,6 +823,19 @@ export default {
 		},
 	},
 
+	/**
+	 * A page that opens on a tab other than the first (named in the address,
+	 * or remembered) tells the app once, as a click would, so a breadcrumb or
+	 * title that follows the tab is right from the first paint.
+	 *
+	 * @spec openspec/changes/admin-shell-remembers-tab/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-remember-the-last-tab
+	 */
+	mounted() {
+		if (this.tabItems.length > 0 && this.activeTabId !== this.tabItems[0].id) {
+			this.$emit('tab-change', this.activeTabId)
+		}
+	},
+
 	methods: {
 		/**
 		 * A tab was picked in the strip: remember it, put it in the address
@@ -790,6 +852,7 @@ export default {
 			}
 			this.chosenTabId = tab.id
 			writeTabToAddress(this.tabQueryKey, tab.id)
+			storeTab(this.tabStorageKey, tab.id)
 			/**
 			 * @event tab-change Emitted when the reader opens another tab. Payload: its `id`.
 			 */

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'
 		},