@trudb/tru-common-lib 0.2.156 → 0.2.158

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';
@@ -6077,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;
@@ -6086,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');
@@ -6093,15 +6101,27 @@ 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, this.params.context.grid.config.tableName, this.params.colDef?.field, this.params.data, this.params.data.$entity);
@@ -7760,6 +7780,12 @@ class TruDataGrid {
         else if (params.column.isPinned() && event.ctrlKey && event.code === 'KeyV') {
             this.dataGridClipboard.pasteRow(this.api, this.config, this.api.getSelectedRows());
         }
+        else if (!params.column.isPinned() && event.ctrlKey && event.code === 'KeyC') {
+            this.dataGridClipboard.copyCell(params, this.config.tableName, params.colDef?.field, params.data, params.data.$entity);
+        }
+        else if (!params.column.isPinned() && event.ctrlKey && event.code === 'KeyV') {
+            this.dataGridClipboard.pasteCell(params, params.data, params.data.$entity);
+        }
     };
     onCellMouseOver(e) {
         let targetElement = e.event.target;