tabulator-tables 5.0.7 → 5.1.0

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.0.7 (c) Oliver Folkerd 2021 */
+/* Tabulator v5.1.0 (c) Oliver Folkerd 2022 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -225,8 +225,6 @@
     //minimum height of tabulator
     maxHeight: false,
     //maximum height of tabulator
-    columnMaxWidth: false,
-    //minimum global width for a column
     columnHeaderVertAlign: "top",
     //vertical alignment of column headers
     columns: [],
@@ -239,7 +237,7 @@
     //build columns from data row structure
     autoColumnsDefinitions: false,
     nestedFieldSeparator: ".",
-    //seperatpr for nested data
+    //separator for nested data
     tooltipGenerationMode: "load",
     //when to generate tooltips
     footerElement: false,
@@ -267,6 +265,7 @@
     dataLoader: true,
     dataLoaderLoading: false,
     dataLoaderError: false,
+    dataLoaderErrorTimeout: 3000,
     dataSendParams: {},
     dataReceiveParams: {}
   };
@@ -414,11 +413,7 @@
 
     }, {
       key: "options",
-      value: function options(key, value) {
-        if (typeof value !== "undefined") {
-          this.table.options[key] = value;
-        }
-
+      value: function options(key) {
         return this.table.options[key];
       }
     }, {
@@ -476,6 +471,11 @@
       value: function getField() {
         return this._column.getField();
       }
+    }, {
+      key: "getTitleDownload",
+      value: function getTitleDownload() {
+        return this._column.getTitleDownload();
+      }
     }, {
       key: "getCells",
       value: function getCells() {
@@ -616,7 +616,7 @@
     return ColumnComponent;
   }();
 
-  var defaultOptions$1 = {
+  var defaultColumnOptions = {
     "title": undefined,
     "field": undefined,
     "columns": undefined,
@@ -626,6 +626,7 @@
     "width": undefined,
     "minWidth": 40,
     "maxWidth": undefined,
+    "maxInitialWidth": undefined,
     "tooltip": undefined,
     "cssClass": undefined,
     "variableHeight": undefined,
@@ -939,6 +940,11 @@
         if (changed) {
           this.dispatch("cell-value-updated", this);
           this.cellRendered();
+
+          if (this.column.definition.cellEdited) {
+            this.column.definition.cellEdited.call(this.table, this.getComponent());
+          }
+
           this.dispatchExternal("cellEdited", this.getComponent());
 
           if (this.subscribedExternal("dataChanged")) {
@@ -951,7 +957,7 @@
       value: function setValueProcessData(value, mutate) {
         var changed = false;
 
-        if (this.value != value) {
+        if (this.value !== value) {
           changed = true;
 
           if (mutate) {
@@ -1125,6 +1131,7 @@
       _this.fieldStructure = "";
       _this.getFieldValue = "";
       _this.setFieldValue = "";
+      _this.titleDownload = null;
       _this.titleFormatterRendered = false;
 
       _this.mapDefinitions();
@@ -1141,6 +1148,7 @@
 
       _this.maxWidthStyled = ""; //column maximum prestyled to improve render efficiency
 
+      _this.maxInitialWidth = null;
       _this.minWidth = null; //column minimum width
 
       _this.minWidthStyled = ""; //column minimum prestyled to improve render efficiency
@@ -1257,7 +1265,7 @@
 
         var def = this.definition; //set header tooltips
 
-        var tooltip = typeof def.headerTooltip === "undefined" ? def.tooltip : def.headerTooltip;
+        var tooltip = def.headerTooltip;
 
         if (tooltip) {
           if (tooltip === true) {
@@ -1433,6 +1441,10 @@
 
         this.setMinWidth(parseInt(def.minWidth));
 
+        if (def.maxInitialWidth) {
+          this.maxInitialWidth = parseInt(def.maxInitialWidth);
+        }
+
         if (def.maxWidth) {
           this.setMaxWidth(parseInt(def.maxWidth));
         }
@@ -1682,6 +1694,11 @@
       key: "getField",
       value: function getField() {
         return this.field;
+      }
+    }, {
+      key: "getTitleDownload",
+      value: function getTitleDownload() {
+        return this.titleDownload;
       } //return the first column in a group
 
     }, {
@@ -1818,7 +1835,7 @@
           this.cells.forEach(function (cell) {
             cell.hide();
           });
-          this.dispatch("column-hide", this);
+          this.dispatch("column-hide", this, responsiveToggle);
 
           if (!silent) {
             this.dispatchExternal("columnVisibilityChanged", this.getComponent(), false);
@@ -1940,7 +1957,7 @@
     }, {
       key: "getHeight",
       value: function getHeight() {
-        return this.element.offsetHeight;
+        return Math.ceil(this.element.getBoundingClientRect().height);
       }
     }, {
       key: "setMinWidth",
@@ -2049,17 +2066,18 @@
         this.widthFixed = false; //set width if present
 
         if (typeof this.definition.width !== "undefined" && !force) {
+          // maxInitialWidth ignored here as width specified
           this.setWidth(this.definition.width);
         }
 
         this.dispatch("column-width-fit-before", this);
-        this.fitToData();
+        this.fitToData(force);
         this.dispatch("column-width-fit-after", this);
       } //set column width to maximum cell width for non group columns
 
     }, {
       key: "fitToData",
-      value: function fitToData() {
+      value: function fitToData(force) {
         if (this.isGroup) {
           return;
         }
@@ -2083,7 +2101,13 @@
           });
 
           if (maxWidth) {
-            this.setWidthActual(maxWidth + 1);
+            var setTo = maxWidth + 1;
+
+            if (this.maxInitialWidth && !force) {
+              setTo = Math.min(setTo, this.maxInitialWidth);
+            }
+
+            this.setWidthActual(setTo);
           }
         }
       }
@@ -2140,7 +2164,7 @@
     return Column;
   }(CoreFeature);
 
-  Column$1.defaultOptionList = defaultOptions$1;
+  Column$1.defaultOptionList = defaultColumnOptions;
 
   var Helpers = /*#__PURE__*/function () {
     function Helpers() {
@@ -2210,11 +2234,13 @@
 
   var OptionsList = /*#__PURE__*/function () {
     function OptionsList(table, msgType) {
+      var defaults = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
       _classCallCheck(this, OptionsList);
 
       this.table = table;
       this.msgType = msgType;
-      this.registeredDefaults = {};
+      this.registeredDefaults = Object.assign({}, defaults);
     }
 
     _createClass(OptionsList, [{
@@ -2342,7 +2368,7 @@
       }
     }, {
       key: "scrollToRowNearestTop",
-      value: function scrollToRowNearestTop(row) {//determin weather the row is nearest the top or bottom of the table, retur true for top or false for bottom
+      value: function scrollToRowNearestTop(row) {//determine weather the row is nearest the top or bottom of the table, retur true for top or false for bottom
       }
     }, {
       key: "visibleRows",
@@ -2416,6 +2442,7 @@
                 offset = Helpers.elOffset(rowEl).top - Helpers.elOffset(_this2.elementVertical).top;
 
                 if (offset > 0 && offset < _this2.elementVertical.clientHeight - rowEl.offsetHeight) {
+                  resolve();
                   return false;
                 }
               }
@@ -2526,27 +2553,27 @@
     _createClass(VirtualDomHorizontal, [{
       key: "initialize",
       value: function initialize() {
-        this.compatabilityCheck();
+        this.compatibilityCheck();
       }
     }, {
-      key: "compatabilityCheck",
-      value: function compatabilityCheck() {
+      key: "compatibilityCheck",
+      value: function compatibilityCheck() {
         var columns = this.options("columns"),
             frozen = false,
             ok = true;
 
         if (this.options("layout") == "fitDataTable") {
-          console.warn("Horizontal Vitrual DOM is not compatible with fitDataTable layout mode");
+          console.warn("Horizontal Virtual DOM is not compatible with fitDataTable layout mode");
           ok = false;
         }
 
         if (this.options("responsiveLayout")) {
-          console.warn("Horizontal Vitrual DOM is not compatible with responsive columns");
+          console.warn("Horizontal Virtual DOM is not compatible with responsive columns");
           ok = false;
         }
 
         if (this.options("rtl")) {
-          console.warn("Horizontal Vitrual DOM is not currently compatible with RTL text direction");
+          console.warn("Horizontal Virtual DOM is not currently compatible with RTL text direction");
           ok = false;
         }
 
@@ -2556,7 +2583,7 @@
           });
 
           if (frozen) {
-            console.warn("Horizontal Vitrual DOM is not compatible with frozen columns");
+            console.warn("Horizontal Virtual DOM is not compatible with frozen columns");
             ok = false;
           }
         } // if(!ok){
@@ -2612,7 +2639,7 @@
             config.width = width;
 
             if (_this2.options("layout") === "fitData") {
-              config.fitDataCheck = true;
+              config.fitDataCheck = column.modules.vdomHoz ? column.modules.vdomHoz.fitDataCheck : true;
             }
 
             if (colPos + width > _this2.vDomScrollPosLeft && colPos < _this2.vDomScrollPosRight) {
@@ -2642,7 +2669,7 @@
 
         if (!blockRedraw) {
           if (!update || this.reinitChanged(old)) {
-            this.renitializeRows();
+            this.reinitializeRows();
           }
         }
 
@@ -2769,8 +2796,8 @@
         return !match;
       }
     }, {
-      key: "renitializeRows",
-      value: function renitializeRows() {
+      key: "reinitializeRows",
+      value: function reinitializeRows() {
         var _this5 = this;
 
         var rows = this.table.rowManager.getVisibleRows();
@@ -2823,7 +2850,7 @@
             }
           });
           this.fitDataColActualWidthCheck(column);
-          this.rightCol++;
+          this.rightCol++; // Don't move this below the >= check below
 
           if (this.rightCol >= this.columns.length - 1) {
             this.vDomPadRight = 0;
@@ -2851,15 +2878,16 @@
             }
           });
           this.fitDataColActualWidthCheck(column);
+          this.leftCol--; // don't move this below the <= check below
 
-          if (!this.leftCol) {
+          if (this.leftCol <= 0) {
+            // replicating logic in addColRight
             this.vDomPadLeft = 0;
           } else {
             this.vDomPadLeft -= column.getWidth();
           }
 
           this.tableElement.style.paddingLeft = this.vDomPadLeft + "px";
-          this.leftCol--;
           this.addColLeft();
         }
       }
@@ -2875,7 +2903,12 @@
           rows.forEach(function (row) {
             if (row.type !== "group") {
               var cell = row.getCell(column);
-              row.getElement().removeChild(cell.getElement());
+
+              try {
+                row.getElement().removeChild(cell.getElement());
+              } catch (ex) {
+                console.warn("Could not removeColRight", ex.message);
+              }
             }
           });
           this.vDomPadRight += column.getWidth();
@@ -2893,11 +2926,21 @@
         if (column && column.modules.vdomHoz.rightPos < this.vDomScrollPosLeft) {
           rows = this.table.rowManager.getVisibleRows();
           rows.forEach(function (row) {
+            var cell, el;
+
             if (row.type !== "group") {
-              var cell = row.getCell(column);
+              cell = row.getCell(column);
 
-              if (cell.parentNode) {
-                row.getElement().removeChild(cell.getElement());
+              if (cell) {
+                el = cell.getElement();
+
+                if (el.parentNode) {
+                  try {
+                    row.getElement().removeChild(el);
+                  } catch (ex) {
+                    console.warn("Could not removeColLeft", ex.message);
+                  }
+                }
               }
             }
           });
@@ -2988,7 +3031,7 @@
       _this.columnsByField = {}; //columns by field
 
       _this.scrollLeft = 0;
-      _this.optionsList = new OptionsList(_this.table, "column definition");
+      _this.optionsList = new OptionsList(_this.table, "column definition", defaultColumnOptions);
       _this.renderer = null;
       return _this;
     } ////////////// Setup Functions /////////////////
@@ -3315,8 +3358,8 @@
         return this.columnsByIndex[index];
       }
     }, {
-      key: "getFirstVisibileColumn",
-      value: function getFirstVisibileColumn(index) {
+      key: "getFirstVisibleColumn",
+      value: function getFirstVisibleColumn(index) {
         var index = this.columnsByIndex.findIndex(function (col) {
           return col.visible;
         });
@@ -3849,12 +3892,12 @@
           }
 
           this.dispatch("row-layout", this);
+          this.initialized = true;
 
           if (this.table.options.rowFormatter) {
             this.table.options.rowFormatter(this.getComponent());
           }
 
-          this.initialized = true;
           this.dispatch("row-layout-after", this);
         } else {
           this.table.columnManager.renderer.rerenderRowCells(this);
@@ -4264,7 +4307,8 @@
     }, {
       key: "rerenderRows",
       value: function rerenderRows(callback) {
-        this.render();
+        this.clearRows();
+        this.renderRows();
 
         if (callback) {
           callback();
@@ -4348,8 +4392,8 @@
         }
 
         element.style.paddingTop = "";
-        element.style.paddingBottom = "";
-        element.style.minWidth = "";
+        element.style.paddingBottom = ""; // element.style.minWidth = "";
+
         element.style.minHeight = "";
         element.style.display = "";
         element.style.visibility = "";
@@ -4921,7 +4965,7 @@
 
       _this.rows = []; //hold row data objects
 
-      _this.activeRowsPipeline = []; //hold caluclation of active rows
+      _this.activeRowsPipeline = []; //hold calculation of active rows
 
       _this.activeRows = []; //rows currently available to on display in the table
 
@@ -4935,11 +4979,11 @@
       _this.scrollLeft = 0;
       _this.rowNumColumn = false; //hold column component for row number column
 
-      _this.redrawBlock = false; //prevent redraws to allow multiple data manipulations becore continuing
+      _this.redrawBlock = false; //prevent redraws to allow multiple data manipulations before continuing
 
       _this.redrawBlockRestoreConfig = false; //store latest redraw function calls for when redraw is needed
 
-      _this.redrawBlockRederInPosition = false; //store latest redraw function calls for when redraw is needed
+      _this.redrawBlockRenderInPosition = false; //store latest redraw function calls for when redraw is needed
 
       _this.dataPipeline = []; //hold data pipeline tasks
 
@@ -5620,7 +5664,7 @@
             }
           }
 
-          this.dispatch("data-refeshed");
+          this.dispatch("data-refreshed");
         }
       } //regenerate row numbers for row number formatter if in use
 
@@ -5689,8 +5733,14 @@
       }
     }, {
       key: "getVisibleRows",
-      value: function getVisibleRows(viewable) {
-        return this.renderer.visibleRows(!viewable);
+      value: function getVisibleRows(chain, viewable) {
+        var rows = Object.assign([], this.renderer.visibleRows(!viewable));
+
+        if (chain) {
+          rows = this.chain("rows-visible", [viewable], rows, rows);
+        }
+
+        return rows;
       } //repeat action accross display rows
 
     }, {
@@ -5734,7 +5784,7 @@
           if (callback) {
             callback();
           } else {
-            this.redrawBlockRederInPosition = true;
+            this.redrawBlockRenderInPosition = true;
           }
         } else {
           this.renderer.rerenderRows(callback);
@@ -5918,12 +5968,12 @@
           this.refreshActiveData(this.redrawBlockRestoreConfig.handler, this.redrawBlockRestoreConfig.skipStage, this.redrawBlockRestoreConfig.renderInPosition);
           this.redrawBlockRestoreConfig = false;
         } else {
-          if (this.redrawBlockRederInPosition) {
+          if (this.redrawBlockRenderInPosition) {
             this.reRenderInPosition();
           }
         }
 
-        this.redrawBlockRederInPosition = false;
+        this.redrawBlockRenderInPosition = false;
       } //redraw table
 
     }, {
@@ -6095,7 +6145,7 @@
       _classCallCheck(this, InteractionManager);
 
       _this = _super.call(this, table);
-      _this.el = _this.table.element;
+      _this.el = null;
       _this.abortClasses = ["tabulator-headers", "tabulator-table"];
       _this.previousTargets = {};
       _this.listeners = ["click", "dblclick", "contextmenu", "mouseenter", "mouseleave", "mouseover", "mouseout", "mousemove", "touchstart", "touchend"];
@@ -6105,15 +6155,36 @@
         "tabulator-group": "group",
         "tabulator-col": "column"
       };
