tabulator-tables 5.0.6 → 5.0.7

package/bower.json

@@ -1,7 +1,7 @@
 {
   "name": "tabulator",
   "main": "dist/js/tabulator.js",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "description": "Interactive table generation JavaScript library",
   "keywords": [
     "table",

package/build/rollup.js

@@ -1,5 +1,5 @@
 import Bundler  from "./Bundler.js";
 
-var bundler = new Bundler("5.0.6", process.env.TARGET);
+var bundler = new Bundler("5.0.7", process.env.TARGET);
 
 module.exports = bundler.bundle();

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.0.6 (c) Oliver Folkerd 2021 */
+/* Tabulator v5.0.7 (c) Oliver Folkerd 2021 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -731,7 +731,7 @@
     return CellComponent;
   }();
 
-  var Cell$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Cell = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Cell, _CoreFeature);
 
     var _super = _createSuper(Cell);
@@ -2015,7 +2015,7 @@
     }, {
       key: "generateCell",
       value: function generateCell(row) {
-        var cell = new Cell$1(this, row);
+        var cell = new Cell(this, row);
         this.cells.push(cell);
         return cell;
       }
@@ -3198,8 +3198,9 @@
             index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
 
         if (nextToColumn && index > -1) {
-          var parentIndex = this.columns.indexOf(nextToColumn.getTopColumn());
-          var nextEl = nextToColumn.getElement();
+          var topColumn = nextToColumn.getTopColumn();
+          var parentIndex = this.columns.indexOf(topColumn);
+          var nextEl = topColumn.getElement();
 
           if (before) {
             this.columns.splice(parentIndex, 0, column);
@@ -3565,13 +3566,11 @@
 
           _this6.dispatch("column-add", definition, before, nextToColumn);
 
-          _this6.redraw(true);
-
           if (_this6.layoutMode() != "fitColumns") {
             column.reinitializeWidth();
           }
 
-          _this6.verticalAlignHeaders();
+          _this6.redraw(true);
 
           _this6.table.rowManager.reinitialize();
 
@@ -3747,7 +3746,7 @@
     return RowComponent;
   }();
 
-  var Row$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Row = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Row, _CoreFeature);
 
     var _super = _createSuper(Row);
@@ -5033,7 +5032,7 @@
         var _this3 = this;
 
         if (_typeof(subject) == "object") {
-          if (subject instanceof Row$1) {
+          if (subject instanceof Row) {
             //subject is row element
             return subject;
           } else if (subject instanceof RowComponent$1) {
@@ -5123,7 +5122,7 @@
           this.dispatch("data-processing", data);
           data.forEach(function (def, i) {
             if (def && _typeof(def) === "object") {
-              var row = new Row$1(def, _this5);
+              var row = new Row(def, _this5);
 
               _this5.rows.push(row);
             } else {
@@ -5256,7 +5255,7 @@
     }, {
       key: "addRowActual",
       value: function addRowActual(data, pos, index, blockRedraw) {
-        var row = data instanceof Row$1 ? data : new Row$1(data || {}, this),
+        var row = data instanceof Row ? data : new Row(data || {}, this),
             top = this.findAddRowPos(pos),
             allIndex = -1,
             activeIndex,
@@ -5408,7 +5407,7 @@
           nextRow = this.getDisplayRows()[index + 1];
         }
 
-        if (nextRow && (!(nextRow instanceof Row$1) || nextRow.type != "row")) {
+        if (nextRow && (!(nextRow instanceof Row) || nextRow.type != "row")) {
           return this.nextDisplayRow(nextRow, rowOnly);
         }
 
@@ -5424,7 +5423,7 @@
           prevRow = this.getDisplayRows()[index - 1];
         }
 
-        if (rowOnly && prevRow && (!(prevRow instanceof Row$1) || prevRow.type != "row")) {
+        if (rowOnly && prevRow && (!(prevRow instanceof Row) || prevRow.type != "row")) {
           return this.prevDisplayRow(prevRow, rowOnly);
         }
 
@@ -6185,8 +6184,7 @@
           if (listener.components.length) {
             if (!listener.handler) {
               listener.handler = this.track.bind(this, key);
-              this.el.addEventListener(key, listener.handler);
-              console.log("add", key); // this.el.addEventListener(key, listener.handler, {passive: true})
+              this.el.addEventListener(key, listener.handler); // this.el.addEventListener(key, listener.handler, {passive: true})
             }
           } else {
             if (listener.handler) {
@@ -8168,7 +8166,11 @@
     }, {
       key: "replaceData",
       value: function replaceData(data, params, config) {
-        return this.dataLoader.load(data, params, config, true, true);
+        if (this.initialized) {
+          return this.dataLoader.load(data, params, config, true, true);
+        } else {
+          console.warn("replaceData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //update table data
 
     }, {
@@ -8177,59 +8179,68 @@
         var _this3 = this;
 
         var responses = 0;
-        return new Promise(function (resolve, reject) {
-          _this3.dataLoader.blockActiveLoad();
 
-          if (typeof data === "string") {
-            data = JSON.parse(data);
-          }
+        if (this.initialized) {
+          return new Promise(function (resolve, reject) {
+            _this3.dataLoader.blockActiveLoad();
 
-          if (data) {
-            data.forEach(function (item) {
-              var row = _this3.rowManager.findRow(item[_this3.options.index]);
+            if (typeof data === "string") {
+              data = JSON.parse(data);
+            }
 
-              if (row) {
-                responses++;
-                row.updateData(item).then(function () {
-                  responses--;
+            if (data) {
+              data.forEach(function (item) {
+                var row = _this3.rowManager.findRow(item[_this3.options.index]);
 
-                  if (!responses) {
-                    resolve();
-                  }
-                });
-              }
-            });
-          } else {
-            console.warn("Update Error - No data provided");
-            reject("Update Error - No data provided");
-          }
-        });
+                if (row) {
+                  responses++;
+                  row.updateData(item).then(function () {
+                    responses--;
+
+                    if (!responses) {
+                      resolve();
+                    }
+                  });
+                }
+              });
+            } else {
+              console.warn("Update Error - No data provided");
+              reject("Update Error - No data provided");
+            }
+          });
+        } else {
+          console.warn("updateData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       }
     }, {
       key: "addData",
       value: function addData(data, pos, index) {
         var _this4 = this;
 
-        return new Promise(function (resolve, reject) {
-          _this4.dataLoader.blockActiveLoad();
+        if (this.initialized) {
+          return new Promise(function (resolve, reject) {
+            _this4.dataLoader.blockActiveLoad();
 
-          if (typeof data === "string") {
-            data = JSON.parse(data);
-          }
+            if (typeof data === "string") {
+              data = JSON.parse(data);
+            }
 
-          if (data) {
-            _this4.rowManager.addRows(data, pos, index).then(function (rows) {
-              var output = [];
-              rows.forEach(function (row) {
-                output.push(row.getComponent());
+            if (data) {
+              _this4.rowManager.addRows(data, pos, index).then(function (rows) {
+                var output = [];
+                rows.forEach(function (row) {
+                  output.push(row.getComponent());
+                });
+                resolve(output);
               });
-              resolve(output);
-            });
-          } else {
-            console.warn("Update Error - No data provided");
-            reject("Update Error - No data provided");
-          }
-        });
+            } else {
+              console.warn("Update Error - No data provided");
+              reject("Update Error - No data provided");
+            }
+          });
+        } else {
+          console.warn("addData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //update table data
 
     }, {
@@ -8239,44 +8250,49 @@
 
         var rows = [],
             responses = 0;
-        return new Promise(function (resolve, reject) {
-          _this5.dataLoader.blockActiveLoad();
 
-          if (typeof data === "string") {
-            data = JSON.parse(data);
-          }
+        if (this.initialized) {
+          return new Promise(function (resolve, reject) {
+            _this5.dataLoader.blockActiveLoad();
 
-          if (data) {
-            data.forEach(function (item) {
-              var row = _this5.rowManager.findRow(item[_this5.options.index]);
+            if (typeof data === "string") {
+              data = JSON.parse(data);
+            }
 
-              responses++;
+            if (data) {
+              data.forEach(function (item) {
+                var row = _this5.rowManager.findRow(item[_this5.options.index]);
 
-              if (row) {
-                row.updateData(item).then(function () {
-                  responses--;
-                  rows.push(row.getComponent());
+                responses++;
 
-                  if (!responses) {
-                    resolve(rows);
-                  }
-                });
-              } else {
-                _this5.rowManager.addRows(item).then(function (newRows) {
-                  responses--;
-                  rows.push(newRows[0].getComponent());
+                if (row) {
+                  row.updateData(item).then(function () {
+                    responses--;
+                    rows.push(row.getComponent());
 
-                  if (!responses) {
-                    resolve(rows);
-                  }
-                });
-              }
-            });
-          } else {
-            console.warn("Update Error - No data provided");
-            reject("Update Error - No data provided");
-          }
-        });
+                    if (!responses) {
+                      resolve(rows);
+                    }
+                  });
+                } else {
+                  _this5.rowManager.addRows(item).then(function (newRows) {
+                    responses--;
+                    rows.push(newRows[0].getComponent());
+
+                    if (!responses) {
+                      resolve(rows);
+                    }
+                  });
+                }
+              });
+            } else {
+              console.warn("Update Error - No data provided");
+              reject("Update Error - No data provided");
+            }
+          });
+        } else {
+          console.warn("updateOrAddData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //get row object
 
     }, {
@@ -8354,13 +8370,17 @@
     }, {
       key: "addRow",
       value: function addRow(data, pos, index) {
-        if (typeof data === "string") {
-          data = JSON.parse(data);
-        }
+        if (this.initialized) {
+          if (typeof data === "string") {
+            data = JSON.parse(data);
+          }
 
-        return this.rowManager.addRows(data, pos, index).then(function (rows) {
-          return rows[0].getComponent();
-        });
+          return this.rowManager.addRows(data, pos, index).then(function (rows) {
+            return rows[0].getComponent();
+          });
+        } else {
+          console.warn("addRow failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //update a row if it exitsts otherwise create it
 
     }, {
@@ -8428,7 +8448,11 @@
     }, {
       key: "getRows",
       value: function getRows(active) {
-        return this.rowManager.getComponents(active);
+        if (this.initialized) {
+          return this.rowManager.getComponents(active);
+        } else {
+          console.warn("getRows failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       } //get position of row in table
 
     }, {
@@ -8585,8 +8609,12 @@
     }, {
       key: "redraw",
       value: function redraw(force) {
-        this.columnManager.redraw(force);
-        this.rowManager.redraw(force);
+        if (this.initialized) {
+          this.columnManager.redraw(force);
+          this.rowManager.redraw(force);
+        } else {
+          console.warn("redraw failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+        }
       }
     }, {
       key: "setHeight",
@@ -10043,7 +10071,7 @@
           this.table.modules.mutator.disable();
         }
 
-        row = new Row$1(rowData, this, "calc");
+        row = new Row(rowData, this, "calc");
 
         if (this.table.modExists("mutator")) {
           this.table.modules.mutator.enable();
@@ -10084,7 +10112,7 @@
 
             _this4.genColumn.definition.cssClass = column.definition.cssClass; //generate cell and assign to correct column
 
-            var cell = new Cell$1(_this4.genColumn, row);
+            var cell = new Cell(_this4.genColumn, row);
             cell.getElement();
             cell.column = column;
             cell.setWidth();
@@ -10518,7 +10546,7 @@
           var config, children;
           output.push(row);
 
-          if (row instanceof Row$1) {
+          if (row instanceof Row) {
             row.create();
             config = row.modules.dataTree.children;
 
@@ -10583,7 +10611,7 @@
         }
 
         childArray.forEach(function (childData) {
-          var childRow = new Row$1(childData || {}, _this6.table.rowManager);
+          var childRow = new Row(childData || {}, _this6.table.rowManager);
           childRow.create();
           childRow.modules.dataTree.index = row.modules.dataTree.index + 1;
           childRow.modules.dataTree.parent = row;
@@ -10657,7 +10685,7 @@
           }
 
           children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(childRow);
             }
           });
@@ -10730,7 +10758,7 @@
         var match = false;
 
         if (_typeof(subject) == "object") {
-          if (subject instanceof Row$1) {
+          if (subject instanceof Row) {
             //subject is row element
             match = subject.data;
           } else if (subject instanceof RowComponent) {
@@ -10739,7 +10767,7 @@
           } else if (typeof HTMLElement !== "undefined" && subject instanceof HTMLElement) {
             if (parent.modules.dataTree) {
               match = parent.modules.dataTree.children.find(function (childRow) {
-                return childRow instanceof Row$1 ? childRow.element === subject : false;
+                return childRow instanceof Row ? childRow.element === subject : false;
               });
 
               if (match) {
@@ -10783,7 +10811,7 @@
           }
 
           config.children.forEach(function (childRow) {
-            if (childRow instanceof Row$1) {
+            if (childRow instanceof Row) {
               output.push(component ? childRow.getComponent() : childRow);
 
               if (recurse) {
@@ -14586,6 +14614,8 @@
       _this.prevHeaderFilterChangeCheck = "{}";
       _this.changed = false; //has filtering changed since last render
 
+      _this.tableInitialized = false;
+
       _this.registerTableOption("filterMode", "local"); //local or remote filtering
 
 
@@ -14684,6 +14714,8 @@
             }
           });
         }
+
+        this.tableInitialized = true;
       }
     }, {
       key: "remoteFilterParams",
@@ -15152,10 +15184,12 @@
     }, {
       key: "refreshFilter",
       value: function refreshFilter() {
-        if (this.table.options.filterMode === "remote") {
-          this.reloadData();
-        } else {
-          this.refreshData();
+        if (this.tableInitialized) {
+          if (this.table.options.filterMode === "remote") {
+            this.reloadData();
+          } else {
+            this.refreshData();
+          }
         } //TODO - Persist left position of row manager
         // left = this.scrollLeft;
         // this.scrollHorizontal(left);
@@ -16739,7 +16773,11 @@
 
         if (index > -1) {
           var rowEl = row.getElement();
-          rowEl.parentNode.removeChild(rowEl);
+
+          if (rowEl.parentNode) {
+            rowEl.parentNode.removeChild(rowEl);
+          }
+
           this.rows.splice(index, 1);
         }
       }
@@ -17577,6 +17615,30 @@
     _createClass(GroupRows, [{
       key: "initialize",
       value: function initialize() {
+        if (this.table.options.groupBy) {
+          this.configureGroupSetup();
+
+          if (this.table.options.groupUpdateOnCellEdit) {
+            this.subscribe("cell-value-updated", this.cellUpdated.bind(this));
+            this.subscribe("row-data-changed", this.reassignRowToGroup.bind(this), 0);
+          }
+
+          this.subscribe("row-deleting", this.rowDeleting.bind(this));
+          this.subscribe("row-deleted", this.rowsUpdated.bind(this));
+          this.subscribe("scroll-horizontal", this.scrollHeaders.bind(this));
+          this.subscribe("rows-wipe", this.wipe.bind(this));
+          this.subscribe("rows-added", this.rowsUpdated.bind(this));
+          this.subscribe("row-moving", this.rowMoving.bind(this));
+          this.subscribe("row-adding-index", this.rowAddingIndex.bind(this));
+          this.subscribe("rows-sample", this.rowSample.bind(this));
+          this.subscribe("render-virtual-fill", this.virtualRenderFill.bind(this));
+          this.registerDisplayHandler(this.displayHandler, 20);
+          this.initialized = true;
+        }
+      }
+    }, {
+      key: "configureGroupSetup",
+      value: function configureGroupSetup() {
         var _this2 = this;
 
         if (this.table.options.groupBy) {
@@ -17666,23 +17728,6 @@
           if (groupHeader) {
             this.headerGenerator = Array.isArray(groupHeader) ? groupHeader : [groupHeader];
           }
-
-          if (this.table.options.groupUpdateOnCellEdit) {
-            this.subscribe("cell-value-updated", this.cellUpdated.bind(this));
-            this.subscribe("row-data-changed", this.reassignRowToGroup.bind(this), 0);
-          }
-
-          this.subscribe("row-deleting", this.rowDeleting.bind(this));
-          this.subscribe("row-deleted", this.rowsUpdated.bind(this));
-          this.subscribe("scroll-horizontal", this.scrollHeaders.bind(this));
-          this.subscribe("rows-wipe", this.wipe.bind(this));
-          this.subscribe("rows-added", this.rowsUpdated.bind(this));
-          this.subscribe("row-moving", this.rowMoving.bind(this));
-          this.subscribe("row-adding-index", this.rowAddingIndex.bind(this));
-          this.subscribe("rows-sample", this.rowSample.bind(this));
-          this.subscribe("render-virtual-fill", this.virtualRenderFill.bind(this));
-          this.registerDisplayHandler(this.displayHandler, 20);
-          this.initialized = true;
         }
       }
     }, {
@@ -17744,23 +17789,23 @@
       key: "setGroupBy",
       value: function setGroupBy(groups) {
         this.table.options.groupBy = groups;
-        this.initialize();
-        this.refreshData(false, "display");
+        this.configureGroupSetup();
+        this.refreshData();
         this.trackChanges();
       }
     }, {
       key: "setGroupValues",
       value: function setGroupValues(groupValues) {
         this.table.options.groupValues = groupValues;
-        this.initialize();
-        this.refreshData(false, "display");
+        this.configureGroupSetup();
+        this.refreshData();
         this.trackChanges();
       }
     }, {
       key: "setGroupStartOpen",
       value: function setGroupStartOpen(values) {
         this.table.options.groupStartOpen = values;
-        this.initialize();
+        this.configureGroupSetup();
 
         if (this.table.options.groupBy) {
           this.refreshData();
@@ -17773,7 +17818,7 @@
       key: "setGroupHeader",
       value: function setGroupHeader(values) {
         this.table.options.groupHeader = values;
-        this.initialize();
+        this.configureGroupSetup();
 
         if (this.table.options.groupBy) {
           this.refreshData();
@@ -17856,7 +17901,7 @@
     }, {
       key: "getRows",
       value: function getRows(rows) {
-        if (this.groupIDLookups.length) {
+        if (this.table.options.groupBy && this.groupIDLookups.length) {
           this.dispatchExternal("dataGrouping");
           this.generateGroups(rows);
 
@@ -18217,7 +18262,7 @@
           }
         }
 
-        this.history.action("rowDelete", row, {
+        this.action("rowDelete", row, {
           data: row.getData(),
           pos: !index,
           index: index
@@ -18833,7 +18878,7 @@
             callback;
 
         if (this.columnSubscribers[action]) {
-          if (component instanceof Cell$1) {
+          if (component instanceof Cell) {
             callback = component.column.definition[action];
           } else if (component instanceof Column$1) {
             callback = component.definition[action];
@@ -19722,7 +19767,9 @@
     }, {
       key: "startMove",
       value: function startMove(e, column) {
-        var element = column.getElement();
+        var element = column.getElement(),
+            headerElement = this.table.columnManager.getElement(),
+            headersElement = this.table.columnManager.getHeadersElement();
         this.moving = column;
         this.startX = (this.touchMove ? e.touches[0].pageX : e.pageX) - Helpers.elOffset(element).left;
         this.table.element.classList.add("tabulator-block-select"); //create placeholder
@@ -19736,7 +19783,7 @@
         this.hoverElement.classList.add("tabulator-moving");
         this.table.columnManager.getElement().appendChild(this.hoverElement);
         this.hoverElement.style.left = "0";
-        this.hoverElement.style.bottom = "0";
+        this.hoverElement.style.bottom = headerElement.clientHeight - headersElement.offsetHeight + "px";
 
         if (!this.touchMove) {
           this._bindMouseMove();
@@ -19776,7 +19823,7 @@
           column.getCells().forEach(function (cell, i) {
             var cellEl = cell.getElement(true);
 
-            if (cellEl.parentNode) {
+            if (cellEl.parentNode && movingCells[i]) {
               cellEl.parentNode.insertBefore(movingCells[i].getElement(), cellEl.nextSibling);
             }
           });
@@ -19784,7 +19831,7 @@
           column.getCells().forEach(function (cell, i) {
             var cellEl = cell.getElement(true);
 
-            if (cellEl.parentNode) {
+            if (cellEl.parentNode && movingCells[i]) {
               cellEl.parentNode.insertBefore(movingCells[i].getElement(), cellEl);
             }
           });
@@ -23329,7 +23376,7 @@
           this.subscribe("row-init", this.initializeRow.bind(this));
           this.subscribe("row-deleting", this.rowDeleted.bind(this));
           this.subscribe("rows-wipe", this.clearSelectionData.bind(this));
-          this.subscribe("rows-retrieve", this.clearSelectionData.bind(this));
+          this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
 
           if (this.table.options.selectable && this.table.options.selectablePersistence) {
             this.subscribe("data-refeshing", this.deselectRows.bind(this));