@mediusinc/mng-commons 0.19.1 → 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
@@ -9708,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) {
@@ -9729,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;
@@ -9744,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
@@ -9762,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) {
@@ -9817,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
@@ -9951,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);
                 }
@@ -10968,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();