@conduction/nextcloud-vue 2.68.0 → 2.70.0

package/dist/esm/components/CnAppNav/CnAppNav.vue2.js

@@ -1592,6 +1592,72 @@ var script = {
 			return to
 		},
 
+		/**
+		 * Whether another visible entry links to the same route, so the two
+		 * differ only in `query` or `params` ("All cases" and "Woo requests"
+		 * on one list).
+		 *
+		 * @param {object} item Menu entry.
+		 * @return {boolean} True when the route is shared.
+		 * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-only-the-best-matching-menu-entry-is-active
+		 */
+		sharesRoute(item) {
+			if (!item || item.href || item.action || !item.route) {
+				return false
+			}
+			return this.flatEntries.some((entry) => entry !== item && !entry.href && !entry.action && entry.route === item.route)
+		},
+
+		/**
+		 * The app's router, or null when the nav is mounted without one. Read
+		 * from the app's global properties: `this.$router` warns during render
+		 * on an instance that has none.
+		 *
+		 * @return {object|null} The router.
+		 * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-only-the-best-matching-menu-entry-is-active
+		 */
+		appRouter() {
+			return this.$?.appContext?.config?.globalProperties?.$router ?? null
+		},
+
+		/**
+		 * The `:to` an entry renders with. An entry that shares its route
+		 * renders as a plain link instead (see `linkHref`): NcAppNavigationItem
+		 * marks a router link active whenever vue-router calls it active, and
+		 * vue-router ignores the query, so "Woo requests" lit up beside "All
+		 * cases" on the unfiltered list. As a plain link only `isActive`
+		 * decides, which marks the entry that matches best.
+		 *
+		 * @param {object} item Menu entry.
+		 * @return {object|null} The router target, or null.
+		 * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-only-the-best-matching-menu-entry-is-active
+		 */
+		linkTo(item) {
+			if (this.appRouter() && this.sharesRoute(item)) {
+				return null
+			}
+			return this.itemTo(item)
+		},
+
+		/**
+		 * The `:href` an entry renders with: `itemHref`, or for an entry that
+		 * shares its route the address vue-router resolves its target to (a
+		 * click on it is still routed in the app, see `onItemClick`).
+		 *
+		 * @param {object} item Menu entry.
+		 * @return {string|null} The address, or null.
+		 * @spec openspec/changes/zuiddrecht-pixel-gaps-3/specs/zuiddrecht-pixel-gaps-3/spec.md#requirement-only-the-best-matching-menu-entry-is-active
+		 */
+		linkHref(item) {
+			const own = this.itemHref(item);
+			const router = this.appRouter();
+			if (own || !router || !this.sharesRoute(item)) {
+				return own
+			}
+			const to = this.itemTo(item);
+			return to ? router.resolve(to).href : null
+		},
+
 		/**
 		 * Build the `:href` value for an `NcAppNavigationItem`. Returns
 		 * the item's `href` so the entry renders as a real anchor whose
@@ -1741,6 +1807,17 @@ var script = {
 				this.cnReplayWalkthrough(item.tourId);
 				return
 			}
+			// An entry that shares its route is a plain link (see linkTo); a
+			// plain click still navigates inside the app. A modified click
+			// (new tab, new window) is left to the browser.
+			if (this.appRouter() && this.sharesRoute(item) && event && !event.defaultPrevented
+				&& !(event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) && event.button !== 1) {
+				const to = this.itemTo(item);
+				if (to) {
+					event.preventDefault();
+					this.appRouter().push(to).catch(() => {});
+				}
+			}
 			// An entry left without a link (see itemTo) renders a `#` anchor;
 			// following it would change the address, so the click goes nowhere.
 			if (!item.href && this.unfilledRouteParam(item) && event && typeof event.preventDefault === 'function') {