ngx-deebodata 0.1.5 → 0.1.7

package/README.md

@@ -1,12 +1,12 @@
 # NgxDeebodata
 
-Commercial data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering.
+Angular data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering. This package uses only basic @angular packages and rxjs as peer dependencies. 
 
 # Licensing
 
-**Commercial license** - However, you can install this module and test the full functionality when developing locally at **http://localhost:4200/**  
+Install this package and use the full functionality when developing locally at **http://localhost:4200/**  
 
-To deploy to any live url, you need to obtain a deployment license for each developer on the project from https://deebodata.com/data-grid-checkout/angular
+To deploy to any live url, you need to obtain a **deployment license** for each developer on the project from https://deebodata.com/data-grid-checkout/angular
 
 ## Usage
 

package/fesm2022/ngx-deebodata.mjs

@@ -1664,7 +1664,7 @@ class DataTablePaginator {
     showSkipToOptions(event) {
         if (!this.showSkipTo)
             this.showSkipTo = true;
-        if (event && event.type === "click" && !this.listenToWindowSkipTo)
+        if (event && !this.listenToWindowSkipTo)
             setTimeout(() => { this.listenToWindowSkipTo = true; });
     }
     closeSkipOpts() {
@@ -1780,8 +1780,11 @@ class DataCellComponent {
         const cell = this.cellElem.nativeElement;
         if (this.cell.text && !cell.textContent)
             cell.textContent = this.cell.text;
-        if (this.cell.html && !cell.innerHTML)
+        if (this.cell.html && !cell.innerHTML) {
             cell.innerHTML = this.cell.html;
+            if (/ \<a/g.test(this.cell.html) || /a\> /g.test(this.cell.html))
+                cell.style.display = "inline-block";
+        }
         this.ready = true;
         if (this.cell.html) {
             setTimeout(() => {
@@ -1939,16 +1942,19 @@ class DataCellComponent {
                 nxtCell.focus();
             }
             else {
-                this.dataTableService.autoScrollOnEdit = true;
-                this.dataTableService.scrollBodyForTabbing(this.dataTableService.shiftKeyDown);
-                const baseRow = parseInt(this.rowId.replace(/^dataTableRow/, ""));
-                const nxtRowCell = document.querySelector("#dataTableRow" + (baseRow + (1 * this.dataTableService.shiftKeyDown)) + " .data-cell:not(.col-header-minimized)");
-                if (nxtRowCell)
-                    nxtRowCell.focus();
-                else {
-                    const skip = document.getElementById("skipTo");
-                    if (skip)
-                        skip.focus();
+                const nxtRow = this.dataTableService.shiftKeyDown === 1 ? this.cellElem.nativeElement.parentElement?.parentElement?.nextElementSibling :
+                    this.cellElem.nativeElement.parentElement?.parentElement?.previousElementSibling;
+                if (nxtRow) {
+                    this.dataTableService.autoScrollOnEdit = true;
+                    this.dataTableService.scrollBodyForTabbing(this.dataTableService.shiftKeyDown);
+                    const nxtRowCell = document.querySelector("#" + (nxtRow.id || "notHere") + " .data-cell:not(.col-header-minimized)");
+                    if (nxtRowCell)
+                        nxtRowCell.focus();
+                    else {
+                        const skip = document.getElementById("skipTo");
+                        if (skip)
+                            skip.focus();
+                    }
                 }
             }
         }
@@ -6170,7 +6176,7 @@ class NgxDeebodata {
                         cell.parentElement?.parentElement?.previousElementSibling;
                     if (nxtRow) {
                         this.dataTableService.scrollBodyForTabbing(this.dataTableService.shiftKeyDown);
-                        const nxtRowCell = document.querySelector("#" + nxtRow.id + " .data-cell:not(.col-header-minimized)");
+                        const nxtRowCell = document.querySelector("#" + (nxtRow.id || "notHere") + " .data-cell:not(.col-header-minimized)");
                         if (nxtRowCell)
                             nxtRowCell.focus();
                         else {