primevue 2.7.0 → 2.8.0

package/datatable/tablebody.common.js

@@ -1732,6 +1732,38 @@ module.exports = function (it) {
 module.exports = {};
 
 
+/***/ }),
+
+/***/ "4a59":
+/***/ (function(module, exports, __webpack_require__) {
+
+var ctx = __webpack_require__("9b43");
+var call = __webpack_require__("1fa8");
+var isArrayIter = __webpack_require__("33a4");
+var anObject = __webpack_require__("cb7c");
+var toLength = __webpack_require__("9def");
+var getIterFn = __webpack_require__("27ee");
+var BREAK = {};
+var RETURN = {};
+var exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {
+  var iterFn = ITERATOR ? function () { return iterable; } : getIterFn(iterable);
+  var f = ctx(fn, that, entries ? 2 : 1);
+  var index = 0;
+  var length, step, iterator, result;
+  if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');
+  // fast case for arrays with default iterator
+  if (isArrayIter(iterFn)) for (length = toLength(iterable.length); length > index; index++) {
+    result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);
+    if (result === BREAK || result === RETURN) return result;
+  } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {
+    result = call(iterator, f, step.value, entries);
+    if (result === BREAK || result === RETURN) return result;
+  }
+};
+exports.BREAK = BREAK;
+exports.RETURN = RETURN;
+
+
 /***/ }),
 
 /***/ "4bf8":
@@ -3477,6 +3509,18 @@ __webpack_require__("5ca1")({
 });
 
 
+/***/ }),
+
+/***/ "b39a":
+/***/ (function(module, exports, __webpack_require__) {
+
+var isObject = __webpack_require__("d3f4");
+module.exports = function (it, TYPE) {
+  if (!isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
+  return it;
+};
+
+
 /***/ }),
 
 /***/ "b447":
@@ -3540,6 +3584,158 @@ exports.f = __webpack_require__("8e60") ? gOPD : function getOwnPropertyDescript
 
 
 
+/***/ }),
+
+/***/ "c26b":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var dP = __webpack_require__("86cc").f;
+var create = __webpack_require__("2aeb");
+var redefineAll = __webpack_require__("dcbc");
+var ctx = __webpack_require__("9b43");
+var anInstance = __webpack_require__("f605");
+var forOf = __webpack_require__("4a59");
+var $iterDefine = __webpack_require__("01f9");
+var step = __webpack_require__("d53b");
+var setSpecies = __webpack_require__("7a56");
+var DESCRIPTORS = __webpack_require__("9e1e");
+var fastKey = __webpack_require__("67ab").fastKey;
+var validate = __webpack_require__("b39a");
+var SIZE = DESCRIPTORS ? '_s' : 'size';
+
+var getEntry = function (that, key) {
+  // fast case
+  var index = fastKey(key);
+  var entry;
+  if (index !== 'F') return that._i[index];
+  // frozen object case
+  for (entry = that._f; entry; entry = entry.n) {
+    if (entry.k == key) return entry;
+  }
+};
+
+module.exports = {
+  getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
+    var C = wrapper(function (that, iterable) {
+      anInstance(that, C, NAME, '_i');
+      that._t = NAME;         // collection type
+      that._i = create(null); // index
+      that._f = undefined;    // first entry
+      that._l = undefined;    // last entry
+      that[SIZE] = 0;         // size
+      if (iterable != undefined) forOf(iterable, IS_MAP, that[ADDER], that);
+    });
+    redefineAll(C.prototype, {
+      // 23.1.3.1 Map.prototype.clear()
+      // 23.2.3.2 Set.prototype.clear()
+      clear: function clear() {
+        for (var that = validate(this, NAME), data = that._i, entry = that._f; entry; entry = entry.n) {
+          entry.r = true;
+          if (entry.p) entry.p = entry.p.n = undefined;
+          delete data[entry.i];
+        }
+        that._f = that._l = undefined;
+        that[SIZE] = 0;
+      },
+      // 23.1.3.3 Map.prototype.delete(key)
+      // 23.2.3.4 Set.prototype.delete(value)
+      'delete': function (key) {
+        var that = validate(this, NAME);
+        var entry = getEntry(that, key);
+        if (entry) {
+          var next = entry.n;
+          var prev = entry.p;
+          delete that._i[entry.i];
+          entry.r = true;
+          if (prev) prev.n = next;
+          if (next) next.p = prev;
+          if (that._f == entry) that._f = next;
+          if (that._l == entry) that._l = prev;
+          that[SIZE]--;
+        } return !!entry;
+      },
+      // 23.2.3.6 Set.prototype.forEach(callbackfn, thisArg = undefined)
+      // 23.1.3.5 Map.prototype.forEach(callbackfn, thisArg = undefined)
+      forEach: function forEach(callbackfn /* , that = undefined */) {
+        validate(this, NAME);
+        var f = ctx(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+        var entry;
+        while (entry = entry ? entry.n : this._f) {
+          f(entry.v, entry.k, this);
+          // revert to the last existing entry
+          while (entry && entry.r) entry = entry.p;
+        }
+      },
+      // 23.1.3.7 Map.prototype.has(key)
+      // 23.2.3.7 Set.prototype.has(value)
+      has: function has(key) {
+        return !!getEntry(validate(this, NAME), key);
+      }
+    });
+    if (DESCRIPTORS) dP(C.prototype, 'size', {
+      get: function () {
+        return validate(this, NAME)[SIZE];
+      }
+    });
+    return C;
+  },
+  def: function (that, key, value) {
+    var entry = getEntry(that, key);
+    var prev, index;
+    // change existing entry
+    if (entry) {
+      entry.v = value;
+    // create new entry
+    } else {
+      that._l = entry = {
+        i: index = fastKey(key, true), // <- index
+        k: key,                        // <- key
+        v: value,                      // <- value
+        p: prev = that._l,             // <- previous entry
+        n: undefined,                  // <- next entry
+        r: false                       // <- removed
+      };
+      if (!that._f) that._f = entry;
+      if (prev) prev.n = entry;
+      that[SIZE]++;
+      // add to index
+      if (index !== 'F') that._i[index] = entry;
+    } return that;
+  },
+  getEntry: getEntry,
+  setStrong: function (C, NAME, IS_MAP) {
+    // add .keys, .values, .entries, [@@iterator]
+    // 23.1.3.4, 23.1.3.8, 23.1.3.11, 23.1.3.12, 23.2.3.5, 23.2.3.8, 23.2.3.10, 23.2.3.11
+    $iterDefine(C, NAME, function (iterated, kind) {
+      this._t = validate(iterated, NAME); // target
+      this._k = kind;                     // kind
+      this._l = undefined;                // previous
+    }, function () {
+      var that = this;
+      var kind = that._k;
+      var entry = that._l;
+      // revert to the last existing entry
+      while (entry && entry.r) entry = entry.p;
+      // get next entry
+      if (!that._t || !(that._l = entry = entry ? entry.n : that._t._f)) {
+        // or finish the iteration
+        that._t = undefined;
+        return step(1);
+      }
+      // return step by kind
+      if (kind == 'keys') return step(0, entry.k);
+      if (kind == 'values') return step(0, entry.v);
+      return step(0, [entry.k, entry.v]);
+    }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
+
+    // add [@@species], 23.1.2.2, 23.2.2.2
+    setSpecies(NAME);
+  }
+};
+
+
 /***/ }),
 
 /***/ "c366":
@@ -3956,6 +4152,111 @@ var store = global[SHARED] || (global[SHARED] = {});
 });
 
 
