@trudb/tru-common-lib 0.2.154 → 0.2.157

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, finalize, throwError } from 'rxjs';
+import { BehaviorSubject, defer, from, of, Subject, Observable, fromEvent, skip, forkJoin, first, tap as tap$1, delayWhen, interval, finalize, throwError } from 'rxjs';
 import * as _ from 'underscore';
 import ___default from 'underscore';
 import * as i2 from '@angular/common/http';
@@ -5965,21 +5965,23 @@ class TruDataGridClipboard {
     columnName = null;
     copiedCellData = null;
     copiedCellEntity = null;
+    copiedCellParams = null;
     copiedRows = [];
     constructor(util, uiNotification) {
         this.util = util;
         this.uiNotification = uiNotification;
     }
-    copyCell = (tableName, columnName, copiedCellData, copiedCellEntity) => {
+    copyCell = (params, tableName, columnName, copiedCellData, copiedCellEntity) => {
         this.tableName = tableName;
         this.columnName = columnName;
+        this.copiedCellParams = params;
         this.copiedCellData = copiedCellData;
         this.copiedCellEntity = copiedCellEntity;
     };
     pasteCell = (params, pastedCellData, pastedCell) => {
         let colDef = params.colDef;
         let columnName = colDef.field;
-        let copiedCellDataTypeName = this.copiedCellData[params.colDef?.field].property.typeName;
+        let copiedCellDataTypeName = this.copiedCellData[this.copiedCellParams?.colDef?.field].property.typeName;
         let pastedCellDataTypeName = pastedCellData[params.colDef?.field].property.typeName;
         if (!colDef.editable) {
             this.uiNotification.error('Cannot paste into a non-editable column: ' + colDef.field);
@@ -6075,8 +6077,9 @@ class TruDataGridCellRenderer {
     eGui;
     validationContainer;
     windowClickSubscription;
+    menuSubscription;
     params;
-    contextMenuPosition = { x: '0px', y: '0px' };
+    contextMenuPosition = { x: 0, y: 0 };
     displayValue = '';
     copyIsDisabled = true;
     pasteIsDisabled = true;
@@ -6084,6 +6087,13 @@ class TruDataGridCellRenderer {
         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');
@@ -6091,18 +6101,30 @@ class TruDataGridCellRenderer {
     onRightClick = (event) => {
         event.preventDefault();
         this.pasteIsDisabled = this.dataGridClipboard.getCopiedCell() ? false : true;
-        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.menuSubscription && this.menuSubscription.unsubscribe();
+        this.menuSubscription = of(1)
+            .pipe(tap$1(() => {
+            if (this.contextMenu.menuOpen) {
+                this.contextMenu.closeMenu();
             }
-        }
+            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, this.params.data.$entity);
+        this.dataGridClipboard.copyCell(this.params, this.params.context.grid.config.tableName, this.params.colDef?.field, this.params.data, this.params.data.$entity);
     };
     onPaste = (event) => {
         this.dataGridClipboard.pasteCell(this.params, this.params.data, this.params.data.$entity);