primevue 2.9.2 → 2.10.0

package/datatable/tablebody.umd.js

@@ -4588,10 +4588,184 @@ 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":"28cb4606-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=cbbaab36&
-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./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=cbbaab36&
+var render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  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 click($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 click($event) {
+          return _vm.onRowClick($event, rowData, index);
+        },
+        "dblclick": function dblclick($event) {
+          return _vm.onRowDblClick($event, rowData, index);
+        },
+        "contextmenu": function contextmenu($event) {
+          return _vm.onRowRightClick($event, rowData, index);
+        },
+        "touchend": function touchend($event) {
+          return _vm.onRowTouchEnd($event);
+        },
+        "keydown": function keydown($event) {
+          return _vm.onRowKeyDown($event, rowData, index);
+        },
+        "mousedown": function mousedown($event) {
+          return _vm.onRowMouseDown($event);
+        },
+        "dragstart": function dragstart($event) {
+          return _vm.onRowDragStart($event, index);
+        },
+        "dragover": function dragover($event) {
+          return _vm.onRowDragOver($event, index);
+        },
+        "dragleave": function dragleave($event) {
+          return _vm.onRowDragLeave($event);
+        },
+        "dragend": function dragend($event) {
+          return _vm.onRowDragEnd($event);
+        },
+        "drop": function drop($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 radioChange($event) {
+            return _vm.onRadioChange($event);
+          },
+          "checkbox-change": function checkboxChange($event) {
+            return _vm.onCheckboxChange($event);
+          },
+          "row-toggle": function rowToggle($event) {
+            return _vm.onRowToggle($event);
+          },
+          "cell-edit-init": function cellEditInit($event) {
+            return _vm.onCellEditInit($event);
+          },
+          "cell-edit-complete": function cellEditComplete($event) {
+            return _vm.onCellEditComplete($event);
+          },
+          "cell-edit-cancel": function cellEditCancel($event) {
+            return _vm.onCellEditCancel($event);
+          },
+          "row-edit-init": function rowEditInit($event) {
+            return _vm.onRowEditInit($event);
+          },
+          "row-edit-save": function rowEditSave($event) {
+            return _vm.onRowEditSave($event);
+          },
+          "row-edit-cancel": function rowEditCancel($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=cbbaab36&
 
@@ -5532,12 +5706,140 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 }();
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-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=43b472c0&
-var BodyCellvue_type_template_id_43b472c0_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,"editorInitCallback":_vm.editorInitCallback}}):(_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,"editorSaveCallback":_vm.editorSaveCallback,"editorCancelCallback":_vm.editorCancelCallback}}):(!_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,"editorSaveCallback":_vm.editorSaveCallback,"editorCancelCallback":_vm.editorCancelCallback}}):(_vm.columnProp('selectionMode'))?[(_vm.columnProp('selectionMode') === 'single')?_c('DTRadioButton',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":function($event){return _vm.toggleRowWithRadio($event, _vm.rowIndex)}}}):(_vm.columnProp('selectionMode') ==='multiple')?_c('DTCheckbox',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":function($event){return _vm.toggleRowWithCheckbox($event, _vm.rowIndex)}}}):_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_43b472c0_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./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=7a0fc722&
+var BodyCellvue_type_template_id_7a0fc722_render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  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,
+      "editorInitCallback": _vm.editorInitCallback
+    }
+  }) : _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,
+      "editorSaveCallback": _vm.editorSaveCallback,
+      "editorCancelCallback": _vm.editorCancelCallback
+    }
+  }) : !_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,
+      "editorSaveCallback": _vm.editorSaveCallback,
+      "editorCancelCallback": _vm.editorCancelCallback
+    }
+  }) : _vm.columnProp('selectionMode') ? [_vm.columnProp('selectionMode') === 'single' ? _c('DTRadioButton', {
+    attrs: {
+      "value": _vm.rowData,
+      "checked": _vm.selected
+    },
+    on: {
+      "change": function change($event) {
+        return _vm.toggleRowWithRadio($event, _vm.rowIndex);
+      }
+    }
+  }) : _vm.columnProp('selectionMode') === 'multiple' ? _c('DTCheckbox', {
+    attrs: {
+      "value": _vm.rowData,
+      "checked": _vm.selected
+    },
+    on: {
+      "change": function change($event) {
+        return _vm.toggleRowWithCheckbox($event, _vm.rowIndex);
+      }
+    }
+  }) : _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_7a0fc722_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=43b472c0&
+// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=7a0fc722&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.map.js
 var es6_map = __webpack_require__("f400");
@@ -5651,20 +5953,19 @@ var es6_map = __webpack_require__("f400");
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -5684,7 +5985,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -5710,11 +6012,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -5725,16 +6027,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -5764,22 +6064,53 @@ 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":"28cb4606-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./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 render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  return _c('div', {
+    class: ['p-radiobutton p-component', {
+      'p-radiobutton-focused': _vm.focused
+    }],
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "click": _vm.onClick,
+      "focus": function focus($event) {
+        return _vm.onFocus($event);
+      },
+      "blur": function blur($event) {
+        return _vm.onBlur($event);
+      },
+      "keydown": function keydown($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=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&
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var RowRadioButtonvue_type_script_lang_js_ = ({
   inheritAttrs: false,
   props: {
@@ -5833,25 +6164,60 @@ 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":"28cb4606-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./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 render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  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 focus($event) {
+        return _vm.onFocus($event);
+      },
+      "blur": function blur($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=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&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var RowCheckboxvue_type_script_lang_js_ = ({
   inheritAttrs: false,
   props: {
@@ -5985,39 +6351,6 @@ var Ripple = {
 // 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/BodyCell.vue?vue&type=script&lang=js&
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -6351,22 +6684,36 @@ var Ripple = {
       });
     },
     editorSaveCallback: function editorSaveCallback(event) {
-      this.$emit('row-edit-save', {
-        originalEvent: event,
-        data: this.rowData,
-        newData: this.editingRowData,
-        field: this.field,
-        index: this.rowIndex
-      });
+      if (this.editMode === 'row') {
+        this.$emit('row-edit-save', {
+          originalEvent: event,
+          data: this.rowData,
+          newData: this.editingRowData,
+          field: this.field,
+          index: this.rowIndex
+        });
+      } else {
+        this.completeEdit(event, 'enter');
+      }
     },
     editorCancelCallback: function editorCancelCallback(event) {
-      this.$emit('row-edit-cancel', {
-        originalEvent: event,
-        data: this.rowData,
-        newData: this.editingRowData,
-        field: this.field,
-        index: this.rowIndex
-      });
+      if (this.editMode === 'row') {
+        this.$emit('row-edit-cancel', {
+          originalEvent: event,
+          data: this.rowData,
+          newData: this.editingRowData,
+          field: this.field,
+          index: this.rowIndex
+        });
+      } else {
+        this.switchCellToViewMode();
+        this.$emit('cell-edit-cancel', {
+          originalEvent: event,
+          data: this.rowData,
+          field: this.field,
+          index: this.rowIndex
+        });
+      }
     },
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
@@ -6436,8 +6783,8 @@ var Ripple = {
 
 var BodyCell_component = normalizeComponent(
   datatable_BodyCellvue_type_script_lang_js_,
-  BodyCellvue_type_template_id_43b472c0_render,
-  BodyCellvue_type_template_id_43b472c0_staticRenderFns,
+  BodyCellvue_type_template_id_7a0fc722_render,
+  BodyCellvue_type_template_id_7a0fc722_staticRenderFns,
   false,
   null,
   null,
@@ -6450,52 +6797,6 @@ var BodyCell_component = normalizeComponent(
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//