@trudb/tru-common-lib 0.2.7 → 0.2.10

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

@@ -3412,7 +3412,16 @@ const COLLAPSE_ICON = `
   <svg height="20px" viewBox="0 -960 960 960" width="24px" fill="#000"><path d="m296-80-56-56 240-240 240 240-56 56-184-184L296-80Zm184-504L240-824l56-56 184 184 184-184 56 56-240 240Z"/></svg>
 `;
 const SEARCH_ICON = `
-<svg height="20px" viewBox="0 -960 960 960" width="20px" fill="#e3e3e3"><path d="M765-144 526-383q-30 22-65.79 34.5-35.79 12.5-76.18 12.5Q284-336 214-406t-70-170q0-100 70-170t170-70q100 0 170 70t70 170.03q0 40.39-12.5 76.18Q599-464 577-434l239 239-51 51ZM384-408q70 0 119-49t49-119q0-70-49-119t-119-49q-70 0-119 49t-49 119q0 70 49 119t119 49Z"/></svg>
+  <svg height="20px" viewBox="0 -960 960 960" width="20px" fill="#e3e3e3"><path d="M765-144 526-383q-30 22-65.79 34.5-35.79 12.5-76.18 12.5Q284-336 214-406t-70-170q0-100 70-170t170-70q100 0 170 70t70 170.03q0 40.39-12.5 76.18Q599-464 577-434l239 239-51 51ZM384-408q70 0 119-49t49-119q0-70-49-119t-119-49q-70 0-119 49t-49 119q0 70 49 119t119 49Z"/></svg>
+`;
+const COPY_ICON = `
+  <svg height="20px" viewBox="0 -960 960 960" width="20px" fill="#e3e3e3"><path d="M360-240q-29.7 0-50.85-21.15Q288-282.3 288-312v-480q0-29.7 21.15-50.85Q330.3-864 360-864h384q29.7 0 50.85 21.15Q816-821.7 816-792v480q0 29.7-21.15 50.85Q773.7-240 744-240H360Zm0-72h384v-480H360v480ZM216-96q-29.7 0-50.85-21.15Q144-138.3 144-168v-552h72v552h456v72H216Zm144-216v-480 480Z"/></svg>
+`;
+const PASTE_ICON = `
+  <svg height="20px" viewBox="0 -960 960 960" width="20px" fill="#e3e3e3"><path d="M216-144q-29.7 0-50.85-21.15Q144-186.3 144-216v-528q0-29.7 21.15-50.85Q186.3-816 216-816h171q8-31 33.5-51.5T480-888q34 0 59.5 20.5T573-816h171q29.7 0 50.85 21.15Q816-773.7 816-744v528q0 29.7-21.15 50.85Q773.7-144 744-144H216Zm0-72h528v-528h-72v120H288v-120h-72v528Zm263.79-528q15.21 0 25.71-10.29t10.5-25.5q0-15.21-10.29-25.71t-25.5-10.5q-15.21 0-25.71 10.29t-10.5 25.5q0 15.21 10.29 25.71t25.5 10.5Z"/></svg>
+`;
+const INSERT_ICON = `
+  <svg height="20px" viewBox="0 -960 960 960" width="20px" fill="#e3e3e3"><path d="M216-192h528v-228H216v228Zm600 72H144v-672h144V-719.51h-72V-492h528v-228h-72v-72h144v672ZM480-492Zm0 72v-72 72Zm0 0Zm-36-216v-84h-84v-72h84v-84h72v84h84v72h-84v84h-72Z"/></svg>
 `;
 class TruIconModule {
     constructor(sanitizer, iconRegistry) {
@@ -3440,6 +3449,9 @@ class TruIconModule {
         iconRegistry.addSvgIconLiteral("expand-icon", sanitizer.bypassSecurityTrustHtml(EXPAND_ICON));
         iconRegistry.addSvgIconLiteral("collapse-icon", sanitizer.bypassSecurityTrustHtml(COLLAPSE_ICON));
         iconRegistry.addSvgIconLiteral("search-icon", sanitizer.bypassSecurityTrustHtml(SEARCH_ICON));
+        iconRegistry.addSvgIconLiteral("copy-icon", sanitizer.bypassSecurityTrustHtml(COPY_ICON));
+        iconRegistry.addSvgIconLiteral("paste-icon", sanitizer.bypassSecurityTrustHtml(PASTE_ICON));
+        iconRegistry.addSvgIconLiteral("insert-icon", sanitizer.bypassSecurityTrustHtml(INSERT_ICON));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruIconModule, deps: [{ token: i1$5.DomSanitizer }, { token: i2$1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: TruIconModule, imports: [CommonModule, FormsModule] });
@@ -5892,20 +5904,22 @@ class TruDataGridPkeyCellRenderer {
     contextMenu;
     params;
     contextMenuPosition = { x: '0px', y: '0px' };
+    displayValue = '';
     // private eGui: is an empty element to satisfy the getGui method.    
     eGui;
     onRightClick = (event) => {
         event.preventDefault();
-        this.contextMenuPosition.x = (event.clientX - 27) + 'px';
-        this.contextMenuPosition.y = event.clientY + 'px';
+        this.contextMenuPosition.x = event.clientX + 'px';
+        this.contextMenuPosition.y = (event.clientY - 130) + 'px';
         this.contextMenu.menu?.focusFirstItem('mouse');
         this.contextMenu.openMenu();
     };
     agInit(params) {
         this.params = params;
-        let value = params.value;
         if (params.value < 0)
-            value = 'NEW';
+            this.displayValue = 'NEW';
+        else
+            this.displayValue = params.value;
         params.eGridCell.addEventListener('contextmenu', this.onRightClick);
     }
     getGui() {
@@ -5916,7 +5930,7 @@ class TruDataGridPkeyCellRenderer {
     }
     destroy() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridPkeyCellRenderer, deps: [], 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)">{{params.value}}
+    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"
@@ -5924,16 +5938,19 @@ class TruDataGridPkeyCellRenderer {
     </div>
     <mat-menu #truDataGridContextMenu="matMenu">
       <button mat-menu-item>
+        <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
       </button>
       <button mat-menu-item disabled>
+        <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: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { 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 });
+  </div>`, isInline: true, styles: [""], 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,
@@ -5943,9 +5960,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                         CommonModule,
                         MatIconModule,
                         MatButtonModule,
-                        MatMenuModule,
-                        MatIconModule
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div (contextmenu)="onRightClick($event)">{{params.value}}
+                        MatMenuModule
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
     <div style="visibility: hidden; position: fixed"
       [style.left]="contextMenuPosition.x"
       [style.top]="contextMenuPosition.y"
@@ -5953,12 +5969,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
     </div>
     <mat-menu #truDataGridContextMenu="matMenu">
       <button mat-menu-item>
+        <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
       </button>
       <button mat-menu-item disabled>
+        <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>