-
-      _this.buildListenerMap();
-
-      _this.bindSubscriptionWatchers();
-
+      _this.pseudoTrackers = {
+        "row": {
+          subscriber: null,
+          target: null
+        },
+        "cell": {
+          subscriber: null,
+          target: null
+        },
+        "group": {
+          subscriber: null,
+          target: null
+        },
+        "column": {
+          subscriber: null,
+          target: null
+        }
+      };
+      _this.pseudoTracking = false;
       return _this;
     }
 
     _createClass(InteractionManager, [{
+      key: "initialize",
+      value: function initialize() {
+        this.el = this.table.element;
+        this.buildListenerMap();
+        this.bindSubscriptionWatchers();
+      }
+    }, {
       key: "buildListenerMap",
       value: function buildListenerMap() {
         var listenerMap = {};
@@ -6125,6 +6196,55 @@
         });
         this.listeners = listenerMap;
       }
+    }, {
+      key: "bindPseudoEvents",
+      value: function bindPseudoEvents() {
+        var _this2 = this;
+
+        Object.keys(this.pseudoTrackers).forEach(function (key) {
+          _this2.pseudoTrackers[key].subscriber = _this2.pseudoMouseEnter.bind(_this2, key);
+
+          _this2.subscribe(key + "-mouseover", _this2.pseudoTrackers[key].subscriber);
+        });
+        this.pseudoTracking = true;
+      }
+    }, {
+      key: "pseudoMouseEnter",
+      value: function pseudoMouseEnter(key, e, target) {
+        if (this.pseudoTrackers[key].target !== target) {
+          if (this.pseudoTrackers[key].target) {
+            this.dispatch(key + "-mouseleave", e, target);
+          }
+
+          this.pseudoMouseLeave(key, e);
+          this.pseudoTrackers[key].target = target;
+          this.dispatch(key + "-mouseenter", e, target);
+        }
+      }
+    }, {
+      key: "pseudoMouseLeave",
+      value: function pseudoMouseLeave(key, e) {
+        var _this3 = this;
+
+        var leaveList = Object.keys(this.pseudoTrackers),
+            linkedKeys = {
+          "row": ["cell"],
+          "cell": ["row"]
+        };
+        leaveList = leaveList.filter(function (item) {
+          var links = linkedKeys[key];
+          return item !== key && (!links || links && !links.includes(item));
+        });
+        leaveList.forEach(function (key) {
+          var target = _this3.pseudoTrackers[key].target;
+
+          if (_this3.pseudoTrackers[key].target) {
+            _this3.dispatch(key + "-mouseleave", e, target);
+
+            _this3.pseudoTrackers[key].target = null;
+          }
+        });
+      }
     }, {
       key: "bindSubscriptionWatchers",
       value: function bindSubscriptionWatchers() {
@@ -6149,6 +6269,8 @@
             _iterator.f();
           }
         }
+
+        this.subscribe("table-destroy", this.clearWatchers.bind(this));
       }
     }, {
       key: "subscriptionChanged",
@@ -6171,6 +6293,10 @@
           }
         }
 
+        if ((key === "mouseenter" || key === "mouseleave") && !this.pseudoTracking) {
+          this.bindPseudoEvents();
+        }
+
         if (changed) {
           this.updateEventListeners();
         }
@@ -6201,11 +6327,15 @@
         var targets = this.findTargets(path);
         targets = this.bindComponents(type, targets);
         this.triggerEvents(type, e, targets);
