@trudb/tru-common-lib 0.2.146 → 0.2.148

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

@@ -5,7 +5,7 @@ import * as i1$1 from '@angular/common';
 import { CommonModule, NgIf, NgClass, DatePipe } from '@angular/common';
 import * as i7 from '@angular/forms';
 import { FormsModule, FormControl, ReactiveFormsModule, FormGroup, Validators } from '@angular/forms';
-import { BehaviorSubject, defer, from, of, Subject, Observable, fromEvent, skip, forkJoin, first, tap as tap$1, delayWhen, interval, finalize, throwError } from 'rxjs';
+import { BehaviorSubject, defer, from, of, Subject, Observable, fromEvent, skip, forkJoin, first, finalize, throwError } from 'rxjs';
 import * as _ from 'underscore';
 import ___default from 'underscore';
 import * as i2 from '@angular/common/http';
@@ -6055,53 +6055,32 @@ class TruDataGridCellRenderer {
     // private eGui: is an empty element to satisfy the getGui method.    
     eGui;
     validationContainer;
+    windowClickSubscription;
     params;
-    contextMenuPosition = { x: 0, y: 0 };
+    contextMenuPosition = { x: '0px', y: '0px' };
     displayValue = '';
     copyIsDisabled = true;
     pasteIsDisabled = true;
-    menuSubscription;
     constructor(dataContext, dataGridClipboard) {
         this.dataContext = dataContext;
         this.dataGridClipboard = dataGridClipboard;
     }
-    delay(delayInms) {
-        return new Promise((resolve) => {
-            setTimeout(() => {
-                resolve(2);
-            }, delayInms);
-        });
-    }
     onMouseOver = (e) => {
         if (e.target)
             e.target.classList.contains('invalid-flag') ? this.validationContainer.classList.toggle('show') : this.validationContainer.classList.remove('show');
     };
     onRightClick = (event) => {
         event.preventDefault();
-        if (this.params.api.getEditingCells().length > 0)
-            return;
         this.pasteIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
-        this.menuSubscription && this.menuSubscription.unsubscribe();
-        this.menuSubscription = of(1)
-            .pipe(tap$1(() => {
-            if (this.contextMenu.menuOpen) {
-                this.contextMenu.closeMenu();
+        let clickedElement = event.target;
+        if (clickedElement instanceof Element) {
+            if (this.params.api.getEditingCells().length <= 0) {
+                this.contextMenuPosition.x = event.clientX + 'px';
+                this.contextMenuPosition.y = event.clientY + 'px';
+                this.contextMenu.menu?.focusFirstItem('mouse');
+                this.contextMenu.openMenu();
             }
-            this.contextMenuPosition.x = event.clientX;
-            this.contextMenuPosition.y = event.clientY;
-        }), 
-        // delay(this.contextMenu.menuOpen ? 200 : 0),
-        delayWhen((_) => (this.contextMenu.menuOpen ? interval(200) : of(undefined))), tap$1(async () => {
-            this.contextMenu.menu?.focusFirstItem('mouse');
-            this.contextMenu.openMenu();
-            let backdrop;
-            do {
-                await this.delay(100);
-                backdrop = document.querySelector('div.cdk-overlay-backdrop.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing');
-            } while (backdrop === null);
-            backdrop.style.pointerEvents = 'none';
-        }))
-            .subscribe();
+        }
     };
     onCopy = (event) => {
         this.dataGridClipboard.copyCell(this.params.context.grid.config.tableName, this.params.colDef?.field, this.params.data.$entity);
@@ -6114,18 +6093,16 @@ class TruDataGridCellRenderer {
     agInit(params) {
         this.params = params;
         this.displayValue = params.value;
-        //params.eGridCell.innerHTML = '';
-        //let value = params.value;
-        //if (params.value === null)
-        //  value = '';
-        //if (params.colDef.cellEditor && params.colDef.cellEditor.name === "StdRichTextList") {
-        //  var p = document.createElement('div');
-        //  p.innerHTML = value
-        //  params.eGridCell.appendChild(p);
-        //} else {
-        //  var content = document.createTextNode(value);
-        //  params.eGridCell.appendChild(content);
-        //}
+        if (params.value === null)
+            this.displayValue = '';
+        if (params.colDef.cellEditor && params.colDef.cellEditor.name === "StdRichTextList") {
+            var p = document.createElement('div');
+            p.innerHTML = params.value;
+            params.eGridCell.appendChild(p);
+        }
+        else {
+            this.displayValue = params.value;
+        }
         this.validationContainer = document.createElement('div');
         this.validationContainer.className = 'dialog-target';
         let validationFlag = document.createElement('span');
@@ -6134,6 +6111,11 @@ class TruDataGridCellRenderer {
         params.eGridCell.appendChild(validationFlag);
         params.eGridCell.addEventListener('mouseover', this.onMouseOver);
         params.eGridCell.addEventListener('contextmenu', this.onRightClick);
+        this.windowClickSubscription = fromEvent(window, 'click').subscribe((_) => {
+            if (this.contextMenu.menuOpen) {
+                this.contextMenu.closeMenu();
+            }
+        });
         Object.assign(params.eGridCell.style, new TruUtil().rulesEval(params.data[params.colDef.field].rules(params.data.$entity)));
     }
     getGui() {
@@ -6144,8 +6126,7 @@ class TruDataGridCellRenderer {
     }
     destroy() {
         document.removeEventListener('mouseover', this.onMouseOver);
-        this.contextMenu.closeMenu();
-        this.contextMenu.ngOnDestroy();
+        this.windowClickSubscription && this.windowClickSubscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridCellRenderer, deps: [{ token: TruDataContext }, { token: TruDataGridClipboard }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruDataGridCellRenderer, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: TruContextMenuTrigger, descendants: true }], ngImport: i0, template: `<div>{{displayValue}}
@@ -6198,14 +6179,15 @@ class TruDataGridPkeyCellRenderer {
     dataContext;
     dataGridClipboard;
     contextMenu;
+    // private eGui: is an empty element to satisfy the getGui method.    
+    eGui;
+    windowClickSubscription;
     params;
     contextMenuPosition = { x: '0px', y: '0px' };
     displayValue = '';
     copyIsDisabled = true;
     pasteIsDisabled = true;
     insertAtTopIsDisabled = true;
-    // private eGui: is an empty element to satisfy the getGui method.    
-    eGui;
     constructor(dataContext, dataGridClipboard) {
         this.dataContext = dataContext;
         this.dataGridClipboard = dataGridClipboard;
@@ -6246,6 +6228,11 @@ class TruDataGridPkeyCellRenderer {
         params.eGridCell.addEventListener('contextmenu', this.onRightClick);
         params.eGridCell.addEventListener('mousedown', this.onMouseDown);
         params.eGridCell.addEventListener('mousedown', this.onMouseUp);
+        this.windowClickSubscription = fromEvent(window, 'click').subscribe((_) => {
+            if (this.contextMenu.menuOpen) {
+                this.contextMenu.closeMenu();
+            }
+        });
     }
     getGui() {
         return this.eGui;
@@ -6257,14 +6244,15 @@ class TruDataGridPkeyCellRenderer {
         this.params.eGridCell.removeEventListener('contextmenu', this.onRightClick);
         this.params.eGridCell.removeEventListener('mousedown', this.onMouseDown);
         this.params.eGridCell.removeEventListener('mousedown', this.onMouseUp);
+        this.windowClickSubscription && this.windowClickSubscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridPkeyCellRenderer, deps: [{ token: TruDataContext }, { token: TruDataGridClipboard }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruDataGridPkeyCellRenderer, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruDataGridPkeyCellRenderer, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: `<div>{{displayValue}}
     <div style="visibility: hidden; position: relative"
       [style.left]="contextMenuPosition.x"
       [matMenuTriggerFor]="truDataGridContextMenu">
     </div>
-    <mat-menu #truDataGridContextMenu="matMenu">
+    <mat-menu #truDataGridContextMenu="matMenu" [hasBackdrop]="false">
       <button mat-menu-item [disabled]="copyIsDisabled" (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
@@ -6289,12 +6277,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                         MatIconModule,
                         MatButtonModule,
                         MatMenuModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div>{{displayValue}}
     <div style="visibility: hidden; position: relative"
       [style.left]="contextMenuPosition.x"
       [matMenuTriggerFor]="truDataGridContextMenu">
     </div>
-    <mat-menu #truDataGridContextMenu="matMenu">
+    <mat-menu #truDataGridContextMenu="matMenu" [hasBackdrop]="false">
       <button mat-menu-item [disabled]="copyIsDisabled" (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>