tabulator-tables 5.1.0 → 5.1.3

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.1.0 (c) Oliver Folkerd 2022 */
+/* Tabulator v5.1.3 (c) Oliver Folkerd 2022 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -438,7 +438,6 @@
     return CoreFeature;
   }();
 
-  //public column object
   var ColumnComponent = /*#__PURE__*/function () {
     function ColumnComponent(column) {
       _classCallCheck(this, ColumnComponent);
@@ -1091,7 +1090,7 @@
     return Cell;
   }(CoreFeature);
 
-  var Column$1 = /*#__PURE__*/function (_CoreFeature) {
+  var Column = /*#__PURE__*/function (_CoreFeature) {
     _inherits(Column, _CoreFeature);
 
     var _super = _createSuper(Column);
@@ -2164,7 +2163,7 @@
     return Column;
   }(CoreFeature);
 
-  Column$1.defaultOptionList = defaultColumnOptions;
+  Column.defaultOptionList = defaultColumnOptions;
 
   var Helpers = /*#__PURE__*/function () {
     function Helpers() {
@@ -3236,7 +3235,7 @@
     }, {
       key: "_addColumn",
       value: function _addColumn(definition, before, nextToColumn) {
-        var column = new Column$1(definition, this),
+        var column = new Column(definition, this),
             colEl = column.getElement(),
             index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
 
@@ -3311,7 +3310,7 @@
       key: "findColumn",
       value: function findColumn(subject) {
         if (_typeof(subject) == "object") {
-          if (subject instanceof Column$1) {
+          if (subject instanceof Column) {
             //subject is column element
             return subject;
           } else if (subject instanceof ColumnComponent) {
@@ -4957,6 +4956,10 @@
 
       _this.heightFixer = _this.createTableElement(); //table element
 
+      _this.placeholder = null; //placeholder element
+
+      _this.placeholderContents = null; //placeholder element
+
       _this.firstRender = false; //handle first render
 
       _this.renderMode = "virtual"; //current rendering mode
@@ -5010,6 +5013,21 @@
         el.classList.add("tabulator-table");
         el.setAttribute("role", "rowgroup");
         return el;
+      }
+    }, {
+      key: "initializePlaceholder",
+      value: function initializePlaceholder() {
+        //configure placeholder element
+        if (typeof this.table.options.placeholder == "string") {
+          var el = document.createElement("div");
+          el.classList.add("tabulator-placeholder");
+          var contents = document.createElement("div");
+          contents.classList.add("tabulator-placeholder-contents");
+          contents.innerHTML = this.table.options.placeholder;
+          el.appendChild(contents);
+          this.placeholderContents = contents;
+          this.placeholder = el;
+        }
       } //return containing element
 
     }, {
@@ -5038,6 +5056,7 @@
       value: function initialize() {
         var _this2 = this;
 
+        this.initializePlaceholder();
         this.initializeRenderer(); //initialize manager
 
         this.element.appendChild(this.tableElement);
@@ -5055,7 +5074,9 @@
             _this2.dispatch("scroll-horizontal", left, leftDir);
 
             _this2.dispatchExternal("scrollHorizontal", left, leftDir);
-          } //handle verical scrolling
+
+            _this2._positionPlaceholder();
+          } //handle vertical scrolling
 
 
           if (_this2.scrollTop != top) {
@@ -5237,7 +5258,6 @@
       key: "addRow",
       value: function addRow(data, pos, index, blockRedraw) {
         var row = this.addRowActual(data, pos, index, blockRedraw);
-        this.dispatch("row-added", row, data, pos, index);
         return row;
       } //add multiple rows
 
@@ -5616,42 +5636,12 @@
 
           return;
         } else {
-          this.dispatch("data-refeshing");
-
-          if (!handler) {
-            this.activeRowsPipeline[0] = this.rows.slice(0);
-          } //cascade through data refresh stages
-
-
-          switch (stage) {
-            case "all": //handle case where alldata needs refreshing
-
-            case "dataPipeline":
-              for (var i = index; i < this.dataPipeline.length; i++) {
-                var result = this.dataPipeline[i].handler(this.activeRowsPipeline[i].slice(0));
-                this.activeRowsPipeline[i + 1] = result || this.activeRowsPipeline[i].slice(0);
-              }
-
-              this.setActiveRows(this.activeRowsPipeline[this.dataPipeline.length]);
-              this.regenerateRowNumbers();
-
-            case "display":
-              index = 0;
-              this.resetDisplayRows();
-
-            case "displayPipeline":
-              for (var _i = index; _i < this.displayPipeline.length; _i++) {
-                var _result = this.displayPipeline[_i].handler((_i ? this.getDisplayRows(_i - 1) : this.activeRows).slice(0), renderInPosition);
-
-                this.setDisplayRows(_result || this.getDisplayRows(_i - 1).slice(0), _i);
-              }
-
-          }
-
           if (Helpers.elVisible(this.element)) {
             if (renderInPosition) {
-              this.reRenderInPosition();
+              this.reRenderInPosition(this.refreshPipelines.bind(this, handler, stage, index, renderInPosition));
             } else {
+              this.refreshPipelines(handler, stage, index, renderInPosition);
+
               if (!handler) {
                 this.table.columnManager.renderer.renderColumns();
               }
@@ -5662,10 +5652,47 @@
                 this.table.columnManager.redraw(true);
               }
             }
+          } else {
+            this.refreshPipelines(handler, stage, index, renderInPosition);
           }
 
           this.dispatch("data-refreshed");
         }
+      }
+    }, {
+      key: "refreshPipelines",
+      value: function refreshPipelines(handler, stage, index, renderInPosition) {
+        this.dispatch("data-refreshing");
+
+        if (!handler) {
+          this.activeRowsPipeline[0] = this.rows.slice(0);
+        } //cascade through data refresh stages
+
+
+        switch (stage) {
+          case "all": //handle case where alldata needs refreshing
+
+          case "dataPipeline":
+            for (var i = index; i < this.dataPipeline.length; i++) {
+              var result = this.dataPipeline[i].handler(this.activeRowsPipeline[i].slice(0));
+              this.activeRowsPipeline[i + 1] = result || this.activeRowsPipeline[i].slice(0);
+            }
+
+            this.setActiveRows(this.activeRowsPipeline[this.dataPipeline.length]);
+            this.regenerateRowNumbers();
+
+          case "display":
+            index = 0;
+            this.resetDisplayRows();
+
+          case "displayPipeline":
+            for (var _i = index; _i < this.displayPipeline.length; _i++) {
+              var _result = this.displayPipeline[_i].handler((_i ? this.getDisplayRows(_i - 1) : this.activeRows).slice(0), renderInPosition);
+
+              this.setDisplayRows(_result || this.getDisplayRows(_i - 1).slice(0), _i);
+            }
+
+        }
       } //regenerate row numbers for row number formatter if in use
 
     }, {
@@ -5766,7 +5793,7 @@
             break;
 
           case "visible":
-            rows = this.getVisibleRows(true);
+            rows = this.getVisibleRows(false, true);
             break;
 
           default:
@@ -5858,7 +5885,7 @@
     }, {
       key: "renderEmptyScroll",
       value: function renderEmptyScroll() {
-        if (this.table.options.placeholder) {
+        if (this.placeholder) {
           this.tableElement.style.display = "none";
         } else {
           this.tableElement.style.minWidth = this.table.columnManager.getWidth() + "px"; // this.tableElement.style.minHeight = "1px";
@@ -5879,17 +5906,27 @@
     }, {
       key: "_showPlaceholder",
       value: function _showPlaceholder() {
-        if (this.table.options.placeholder) {
-          this.table.options.placeholder.setAttribute("tabulator-render-mode", this.renderMode);
-          this.getElement().appendChild(this.table.options.placeholder);
-          this.table.options.placeholder.style.width = this.table.columnManager.getWidth() + "px";
+        if (this.placeholder) {
+          this.placeholder.setAttribute("tabulator-render-mode", this.renderMode);
+          this.getElement().appendChild(this.placeholder);
+
+          this._positionPlaceholder();
         }
       }
     }, {
       key: "_clearPlaceholder",
       value: function _clearPlaceholder() {
-        if (this.table.options.placeholder && this.table.options.placeholder.parentNode) {
-          this.table.options.placeholder.parentNode.removeChild(this.table.options.placeholder);
+        if (this.placeholder && this.placeholder.parentNode) {
+          this.placeholder.parentNode.removeChild(this.placeholder);
+        }
+      }
+    }, {
+      key: "_positionPlaceholder",
+      value: function _positionPlaceholder() {
+        if (this.placeholder && this.placeholder.parentNode) {
+          this.placeholder.style.width = this.table.columnManager.getWidth() + "px";
+          this.placeholderContents.style.width = this.table.rowManager.element.clientWidth + "px";
+          this.placeholderContents.style.marginLeft = this.scrollLeft + "px";
         }
       }
     }, {
@@ -5942,6 +5979,8 @@
             }
           }
         }
+
+        this._positionPlaceholder();
       } //renitialize all rows
 
     }, {
@@ -5986,12 +6025,6 @@
         if (!force) {
           this.reRenderInPosition();
           this.scrollHorizontal(left);
-
-          if (!this.displayRowsCount) {
-            if (this.table.options.placeholder) {
-              this.getElement().appendChild(this.table.options.placeholder);
-            }
-          }
         } else {
           this.renderTable();
         }
@@ -6029,11 +6062,10 @@
       _this.active = false;
       _this.element = _this.createElement(); //containing element
 
+      _this.containerElement = _this.createContainerElement(); //containing element
+
       _this.external = false;
       _this.links = [];
-
-      _this.initializeElement();
-
       return _this;
     }
 
@@ -6049,6 +6081,14 @@
         el.classList.add("tabulator-footer");
         return el;
       }
+    }, {
+      key: "createContainerElement",
+      value: function createContainerElement() {
+        var el = document.createElement("div");
+        el.classList.add("tabulator-footer-contents");
+        this.element.appendChild(el);
+        return el;
+      }
     }, {
       key: "initializeElement",
       value: function initializeElement() {
@@ -6056,7 +6096,7 @@
           switch (_typeof(this.table.options.footerElement)) {
             case "string":
               if (this.table.options.footerElement[0] === "<") {
-                this.element.innerHTML = this.table.options.footerElement;
+                this.containerElement.innerHTML = this.table.options.footerElement;
               } else {
                 this.external = true;
                 this.element = document.querySelector(this.table.options.footerElement);
@@ -6079,7 +6119,7 @@
       key: "append",
       value: function append(element, parent) {
         this.activate(parent);
-        this.element.appendChild(element);
+        this.containerElement.appendChild(element);
         this.table.rowManager.adjustTableSize();
       }
     }, {
@@ -6417,6 +6457,10 @@
                     component = rows.find(function (row) {
                       return row.getElement() === target;
                     });
+
+                    if (targets["row"].parentNode && targets["row"].parentNode.closest(".tabulator-row")) {
+                      targets[key] = false;
+                    }
                   }
 
                   break;
@@ -6430,10 +6474,12 @@
 
                 case "cell":
                   if (listener.components.includes("cell")) {
-                    if (targets["row"]) {
+                    if (targets["row"] instanceof 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?");
+                      if (targets["row"]) {
+                        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?");
+                      }
                     }
                   }
 
@@ -7488,6 +7534,7 @@
     }, {
       key: "layout",
       value: function layout() {
+        this.dispatch("layout-refreshing");
         Layout.modes[this.mode].call(this, this.table.columnManager.columnsByIndex);
         this.dispatch("layout-refreshed");
       }
@@ -7880,18 +7927,30 @@
 
 
         tabulator.prototype.bindModules = function () {
+          var orderedMods = [],
+              unOrderedMods = [];
           this.modules = {};
 
           for (var name in tabulator.moduleBindings) {
             var mod = tabulator.moduleBindings[name];
-            this.modules[name] = new mod(this);
+            var module = new mod(this);
+            this.modules[name] = module;
 
             if (mod.prototype.moduleCore) {
-              this.modulesCore[name] = this.modules[name];
+              this.modulesCore.push(module);
             } else {
-              this.modulesRegular[name] = this.modules[name];
+              if (mod.moduleInitOrder) {
+                orderedMods.push(module);
+              } else {
+                unOrderedMods.push(module);
+              }
             }
           }
+
+          orderedMods.sort(function (a, b) {
+            return a.moduleInitOrder > b.moduleInitOrder ? 1 : -1;
+          });
+          this.modulesRegular = orderedMods.concat(unOrderedMods);
         };
       }
     }, {
@@ -7949,15 +8008,15 @@
 
       this.modules = {}; //hold all modules bound to this table
 
-      this.modulesCore = {}; //hold core modules bound to this table (for initialization purposes)
+      this.modulesCore = []; //hold core modules bound to this table (for initialization purposes)
 
-      this.modulesRegular = {}; //hold regular modules bound to this table (for initialization purposes)
+      this.modulesRegular = []; //hold regular modules bound to this table (for initialization purposes)
 
       this.optionsList = new OptionsList(this, "table constructor");
       this.initialized = false;
 
       if (this.initializeElement(element)) {
-        this.initialzeCoreSystems(options); //delay table creation to allow event bindings immediately after the constructor
+        this.initializeCoreSystems(options); //delay table creation to allow event bindings immediately after the constructor
 
         setTimeout(function () {
           _this._create();
@@ -7988,8 +8047,8 @@
         }
       }
     }, {
-      key: "initialzeCoreSystems",
-      value: function initialzeCoreSystems(options) {
+      key: "initializeCoreSystems",
+      value: function initializeCoreSystems(options) {
         this.columnManager = new ColumnManager(this);
         this.rowManager = new RowManager(this);
         this.footerManager = new FooterManager(this);
@@ -8004,9 +8063,9 @@
         this.externalEvents = new ExternalEventBus(this, this.options, this.options.debugEventsExternal);
         this.eventBus = new InternalEventBus(this.options.debugEventsInternal);
         this.interactionMonitor = new InteractionManager(this);
-        this.dataLoader.initialize();
-        this.columnManager.initialize();
-        this.rowManager.initialize();
+        this.dataLoader.initialize(); // this.columnManager.initialize();
+        // this.rowManager.initialize();
+
         this.footerManager.initialize();
       } //convert deprecated functionality to new functions
 
@@ -8148,21 +8207,9 @@
         this._detectBrowser(); //initialize core modules
 
 
-        for (var key in this.modulesCore) {
-          var mod = this.modulesCore[key];
+        this.modulesCore.forEach(function (mod) {
           mod.initialize();
-        } //configure placeholder element
-
-
-        if (typeof options.placeholder == "string") {
-          var el = document.createElement("div");
-          el.classList.add("tabulator-placeholder");
-          var span = document.createElement("span");
-          span.innerHTML = options.placeholder;
-          el.appendChild(span);
-          options.placeholder = el;
-        } //build table elements
-
+        }); //build table elements
 
         element.appendChild(this.columnManager.getElement());
         element.appendChild(this.rowManager.getElement());
@@ -8176,12 +8223,9 @@
         } //initialize regular modules
 
 
-        for (var _key in this.modulesRegular) {
-          var _mod = this.modulesRegular[_key];
-
-          _mod.initialize();
-        }
-
+        this.modulesRegular.forEach(function (mod) {
+          mod.initialize();
+        });
         this.columnManager.setColumns(options.columns);
         this.eventBus.dispatch("table-built");
       }
@@ -8231,7 +8275,7 @@
           this.browserSlow = false;
         }
 
-        this.browserMobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(ua) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(ua.substr(0, 4));
+        this.browserMobile = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(ua) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(ua.slice(0, 4));
       } ////////////////// Data Handling //////////////////
       //block table redrawing
 
@@ -9842,7 +9886,7 @@
     }, {
       key: "initialize",
       value: function initialize() {
-        this.genColumn = new Column$1({
+        this.genColumn = new Column({
           field: "value"
         }, this);
         this.subscribe("cell-value-changed", this.cellValueChanged.bind(this));
@@ -9852,7 +9896,7 @@
         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-refreshed", this.recalcActiveRows.bind(this));
+        this.subscribe("data-refreshed", this.recalcActiveRowsRefresh.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));
@@ -9900,6 +9944,15 @@
           this.recalcActiveRows();
         }
       }
+    }, {
+      key: "recalcActiveRowsRefresh",
+      value: function recalcActiveRowsRefresh() {
+        if (this.table.options.groupBy && this.table.options.dataTreeStartExpanded && this.table.options.dataTree) {
+          this.recalcAll();
+        } else {
+          this.recalcActiveRows();
+        }
+      }
     }, {
       key: "recalcActiveRows",
       value: function recalcActiveRows() {
@@ -10154,7 +10207,7 @@
           data.push(row.getData());
 
           if (_this3.table.options.dataTree && _this3.table.options.dataTreeChildColumnCalcs) {
-            if (row.modules.dataTree.open) {
+            if (row.modules.dataTree && row.modules.dataTree.open) {
               var children = _this3.rowsToData(_this3.table.modules.dataTree.getFilteredTreeChildren(row));
 
               data = data.concat(children);
@@ -10958,7 +11011,6 @@
     }, {
       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);
       }
     }]);
@@ -13336,7 +13388,7 @@
         this.subscribe("column-layout", this.initializeColumnCheck.bind(this));
         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("data-refreshing", this.cancelEdit.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, undefined));
@@ -13356,7 +13408,8 @@
         if (cell) {
           if (!this.navigateNext(cell, e)) {
             if (newRow) {
-              // cell.getElement().firstChild.blur();
+              cell.getElement().firstChild.blur();
+
               if (newRow === true) {
                 newRow = this.table.addRow({});
               } else {
@@ -14254,7 +14307,8 @@
           var columns = [];
           header.forEach(function (col) {
             if (col) {
-              columns.push(new ExportColumn(col.title, col.column.getComponent(), col.width, col.height, col.depth));
+              var title = typeof col.title === "undefined" ? "" : col.title;
+              columns.push(new ExportColumn(title, col.column.getComponent(), col.width, col.height, col.depth));
             } else {
               columns.push(null);
             }
@@ -15375,6 +15429,8 @@
       value: function addFilter(field, type, value, params) {
         var _this4 = this;
 
+        var changed = false;
+
         if (!Array.isArray(field)) {
           field = [{
             field: field,
@@ -15390,9 +15446,13 @@
           if (filter) {
             _this4.filterList.push(filter);
 
-            _this4.changed = true;
+            changed = true;
           }
         });
+
+        if (changed) {
+          this.trackChanges();
+        }
       }
     }, {
       key: "findFilter",
@@ -16176,7 +16236,7 @@
   }
 
   function rownum (cell, formatterParams, onRendered) {
-    return this.table.rowManager.activeRows.indexOf(cell.getRow()._getSelf()) + 1;
+    return this.table.rowManager.activeRows.indexOf(cell.getRow()._getSelf()) + 1 || "";
   }
 
   function handle (cell, formatterParams, onRendered) {
@@ -16219,6 +16279,7 @@
     var _this = this;
 
     var checkbox = document.createElement("input");
+    var blocked = false;
     checkbox.type = 'checkbox';
 
     if (this.table.modExists("selectRow", true)) {
@@ -16231,8 +16292,25 @@
 
         if (row instanceof RowComponent$1) {
           checkbox.addEventListener("change", function (e) {
-            row.toggleSelect();
+            if (_this.table.options.selectableRangeMode === "click") {
+              if (!blocked) {
+                row.toggleSelect();
+              } else {
+                blocked = false;
+              }
+            } else {
+              row.toggleSelect();
+            }
           });
+
+          if (this.table.options.selectableRangeMode === "click") {
+            checkbox.addEventListener("click", function (e) {
+              blocked = true;
+
+              _this.table.modules.selectRow.handleComplexRowClick(row._row, e);
+            });
+          }
+
           checkbox.checked = row.isSelected && row.isSelected();
           this.table.modules.selectRow.registerRowSelectCheckbox(row, checkbox);
         } else {
@@ -16525,6 +16603,7 @@
       _this.initializationMode = "left";
       _this.active = false;
       _this.scrollEndTimer = false;
+      _this.blocked = true;
 
       _this.registerColumnOption("frozen");
 
@@ -16556,6 +16635,18 @@
         this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this));
         this.subscribe("columns-loading", this.reset.bind(this));
         this.subscribe("table-redraw", this.layout.bind(this));
+        this.subscribe("layout-refreshing", this.blockLayout.bind(this));
+        this.subscribe("layout-refreshed", this.unblockLayout.bind(this));
+      }
+    }, {
+      key: "blockLayout",
+      value: function blockLayout() {
+        this.blocked = true;
+      }
+    }, {
+      key: "unblockLayout",
+      value: function unblockLayout() {
+        this.blocked = false;
       }
     }, {
       key: "layoutCell",
@@ -16740,14 +16831,14 @@
       key: "getColGroupParentElement",
       value: function getColGroupParentElement(column) {
         return column.parent.isGroup ? this.getColGroupParentElement(column.parent) : column.getElement();
-      } //layout columns appropropriatly
+      } //layout columns appropriately
 
     }, {
       key: "layout",
       value: function layout() {
         var _this5 = this;
 
-        if (this.active) {
+        if (this.active && !this.blocked) {
           //calculate row padding
           this.calcMargins();
           this.table.rowManager.getDisplayRows().forEach(function (row) {
@@ -16768,6 +16859,11 @@
 
         var rowEl = row.getElement();
         rowEl.style.paddingLeft = this.leftMargin;
+
+        if (this.table.options.layout === "fitDataFill" && this.rightColumns.length) {
+          this.table.rowManager.getTableElement().style.minWidth = "calc(100% - " + this.rightMargin + ")";
+        }
+
         this.leftColumns.forEach(function (column) {
           var cell = row.getCell(column);
 
@@ -16960,7 +17056,7 @@
           if (typeof target[name] !== "undefined") {
             return target[name];
           } else {
-            return target._group.table.componentFunctionBinder.handle("row", target._group, name);
+            return target._group.groupManager.table.componentFunctionBinder.handle("row", target._group, name);
           }
         }
       });
@@ -17201,10 +17297,12 @@
     }, {
       key: "scrollHeader",
       value: function scrollHeader(left) {
-        this.arrowElement.style.marginLeft = left;
-        this.groupList.forEach(function (child) {
-          child.scrollHeader(left);
-        });
+        if (this.arrowElement) {
+          this.arrowElement.style.marginLeft = left;
+          this.groupList.forEach(function (child) {
+            child.scrollHeader(left);
+          });
+        }
       }
     }, {
       key: "getRowIndex",
@@ -18886,7 +18984,6 @@
       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) {
@@ -19268,7 +19365,7 @@
         if (this.columnSubscribers[action]) {
           if (component instanceof Cell) {
             callback = component.column.definition[action];
-          } else if (component instanceof Column$1) {
+          } else if (component instanceof Column) {
             callback = component.definition[action];
           }
 
@@ -21291,11 +21388,14 @@
       value: function initialize() {
         if (this.table.options.pagination) {
           this.subscribe("row-deleted", this.rowsUpdated.bind(this));
-          this.subscribe("row-adding-position", this.rowAddingPosition.bind(this));
           this.subscribe("row-added", this.rowsUpdated.bind(this));
           this.subscribe("data-processed", this.initialLoadComplete.bind(this));
           this.subscribe("table-built", this.calculatePageSizes.bind(this));
 
+          if (this.table.options.paginationAddRow == "page") {
+            this.subscribe("row-adding-position", this.rowAddingPosition.bind(this));
+          }
+
           if (this.table.options.paginationMode === "remote") {
             this.subscribe("data-params", this.remotePageParams.bind(this));
             this.subscribe("data-loaded", this._parseRemoteData.bind(this));
@@ -22051,9 +22151,11 @@
                 margin = this.table.options.progressiveLoadScrollMargin || this.table.rowManager.element.clientHeight * 2;
 
                 if (this.table.rowManager.element.scrollHeight <= this.table.rowManager.element.clientHeight + margin) {
-                  setTimeout(function () {
-                    _this6.nextPage();
-                  });
+                  if (this.page < this.max) {
+                    setTimeout(function () {
+                      _this6.nextPage();
+                    });
+                  }
                 }
 
                 break;
@@ -22110,11 +22212,11 @@
           data; //if cookie exists, decode and load column data into tabulator
 
       if (cookiePos > -1) {
-        cookie = cookie.substr(cookiePos);
+        cookie = cookie.slice(cookiePos);
         end = cookie.indexOf(";");
 
         if (end > -1) {
-          cookie = cookie.substr(0, end);
+          cookie = cookie.slice(0, end);
         }
 
         data = cookie.replace(key + "=", "");
@@ -22282,9 +22384,9 @@
             this.subscribe("column-show", this.save.bind(this, "columns"));
             this.subscribe("column-hide", this.save.bind(this, "columns"));
             this.subscribe("column-moved", this.save.bind(this, "columns"));
-            this.subscribe("table-built", this.tableBuilt.bind(this), 0);
           }
 
+          this.subscribe("table-built", this.tableBuilt.bind(this), 0);
           this.subscribe("table-redraw", this.tableRedraw.bind(this));
           this.subscribe("filter-changed", this.eventSave.bind(this, "filter"));
           this.subscribe("sort-changed", this.eventSave.bind(this, "sort"));
@@ -22315,7 +22417,7 @@
           sorters = this.load("sort");
 
           if (!sorters === false) {
-            this.table.initialSort = sorters;
+            this.table.options.initialSort = sorters;
           }
         }
 
@@ -22323,7 +22425,7 @@
           filters = this.load("filter");
 
           if (!filters === false) {
-            this.table.initialFilter = filters;
+            this.table.options.initialFilter = filters;
           }
         }
       }
@@ -22606,7 +22708,8 @@
     return Persistence;
   }(Module);
 
-  Persistence.moduleName = "persistence"; //load defaults
+  Persistence.moduleName = "persistence";
+  Persistence.moduleInitOrder = 1; //load defaults
 
   Persistence.readers = defaultReaders;
   Persistence.writers = defaultWriters;
@@ -23158,11 +23261,18 @@
           }); //reszie column on  double click
 
           handle.addEventListener("dblclick", function (e) {
-            var col = column.getLastColumn();
+            var col = column.getLastColumn(),
+                oldWidth;
 
             if (col && self._checkResizability(col)) {
+              oldWidth = col.getWidth();
               e.stopPropagation();
               col.reinitializeWidth(true);
+
+              if (oldWidth !== col.getWidth()) {
+                self.dispatch("column-resized", col);
+                self.table.externalEvents.dispatch("columnResized", col.getComponent());
+              }
             }
           });
           prevHandle.addEventListener("click", function (e) {
@@ -23249,8 +23359,11 @@
           handle.removeEventListener("touchmove", mouseMove);
           handle.removeEventListener("touchend", mouseUp);
           self.table.element.classList.remove("tabulator-block-select");
-          self.dispatch("column-resized", column);
-          self.table.externalEvents.dispatch("columnResized", column.getComponent());
+
+          if (self.startWidth !== column.getWidth()) {
+            self.dispatch("column-resized", column);
+            self.table.externalEvents.dispatch("columnResized", column.getComponent());
+          }
         }
 
         e.stopPropagation(); //prevent resize from interfereing with movable columns
@@ -23593,6 +23706,8 @@
     }, {
       key: "initializeResponsivity",
       value: function initializeResponsivity() {
+        var _this2 = this;
+
         var columns = [];
         this.mode = this.table.options.responsiveLayout;
         this.collapseFormatter = this.table.options.responsiveLayoutCollapseFormatter || this.formatCollapsedData;
@@ -23605,8 +23720,8 @@
               column.modules.responsive.index = i;
               columns.push(column);
 
-              if (!column.visible && self.mode === "collapse") {
-                self.hiddenColumns.push(column);
+              if (!column.visible && _this2.mode === "collapse") {
+                _this2.hiddenColumns.push(column);
               }
             }
           }
@@ -23871,7 +23986,7 @@
           var titleHighlight = document.createElement("strong");
           titleData.appendChild(titleHighlight);
           this.langBind("columns|" + item.field, function (text) {
-            titleHighlight.innerText = text || item.title;
+            titleHighlight.innerHTML = text || item.title;
           });
 
           if (item.value instanceof Node) {
@@ -23965,7 +24080,7 @@
           this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
 
           if (this.table.options.selectable && !this.table.options.selectablePersistence) {
-            this.subscribe("data-refeshing", this.deselectRows.bind(this));
+            this.subscribe("data-refreshing", this.deselectRows.bind(this));
           }
         }
       }
@@ -24014,53 +24129,7 @@
 
           if (self.table.options.selectable && self.table.options.selectable != "highlight") {
             if (self.table.options.selectableRangeMode === "click") {
-              element.addEventListener("click", function (e) {
-                if (e.shiftKey) {
-                  self.table._clearSelection();
-
-                  self.lastClickedRow = self.lastClickedRow || row;
-                  var lastClickedRowIdx = self.table.rowManager.getDisplayRowIndex(self.lastClickedRow);
-                  var rowIdx = self.table.rowManager.getDisplayRowIndex(row);
-                  var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
-                  var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
-                  var rows = self.table.rowManager.getDisplayRows().slice(0);
-                  var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
-
-                  if (e.ctrlKey || e.metaKey) {
-                    toggledRows.forEach(function (toggledRow) {
-                      if (toggledRow !== self.lastClickedRow) {
-                        if (self.table.options.selectable !== true && !self.isRowSelected(row)) {
-                          if (self.selectedRows.length < self.table.options.selectable) {
-                            self.toggleRow(toggledRow);
-                          }
-                        } else {
-                          self.toggleRow(toggledRow);
-                        }
-                      }
-                    });
-                    self.lastClickedRow = row;
-                  } else {
-                    self.deselectRows(undefined, true);
-
-                    if (self.table.options.selectable !== true) {
-                      if (toggledRows.length > self.table.options.selectable) {
-                        toggledRows = toggledRows.slice(0, self.table.options.selectable);
-                      }
-                    }
-
-                    self.selectRows(toggledRows);
-                  }
-
-                  self.table._clearSelection();
-                } else if (e.ctrlKey || e.metaKey) {
-                  self.toggleRow(row);
-                  self.lastClickedRow = row;
-                } else {
-                  self.deselectRows(undefined, true);
-                  self.selectRows(row);
-                  self.lastClickedRow = row;
-                }
-              });
+              element.addEventListener("click", this.handleComplexRowClick.bind(this, row));
             } else {
               element.addEventListener("click", function (e) {
                 if (!self.table.modExists("edit") || !self.table.modules.edit.getCurrentCell()) {
@@ -24107,6 +24176,57 @@
           element.classList.add("tabulator-unselectable");
           element.classList.remove("tabulator-selectable");
         }
+      }
+    }, {
+      key: "handleComplexRowClick",
+      value: function handleComplexRowClick(row, e) {
+        var _this2 = this;
+
+        if (e.shiftKey) {
+          this.table._clearSelection();
+
+          this.lastClickedRow = this.lastClickedRow || row;
+          var lastClickedRowIdx = this.table.rowManager.getDisplayRowIndex(this.lastClickedRow);
+          var rowIdx = this.table.rowManager.getDisplayRowIndex(row);
+          var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
+          var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
+          var rows = this.table.rowManager.getDisplayRows().slice(0);
+          var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
+
+          if (e.ctrlKey || e.metaKey) {
+            toggledRows.forEach(function (toggledRow) {
+              if (toggledRow !== _this2.lastClickedRow) {
+                if (_this2.table.options.selectable !== true && !_this2.isRowSelected(row)) {
+                  if (_this2.selectedRows.length < _this2.table.options.selectable) {
+                    _this2.toggleRow(toggledRow);
+                  }
+                } else {
+                  _this2.toggleRow(toggledRow);
+                }
+              }
+            });
+            this.lastClickedRow = row;
+          } else {
+            this.deselectRows(undefined, true);
+
+            if (this.table.options.selectable !== true) {
+              if (toggledRows.length > this.table.options.selectable) {
+                toggledRows = toggledRows.slice(0, this.table.options.selectable);
+              }
+            }
+
+            this.selectRows(toggledRows);
+          }
+
+          this.table._clearSelection();
+        } else if (e.ctrlKey || e.metaKey) {
+          this.toggleRow(row);
+          this.lastClickedRow = row;
+        } else {
+          this.deselectRows(undefined, true);
+          this.selectRows(row);
+          this.lastClickedRow = row;
+        }
       } //toggle row selection
 
     }, {
@@ -24124,14 +24244,14 @@
     }, {
       key: "selectRows",
       value: function selectRows(rows) {
-        var _this2 = this;
+        var _this3 = this;
 
         var rowMatch;
 
         switch (_typeof(rows)) {
           case "undefined":
             this.table.rowManager.rows.forEach(function (row) {
-              _this2._selectRow(row, true, true);
+              _this3._selectRow(row, true, true);
             });
 
             this._rowSelectionChanged();
@@ -24145,7 +24265,7 @@
               this._selectRow(rowMatch, true, true);
             } else {
               this.table.rowManager.getRows(rows).forEach(function (row) {
-                _this2._selectRow(row, true, true);
+                _this3._selectRow(row, true, true);
               });
             }
 
@@ -24156,7 +24276,7 @@
           default:
             if (Array.isArray(rows)) {
               rows.forEach(function (row) {
-                _this2._selectRow(row, true, true);
+                _this3._selectRow(row, true, true);
               });
 
               this._rowSelectionChanged();