+
+        if (this.pseudoTracking && (type == "mouseover" || type == "mouseleave") && !Object.keys(targets).length) {
+          this.pseudoMouseLeave("none", e);
+        }
       }
     }, {
       key: "findTargets",
       value: function findTargets(path) {
-        var _this2 = this;
+        var _this4 = this;
 
         var targets = {};
         var componentMap = Object.keys(this.componentMap);
@@ -6218,7 +6348,7 @@
             var el = _step2.value;
             var classList = el.classList ? _toConsumableArray(el.classList) : [];
             var abort = classList.filter(function (item) {
-              return _this2.abortClasses.includes(item);
+              return _this4.abortClasses.includes(item);
             });
 
             if (abort.length) {
@@ -6258,7 +6388,7 @@
     }, {
       key: "bindComponents",
       value: function bindComponents(type, targets) {
-        var _this3 = this;
+        var _this5 = this;
 
         //ensure row component is looked up before cell
         var keys = Object.keys(targets).reverse(),
@@ -6273,7 +6403,7 @@
             var key = _step4.value;
             var component = void 0;
             var target = targets[key];
-            var previousTarget = _this3.previousTargets[key];
+            var previousTarget = _this5.previousTargets[key];
 
             if (previousTarget && previousTarget.target === target) {
               component = previousTarget.component;
@@ -6281,8 +6411,8 @@
               switch (key) {
                 case "row":
                 case "group":
-                  if (listener.components.includes("row") || listener.components.includes("cell")) {
-                    var rows = _this3.table.rowManager.getVisibleRows();
+                  if (listener.components.includes("row") || listener.components.includes("cell") || listener.components.includes("group")) {
+                    var rows = _this5.table.rowManager.getVisibleRows(true);
 
                     component = rows.find(function (row) {
                       return row.getElement() === target;
@@ -6293,14 +6423,18 @@
 
                 case "column":
                   if (listener.components.includes("column")) {
-                    component = _this3.table.columnManager.findColumn(target);
+                    component = _this5.table.columnManager.findColumn(target);
                   }
 
                   break;
 
                 case "cell":
                   if (listener.components.includes("cell")) {
-                    component = targets["row"].findCell(target);
+                    if (targets["row"]) {
+                      component = targets["row"].findCell(target);
+                    } else {
+                      console.warn("Event Target Lookup Error - The row this cell is attached to cannot be found, has the table been reinitialized without being destroyed first?");
+                    }
                   }
 
                   break;
@@ -6339,20 +6473,32 @@
           }
         }
       }
+    }, {
+      key: "clearWatchers",
+      value: function clearWatchers() {
+        for (var key in this.listeners) {
+          var listener = this.listeners[key];
+
+          if (listener.handler) {
+            this.el.removeEventListener(key, listener.handler);
+            listener.handler = null;
+          }
+        }
+      }
     }]);
 
     return InteractionManager;
   }(CoreFeature);
 
-  var ComponentFuctionBinder = /*#__PURE__*/function () {
-    function ComponentFuctionBinder(table) {
-      _classCallCheck(this, ComponentFuctionBinder);
+  var ComponentFunctionBinder = /*#__PURE__*/function () {
+    function ComponentFunctionBinder(table) {
+      _classCallCheck(this, ComponentFunctionBinder);
 
       this.table = table;
       this.bindings = {};
     }
 
-    _createClass(ComponentFuctionBinder, [{
+    _createClass(ComponentFunctionBinder, [{
       key: "bind",
       value: function bind(type, funcName, handler) {
         if (!this.bindings[type]) {
@@ -6378,7 +6524,7 @@
       }
     }]);
 
-    return ComponentFuctionBinder;
+    return ComponentFunctionBinder;
   }();
 
   var DataLoader = /*#__PURE__*/function (_CoreFeature) {
@@ -6457,7 +6603,7 @@
           data = JSON.parse(data);
         }
 
-        if (this.confirm("data-loading", data, params, config, silent)) {
+        if (this.confirm("data-loading", [data, params, config, silent])) {
           this.loading = true;
 
           if (!silent) {
@@ -6465,9 +6611,9 @@
           } //get params for request
 
 
-          var params = this.chain("data-params", [data, config, silent], params || {}, {});
+          params = this.chain("data-params", [data, config, silent], params || {}, params || {});
           params = this.mapParams(params, this.table.options.dataSendParams);
-          var result = this.chain("data-load", [data, params, config, silent], Promise.resolve([]));
+          var result = this.chain("data-load", [data, params, config, silent], false, Promise.resolve([]));
           return result.then(function (response) {
             if (!Array.isArray(response) && _typeof(response) == "object") {
               response = _this2.mapParams(response, _this2.objectInvert(_this2.table.options.dataReceiveParams));
@@ -6497,7 +6643,7 @@
 
             setTimeout(function () {
               _this2.hideLoader();
-            }, 3000);
+            }, _this2.table.options.dataLoaderErrorTimeout);
           })["finally"](function () {
             _this2.loading = false;
           });
@@ -7377,7 +7523,13 @@
         "prev_title": "Prev Page",
         "next": "Next",
         "next_title": "Next Page",
-        "all": "All"
+        "all": "All",
+        "counter": {
+          "showing": "Showing",
+          "of": "of",
+          "rows": "rows",
+          "pages": "pages"
+        }
       },
       "headerFilters": {
         "default": "filter column...",
@@ -7785,13 +7937,13 @@
 
       this.browserSlow = false; //handle reduced functionality for slower browsers
 
-      this.browserMobile = false; //check if running on moble, prevent resize cancelling edit on keyboard appearence
+      this.browserMobile = false; //check if running on mobile, prevent resize cancelling edit on keyboard appearance
 
       this.rtl = false; //check if the table is in RTL mode
 
       this.originalElement = null; //hold original table element if it has been replaced
 
-      this.componentFunctionBinder = new ComponentFuctionBinder(this); //bind component functions
+      this.componentFunctionBinder = new ComponentFunctionBinder(this); //bind component functions
 
       this.dataLoader = false; //bind component functions
 
@@ -7805,14 +7957,14 @@
       this.initialized = false;
 
       if (this.initializeElement(element)) {
-        this.initialzeCoreSystems(options); //delay table creation to allow event bindings immediatly after the constructor
+        this.initialzeCoreSystems(options); //delay table creation to allow event bindings immediately after the constructor
 
         setTimeout(function () {
           _this._create();
         });
       }
 
-      TableRegistry.register(this); //register table for inderdevice communication
+      TableRegistry.register(this); //register table for inter-device communication
     }
 
     _createClass(Tabulator, [{
@@ -7847,7 +7999,7 @@
 
         this._clearObjectPointers();
 
-        this._mapDepricatedFunctionality();
+        this._mapDeprecatedFunctionality();
 
         this.externalEvents = new ExternalEventBus(this, this.options, this.options.debugEventsExternal);
         this.eventBus = new InternalEventBus(this.options.debugEventsInternal);
@@ -7856,11 +8008,11 @@
         this.columnManager.initialize();
         this.rowManager.initialize();
         this.footerManager.initialize();
-      } //convert depricated functionality to new functions
+      } //convert deprecated functionality to new functions
 
     }, {
-      key: "_mapDepricatedFunctionality",
-      value: function _mapDepricatedFunctionality() {//all previously deprecated functionality removed in the 5.0 release
+      key: "_mapDeprecatedFunctionality",
+      value: function _mapDeprecatedFunctionality() {//all previously deprecated functionality removed in the 5.0 release
       }
     }, {
       key: "_clearSelection",
@@ -7881,7 +8033,7 @@
         }
 
         this.element.classList.remove("tabulator-block-select");
-      } //concreate table
+      } //create table
 
     }, {
       key: "_create",
@@ -7989,6 +8141,7 @@
       value: function _initializeTable() {
         var element = this.element,
             options = this.options;
+        this.interactionMonitor.initialize();
         this.columnManager.initialize();
         this.rowManager.initialize();
 
@@ -8042,7 +8195,7 @@
       key: "destroy",
       value: function destroy() {
         var element = this.element;
-        TableRegistry.deregister(this); //deregister table from inderdevice communication
+        TableRegistry.deregister(this); //deregister table from inter-device communication
 
         this.eventBus.dispatch("table-destroy"); //clear row data
 
@@ -8092,46 +8245,6 @@
       key: "restoreRedraw",
       value: function restoreRedraw() {
         return this.rowManager.restoreRedraw();
-      } //local data from local file
-
-    }, {
-      key: "setDataFromLocalFile",
-      value: function setDataFromLocalFile(extensions) {
-        var _this2 = this;
-
-        return new Promise(function (resolve, reject) {
-          var input = document.createElement("input");
-          input.type = "file";
-          input.accept = extensions || ".json,application/json";
-          input.addEventListener("change", function (e) {
-            var file = input.files[0],
-                reader = new FileReader(),
-                data;
-            reader.readAsText(file);
-
-            reader.onload = function (e) {
-              try {
-                data = JSON.parse(reader.result);
-              } catch (e) {
-                console.warn("File Load Error - File contents is invalid JSON", e);
-                reject(e);
-                return;
-              }
-
-              _this2.setData(data).then(function (data) {
-                resolve(data);
-              })["catch"](function (err) {
-                resolve(err);
-              });
-            };
-
-            reader.onerror = function (e) {
-              console.warn("File Load Error - Unable to read file");
-              reject();
-            };
-          });
-          input.click();
-        });
       } //load data
 
     }, {
@@ -8176,13 +8289,13 @@
     }, {
       key: "updateData",
       value: function updateData(data) {
-        var _this3 = this;
+        var _this2 = this;
 
         var responses = 0;
 
         if (this.initialized) {
           return new Promise(function (resolve, reject) {
-            _this3.dataLoader.blockActiveLoad();
+            _this2.dataLoader.blockActiveLoad();
 
             if (typeof data === "string") {
               data = JSON.parse(data);
@@ -8190,7 +8303,7 @@
 
             if (data) {
               data.forEach(function (item) {
-                var row = _this3.rowManager.findRow(item[_this3.options.index]);
+                var row = _this2.rowManager.findRow(item[_this2.options.index]);
 
                 if (row) {
                   responses++;
@@ -8215,18 +8328,18 @@
     }, {
       key: "addData",
       value: function addData(data, pos, index) {
-        var _this4 = this;
+        var _this3 = this;
 
         if (this.initialized) {
           return new Promise(function (resolve, reject) {
-            _this4.dataLoader.blockActiveLoad();
+            _this3.dataLoader.blockActiveLoad();
 
             if (typeof data === "string") {
               data = JSON.parse(data);
             }
 
             if (data) {
-              _this4.rowManager.addRows(data, pos, index).then(function (rows) {
+              _this3.rowManager.addRows(data, pos, index).then(function (rows) {
                 var output = [];
                 rows.forEach(function (row) {
                   output.push(row.getComponent());
@@ -8246,14 +8359,14 @@
     }, {
       key: "updateOrAddData",
       value: function updateOrAddData(data) {
-        var _this5 = this;
+        var _this4 = this;
 
         var rows = [],
             responses = 0;
 
         if (this.initialized) {
           return new Promise(function (resolve, reject) {
-            _this5.dataLoader.blockActiveLoad();
+            _this4.dataLoader.blockActiveLoad();
 
             if (typeof data === "string") {
               data = JSON.parse(data);
@@ -8261,7 +8374,7 @@
 
             if (data) {
               data.forEach(function (item) {
-                var row = _this5.rowManager.findRow(item[_this5.options.index]);
+                var row = _this4.rowManager.findRow(item[_this4.options.index]);
 
                 responses++;
 
@@ -8275,7 +8388,7 @@
                     }
                   });
                 } else {
-                  _this5.rowManager.addRows(item).then(function (newRows) {
+                  _this4.rowManager.addRows(item).then(function (newRows) {
                     responses--;
                     rows.push(newRows[0].getComponent());
 
@@ -8324,7 +8437,7 @@
     }, {
       key: "deleteRow",
       value: function deleteRow(index) {
-        var _this6 = this;
+        var _this5 = this;
 
         var foundRows = [];
 
@@ -8357,7 +8470,7 @@
         }
 
         foundRows.sort(function (a, b) {
-          return _this6.rowManager.rows.indexOf(a) > _this6.rowManager.rows.indexOf(b) ? 1 : -1;
+          return _this5.rowManager.rows.indexOf(a) > _this5.rowManager.rows.indexOf(b) ? 1 : -1;
         }); //delete rows
 
         foundRows.forEach(function (row) {
@@ -8414,7 +8527,7 @@
 
         if (row) {
           return row.updateData(data).then(function () {
-            resolve(row.getComponent());
+            return Promise.resolve(row.getComponent());
           });
         } else {
           console.warn("Update Error - No matching row found:", index);
@@ -8448,11 +8561,7 @@
     }, {
       key: "getRows",
       value: function getRows(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.");
-        }
+        return this.rowManager.getComponents(active);
       } //get position of row in table
 
     }, {
@@ -8591,13 +8700,13 @@
     }, {
       key: "scrollToColumn",
       value: function scrollToColumn(field, position, ifVisible) {
-        var _this7 = this;
+        var _this6 = this;
 
         return new Promise(function (resolve, reject) {
-          var column = _this7.columnManager.findColumn(field);
+          var column = _this6.columnManager.findColumn(field);
 
           if (column) {
-            return _this7.columnManager.scrollToColumn(column, position, ifVisible);
+            return _this6.columnManager.scrollToColumn(column, position, ifVisible);
           } else {
             console.warn("Scroll Error - No matching column found:", field);
             return Promise.reject("Scroll Error - No matching column found");
@@ -9002,7 +9111,7 @@
       _classCallCheck(this, Ajax);
 
       _this = _super.call(this, table);
-      _this.config = false; //hold config object for ajax request
+      _this.config = {}; //hold config object for ajax request
 
       _this.url = ""; //request URL
 
@@ -9043,22 +9152,31 @@
         this.loaderPromise = this.table.options.ajaxRequestFunc || Ajax.defaultLoaderPromise;
         this.urlGenerator = this.table.options.ajaxURLGenerator || Ajax.defaultURLGenerator;
 
-        if (this.table.options.ajaxParams) {
-          this.setParams(this.table.options.ajaxParams);
-        }
-
-        if (this.table.options.ajaxConfig) {
-          this.setConfig(this.table.options.ajaxConfig);
-        }
-
         if (this.table.options.ajaxURL) {
           this.setUrl(this.table.options.ajaxURL);
         }
 
+        this.setDefaultConfig(this.table.options.ajaxConfig);
         this.registerTableFunction("getAjaxUrl", this.getUrl.bind(this));
         this.subscribe("data-loading", this.requestDataCheck.bind(this));
+        this.subscribe("data-params", this.requestParams.bind(this));
         this.subscribe("data-load", this.requestData.bind(this));
       }
+    }, {
+      key: "requestParams",
+      value: function requestParams(data, config, silent, params) {
+        var ajaxParams = this.table.options.ajaxParams;
+
+        if (ajaxParams) {
+          if (typeof ajaxParams === "function") {
+            ajaxParams = ajaxParams.call(this.table);
+          }
+
+          params = Object.assign(params, ajaxParams);
+        }
+
+        return params;
+      }
     }, {
       key: "requestDataCheck",
       value: function requestDataCheck(data, params, config, silent) {
@@ -9066,69 +9184,46 @@
       }
     }, {
       key: "requestData",
-      value: function requestData(data, params, config, silent, previousData) {
-        if (this.requestDataCheck(data)) {
-          if (data) {
-            this.setUrl(data);
-          }
-
-          if (params) {
-            this.setParams(params, true);
-          }
+      value: function requestData(url, params, config, silent, previousData) {
+        var ajaxConfig;
 
-          if (config) {
-            this.setConfig(config);
+        if (!previousData && this.requestDataCheck(url)) {
+          if (url) {
+            this.setUrl(url);
           }
 
-          return this.sendRequest();
+          ajaxConfig = this.generateConfig(config);
+          return this.sendRequest(this.url, params, ajaxConfig);
         } else {
           return previousData;
         }
-      } //set ajax params
-
+      }
     }, {
-      key: "setParams",
-      value: function setParams(params, update) {
-        if (update) {
-          this.params = this.params || {};
+      key: "setDefaultConfig",
+      value: function setDefaultConfig() {
+        var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        this.config = Object.assign({}, Ajax.defaultConfig);
 
-          for (var key in params) {
-            this.params[key] = params[key];
-          }
+        if (typeof config == "string") {
+          this.config.method = config;
         } else {
-          this.params = params;
+          Object.assign(this.config, config);
         }
-      }
-    }, {
-      key: "getParams",
-      value: function getParams() {
-        return this.params || {};
       } //load config object
 
     }, {
-      key: "setConfig",
-      value: function setConfig(config) {
-        this._loadDefaultConfig();
+      key: "generateConfig",
+      value: function generateConfig() {
+        var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var ajaxConfig = Object.assign({}, this.config);
 
         if (typeof config == "string") {
-          this.config.method = config;
+          ajaxConfig.method = config;
         } else {
-          for (var key in config) {
-            this.config[key] = config[key];
-          }
+          Object.assign(ajaxConfig, config);
         }
-      } //create config object from default
 
-    }, {
-      key: "_loadDefaultConfig",
-      value: function _loadDefaultConfig(force) {
-        if (!this.config || force) {
-          this.config = {}; //load base config from defaults
-
-          for (var key in Ajax.defaultConfig) {
-            this.config[key] = Ajax.defaultConfig[key];
-          }
-        }
+        return ajaxConfig;
       } //set request url
 
     }, {
@@ -9145,17 +9240,13 @@
 
     }, {
       key: "sendRequest",
-      value: function sendRequest(silent) {
+      value: function sendRequest(url, params, config) {
         var _this2 = this;
 
-        var url = this.url;
-
-        this._loadDefaultConfig();
-
-        if (this.table.options.ajaxRequesting.call(this.table, this.url, this.params) !== false) {
-          return this.loaderPromise(url, this.config, this.params).then(function (data) {
+        if (this.table.options.ajaxRequesting.call(this.table, url, params) !== false) {
+          return this.loaderPromise(url, config, params).then(function (data) {
             if (_this2.table.options.ajaxResponse) {
-              data = _this2.table.options.ajaxResponse.call(_this2.table, _this2.url, _this2.params, data);
+              data = _this2.table.options.ajaxResponse.call(_this2.table, url, params, data);
             }
 
             return data;
@@ -9761,8 +9852,9 @@
         this.subscribe("row-added", this.rowsUpdated.bind(this));
         this.subscribe("column-moved", this.recalcActiveRows.bind(this));
         this.subscribe("column-add", this.recalcActiveRows.bind(this));
-        this.subscribe("data-refeshed", this.recalcActiveRows.bind(this));
+        this.subscribe("data-refreshed", this.recalcActiveRows.bind(this));
         this.subscribe("table-redraw", this.tableRedraw.bind(this));
+        this.subscribe("rows-visible", this.visibleRows.bind(this));
         this.registerTableFunction("getCalcResults", this.getResults.bind(this));
         this.registerTableFunction("recalc", this.userRecalc.bind(this));
       }
@@ -9786,6 +9878,19 @@
       ///////// Internal Logic //////////
       ///////////////////////////////////
 
+    }, {
+      key: "visibleRows",
+      value: function visibleRows(viewable, rows) {
+        if (this.topRow) {
+          rows.unshift(this.topRow);
+        }
+
+        if (this.botRow) {
+          rows.push(this.botRow);
+        }
+
+        return rows;
+      }
     }, {
       key: "rowsUpdated",
       value: function rowsUpdated(row) {
@@ -10082,7 +10187,7 @@
 
         row.getComponent = function () {
           if (!row.component) {
-            row.component = new CalcComponent(_this4);
+            row.component = new CalcComponent(row);
           }
 
           return row.component;
@@ -10296,6 +10401,8 @@
 
       _this.registerComponentFunction("row", "addTreeChild", _this.addTreeChildRow.bind(_assertThisInitialized(_this)));
 
+      _this.registerComponentFunction("row", "isTreeExpanded", _this.isRowExpanded.bind(_assertThisInitialized(_this)));
+
       return _this;
     }
 
@@ -10304,11 +10411,9 @@
       value: function initialize() {
         if (this.table.options.dataTree) {
           var dummyEl = null,
-              firstCol = this.table.columnManager.getFirstVisibileColumn(),
               options = this.table.options;
           this.field = options.dataTreeChildField;
           this.indent = options.dataTreeChildIndent;
-          this.elementField = options.dataTreeElementColumn || (firstCol ? firstCol.field : false);
 
           if (options.dataTreeBranchElement) {
             if (options.dataTreeBranchElement === true) {
@@ -10377,13 +10482,21 @@
 
           this.subscribe("row-init", this.initializeRow.bind(this));
           this.subscribe("row-layout-after", this.layoutRow.bind(this));
-          this.subscribe("row-relayout", this.layoutRow.bind(this));
           this.subscribe("row-deleted", this.rowDelete.bind(this), 0);
           this.subscribe("row-data-changed", this.rowDataChanged.bind(this), 10);
+          this.subscribe("cell-value-updated", this.cellValueChanged.bind(this));
+          this.subscribe("edit-cancelled", this.cellValueChanged.bind(this));
           this.subscribe("column-moving-rows", this.columnMoving.bind(this));
+          this.subscribe("table-built", this.initializeElementField.bind(this));
           this.registerDisplayHandler(this.getRows.bind(this), 30);
         }
       }
+    }, {
+      key: "initializeElementField",
+      value: function initializeElementField() {
+        var firstCol = this.table.columnManager.getFirstVisibleColumn();
+        this.elementField = this.table.options.dataTreeElementColumn || (firstCol ? firstCol.field : false);
+      }
     }, {
       key: "getRowChildren",
       value: function getRowChildren(row) {
@@ -10412,6 +10525,15 @@
           }
         }
       }
+    }, {
+      key: "cellValueChanged",
+      value: function cellValueChanged(cell) {
+        var field = cell.column.getField();
+
+        if (field === this.elementField) {
+          this.layoutRow(cell.row);
+        }
+      }
     }, {
       key: "initializeRow",
       value: function initializeRow(row) {
@@ -10661,6 +10783,11 @@
           }
         }
       }
+    }, {
+      key: "isRowExpanded",
+      value: function isRowExpanded(row) {
+        return row.modules.dataTree.open;
+      }
     }, {
       key: "getTreeParent",
       value: function getTreeParent(row) {
@@ -10823,13 +10950,6 @@
 
         return output;
       }
-    }, {
-      key: "checkForRestyle",
-      value: function checkForRestyle(cell) {
-        if (!cell.row.cells.indexOf(cell)) {
-          this.layoutRow(cell.row);
-        }
-      }
     }, {
       key: "getChildField",
       value: function getChildField() {
@@ -10838,6 +10958,7 @@
     }, {
       key: "redrawNeeded",
       value: function redrawNeeded(data) {
+        console.log("needed?", data);
         return (this.field ? typeof data[this.field] !== "undefined" : false) || (this.elementField ? typeof data[this.elementField] !== "undefined" : false);
       }
     }]);
@@ -10926,7 +11047,7 @@
         case "row":
           row.columns.forEach(function (col) {
             if (col) {
-              item[col.component.getField()] = col.value;
+              item[col.component.getTitleDownload() || col.component.getField()] = col.value;
             }
           });
           fileContents.push(item);
@@ -11014,8 +11135,6 @@
           }
 
           rowData.push(cell);
-        } else {
-          rowData.push("");
         }
       });
       return rowData;
@@ -11082,16 +11201,18 @@
             rowData.push(!(col.value instanceof Date) && _typeof(col.value) === "object" ? JSON.stringify(col.value) : col.value);
 
             if (col.width > 1 || col.height > -1) {
-              merges.push({
-                s: {
-                  r: i,
-                  c: j
-                },
-                e: {
-                  r: i + col.height - 1,
-                  c: j + col.width - 1
-                }
-              });
+              if (col.height > 1 || col.width > 1) {
+                merges.push({
+                  s: {
+                    r: i,
+                    c: j
+                  },
+                  e: {
+                    r: i + col.height - 1,
+                    c: j + col.width - 1
+                  }
+                });
+              }
             }
           } else {
             rowData.push("");
@@ -11169,9 +11290,40 @@
     }
   }
 
+  function jsonLines (list, options, setFileContents) {
+    var fileContents = [];
+    list.forEach(function (row) {
+      var item = {};
+
+      switch (row.type) {
+        case "header":
+          break;
+
+        case "group":
+          console.warn("Download Warning - JSON downloader cannot process row groups");
+          break;
+
+        case "calc":
+          console.warn("Download Warning - JSON downloader cannot process column calculations");
+          break;
+
+        case "row":
+          row.columns.forEach(function (col) {
+            if (col) {
+              item[col.component.getTitleDownload() || col.component.getField()] = col.value;
+            }
+          });
+          fileContents.push(JSON.stringify(item));
+          break;
+      }
+    });
+    setFileContents(fileContents.join("\n"), "application/x-ndjson");
+  }
+
   var defaultDownloaders = {
     csv: csv,
     json: json,
+    jsonLines: jsonLines,
     pdf: pdf,
     xlsx: xlsx,
     html: html
@@ -12890,11 +13042,9 @@
 
   //draggable progress bar
   function progress (cell, onRendered, success, cancel, editorParams) {
-    var _element$getElementsB, _element$getElementsB2;
-
     var element = cell.getElement(),
-        max = typeof editorParams.max === "undefined" ? ((_element$getElementsB = element.getElementsByTagName("div")[0]) === null || _element$getElementsB === void 0 ? void 0 : _element$getElementsB.getAttribute("max")) || 100 : editorParams.max,
-        min = typeof editorParams.min === "undefined" ? ((_element$getElementsB2 = element.getElementsByTagName("div")[0]) === null || _element$getElementsB2 === void 0 ? void 0 : _element$getElementsB2.getAttribute("min")) || 0 : editorParams.min,
+        max = typeof editorParams.max === "undefined" ? element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("max") || 100 : editorParams.max,
+        min = typeof editorParams.min === "undefined" ? element.getElementsByTagName("div")[0] && element.getElementsByTagName("div")[0].getAttribute("min") || 0 : editorParams.min,
         percent = (max - min) / 100,
         value = cell.getValue() || 0,
         handle = document.createElement("div"),
@@ -13187,12 +13337,12 @@
         this.subscribe("column-delete", this.columnDeleteCheck.bind(this));
         this.subscribe("row-deleting", this.rowDeleteCheck.bind(this));
         this.subscribe("data-refeshing", this.cancelEdit.bind(this));
-        this.subscribe("keybinding-nav-prev", this.navigatePrev.bind(this));
+        this.subscribe("keybinding-nav-prev", this.navigatePrev.bind(this, undefined));
         this.subscribe("keybinding-nav-next", this.keybindingNavigateNext.bind(this));
-        this.subscribe("keybinding-nav-left", this.navigateLeft.bind(this));
-        this.subscribe("keybinding-nav-right", this.navigateRight.bind(this));
-        this.subscribe("keybinding-nav-up", this.navigateUp.bind(this));
-        this.subscribe("keybinding-nav-down", this.navigateDown.bind(this));
+        this.subscribe("keybinding-nav-left", this.navigateLeft.bind(this, undefined));
+        this.subscribe("keybinding-nav-right", this.navigateRight.bind(this, undefined));
+        this.subscribe("keybinding-nav-up", this.navigateUp.bind(this, undefined));
+        this.subscribe("keybinding-nav-down", this.navigateDown.bind(this, undefined));
       } ///////////////////////////////////
       ////// Keybinding Functions ///////
       ///////////////////////////////////
@@ -13204,10 +13354,9 @@
             newRow = this.options("tabEndNewRow");
 
         if (cell) {
-          if (!this.navigateNext(e)) {
+          if (!this.navigateNext(cell, e)) {
             if (newRow) {
-              cell.getElement().firstChild.blur();
-
+              // cell.getElement().firstChild.blur();
               if (newRow === true) {
                 newRow = this.table.addRow({});
               } else {
@@ -13220,7 +13369,7 @@
 
               newRow.then(function () {
                 setTimeout(function () {
-                  nav.next();
+                  cell.getComponent().navigateNext();
                 });
               });
             }
@@ -13253,7 +13402,7 @@
         var _this2 = this;
 
         if (!cells) {
-          cells = this.modules.edit.getEditedCells();
+          cells = this.table.modules.edit.getEditedCells();
         }
 
         if (!Array.isArray(cells)) {
@@ -13261,15 +13410,15 @@
         }
 
         cells.forEach(function (cell) {
-          _this2.modules.edit.clearEdited(cell._getSelf());
+          _this2.table.modules.edit.clearEdited(cell._getSelf());
         });
       }
     }, {
       key: "navigatePrev",
-      value: function navigatePrev(e) {
-        var cell = this.currentCell,
-            nextCell,
-            prevRow;
+      value: function navigatePrev() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var nextCell, prevRow;
 
         if (cell) {
           if (e) {
@@ -13298,10 +13447,10 @@
       }
     }, {
       key: "navigateNext",
-      value: function navigateNext(e) {
-        var cell = this.currentCell,
-            nextCell,
-            nextRow;
+      value: function navigateNext() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var nextCell, nextRow;
 
         if (cell) {
           if (e) {
@@ -13330,10 +13479,10 @@
       }
     }, {
       key: "navigateLeft",
-      value: function navigateLeft(e) {
-        var cell = this.currentCell,
-            index,
-            nextCell;
+      value: function navigateLeft() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextCell;
 
         if (cell) {
           if (e) {
@@ -13353,10 +13502,10 @@
       }
     }, {
       key: "navigateRight",
-      value: function navigateRight(e) {
-        var cell = this.currentCell,
-            index,
-            nextCell;
+      value: function navigateRight() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextCell;
 
         if (cell) {
           if (e) {
@@ -13376,10 +13525,10 @@
       }
     }, {
       key: "navigateUp",
-      value: function navigateUp(e) {
-        var cell = this.currentCell,
-            index,
-            nextRow;
+      value: function navigateUp() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextRow;
 
         if (cell) {
           if (e) {
@@ -13399,10 +13548,10 @@
       }
     }, {
       key: "navigateDown",
-      value: function navigateDown(e) {
-        var cell = this.currentCell,
-            index,
-            nextRow;
+      value: function navigateDown() {
+        var cell = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.currentCell;
+        var e = arguments.length > 1 ? arguments[1] : undefined;
+        var index, nextRow;
 
         if (cell) {
           if (e) {
@@ -13557,8 +13706,8 @@
           cellEl = cell.getElement();
 
           if (cancel) {
-            if (cell.validate) {
-              cell.validate();
+            if (cell.column.modules.validate && this.table.modExists("validate")) {
+              this.table.modules.validate.cellValidate(cell);
             }
           } else {
             cellEl.classList.remove("tabulator-validation-fail");
@@ -13591,6 +13740,7 @@
             cell.column.definition.cellEditCancelled.call(this.table, component);
           }
 
+          this.dispatch("edit-cancelled", cell);
           this.dispatchExternal("cellEditCancelled", component);
         }
       } //return a formatted value for a cell
@@ -13727,10 +13877,6 @@
 
               cell.setValue(value, true);
 
-              if (self.table.options.dataTree && self.table.modExists("dataTree")) {
-                self.table.modules.dataTree.checkForRestyle(cell);
-              }
-
               if (valid !== true) {
                 element.classList.add("tabulator-validation-fail");
                 self.table.externalEvents.dispatch("validationFailed", cell.getComponent(), value, valid);
@@ -13753,10 +13899,6 @@
         function cancel() {
           if (self.currentCell === cell) {
             self.cancelEdit();
-
-            if (self.table.options.dataTree && self.table.modExists("dataTree")) {
-              self.table.modules.dataTree.checkForRestyle(cell);
-            }
           }
         }
 
@@ -13970,7 +14112,7 @@
           switch (range) {
             case true:
             case "visible":
-              rows = this.table.rowManager.getVisibleRows(true);
+              rows = this.table.rowManager.getVisibleRows(false, true);
               break;
 
             case "all":
@@ -15026,7 +15168,7 @@
               }
             };
             params = column.definition.headerFilterParams || {};
-            params = typeof params === "function" ? params.call(self.table) : params;
+            params = typeof params === "function" ? params.call(self.table, cellWrapper) : params;
             editorElement = editor.call(this.table.modules.edit, cellWrapper, function () {}, success, cancel, params);
 
             if (!editorElement) {
@@ -15188,7 +15330,7 @@
           if (this.table.options.filterMode === "remote") {
             this.reloadData();
           } else {
-            this.refreshData();
+            this.refreshData(true);
           }
         } //TODO - Persist left position of row manager
         // left = this.scrollLeft;
@@ -15741,7 +15883,7 @@
     var value = cell.getValue();
 
     if (typeof DT != "undefined") {
-      var newDatetime = (window.DateTime || luxon.DateTime).fromFormat(value, inputFormat);
+      var newDatetime = inputFormat === "iso" ? DT.fromISO(String(value)) : DT.fromFormat(String(value), inputFormat);
 
       if (newDatetime.isValid) {
         if (formatterParams.timezone) {
@@ -15750,7 +15892,7 @@
 
         return newDatetime.toFormat(outputFormat);
       } else {
-        if (invalid === true) {
+        if (invalid === true || !value) {
           return value;
         } else if (typeof invalid === "function") {
           return invalid(value);
@@ -15774,7 +15916,7 @@
     var value = cell.getValue();
 
     if (typeof DT != "undefined") {
-      var newDatetime = DT.fromFormat(value, inputFormat);
+      var newDatetime = inputFormat === "iso" ? DT.fromISO(String(value)) : DT.fromFormat(String(value), inputFormat);
 
       if (newDatetime.isValid) {
         if (humanize) ; else {
@@ -16409,7 +16551,7 @@
         this.subscribe("cell-layout", this.layoutCell.bind(this));
         this.subscribe("column-init", this.initializeColumn.bind(this));
         this.subscribe("column-width", this.layout.bind(this));
-        this.subscribe("row-layout-before", this.layoutRow.bind(this));
+        this.subscribe("row-layout-after", this.layoutRow.bind(this));
         this.subscribe("table-layout", this.layout.bind(this));
         this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
         this.subscribe("columns-loading", this.reset.bind(this));
@@ -16705,6 +16847,7 @@
 
         this.table.columnManager.getElement().insertBefore(this.topElement, this.table.columnManager.headersElement.nextSibling);
         this.subscribe("row-deleting", this.detachRow.bind(this));
+        this.subscribe("rows-visible", this.visibleRows.bind(this));
         this.registerDisplayHandler(this.getRows.bind(this), 10);
       }
     }, {
@@ -16717,6 +16860,14 @@
       key: "isFrozen",
       value: function isFrozen() {
         return !!this.rows.length;
+      }
+    }, {
+      key: "visibleRows",
+      value: function visibleRows(viewable, rows) {
+        this.rows.forEach(function (row) {
+          rows.push(row);
+        });
+        return rows;
       } //filter frozen rows out of display data
 
     }, {
@@ -16898,6 +17049,7 @@
       this.groups = [];
       this.groupList = [];
       this.generator = generator;
+      this.element = false;
       this.elementContents = false;
       this.height = 0;
       this.outerHeight = 0;
@@ -16921,10 +17073,16 @@
             group.wipe();
           });
         } else {
-          this.element = false;
-          this.arrowElement = false;
-          this.elementContents = false;
+          this.rows.forEach(function (row) {
+            if (row.modules) {
+              delete row.modules.group;
+            }
+          });
         }
+
+        this.element = false;
+        this.arrowElement = false;
+        this.elementContents = false;
       }
     }, {
       key: "createElements",
@@ -16962,70 +17120,13 @@
       value: function addBindings() {
         var _this2 = this;
 
-        var dblTap, tapHold, tap, toggleElement;
+        var toggleElement;
 
-        if ((this.groupManager.table.options.groupContextMenu || this.groupManager.table.options.groupClickMenu) && this.groupManager.table.modExists("menu")) {
-          this.groupManager.table.modules.menu.initializeGroup.call(this.groupManager.table.modules.menu, this);
-        }
-
-        if (this.groupManager.table.options.groupTap) {
-          tap = false;
-          this.element.addEventListener("touchstart", function (e) {
-            tap = true;
-          }, {
-            passive: true
-          });
-          this.element.addEventListener("touchend", function (e) {
-            if (tap) {
-              _this2.groupManager.table.options.groupTap(e, _this2.getComponent());
-            }
-
-            tap = false;
-          });
-        }
-
-        if (this.groupManager.table.options.groupDblTap) {
-          dblTap = null;
-          this.element.addEventListener("touchend", function (e) {
-            if (dblTap) {
-              clearTimeout(dblTap);
-              dblTap = null;
-
-              _this2.groupManager.table.options.groupDblTap(e, _this2.getComponent());
-            } else {
-              dblTap = setTimeout(function () {
-                clearTimeout(dblTap);
-                dblTap = null;
-              }, 300);
-            }
-          });
-        }
-
-        if (this.groupManager.table.options.groupTapHold) {
-          tapHold = null;
-          this.element.addEventListener("touchstart", function (e) {
-            clearTimeout(tapHold);
-            tapHold = setTimeout(function () {
-              clearTimeout(tapHold);
-              tapHold = null;
-              tap = false;
-
-              _this2.groupManager.table.options.groupTapHold(e, _this2.getComponent());
-            }, 1000);
-          }, {
-            passive: true
-          });
-          this.element.addEventListener("touchend", function (e) {
-            clearTimeout(tapHold);
-            tapHold = null;
-          });
-        }
-
-        if (this.groupManager.table.options.groupToggleElement) {
-          toggleElement = this.groupManager.table.options.groupToggleElement == "arrow" ? this.arrowElement : this.element;
-          toggleElement.addEventListener("click", function (e) {
-            e.stopPropagation();
-            e.stopImmediatePropagation();
+        if (this.groupManager.table.options.groupToggleElement) {
+          toggleElement = this.groupManager.table.options.groupToggleElement == "arrow" ? this.arrowElement : this.element;
+          toggleElement.addEventListener("click", function (e) {
+            e.stopPropagation();
+            e.stopImmediatePropagation();
 
             _this2.toggleVisibility();
           });
@@ -17321,7 +17422,7 @@
 
         if (this.groupManager.table.rowManager.getRenderMode() == "classic" && !this.groupManager.table.options.pagination) {
           this.element.classList.add("tabulator-group-visible");
-          var prev = this.getElement();
+          var prev = this.generateElement();
 
           if (this.groupList.length) {
             this.groupList.forEach(function (group) {
@@ -17440,7 +17541,12 @@
     }, {
       key: "getElement",
       value: function getElement() {
-        this.addBindingsd = false;
+        return this.elementContents ? this.element : this.generateElement();
+      }
+    }, {
+      key: "generateElement",
+      value: function generateElement() {
+        this.addBindings = false;
 
         this._visSet();
 
@@ -17616,13 +17722,12 @@
       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("table-built", this.configureGroupSetup.bind(this));
           this.subscribe("row-deleting", this.rowDeleting.bind(this));
           this.subscribe("row-deleted", this.rowsUpdated.bind(this));
           this.subscribe("scroll-horizontal", this.scrollHeaders.bind(this));
@@ -17789,7 +17894,13 @@
       key: "setGroupBy",
       value: function setGroupBy(groups) {
         this.table.options.groupBy = groups;
-        this.configureGroupSetup();
+
+        if (!this.initialized) {
+          this.initialize();
+        } else {
+          this.configureGroupSetup();
+        }
+
         this.refreshData();
         this.trackChanges();
       }
@@ -18417,7 +18528,7 @@
             data = [];
         this.hasIndex = false;
         this.dispatchExternal("htmlImporting");
-        rows = rows ? rows.getElementsByTagName("tr") : []; //check for tablator inline options
+        rows = rows ? rows.getElementsByTagName("tr") : []; //check for Tabulator inline options
 
         this._extractOptions(element, options);
 
@@ -18457,7 +18568,7 @@
       key: "_extractOptions",
       value: function _extractOptions(element, options, defaultOptions) {
         var attributes = element.attributes;
-        var optionsArr = defaultOptions ? Object.assign([], defaultOptions) : Object.keys(options);
+        var optionsArr = defaultOptions ? Object.keys(defaultOptions) : Object.keys(options);
         var optionsList = {};
         optionsArr.forEach(function (item) {
           optionsList[item.toLowerCase()] = item;
@@ -18525,12 +18636,10 @@
 
           if (width && !col.width) {
             col.width = width;
-          } //check for tablator inline options
-
+          } //check for Tabulator inline options
 
-          header.attributes; // //check for tablator inline options
 
-          this._extractOptions(header, col, Column$1.prototype.defaultOptionList);
+          this._extractOptions(header, col, this.table.columnManager.optionsList.registeredDefaults);
 
           this.fieldIndex[index] = col.field;
 
@@ -18570,6 +18679,280 @@
 
   HtmlTableImport.moduleName = "htmlTableImport";
 
+  function csvImporter(input) {
+    var data = [],
+        row = 0,
+        col = 0,
+        inQuote = false; //Iterate over each character
+
+    for (var index = 0; index < input.length; index++) {
+      var _char = input[index],
+          nextChar = input[index + 1]; //Initialize empty row
+
+      if (!data[row]) {
+        data[row] = [];
+      } //Initialize empty column
+
+
+      if (!data[row][col]) {
+        data[row][col] = "";
+      } //Handle quotation mark inside string
+
+
+      if (_char == '"' && inQuote && nextChar == '"') {
+        data[row][col] += _char;
+        index++;
+        continue;
+      } //Begin / End Quote
+
+
+      if (_char == '"') {
+        inQuote = !inQuote;
+        continue;
+      } //Next column (if not in quote)
+
+
+      if (_char == ',' && !inQuote) {
+        col++;
+        continue;
+      } //New row if new line and not in quote (CRLF) 
+
+
+      if (_char == '\r' && nextChar == '\n' && !inQuote) {
+        col = 0;
+        row++;
+        index++;
+        continue;
+      } //New row if new line and not in quote (CR or LF) 
+
+
+      if ((_char == '\r' || _char == '\n') && !inQuote) {
+        col = 0;
+        row++;
+        continue;
+      } //Normal Character, append to column
+
+
+      data[row][col] += _char;
+    }
+
+    return data;
+  }
+
+  function json$1 (input) {
+    try {
+      return JSON.parse(input);
+    } catch (e) {
+      console.warn("JSON Import Error - File contents is invalid JSON", e);
+      return Promise.reject();
+    }
+  }
+
+  var defaultImporters = {
+    csv: csvImporter,
+    json: json$1
+  };
+
+  var Import = /*#__PURE__*/function (_Module) {
+    _inherits(Import, _Module);
+
+    var _super = _createSuper(Import);
+
+    function Import(table) {
+      var _this;
+
+      _classCallCheck(this, Import);
+
+      _this = _super.call(this, table);
+
+      _this.registerTableOption("importFormat");
+
+      _this.registerTableOption("importReader", "text");
+
+      return _this;
+    }
+
+    _createClass(Import, [{
+      key: "initialize",
+      value: function initialize() {
+        this.registerTableFunction("import", this.importFromFile.bind(this));
+
+        if (this.table.options.importFormat) {
+          this.subscribe("data-loading", this.loadDataCheck.bind(this), 10);
+          this.subscribe("data-load", this.loadData.bind(this), 10);
+        }
+      }
+    }, {
+      key: "loadDataCheck",
+      value: function loadDataCheck(data) {
+        return typeof data === "string";
+      }
+    }, {
+      key: "loadData",
+      value: function loadData(data, params, config, silent, previousData) {
+        return this.importData(this.lookupImporter(), data).then(this.structureData.bind(this))["catch"](function (err) {
+          console.error("Import Error:", err || "Unable to import data");
+          return Promise.reject(err);
+        });
+      }
+    }, {
+      key: "lookupImporter",
+      value: function lookupImporter(importFormat) {
+        var importer;
+
+        if (!importFormat) {
+          importFormat = this.table.options.importFormat;
+        }
+
+        if (typeof importFormat === "string") {
+          importer = Import.importers[importFormat];
+        } else {
+          importer = importFormat;
+        }
+
+        if (!importer) {
+          console.error("Import Error - Importer not found:", importFormat);
+        }
+
+        return importer;
+      }
+    }, {
+      key: "importFromFile",
+      value: function importFromFile(importFormat, extension) {
+        var importer = this.lookupImporter(importFormat);
+
+        if (importer) {
+          return this.pickFile(extension).then(this.importData.bind(this, importer)).then(this.structureData.bind(this)).then(this.setData.bind(this))["catch"](function (err) {
+            console.error("Import Error:", err || "Unable to import file");
+            return Promise.reject(err);
+          });
+        }
+      }
+    }, {
+      key: "pickFile",
+      value: function pickFile(extensions) {
+        var _this2 = this;
+
+        return new Promise(function (resolve, reject) {
+          var input = document.createElement("input");
+          input.type = "file";
+          input.accept = extensions;
+          input.addEventListener("change", function (e) {
+            var file = input.files[0],
+                reader = new FileReader();
+
+            switch (_this2.table.options.importReader) {
+              case "buffer":
+                reader.readAsArrayBuffer(file);
+                break;
+
+              case "binary":
+                reader.readAsBinaryString(file);
+                break;
+
+              case "url":
+                reader.readAsDataURL(file);
+                break;
+
+              case "text":
+              default:
+                reader.readAsText(file);
+            }
+
+            reader.onload = function (e) {
+              resolve(reader.result);
+            };
+
+            reader.onerror = function (e) {
+              console.warn("File Load Error - Unable to read file");
+              reject();
+            };
+          });
+          input.click();
+        });
+      }
+    }, {
+      key: "importData",
+      value: function importData(importer, fileContents) {
+        var data = importer.call(this.table, fileContents);
+
+        if (data instanceof Promise) {
+          return data;
+        } else {
+          return data ? Promise.resolve(data) : Promise.reject();
+        }
+      }
+    }, {
+      key: "structureData",
+      value: function structureData(parsedData) {
+        var data = [];
+        console.log("structure", parsedData);
+
+        if (Array.isArray(parsedData) && parsedData.length && Array.isArray(parsedData[0])) {
+          if (this.table.options.autoColumns) {
+            data = this.structureArrayToObject(parsedData);
+          } else {
+            data = this.structureArrayToColumns(parsedData);
+          }
+
+          return data;
+        } else {
+          return parsedData;
+        }
+      }
+    }, {
+      key: "structureArrayToObject",
+      value: function structureArrayToObject(parsedData) {
+        var columns = parsedData.shift();
+        var data = parsedData.map(function (values) {
+          var row = {};
+          columns.forEach(function (key, i) {
+            row[key] = values[i];
+          });
+          return row;
+        });
+        return data;
+      }
+    }, {
+      key: "structureArrayToColumns",
+      value: function structureArrayToColumns(parsedData) {
+        var data = [],
+            columns = this.table.getColumns(); //remove first row if it is the column names
+
+        if (columns[0] && parsedData[0][0]) {
+          if (columns[0].getDefinition().title === parsedData[0][0]) {
+            parsedData.shift();
+          }
+        } //convert row arrays to objects
+
+
+        parsedData.forEach(function (rowData) {
+          var row = {};
+          rowData.forEach(function (value, index) {
+            var column = columns[index];
+
+            if (column) {
+              row[column.getField()] = value;
+            }
+          });
+          data.push(row);
+        });
+        return data;
+      }
+    }, {
+      key: "setData",
+      value: function setData(data) {
+        return this.table.setData(data);
+      }
+    }]);
+
+    return Import;
+  }(Module);
+
+  Import.moduleName = "import"; //load defaults
+
+  Import.importers = defaultImporters;
+
   var Interaction = /*#__PURE__*/function (_Module) {
     _inherits(Interaction, _Module);
 
@@ -18649,6 +19032,11 @@
           tap: null,
           tapDbl: null,
           tapHold: null
+        },
+        group: {
+          tap: null,
+          tapDbl: null,
+          tapHold: null
         }
       };
 
@@ -18907,9 +19295,9 @@
     scrollPageDown: 34,
     scrollToStart: 36,
     scrollToEnd: 35,
-    undo: "ctrl + 90",
-    redo: "ctrl + 89",
-    copyToClipboard: "ctrl + 67"
+    undo: ["ctrl + 90", "meta + 90"],
+    redo: ["ctrl + 89", "meta + 89"],
+    copyToClipboard: ["ctrl + 67", "meta + 89"]
   };
 
   var defaultActions = {
@@ -19036,7 +19424,7 @@
       _this.keyupBinding = false;
       _this.keydownBinding = false;
 
-      _this.registerTableOption("keybindings", []); //array for keybindings
+      _this.registerTableOption("keybindings", {}); //array for keybindings
 
 
       _this.registerTableOption("tabEndNewRow", false); //create new row when tab to end of table
@@ -19054,16 +19442,8 @@
         this.pressedKeys = [];
 
         if (bindings !== false) {
-          for (var key in Keybindings.bindings) {
-            mergedBindings[key] = Keybindings.bindings[key];
-          }
-
-          if (Object.keys(bindings).length) {
-            for (var _key in bindings) {
-              mergedBindings[_key] = bindings[_key];
-            }
-          }
-
+          Object.assign(mergedBindings, Keybindings.bindings);
+          Object.assign(mergedBindings, bindings);
           this.mapBindings(mergedBindings);
           this.bindEvents();
         }
@@ -19083,7 +19463,10 @@
               }
 
               bindings[key].forEach(function (binding) {
-                _this2.mapBinding(key, binding);
+                var bindingList = Array.isArray(binding) ? binding : [binding];
+                bindingList.forEach(function (item) {
+                  _this2.mapBinding(key, item);
+                });
               });
             }
           } else {
@@ -19123,7 +19506,7 @@
               break;
 
             default:
-              symbol = parseInt(symbol);
+              symbol = isNaN(symbol) ? symbol.toUpperCase().charCodeAt(0) : parseInt(symbol);
               binding.keys.push(symbol);
 
               if (!_this3.watchKeys[symbol]) {
@@ -19225,11 +19608,14 @@
       _classCallCheck(this, Menu);
 
       _this = _super.call(this, table);
+      _this.menuContainer = null;
       _this.menuElements = [];
       _this.blurEvent = _this.hideMenu.bind(_assertThisInitialized(_this));
       _this.escEvent = _this.escMenu.bind(_assertThisInitialized(_this));
       _this.nestedMenuBlock = false;
       _this.positionReversedX = false;
+      _this.currentComponent = null;
+      _this.columnSubscribers = {};
 
       _this.registerTableOption("rowContextMenu", false);
 
@@ -19239,8 +19625,12 @@
 
       _this.registerTableOption("groupClickMenu", false);
 
+      _this.registerTableOption("menuContainer", false);
+
       _this.registerColumnOption("headerContextMenu");
 
+      _this.registerColumnOption("headerClickMenu");
+
       _this.registerColumnOption("headerMenu");
 
       _this.registerColumnOption("contextMenu");
@@ -19253,133 +19643,157 @@
     _createClass(Menu, [{
       key: "initialize",
       value: function initialize() {
-        this.subscribe("cell-layout", this.layoutCell.bind(this));
+        this.lookupMenuContainer();
+        this.initializeRowWatchers();
+        this.initializeGroupWatchers();
         this.subscribe("column-init", this.initializeColumn.bind(this));
-        this.subscribe("row-init", this.initializeRow.bind(this));
       }
     }, {
-      key: "layoutCell",
-      value: function layoutCell(cell) {
-        if (cell.column.definition.contextMenu || cell.column.definition.clickMenu) {
-          this.initializeCell(cell);
+      key: "lookupMenuContainer",
+      value: function lookupMenuContainer() {
+        this.menuContainer = this.table.options.menuContainer;
+
+        if (typeof this.menuContainer === "string") {
+          this.menuContainer = document.querySelector(this.menuContainer);
+
+          if (!this.menuContainer) {
+            console.warn("Menu Error - no container element found matching selector:", this.table.options.menuContainer, "(defaulting to document body)");
+          }
+        } else if (this.menuContainer === true) {
+          this.menuContainer = this.table.element;
+        }
+
+        if (this.menuContainer && !this.checkMenuContainerIsParent(this.menuContainer)) {
+          this.menuContainer = false;
+          console.warn("Menu Error - container element does not contain this table:", this.table.options.menuContainer, "(defaulting to document body)");
+        }
+
+        if (!this.menuContainer) {
+          this.menuContainer = document.body;
         }
       }
     }, {
-      key: "initializeColumn",
-      value: function initializeColumn(column) {
-        var def = column.definition;
+      key: "checkMenuContainerIsParent",
+      value: function checkMenuContainerIsParent(container) {
+        var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.table.element;
 
-        if (def.headerContextMenu || def.headerClickMenu || def.headerMenu) {
-          this.initializeColumnHeader(column);
+        if (container === element) {
+          return true;
+        } else {
+          return element.parentNode ? this.checkMenuContainerIsParent(container, element.parentNode) : false;
         }
       }
     }, {
-      key: "initializeColumnHeader",
-      value: function initializeColumnHeader(column) {
-        var _this2 = this;
+      key: "initializeRowWatchers",
+      value: function initializeRowWatchers() {
+        if (this.table.options.rowContextMenu) {
+          this.subscribe("row-contextmenu", this.loadMenuEvent.bind(this, this.table.options.rowContextMenu));
+          this.table.on("rowTapHold", this.loadMenuEvent.bind(this, this.table.options.rowContextMenu));
+        }
 
-        var headerMenuEl;
+        if (this.table.options.rowClickMenu) {
+          this.subscribe("row-click", this.loadMenuEvent.bind(this, this.table.options.rowClickMenu));
+        }
+      }
+    }, {
+      key: "initializeGroupWatchers",
+      value: function initializeGroupWatchers() {
+        if (this.table.options.groupContextMenu) {
+          this.subscribe("group-contextmenu", this.loadMenuEvent.bind(this, this.table.options.groupContextMenu));
+          this.table.on("groupTapHold", this.loadMenuEvent.bind(this, this.table.options.groupContextMenu));
+        }
 
-        if (column.definition.headerContextMenu) {
-          column.getElement().addEventListener("contextmenu", this.LoadMenuEvent.bind(this, column, column.definition.headerContextMenu));
-          this.tapHold(column, column.definition.headerContextMenu);
-        } // if(column.definition.headerClickMenu){
-        // 	column.getElement().addEventListener("click", this.LoadMenuEvent.bind(this, column, column.definition.headerClickMenu));
-        // }
+        if (this.table.options.groupClickMenu) {
+          this.subscribe("group-click", this.loadMenuEvent.bind(this, this.table.options.groupClickMenu));
+        }
+      }
+    }, {
+      key: "initializeColumn",
+      value: function initializeColumn(column) {
+        var def = column.definition; //handle column events
 
+        if (def.headerContextMenu && !this.columnSubscribers.headerContextMenu) {
+          this.columnSubscribers.headerContextMenu = this.loadMenuTableColumnEvent.bind(this, "headerContextMenu");
+          this.subscribe("column-contextmenu", this.columnSubscribers.headerContextMenu);
+          this.table.on("headerTapHold", this.loadMenuTableColumnEvent.bind(this, "headerContextMenu"));
+        }
 
-        if (column.definition.headerMenu) {
-          headerMenuEl = document.createElement("span");
-          headerMenuEl.classList.add("tabulator-header-menu-button");
-          headerMenuEl.innerHTML = "&vellip;";
-          headerMenuEl.addEventListener("click", function (e) {
-            e.stopPropagation();
-            e.preventDefault();
+        if (def.headerClickMenu && !this.columnSubscribers.headerClickMenu) {
+          this.columnSubscribers.headerClickMenu = this.loadMenuTableColumnEvent.bind(this, "headerClickMenu");
+          this.subscribe("column-click", this.columnSubscribers.headerClickMenu);
+        }
 
-            _this2.LoadMenuEvent(column, column.definition.headerMenu, e);
-          });
-          column.titleElement.insertBefore(headerMenuEl, column.titleElement.firstChild);
+        if (def.headerMenu) {
+          this.initializeColumnHeaderMenu(column);
+        } //handle cell events
+
+
+        if (def.contextMenu && !this.columnSubscribers.contextMenu) {
+          this.columnSubscribers.contextMenu = this.loadMenuTableCellEvent.bind(this, "contextMenu");
+          this.subscribe("cell-contextmenu", this.columnSubscribers.contextMenu);
+          this.table.on("cellTapHold", this.loadMenuTableCellEvent.bind(this, "contextMenu"));
         }
-      }
-    }, {
-      key: "LoadMenuEvent",
-      value: function LoadMenuEvent(component, menu, e) {
-        menu = typeof menu == "function" ? menu.call(this.table, component.getComponent(), e) : menu; // if(component instanceof Cell){
-        // 	e.stopImmediatePropagation();
-        // }
 
-        this.loadMenu(e, component, menu);
+        if (def.clickMenu && !this.columnSubscribers.clickMenu) {
+          this.columnSubscribers.clickMenu = this.loadMenuTableCellEvent.bind(this, "clickMenu");
+          this.subscribe("cell-click", this.columnSubscribers.clickMenu);
+        }
       }
     }, {
-      key: "tapHold",
-      value: function tapHold(component, menu) {
-        var _this3 = this;
-
-        var element = component.getElement(),
-            tapHold = null,
-            loaded = false;
-        element.addEventListener("touchstart", function (e) {
-          clearTimeout(tapHold);
-          loaded = false;
-          tapHold = setTimeout(function () {
-            clearTimeout(tapHold);
-            tapHold = null;
-            loaded = true;
+      key: "initializeColumnHeaderMenu",
+      value: function initializeColumnHeaderMenu(column) {
+        var _this2 = this;
 
-            _this3.LoadMenuEvent(component, menu, e);
-          }, 1000);
-        }, {
-          passive: true
-        });
-        element.addEventListener("touchend", function (e) {
-          clearTimeout(tapHold);
-          tapHold = null;
+        var headerMenuEl;
+        headerMenuEl = document.createElement("span");
+        headerMenuEl.classList.add("tabulator-header-menu-button");
+        headerMenuEl.innerHTML = "&vellip;";
+        headerMenuEl.addEventListener("click", function (e) {
+          e.stopPropagation();
+          e.preventDefault();
 
-          if (loaded) {
-            e.preventDefault();
-          }
+          _this2.loadMenuEvent(column.definition.headerMenu, e, column);
         });
+        column.titleElement.insertBefore(headerMenuEl, column.titleElement.firstChild);
       }
     }, {
-      key: "initializeCell",
-      value: function initializeCell(cell) {
-        if (cell.column.definition.contextMenu) {
-          cell.getElement(true).addEventListener("contextmenu", this.LoadMenuEvent.bind(this, cell, cell.column.definition.contextMenu));
-          this.tapHold(cell, cell.column.definition.contextMenu);
+      key: "loadMenuTableCellEvent",
+      value: function loadMenuTableCellEvent(option, e, cell) {
+        if (cell._cell) {
+          cell = cell._cell;
         }
 
-        if (cell.column.definition.clickMenu) {
-          cell.getElement(true).addEventListener("click", this.LoadMenuEvent.bind(this, cell, cell.column.definition.clickMenu));
+        if (cell.column.definition[option]) {
+          this.loadMenuEvent(cell.column.definition[option], e, cell);
         }
       }
     }, {
-      key: "initializeRow",
-      value: function initializeRow(row) {
-        if (this.table.options.rowContextMenu) {
-          row.getElement().addEventListener("contextmenu", this.LoadMenuEvent.bind(this, row, this.table.options.rowContextMenu));
-          this.tapHold(row, this.table.options.rowContextMenu);
+      key: "loadMenuTableColumnEvent",
+      value: function loadMenuTableColumnEvent(option, e, column) {
+        if (column._column) {
+          column = column._column;
         }
 
-        if (this.table.options.rowClickMenu) {
-          row.getElement().addEventListener("click", this.LoadMenuEvent.bind(this, row, this.table.options.rowClickMenu));
+        if (column.definition[option]) {
+          this.loadMenuEvent(column.definition[option], e, column);
         }
       }
     }, {
-      key: "initializeGroup",
-      value: function initializeGroup(group) {
-        if (this.table.options.groupContextMenu) {
-          group.getElement().addEventListener("contextmenu", this.LoadMenuEvent.bind(this, group, this.table.options.groupContextMenu));
-          this.tapHold(group, this.table.options.groupContextMenu);
+      key: "loadMenuEvent",
+      value: function loadMenuEvent(menu, e, component) {
+        if (component._group) {
+          component = component._group;
+        } else if (component._row) {
+          component = component._row;
         }
 
-        if (this.table.options.groupClickMenu) {
-          group.getElement().addEventListener("click", this.LoadMenuEvent.bind(this, group, this.table.options.groupClickMenu));
-        }
+        menu = typeof menu == "function" ? menu.call(this.table, component.getComponent(), e) : menu;
+        this.loadMenu(e, component, menu);
       }
     }, {
       key: "loadMenu",
       value: function loadMenu(e, component, menu, parentEl) {
-        var _this4 = this;
+        var _this3 = this;
 
         var touch = !(e instanceof MouseEvent);
         var menuEl = document.createElement("div");
@@ -19402,7 +19816,7 @@
             }
           } else {
             this.nestedMenuBlock = setTimeout(function () {
-              _this4.nestedMenuBlock = false;
+              _this3.nestedMenuBlock = false;
             }, 100);
           }
 
@@ -19421,7 +19835,7 @@
             itemEl.classList.add("tabulator-menu-item");
 
             if (typeof label == "function") {
-              label = label.call(_this4.table, component.getComponent());
+              label = label.call(_this3.table, component.getComponent());
             }
 
             if (label instanceof Node) {
@@ -19431,7 +19845,7 @@
             }
 
             if (typeof disabled == "function") {
-              disabled = disabled.call(_this4.table, component.getComponent());
+              disabled = disabled.call(_this3.table, component.getComponent());
             }
 
             if (disabled) {
@@ -19444,9 +19858,9 @@
                 itemEl.addEventListener("click", function (e) {
                   e.stopPropagation();
 
-                  _this4.hideOldSubMenus(menuEl);
+                  _this3.hideOldSubMenus(menuEl);
 
-                  _this4.loadMenu(e, component, item.menu, itemEl);
+                  _this3.loadMenu(e, component, item.menu, itemEl);
                 });
               } else {
                 if (item.action) {
@@ -19465,10 +19879,12 @@
           menuEl.appendChild(itemEl);
         });
         menuEl.addEventListener("click", function (e) {
-          _this4.hideMenu();
+          _this3.hideMenu();
         });
         this.menuElements.push(menuEl);
         this.positionMenu(menuEl, parentEl, touch, e);
+        this.currentComponent = component;
+        this.dispatchExternal("menuOpened", component.getComponent());
       }
     }, {
       key: "hideOldSubMenus",
@@ -19490,16 +19906,20 @@
     }, {
       key: "positionMenu",
       value: function positionMenu(element, parentEl, touch, e) {
-        var _this5 = this;
+        var _this4 = this;
 
-        var docHeight = Math.max(document.body.offsetHeight, window.innerHeight),
-            x,
-            y,
-            parentOffset;
+        var x, y, parentOffset;
 
         if (!parentEl) {
           x = touch ? e.touches[0].pageX : e.pageX;
           y = touch ? e.touches[0].pageY : e.pageY;
+
+          if (this.menuContainer !== document.body) {
+            parentOffset = Helpers.elOffset(this.menuContainer);
+            x -= parentOffset.left;
+            y -= parentOffset.top;
+          }
+
           this.positionReversedX = false;
         } else {
           parentOffset = Helpers.elOffset(parentEl);
@@ -19510,36 +19930,36 @@
         element.style.top = y + "px";
         element.style.left = x + "px";
         setTimeout(function () {
-          _this5.table.rowManager.element.addEventListener("scroll", _this5.blurEvent);
+          _this4.table.rowManager.element.addEventListener("scroll", _this4.blurEvent);
 
-          document.body.addEventListener("click", _this5.blurEvent);
-          document.body.addEventListener("contextmenu", _this5.blurEvent);
-          window.addEventListener("resize", _this5.blurEvent);
-          document.body.addEventListener("keydown", _this5.escEvent);
+          document.body.addEventListener("click", _this4.blurEvent);
+          document.body.addEventListener("contextmenu", _this4.blurEvent);
+          window.addEventListener("resize", _this4.blurEvent);
+          document.body.addEventListener("keydown", _this4.escEvent);
         }, 100);
-        document.body.appendChild(element); //move menu to start on bottom edge if it is too close to the edge of the screen
+        this.menuContainer.appendChild(element); //move menu to start on right edge if it is too close to the edge of the screen
 
-        if (y + element.offsetHeight >= docHeight) {
-          element.style.top = "";
+        if (x + element.offsetWidth >= this.menuContainer.offsetWidth || this.positionReversedX) {
+          element.style.left = "";
 
           if (parentEl) {
-            element.style.bottom = docHeight - parentOffset.top - parentEl.offsetHeight - 1 + "px";
+            element.style.right = this.menuContainer.offsetWidth - parentOffset.left + "px";
           } else {
-            element.style.bottom = docHeight - y + "px";
+            element.style.right = this.menuContainer.offsetWidth - x + "px";
           }
-        } //move menu to start on right edge if it is too close to the edge of the screen
 
+          this.positionReversedX = true;
+        } //move menu to start on bottom edge if it is too close to the edge of the screen
 
-        if (x + element.offsetWidth >= document.body.offsetWidth || this.positionReversedX) {
-          element.style.left = "";
+
+        if (y + element.offsetHeight >= this.menuContainer.offsetHeight) {
+          element.style.top = "";
 
           if (parentEl) {
-            element.style.right = document.documentElement.offsetWidth - parentOffset.left + "px";
+            element.style.bottom = this.menuContainer.offsetHeight - parentOffset.top - parentEl.offsetHeight - 1 + "px";
           } else {
-            element.style.right = document.documentElement.offsetWidth - x + "px";
+            element.style.bottom = this.menuContainer.offsetHeight - y + "px";
           }
-
-          this.positionReversedX = true;
         }
       }
     }, {
@@ -19567,6 +19987,11 @@
         document.body.removeEventListener("contextmenu", this.blurEvent);
         window.removeEventListener("resize", this.blurEvent);
         this.table.rowManager.element.removeEventListener("scroll", this.blurEvent);
+
+        if (this.currentComponent) {
+          this.dispatchExternal("menuClosed", this.currentComponent.getComponent());
+          this.currentComponent = null;
+        }
       }
     }]);
 
@@ -19628,7 +20053,9 @@
     }, {
       key: "initialize",
       value: function initialize() {
-        this.subscribe("column-init", this.initializeColumn.bind(this));
+        if (this.table.options.movableColumns) {
+          this.subscribe("column-init", this.initializeColumn.bind(this));
+        }
       }
     }, {
       key: "initializeColumn",
@@ -20240,6 +20667,7 @@
 
         document.body.addEventListener("mousemove", this.moveHover);
         document.body.addEventListener("mouseup", this.endMove);
+        this.dispatchExternal("rowMoving", row.getComponent());
         this.moveHover(e);
       }
     }, {
@@ -20275,6 +20703,8 @@
 
           if (this.toRow) {
             this.table.rowManager.moveRow(this.moving, this.toRow, this.toRowAfter);
+          } else {
+            this.dispatchExternal("rowMoveCancelled", this.moving.getComponent());
           }
 
           this.moving = false;
@@ -20706,6 +21136,63 @@
 
   Mutator.mutators = defaultMutators;
 
+  function rows (pageSize, currentRow, currentPage, totalRows, totalPages) {
+    var el = document.createElement("span"),
+        showingEl = document.createElement("span"),
+        valueEl = document.createElement("span"),
+        ofEl = document.createElement("span"),
+        totalEl = document.createElement("span"),
+        rowsEl = document.createElement("span");
+    this.table.modules.localize.langBind("pagination|counter|showing", function (value) {
+      showingEl.innerHTML = value;
+    });
+    valueEl.innerHTML = " " + currentRow + "-" + Math.min(currentRow + pageSize - 1, totalRows) + " ";
+    this.table.modules.localize.langBind("pagination|counter|of", function (value) {
+      ofEl.innerHTML = value;
+    });
+    totalEl.innerHTML = " " + totalRows + " ";
+    this.table.modules.localize.langBind("pagination|counter|rows", function (value) {
+      rowsEl.innerHTML = value;
+    });
+    el.appendChild(showingEl);
+    el.appendChild(valueEl);
+    el.appendChild(ofEl);
+    el.appendChild(totalEl);
+    el.appendChild(rowsEl);
+    return el;
+  }
+
+  function pages (pageSize, currentRow, currentPage, totalRows, totalPages) {
+    var el = document.createElement("span"),
+        showingEl = document.createElement("span"),
+        valueEl = document.createElement("span"),
+        ofEl = document.createElement("span"),
+        totalEl = document.createElement("span"),
+        rowsEl = document.createElement("span");
+    this.table.modules.localize.langBind("pagination|counter|showing", function (value) {
+      showingEl.innerHTML = value;
+    });
+    valueEl.innerHTML = " " + currentPage + " ";
+    this.table.modules.localize.langBind("pagination|counter|of", function (value) {
+      ofEl.innerHTML = value;
+    });
+    totalEl.innerHTML = " " + totalPages + " ";
+    this.table.modules.localize.langBind("pagination|counter|pages", function (value) {
+      rowsEl.innerHTML = value;
+    });
+    el.appendChild(showingEl);
+    el.appendChild(valueEl);
+    el.appendChild(ofEl);
+    el.appendChild(totalEl);
+    el.appendChild(rowsEl);
+    return el;
+  }
+
+  var defaultPageCounters = {
+    rows: rows,
+    pages: pages
+  };
+
   var Page = /*#__PURE__*/function (_Module) {
     _inherits(Page, _Module);
 
@@ -20719,19 +21206,20 @@
       _this = _super.call(this, table);
       _this.mode = "local";
       _this.progressiveLoad = false;
+      _this.element = null;
+      _this.pageCounterElement = null;
+      _this.pageCounter = null;
       _this.size = 0;
       _this.page = 1;
       _this.count = 5;
       _this.max = 1;
+      _this.remoteRowCountEstimate = null;
       _this.displayIndex = 0; //index in display pipeline
 
       _this.initialLoad = true;
       _this.dataChanging = false; //flag to check if data is being changed by this module
 
       _this.pageSizes = [];
-      _this.dataReceivedNames = {}; //TODO - remove once pagimation update is complete
-
-      _this.dataSentNames = {}; //TODO - remove once pagimation update is complete
 
       _this.registerTableOption("pagination", false); //set pagination type
 
@@ -20742,7 +21230,13 @@
       _this.registerTableOption("paginationSize", false); //set number of rows to a page
 
 
-      _this.registerTableOption("paginationInitialPage", 1); //initail page to show on load
+      _this.registerTableOption("paginationInitialPage", 1); //initial page to show on load
+
+
+      _this.registerTableOption("paginationCounter", false); // set pagination counter
+
+
+      _this.registerTableOption("paginationCounterElement", false); // set pagination counter
 
 
       _this.registerTableOption("paginationButtonCount", 5); // set count of page button
@@ -20814,11 +21308,13 @@
           this.registerDisplayHandler(this.restOnRenderBefore.bind(this), 40);
           this.registerDisplayHandler(this.getRows.bind(this), 50);
           this.createElements();
+          this.initializePageCounter();
           this.initializePaginator();
         } else if (this.table.options.progressiveLoad) {
           this.subscribe("data-params", this.remotePageParams.bind(this));
           this.subscribe("data-loaded", this._parseRemoteData.bind(this));
           this.subscribe("table-built", this.calculatePageSizes.bind(this));
+          this.subscribe("data-processed", this.initialLoadComplete.bind(this));
           this.initializeProgressive(this.table.options.progressiveLoad);
 
           if (this.table.options.progressiveLoad === "scroll") {
@@ -20939,7 +21435,7 @@
           margin = this.table.options.progressiveLoadScrollMargin || element.clientHeight * 2;
 
           if (diff < margin) {
-            this.nextPage();
+            this.nextPage()["catch"](function () {}); //consume the exception thrown when on the last page
           }
         }
       }
@@ -21036,14 +21532,36 @@
           });
           this.pageSizeSelect.value = this.size;
         }
-      } //setup pageination
+      }
+    }, {
+      key: "initializePageCounter",
+      value: function initializePageCounter() {
+        var counter = this.table.options.paginationCounter,
+            pageCounter = null;
+
+        if (counter) {
+          if (typeof counter === "function") {
+            pageCounter = counter;
+          } else {
+            pageCounter = Page.pageCounters[counter];
+          }
+
+          if (pageCounter) {
+            this.pageCounter = pageCounter;
+            this.pageCounterElement = document.createElement("span");
+            this.pageCounterElement.classList.add("tabulator-page-counter");
+          } else {
+            console.warn("Pagination Error - No such page counter found: ", counter);
+          }
+        }
+      } //setup pagination
 
     }, {
       key: "initializePaginator",
       value: function initializePaginator(hidden) {
         var _this3 = this;
 
-        var pageSelectLabel;
+        var pageSelectLabel, paginationCounterHolder;
 
         if (!hidden) {
           //build pagination element
@@ -21124,6 +21642,25 @@
           this.element.appendChild(this.lastBut);
 
           if (!this.table.options.paginationElement && !hidden) {
+            if (this.table.options.paginationCounter) {
+
+              if (this.table.options.paginationCounterElement) {
+                if (this.table.options.paginationCounterElement instanceof HTMLElement) {
+                  this.table.options.paginationCounterElement.appendChild(this.pageCounterElement);
+                } else if (typeof this.table.options.paginationCounterElement === "string") {
+                  paginationCounterHolder = document.querySelector(this.table.options.paginationCounterElement);
+
+                  if (paginationCounterHolder) {
+                    paginationCounterHolder.appendChild(this.pageCounterElement);
+                  } else {
+                    console.warn("Pagination Error - Unable to find element matching paginationCounterElement selector:", this.table.options.paginationCounterElement);
+                  }
+                }
+              } else {
+                this.table.footerManager.append(this.pageCounterElement);
+              }
+            }
+
             this.table.footerManager.append(this.element, this);
           }
 
@@ -21179,7 +21716,7 @@
             this.page = 1;
           }
         }
-      } //set the maxmum page
+      } //set the maximum page
 
     }, {
       key: "setMaxPage",
@@ -21252,6 +21789,49 @@
         }
 
         this.trackChanges();
+      }
+    }, {
+      key: "_setPageCounter",
+      value: function _setPageCounter(totalRows) {
+        var content, currentRow;
+
+        if (this.pageCounter) {
+          currentRow = (this.page - 1) * this.size + 1;
+
+          if (this.mode === "remote") {
+            totalRows = this.remoteRowCountEstimate;
+          }
+
+          content = this.pageCounter.call(this, this.size, currentRow, this.page, totalRows, this.max);
+
+          switch (_typeof(content)) {
+            case "object":
+              if (content instanceof Node) {
+                //clear previous cell contents
+                while (this.pageCounterElement.firstChild) {
+                  this.pageCounterElement.removeChild(this.pageCounterElement.firstChild);
+                }
+
+                this.pageCounterElement.appendChild(content);
+              } else {
+                this.pageCounterElement.innerHTML = "";
+
+                if (content != null) {
+                  console.warn("Page Counter Error - Page Counter has returned a type of object, the only valid page counter object return is an instance of Node, the page counter returned:", content);
+                }
+              }
+
+              break;
+
+            case "undefined":
+            case "null":
+              this.pageCounterElement.innerHTML = "";
+              break;
+
+            default:
+              this.pageCounterElement.innerHTML = content;
+          }
+        }
       } //setup the pagination buttons
 
     }, {
@@ -21392,10 +21972,14 @@
             }
           }
 
+          this._setPageCounter(data.length);
+
           return output;
         } else {
           this._setPageButtons();
 
+          this._setPageCounter(data.length);
+
           return data.slice(0);
         }
       }
@@ -21437,11 +22021,12 @@
         var data, margin;
 
         if (typeof data.last_page === "undefined") {
-          console.warn("Remote Pagination Error - Server response missing '" + this.dataReceivedNames.last_page + "' property");
+          console.warn("Remote Pagination Error - Server response missing '" + (this.options("dataReceiveParams").last_page || "last_page") + "' property");
         }
 
         if (data.data) {
           this.max = parseInt(data.last_page) || 1;
+          this.remoteRowCountEstimate = typeof data.last_row !== "undefined" ? data.last_row : data.last_page * this.size - (this.page == data.last_page ? this.size - data.data.length : 0);
 
           if (this.progressiveLoad) {
             switch (this.mode) {
@@ -21461,7 +22046,7 @@
                 break;
 
               case "progressive_scroll":
-                data = this.table.rowManager.getData().concat(data.data);
+                data = this.page === 1 ? data.data : this.table.rowManager.getData().concat(data.data);
                 this.table.rowManager.setData(data, this.page !== 1, this.page == 1);
                 margin = this.table.options.progressiveLoadScrollMargin || this.table.rowManager.element.clientHeight * 2;
 
@@ -21481,7 +22066,7 @@
             // this.table.columnManager.scrollHorizontal(left);
           }
         } else {
-          console.warn("Remote Pagination Error - Server response missing '" + this.dataReceivedNames.data + "' property");
+          console.warn("Remote Pagination Error - Server response missing '" + (this.options("dataReceiveParams").data || "data") + "' property");
         }
 
         return data.data;
@@ -21507,7 +22092,9 @@
     return Page;
   }(Module);
 
-  Page.moduleName = "page";
+  Page.moduleName = "page"; //load defaults
+
+  Page.pageCounters = defaultPageCounters;
 
   // read peristence information from storage
   var defaultReaders = {
@@ -22783,7 +23370,7 @@
           handle.removeEventListener("touchmove", mouseMove);
           handle.removeEventListener("touchend", mouseUp);
           self.table.element.classList.remove("tabulator-block-select");
-          this.dispatchExternal("rowResized", row.getComponent());
+          self.dispatchExternal("rowResized", row.getComponent());
         }
 
         e.stopPropagation(); //prevent resize from interfereing with movable columns
@@ -22971,7 +23558,7 @@
       _this.registerColumnOption("responsive");
 
       return _this;
-    } //generate resposive columns list
+    } //generate responsive columns list
 
 
     _createClass(ResponsiveLayout, [{
@@ -23010,7 +23597,7 @@
         this.mode = this.table.options.responsiveLayout;
         this.collapseFormatter = this.table.options.responsiveLayoutCollapseFormatter || this.formatCollapsedData;
         this.collapseStartOpen = this.table.options.responsiveLayoutCollapseStartOpen;
-        this.hiddenColumns = []; //detemine level of responsivity for each column
+        this.hiddenColumns = []; //determine level of responsivity for each column
 
         this.table.columnManager.columnsByIndex.forEach(function (column, i) {
           if (column.modules.responsive) {
@@ -23107,9 +23694,8 @@
       value: function updateColumnVisibility(column, responsiveToggle) {
         if (!responsiveToggle && column.modules.responsive) {
           column.modules.responsive.visible = column.visible;
-          this.initialize();
-        } //this.update();
-
+          this.initializeResponsivity();
+        }
       }
     }, {
       key: "hideColumn",
@@ -23378,7 +23964,7 @@
           this.subscribe("rows-wipe", this.clearSelectionData.bind(this));
           this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
 
-          if (this.table.options.selectable && this.table.options.selectablePersistence) {
+          if (this.table.options.selectable && !this.table.options.selectablePersistence) {
             this.subscribe("data-refeshing", this.deselectRows.bind(this));
           }
         }
@@ -23618,9 +24204,7 @@
               this.childRowSelection(row, true);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowSelected", row.getComponent());
-            }
+            this.dispatchExternal("rowSelected", row.getComponent());
 
             this._rowSelectionChanged(silent);
           }
@@ -23694,9 +24278,7 @@
               this.childRowSelection(row, false);
             }
 
-            if (!silent) {
-              this.dispatchExternal("rowDeselected", row.getComponent());
-            }
+            this.dispatchExternal("rowDeselected", row.getComponent());
 
             self._rowSelectionChanged(silent);
           }
@@ -23885,8 +24467,8 @@
         emptyAlign = 0;
 
     if (typeof DT != "undefined") {
-      a = DT.fromFormat(a, format);
-      b = DT.fromFormat(b, format);
+      a = format === "iso" ? DT.fromISO(String(a)) : DT.fromFormat(String(a), format);
+      b = format === "iso" ? DT.fromISO(String(b)) : DT.fromFormat(String(b), format);
 
       if (!a.isValid) {
         emptyAlign = !b.isValid ? 0 : -1;
@@ -24274,7 +24856,7 @@
         if (this.table.options.sortMode === "remote") {
           this.reloadData();
         } else {
-          this.refreshData();
+          this.refreshData(true);
         } //TODO - Persist left position of row manager
         // left = this.scrollLeft;
         // this.scrollHorizontal(left);
@@ -24690,9 +25272,11 @@
     }, {
       key: "columnValidate",
       value: function columnValidate(column) {
+        var _this2 = this;
+
         var invalid = [];
         column.cells.forEach(function (cell) {
-          if (!this.cellValidate(cell)) {
+          if (!_this2.cellValidate(cell)) {
             invalid.push(cell.getComponent());
           }
         });
@@ -24704,9 +25288,11 @@
     }, {
       key: "rowValidate",
       value: function rowValidate(row) {
+        var _this3 = this;
+
         var invalid = [];
         row.cells.forEach(function (cell) {
-          if (!this.cellValidate(cell)) {
+          if (!_this3.cellValidate(cell)) {
             invalid.push(cell.getComponent());
           }
         });
@@ -24718,7 +25304,7 @@
     }, {
       key: "userClearCellValidation",
       value: function userClearCellValidation(cells) {
-        var _this2 = this;
+        var _this4 = this;
 
         if (!cells) {
           cells = this.getInvalidCells();
@@ -24729,7 +25315,7 @@
         }
 
         cells.forEach(function (cell) {
-          _this2.clearValidation(cell._getSelf());
+          _this4.clearValidation(cell._getSelf());
         });
       }
     }, {
@@ -24738,6 +25324,7 @@
         var output = []; //clear row data
 
         this.table.rowManager.rows.forEach(function (row) {
+          row = row.getComponent();
           var valid = row.validate();
 
           if (valid !== true) {
@@ -24920,6 +25507,7 @@
     GroupRowsModule: GroupRows,
     HistoryModule: History,
     HtmlTableImportModule: HtmlTableImport,
+    ImportModule: Import,
     InteractionModule: Interaction,
     KeybindingsModule: Keybindings,
     MenuModule: Menu,