@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.
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/dist/es/Grid.js +62 -87
- package/dist/es/GridNav.js +3 -2
- package/dist/es/GridNoRecords.js +3 -2
- package/dist/es/GridToolbar.js +3 -2
- package/dist/es/cells/GridCell.js +7 -6
- package/dist/es/cells/GridDetailCell.js +7 -6
- package/dist/es/cells/GridDetailHierarchyCell.js +5 -4
- package/dist/es/cells/GridEditCell.d.ts +1 -1
- package/dist/es/cells/GridEditCell.js +19 -18
- package/dist/es/cells/GridFilterCell.js +3 -2
- package/dist/es/cells/GridGroupCell.js +9 -8
- package/dist/es/cells/GridHierarchyCell.js +7 -6
- package/dist/es/cells/GridSelectionCell.js +7 -6
- package/dist/es/columnMenu/ColumnMenu.js +9 -12
- package/dist/es/columnMenu/ColumnMenuContent.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilter.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItem.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +3 -2
- package/dist/es/drag/ColumnDraggable.js +3 -2
- package/dist/es/drag/ColumnResizer.js +3 -2
- package/dist/es/drag/DragClue.js +3 -2
- package/dist/es/drag/DropClue.js +3 -2
- package/dist/es/drag/GroupingIndicator.js +35 -40
- package/dist/es/footer/Footer.js +8 -12
- package/dist/es/footer/FooterRow.js +5 -6
- package/dist/es/header/FilterRow.js +3 -2
- package/dist/es/header/GridHeaderCell.js +3 -2
- package/dist/es/header/GridHeaderSelectionCell.js +3 -2
- package/dist/es/header/GroupPanel.js +3 -2
- package/dist/es/header/Header.js +10 -16
- package/dist/es/header/HeaderRow.js +3 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.js +3 -2
- package/dist/es/rows/GridRow.js +3 -2
- package/dist/npm/Grid.js +61 -86
- package/dist/npm/GridNav.js +3 -2
- package/dist/npm/GridNoRecords.js +3 -2
- package/dist/npm/GridToolbar.js +3 -2
- package/dist/npm/cells/GridCell.js +7 -6
- package/dist/npm/cells/GridDetailCell.js +7 -6
- package/dist/npm/cells/GridDetailHierarchyCell.js +5 -4
- package/dist/npm/cells/GridEditCell.d.ts +1 -1
- package/dist/npm/cells/GridEditCell.js +19 -18
- package/dist/npm/cells/GridFilterCell.js +3 -2
- package/dist/npm/cells/GridGroupCell.js +9 -8
- package/dist/npm/cells/GridHierarchyCell.js +7 -6
- package/dist/npm/cells/GridSelectionCell.js +7 -6
- package/dist/npm/columnMenu/ColumnMenu.js +8 -11
- package/dist/npm/columnMenu/ColumnMenuContent.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItem.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuSort.js +3 -2
- package/dist/npm/drag/ColumnDraggable.js +3 -2
- package/dist/npm/drag/ColumnResizer.js +3 -2
- package/dist/npm/drag/DragClue.js +3 -2
- package/dist/npm/drag/DropClue.js +3 -2
- package/dist/npm/drag/GroupingIndicator.js +34 -39
- package/dist/npm/footer/Footer.js +9 -12
- package/dist/npm/footer/FooterRow.js +5 -6
- package/dist/npm/header/FilterRow.js +3 -2
- package/dist/npm/header/GridHeaderCell.js +3 -2
- package/dist/npm/header/GridHeaderSelectionCell.js +3 -2
- package/dist/npm/header/GroupPanel.js +3 -2
- package/dist/npm/header/Header.js +11 -16
- package/dist/npm/header/HeaderRow.js +3 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.js +3 -2
- package/dist/npm/rows/GridRow.js +3 -2
- 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: !
|
|
96
|
-
var v3 = !!
|
|
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
|
-
|
|
123
|
+
colspan: this.$props.colSpan,
|
|
123
124
|
attrs: this.v3 ? undefined : {
|
|
124
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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: !
|
|
38
|
-
var v3 = !!
|
|
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
|
-
|
|
67
|
+
colspan: colSpan,
|
|
67
68
|
attrs: this.v3 ? undefined : {
|
|
68
|
-
|
|
69
|
+
colspan: colSpan,
|
|
69
70
|
"aria-colindex": ariaColIndex,
|
|
70
71
|
role: 'gridcell',
|
|
71
|
-
|
|
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
|
-
|
|
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: !
|
|
33
|
-
var v3 = !!
|
|
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
|
-
|
|
47
|
+
tabindex: navAttrs.tabIndex,
|
|
47
48
|
attrs: this.v3 ? undefined : {
|
|
48
|
-
|
|
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
|
|
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: !
|
|
112
|
-
var v3 = !!
|
|
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
|
-
|
|
134
|
+
colspan: this.$props.colSpan,
|
|
134
135
|
attrs: this.v3 ? undefined : {
|
|
135
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
175
|
+
colspan: this.$props.colSpan,
|
|
175
176
|
attrs: this.v3 ? undefined : {
|
|
176
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
216
|
+
colspan: this.$props.colSpan,
|
|
216
217
|
attrs: this.v3 ? undefined : {
|
|
217
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
266
|
+
colspan: this.$props.colSpan,
|
|
266
267
|
attrs: this.v3 ? undefined : {
|
|
267
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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: !
|
|
86
|
-
var v3 = !!
|
|
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: !
|
|
94
|
-
var v3 = !!
|
|
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
|
-
|
|
133
|
+
colspan: columnsCount - columnIndex,
|
|
133
134
|
attrs: this.v3 ? undefined : {
|
|
134
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
165
|
+
tabindex: -1
|
|
165
166
|
},
|
|
166
|
-
|
|
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: !
|
|
92
|
-
var v3 = !!
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
150
|
+
tabindex: -1
|
|
150
151
|
},
|
|
151
|
-
|
|
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: !
|
|
77
|
-
var v3 = !!
|
|
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
|
-
|
|
94
|
+
colspan: this.$props.colSpan,
|
|
94
95
|
attrs: this.v3 ? undefined : {
|
|
95
|
-
|
|
96
|
+
colspan: this.$props.colSpan,
|
|
96
97
|
"aria-colindex": this.$props.ariaColumnIndex,
|
|
97
98
|
role: 'gridcell',
|
|
98
|
-
|
|
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
|
-
|
|
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: !
|
|
123
|
-
var v3 = !!
|
|
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
|
|
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
|
-
|
|
171
|
+
tabindex: 0,
|
|
175
172
|
attrs: _this2.v3 ? undefined : {
|
|
176
|
-
|
|
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
|
-
|
|
217
|
+
tabindex: 0,
|
|
221
218
|
attrs: _this2.v3 ? undefined : {
|
|
222
|
-
|
|
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: !
|
|
60
|
-
var v3 = !!
|
|
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: !
|
|
139
|
-
var v3 = !!
|
|
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: !
|
|
322
|
-
var v3 = !!
|
|
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: !
|
|
61
|
-
var v3 = !!
|
|
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: !
|
|
52
|
-
var v3 = !!
|
|
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: !
|
|
37
|
-
var v3 = !!
|
|
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: !
|
|
27
|
-
var v3 = !!
|
|
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: !
|
|
22
|
-
var v3 = !!
|
|
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: !
|
|
176
|
-
var v3 = !!
|
|
176
|
+
setup: !isV3 ? undefined : function () {
|
|
177
|
+
var v3 = !!isV3;
|
|
177
178
|
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
178
179
|
return {
|
|
179
180
|
v3: v3,
|