@mediusinc/mng-commons 0.19.0 → 0.19.1

package/fesm2020/mediusinc-mng-commons.mjs

@@ -7550,6 +7550,56 @@ class MngCommonsService {
         this._menuResetSubject.next(null);
     }
     // BREADCRUMB actions
+    findBreadcrumbItem(item) {
+        const items = this.breadcrumbsSubject.value;
+        if (item.id) {
+            return items.find(i => i.id && i.id === item.id) ?? null;
+        }
+        else if (item.routerLink) {
+            const routerLinkStr = Array.isArray(item.routerLink) ? item.routerLink.join('/') : item.routerLink;
+            return items.find(i => i.routerLink && (Array.isArray(i.routerLink) ? i.routerLink.join('/') : i.routerLink) === routerLinkStr) ?? null;
+        }
+        else if (item.positionIndex) {
+            return items.find(i => i.positionIndex && i.positionIndex === i.positionIndex) ?? null;
+        }
+        else if (item.label) {
+            return items.find(i => i.label && i.label === i.label) ?? null;
+        }
+        else if (item.icon) {
+            return items.find(i => i.icon && i.icon === i.icon) ?? null;
+        }
+        return null;
+    }
+    updateBreadcrumbItem(item) {
+        const items = [...this.breadcrumbsSubject.value];
+        let posIdx = -1;
+        if (item.id) {
+            posIdx = items.findIndex(i => i.id && i.id === item.id);
+        }
+        else if (item.routerLink) {
+            const routerLinkStr = Array.isArray(item.routerLink) ? item.routerLink.join('/') : item.routerLink;
+            posIdx = items.findIndex(i => i.routerLink && (Array.isArray(i.routerLink) ? i.routerLink.join('/') : i.routerLink) === routerLinkStr);
+        }
+        else if (item.positionIndex) {
+            posIdx = items.findIndex(i => i.positionIndex && i.positionIndex === i.positionIndex);
+        }
+        else if (item.label) {
+            posIdx = items.findIndex(i => i.label && i.label === i.label);
+        }
+        else if (item.icon) {
+            posIdx = items.findIndex(i => i.icon && i.icon === i.icon);
+        }
+        if (posIdx < 0) {
+            return false;
+        }
+        items[posIdx] = {
+            ...items[posIdx],
+            ...item,
+            updated: true
+        };
+        this.breadcrumbsSubject.next(items);
+        return true;
+    }
     updateBreadcrumbs() {
         if (this.breadcrumbsTranslateSubscription) {
             this.breadcrumbsTranslateSubscription.unsubscribe();
@@ -7574,11 +7624,14 @@ class MngCommonsService {
         }
         const breadcrumbs = [];
         this.generateBreadcrumbs(rootRoute, [], breadcrumbs);
+        breadcrumbs.forEach((b, idx) => {
+            b.positionIndex = idx;
+        });
         const i18nKeys = breadcrumbs.filter(b => typeof b.label === 'string').map(b => b.label);
         if (i18nKeys.length > 0) {
             this.breadcrumbsTranslateSubscription = this.translate.get(i18nKeys).subscribe(i18n => {
                 // Construct the breadcrumb hierarchy
-                breadcrumbs.forEach(b => {
+                breadcrumbs.forEach((b, idx) => {
                     if (b.label && i18n[b.label]) {
                         b.label = i18n[b.label];
                     }
@@ -7644,8 +7697,14 @@ class MngCommonsService {
         this.generateBreadcrumbs(route.firstChild, routeUrlSegments, breadcrumbs);
     }
     createBreadcrumb(routeUrl, routeBreadcrumb, includeHome = false) {
+        const existingBreadcrumb = this.findBreadcrumbItem({ routerLink: routeUrl });
+        if (existingBreadcrumb?.updated) {
+            return existingBreadcrumb;
+        }
         if (typeof routeBreadcrumb === 'string') {
+            // check for updated existing breadcrumb
             return {
+                id: routeUrl,
                 label: routeBreadcrumb,
                 routerLink: routeUrl
             };
@@ -7658,6 +7717,7 @@ class MngCommonsService {
             if (typeof routeBreadcrumb.routerLink === 'undefined') {
                 routeBreadcrumb.routerLink = routeUrl;
             }
+            routeBreadcrumb.id = routeUrl;
             return routeBreadcrumb;
         }
     }