@onecx/angular-accelerator 4.36.0 → 4.37.1

package/fesm2020/onecx-angular-accelerator.mjs

@@ -12,12 +12,14 @@ import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angul
 import * as i2 from 'primeng/dropdown';
 import { DropdownModule } from 'primeng/dropdown';
 import * as i1$1 from '@ngx-translate/core';
-import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import { TranslateService, TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i2$1 from 'primeng/api';
 import { PrimeIcons } from 'primeng/api';
 import { BehaviorSubject, filter, concat, of, map, combineLatest, mergeMap, withLatestFrom, tap, race, first, firstValueFrom, defaultIfEmpty, forkJoin } from 'rxjs';
+import { __decorate, __metadata } from 'tslib';
 import * as i1$2 from '@angular/router';
-import { NavigationEnd, RouterModule } from '@angular/router';
+import { NavigationEnd, Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import * as i5 from 'primeng/breadcrumb';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
 import * as i8 from 'primeng/menu';
@@ -229,7 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }] } });
 
-class BreadcrumbService {
+let BreadcrumbService = class BreadcrumbService {
     constructor(router, activeRoute, translateService) {
         this.router = router;
         this.activeRoute = activeRoute;
@@ -237,38 +239,65 @@ class BreadcrumbService {
         this.itemsSource = new BehaviorSubject([]);
         this.generatedItemsSource = new BehaviorSubject([]);
         this.itemsHandler = this.itemsSource.asObservable();
-        const breadcrumbs = [];
-        this.addBreadcrumb(this.activeRoute.snapshot, [], breadcrumbs);
-        this.generatedItemsSource.next(breadcrumbs);
-        this.router.events.pipe(filter((e) => e instanceof NavigationEnd)).subscribe(() => {
+        this.generateBreadcrumbs(this.activeRoute.snapshot);
+        this.router.events
+            .pipe(untilDestroyed(this), filter((e) => e instanceof NavigationEnd))
+            .subscribe(() => {
             const root = this.router.routerState.snapshot.root;
+            this.generateBreadcrumbs(root);
+        });
+    }
+    generateBreadcrumbs(route) {
+        if (route?.data['mfeInfo']) {
+            const breadcrumbs = [
+                {
+                    label: route.data['mfeInfo'].productName,
+                    routerLink: route.data['mfeInfo'].baseHref,
+                },
+            ];
+            const baseUrl = route.data['mfeInfo'].baseHref.split('/').filter((value) => value);
+            const parentUrl = route.url.map((url) => url.path);
+            const isUsingMatcher = !parentUrl.every((item) => baseUrl.includes(item));
+            if (isUsingMatcher) {
+                this.createBreadcrumb(route, parentUrl, breadcrumbs);
+            }
+            this.addBreadcrumb(route.firstChild, parentUrl, breadcrumbs);
+            this.generatedItemsSource.next(breadcrumbs);
+        }
+        else if (route?.data['breadcrumb']) {
             const breadcrumbs = [];
-            this.addBreadcrumb(root, [], breadcrumbs);
+            this.addBreadcrumb(route, [], breadcrumbs);
             this.generatedItemsSource.next(breadcrumbs);
-        });
+        }
+        else if (route) {
+            this.generateBreadcrumbs(route.firstChild);
+        }
     }
     addBreadcrumb(route, parentUrl, breadcrumbs) {
         if (route && route.url) {
             const routeUrl = parentUrl.concat(route.url.map((url) => url.path));
             if (route.routeConfig?.path) {
-                if (route.data['breadcrumb']) {
-                    const breadcrumb = {
-                        label: this.getLabel(route.data, route.paramMap),
-                        routerLink: '/' + routeUrl.join('/'),
-                    };
-                    breadcrumbs.push(breadcrumb);
-                }
-                else {
-                    const breadcrumb = {
-                        label: 'NA',
-                        routerLink: '/' + routeUrl.join('/'),
-                    };
-                    breadcrumbs.push(breadcrumb);
-                }
+                this.createBreadcrumb(route, routeUrl, breadcrumbs);
             }
             this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
         }
     }
+    createBreadcrumb(route, routeUrl, breadcrumbs) {
+        if (route.data['breadcrumb']) {
+            const breadcrumb = {
+                label: this.getLabel(route.data, route.paramMap),
+                routerLink: '/' + routeUrl.join('/'),
+            };
+            breadcrumbs.push(breadcrumb);
+        }
+        else {
+            const breadcrumb = {
+                label: 'NA',
+                routerLink: '/' + routeUrl.join('/'),
+            };
+            breadcrumbs.push(breadcrumb);
+        }
+    }
     getLabel(data, params) {
         if (typeof data['breadcrumbFn'] === 'function') {
             return data['breadcrumbFn'](data, params);
@@ -293,9 +322,13 @@ class BreadcrumbService {
             this.itemsSource.next(items);
         }
     }
-}
+};
 BreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadcrumbService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
 BreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadcrumbService, providedIn: 'any' });
+BreadcrumbService = __decorate([
+    UntilDestroy(),
+    __metadata("design:paramtypes", [Router, ActivatedRoute, TranslateService])
+], BreadcrumbService);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadcrumbService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'any' }]