+/***/ }),
+
+/***/ "dcbc":
+/***/ (function(module, exports, __webpack_require__) {
+
+var redefine = __webpack_require__("2aba");
+module.exports = function (target, src, safe) {
+  for (var key in src) redefine(target, key, src[key], safe);
+  return target;
+};
+
+
+/***/ }),
+
+/***/ "e0b8":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var global = __webpack_require__("7726");
+var $export = __webpack_require__("5ca1");
+var redefine = __webpack_require__("2aba");
+var redefineAll = __webpack_require__("dcbc");
+var meta = __webpack_require__("67ab");
+var forOf = __webpack_require__("4a59");
+var anInstance = __webpack_require__("f605");
+var isObject = __webpack_require__("d3f4");
+var fails = __webpack_require__("79e5");
+var $iterDetect = __webpack_require__("5cc5");
+var setToStringTag = __webpack_require__("7f20");
+var inheritIfRequired = __webpack_require__("5dbc");
+
+module.exports = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
+  var Base = global[NAME];
+  var C = Base;
+  var ADDER = IS_MAP ? 'set' : 'add';
+  var proto = C && C.prototype;
+  var O = {};
+  var fixMethod = function (KEY) {
+    var fn = proto[KEY];
+    redefine(proto, KEY,
+      KEY == 'delete' ? function (a) {
+        return IS_WEAK && !isObject(a) ? false : fn.call(this, a === 0 ? 0 : a);
+      } : KEY == 'has' ? function has(a) {
+        return IS_WEAK && !isObject(a) ? false : fn.call(this, a === 0 ? 0 : a);
+      } : KEY == 'get' ? function get(a) {
+        return IS_WEAK && !isObject(a) ? undefined : fn.call(this, a === 0 ? 0 : a);
+      } : KEY == 'add' ? function add(a) { fn.call(this, a === 0 ? 0 : a); return this; }
+        : function set(a, b) { fn.call(this, a === 0 ? 0 : a, b); return this; }
+    );
+  };
+  if (typeof C != 'function' || !(IS_WEAK || proto.forEach && !fails(function () {
+    new C().entries().next();
+  }))) {
+    // create collection constructor
+    C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
+    redefineAll(C.prototype, methods);
+    meta.NEED = true;
+  } else {
+    var instance = new C();
+    // early implementations not supports chaining
+    var HASNT_CHAINING = instance[ADDER](IS_WEAK ? {} : -0, 1) != instance;
+    // V8 ~  Chromium 40- weak-collections throws on primitives, but should return false
+    var THROWS_ON_PRIMITIVES = fails(function () { instance.has(1); });
+    // most early implementations doesn't supports iterables, most modern - not close it correctly
+    var ACCEPT_ITERABLES = $iterDetect(function (iter) { new C(iter); }); // eslint-disable-line no-new
+    // for early implementations -0 and +0 not the same
+    var BUGGY_ZERO = !IS_WEAK && fails(function () {
+      // V8 ~ Chromium 42- fails only with 5+ elements
+      var $instance = new C();
+      var index = 5;
+      while (index--) $instance[ADDER](index, index);
+      return !$instance.has(-0);
+    });
+    if (!ACCEPT_ITERABLES) {
+      C = wrapper(function (target, iterable) {
+        anInstance(target, C, NAME);
+        var that = inheritIfRequired(new Base(), target, C);
+        if (iterable != undefined) forOf(iterable, IS_MAP, that[ADDER], that);
+        return that;
+      });
+      C.prototype = proto;
+      proto.constructor = C;
+    }
+    if (THROWS_ON_PRIMITIVES || BUGGY_ZERO) {
+      fixMethod('delete');
+      fixMethod('has');
+      IS_MAP && fixMethod('get');
+    }
+    if (BUGGY_ZERO || HASNT_CHAINING) fixMethod(ADDER);
+    // weak collections should not contains .clear method
+    if (IS_WEAK && proto.clear) delete proto.clear;
+  }
+
+  setToStringTag(C, NAME);
+
+  O[NAME] = C;
+  $export($export.G + $export.W + $export.F * (C != Base), O);
+
+  if (!IS_WEAK) common.setStrong(C, NAME, IS_MAP);
+
+  return C;
+};
+
+
 /***/ }),
 
 /***/ "e11e":
@@ -4131,6 +4432,45 @@ module.exports = function (object, index, value) {
 };
 
 
+/***/ }),
+
+/***/ "f400":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var strong = __webpack_require__("c26b");
+var validate = __webpack_require__("b39a");
+var MAP = 'Map';
+
+// 23.1 Map Objects
+module.exports = __webpack_require__("e0b8")(MAP, function (get) {
+  return function Map() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
+}, {
+  // 23.1.3.6 Map.prototype.get(key)
+  get: function get(key) {
+    var entry = strong.getEntry(validate(this, MAP), key);
+    return entry && entry.v;
+  },
+  // 23.1.3.9 Map.prototype.set(key, value)
+  set: function set(key, value) {
+    return strong.def(validate(this, MAP), key === 0 ? 0 : key, value);
+  }
+}, strong, true);
+
+
+/***/ }),
+
+/***/ "f605":
+/***/ (function(module, exports) {
+
+module.exports = function (it, Constructor, name, forbiddenField) {
+  if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {
+    throw TypeError(name + ': incorrect invocation!');
+  } return it;
+};
+
+
 /***/ }),
 
 /***/ "f6fd":
