primevue 2.4.2 → 2.7.0

package/datatable/TableBody.vue

@@ -3,16 +3,17 @@
         <template v-if="!empty">
             <template v-for="(rowData, index) of value">
                 <tr class="p-rowgroup-header" v-if="templates['groupheader'] && rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, index)" :key="getRowKey(rowData, index) + '_subheader'">
-                    <td :colspan="columns.length - 1">
+                    <td :colspan="columnsLength - 1">
                         <button class="p-row-toggler p-link" @click="onRowGroupToggle($event, rowData)" v-if="expandableRowGroups" type="button">
                             <span :class="rowGroupTogglerIcon(rowData)"></span>
                         </button>
                         <DTRowExpansionTemplate :template="templates['groupheader']" :data="rowData" :index="index" />
                     </td>
                 </tr>
-                <tr :class="getRowClass(rowData)" :key="getRowKey(rowData, index)"
+                <tr :class="getRowClass(rowData)" :style="rowStyle" :key="getRowKey(rowData, index)"
                     v-if="expandableRowGroups ? isRowGroupExpanded(rowData): true"
-                    @click="onRowClick($event, rowData, index)" @contextmenu="onRowRightClick($event, rowData, index)" @touchend="onRowTouchEnd($event)" @keydown="onRowKeyDown($event, rowData, index)" :tabindex="selectionMode || contextMenu ? '0' : null"
+                    @click="onRowClick($event, rowData, index)" @dblclick="onRowDblClick($event, rowData, index)" @contextmenu="onRowRightClick($event, rowData, index)" @touchend="onRowTouchEnd($event)"
+                    @keydown="onRowKeyDown($event, rowData, index)" :tabindex="selectionMode || contextMenu ? '0' : null"
                     @mousedown="onRowMouseDown($event)" @dragstart="onRowDragStart($event, index)" @dragover="onRowDragOver($event,index)" @dragleave="onRowDragLeave($event)" @dragend="onRowDragEnd($event)" @drop="onRowDrop($event)">
                     <template v-for="(col,i) of columns">
                         <DTBodyCell v-if="shouldRenderBodyCell(value, col, index)" :key="col.columnKey||col.field||i" :rowData="rowData" :column="col" :index="index" :selected="isSelected(rowData)"
@@ -25,7 +26,7 @@
                     </template>
                 </tr>
                 <tr class="p-datatable-row-expansion" v-if="templates['expansion'] && expandedRows && isRowExpanded(rowData)" :key="getRowKey(rowData, index) + '_expansion'">
-                    <td :colspan="columns.length">
+                    <td :colspan="columnsLength">
                         <DTRowExpansionTemplate :template="templates['expansion']" :data="rowData" :index="index" />
                     </td>
                 </tr>
@@ -35,7 +36,7 @@
             </template>
         </template>
         <tr v-else class="p-datatable-emptymessage">
-            <td :colspan="columns.length">
+            <td :colspan="columnsLength">
                 <DTSlotTemplate :template="templates.empty" v-if="templates.empty && !loading"/>
                 <DTSlotTemplate :template="templates.loading" v-if="templates.loading && loading"/>
             </td>
@@ -164,6 +165,10 @@ export default {
             type: null,
             default: null
         },
+        rowStyle: {
+            type: null,
+            default: null
+        },
         editMode: {
             type: String,
             default: null
@@ -390,6 +395,9 @@ export default {
         onRowClick(event, rowData, rowIndex) {
             this.$emit('row-click', {originalEvent: event, data: rowData, index: rowIndex});
         },
+        onRowDblClick(event, rowData, rowIndex) {
+            this.$emit('row-dblclick', {originalEvent: event, data: rowData, index: rowIndex});
+        },
         onRowRightClick(event, rowData, rowIndex) {
             this.$emit('row-rightclick', {originalEvent: event, data: rowData, index: rowIndex});
         },
@@ -445,6 +453,11 @@ export default {
             this.$emit('row-edit-cancel', event);
         }
     },
+    computed: {
+        columnsLength() {
+            return this.columns ? this.columns.length : 0;
+        }
+    },
     components: {
         'DTBodyCell': BodyCell,
         'DTRowExpansionTemplate': RowExpansionTemplate,

package/datatable/bodycell.common.js

@@ -4217,12 +4217,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":"271bee23-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":"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 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 staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=b39b5b7a&
+// 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");
@@ -4833,6 +4833,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;
@@ -4845,6 +4850,9 @@ 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");
 
@@ -4891,6 +4899,7 @@ function typeof_typeof(obj) {
 
 
 
+
 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); }
@@ -5273,7 +5282,7 @@ 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":"271bee23-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&
+// 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/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 = []
 
@@ -5342,7 +5351,7 @@ 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":"271bee23-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&
+// 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/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 = []
 
@@ -5525,6 +5534,7 @@ var Ripple = {
 //
 //
 //
+//
 
 
 
@@ -5578,11 +5588,13 @@ var Ripple = {
     this.children = this.$children;
   },
   updated: function updated() {
-    var query = this.editMode === 'row' ? '[autofocus]' : 'input';
-    var focusable = DomHandler_DomHandler.findSingle(this.$el, query);
+    if (this.d_editing && this.editMode) {
+      var query = this.editMode === 'row' ? '[autofocus]' : 'input';
+      var focusable = DomHandler_DomHandler.findSingle(this.$el, query);
 
-    if (focusable && document.activeElement != focusable) {
-      focusable.focus();
+      if (focusable && document.activeElement != focusable) {
+        focusable.focus();
+      }
     }
   },
   methods: {

package/datatable/bodycell.umd.js

@@ -4226,12 +4226,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":"271bee23-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":"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 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 staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=b39b5b7a&
+// 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");
@@ -4842,6 +4842,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;
@@ -4854,6 +4859,9 @@ 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");
 
@@ -4900,6 +4908,7 @@ function typeof_typeof(obj) {
 
 
 
+
 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); }
@@ -5282,7 +5291,7 @@ 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":"271bee23-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&
+// 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/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 = []
 
@@ -5351,7 +5360,7 @@ 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":"271bee23-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&
+// 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/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 = []
 
@@ -5534,6 +5543,7 @@ var Ripple = {
 //
 //
 //
+//
 
 
 
@@ -5587,11 +5597,13 @@ var Ripple = {
     this.children = this.$children;
   },
   updated: function updated() {
-    var query = this.editMode === 'row' ? '[autofocus]' : 'input';
-    var focusable = DomHandler_DomHandler.findSingle(this.$el, query);
+    if (this.d_editing && this.editMode) {
+      var query = this.editMode === 'row' ? '[autofocus]' : 'input';
+      var focusable = DomHandler_DomHandler.findSingle(this.$el, query);
 
-    if (focusable && document.activeElement != focusable) {
-      focusable.focus();
+      if (focusable && document.activeElement != focusable) {
+        focusable.focus();
+      }
     }
   },
   methods: {