@progress/kendo-vue-grid 3.4.1 → 3.4.3-dev.202207111225

package/dist/es/header/GridHeaderCell.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -20,8 +21,8 @@ var GridHeaderCellVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/header/GridHeaderSelectionCell.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { guid, getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -26,8 +27,8 @@ var GridHeaderSelectionCellVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/header/GroupPanel.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { GroupingIndicator } from '../drag/GroupingIndicator';
 import { messages, groupPanelEmpty as messageKey } from './../messages';
@@ -45,8 +46,8 @@ var GroupPanelVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/es/header/Header.js

@@ -2,9 +2,11 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { BrowserSupportService } from '../utils/browser-support.service';
 import { isRtl } from '../utils';
+import { getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -34,9 +36,9 @@ var HeaderVue2 = {
     }
   },
   mounted: function mounted() {
-    this.headerWrap = this.v3 ? this.headerWrapRef : this.$refs.headerWrap;
-    this.table = this.v3 ? this.tableRef : this.$refs.table;
-    this.$props.columnResize.colGroupHeader = this.v3 ? this.colGroupHeaderRef : this.$refs.colGroupHeader;
+    this.headerWrap = getRef(this, 'headerWrap');
+    this.table = getRef(this, 'table');
+    this.$props.columnResize.colGroupHeader = getRef(this, 'colGroupHeader');
     var scrollbarWidth = new BrowserSupportService().scrollbarWidth;
     var rtl = isRtl(this.$el);
 
@@ -64,8 +66,8 @@ var HeaderVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var headerWrapRef = ref(null);
     var tableRef = ref(null);
     var colGroupHeaderRef = ref(null);
@@ -78,8 +80,6 @@ var HeaderVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
 
     if (!this.$props.staticHeaders) {
@@ -94,18 +94,14 @@ var HeaderVue2 = {
         role: "presentation"
       }
     }, [h("div", {
-      ref: this.v3 ? function (el) {
-        _this.headerWrapRef = el;
-      } : 'headerWrap',
+      ref: setRef(this, 'headerWrap'),
       "class": "k-grid-header-wrap",
       role: "presentation",
       attrs: this.v3 ? undefined : {
         role: "presentation"
       }
     }, [h("table", {
-      ref: this.v3 ? function (el) {
-        _this.tableRef = el;
-      } : 'table',
+      ref: setRef(this, 'table'),
       role: "presentation",
       attrs: this.v3 ? undefined : {
         role: "presentation"
@@ -115,9 +111,7 @@ var HeaderVue2 = {
       attrs: this.v3 ? undefined : {
         role: "presentation"
       },
-      ref: this.v3 ? function (el) {
-        _this.colGroupHeaderRef = el;
-      } : 'colGroupHeader'
+      ref: setRef(this, 'colGroupHeader')
     }, [this.$props.cols]), this.$props.headerRow])])]);
   }
 };

package/dist/es/header/HeaderRow.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { normalize } from '../interfaces/GridSortSettings';
 import { ColumnResizer } from '../drag/ColumnResizer';
 import { ColumnDraggable } from '../drag/ColumnDraggable';
@@ -187,8 +188,8 @@ var HeaderRowVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1656415575,
+    publishDate: 1657542014,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/rows/GridDetailRow.js

@@ -2,14 +2,15 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 /**
  * @hidden
  */
 
 var GridDetailRowVue2 = {
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/rows/GridRow.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getNestedValue } from '../utils';
 import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -30,8 +31,8 @@ var GridRowVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/Grid.js

@@ -52,6 +52,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var markRaw = allVue.markRaw;
 
@@ -226,7 +227,7 @@ var GridVue2 = {
     var rtl = kendo_vue_common_1.isRtl(this._element);
     this.isRtl = rtl;
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     this.gridUnmounted();
   },
   // @ts-ignore
