@mediusinc/mng-commons 0.19.0 → 0.19.2

package/fesm2020/mediusinc-mng-commons.mjs

@@ -7362,6 +7362,7 @@ class MngCommonsService {
         this._menuModeSubject = new BehaviorSubject(this._menuMode);
         this._menuItems = [];
         this._menuPinEnabled = false;
+        this._menuSidebarSlim = false;
         this._menuActiveKeySubject = new Subject();
         this._menuResetSubject = new Subject();
         // breadcrumbs
@@ -7473,6 +7474,9 @@ class MngCommonsService {
     get menuPinEnabled() {
         return this._menuPinEnabled;
     }
+    get menuSidebarSlim() {
+        return this._menuSidebarSlim;
+    }
     // BREADCRUMB section
     get breadcrumbHome$() {
         return this.breadcrumbHomeSubject.asObservable();
@@ -7513,6 +7517,7 @@ class MngCommonsService {
         this._menuModeSubject.next(this._menuMode);
         this._menuItems = this.moduleConfig?.menu?.menuItems ?? [];
         this._menuPinEnabled = this.moduleConfig?.menu?.pinEnabled ?? false;
+        this._menuSidebarSlim = this.moduleConfig?.menu?.sidebarSlim ?? false;
         // visual
         this._colorScheme = this.moduleConfig?.app?.colorScheme ?? 'light';
         // ripple
@@ -7550,6 +7555,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 +7629,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 +7702,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 +7722,7 @@ class MngCommonsService {
             if (typeof routeBreadcrumb.routerLink === 'undefined') {
                 routeBreadcrumb.routerLink = routeUrl;
             }
+            routeBreadcrumb.id = routeUrl;
             return routeBreadcrumb;
         }
     }
@@ -9648,14 +9713,16 @@ class MngTableComponent {
     }
     ngOnInit() {
         this.viewContainer = this.viewContainerInit ?? this.viewContainerService ?? undefined;
+        // Used for configs within this method and is not dynamically set by TableDynamicDescriptor
+        const baseConfigDescriptor = this.initialDescriptor;
         if (!(this.initialDescriptor instanceof TableDynamicDescriptor)) {
             this.descriptor = this.initialDescriptor;
         }
         // map row settings
         this.filterDescriptors = this.descriptor?.columns.filter(c => typeof c.filterDescriptor !== 'undefined').map(c => c.filterDescriptor) ?? [];
         this.hasColumnFilters = this.filterDescriptors.length > 0;
-        this.rows = this.descriptor?.defaultNumRows ?? 25;
-        this.rowsPerPageOptions = this.descriptor?.rowsPerPageOptions ?? [25, 50, 100];
+        this.rows = baseConfigDescriptor?.defaultNumRows ?? 25;
+        this.rowsPerPageOptions = baseConfigDescriptor?.rowsPerPageOptions ?? [25, 50, 100];
         // process actions
         for (const action of this.actions) {
             switch (action.position) {
@@ -9669,14 +9736,14 @@ class MngTableComponent {
         }
         this.showInlineActionsColumn = typeof this.columnActionComponent !== 'undefined' || this.rowInlineActions.length > 0;
         // define all styles
-        this.className = this.descriptor?.className ?? '';
-        this.tableFullHeightOffset = this.descriptor?.tableFullHeightOffset ?? null;
-        this.rowHeight = this.descriptor?.rowHeight ?? null;
+        this.className = baseConfigDescriptor?.className ?? '';
+        this.tableFullHeightOffset = baseConfigDescriptor?.tableFullHeightOffset ?? null;
+        this.rowHeight = baseConfigDescriptor?.rowHeight ?? null;
         if (typeof this.isColumnClickable === 'undefined') {
             // define if cell click is being observed via output
             this.isColumnClickable = this.rowClickActions.length > 0 || this.cellClickEventEmitter.observed;
         }
-        switch (this.descriptor?.size) {
+        switch (baseConfigDescriptor?.size) {
             case TableSizeEnum.Small:
                 this.className += ' p-datatable-sm';
                 break;
@@ -9684,17 +9751,17 @@ class MngTableComponent {
                 this.className += ' p-datatable-lg';
                 break;
         }
-        if (this.descriptor?.hasGridlines) {
+        if (baseConfigDescriptor?.hasGridlines) {
             this.className += ' p-datatable-gridlines';
         }
-        if (this.descriptor && !this.columnActionMinWidth) {
-            this.columnActionMinWidth = StylesUtil.calculateTableColumnActionWidth(this.descriptor, this.rowInlineActions);
+        if (baseConfigDescriptor && !this.columnActionMinWidth) {
+            this.columnActionMinWidth = StylesUtil.calculateTableColumnActionWidth(baseConfigDescriptor, this.rowInlineActions);
         }
         // check if infinite scroll
         let paginationMode = TablePaginationModeEnum.None;
-        if (typeof this.descriptor?.paginationMode !== 'undefined') {
+        if (typeof baseConfigDescriptor?.paginationMode !== 'undefined') {
             // descriptor choice is the most strong - if defined, use this value
-            paginationMode = this.descriptor.paginationMode;
+            paginationMode = baseConfigDescriptor.paginationMode;
         }
         else if (typeof this.dataProvider !== 'undefined') {
             // when data provider is used, use pagination
@@ -9702,8 +9769,8 @@ class MngTableComponent {
         }
         if (paginationMode === TablePaginationModeEnum.InfiniteScroll) {
             this.infiniteScroll = true;
-            this.tableFullHeightOffset = this.descriptor?.tableFullHeightOffset ?? 315;
-            this.rowHeight = this.descriptor?.rowHeight ?? 45;
+            this.tableFullHeightOffset = baseConfigDescriptor?.tableFullHeightOffset ?? 315;
+            this.rowHeight = baseConfigDescriptor?.rowHeight ?? 45;
             this.useQueryParams = false;
         }
         else if (paginationMode === TablePaginationModeEnum.Pagination) {
@@ -9757,7 +9824,7 @@ class MngTableComponent {
         }
         const initialQueryParamMap = this.route.snapshot.queryParamMap;
         if (this.useQueryParams &&
-            ((!initialQueryParamMap.has('sort') && this.descriptor?.hasDefaultSort) ||
+            ((!initialQueryParamMap.has('sort') && baseConfigDescriptor?.hasDefaultSort) ||
                 (!initialQueryParamMap.has('filter') && this.filterDescriptors.some(fd => fd.hasDefaultValue)))) {
             // default sort/filters are applied, no additional filtering/sorting is specified in query param
             // redirect must be done at first step
@@ -9891,6 +9958,10 @@ class MngTableComponent {
                     this.descriptor = this.initialDescriptor.toTableDescriptorFromData(res);
                     this.filterDescriptors = this.descriptor.columns.filter(c => typeof c.filterDescriptor !== 'undefined').map(c => c.filterDescriptor);
                     this.hasColumnFilters = this.filterDescriptors.length > 0;
+                    this.isPagination = false;
+                    this.infiniteScroll = false;
+                    this.rows = this.initialDescriptor.defaultNumRows;
+                    this.rowsPerPageOptions = this.initialDescriptor.rowsPerPageOptions;
                     // } else {
                     //     this.descriptor = this.initialDescriptor.onDataReceivedTypeBuilding(res);
                 }
@@ -10908,6 +10979,8 @@ class MngMainLayoutComponentService {
         this._pinActiveSubject = new BehaviorSubject(this._pinActive);
         this._innerWidth = 1920;
         this._innerWidthSubject = new BehaviorSubject(this._innerWidth);
+        this.sidebarActive = !mngCommons.menuSidebarSlim;
+        this.sidebarStatic = !mngCommons.menuSidebarSlim;
     }
     get overlayMenuActive$() {
         return this._overlayMenuActiveSubject.asObservable();