primevue 2.5.1 → 2.9.0

package/datatable/bodycell.common.js

@@ -1710,6 +1710,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":
@@ -3455,6 +3487,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":
@@ -3518,6 +3562,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":
@@ -3934,6 +4130,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":
@@ -4109,6 +4410,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":
@@ -4217,12 +4557,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":"0538004c-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=b39b5b7a&
-var 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.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)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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 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 staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=b39b5b7a&
+// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=884e0070&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -4230,15 +4570,58 @@ var es6_array_find = __webpack_require__("7514");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
 var es6_number_constructor = __webpack_require__("c5f6");
 
+// 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.string.iterator.js
+var es6_string_iterator = __webpack_require__("5df3");
+
+// 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());
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.symbol.js
 var es6_symbol = __webpack_require__("8a81");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.iterator.js
-var es6_string_iterator = __webpack_require__("5df3");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.from.js
 var es6_array_from = __webpack_require__("1c4c");
 
@@ -4284,6 +4667,11 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+
+  define_property_default()(Constructor, "prototype", {
+    writable: false
+  });
+
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -4816,6 +5204,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       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) {
@@ -4823,6 +5217,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       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 = style;
+      } else {
+        for (var prop in style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -4833,6 +5238,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     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;
@@ -4842,12 +5252,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 // 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.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");
 
@@ -4862,20 +5266,14 @@ var iterator_default = /*#__PURE__*/__webpack_require__.n(iterator);
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js
 
 
-function typeof_typeof(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  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;
-    };
-  }
-
-  return typeof_typeof(obj);
+  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
 
@@ -4916,7 +5314,7 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     value: function deepEquals(a, b) {
       if (a === b) return true;
 
-      if (a && b && typeof_typeof(a) == 'object' && typeof_typeof(b) == 'object') {
+      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
         var arrA = Array.isArray(a),
             arrB = Array.isArray(b),
             i,
@@ -5118,6 +5516,19 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 
       return str;
     }
+  }, {
+    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 ObjectUtils;
@@ -5144,13 +5555,33 @@ var ObjectUtils_ObjectUtils = /*#__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];
   }
@@ -5277,12 +5708,12 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var ColumnSlot = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-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/RowRadioButton.vue?vue&type=template&id=3dee70d6&
-var RowRadioButtonvue_type_template_id_3dee70d6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-radiobutton p-component",attrs:{"tabindex":"0"},on:{"click":_vm.onClick,"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onClick.apply(null, arguments)}}},[_c('div',{ref:"box",class:['p-radiobutton-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.disabled, 'p-focus': _vm.focused}],attrs:{"role":"radio","aria-checked":_vm.checked}},[_c('div',{staticClass:"p-radiobutton-icon"})])])}
-var RowRadioButtonvue_type_template_id_3dee70d6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/RowRadioButton.vue?vue&type=template&id=3e398a56&
+var RowRadioButtonvue_type_template_id_3e398a56_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['p-radiobutton p-component', {'p-radiobutton-focused': _vm.focused}],attrs:{"tabindex":"0"},on:{"click":_vm.onClick,"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onClick.apply(null, arguments)}}},[_c('div',{ref:"box",class:['p-radiobutton-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.disabled, 'p-focus': _vm.focused}],attrs:{"role":"radio","aria-checked":_vm.checked}},[_c('div',{staticClass:"p-radiobutton-icon"})])])}
+var RowRadioButtonvue_type_template_id_3e398a56_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/datatable/RowRadioButton.vue?vue&type=template&id=3dee70d6&
+// CONCATENATED MODULE: ./src/components/datatable/RowRadioButton.vue?vue&type=template&id=3e398a56&
 
 // 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/RowRadioButton.vue?vue&type=script&lang=js&
 //
@@ -5336,8 +5767,8 @@ var RowRadioButtonvue_type_template_id_3dee70d6_staticRenderFns = []
 
 var RowRadioButton_component = normalizeComponent(
   datatable_RowRadioButtonvue_type_script_lang_js_,
-  RowRadioButtonvue_type_template_id_3dee70d6_render,
-  RowRadioButtonvue_type_template_id_3dee70d6_staticRenderFns,
+  RowRadioButtonvue_type_template_id_3e398a56_render,
+  RowRadioButtonvue_type_template_id_3e398a56_staticRenderFns,
   false,
   null,
   null,
@@ -5346,12 +5777,12 @@ var RowRadioButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var RowRadioButton = (RowRadioButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-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/RowCheckbox.vue?vue&type=template&id=0349feb2&
-var RowCheckboxvue_type_template_id_0349feb2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"p-checkbox p-component",on:{"click":_vm.onClick}},[_c('div',{staticClass:"p-hidden-accessible"},[_c('input',{ref:"input",attrs:{"type":"checkbox","disabled":_vm.disabled},domProps:{"checked":_vm.checked},on:{"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)}}})]),_c('div',{ref:"box",class:['p-checkbox-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.$attrs.disabled, 'p-focus': _vm.focused}],attrs:{"role":"checkbox","aria-checked":_vm.checked}},[_c('span',{class:['p-checkbox-icon', {'pi pi-check': _vm.checked}]})])])}
-var RowCheckboxvue_type_template_id_0349feb2_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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/RowCheckbox.vue?vue&type=template&id=1e7e4cf8&
+var RowCheckboxvue_type_template_id_1e7e4cf8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['p-checkbox p-component', {'p-checkbox-focused': _vm.focused}],on:{"click":_vm.onClick}},[_c('div',{staticClass:"p-hidden-accessible"},[_c('input',{ref:"input",attrs:{"type":"checkbox","disabled":_vm.disabled},domProps:{"checked":_vm.checked},on:{"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)}}})]),_c('div',{ref:"box",class:['p-checkbox-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.$attrs.disabled, 'p-focus': _vm.focused}],attrs:{"role":"checkbox","aria-checked":_vm.checked}},[_c('span',{class:['p-checkbox-icon', {'pi pi-check': _vm.checked}]})])])}
+var RowCheckboxvue_type_template_id_1e7e4cf8_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/datatable/RowCheckbox.vue?vue&type=template&id=0349feb2&
+// CONCATENATED MODULE: ./src/components/datatable/RowCheckbox.vue?vue&type=template&id=1e7e4cf8&
 
 // 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/RowCheckbox.vue?vue&type=script&lang=js&
 //
@@ -5407,8 +5838,8 @@ var RowCheckboxvue_type_template_id_0349feb2_staticRenderFns = []
 
 var RowCheckbox_component = normalizeComponent(
   datatable_RowCheckboxvue_type_script_lang_js_,
-  RowCheckboxvue_type_template_id_0349feb2_render,
-  RowCheckboxvue_type_template_id_0349feb2_staticRenderFns,
+  RowCheckboxvue_type_template_id_1e7e4cf8_render,
+  RowCheckboxvue_type_template_id_1e7e4cf8_staticRenderFns,
   false,
   null,
   null,
@@ -5529,6 +5960,9 @@ var Ripple = {
 //
 //
 //
+//
+//
+
 
 
 
@@ -5545,6 +5979,14 @@ var Ripple = {
       type: Object,
       default: null
     },
+    frozenRow: {
+      type: Boolean,
+      default: false
+    },
+    rowIndex: {
+      type: Number,
+      default: null
+    },
     index: {
       type: Number,
       default: null
@@ -5561,37 +6003,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() {
-    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', {
@@ -5613,7 +6088,7 @@ var Ripple = {
 
       if (!this.documentEditListener) {
         this.documentEditListener = function (event) {
-          if (_this.isOutsideClicked(event)) {
+          if (!_this.selfClick) {
             _this.completeEdit(event, 'outside');
           }
 
@@ -5627,17 +6102,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;
 
@@ -5647,9 +6123,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);
         }
       }
     },
@@ -5657,8 +6141,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() {
@@ -5683,8 +6170,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;
 
@@ -5767,34 +6254,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: {