@@ -300,30 +301,30 @@ var GridVue2 = {
     },
     setRefs: function setRefs() {
       var elementString = '$el';
-      var element = this.v3 ? this.gridNavRef : this.$refs.gridNav;
+      var element = kendo_vue_common_1.getRef(this, 'gridNav');
 
       if (element) {
         this._element = element[elementString];
       }
 
-      var groupPanelDiv = this.v3 ? this.groupPanelDivRef : this.$refs.groupPanelDiv;
+      var groupPanelDiv = kendo_vue_common_1.getRef(this, 'groupPanelDiv');
 
       if (groupPanelDiv) {
         var groupPanelDivElement = groupPanelDiv[elementString] || null;
         this.dragLogic.refGroupPanelDiv(groupPanelDivElement);
       }
 
-      var dropElementClue = this.v3 ? this.dropElementClueRef : this.$refs.dropElementClue;
-      var dragElementClue = this.v3 ? this.dragElementClueRef : this.$refs.dragElementClue;
+      var dropElementClue = kendo_vue_common_1.getRef(this, 'dropElementClue');
+      var dragElementClue = kendo_vue_common_1.getRef(this, 'dragElementClue');
       this.dragLogic.refDropElementClue(dropElementClue);
       this.dragLogic.refDragElementClue(dragElementClue);
-      this.columnResize.colGroupMain = this.v3 ? this.colGroupRef : this.$refs.colGroup;
-      this._header = this.v3 ? this.headerRef : this.$refs.header;
-      this._footer = this.v3 ? this.footerRef : this.$refs.footer;
-      this.vs.container = this.v3 ? this.scrollContainerRef : this.$refs.scrollContainer;
-      this.vs.table = this.v3 ? this.scrollTableRef : this.$refs.scrollTable;
+      this.columnResize.colGroupMain = kendo_vue_common_1.getRef(this, 'colGroup');
+      this._header = kendo_vue_common_1.getRef(this, 'header');
+      this._footer = kendo_vue_common_1.getRef(this, 'footer');
+      this.vs.container = kendo_vue_common_1.getRef(this, 'scrollContainer');
+      this.vs.table = kendo_vue_common_1.getRef(this, 'scrollTable');
       this.resetTableWidth();
-      this.vs.tableBody = this.v3 ? this.scrollTableBodyRef : this.$refs.scrollTableBody;
+      this.vs.tableBody = kendo_vue_common_1.getRef(this, 'scrollTableBody');
     },
     gridUnmounted: function gridUnmounted() {
       clearTimeout(this.forceUpdateTimeout);
@@ -843,8 +844,8 @@ var GridVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var groupPanelDivRef = ref(null);
     var dropElementClueRef = ref(null);
     var dragElementClueRef = ref(null);
@@ -1677,11 +1678,11 @@ var GridVue2 = {
     }, this) || h("tr", {
       "class": "k-grid-norecords"
     }, [h("td", {
-      colSpan: this._columns.filter(function (c) {
+      colspan: this._columns.filter(function (c) {
         return !c.children.length;
       }).length,
       attrs: this.v3 ? undefined : {
-        colSpan: this._columns.filter(function (c) {
+        colspan: this._columns.filter(function (c) {
           return !c.children.length;
         }).length
       }
@@ -1735,9 +1736,7 @@ var GridVue2 = {
       attrs: this.v3 ? undefined : {
         role: "presentation"
       },
-      ref: this.v3 ? function (el) {
-        _this.colGroupRef = el;
-      } : 'colGroup'
+      ref: kendo_vue_common_1.setRef(this, 'colGroup')
     }, [columnsWithColGroup.map(function (column, index) {
       return h("col", {
         key: index.toString(),
@@ -1888,9 +1887,7 @@ var GridVue2 = {
             attrs: _this3.v3 ? undefined : {
               role: "presentation"
             },
-            ref: _this3.v3 ? function (el) {
-              _this.scrollContainerRef = el;
-            } : 'scrollContainer',
+            ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
             "class": "k-grid-content k-virtual-content",
             onScroll: _this3.scrollHandler,
             on: _this3.v3 ? undefined : {
@@ -1904,13 +1901,11 @@ var GridVue2 = {
             role: "presentation",
             attrs: _this3.v3 ? undefined : {
               role: "presentation",
-              tabIndex: -1
+              tabindex: -1
             },
-            tabIndex: -1,
+            tabindex: -1,
             "class": 'k-grid-table',
-            ref: _this3.v3 ? function (el) {
-              _this.scrollTableRef = el;
-            } : 'scrollTable'
+            ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
           }, [colGroups, h("tbody", {
             role: "presentation",
             attrs: _this3.v3 ? undefined : {
@@ -1918,9 +1913,7 @@ var GridVue2 = {
               "data-keyboardnavbody": true
             },
             "data-keyboardnavbody": true,
-            ref: _this3.v3 ? function (el) {
-              _this.scrollTableBodyRef = el;
-            } : 'scrollTableBody'
+            ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
           }, [body])])]), h("div", {
             "class": "k-height-container",
             role: "presentation",
@@ -1943,9 +1936,7 @@ var GridVue2 = {
           attrs: _this3.v3 ? undefined : {
             role: "presentation"
           },
-          ref: _this3.v3 ? function (el) {
-            _this.scrollContainerRef = el;
-          } : 'scrollContainer',
+          ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
           "class": "k-grid-content k-virtual-content",
           onScroll: _this3.scrollHandler,
           on: _this3.v3 ? undefined : {
@@ -1959,13 +1950,11 @@ var GridVue2 = {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
             role: "presentation",
-            tabIndex: -1
+            tabindex: -1
           },
-          tabIndex: -1,
+          tabindex: -1,
           "class": 'k-grid-table',
-          ref: _this3.v3 ? function (el) {
-            _this.scrollTableRef = el;
-          } : 'scrollTable'
+          ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
         }, [colGroups, h("tbody", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -1973,9 +1962,7 @@ var GridVue2 = {
             "data-keyboardnavbody": true
           },
           "data-keyboardnavbody": true,
-          ref: _this3.v3 ? function (el) {
-            _this.scrollTableBodyRef = el;
-          } : 'scrollTableBody'
+          ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
         }, [body])])]), h("div", {
           "class": "k-height-container",
           role: "presentation",
@@ -2011,9 +1998,7 @@ var GridVue2 = {
           attrs: _this3.v3 ? undefined : {
             role: "presentation"
           },
-          ref: _this3.v3 ? function (el) {
-            _this.scrollContainerRef = el;
-          } : 'scrollContainer',
+          ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
           "class": "k-grid-content k-virtual-content",
           onScroll: _this3.scrollHandler,
           on: _this3.v3 ? undefined : {
@@ -2027,13 +2012,11 @@ var GridVue2 = {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
             role: "presentation",
-            tabIndex: -1
+            tabindex: -1
           },
-          tabIndex: -1,
+          tabindex: -1,
           "class": 'k-grid-table',
-          ref: _this3.v3 ? function (el) {
-            _this.scrollTableRef = el;
-          } : 'scrollTable'
+          ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
         }, [colGroups, h("tbody", {
           role: "presentation",
           attrs: _this3.v3 ? undefined : {
@@ -2041,9 +2024,7 @@ var GridVue2 = {
             "data-keyboardnavbody": true
           },
           "data-keyboardnavbody": true,
-          ref: _this3.v3 ? function (el) {
-            _this.scrollTableBodyRef = el;
-          } : 'scrollTableBody'
+          ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
         }, [body])])]), h("div", {
           "class": "k-height-container",
           role: "presentation",
@@ -2066,9 +2047,7 @@ var GridVue2 = {
         attrs: _this3.v3 ? undefined : {
           role: "presentation"
         },
-        ref: _this3.v3 ? function (el) {
-          _this.scrollContainerRef = el;
-        } : 'scrollContainer',
+        ref: kendo_vue_common_1.setRef(_this3, 'scrollContainer'),
         "class": "k-grid-content k-virtual-content",
         onScroll: _this3.scrollHandler,
         on: _this3.v3 ? undefined : {
@@ -2082,13 +2061,11 @@ var GridVue2 = {
         role: "presentation",
         attrs: _this3.v3 ? undefined : {
           role: "presentation",
-          tabIndex: -1
+          tabindex: -1
         },
-        tabIndex: -1,
+        tabindex: -1,
         "class": 'k-grid-table',
-        ref: _this3.v3 ? function (el) {
-          _this.scrollTableRef = el;
-        } : 'scrollTable'
+        ref: kendo_vue_common_1.setRef(_this3, 'scrollTable')
       }, [colGroups, h("tbody", {
         role: "presentation",
         attrs: _this3.v3 ? undefined : {
@@ -2096,9 +2073,7 @@ var GridVue2 = {
           "data-keyboardnavbody": true
         },
         "data-keyboardnavbody": true,
-        ref: _this3.v3 ? function (el) {
-          _this.scrollTableBodyRef = el;
-        } : 'scrollTableBody'
+        ref: kendo_vue_common_1.setRef(_this3, 'scrollTableBody')
       }, [body])])]), h("div", {
         "class": "k-height-container",
         role: "presentation",

package/dist/npm/GridNav.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -22,8 +23,8 @@ var GridNavVue2 = {
     currentData: Array
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/GridNoRecords.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
@@ -29,8 +30,8 @@ var GridNoRecordsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,

package/dist/npm/GridToolbar.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var GridToolbarVue2 = {
   name: 'GridToolbar',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/cells/GridCell.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var utils_1 = require("./../utils");
@@ -92,8 +93,8 @@ var GridCellVue2 = {
     this._intl = kendo_vue_intl_1.provideIntlService(this);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     return {
       v3: v3,
@@ -119,14 +120,14 @@ var GridCellVue2 = {
       }
 
       defaultRendering = h("td", {
-        colSpan: this.$props.colSpan,
+        colspan: this.$props.colSpan,
         attrs: this.v3 ? undefined : {
-          colSpan: this.$props.colSpan,
+          colspan: this.$props.colSpan,
           role: 'gridcell',
           "aria-colindex": this.$props.ariaColumnIndex,
           "aria-selected": this.$props.isSelected,
           "data-grid-col-index": this.$props.columnIndex,
-          tabIndex: navAttrs.tabIndex,
+          tabindex: navAttrs.tabIndex,
           "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
           "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
         },
@@ -141,7 +142,7 @@ var GridCellVue2 = {
         "aria-colindex": this.$props.ariaColumnIndex,
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
-        tabIndex: navAttrs.tabIndex,
+        tabindex: navAttrs.tabIndex,
         "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
         "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
       }, [dataAsString]);

package/dist/npm/cells/GridDetailCell.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -34,8 +35,8 @@ var GridDetailCellVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     return {
       v3: v3,
@@ -63,18 +64,18 @@ var GridDetailCellVue2 = {
 
     return h("td", {
       "class": "k-detail-cell",
-      colSpan: colSpan,
+      colspan: colSpan,
       attrs: this.v3 ? undefined : {
-        colSpan: colSpan,
+        colspan: colSpan,
         "aria-colindex": ariaColIndex,
         role: 'gridcell',
-        tabIndex: navAttrs.tabIndex,
+        tabindex: navAttrs.tabIndex,
         "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
         "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
       },
       "aria-colindex": ariaColIndex,
       role: 'gridcell',
-      tabIndex: navAttrs.tabIndex,
+      tabindex: navAttrs.tabIndex,
       "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
       "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
     }, [detailRender.call(this, {

package/dist/npm/cells/GridDetailHierarchyCell.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 
 var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
@@ -29,8 +30,8 @@ var GridDetailHierarchyCellVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoIntlService = inject('kendoIntlService', {});
     return {
       v3: v3,
@@ -43,9 +44,9 @@ var GridDetailHierarchyCellVue2 = {
     var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
     return h("td", {
       "class": "k-hierarchy-cell",
-      tabIndex: navAttrs.tabIndex,
+      tabindex: navAttrs.tabIndex,
       attrs: this.v3 ? undefined : {
-        tabIndex: navAttrs.tabIndex,
+        tabindex: navAttrs.tabIndex,
         "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
         "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
       },

package/dist/npm/cells/GridEditCell.d.ts

@@ -15,7 +15,7 @@ export interface GridEditCellMethods extends Vue2type {
     triggerCancel: (dataItem: any) => void;
     triggerSave: (dataItem: any) => void;
     triggerRemove: (dataItem: any) => void;
-    changeHandler: (event: any, value: any) => void;
+    changeHandler: (event: any, value?: any) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**