@@ -4239,12 +4579,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/TableBody.vue?vue&type=template&id=07fa210b&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tbody',{staticClass:"p-datatable-tbody"},[(!_vm.empty)?[_vm._l((_vm.value),function(rowData,index){return [(_vm.templates['groupheader'] && _vm.rowGroupMode === 'subheader' && _vm.shouldRenderRowGroupHeader(_vm.value, rowData, index))?_c('tr',{key:_vm.getRowKey(rowData, index) + '_subheader',staticClass:"p-rowgroup-header"},[_c('td',{attrs:{"colspan":_vm.columnsLength - 1}},[(_vm.expandableRowGroups)?_c('button',{staticClass:"p-row-toggler p-link",attrs:{"type":"button"},on:{"click":function($event){return _vm.onRowGroupToggle($event, rowData)}}},[_c('span',{class:_vm.rowGroupTogglerIcon(rowData)})]):_vm._e(),_c('DTRowExpansionTemplate',{attrs:{"template":_vm.templates['groupheader'],"data":rowData,"index":index}})],1)]):_vm._e(),(_vm.expandableRowGroups ? _vm.isRowGroupExpanded(rowData): true)?_c('tr',{key:_vm.getRowKey(rowData, index),class:_vm.getRowClass(rowData),style:(_vm.rowStyle),attrs:{"tabindex":_vm.selectionMode || _vm.contextMenu ? '0' : null},on:{"click":function($event){return _vm.onRowClick($event, rowData, index)},"dblclick":function($event){return _vm.onRowDblClick($event, rowData, index)},"contextmenu":function($event){return _vm.onRowRightClick($event, rowData, index)},"touchend":function($event){return _vm.onRowTouchEnd($event)},"keydown":function($event){return _vm.onRowKeyDown($event, rowData, index)},"mousedown":function($event){return _vm.onRowMouseDown($event)},"dragstart":function($event){return _vm.onRowDragStart($event, index)},"dragover":function($event){return _vm.onRowDragOver($event,index)},"dragleave":function($event){return _vm.onRowDragLeave($event)},"dragend":function($event){return _vm.onRowDragEnd($event)},"drop":function($event){return _vm.onRowDrop($event)}}},[_vm._l((_vm.columns),function(col,i){return [(_vm.shouldRenderBodyCell(_vm.value, col, index))?_c('DTBodyCell',{key:col.columnKey||col.field||i,attrs:{"rowData":rowData,"column":col,"index":index,"selected":_vm.isSelected(rowData),"rowTogglerIcon":col.expander ? _vm.rowTogglerIcon(rowData): null,"rowspan":_vm.rowGroupMode === 'rowspan' ? _vm.calculateRowGroupSize(_vm.value, col, index) : null,"editMode":_vm.editMode,"editing":_vm.editMode === 'row' && _vm.isRowEditing(rowData)},on:{"radio-change":function($event){return _vm.onRadioChange($event)},"checkbox-change":function($event){return _vm.onCheckboxChange($event)},"row-toggle":function($event){return _vm.onRowToggle($event)},"cell-edit-init":function($event){return _vm.onCellEditInit($event)},"cell-edit-complete":function($event){return _vm.onCellEditComplete($event)},"cell-edit-cancel":function($event){return _vm.onCellEditCancel($event)},"row-edit-init":function($event){return _vm.onRowEditInit($event)},"row-edit-save":function($event){return _vm.onRowEditSave($event)},"row-edit-cancel":function($event){return _vm.onRowEditCancel($event)}}}):_vm._e()]})],2):_vm._e(),(_vm.templates['expansion'] && _vm.expandedRows && _vm.isRowExpanded(rowData))?_c('tr',{key:_vm.getRowKey(rowData, index) + '_expansion',staticClass:"p-datatable-row-expansion"},[_c('td',{attrs:{"colspan":_vm.columnsLength}},[_c('DTRowExpansionTemplate',{attrs:{"template":_vm.templates['expansion'],"data":rowData,"index":index}})],1)]):_vm._e(),(_vm.templates['groupfooter'] && _vm.rowGroupMode === 'subheader' && _vm.shouldRenderRowGroupFooter(_vm.value, rowData, index))?_c('tr',{key:_vm.getRowKey(rowData, index) + '_subfooter',staticClass:"p-rowgroup-footer"},[_c('DTRowExpansionTemplate',{attrs:{"template":_vm.templates['groupfooter'],"data":rowData,"index":index}})],1):_vm._e()]})]:_c('tr',{staticClass:"p-datatable-emptymessage"},[_c('td',{attrs:{"colspan":_vm.columnsLength}},[(_vm.templates.empty && !_vm.loading)?_c('DTSlotTemplate',{attrs:{"template":_vm.templates.empty}}):_vm._e(),(_vm.templates.loading && _vm.loading)?_c('DTSlotTemplate',{attrs:{"template":_vm.templates.loading}}):_vm._e()],1)])],2)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/TableBody.vue?vue&type=template&id=7410dfa4&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tbody',{staticClass:"p-datatable-tbody",attrs:{"role":"rowgroup"}},[(!_vm.empty)?[_vm._l((_vm.value),function(rowData,index){return [(_vm.templates['groupheader'] && _vm.rowGroupMode === 'subheader' && _vm.shouldRenderRowGroupHeader(_vm.value, rowData, index))?_c('tr',{key:_vm.getRowKey(rowData, index) + '_subheader' + index,staticClass:"p-rowgroup-header",style:(_vm.rowGroupHeaderStyle),attrs:{"role":"row"}},[_c('td',{attrs:{"colspan":_vm.columnsLength - 1}},[(_vm.expandableRowGroups)?_c('button',{staticClass:"p-row-toggler p-link",attrs:{"type":"button"},on:{"click":function($event){return _vm.onRowGroupToggle($event, rowData)}}},[_c('span',{class:_vm.rowGroupTogglerIcon(rowData)})]):_vm._e(),_c('DTRowExpansionTemplate',{attrs:{"template":_vm.templates['groupheader'],"data":rowData,"index":index}})],1)]):_vm._e(),(_vm.expandableRowGroups ? _vm.isRowGroupExpanded(rowData): true)?_c('tr',{key:_vm.getRowKey(rowData, index),class:_vm.getRowClass(rowData),style:(_vm.rowStyle),attrs:{"tabindex":_vm.selectionMode || _vm.contextMenu ? '0' : null,"role":"row"},on:{"click":function($event){return _vm.onRowClick($event, rowData, index)},"dblclick":function($event){return _vm.onRowDblClick($event, rowData, index)},"contextmenu":function($event){return _vm.onRowRightClick($event, rowData, index)},"touchend":function($event){return _vm.onRowTouchEnd($event)},"keydown":function($event){return _vm.onRowKeyDown($event, rowData, index)},"mousedown":function($event){return _vm.onRowMouseDown($event)},"dragstart":function($event){return _vm.onRowDragStart($event, index)},"dragover":function($event){return _vm.onRowDragOver($event,index)},"dragleave":function($event){return _vm.onRowDragLeave($event)},"dragend":function($event){return _vm.onRowDragEnd($event)},"drop":function($event){return _vm.onRowDrop($event)}}},[_vm._l((_vm.columns),function(col,i){return [(_vm.shouldRenderBodyCell(_vm.value, col, index))?_c('DTBodyCell',{key:_vm.columnProp(col,'columnKey')+i||_vm.columnProp(col,'field')+i||i,attrs:{"rowData":rowData,"column":col,"rowIndex":index,"index":i,"selected":_vm.isSelected(rowData),"rowTogglerIcon":_vm.columnProp(col,'expander') ? _vm.rowTogglerIcon(rowData): null,"frozenRow":_vm.frozenRow,"rowspan":_vm.rowGroupMode === 'rowspan' ? _vm.calculateRowGroupSize(_vm.value, col, index) : null,"editMode":_vm.editMode,"editing":_vm.editMode === 'row' && _vm.isRowEditing(rowData),"responsiveLayout":_vm.responsiveLayout,"editingMeta":_vm.editingMeta},on:{"radio-change":function($event){return _vm.onRadioChange($event)},"checkbox-change":function($event){return _vm.onCheckboxChange($event)},"row-toggle":function($event){return _vm.onRowToggle($event)},"cell-edit-init":function($event){return _vm.onCellEditInit($event)},"cell-edit-complete":function($event){return _vm.onCellEditComplete($event)},"cell-edit-cancel":function($event){return _vm.onCellEditCancel($event)},"row-edit-init":function($event){return _vm.onRowEditInit($event)},"row-edit-save":function($event){return _vm.onRowEditSave($event)},"row-edit-cancel":function($event){return _vm.onRowEditCancel($event)},"editing-meta-change":_vm.onEditingMetaChange}}):_vm._e()]})],2):_vm._e(),(_vm.templates['expansion'] && _vm.expandedRows && _vm.isRowExpanded(rowData))?_c('tr',{key:_vm.getRowKey(rowData, index) + '_expansion' + index,staticClass:"p-datatable-row-expansion",attrs:{"role":"row"}},[_c('td',{attrs:{"colspan":_vm.columnsLength}},[_c('DTRowExpansionTemplate',{attrs:{"template":_vm.templates['expansion'],"data":rowData,"index":index}})],1)]):_vm._e(),(_vm.templates['groupfooter'] && _vm.rowGroupMode === 'subheader' && _vm.shouldRenderRowGroupFooter(_vm.value, rowData, index))?_c('tr',{key:_vm.getRowKey(rowData, index) + '_subfooter' + index,staticClass:"p-rowgroup-footer",attrs:{"role":"row"}},[_c('DTRowExpansionTemplate',{attrs:{"template":_vm.templates['groupfooter'],"data":rowData,"index":index}})],1):_vm._e()]})]:_c('tr',{staticClass:"p-datatable-emptymessage"},[_c('td',{attrs:{"colspan":_vm.columnsLength}},[(_vm.templates.empty && !_vm.loading)?_c('DTSlotTemplate',{attrs:{"template":_vm.templates.empty}}):_vm._e(),(_vm.templates.loading && _vm.loading)?_c('DTSlotTemplate',{attrs:{"template":_vm.templates.loading}}):_vm._e()],1)])],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/datatable/TableBody.vue?vue&type=template&id=07fa210b&
+// CONCATENATED MODULE: ./src/components/datatable/TableBody.vue?vue&type=template&id=7410dfa4&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find-index.js
 var es6_array_find_index = __webpack_require__("20d6");
@@ -4267,56 +4607,21 @@ var es6_array_from = __webpack_require__("1c4c");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
 var es6_function_name = __webpack_require__("7f7f");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js
-var es6_regexp_replace = __webpack_require__("a481");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.search.js
-var es6_regexp_search = __webpack_require__("386d");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.split.js
-var es6_regexp_split = __webpack_require__("28a5");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
-var web_dom_iterable = __webpack_require__("ac6a");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
-var es6_array_iterator = __webpack_require__("cadf");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
-var es6_object_keys = __webpack_require__("456d");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.to-string.js
 var es6_regexp_to_string = __webpack_require__("6b54");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
+var es6_array_find = __webpack_require__("7514");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.constructor.js
 var es6_regexp_constructor = __webpack_require__("3b2b");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/symbol.js
