@conduction/nextcloud-vue 2.88.0 → 2.89.0

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

@@ -257113,6 +257113,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 +257360,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 +257544,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 +257704,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 +257733,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 +258071,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;
 
 /**

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: 40761222 bytes
+sha256: 74c8351e2250accf05102ce32e61fbb7e7f3c5c7ace613b0d9df9cee7b9249ae

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.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/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`.
 			 */