@trudb/tru-common-lib 0.2.133 → 0.2.138

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

@@ -5902,6 +5902,58 @@ class ColumnHeaderButton {
     }
 }
 
+// @Directive declaration styled same as matMenuTriggerFor
+// with different selector and exportAs.
+class TruContextMenuTrigger extends MatMenuTrigger {
+    lastMouseEvent = null;
+    // Duplicate the code for the matMenuTriggerFor binding
+    // using a new property and the public menu accessors.
+    get menu_again() {
+        return this.menu;
+    }
+    set menu_again(menu) {
+        this.menu = menu;
+    }
+    // Override _handleMousedown, and call super._handleMousedown
+    _handleMousedown(event) {
+        this.lastMouseEvent = event;
+        super._handleMousedown(new MouseEvent(event.type));
+    }
+    ngAfterContentInit() {
+        // Can't just override a private method due to how the lib is compiled
+        this['_setPosition'] = (menu, positionStrategy) => {
+            let positions = [];
+            super['_setPosition'](menu, {
+                withPositions: (p) => {
+                    positions = p;
+                },
+            });
+            positionStrategy.withPositions(positions);
+            if (this.lastMouseEvent) {
+                positionStrategy.setOrigin({ x: this.lastMouseEvent.clientX, y: this.lastMouseEvent.clientY });
+            }
+            positionStrategy.withViewportMargin(10);
+        };
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruContextMenuTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: TruContextMenuTrigger, isStandalone: true, selector: "[truContextMenuTriggerFor]", inputs: { menu_again: ["truContextMenuTriggerFor", "menu_again"] }, host: { classAttribute: "mat-menu-trigger" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruContextMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[truContextMenuTriggerFor]`,
+                    host: {
+                        class: 'mat-menu-trigger',
+                    }
+                }]
+        }], propDecorators: { menu_again: [{
+                type: Input,
+                args: ['truContextMenuTriggerFor']
+            }] } });
+
 class TruDataGridClipboard {
     util;
     uiNotification;
@@ -6067,10 +6119,11 @@ class TruDataGridCellRenderer {
         document.removeEventListener('mouseover', this.onMouseOver);
     }
     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: MatMenuTrigger, descendants: true }], ngImport: i0, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
-    <mat-menu #truDataGridCellContextMenu="matMenu"
-      [style.left]="contextMenuPosition.x"
-      [style.top]="contextMenuPosition.y">
+    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 (contextmenu)="onRightClick($event)">{{displayValue}}
+    <div style="visibility: hidden; position: absolute;"
+      [truContextMenuTriggerFor]="truDataGridCellContextMenu">
+    </div>
+    <mat-menu #truDataGridCellContextMenu="matMenu">
       <button mat-menu-item (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
@@ -6080,7 +6133,7 @@ class TruDataGridCellRenderer {
         <span>Paste</span>
       </button>
     </mat-menu>
-  </div>`, isInline: true, styles: ["::ng-deep .mat-mdc-menu-item{height:25px!important;min-height:25px!important}::ng-deep .mat-mdc-menu-content mat-icon svg{fill:#949494}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  </div>`, isInline: true, styles: ["::ng-deep .mat-mdc-menu-item{height:25px!important;min-height:25px!important}::ng-deep .mat-mdc-menu-content mat-icon svg{fill:#949494}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: TruContextMenuTrigger, selector: "[truContextMenuTriggerFor]", inputs: ["truContextMenuTriggerFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridCellRenderer, decorators: [{
             type: Component,
@@ -6090,11 +6143,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                         CommonModule,
                         MatIconModule,
                         MatButtonModule,
-                        MatMenuModule
+                        MatMenuModule,
+                        TruContextMenuTrigger
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
-    <mat-menu #truDataGridCellContextMenu="matMenu"
-      [style.left]="contextMenuPosition.x"
-      [style.top]="contextMenuPosition.y">
+    <div style="visibility: hidden; position: absolute;"
+      [truContextMenuTriggerFor]="truDataGridCellContextMenu">
+    </div>
+    <mat-menu #truDataGridCellContextMenu="matMenu">
       <button mat-menu-item (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
@@ -6107,7 +6162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
   </div>`, styles: ["::ng-deep .mat-mdc-menu-item{height:25px!important;min-height:25px!important}::ng-deep .mat-mdc-menu-content mat-icon svg{fill:#949494}\n"] }]
         }], ctorParameters: () => [{ type: TruDataContext }, { type: TruDataGridClipboard }], propDecorators: { contextMenu: [{
                 type: ViewChild,
-                args: [MatMenuTrigger]
+                args: [TruContextMenuTrigger]
             }] } });
 
 class TruDataGridPkeyCellRenderer {