@trudb/tru-common-lib 0.2.147 → 0.2.148

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

@@ -6055,6 +6055,7 @@ class TruDataGridCellRenderer {
     // private eGui: is an empty element to satisfy the getGui method.    
     eGui;
     validationContainer;
+    windowClickSubscription;
     params;
     contextMenuPosition = { x: '0px', y: '0px' };
     displayValue = '';
@@ -6092,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');
@@ -6112,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() {
@@ -6122,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}}
@@ -6176,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;
@@ -6224,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;
@@ -6235,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>
@@ -6267,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>