@progress/kendo-vue-grid 3.4.0 → 3.4.2-dev.202207070519

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/cdn/js/kendo-vue-grid.js +1 -1
  2. package/dist/es/Grid.js +62 -87
  3. package/dist/es/GridNav.js +3 -2
  4. package/dist/es/GridNoRecords.js +3 -2
  5. package/dist/es/GridToolbar.js +3 -2
  6. package/dist/es/cells/GridCell.js +7 -6
  7. package/dist/es/cells/GridDetailCell.js +7 -6
  8. package/dist/es/cells/GridDetailHierarchyCell.js +5 -4
  9. package/dist/es/cells/GridEditCell.d.ts +1 -1
  10. package/dist/es/cells/GridEditCell.js +19 -18
  11. package/dist/es/cells/GridFilterCell.js +3 -2
  12. package/dist/es/cells/GridGroupCell.js +9 -8
  13. package/dist/es/cells/GridHierarchyCell.js +7 -6
  14. package/dist/es/cells/GridSelectionCell.js +7 -6
  15. package/dist/es/columnMenu/ColumnMenu.js +9 -12
  16. package/dist/es/columnMenu/ColumnMenuContent.js +3 -2
  17. package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
  18. package/dist/es/columnMenu/GridColumnMenuFilter.js +3 -2
  19. package/dist/es/columnMenu/GridColumnMenuFilterCell.js +3 -2
  20. package/dist/es/columnMenu/GridColumnMenuFilterUI.js +3 -2
  21. package/dist/es/columnMenu/GridColumnMenuItem.js +3 -2
  22. package/dist/es/columnMenu/GridColumnMenuItemContent.js +3 -2
  23. package/dist/es/columnMenu/GridColumnMenuItemGroup.js +3 -2
  24. package/dist/es/columnMenu/GridColumnMenuSort.js +3 -2
  25. package/dist/es/drag/ColumnDraggable.js +3 -2
  26. package/dist/es/drag/ColumnResizer.js +3 -2
  27. package/dist/es/drag/DragClue.js +3 -2
  28. package/dist/es/drag/DropClue.js +3 -2
  29. package/dist/es/drag/GroupingIndicator.js +35 -40
  30. package/dist/es/footer/Footer.js +8 -12
  31. package/dist/es/footer/FooterRow.js +5 -6
  32. package/dist/es/header/FilterRow.js +3 -2
  33. package/dist/es/header/GridHeaderCell.js +3 -2
  34. package/dist/es/header/GridHeaderSelectionCell.js +3 -2
  35. package/dist/es/header/GroupPanel.js +3 -2
  36. package/dist/es/header/Header.js +10 -16
  37. package/dist/es/header/HeaderRow.js +3 -2
  38. package/dist/es/package-metadata.js +1 -1
  39. package/dist/es/rows/GridDetailRow.js +3 -2
  40. package/dist/es/rows/GridRow.js +3 -2
  41. package/dist/npm/Grid.js +61 -86
  42. package/dist/npm/GridNav.js +3 -2
  43. package/dist/npm/GridNoRecords.js +3 -2
  44. package/dist/npm/GridToolbar.js +3 -2
  45. package/dist/npm/cells/GridCell.js +7 -6
  46. package/dist/npm/cells/GridDetailCell.js +7 -6
  47. package/dist/npm/cells/GridDetailHierarchyCell.js +5 -4
  48. package/dist/npm/cells/GridEditCell.d.ts +1 -1
  49. package/dist/npm/cells/GridEditCell.js +19 -18
  50. package/dist/npm/cells/GridFilterCell.js +3 -2
  51. package/dist/npm/cells/GridGroupCell.js +9 -8
  52. package/dist/npm/cells/GridHierarchyCell.js +7 -6
  53. package/dist/npm/cells/GridSelectionCell.js +7 -6
  54. package/dist/npm/columnMenu/ColumnMenu.js +8 -11
  55. package/dist/npm/columnMenu/ColumnMenuContent.js +3 -2
  56. package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
  57. package/dist/npm/columnMenu/GridColumnMenuFilter.js +3 -2
  58. package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +3 -2
  59. package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +3 -2
  60. package/dist/npm/columnMenu/GridColumnMenuItem.js +3 -2
  61. package/dist/npm/columnMenu/GridColumnMenuItemContent.js +3 -2
  62. package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +3 -2
  63. package/dist/npm/columnMenu/GridColumnMenuSort.js +3 -2
  64. package/dist/npm/drag/ColumnDraggable.js +3 -2
  65. package/dist/npm/drag/ColumnResizer.js +3 -2
  66. package/dist/npm/drag/DragClue.js +3 -2
  67. package/dist/npm/drag/DropClue.js +3 -2
  68. package/dist/npm/drag/GroupingIndicator.js +34 -39
  69. package/dist/npm/footer/Footer.js +9 -12
  70. package/dist/npm/footer/FooterRow.js +5 -6
  71. package/dist/npm/header/FilterRow.js +3 -2
  72. package/dist/npm/header/GridHeaderCell.js +3 -2
  73. package/dist/npm/header/GridHeaderSelectionCell.js +3 -2
  74. package/dist/npm/header/GroupPanel.js +3 -2
  75. package/dist/npm/header/Header.js +11 -16
  76. package/dist/npm/header/HeaderRow.js +3 -2
  77. package/dist/npm/package-metadata.js +1 -1
  78. package/dist/npm/rows/GridDetailRow.js +3 -2
  79. package/dist/npm/rows/GridRow.js +3 -2
  80. package/package.json +14 -14
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var utils_1 = require("./../utils");
@@ -92,8 +93,8 @@ var GridCellVue2 = {
92
93
  this._intl = kendo_vue_intl_1.provideIntlService(this);
93
94
  },
