@smartbit4all/ng-client 3.3.124 → 3.3.126

package/fesm2020/smartbit4all-ng-client.mjs

@@ -70,6 +70,7 @@ import { MatPaginatorModule } from '@angular/material/paginator';
 import { FlatTreeControl, NestedTreeControl } from '@angular/cdk/tree';
 import * as i10 from '@angular/material/tree';
 import { MatTreeFlattener, MatTreeFlatDataSource, MatTreeModule, MatTreeNestedDataSource } from '@angular/material/tree';
+import structuredClone from '@ungap/structured-clone';
 import * as i1$5 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatBadgeModule } from '@angular/material/badge';
@@ -12894,6 +12895,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Public API Surface of smart-grid
  */
 
+class SmartComponentLayoutUtility {
+    static setParent(layout, parent) {
+        layout.parentComponent = parent;
+        layout.components?.forEach((l) => this.setParent(l, parent));
+    }
+    static equals(layout1, layout2) {
+        if ((layout1 && !layout2) || (layout2 && !layout1)) {
+            return false;
+        }
+        if (!layout1 && !layout2) {
+            return true;
+        }
+        // both layout1 and layout2 exists
+        let l1 = structuredClone(layout1);
+        this.setParent(l1, null);
+        let l2 = structuredClone(layout1);
+        this.setParent(l2, null);
+        return deepEqual(l1, l2);
+    }
+    static getForms(comp) {
+        let result = [];
+        if (comp.components) {
+            const children = comp.components
+                .map((c) => this.getForms(c))
+                .reduce((acc, value) => acc.concat(value), []);
+            result.push(...children);
+        }
+        const expandable = this.getExpandableComponent(comp);
+        if (expandable) {
+            result.push(...this.getForms(expandable));
+        }
+        if (comp.smartFormComponent) {
+            result.push(comp.smartFormComponent);
+        }
+        return result;
+    }
+    static getGrids(comp) {
+        let result = [];
+        if (comp.components) {
+            const children = comp.components
+                .map((c) => this.getGrids(c))
+                .reduce((acc, value) => acc.concat(value), []);
+            result.push(...children);
+        }
+        const expandable = this.getExpandableComponent(comp);
+        if (expandable) {
+            result.push(...this.getGrids(expandable));
+        }
+        if (comp.smartGridComponent) {
+            result.push(comp.smartGridComponent);
+        }
+        return result;
+    }
+    static getTrees(comp) {
+        let result = [];
+        if (comp.components) {
+            const children = comp.components
+                ?.map((c) => this.getTrees(c))
+                .reduce((acc, value) => acc.concat(value), []);
+            result.push(...children);
+        }
+        const expandable = this.getExpandableComponent(comp);
+        if (expandable) {
+            result.push(...this.getTrees(expandable));
+        }
+        if (comp.treeService) {
+            result.push(comp.treeService);
+        }
+        return result;
+    }
+    static getToolbars(comp) {
+        let result = [];
+        if (comp.components) {
+            const children = comp.components
+                .map((c) => this.getToolbars(c))
+                .reduce((acc, value) => acc.concat(value), []);
+            result.push(...children);
+        }
+        const expandable = this.getExpandableComponent(comp);
+        if (expandable) {
+            result.push(...this.getToolbars(expandable));
+        }
+        if (comp.toolbar) {
+            result.push(comp.toolbar);
+        }
+        return result;
+    }
+    static getExpandableComponent(comp) {
+        return comp.expandableComponents?.first?.componentRef?.instance;
+    }
+}
+
 class SmartComponentLayoutComponent {
     constructor(layoutService) {
         this.layoutService = layoutService;
@@ -12941,7 +13034,12 @@ class SmartComponentLayoutComponent {
         this._destroy$.complete();
     }
     ngOnChanges(changes) {
-        this.smartComponentLayout = changes['smartComponentLayout'].currentValue;
+        let newLayout = changes['smartComponentLayout'].currentValue;
+        if (SmartComponentLayoutUtility.equals(this.smartComponentLayout, newLayout)) {
+            // no change in layout, don't setup again
+            return;
+        }
+        this.smartComponentLayout = newLayout;
         if (this.smartComponentLayout) {
             this.setUp();
         }
@@ -12962,7 +13060,8 @@ class SmartComponentLayoutComponent {
                 this.constructGrid();
             }
             else if (this.smartComponentLayout.widget?.type === ComponentWidgetType.FILTER) {
-                this.constructFilter();
+                console.warn('ComponentWidgetType.FILTER is not supported');
+                // this.constructFilter();
             }
             else if (this.smartComponentLayout.widget?.type === ComponentWidgetType.TREE) {
                 this.constructTree();
@@ -13012,6 +13111,9 @@ class SmartComponentLayoutComponent {
         }
     }
     bindForm() {
+        if (this.parent?.useQueryLists) {
+            return;
+        }
         if (this.smartForm && this.smartFormComponent) {
             this.parent?.addForm(
             // unique identifier for the form
@@ -13050,6 +13152,9 @@ class SmartComponentLayoutComponent {
         }
     }
     bindGrid() {
+        if (this.parent?.useQueryLists) {
+            return;
+        }
         if (this.smartGrid && this.smartGridComponent) {
             this.smartGrid = this.parent?.addGrid(this.smartGrid, {
                 rowUiActionType: GridUiActionType.POPUP_MENU,
@@ -13059,13 +13164,22 @@ class SmartComponentLayoutComponent {
     setToolbarComponent(comp) {
         this.toolbar = comp;
     }
-    constructFilter() {
-        this.smartFilter = this.smartComponentLayout.parentComponent.addFilter(`filter_${this.makeid(5)}`, this.smartComponentLayout?.widget?.filterExpressionFieldList, this.smartComponentLayout?.widget?.filterType, this.smartFilterComponent);
-    }
+    // NOT USED, DOESN'T WORK
+    // constructFilter(): void {
+    //   this.smartFilter = (this.smartComponentLayout!.parentComponent as any).addFilter(
+    //     `filter_${this.makeid(5)}`,
+    //     this.smartComponentLayout?.widget?.filterExpressionFieldList,
+    //     this.smartComponentLayout?.widget?.filterType,
+    //     this.smartFilterComponent
+    //   );
+    // }
     bindFilter() {
         // TODO
     }
     constructTree() {
+        if (this.parent?.useQueryLists) {
+            return;
+        }
         this.parent.setUpDefaultTree(this.smartComponentLayout?.widget?.identifier);
         this.treeService?.initialize();
     }
@@ -14435,84 +14549,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Public API Surface of smarttree
  */
 
-class SmartComponentLayoutUtility {
-    static setParent(layout, parent) {
-        layout.parentComponent = parent;
-        layout.components?.forEach((l) => this.setParent(l, parent));
-    }
-    static getForms(comp) {
-        let result = [];
-        if (comp.components) {
-            const children = comp.components
-                .map((c) => this.getForms(c))
-                .reduce((acc, value) => acc.concat(value), []);
-            result.push(...children);
-        }
-        const expandable = this.getExpandableComponent(comp);
-        if (expandable) {
-            result.push(...this.getForms(expandable));
-        }
-        if (comp.smartFormComponent) {
-            result.push(comp.smartFormComponent);
-        }
-        return result;
-    }
-    static getGrids(comp) {
-        let result = [];
-        if (comp.components) {
-            const children = comp.components
-                .map((c) => this.getGrids(c))
-                .reduce((acc, value) => acc.concat(value), []);
-            result.push(...children);
-        }
-        const expandable = this.getExpandableComponent(comp);
-        if (expandable) {
-            result.push(...this.getGrids(expandable));
-        }
-        if (comp.smartGridComponent) {
-            result.push(comp.smartGridComponent);
-        }
-        return result;
-    }
-    static getTrees(comp) {
-        let result = [];
-        if (comp.components) {
-            const children = comp.components
-                ?.map((c) => this.getTrees(c))
-                .reduce((acc, value) => acc.concat(value), []);
-            result.push(...children);
-        }
-        const expandable = this.getExpandableComponent(comp);
-        if (expandable) {
-            result.push(...this.getTrees(expandable));
-        }
-        if (comp.treeService) {
-            result.push(comp.treeService);
-        }
-        return result;
-    }
-    static getToolbars(comp) {
-        let result = [];
-        if (comp.components) {
-            const children = comp.components
-                .map((c) => this.getToolbars(c))
-                .reduce((acc, value) => acc.concat(value), []);
-            result.push(...children);
-        }
-        const expandable = this.getExpandableComponent(comp);
-        if (expandable) {
-            result.push(...this.getToolbars(expandable));
-        }
-        if (comp.toolbar) {
-            result.push(comp.toolbar);
-        }
-        return result;
-    }
-    static getExpandableComponent(comp) {
-        return comp.expandableComponents?.first?.componentRef?.instance;
-    }
-}
-
 /*
  * Public API Surface of smart-component-layout
  */