@trudb/tru-common-lib 0.2.145 → 0.2.146

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';
@@ -6056,30 +6056,52 @@ class TruDataGridCellRenderer {
     eGui;
     validationContainer;
     params;
-    contextMenuPosition = { x: '0px', y: '0px' };
+    contextMenuPosition = { x: 0, y: 0 };
     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;
-        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.$entity);
@@ -6130,7 +6152,7 @@ class TruDataGridCellRenderer {
     <div style="visibility: hidden; position: absolute;"
       [truContextMenuTriggerFor]="truDataGridCellContextMenu">
     </div>
-    <mat-menu #truDataGridCellContextMenu="matMenu">
+    <mat-menu #truDataGridCellContextMenu="matMenu" [hasBackdrop]="false">
       <button mat-menu-item (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
@@ -6156,7 +6178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
     <div style="visibility: hidden; position: absolute;"
       [truContextMenuTriggerFor]="truDataGridCellContextMenu">
     </div>
-    <mat-menu #truDataGridCellContextMenu="matMenu">
+    <mat-menu #truDataGridCellContextMenu="matMenu" [hasBackdrop]="false">
       <button mat-menu-item (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>