@luigi-project/core-modular 0.0.10-dev.202606290115 → 0.0.10-dev.202606300110

package/core-api/navigation.d.ts

@@ -62,4 +62,10 @@ export declare class Navigation {
      */
     fromParent(): Navigation;
     withParams(nodeParams: Record<string, any>): Navigation;
+    /**
+     * Refreshes top navigation badge counters by rendering the navigation again.
+     * @example
+     * Luigi.navigation().updateTopNavigation();
+     */
+    updateTopNavigation(): Promise<void>;
 }

package/luigi.js

@@ -7954,39 +7954,65 @@ var Ti = {
 			if (t.pathSegment === e || t.pathSegment && t.pathSegment.startsWith(":")) return n = t, !0;
 		}), n;
 	}
-	buildNavItems(e, t, n) {
-		let r = {}, i = [];
-		return e?.forEach((e) => {
-			if (Ei.isNodeAccessPermitted(e, this.getParentNode(n.selectedNode, n), n?.selectedNode?.context || {}, this.luigi)) if (e.category) {
-				let a = e.category.id || e.category.label || e.category, o = this.luigi.i18n().getTranslation(e.category.label || e.category.id || e.category), s = r[a];
-				s || (s = { category: {
-					altText: e.category.altText || "",
-					icon: e.category.icon,
-					id: a,
-					label: o,
-					nodes: [],
-					tooltip: this.resolveTooltipText(e.category, o)
-				} }, r[a] = s, i.push(s)), s.category?.nodes?.push({
-					node: e,
-					selected: e === t,
-					label: e.label ? this.luigi.i18n().getTranslation(e.label) : void 0,
-					tooltip: e.label ? this.resolveTooltipText(e, e.label) : void 0,
-					altText: e.altText,
-					icon: e.icon,
-					externalLink: e.externalLink,
-					href: e.externalLink?.url || H.getNodeHref(e, n.pathParams, this.luigi)
+	async buildNavItems(e, t, n) {
+		let r = {}, i = [], a = [];
+		for (let o of e) {
+			if (!Ei.isNodeAccessPermitted(o, this.getParentNode(n.selectedNode, n), n?.selectedNode?.context || {}, this.luigi)) continue;
+			let e = !!o.badgeCounter, s = 0;
+			if (o.badgeCounter && (s = await o.badgeCounter.count()), o.category) {
+				let a = o.category.id || o.category.label || o.category, c = this.luigi.i18n().getTranslation(o.category.label || o.category.id || o.category), l = r[a];
+				if (!l) l = {
+					badgeCounter: e ? {
+						count: () => Number(s),
+						label: ""
+					} : void 0,
+					category: {
+						altText: o.category.altText || "",
+						icon: o.category.icon,
+						id: a,
+						label: c,
+						nodes: [],
+						tooltip: this.resolveTooltipText(o.category, c)
+					}
+				}, r[a] = l, i.push(l);
+				else if (e) if (l.badgeCounter) {
+					let e = await l.badgeCounter.count();
+					l.badgeCounter.count = () => Number(e + s);
+				} else l.badgeCounter = {
+					count: () => Number(s),
+					label: ""
+				};
+				l.category?.nodes?.push({
+					altText: o.altText,
+					externalLink: o.externalLink,
+					href: o.externalLink?.url || H.getNodeHref(o, n.pathParams, this.luigi),
+					icon: o.icon,
+					label: o.label ? this.luigi.i18n().getTranslation(o.label) : void 0,
+					node: o,
+					selected: o === t,
+					tooltip: o.label ? this.resolveTooltipText(o, o.label) : void 0
 				});
 			} else i.push({
-				altText: e.altText,
-				icon: e.icon,
-				label: e.label ? this.luigi.i18n().getTranslation(e.label) : void 0,
-				tooltip: e.label ? this.resolveTooltipText(e, e.label) : void 0,
-				node: e,
-				selected: e === t,
-				externalLink: e.externalLink,
-				href: e.externalLink?.url || H.getNodeHref(e, n.pathParams, this.luigi)
+				altText: o.altText,
+				badgeCounter: o.badgeCounter,
+				externalLink: o.externalLink,
+				href: o.externalLink?.url || H.getNodeHref(o, n.pathParams, this.luigi),
+				icon: o.icon,
+				label: o.label ? this.luigi.i18n().getTranslation(o.label) : void 0,
+				node: o,
+				selected: o === t,
+				tooltip: o.label ? this.resolveTooltipText(o, o.label) : void 0
 			});
-		}), i;
+			s && a.push(s);
+		}
+		let o = a?.length ? a.reduce((e, t) => e + t) : 0;
+		return {
+			items: i,
+			totalBadgeNode: {
+				count: () => o,
+				label: ""
+			}
+		};
 	}
 	async getCurrentNode(e) {
 		let t = await this.getPathData(e), n = t.selectedNode;
@@ -8039,12 +8065,13 @@ var Ti = {
 		(s?.keepSelectedForChildren || s?.tabNav) && (c = s, o.pop(), s = [...o].pop());
 		let l, u = c;
 		c ? n.rootNodes.includes(c) ? (l = c, u = void 0) : l = c.tabNav || c.keepSelectedForChildren ? s : [...i].pop() : (l = [...i].pop(), u = void 0);
-		let d = await this.getChildren(l, l?.context || {}) || [];
-		return r = this.buildNavItems(d, u, n), r = this.applyNavGroups(r), {
+		let d = await this.getChildren(l, l?.context || {}) || [], f = await this.buildNavItems(d, u, n);
+		return r = f.items, r = this.applyNavGroups(r), {
 			selectedNode: c || {},
 			items: r,
 			basePath: a.replace(/\/\/+/g, "/"),
 			sideNavFooterText: this.luigi.getConfig().settings?.sideNavFooterText,
+			totalBadgeNode: f.totalBadgeNode,
 			navClick: (e) => e.node ? this.navItemClick(e.node, n) : Promise.resolve()
 		};
 	}
@@ -8111,21 +8138,22 @@ var Ti = {
 			productSwitcherItemClick: (e) => {
 				e.externalLink?.url ? Ei.openExternalLink(e.externalLink) : e.link && this.luigi.navigation().navigate(e.link);
 			}
-		}, v = p;
-		return p?.searchProvider?.inputPlaceholder && (v = {
-			...v,
+		}, v = await this.buildNavItems(r.rootNodes, h, r), y = p;
+		return p?.searchProvider?.inputPlaceholder && (y = {
+			...y,
 			searchProvider: {
-				...v?.searchProvider,
+				...y?.searchProvider,
 				inputPlaceholder: Oi.getSearchPlaceholder(this.luigi)
 			}
-		}), p?.searchFieldCentered && (v = {
-			...v,
+		}), p?.searchFieldCentered && (y = {
+			...y,
 			searchFieldCentered: !!this.luigi.getConfigValue("settings.experimental.globalSearchCentered")
 		}), {
 			appTitle: o || n.settings?.header?.title,
-			globalSearch: v,
+			globalSearch: y,
 			logo: n.settings?.header?.logo,
-			topNodes: this.buildNavItems(r.rootNodes, h, r),
+			topNodes: v.items,
+			totalBadgeNode: v.totalBadgeNode,
 			contextSwitcher: g,
 			productSwitcher: _,
 			profile: this.luigi.auth().isAuthorizationEnabled() || n.navigation?.profile ? f : void 0,
@@ -8161,10 +8189,11 @@ var Ti = {
 		n.nodesInPath?.forEach((e) => {
 			e.children && (a += "/" + (e.pathSegment || ""));
 		});
-		let o = i ? this.getTruncatedChildren(i.children ?? []) : this.getTruncatedChildren(r.children ?? []);
+		let o = i ? this.getTruncatedChildren(i.children ?? []) : this.getTruncatedChildren(r.children ?? []), s = await this.buildNavItems(o, r, n);
 		return {
 			selectedNode: r,
-			items: this.buildNavItems(o, r, n),
+			items: s.items,
+			totalBadgeNode: s.totalBadgeNode,
 			basePath: a.replace(/\/\/+/g, "/"),
 			navClick: (e) => e.node ? this.navItemClick(e.node, n) : Promise.resolve()
 		};
@@ -8778,7 +8807,7 @@ var Ti = {
 		let t = W.routingService.getCurrentRoute();
 		if (!t) return;
 		let n = !e || e.length === 0;
-		if ((n || e.includes("navigation") || e.includes("navigation.nodes") || e.includes("navigation.viewgroupdata")) && U.get(Mi).deleteCache(), (n || e.includes("settings.header") || e.includes("settings") || e.includes("navigation") || e.includes("navigation.profile") || e.includes("navigation.contextSwitcher") || e.includes("navigation.productSwitcher")) && W.luigi.getEngine()._connector?.renderTopNav(await W.navService.getTopNavData(t.path)), n || e.includes("navigation") || e.includes("navigation.nodes") || e.includes("navigation.viewgroupdata") || e.includes("settings") || e.includes("settings.footer")) {
+		if ((n || e.includes("navigation") || e.includes("navigation.nodes") || e.includes("navigation.viewgroupdata")) && U.get(Mi).deleteCache(), (n || e.includes("settings.header") || e.includes("settings") || e.includes("navigation") || e.includes("navigation.badges") || e.includes("navigation.profile") || e.includes("navigation.contextSwitcher") || e.includes("navigation.productSwitcher")) && W.luigi.getEngine()._connector?.renderTopNav(await W.navService.getTopNavData(t.path)), n || e.includes("navigation") || e.includes("navigation.nodes") || e.includes("navigation.viewgroupdata") || e.includes("settings") || e.includes("settings.footer")) {
 			W.luigi.getEngine()._connector?.renderLeftNav(await W.navService.getLeftNavData(t.path)), W.luigi.getEngine()._connector?.renderTabNav(await W.navService.getTabNavData(t.path));
 			let e = W.luigi.getEngine()._connector;
 			e?.renderBreadcrumbs(await W.navService.getBreadcrumbData(t.path, void 0, (t) => {
@@ -9392,6 +9421,9 @@ var Ti = {
 	withParams(e) {
 		return e && Object.assign(this.options.nodeParams ?? {}, e), this;
 	}
+	async updateTopNavigation() {
+		this.luigi.configChanged("navigation");
+	}
 }, Zi = class {
 	luigi;
 	constructor(e) {