-var symbol = __webpack_require__("67bb");
-var symbol_default = /*#__PURE__*/__webpack_require__.n(symbol);
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/symbol/iterator.js
-var iterator = __webpack_require__("5d58");
-var iterator_default = /*#__PURE__*/__webpack_require__.n(iterator);
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js
-
-
-function typeof_typeof(obj) {
-  "@babel/helpers - typeof";
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.replace.js
+var es6_regexp_replace = __webpack_require__("a481");
 
-  if (typeof symbol_default.a === "function" && typeof iterator_default.a === "symbol") {
-    typeof_typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    typeof_typeof = function _typeof(obj) {
-      return obj && typeof symbol_default.a === "function" && obj.constructor === symbol_default.a && obj !== symbol_default.a.prototype ? "symbol" : typeof obj;
-    };
-  }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.split.js
+var es6_regexp_split = __webpack_require__("28a5");
 
-  return typeof_typeof(obj);
-}
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/classCallCheck.js
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -4344,13 +4649,14 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-// CONCATENATED MODULE: ./src/components/utils/ObjectUtils.js
-
-
 
+  define_property_default()(Constructor, "prototype", {
+    writable: false
+  });
 
+  return Constructor;
+}
+// CONCATENATED MODULE: ./src/components/utils/DomHandler.js
 
 
 
