@trudb/tru-common-lib 0.2.29 → 0.2.30

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, Directive, Injectable, NgModule, Inject, Component, HostListener, InjectionToken, ViewChild, EventEmitter, Output, ViewEncapsulation, Pipe, ViewContainerRef, createComponent, Optional, ViewChildren, signal, ChangeDetectionStrategy, QueryList, ContentChildren } from '@angular/core';
+import { Input, Directive, Injectable, NgModule, Inject, Component, HostListener, InjectionToken, ViewChild, EventEmitter, Output, ViewEncapsulation, Pipe, ViewContainerRef, ChangeDetectionStrategy, createComponent, Optional, ViewChildren, signal, QueryList, ContentChildren } from '@angular/core';
 import { EntityAspect, MetadataStore, DataService, EntityManager, EntityQuery, Predicate, FetchStrategy, EntityAction, breeze, EntityState, BinaryPredicate, AndOrPredicate } from 'breeze-client';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgIf, NgClass, DatePipe } from '@angular/common';
@@ -5903,16 +5903,78 @@ class TruDataGridCellRenderer {
     }
 }
 
+class TruDataGridClipboard {
+    tableName = null;
+    rowData = [];
+    copiedRows = (tableName, rowData) => {
+        this.tableName = tableName;
+        this.rowData = rowData;
+    };
+    getCopiedRows = () => {
+        return this.rowData;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class TruDataGridPkeyCellRenderer {
+    dataGridClipboard;
+    util;
+    contextMenu;
+    params;
+    contextMenuPosition = { x: '0px', y: '0px' };
+    displayValue = '';
+    copyIsDisabled = true;
+    pasteIsDisabled = true;
     // private eGui: is an empty element to satisfy the getGui method.    
     eGui;
-    init(params) {
-        params.eGridCell.innerHTML = '';
-        let value = params.value;
+    constructor(dataGridClipboard, util) {
+        this.dataGridClipboard = dataGridClipboard;
+        this.util = util;
+    }
+    onRightClick = (event) => {
+        event.preventDefault();
+        this.copyIsDisabled = this.params.api.getSelectedRows().length ? false : true;
+        this.pasteIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
+        this.contextMenuPosition.x = event.pageX + 'px';
+        this.contextMenuPosition.y = (event.pageY - 130) + 'px';
+        this.contextMenu.menu?.focusFirstItem('mouse');
+        this.contextMenu.openMenu();
+    };
+    onCopy = (event) => {
+        let selectedRows = this.params.api.getSelectedRows();
+        if (selectedRows.length) {
+            let copiedRowData = selectedRows.map((row) => row.$entity);
+            this.dataGridClipboard.copiedRows('', copiedRowData);
+        }
+    };
+    onPaste = (event) => {
+        let copiedRowData = this.dataGridClipboard.getCopiedRows();
+        copiedRowData.forEach((row) => {
+            let properties = row.entityType.getPropertyNames();
+            properties
+                .filter((propertyName) => {
+                return propertyName !== 'Ref' &&
+                    propertyName !== row.entityType.name + 'Ref' &&
+                    !this.util.isLowerCase(propertyName.charAt(0));
+            }).forEach((propertyName) => {
+                console.log(propertyName);
+            });
+        });
+    };
+    agInit(params) {
+        this.params = params;
         if (params.value < 0)
-            value = 'NEW';
-        var content = document.createTextNode(value);
-        params.eGridCell.appendChild(content);
+            this.displayValue = 'NEW';
+        else
+            this.displayValue = params.value;
+        params.eGridCell.addEventListener('contextmenu', this.onRightClick);
     }
     getGui() {
         return this.eGui;
@@ -5921,7 +5983,63 @@ class TruDataGridPkeyCellRenderer {
         return false;
     }
     destroy() { }
-}
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridPkeyCellRenderer, deps: [{ token: TruDataGridClipboard }, { token: TruUtil }], 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}}
+    <div style="visibility: hidden; position: fixed"
+      [style.left]="contextMenuPosition.x"
+      [style.top]="contextMenuPosition.y"
+      [matMenuTriggerFor]="truDataGridContextMenu">
+    </div>
+    <mat-menu #truDataGridContextMenu="matMenu">
+      <button mat-menu-item [disabled]="copyIsDisabled" (click)="onCopy($event)">
+        <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
+        <span>Copy</span>
+      </button>
+      <button mat-menu-item [disabled]="pasteIsDisabled" (click)="onPaste($event)">
+        <mat-icon [svgIcon]="'paste-icon'"></mat-icon>
+        <span>Paste</span>
+      </button>
+      <button mat-menu-item>
+        <mat-icon [svgIcon]="'insert-icon'"></mat-icon>
+        <span>Insert At Top</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: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridPkeyCellRenderer, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        NgIf,
+                        NgClass,
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatMenuModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
+    <div style="visibility: hidden; position: fixed"
+      [style.left]="contextMenuPosition.x"
+      [style.top]="contextMenuPosition.y"
+      [matMenuTriggerFor]="truDataGridContextMenu">
+    </div>
+    <mat-menu #truDataGridContextMenu="matMenu">
+      <button mat-menu-item [disabled]="copyIsDisabled" (click)="onCopy($event)">
+        <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
+        <span>Copy</span>
+      </button>
+      <button mat-menu-item [disabled]="pasteIsDisabled" (click)="onPaste($event)">
+        <mat-icon [svgIcon]="'paste-icon'"></mat-icon>
+        <span>Paste</span>
+      </button>
+      <button mat-menu-item>
+        <mat-icon [svgIcon]="'insert-icon'"></mat-icon>
+        <span>Insert At Top</span>
+      </button>
+    </mat-menu>
+  </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: TruDataGridClipboard }, { type: TruUtil }], propDecorators: { contextMenu: [{
+                type: ViewChild,
+                args: [MatMenuTrigger]
+            }] } });
 
 var TruDataGridTypes;
 (function (TruDataGridTypes) {
@@ -7307,16 +7425,16 @@ class TruDataGrid {
         else {
             if (cellData.event.ctrlKey) {
                 if (this.rowSelectedOnMousedown)
-                    cellData.node.setSelected(false);
+                    cellData.node.setSelected(false, false, true);
                 else
-                    cellData.node.setSelected(true);
+                    cellData.node.setSelected(true, false, true);
             }
             else if (cellData.event.shiftKey) {
                 let focusedId = this.rowFocuedOnMousedown.id;
             }
             else {
                 cellData.api.deselectAll();
-                cellData.node.setSelected(true);
+                cellData.node.setSelected(true, false, true);
             }
         }
     };