ngx-deebodata 0.0.7 → 0.0.9

package/README.md

@@ -44,14 +44,14 @@ import { NgxDeebodata } from 'ngx-deebodata';
 ></ngx-deebodata>
 ```
 
-**It's best to pass hex colors to color1, color2, pieGraphColors, & altRowColor, but css colors work too**  
+It's best to pass hex colors to **color1, color2, pieGraphColors, & altRowColor,** but css colors work too  
 
-**Always pass a px value to defRowHgt like '50px'**
+Always pass a **px** string value to defRowHgt like '50px'
 
 **forceGrouping** - if a column you want grouping/dropdown filters for isn't getting that treatment automatically, try to force it with this - may or may not work 
 depending on how many distinct values the column has and other criteria 
 
-**removePieCovers input can be a boolean or a string[] of column names where the pie graph should be uncovered**
+**removePieCovers** input can be a boolean or a string[] of column names where the pie graph should be uncovered
 
 
 **To pass Column Symbols (Numeric columns only)**

package/fesm2022/ngx-deebodata.mjs

@@ -1903,8 +1903,14 @@ class DataCellComponent {
         }
         else {
             const nxtCell = this.cellElem.nativeElement?.parentElement?.nextElementSibling?.firstElementChild;
-            if (nxtCell)
+            if (nxtCell) {
                 nxtCell.focus();
+            }
+            else {
+                const nxtRowCell = document.querySelector("#dataTableRow" + (parseInt(this.rowId.replace(/^dataTableRow/, "")) + 1) + " .data-cell:not(.col-header-minimized)");
+                if (nxtRowCell)
+                    nxtRowCell.focus();
+            }
         }
     }
     execFreeEdit() {
@@ -6010,7 +6016,6 @@ class NgxDeebodata {
     }
     execValClear(e, clearDrag) {
         this.blurContEd();
-        console.log("Asdasdassa")
         if (e && e.target && e.target.getAttribute("type") === "button") { //keep the cell
             try {
                 this.fCellDragger.nativeElement.focus();
@@ -6105,10 +6110,20 @@ class NgxDeebodata {
     handleFDragTab(e) {
         if (e && this.common.isTabKey(e)) {
             const cell = document.getElementsByClassName("dragger-cell-focused")[0];
-            const nxtCell = cell.parentElement?.nextElementSibling?.firstElementChild;
-            if (cell && nxtCell) {
-                this.dataTableService.autoScrollOnEdit = true;
-                setTimeout(() => { nxtCell.focus(); });
+            if (cell) {
+                const nxtCell = cell.parentElement?.nextElementSibling?.firstElementChild;
+                if (nxtCell) {
+                    this.dataTableService.autoScrollOnEdit = true;
+                    setTimeout(() => { nxtCell.focus(); });
+                }
+                else {
+                    const nxtRow = cell.parentElement?.parentElement?.nextElementSibling;
+                    if (nxtRow) {
+                        const nxtRowCell = document.querySelector("#" + nxtRow.id + " .data-cell:not(.col-header-minimized)");
+                        if (nxtRowCell)
+                            nxtRowCell.focus();
+                    }
+                }
             }
         }
     }