94
95
  // @ts-ignore
95
- setup: !gh ? undefined : function () {
96
- var v3 = !!gh;
96
+ setup: !isV3 ? undefined : function () {
97
+ var v3 = !!isV3;
97
98
  var kendoIntlService = inject('kendoIntlService', {});
98
99
  return {
99
100
  v3: v3,
@@ -119,14 +120,14 @@ var GridCellVue2 = {
119
120
  }
120
121
 
121
122
  defaultRendering = h("td", {
122
- colSpan: this.$props.colSpan,
123
+ colspan: this.$props.colSpan,
123
124
  attrs: this.v3 ? undefined : {
124
- colSpan: this.$props.colSpan,
125
+ colspan: this.$props.colSpan,
125
126
  role: 'gridcell',
126
127
  "aria-colindex": this.$props.ariaColumnIndex,
127
128
  "aria-selected": this.$props.isSelected,
128
129
  "data-grid-col-index": this.$props.columnIndex,
129
- tabIndex: navAttrs.tabIndex,
130
+ tabindex: navAttrs.tabIndex,
130
131
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
131
132
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
132
133
  },
@@ -141,7 +142,7 @@ var GridCellVue2 = {
141
142
  "aria-colindex": this.$props.ariaColumnIndex,
142
143
  "aria-selected": this.$props.isSelected,
143
144
  "data-grid-col-index": this.$props.columnIndex,
144
- tabIndex: navAttrs.tabIndex,
145
+ tabindex: navAttrs.tabIndex,
145
146
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
146
147
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
147
148
  }, [dataAsString]);
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -34,8 +35,8 @@ var GridDetailCellVue2 = {
34
35
  }
35
36
  },
36
37
  // @ts-ignore
37
- setup: !gh ? undefined : function () {
38
- var v3 = !!gh;
38
+ setup: !isV3 ? undefined : function () {
39
+ var v3 = !!isV3;
39
40
  var kendoIntlService = inject('kendoIntlService', {});
40
41
  return {
41
42
  v3: v3,
@@ -63,18 +64,18 @@ var GridDetailCellVue2 = {
63
64
 
64
65
  return h("td", {
65
66
  "class": "k-detail-cell",
66
- colSpan: colSpan,
67
+ colspan: colSpan,
67
68
  attrs: this.v3 ? undefined : {
68
- colSpan: colSpan,
69
+ colspan: colSpan,
69
70
  "aria-colindex": ariaColIndex,
70
71
  role: 'gridcell',
71
- tabIndex: navAttrs.tabIndex,
72
+ tabindex: navAttrs.tabIndex,
72
73
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
73
74
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
74
75
  },
75
76
  "aria-colindex": ariaColIndex,
76
77
  role: 'gridcell',
77
- tabIndex: navAttrs.tabIndex,
78
+ tabindex: navAttrs.tabIndex,
78
79
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
79
80
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
80
81
  }, [detailRender.call(this, {
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
@@ -29,8 +30,8 @@ var GridDetailHierarchyCellVue2 = {
29
30
  }
30
31
  },
31
32
  // @ts-ignore
32
- setup: !gh ? undefined : function () {
33
- var v3 = !!gh;
33
+ setup: !isV3 ? undefined : function () {
34
+ var v3 = !!isV3;
34
35
  var kendoIntlService = inject('kendoIntlService', {});
35
36
  return {
36
37
  v3: v3,
@@ -43,9 +44,9 @@ var GridDetailHierarchyCellVue2 = {
43
44
  var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
44
45
  return h("td", {
45
46
  "class": "k-hierarchy-cell",
46
- tabIndex: navAttrs.tabIndex,
47
+ tabindex: navAttrs.tabIndex,
47
48
  attrs: this.v3 ? undefined : {
48
- tabIndex: navAttrs.tabIndex,
49
+ tabindex: navAttrs.tabIndex,
49
50
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
50
51
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
51
52
  },
@@ -15,7 +15,7 @@ export interface GridEditCellMethods extends Vue2type {
15
15
  triggerCancel: (dataItem: any) => void;
16
16
  triggerSave: (dataItem: any) => void;
17
17
  triggerRemove: (dataItem: any) => void;
18
- changeHandler: (event: any, value: any) => void;
18
+ changeHandler: (event: any, value?: any) => void;
19
19
  getKeyboardNavigationAttributes: (id: string) => any;
20
20
  }
21
21
  /**
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var utils_1 = require("./../utils");
@@ -108,8 +109,8 @@ var GridEditCellVue2 = {
108
109
  }
109
110
  },
110
111
  // @ts-ignore
111
- setup: !gh ? undefined : function () {
112
- var v3 = !!gh;
112
+ setup: !isV3 ? undefined : function () {
113
+ var v3 = !!isV3;
113
114
  var kendoIntlService = inject('kendoIntlService', {});
114
115
  return {
115
116
  v3: v3,
@@ -130,14 +131,14 @@ var GridEditCellVue2 = {
130
131
  on: this.v3 ? undefined : {
131
132
  "keydown": this.triggerKeydown
132
133
  },
133
- colSpan: this.$props.colSpan,
134
+ colspan: this.$props.colSpan,
134
135
  attrs: this.v3 ? undefined : {
135
- colSpan: this.$props.colSpan,
136
+ colspan: this.$props.colSpan,
136
137
  role: 'gridcell',
137
138
  "aria-colindex": this.$props.ariaColumnIndex,
138
139
  "aria-selected": this.$props.isSelected,
139
140
  "data-grid-col-index": this.$props.columnIndex,
140
- tabIndex: navAttrs.tabIndex,
141
+ tabindex: navAttrs.tabIndex,
141
142
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
142
143
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
143
144
  },
@@ -146,7 +147,7 @@ var GridEditCellVue2 = {
146
147
  "aria-colindex": this.$props.ariaColumnIndex,
147
148
  "aria-selected": this.$props.isSelected,
148
149
  "data-grid-col-index": this.$props.columnIndex,
149
- tabIndex: navAttrs.tabIndex,
150
+ tabindex: navAttrs.tabIndex,
150
151
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
151
152
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
152
153
  }, [// @ts-ignore
@@ -171,14 +172,14 @@ var GridEditCellVue2 = {
171
172
  on: this.v3 ? undefined : {
172
173
  "keydown": this.triggerKeydown
173
174
  },
174
- colSpan: this.$props.colSpan,
175
+ colspan: this.$props.colSpan,
175
176
  attrs: this.v3 ? undefined : {
176
- colSpan: this.$props.colSpan,
177
+ colspan: this.$props.colSpan,
177
178
  role: 'gridcell',
178
179
  "aria-colindex": this.$props.ariaColumnIndex,
179
180
  "aria-selected": this.$props.isSelected,
180
181
  "data-grid-col-index": this.$props.columnIndex,
181
- tabIndex: navAttrs.tabIndex,
182
+ tabindex: navAttrs.tabIndex,
182
183
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
183
184
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
184
185
  },
@@ -187,7 +188,7 @@ var GridEditCellVue2 = {
187
188
  "aria-colindex": this.$props.ariaColumnIndex,
188
189
  "aria-selected": this.$props.isSelected,
189
190
  "data-grid-col-index": this.$props.columnIndex,
190
- tabIndex: navAttrs.tabIndex,
191
+ tabindex: navAttrs.tabIndex,
191
192
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
192
193
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
193
194
  }, [// @ts-ignore
@@ -212,14 +213,14 @@ var GridEditCellVue2 = {
212
213
  on: this.v3 ? undefined : {
213
214
  "keydown": this.triggerKeydown
214
215
  },
215
- colSpan: this.$props.colSpan,
216
+ colspan: this.$props.colSpan,
216
217
  attrs: this.v3 ? undefined : {
217
- colSpan: this.$props.colSpan,
218
+ colspan: this.$props.colSpan,
218
219
  role: 'gridcell',
219
220
  "aria-colindex": this.$props.ariaColumnIndex,
220
221
  "aria-selected": this.$props.isSelected,
221
222
  "data-grid-col-index": this.$props.columnIndex,
222
- tabIndex: navAttrs.tabIndex,
223
+ tabindex: navAttrs.tabIndex,
223
224
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
224
225
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
225
226
  },
@@ -228,7 +229,7 @@ var GridEditCellVue2 = {
228
229
  "aria-colindex": this.$props.ariaColumnIndex,
229
230
  "aria-selected": this.$props.isSelected,
230
231
  "data-grid-col-index": this.$props.columnIndex,
231
- tabIndex: navAttrs.tabIndex,
232
+ tabindex: navAttrs.tabIndex,
232
233
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
233
234
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
234
235
  }, [h("input", {
@@ -262,14 +263,14 @@ var GridEditCellVue2 = {
262
263
  on: this.v3 ? undefined : {
263
264
  "keydown": this.triggerKeydown
264
265
  },
265
- colSpan: this.$props.colSpan,
266
+ colspan: this.$props.colSpan,
266
267
  attrs: this.v3 ? undefined : {
267
- colSpan: this.$props.colSpan,
268
+ colspan: this.$props.colSpan,
268
269
  role: 'gridcell',
269
270
  "aria-colindex": this.$props.ariaColumnIndex,
270
271
  "aria-selected": this.$props.isSelected,
271
272
  "data-grid-col-index": this.$props.columnIndex,
272
- tabIndex: navAttrs.tabIndex,
273
+ tabindex: navAttrs.tabIndex,
273
274
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
274
275
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
275
276
  },
@@ -278,7 +279,7 @@ var GridEditCellVue2 = {
278
279
  "aria-colindex": this.$props.ariaColumnIndex,
279
280
  "aria-selected": this.$props.isSelected,
280
281
  "data-grid-col-index": this.$props.columnIndex,
281
- tabIndex: navAttrs.tabIndex,
282
+ tabindex: navAttrs.tabIndex,
282
283
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
283
284
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
284
285
  }, [h("span", {
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
@@ -82,8 +83,8 @@ var GridFilterCellVue2 = {
82
83
  }
83
84
  },
84
85
  // @ts-ignore
85
- setup: !gh ? undefined : function () {
86
- var v3 = !!gh;
86
+ setup: !isV3 ? undefined : function () {
87
+ var v3 = !!isV3;
87
88
  var kendoIntlService = inject('kendoIntlService', {});
88
89
  var kendoLocalizationService = inject('kendoLocalizationService', {});
89
90
  return {
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
14
15
 
@@ -90,8 +91,8 @@ var GridGroupCellVue2 = {
90
91
  }
91
92
  },
92
93
  // @ts-ignore
93
- setup: !gh ? undefined : function () {
94
- var v3 = !!gh;
94
+ setup: !isV3 ? undefined : function () {
95
+ var v3 = !!isV3;
95
96
  return {
96
97
  v3: v3
97
98
  };
@@ -129,14 +130,14 @@ var GridGroupCellVue2 = {
129
130
  }
130
131
  },
131
132
  key: 'g-colspan',
132
- colSpan: columnsCount - columnIndex,
133
+ colspan: columnsCount - columnIndex,
133
134
  attrs: this.v3 ? undefined : {
134
- colSpan: columnsCount - columnIndex,
135
+ colspan: columnsCount - columnIndex,
135
136
  role: 'gridcell',
136
137
  "aria-colindex": this.$props.ariaColumnIndex,
137
138
  "aria-selected": this.$props.isSelected,
138
139
  "data-grid-col-index": this.$props.columnIndex,
139
- tabIndex: navAttrs.tabIndex,
140
+ tabindex: navAttrs.tabIndex,
140
141
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
141
142
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
142
143
  },
@@ -144,7 +145,7 @@ var GridGroupCellVue2 = {
144
145
  "aria-colindex": this.$props.ariaColumnIndex,
145
146
  "aria-selected": this.$props.isSelected,
146
147
  "data-grid-col-index": this.$props.columnIndex,
147
- tabIndex: navAttrs.tabIndex,
148
+ tabindex: navAttrs.tabIndex,
148
149
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
149
150
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
150
151
  }, [h("p", {
@@ -161,9 +162,9 @@ var GridGroupCellVue2 = {
161
162
  href: "#",
162
163
  attrs: this.v3 ? undefined : {
163
164
  href: "#",
164
- tabIndex: -1
165
+ tabindex: -1
165
166
  },
166
- tabIndex: -1,
167
+ tabindex: -1,
167
168
  "class": expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon'
168
169
  }), dataItem[field].toString()])]);
169
170
  }
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var utils_1 = require("./../utils");
14
15
 
@@ -88,8 +89,8 @@ var GridHierarchyCellVue2 = {
88
89
  }
89
90
  },
90
91
  // @ts-ignore
91
- setup: !gh ? undefined : function () {
92
- var v3 = !!gh;
92
+ setup: !isV3 ? undefined : function () {
93
+ var v3 = !!isV3;
93
94
  return {
94
95
  v3: v3
95
96
  };
@@ -124,13 +125,13 @@ var GridHierarchyCellVue2 = {
124
125
  "aria-expanded": expanded_1 ? 'true' : 'false',
125
126
  role: 'gridcell',
126
127
  "aria-colindex": this.$props.ariaColumnIndex,
127
- tabIndex: navAttrs.tabIndex,
128
+ tabindex: navAttrs.tabIndex,
128
129
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
129
130
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
130
131
  },
131
132
  role: 'gridcell',
132
133
  "aria-colindex": this.$props.ariaColumnIndex,
133
- tabIndex: navAttrs.tabIndex,
134
+ tabindex: navAttrs.tabIndex,
134
135
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
135
136
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
136
137
  }, [h("a", {
@@ -146,9 +147,9 @@ var GridHierarchyCellVue2 = {
146
147
  href: "#",
147
148
  attrs: this.v3 ? undefined : {
148
149
  href: "#",
149
- tabIndex: -1
150
+ tabindex: -1
150
151
  },
151
- tabIndex: -1
152
+ tabindex: -1
152
153
  })]);
153
154
  }
154
155
 
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var utils_1 = require("./../utils");
14
15
 
@@ -73,8 +74,8 @@ var GridSelectionCellVue2 = {
73
74
  }
74
75
  },
75
76
  // @ts-ignore
76
- setup: !gh ? undefined : function () {
77
- var v3 = !!gh;
77
+ setup: !isV3 ? undefined : function () {
78
+ var v3 = !!isV3;
78
79
  return {
79
80
  v3: v3
80
81
  };
@@ -90,19 +91,19 @@ var GridSelectionCellVue2 = {
90
91
  on: this.v3 ? undefined : {
91
92
  "keydown": this.triggerKeydown
92
93
  },
93
- colSpan: this.$props.colSpan,
94
+ colspan: this.$props.colSpan,
94
95
  attrs: this.v3 ? undefined : {
95
- colSpan: this.$props.colSpan,
96
+ colspan: this.$props.colSpan,
96
97
  "aria-colindex": this.$props.ariaColumnIndex,
97
98
  role: 'gridcell',
98
- tabIndex: navAttrs.tabIndex,
99
+ tabindex: navAttrs.tabIndex,
99
100
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
100
101
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
101
102
  },
102
103
  "class": this.$props.className,
103
104
  "aria-colindex": this.$props.ariaColumnIndex,
104
105
  role: 'gridcell',
105
- tabIndex: navAttrs.tabIndex,
106
+ tabindex: navAttrs.tabIndex,
106
107
  "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
107
108
  "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
108
109
  }, [h("input", {
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -119,8 +120,8 @@ var ColumnMenuVue2 = {
119
120
  }
120
121
  },
121
122
  // @ts-ignore
122
- setup: !gh ? undefined : function () {
123
- var v3 = !!gh;
123
+ setup: !isV3 ? undefined : function () {
124
+ var v3 = !!isV3;
124
125
  var kendoLocalizationService = inject('kendoLocalizationService', {});
125
126
  return {
126
127
  v3: v3,
@@ -131,8 +132,6 @@ var ColumnMenuVue2 = {
131
132
  render: function render(createElement) {
132
133
  var _this2 = this;
133
134
 
134
- var _this = this;
135
-
136
135
  var h = gh || createElement;
137
136
  var renderTemplate = this.$props.render;
138
137
  var ls = kendo_vue_intl_1.provideLocalizationService(this);
@@ -148,9 +147,7 @@ var ColumnMenuVue2 = {
148
147
  title: this.$props.column.field + " " + ls.toLanguageString(messages_1.columnMenu, messages_1.messages[messages_1.columnMenu])
149
148
  },
150
149
  title: this.$props.column.field + " " + ls.toLanguageString(messages_1.columnMenu, messages_1.messages[messages_1.columnMenu]),
151
- ref: this.v3 ? function (el) {
152
- _this.kendoAnchorRef = el;
153
- } : this._anchor,
150
+ ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this._anchor),
154
151
  onClick: this.anchorClick,
155
152
  on: this.v3 ? undefined : {
156
153
  "click": this.anchorClick
@@ -171,9 +168,9 @@ var ColumnMenuVue2 = {
171
168
  return [h("div", {
172
169
  ref: 'content',
173
170
  "class": 'k-grid-columnmenu-popup',
174
- tabIndex: 0,
171
+ tabindex: 0,
175
172
  attrs: _this2.v3 ? undefined : {
176
- tabIndex: 0
173
+ tabindex: 0
177
174
  },
178
175
  onFocusout: _this2.blur,
179
176
  on: _this2.v3 ? undefined : {
@@ -217,9 +214,9 @@ var ColumnMenuVue2 = {
217
214
  } : [h("div", {
218
215
  ref: 'content',
219
216
  "class": 'k-grid-columnmenu-popup',
220
- tabIndex: 0,
217
+ tabindex: 0,
221
218
  attrs: _this2.v3 ? undefined : {
222
- tabIndex: 0
219
+ tabindex: 0
223
220
  },
224
221
  onFocusout: _this2.blur,
225
222
  on: _this2.v3 ? undefined : {
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var GridColumnMenuSort_1 = require("./GridColumnMenuSort");
14
15
 
@@ -56,8 +57,8 @@ var ColumnMenuContentVue2 = {
56
57
  }
57
58
  },
58
59
  // @ts-ignore
59
- setup: !gh ? undefined : function () {
60
- var v3 = !!gh;
60
+ setup: !isV3 ? undefined : function () {
61
+ var v3 = !!isV3;
61
62
  return {
62
63
  v3: v3
63
64
  };
@@ -39,6 +39,7 @@ var Vue = require("vue");
39
39
 
40
40
  var allVue = Vue;
41
41
  var gh = allVue.h;
42
+ var isV3 = allVue.version[0] === '3';
42
43
  var inject = allVue.inject;
43
44
 
44
45
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
@@ -135,8 +136,8 @@ var GridColumnMenuCheckboxFilterVue2 = {
135
136
  }
136
137
  },
137
138
  // @ts-ignore
138
- setup: !gh ? undefined : function () {
139
- var v3 = !!gh;
139
+ setup: !isV3 ? undefined : function () {
140
+ var v3 = !!isV3;
140
141
  var kendoLocalizationService = inject('kendoLocalizationService', {});
141
142
  return {
142
143
  v3: v3,
@@ -39,6 +39,7 @@ var Vue = require("vue");
39
39
 
40
40
  var allVue = Vue;
41
41
  var gh = allVue.h;
42
+ var isV3 = allVue.version[0] === '3';
42
43
  var inject = allVue.inject;
43
44
 
44
45
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -318,8 +319,8 @@ var GridColumnMenuFilterVue2 = {
318
319
  }
319
320
  },
320
321
  // @ts-ignore
321
- setup: !gh ? undefined : function () {
322
- var v3 = !!gh;
322
+ setup: !isV3 ? undefined : function () {
323
+ var v3 = !!isV3;
323
324
  var kendoLocalizationService = inject('kendoLocalizationService', {});
324
325
  return {
325
326
  v3: v3,
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
14
15
 
@@ -57,8 +58,8 @@ var GridColumnMenuFilterCellVue2 = {
57
58
  }
58
59
  },
59
60
  // @ts-ignore
60
- setup: !gh ? undefined : function () {
61
- var v3 = !!gh;
61
+ setup: !isV3 ? undefined : function () {
62
+ var v3 = !!isV3;
62
63
  return {
63
64
  v3: v3
64
65
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var GridColumnMenuFilterCell_1 = require("./GridColumnMenuFilterCell");
14
15
 
@@ -48,8 +49,8 @@ var GridColumnMenuFilterUIVue2 = {
48
49
  }
49
50
  },
50
51
  // @ts-ignore
51
- setup: !gh ? undefined : function () {
52
- var v3 = !!gh;
52
+ setup: !isV3 ? undefined : function () {
53
+ var v3 = !!isV3;
53
54
  return {
54
55
  v3: v3
55
56
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
14
15
  /**
@@ -33,8 +34,8 @@ var GridColumnMenuItemVue2 = {
33
34
  }
34
35
  },
35
36
  // @ts-ignore
36
- setup: !gh ? undefined : function () {
37
- var v3 = !!gh;
37
+ setup: !isV3 ? undefined : function () {
38
+ var v3 = !!isV3;
38
39
  return {
39
40
  v3: v3
40
41
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
14
15
 
@@ -23,8 +24,8 @@ var GridColumnMenuItemContentVue2 = {
23
24
  show: Boolean
24
25
  },
25
26
  // @ts-ignore
26
- setup: !gh ? undefined : function () {
27
- var v3 = !!gh;
27
+ setup: !isV3 ? undefined : function () {
28
+ var v3 = !!isV3;
28
29
  return {
29
30
  v3: v3
30
31
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
 
13
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
14
15
  /**
@@ -18,8 +19,8 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
18
19
 
19
20
  var GridColumnMenuItemGroupVue2 = {
20
21
  // @ts-ignore
21
- setup: !gh ? undefined : function () {
22
- var v3 = !!gh;
22
+ setup: !isV3 ? undefined : function () {
23
+ var v3 = !!isV3;
23
24
  return {
24
25
  v3: v3
25
26
  };
@@ -9,6 +9,7 @@ var Vue = require("vue");
9
9
 
10
10
  var allVue = Vue;
11
11
  var gh = allVue.h;
12
+ var isV3 = allVue.version[0] === '3';
12
13
  var inject = allVue.inject;
13
14
 
14
15
  var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
@@ -172,8 +173,8 @@ var GridColumnMenuSortVue2 = {
172
173
  }
173
174
  },
174
175
  // @ts-ignore
175
- setup: !gh ? undefined : function () {
176
- var v3 = !!gh;
176
+ setup: !isV3 ? undefined : function () {
177
+ var v3 = !!isV3;
177
178
  var kendoLocalizationService = inject('kendoLocalizationService', {});
178
179
  return {
179
180
  v3: v3,