@@ -4370,306 +4676,53 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
-  function ObjectUtils() {
-    _classCallCheck(this, ObjectUtils);
+var DomHandler_DomHandler = /*#__PURE__*/function () {
+  function DomHandler() {
+    _classCallCheck(this, DomHandler);
   }
 
-  _createClass(ObjectUtils, null, [{
-    key: "equals",
-    value: function equals(obj1, obj2, field) {
-      if (field) return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+  _createClass(DomHandler, null, [{
+    key: "innerWidth",
+    value: function innerWidth(el) {
+      var width = el.offsetWidth;
+      var style = getComputedStyle(el);
+      width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+      return width;
     }
   }, {
-    key: "deepEquals",
-    value: function deepEquals(a, b) {
-      if (a === b) return true;
-
-      if (a && b && typeof_typeof(a) == 'object' && typeof_typeof(b) == 'object') {
-        var arrA = Array.isArray(a),
-            arrB = Array.isArray(b),
-            i,
-            length,
-            key;
-
-        if (arrA && arrB) {
-          length = a.length;
-          if (length != b.length) return false;
-
-          for (i = length; i-- !== 0;) {
-            if (!this.deepEquals(a[i], b[i])) return false;
-          }
-
-          return true;
-        }
-
-        if (arrA != arrB) return false;
-        var dateA = a instanceof Date,
-            dateB = b instanceof Date;
-        if (dateA != dateB) return false;
-        if (dateA && dateB) return a.getTime() == b.getTime();
-        var regexpA = a instanceof RegExp,
-            regexpB = b instanceof RegExp;
-        if (regexpA != regexpB) return false;
-        if (regexpA && regexpB) return a.toString() == b.toString();
-        var keys = Object.keys(a);
-        length = keys.length;
-        if (length !== Object.keys(b).length) return false;
-
-        for (i = length; i-- !== 0;) {
-          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-        }
+    key: "width",
+    value: function width(el) {
+      var width = el.offsetWidth;
+      var style = getComputedStyle(el);
+      width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+      return width;
+    }
+  }, {
+    key: "getWindowScrollTop",
+    value: function getWindowScrollTop() {
+      var doc = document.documentElement;
+      return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
+    }
+  }, {
+    key: "getWindowScrollLeft",
+    value: function getWindowScrollLeft() {
+      var doc = document.documentElement;
+      return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
+    }
+  }, {
+    key: "getOuterWidth",
+    value: function getOuterWidth(el, margin) {
+      if (el) {
+        var width = el.offsetWidth;
 
-        for (i = length; i-- !== 0;) {
-          key = keys[i];
-          if (!this.deepEquals(a[key], b[key])) return false;
+        if (margin) {
+          var style = getComputedStyle(el);
+          width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         }
 
-        return true;
-      }
-
-      return a !== a && b !== b;
-    }
-  }, {
-    key: "resolveFieldData",
-    value: function resolveFieldData(data, field) {
-      if (data && Object.keys(data).length && field) {
-        if (this.isFunction(field)) {
-          return field(data);
-        } else if (field.indexOf('.') === -1) {
-          return data[field];
-        } else {
-          var fields = field.split('.');
-          var value = data;
-
-          for (var i = 0, len = fields.length; i < len; ++i) {
-            if (value == null) {
-              return null;
-            }
-
-            value = value[fields[i]];
-          }
-
-          return value;
-        }
-      } else {
-        return null;
-      }
-    }
-  }, {
-    key: "isFunction",
-    value: function isFunction(obj) {
-      return !!(obj && obj.constructor && obj.call && obj.apply);
-    }
-  }, {
-    key: "filter",
-    value: function filter(value, fields, filterValue) {
-      var filteredItems = [];
-
-      if (value) {
-        var _iterator = _createForOfIteratorHelper(value),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
-
-            var _iterator2 = _createForOfIteratorHelper(fields),
-                _step2;
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var field = _step2.value;
-
-                if (String(this.resolveFieldData(item, field)).toLowerCase().indexOf(filterValue.toLowerCase()) > -1) {
-                  filteredItems.push(item);
-                  break;
-                }
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-
-      return filteredItems;
-    }
-  }, {
-    key: "reorderArray",
-    value: function reorderArray(value, from, to) {
-      var target;
-
-      if (value && from !== to) {
-        if (to >= value.length) {
-          target = to - value.length;
-
-          while (target-- + 1) {
-            value.push(undefined);
-          }
-        }
-
-        value.splice(to, 0, value.splice(from, 1)[0]);
-      }
-    }
-  }, {
-    key: "findIndexInList",
-    value: function findIndexInList(value, list) {
-      var index = -1;
-
-      if (list) {
-        for (var i = 0; i < list.length; i++) {
-          if (list[i] === value) {
-            index = i;
-            break;
-          }
-        }
-      }
-
-      return index;
-    }
-  }, {
-    key: "contains",
-    value: function contains(value, list) {
-      if (value != null && list && list.length) {
-        var _iterator3 = _createForOfIteratorHelper(list),
-            _step3;
-
-        try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var val = _step3.value;
-            if (this.equals(value, val)) return true;
-          }
-        } catch (err) {
-          _iterator3.e(err);
-        } finally {
-          _iterator3.f();
-        }
-      }
-
-      return false;
-    }
-  }, {
-    key: "insertIntoOrderedArray",
-    value: function insertIntoOrderedArray(item, index, arr, sourceArr) {
-      if (arr.length > 0) {
-        var injected = false;
-
-        for (var i = 0; i < arr.length; i++) {
-          var currentItemIndex = this.findIndexInList(arr[i], sourceArr);
-
-          if (currentItemIndex > index) {
-            arr.splice(i, 0, item);
-            injected = true;
-            break;
-          }
-        }
-
-        if (!injected) {
-          arr.push(item);
-        }
-      } else {
-        arr.push(item);
-      }
-    }
-  }, {
-    key: "removeAccents",
-    value: function removeAccents(str) {
-      if (str && str.search(/[\xC0-\xFF]/g) > -1) {
-        str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
-      }
-
-      return str;
-    }
-  }]);
-
-  return ObjectUtils;
-}();
-
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/BodyCell.vue?vue&type=template&id=15663eb8&
-var BodyCellvue_type_template_id_15663eb8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',{class:_vm.containerClass,style:(_vm.column.bodyStyle),on:{"click":_vm.onClick,"keydown":_vm.onKeyDown}},[(_vm.column.$scopedSlots.body && !_vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.rowData,"column":_vm.column,"index":_vm.index,"type":"body"}}):(_vm.column.$scopedSlots.editor && _vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.rowData,"column":_vm.column,"index":_vm.index,"type":"editor"}}):(!_vm.column.$scopedSlots.editor && _vm.column.$scopedSlots.body && _vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.rowData,"column":_vm.column,"index":_vm.index,"type":"body"}}):(_vm.column.selectionMode)?[(_vm.column.selectionMode === 'single')?_c('DTRadioButton',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":_vm.toggleRowWithRadio}}):(_vm.column.selectionMode ==='multiple')?_c('DTCheckbox',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":_vm.toggleRowWithCheckbox}}):_vm._e()]:(_vm.column.rowReorder)?[_c('i',{class:['p-datatable-reorderablerow-handle', _vm.column.rowReorderIcon]})]:(_vm.column.expander)?[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-toggler p-link",attrs:{"type":"button"},on:{"click":_vm.toggleRow}},[_c('span',{class:_vm.rowTogglerIcon})])]:(_vm.editMode === 'row' && _vm.column.rowEditor)?[(!_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-init p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditInit}},[_c('span',{staticClass:"p-row-editor-init-icon pi pi-fw pi-pencil"})]):_vm._e(),(_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-save p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditSave}},[_c('span',{staticClass:"p-row-editor-save-icon pi pi-fw pi-check"})]):_vm._e(),(_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-cancel p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditCancel}},[_c('span',{staticClass:"p-row-editor-cancel-icon pi pi-fw pi-times"})]):_vm._e()]:[_vm._v(_vm._s(_vm.resolveFieldData()))]],2)}
-var BodyCellvue_type_template_id_15663eb8_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=15663eb8&
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
-var es6_array_find = __webpack_require__("7514");
-
-// CONCATENATED MODULE: ./src/components/utils/DomHandler.js
-
-
-
-
-
-
-
-
-
-
-
-
-
-function DomHandler_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = DomHandler_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function DomHandler_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return DomHandler_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return DomHandler_arrayLikeToArray(o, minLen); }
-
-function DomHandler_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var DomHandler_DomHandler = /*#__PURE__*/function () {
-  function DomHandler() {
-    _classCallCheck(this, DomHandler);
-  }
-
-  _createClass(DomHandler, null, [{
-    key: "innerWidth",
-    value: function innerWidth(el) {
-      var width = el.offsetWidth;
-      var style = getComputedStyle(el);
-      width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-      return width;
-    }
-  }, {
-    key: "width",
-    value: function width(el) {
-      var width = el.offsetWidth;
-      var style = getComputedStyle(el);
-      width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-      return width;
-    }
-  }, {
-    key: "getWindowScrollTop",
-    value: function getWindowScrollTop() {
-      var doc = document.documentElement;
-      return (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
-    }
-  }, {
-    key: "getWindowScrollLeft",
-    value: function getWindowScrollLeft() {
-      var doc = document.documentElement;
-      return (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
-    }
-  }, {
-    key: "getOuterWidth",
-    value: function getOuterWidth(el, margin) {
-      if (el) {
-        var width = el.offsetWidth;
-
-        if (margin) {
-          var style = getComputedStyle(el);
-          width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-        }
-
-        return width;
-      } else {
-        return 0;
+        return width;
+      } else {
+        return 0;
       }
     }
   }, {
@@ -4904,7 +4957,7 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
           return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
         };
 
-        var _iterator = DomHandler_createForOfIteratorHelper(parents),
+        var _iterator = _createForOfIteratorHelper(parents),
             _step;
 
         try {
@@ -4915,7 +4968,7 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
 
-              var _iterator2 = DomHandler_createForOfIteratorHelper(selectors),
+              var _iterator2 = _createForOfIteratorHelper(selectors),
                   _step2;
 
               try {
@@ -5043,124 +5096,472 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "clearSelection",
-    value: function clearSelection() {
-      if (window.getSelection) {
-        if (window.getSelection().empty) {
-          window.getSelection().empty();
-        } else if (window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0) {
-          window.getSelection().removeAllRanges();
-        }
-      } else if (document['selection'] && document['selection'].empty) {
-        try {
-          document['selection'].empty();
-        } catch (error) {//ignore IE bug
+    key: "clearSelection",
+    value: function clearSelection() {
+      if (window.getSelection) {
+        if (window.getSelection().empty) {
+          window.getSelection().empty();
+        } else if (window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0) {
+          window.getSelection().removeAllRanges();
+        }
+      } else if (document['selection'] && document['selection'].empty) {
+        try {
+          document['selection'].empty();
+        } catch (error) {//ignore IE bug
+        }
+      }
+    }
+  }, {
+    key: "calculateScrollbarWidth",
+    value: function calculateScrollbarWidth() {
+      if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
+      var scrollDiv = document.createElement("div");
+      scrollDiv.className = "p-scrollbar-measure";
+      document.body.appendChild(scrollDiv);
+      var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+      document.body.removeChild(scrollDiv);
+      this.calculatedScrollbarWidth = scrollbarWidth;
+      return scrollbarWidth;
+    }
+  }, {
+    key: "getBrowser",
+    value: function getBrowser() {
+      if (!this.browser) {
+        var matched = this.resolveUserAgent();
+        this.browser = {};
+
+        if (matched.browser) {
+          this.browser[matched.browser] = true;
+          this.browser['version'] = matched.version;
+        }
+
+        if (this.browser['chrome']) {
+          this.browser['webkit'] = true;
+        } else if (this.browser['webkit']) {
+          this.browser['safari'] = true;
+        }
+      }
+
+      return this.browser;
+    }
+  }, {
+    key: "resolveUserAgent",
+    value: function resolveUserAgent() {
+      var ua = navigator.userAgent.toLowerCase();
+      var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
+      return {
+        browser: match[1] || "",
+        version: match[2] || "0"
+      };
+    }
+  }, {
+    key: "isVisible",
+    value: function isVisible(element) {
+      return element.offsetParent != null;
+    }
+  }, {
+    key: "invokeElementMethod",
+    value: function invokeElementMethod(element, methodName, args) {
+      element[methodName].apply(element, args);
+    }
+  }, {
+    key: "getFocusableElements",
+    value: function getFocusableElements(element) {
+      var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])");
+      var visibleFocusableElements = [];
+
+      var _iterator3 = _createForOfIteratorHelper(focusableElements),
+          _step3;
+
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var focusableElement = _step3.value;
+          if (getComputedStyle(focusableElement).display != "none" && getComputedStyle(focusableElement).visibility != "hidden") visibleFocusableElements.push(focusableElement);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+
+      return visibleFocusableElements;
+    }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
+  }, {
+    key: "isClickable",
+    value: function isClickable(element) {
+      var targetNode = element.nodeName;
+      var parentNode = element.parentElement && element.parentElement.nodeName;
+      return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
+    }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = this.style;
+      } else {
+        for (var prop in this.style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
+  }, {
+    key: "isIOS",
+    value: function isIOS() {
+      return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
+    }
+  }, {
+    key: "isAndroid",
+    value: function isAndroid() {
+      return /(android)/i.test(navigator.userAgent);
+    }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
+  }]);
+
+  return DomHandler;
+}();
+
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.search.js
+var es6_regexp_search = __webpack_require__("386d");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
+var web_dom_iterable = __webpack_require__("ac6a");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
+var es6_object_keys = __webpack_require__("456d");
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/symbol.js
+var symbol = __webpack_require__("67bb");
+var symbol_default = /*#__PURE__*/__webpack_require__.n(symbol);
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/symbol/iterator.js
+var iterator = __webpack_require__("5d58");
+var iterator_default = /*#__PURE__*/__webpack_require__.n(iterator);
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js
+
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof symbol_default.a && "symbol" == typeof iterator_default.a ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof symbol_default.a && obj.constructor === symbol_default.a && obj !== symbol_default.a.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+// CONCATENATED MODULE: ./src/components/utils/ObjectUtils.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function ObjectUtils_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = ObjectUtils_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function ObjectUtils_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return ObjectUtils_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ObjectUtils_arrayLikeToArray(o, minLen); }
+
+function ObjectUtils_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
+  function ObjectUtils() {
+    _classCallCheck(this, ObjectUtils);
+  }
+
+  _createClass(ObjectUtils, null, [{
+    key: "equals",
+    value: function equals(obj1, obj2, field) {
+      if (field) return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+    }
+  }, {
+    key: "deepEquals",
+    value: function deepEquals(a, b) {
+      if (a === b) return true;
+
+      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
+        var arrA = Array.isArray(a),
+            arrB = Array.isArray(b),
+            i,
+            length,
+            key;
+
+        if (arrA && arrB) {
+          length = a.length;
+          if (length != b.length) return false;
+
+          for (i = length; i-- !== 0;) {
+            if (!this.deepEquals(a[i], b[i])) return false;
+          }
+
+          return true;
+        }
+
+        if (arrA != arrB) return false;
+        var dateA = a instanceof Date,
+            dateB = b instanceof Date;
+        if (dateA != dateB) return false;
+        if (dateA && dateB) return a.getTime() == b.getTime();
+        var regexpA = a instanceof RegExp,
+            regexpB = b instanceof RegExp;
+        if (regexpA != regexpB) return false;
+        if (regexpA && regexpB) return a.toString() == b.toString();
+        var keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length) return false;
+
+        for (i = length; i-- !== 0;) {
+          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+        }
+
+        for (i = length; i-- !== 0;) {
+          key = keys[i];
+          if (!this.deepEquals(a[key], b[key])) return false;
+        }
+
+        return true;
+      }
+
+      return a !== a && b !== b;
+    }
+  }, {
+    key: "resolveFieldData",
+    value: function resolveFieldData(data, field) {
+      if (data && Object.keys(data).length && field) {
+        if (this.isFunction(field)) {
+          return field(data);
+        } else if (field.indexOf('.') === -1) {
+          return data[field];
+        } else {
+          var fields = field.split('.');
+          var value = data;
+
+          for (var i = 0, len = fields.length; i < len; ++i) {
+            if (value == null) {
+              return null;
+            }
+
+            value = value[fields[i]];
+          }
+
+          return value;
+        }
+      } else {
+        return null;
+      }
+    }
+  }, {
+    key: "isFunction",
+    value: function isFunction(obj) {
+      return !!(obj && obj.constructor && obj.call && obj.apply);
+    }
+  }, {
+    key: "filter",
+    value: function filter(value, fields, filterValue) {
+      var filteredItems = [];
+
+      if (value) {
+        var _iterator = ObjectUtils_createForOfIteratorHelper(value),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+
+            var _iterator2 = ObjectUtils_createForOfIteratorHelper(fields),
+                _step2;
+
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var field = _step2.value;
+
+                if (String(this.resolveFieldData(item, field)).toLowerCase().indexOf(filterValue.toLowerCase()) > -1) {
+                  filteredItems.push(item);
+                  break;
+                }
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+
+      return filteredItems;
+    }
+  }, {
+    key: "reorderArray",
+    value: function reorderArray(value, from, to) {
+      var target;
+
+      if (value && from !== to) {
+        if (to >= value.length) {
+          target = to - value.length;
+
+          while (target-- + 1) {
+            value.push(undefined);
+          }
+        }
+
+        value.splice(to, 0, value.splice(from, 1)[0]);
+      }
+    }
+  }, {
+    key: "findIndexInList",
+    value: function findIndexInList(value, list) {
+      var index = -1;
+
+      if (list) {
+        for (var i = 0; i < list.length; i++) {
+          if (list[i] === value) {
+            index = i;
+            break;
+          }
         }
       }
+
+      return index;
     }
   }, {
-    key: "calculateScrollbarWidth",
-    value: function calculateScrollbarWidth() {
-      if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
-      var scrollDiv = document.createElement("div");
-      scrollDiv.className = "p-scrollbar-measure";
-      document.body.appendChild(scrollDiv);
-      var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-      document.body.removeChild(scrollDiv);
-      this.calculatedScrollbarWidth = scrollbarWidth;
-      return scrollbarWidth;
-    }
-  }, {
-    key: "getBrowser",
-    value: function getBrowser() {
-      if (!this.browser) {
-        var matched = this.resolveUserAgent();
-        this.browser = {};
-
-        if (matched.browser) {
-          this.browser[matched.browser] = true;
-          this.browser['version'] = matched.version;
-        }
+    key: "contains",
+    value: function contains(value, list) {
+      if (value != null && list && list.length) {
+        var _iterator3 = ObjectUtils_createForOfIteratorHelper(list),
+            _step3;
 
-        if (this.browser['chrome']) {
-          this.browser['webkit'] = true;
-        } else if (this.browser['webkit']) {
-          this.browser['safari'] = true;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var val = _step3.value;
+            if (this.equals(value, val)) return true;
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
         }
       }
 
-      return this.browser;
-    }
-  }, {
-    key: "resolveUserAgent",
-    value: function resolveUserAgent() {
-      var ua = navigator.userAgent.toLowerCase();
-      var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
-      return {
-        browser: match[1] || "",
-        version: match[2] || "0"
-      };
-    }
-  }, {
-    key: "isVisible",
-    value: function isVisible(element) {
-      return element.offsetParent != null;
-    }
-  }, {
-    key: "invokeElementMethod",
-    value: function invokeElementMethod(element, methodName, args) {
-      element[methodName].apply(element, args);
+      return false;
     }
   }, {
-    key: "getFocusableElements",
-    value: function getFocusableElements(element) {
-      var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])");
-      var visibleFocusableElements = [];
+    key: "insertIntoOrderedArray",
+    value: function insertIntoOrderedArray(item, index, arr, sourceArr) {
+      if (arr.length > 0) {
+        var injected = false;
 
-      var _iterator3 = DomHandler_createForOfIteratorHelper(focusableElements),
-          _step3;
+        for (var i = 0; i < arr.length; i++) {
+          var currentItemIndex = this.findIndexInList(arr[i], sourceArr);
 
-      try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var focusableElement = _step3.value;
-          if (getComputedStyle(focusableElement).display != "none" && getComputedStyle(focusableElement).visibility != "hidden") visibleFocusableElements.push(focusableElement);
+          if (currentItemIndex > index) {
+            arr.splice(i, 0, item);
+            injected = true;
+            break;
+          }
         }
-      } catch (err) {
-        _iterator3.e(err);
-      } finally {
-        _iterator3.f();
-      }
 
-      return visibleFocusableElements;
-    }
-  }, {
-    key: "isClickable",
-    value: function isClickable(element) {
-      var targetNode = element.nodeName;
-      var parentNode = element.parentElement && element.parentElement.nodeName;
-      return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
-    }
-  }, {
-    key: "isIOS",
-    value: function isIOS() {
-      return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
+        if (!injected) {
+          arr.push(item);
+        }
+      } else {
+        arr.push(item);
+      }
     }
   }, {
-    key: "isAndroid",
-    value: function isAndroid() {
-      return /(android)/i.test(navigator.userAgent);
+    key: "removeAccents",
+    value: function removeAccents(str) {
+      if (str && str.search(/[\xC0-\xFF]/g) > -1) {
+        str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
+      }
+
+      return str;
     }
   }, {
-    key: "isTouchDevice",
-    value: function isTouchDevice() {
-      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    key: "getVNodeProp",
+    value: function getVNodeProp(vnode, prop) {
+      var props = vnode._props;
+
+      if (props) {
+        var kebapProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+        var propName = Object.prototype.hasOwnProperty.call(props, kebapProp) ? kebapProp : prop;
+        return props[propName];
+      }
+
+      return null;
     }
   }]);
 
-  return DomHandler;
+  return ObjectUtils;
 }();
 
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/BodyCell.vue?vue&type=template&id=884e0070&
+var BodyCellvue_type_template_id_884e0070_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',{class:_vm.containerClass,style:(_vm.containerStyle),attrs:{"role":"cell","data-prime":_vm.editingRowData},on:{"click":_vm.onClick,"keydown":_vm.onKeyDown}},[(_vm.responsiveLayout === 'stack')?_c('span',{staticClass:"p-column-title"},[_vm._v(_vm._s(_vm.columnProp('header')))]):_vm._e(),(_vm.column.$scopedSlots.body && !_vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.rowData,"column":_vm.column,"field":_vm.field,"index":_vm.rowIndex,"type":"body","frozenRow":_vm.frozenRow}}):(_vm.column.$scopedSlots.editor && _vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.editingRowData,"column":_vm.column,"field":_vm.field,"index":_vm.rowIndex,"type":"editor","frozenRow":_vm.frozenRow}}):(!_vm.column.$scopedSlots.editor && _vm.column.$scopedSlots.body && _vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.editingRowData,"column":_vm.column,"field":_vm.field,"index":_vm.rowIndex,"type":"body","frozenRow":_vm.frozenRow}}):(_vm.columnProp('selectionMode'))?[(_vm.columnProp('selectionMode') === 'single')?_c('DTRadioButton',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":_vm.toggleRowWithRadio}}):(_vm.columnProp('selectionMode') ==='multiple')?_c('DTCheckbox',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":_vm.toggleRowWithCheckbox}}):_vm._e()]:(_vm.columnProp('rowReorder'))?[_c('i',{class:['p-datatable-reorderablerow-handle', (_vm.columnProp('rowReorderIcon') || 'pi pi-bars')]})]:(_vm.columnProp('expander'))?[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-toggler p-link",attrs:{"type":"button"},on:{"click":_vm.toggleRow}},[_c('span',{class:_vm.rowTogglerIcon})])]:(_vm.editMode === 'row' && _vm.columnProp('rowEditor'))?[(!_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-init p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditInit}},[_c('span',{staticClass:"p-row-editor-init-icon pi pi-fw pi-pencil"})]):_vm._e(),(_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-save p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditSave}},[_c('span',{staticClass:"p-row-editor-save-icon pi pi-fw pi-check"})]):_vm._e(),(_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-cancel p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditCancel}},[_c('span',{staticClass:"p-row-editor-cancel-icon pi pi-fw pi-times"})]):_vm._e()]:[_vm._v(_vm._s(_vm.resolveFieldData()))]],2)}
+var BodyCellvue_type_template_id_884e0070_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=884e0070&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.map.js
+var es6_map = __webpack_require__("f400");
+
+// CONCATENATED MODULE: ./src/components/utils/EventBus.js
+
+
+
+/* harmony default export */ var EventBus = (function () {
+  var allHandlers = new Map();
+  return {
+    on: function on(type, handler) {
+      var handlers = allHandlers.get(type);
+      if (!handlers) handlers = [handler];else handlers.push(handler);
+      allHandlers.set(type, handlers);
+    },
+    off: function off(type, handler) {
+      var handlers = allHandlers.get(type);
+
+      if (handlers) {
+        handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+      }
+    },
+    emit: function emit(type, evt) {
+      var handlers = allHandlers.get(type);
+
+      if (handlers) {
+        handlers.slice().map(function (handler) {
+          handler(evt);
+        });
+      }
+    }
+  };
+});
+// CONCATENATED MODULE: ./src/components/overlayeventbus/OverlayEventBus.js
+
+/* harmony default export */ var OverlayEventBus = (EventBus());
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/ColumnSlot.vue?vue&type=script&lang=js&
 
 /* harmony default export */ var ColumnSlotvue_type_script_lang_js_ = ({
@@ -5181,13 +5582,33 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     type: {
       type: String,
       default: null
+    },
+    frozenRow: {
+      type: Boolean,
+      default: false
+    },
+    field: {
+      type: null,
+      default: null
+    },
+    filterModel: {
+      type: null,
+      default: null
+    },
+    filterCallback: {
+      type: null,
+      default: null
     }
   },
   render: function render(createElement, context) {
     var content = context.props.column.$scopedSlots[context.props.type]({
       'data': context.props.data,
       'index': context.props.index,
-      'column': context.props.column
+      'column': context.props.column,
+      'frozenRow': context.props.frozenRow,
+      'field': context.props.field,
+      'filterModel': context.props.filterModel,
+      'filterCallback': context.props.filterCallback
     });
     return [content];
   }
@@ -5567,6 +5988,8 @@ var Ripple = {
 //
 //
 //
+//
+
 
 
 
@@ -5583,6 +6006,14 @@ var Ripple = {
       type: Object,
       default: null
     },
+    frozenRow: {
+      type: Boolean,
+      default: false
+    },
+    rowIndex: {
+      type: Number,
+      default: null
+    },
     index: {
       type: Number,
       default: null
@@ -5599,39 +6030,70 @@ var Ripple = {
       type: Boolean,
       default: false
     },
+    editingMeta: {
+      type: Object,
+      default: null
+    },
     editMode: {
       type: String,
       default: null
+    },
+    responsiveLayout: {
+      type: String,
+      default: 'stack'
     }
   },
   documentEditListener: null,
   selfClick: false,
   data: function data() {
     return {
-      d_editing: this.editing
+      d_editing: this.editing,
+      styleObject: {
+        left: '',
+        right: ''
+      }
     };
   },
   watch: {
     editing: function editing(newValue) {
       this.d_editing = newValue;
+    },
+    '$data.d_editing': function $dataD_editing(newValue) {
+      this.$emit('editing-meta-change', {
+        data: this.rowData,
+        field: this.field || "field_".concat(this.index),
+        index: this.rowIndex,
+        editing: newValue
+      });
     }
   },
   mounted: function mounted() {
-    this.children = this.$children;
+    if (this.columnProp('frozen')) {
+      this.updateStickyPosition();
+    }
   },
   updated: function updated() {
-    if (this.d_editing && this.editMode) {
-      var query = this.editMode === 'row' ? '[autofocus]' : 'input';
-      var focusable = DomHandler_DomHandler.findSingle(this.$el, query);
+    if (this.columnProp('frozen')) {
+      this.updateStickyPosition();
+    }
 
-      if (focusable && document.activeElement != focusable) {
-        focusable.focus();
-      }
+    if (this.d_editing && (this.editMode === 'cell' || this.editMode === 'row' && this.columnProp('rowEditor'))) {
+      var focusableEl = DomHandler_DomHandler.getFirstFocusableElement(this.$el);
+      focusableEl && focusableEl.focus();
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.overlayEventListener) {
+      OverlayEventBus.off('overlay-click', this.overlayEventListener);
+      this.overlayEventListener = null;
     }
   },
   methods: {
+    columnProp: function columnProp(prop) {
+      return ObjectUtils_ObjectUtils.getVNodeProp(this.column, prop);
+    },
     resolveFieldData: function resolveFieldData() {
-      return ObjectUtils_ObjectUtils.resolveFieldData(this.rowData, this.column.field);
+      return ObjectUtils_ObjectUtils.resolveFieldData(this.rowData, this.field);
     },
     toggleRow: function toggleRow(event) {
       this.$emit('row-toggle', {
@@ -5653,7 +6115,7 @@ var Ripple = {
 
       if (!this.documentEditListener) {
         this.documentEditListener = function (event) {
-          if (_this.isOutsideClicked(event)) {
+          if (!_this.selfClick) {
             _this.completeEdit(event, 'outside');
           }
 
@@ -5667,17 +6129,18 @@ var Ripple = {
       if (this.documentEditListener) {
         document.removeEventListener('click', this.documentEditListener);
         this.documentEditListener = null;
-        this.selfClick = true;
+        this.selfClick = false;
       }
     },
     switchCellToViewMode: function switchCellToViewMode() {
       this.d_editing = false;
       this.unbindDocumentEditListener();
-    },
-    isOutsideClicked: function isOutsideClicked() {
-      return !this.selfClick;
+      OverlayEventBus.off('overlay-click', this.overlayEventListener);
+      this.overlayEventListener = null;
     },
     onClick: function onClick(event) {
+      var _this2 = this;
+
       if (this.editMode === 'cell' && this.isEditable()) {
         this.selfClick = true;
 
@@ -5687,9 +6150,17 @@ var Ripple = {
           this.$emit('cell-edit-init', {
             originalEvent: event,
             data: this.rowData,
-            field: this.column.field,
-            index: this.index
+            field: this.field,
+            index: this.rowIndex
           });
+
+          this.overlayEventListener = function (e) {
+            if (_this2.$el && _this2.$el.contains(e.target)) {
+              _this2.selfClick = true;
+            }
+          };
+
+          OverlayEventBus.on('overlay-click', this.overlayEventListener);
         }
       }
     },
@@ -5697,8 +6168,11 @@ var Ripple = {
       var completeEvent = {
         originalEvent: event,
         data: this.rowData,
-        field: this.column.field,
-        index: this.index,
+        newData: this.editingRowData,
+        value: this.rowData[this.field],
+        newValue: this.editingRowData[this.field],
+        field: this.field,
+        index: this.rowIndex,
         type: type,
         defaultPrevented: false,
         preventDefault: function preventDefault() {
@@ -5723,8 +6197,8 @@ var Ripple = {
             this.$emit('cell-edit-cancel', {
               originalEvent: event,
               data: this.rowData,
-              field: this.column.field,
-              index: this.index
+              field: this.field,
+              index: this.rowIndex
             });
             break;
 
@@ -5807,34 +6281,74 @@ var Ripple = {
       this.$emit('row-edit-init', {
         originalEvent: event,
         data: this.rowData,
-        field: this.column.field,
-        index: this.index
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
       });
     },
     onRowEditSave: function onRowEditSave(event) {
       this.$emit('row-edit-save', {
         originalEvent: event,
         data: this.rowData,
-        field: this.column.field,
-        index: this.index
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
       });
     },
     onRowEditCancel: function onRowEditCancel(event) {
       this.$emit('row-edit-cancel', {
         originalEvent: event,
         data: this.rowData,
-        field: this.column.field,
-        index: this.index
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
       });
+    },
+    updateStickyPosition: function updateStickyPosition() {
+      if (this.columnProp('frozen')) {
+        var align = this.columnProp('alignFrozen');
+
+        if (align === 'right') {
+          var right = 0;
+          var next = this.$el.nextElementSibling;
+
+          if (next) {
+            right = DomHandler_DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
+          }
+
+          this.styleObject.right = right + 'px';
+        } else {
+          var left = 0;
+          var prev = this.$el.previousElementSibling;
+
+          if (prev) {
+            left = DomHandler_DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          }
+
+          this.styleObject.left = left + 'px';
+        }
+      }
     }
   },
   computed: {
+    editingRowData: function editingRowData() {
+      return this.editingMeta[this.rowIndex] ? this.editingMeta[this.rowIndex].data : this.rowData;
+    },
+    field: function field() {
+      return this.columnProp('field');
+    },
     containerClass: function containerClass() {
-      return [this.column.bodyClass, {
-        'p-selection-column': this.column.selectionMode != null,
+      return [this.columnProp('bodyClass'), this.columnProp('className'), {
+        'p-selection-column': this.columnProp('selectionMode') != null,
         'p-editable-column': this.isEditable(),
-        'p-cell-editing': this.d_editing
+        'p-cell-editing': this.d_editing,
+        'p-frozen-column': this.columnProp('frozen')
       }];
+    },
+    containerStyle: function containerStyle() {
+      var bodyStyle = this.columnProp('bodyStyle');
+      var columnStyle = this.columnProp('styles');
+      return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject] : [columnStyle, bodyStyle];
     }
   },
   components: {
@@ -5858,8 +6372,8 @@ var Ripple = {
 
 var BodyCell_component = normalizeComponent(
   datatable_BodyCellvue_type_script_lang_js_,
-  BodyCellvue_type_template_id_15663eb8_render,
-  BodyCellvue_type_template_id_15663eb8_staticRenderFns,
+  BodyCellvue_type_template_id_884e0070_render,
+  BodyCellvue_type_template_id_884e0070_staticRenderFns,
   false,
   null,
   null,
@@ -5919,6 +6433,7 @@ var BodyCell_component = normalizeComponent(
 //
 
 
+
 var RowExpansionTemplate = {
   functional: true,
   props: {
@@ -5970,6 +6485,10 @@ var SlotTemplate = {
       type: null,
       default: null
     },
+    frozenRow: {
+      type: Boolean,
+      default: false
+    },
     empty: {
       type: Boolean,
       default: false
@@ -6054,6 +6573,10 @@ var SlotTemplate = {
       type: null,
       default: null
     },
+    editingMeta: {
+      type: Object,
+      default: null
+    },
     loading: {
       type: Boolean,
       default: false
@@ -6061,9 +6584,43 @@ var SlotTemplate = {
     templates: {
       type: null,
       default: null
+    },
+    scrollable: {
+      type: Boolean,
+      default: false
+    },
+    responsiveLayout: {
+      type: String,
+      default: 'stack'
+    }
+  },
+  mounted: function mounted() {
+    if (this.frozenRow) {
+      this.updateFrozenRowStickyPosition();
+    }
+
+    if (this.scrollable && this.rowGroupMode === 'subheader') {
+      this.updateFrozenRowGroupHeaderStickyPosition();
+    }
+  },
+  updated: function updated() {
+    if (this.frozenRow) {
+      this.updateFrozenRowStickyPosition();
+    }
+
+    if (this.scrollable && this.rowGroupMode === 'subheader') {
+      this.updateFrozenRowGroupHeaderStickyPosition();
     }
   },
+  data: function data() {
+    return {
+      rowGroupHeaderStyleObject: {}
+    };
+  },
   methods: {
+    columnProp: function columnProp(col, prop) {
+      return ObjectUtils_ObjectUtils.getVNodeProp(col, prop);
+    },
     shouldRenderRowGroupHeader: function shouldRenderRowGroupHeader(value, rowData, i) {
       var currentRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(rowData, this.groupRowsBy);
       var prevRowData = value[i - 1];
@@ -6125,14 +6682,14 @@ var SlotTemplate = {
     shouldRenderBodyCell: function shouldRenderBodyCell(value, column, i) {
       if (this.rowGroupMode) {
         if (this.rowGroupMode === 'subheader') {
-          return this.groupRowsBy !== column.field;
+          return this.groupRowsBy !== this.columnProp(column, 'field');
         } else if (this.rowGroupMode === 'rowspan') {
           if (this.isGrouped(column)) {
             var prevRowData = value[i - 1];
 
             if (prevRowData) {
-              var currentRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(value[i], column.field);
-              var previousRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(prevRowData, column.field);
+              var currentRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(value[i], this.columnProp(column, 'field'));
+              var previousRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(prevRowData, this.columnProp(column, 'field'));
               return currentRowFieldData !== previousRowFieldData;
             } else {
               return true;
@@ -6142,12 +6699,12 @@ var SlotTemplate = {
           }
         }
       } else {
-        return true;
+        return !this.columnProp(column, 'hidden');
       }
     },
     calculateRowGroupSize: function calculateRowGroupSize(value, column, index) {
       if (this.isGrouped(column)) {
-        var currentRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(value[index], column.field);
+        var currentRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(value[index], this.columnProp(column, 'field'));
         var nextRowFieldData = currentRowFieldData;
         var groupRowSpan = 0;
 
@@ -6156,7 +6713,7 @@ var SlotTemplate = {
           var nextRowData = value[++index];
 
           if (nextRowData) {
-            nextRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(nextRowData, column.field);
+            nextRowFieldData = ObjectUtils_ObjectUtils.resolveFieldData(nextRowData, this.columnProp(column, 'field'));
           } else {
             break;
           }
@@ -6176,7 +6733,7 @@ var SlotTemplate = {
       return ['p-row-toggler-icon pi', icon];
     },
     isGrouped: function isGrouped(column) {
-      if (this.groupRowsBy) {
+      if (this.groupRowsBy && this.columnProp(column, 'field')) {
         if (Array.isArray(this.groupRowsBy)) return this.groupRowsBy.indexOf(column.field) > -1;else return this.groupRowsBy === column.field;
       } else {
         return false;
@@ -6329,11 +6886,30 @@ var SlotTemplate = {
     },
     onRowEditCancel: function onRowEditCancel(event) {
       this.$emit('row-edit-cancel', event);
+    },
+    onEditingMetaChange: function onEditingMetaChange(event) {
+      this.$emit('editing-meta-change', event);
+    },
+    updateFrozenRowStickyPosition: function updateFrozenRowStickyPosition() {
+      this.$el.style.top = DomHandler_DomHandler.getOuterHeight(this.$el.previousElementSibling) + 'px';
+    },
+    updateFrozenRowGroupHeaderStickyPosition: function updateFrozenRowGroupHeaderStickyPosition() {
+      var tableHeaderHeight = DomHandler_DomHandler.getOuterHeight(this.$el.previousElementSibling);
+      this.rowGroupHeaderStyleObject.top = tableHeaderHeight + 'px';
     }
   },
   computed: {
     columnsLength: function columnsLength() {
       return this.columns ? this.columns.length : 0;
+    },
+    rowGroupHeaderStyle: function rowGroupHeaderStyle() {
+      if (this.scrollable) {
+        return {
+          top: this.rowGroupHeaderStyleObject.top
+        };
+      }
+
+      return null;
     }
   },
   components: {