@trudb/tru-common-lib 0.1.110 → 0.1.112

package/fesm2022/trudb-tru-common-lib.mjs

@@ -3679,13 +3679,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
         }], ctorParameters: () => [{ type: TruDataContext }, { type: TruAppEnvironment }, { type: TruModelTypeLookup }, { type: TruModelPropertyLookup }] });
 
 class TruTabGroupEventNotifier {
-    active$ = new Subject();
+    active$ = new BehaviorSubject(false);
     onActiveStateChanged = () => {
         return this.active$;
     };
-    setActive = (value) => {
+    get isActive() {
+        return this.active$.getValue();
+    }
+    set isActive(value) {
         this.active$.next(value);
-    };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruTabGroupEventNotifier, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruTabGroupEventNotifier });
 }
@@ -4077,6 +4080,59 @@ class TruDataGrid {
             this.api.applyTransaction({ add: [enhancedEntity], addIndex: 0 });
         }
     };
+    getMergeData = (config, entityToValidate) => {
+        if (config.propertyPath?.includes('/')) {
+            let propertyNameParts = config.propertyPath.split('/');
+            propertyNameParts.pop();
+            let targetProperty;
+            propertyNameParts.forEach((name) => {
+                if (!targetProperty) {
+                    let targetPropertyName = 'o' + name;
+                    targetProperty = entityToValidate[targetPropertyName];
+                }
+                else {
+                    let targetPropertyName = 'o' + name;
+                    targetProperty = targetProperty[targetPropertyName];
+                }
+            });
+            if (targetProperty && targetProperty.Merge_Data) {
+                return targetProperty.Merge_Data_Set;
+            }
+            return null;
+        }
+        else {
+            return entityToValidate.Merge_Data_Set?.get(config.propertyName) ? entityToValidate.Merge_Data_Set : undefined;
+        }
+    };
+    validationDialog = null;
+    addValidationDialog = (config, hostElement) => {
+        let target = hostElement.querySelectorAll('.dialog-target')[0];
+        let dialogElement = document.createElement('div');
+        dialogElement.classList.add('invalid');
+        target.appendChild(dialogElement);
+        let componentRef = createComponent(TruValidationDialog, {
+            environmentInjector: this.app.injector,
+            hostElement: dialogElement,
+        });
+        componentRef.instance.config = config;
+        componentRef.instance.close.subscribe(() => {
+            this.api.refreshCells({ force: true });
+            componentRef.destroy();
+        });
+        this.validationDialog = componentRef;
+        this.app.attachView(componentRef.hostView);
+        componentRef.changeDetectorRef.detectChanges();
+    };
+    runSearch = () => {
+        let containerIsActive = true;
+        if (this.tabGroupEventNotifier !== null)
+            containerIsActive = this.tabGroupEventNotifier.isActive;
+        else
+            containerIsActive = true;
+        if ((this.gridType === TruDataGridTypes.Detail || this.gridType === TruDataGridTypes.DetailManyToMany) && containerIsActive) {
+            this.onSearch(this.config.resultConfig.setupQuery(this.entity));
+        }
+    };
     defaultColDef = {
         suppressKeyboardEvent: this.onSuppressKeyboardEvent
     };
@@ -4127,49 +4183,6 @@ class TruDataGrid {
             });
         }
     };
-    getMergeData = (config, entityToValidate) => {
-        if (config.propertyPath?.includes('/')) {
-            let propertyNameParts = config.propertyPath.split('/');
-            propertyNameParts.pop();
-            let targetProperty;
-            propertyNameParts.forEach((name) => {
-                if (!targetProperty) {
-                    let targetPropertyName = 'o' + name;
-                    targetProperty = entityToValidate[targetPropertyName];
-                }
-                else {
-                    let targetPropertyName = 'o' + name;
-                    targetProperty = targetProperty[targetPropertyName];
-                }
-            });
-            if (targetProperty && targetProperty.Merge_Data) {
-                return targetProperty.Merge_Data_Set;
-            }
-            return null;
-        }
-        else {
-            return entityToValidate.Merge_Data_Set?.get(config.propertyName) ? entityToValidate.Merge_Data_Set : undefined;
-        }
-    };
-    validationDialog = null;
-    addValidationDialog = (config, hostElement) => {
-        let target = hostElement.querySelectorAll('.dialog-target')[0];
-        let dialogElement = document.createElement('div');
-        dialogElement.classList.add('invalid');
-        target.appendChild(dialogElement);
-        let componentRef = createComponent(TruValidationDialog, {
-            environmentInjector: this.app.injector,
-            hostElement: dialogElement,
-        });
-        componentRef.instance.config = config;
-        componentRef.instance.close.subscribe(() => {
-            this.api.refreshCells({ force: true });
-            componentRef.destroy();
-        });
-        this.validationDialog = componentRef;
-        this.app.attachView(componentRef.hostView);
-        componentRef.changeDetectorRef.detectChanges();
-    };
     onCellMouseOver(e) {
         let targetElement = e.event.target;
         if (!targetElement.classList.contains('ag-cell'))
@@ -4274,27 +4287,20 @@ class TruDataGrid {
         this.columnDefs = this.config.resultConfig.columnDefs;
         this.gridType = this.config.resultConfig.gridType;
     }
-    ngOnChanges(changes) {
-        if (this.gridType === TruDataGridTypes.Detail || this.gridType === TruDataGridTypes.DetailManyToMany)
-            this.onSearch(this.config.resultConfig.setupQuery(this.entity));
-    }
     ngAfterViewInit() {
         if (this.tabGroupEventNotifier !== null) {
-            this.tabGroupEventNotifier.onActiveStateChanged().subscribe((isActive) => {
-                if (isActive && this.gridType === TruDataGridTypes.Detail || this.gridType === TruDataGridTypes.DetailManyToMany) {
-                    this.onSearch(this.config.resultConfig.setupQuery(this.entity));
-                }
+            this.tabGroupEventNotifier.onActiveStateChanged().pipe(skip(1)).subscribe((isActive) => {
+                this.runSearch();
             });
         }
-        else {
-            //setTimeout to prevent: ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError. 
-            setTimeout(() => {
-                this.parentToolbarTemplate = this.searchResultViewManager.searchViewToolbarTemplate;
-                if (this.gridType === TruDataGridTypes.Detail || this.gridType === TruDataGridTypes.DetailManyToMany) {
-                    this.onSearch(this.config.resultConfig.setupQuery(this.entity));
-                }
-            }, 0);
-        }
+        //setTimeout to prevent: ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError. 
+        setTimeout(() => {
+            this.parentToolbarTemplate = this.searchResultViewManager.searchViewToolbarTemplate;
+            this.runSearch();
+        }, 0);
+    }
+    ngOnChanges(changes) {
+        this.runSearch();
     }
     ngOnDestroy() {
         this.subs.forEach(s => s.unsubscribe());
@@ -6931,7 +6937,7 @@ class TruTab {
         this.tabGroupEventNotifier = tabGroupEventNotifier;
     }
     notifyListeners = (isActive) => {
-        this.tabGroupEventNotifier.setActive(isActive);
+        this.tabGroupEventNotifier.isActive = isActive;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruTab, deps: [{ token: TruTabGroupEventNotifier }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruTab, selector: "tru-tab", inputs: { label: "label" }, providers: [TruTabGroupEventNotifier], viewQueries: [{ propertyName: "matTab", first: true, predicate: MatTab, descendants: true }], ngImport: i0, template: "<mat-tab [label]=\"label\">\r\n  <ng-content></ng-content>\r\n</mat-tab>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }] });