@progress/kendo-vue-grid 3.5.3 → 3.5.4

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 (65) hide show
  1. package/dist/cdn/js/kendo-vue-grid.js +1 -1
  2. package/dist/es/Grid.js +3 -5
  3. package/dist/es/cells/GridFilterCell.d.ts +7 -2
  4. package/dist/es/cells/GridFilterCell.js +26 -15
  5. package/dist/es/cells/GridGroupCell.js +1 -1
  6. package/dist/es/columnMenu/ColumnMenu.js +1 -1
  7. package/dist/es/drag/CommonDragLogic.js +1 -1
  8. package/dist/es/drag/DragClue.d.ts +1 -1
  9. package/dist/es/drag/GroupingIndicator.js +4 -4
  10. package/dist/es/footer/FooterRow.js +6 -1
  11. package/dist/es/header/FilterRow.d.ts +8 -2
  12. package/dist/es/header/FilterRow.js +9 -2
  13. package/dist/es/header/GridHeaderCell.d.ts +1 -1
  14. package/dist/es/header/GridHeaderCell.js +14 -11
  15. package/dist/es/header/GridHeaderSelectionCell.js +21 -12
  16. package/dist/es/header/Header.js +0 -4
  17. package/dist/es/header/HeaderRow.js +21 -8
  18. package/dist/es/interfaces/GridFilterCellProps.d.ts +4 -0
  19. package/dist/es/interfaces/GridProps.d.ts +5 -0
  20. package/dist/es/messages/main.d.ts +10 -0
  21. package/dist/es/messages/main.js +10 -0
  22. package/dist/es/package-metadata.js +1 -1
  23. package/dist/esm/Grid.js +3 -5
  24. package/dist/esm/cells/GridFilterCell.d.ts +7 -2
  25. package/dist/esm/cells/GridFilterCell.js +26 -15
  26. package/dist/esm/cells/GridGroupCell.js +1 -1
  27. package/dist/esm/columnMenu/ColumnMenu.js +1 -1
  28. package/dist/esm/drag/CommonDragLogic.js +1 -1
  29. package/dist/esm/drag/DragClue.d.ts +1 -1
  30. package/dist/esm/drag/GroupingIndicator.js +4 -4
  31. package/dist/esm/footer/FooterRow.js +6 -1
  32. package/dist/esm/header/FilterRow.d.ts +8 -2
  33. package/dist/esm/header/FilterRow.js +9 -2
  34. package/dist/esm/header/GridHeaderCell.d.ts +1 -1
  35. package/dist/esm/header/GridHeaderCell.js +14 -11
  36. package/dist/esm/header/GridHeaderSelectionCell.js +21 -12
  37. package/dist/esm/header/Header.js +0 -4
  38. package/dist/esm/header/HeaderRow.js +21 -8
  39. package/dist/esm/interfaces/GridFilterCellProps.d.ts +4 -0
  40. package/dist/esm/interfaces/GridProps.d.ts +5 -0
  41. package/dist/esm/messages/main.d.ts +10 -0
  42. package/dist/esm/messages/main.js +10 -0
  43. package/dist/esm/package-metadata.js +1 -1
  44. package/dist/npm/Grid.js +3 -5
  45. package/dist/npm/cells/GridFilterCell.d.ts +7 -2
  46. package/dist/npm/cells/GridFilterCell.js +26 -15
  47. package/dist/npm/cells/GridGroupCell.js +1 -1
  48. package/dist/npm/columnMenu/ColumnMenu.js +1 -1
  49. package/dist/npm/drag/CommonDragLogic.js +1 -1
  50. package/dist/npm/drag/DragClue.d.ts +1 -1
  51. package/dist/npm/drag/GroupingIndicator.js +4 -4
  52. package/dist/npm/footer/FooterRow.js +6 -1
  53. package/dist/npm/header/FilterRow.d.ts +8 -2
  54. package/dist/npm/header/FilterRow.js +9 -2
  55. package/dist/npm/header/GridHeaderCell.d.ts +1 -1
  56. package/dist/npm/header/GridHeaderCell.js +14 -11
  57. package/dist/npm/header/GridHeaderSelectionCell.js +23 -12
  58. package/dist/npm/header/Header.js +0 -4
  59. package/dist/npm/header/HeaderRow.js +21 -8
  60. package/dist/npm/interfaces/GridFilterCellProps.d.ts +4 -0
  61. package/dist/npm/interfaces/GridProps.d.ts +5 -0
  62. package/dist/npm/messages/main.d.ts +10 -0
  63. package/dist/npm/messages/main.js +11 -1
  64. package/dist/npm/package-metadata.js +1 -1
  65. package/package.json +14 -14
package/dist/npm/Grid.js CHANGED
@@ -156,6 +156,7 @@ var GridVue2 = {
156
156
  group: Array,
157
157
  groupable: [Boolean, Object],
158
158
  editField: String,
159
+ rowClass: Function,
159
160
  scrollable: {
160
161
  type: String,
161
162
  default: 'scrollable'
@@ -1619,7 +1620,8 @@ var GridVue2 = {
1619
1620
  render: rowRenderFunction,
1620
1621
  ariaRowIndex: currentAriaRowIndex,
1621
1622
  dataIndex: dataIndex,
1622
- isSelected: dataRow.isSelected
1623
+ isSelected: dataRow.isSelected,
1624
+ "class": this.$props.rowClass ? this.$props.rowClass(item) : ''
1623
1625
  }, this.v3 ? function () {
1624
1626
  return [dataRow.call(_this2, item, rowId, dataIndex).row];
1625
1627
  } : [dataRow.call(_this2, item, rowId, dataIndex).row]), this.$props.detail && item.rowType === 'data' && item.expanded && h("tr", {
@@ -1729,10 +1731,6 @@ var GridVue2 = {
1729
1731
  };
1730
1732
 
1731
1733
  var colGroups = h("colgroup", {
1732
- role: "presentation",
1733
- attrs: this.v3 ? undefined : {
1734
- role: "presentation"
1735
- },
1736
1734
  ref: (0, kendo_vue_common_1.setRef)(this, 'colGroup')
1737
1735
  }, [columnsWithColGroup.map(function (column, index) {
1738
1736
  return h("col", {
@@ -7,7 +7,7 @@ import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
7
7
  /**
8
8
  * @hidden
9
9
  */
10
- export interface GridFilterCellMethods extends Vue2type {
10
+ export interface GridFilterCellMethods {
11
11
  triggerClick: () => void;
12
12
  inputChange: (value: any, e: any) => void;
13
13
  operatorChange: (operatorValue: any, e: any) => void;
@@ -18,7 +18,12 @@ export interface GridFilterCellMethods extends Vue2type {
18
18
  /**
19
19
  * @hidden
20
20
  */
21
- declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
21
+ export interface GridFilterCellAll extends GridFilterCellMethods, GridFilterCellProps, Vue2type {
22
+ }
23
+ /**
24
+ * @hidden
25
+ */
26
+ declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellAll>, {}, RecordPropsDefinition<GridFilterCellProps>>;
22
27
  /**
23
28
  * @hidden
24
29
  */
@@ -46,7 +46,8 @@ var GridFilterCellVue2 = {
46
46
  operators: Array,
47
47
  booleanValues: Array,
48
48
  onChange: Function,
49
- render: [String, Function, Object]
49
+ render: [String, Function, Object],
50
+ ariaLabel: String
50
51
  },
51
52
  inject: {
52
53
  kendoLocalizationService: {
@@ -123,7 +124,8 @@ var GridFilterCellVue2 = {
123
124
  title: localizationService.toLanguageString(main_1.filterChooseOperator, main_1.messages[main_1.filterChooseOperator]),
124
125
  popupSettings: {
125
126
  width: ''
126
- }
127
+ },
128
+ ariaLabel: 'filter'
127
129
  },
128
130
  "class": "k-dropdown-operator",
129
131
  iconClassName: "k-i-filter k-icon",
@@ -132,7 +134,8 @@ var GridFilterCellVue2 = {
132
134
  title: localizationService.toLanguageString(main_1.filterChooseOperator, main_1.messages[main_1.filterChooseOperator]),
133
135
  popupSettings: {
134
136
  width: ''
135
- }
137
+ },
138
+ ariaLabel: 'filter'
136
139
  })
137
140
  );
138
141
  };
@@ -147,7 +150,8 @@ var GridFilterCellVue2 = {
147
150
  value: value,
148
151
  attrs: this.v3 ? undefined : {
149
152
  value: value,
150
- title: this.$props.title
153
+ title: this.$props.title,
154
+ ariaLabel: this.ariaLabel
151
155
  },
152
156
  onChange: function onChange(e) {
153
157
  _this.inputChange(e.value, e.event);
@@ -157,7 +161,8 @@ var GridFilterCellVue2 = {
157
161
  _this.inputChange(e.value, e.event);
158
162
  }
159
163
  },
160
- title: this.$props.title
164
+ title: this.$props.title,
165
+ ariaLabel: this.ariaLabel
161
166
  })
162
167
  );
163
168
 
@@ -167,7 +172,8 @@ var GridFilterCellVue2 = {
167
172
  value: value,
168
173
  attrs: this.v3 ? undefined : {
169
174
  value: value,
170
- title: this.$props.title
175
+ title: this.$props.title,
176
+ ariaLabel: this.ariaLabel
171
177
  },
172
178
  onChange: function onChange(e) {
173
179
  _this.inputChange(e.value, e);
@@ -177,7 +183,8 @@ var GridFilterCellVue2 = {
177
183
  _this.inputChange(e.value, e);
178
184
  }
179
185
  },
180
- title: this.$props.title
186
+ title: this.$props.title,
187
+ ariaLabel: this.ariaLabel
181
188
  })
182
189
  );
183
190
 
@@ -198,11 +205,13 @@ var GridFilterCellVue2 = {
198
205
  }),
199
206
  "data-items": booleanValues,
200
207
  textField: "text",
201
- title: this.$props.title
208
+ title: this.$props.title,
209
+ ariaLabel: this.ariaLabel
202
210
  },
203
211
  "data-items": booleanValues,
204
212
  textField: "text",
205
- title: this.$props.title
213
+ title: this.$props.title,
214
+ ariaLabel: this.ariaLabel
206
215
  })
207
216
  );
208
217
 
@@ -225,17 +234,19 @@ var GridFilterCellVue2 = {
225
234
  },
226
235
  title: this.$props.title,
227
236
  attrs: this.v3 ? undefined : {
228
- title: this.$props.title
229
- }
237
+ title: this.$props.title,
238
+ "aria-label": this.ariaLabel
239
+ },
240
+ "aria-label": this.ariaLabel
230
241
  })]);
231
242
  }
232
243
  };
233
244
 
234
245
  var defaultRendering = h("div", {
235
246
  "class": "k-filtercell"
236
- }, [h("div", {
237
- "class": "k-filtercell-wrapper"
238
- }, [filterComponent.call(this, this.$props.filterType, this.$props.value), renderOperatorEditor.call(this), // @ts-ignore function children
247
+ }, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
248
+ "class": "k-filtercell-operator"
249
+ }, [renderOperatorEditor.call(this), // @ts-ignore function children
239
250
  h(kendo_vue_buttons_1.Button, {
240
251
  type: "button",
241
252
  attrs: this.v3 ? undefined : {
@@ -253,7 +264,7 @@ var GridFilterCellVue2 = {
253
264
  on: this.v3 ? undefined : {
254
265
  "click": this.clear
255
266
  }
256
- })])]);
267
+ })])])]);
257
268
  var gridListeners = this.$props.grid ? kendo_vue_common_1.getListeners.call(this.$props.grid) : null;
258
269
  var cellRenderFunction = kendo_vue_common_1.templateRendering.call(this.$props.grid, this.$props.render, gridListeners);
259
270
  return kendo_vue_common_1.getTemplate.call(this, {
@@ -165,7 +165,7 @@ var GridGroupCellVue2 = {
165
165
  tabindex: -1
166
166
  },
167
167
  tabindex: -1,
168
- "class": expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon'
168
+ "class": expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon'
169
169
  }), dataItem[field].toString()])]);
170
170
  }
171
171
 
@@ -140,7 +140,7 @@ var ColumnMenuVue2 = {
140
140
  display: 'inline'
141
141
  }
142
142
  }, [h("div", {
143
- "class": 'k-grid-column-menu k-grid-filter',
143
+ "class": 'k-grid-header-menu k-grid-column-menu',
144
144
  tabindex: 0,
145
145
  attrs: this.v3 ? undefined : {
146
146
  tabindex: 0,
@@ -154,7 +154,7 @@ var CommonDragLogic = /** @class */ (function () {
154
154
  this.dragElementClue.top = (event.pageY + 10);
155
155
  this.dragElementClue.left = event.pageX;
156
156
  this.dragElementClue.innerText = innerText;
157
- this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add';
157
+ this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus';
158
158
  };
159
159
  CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
160
160
  if (!this.dropElementClue) {
@@ -12,7 +12,7 @@ export interface DragClueData extends Vue2type {
12
12
  top?: number;
13
13
  left?: number;
14
14
  innerText?: string;
15
- status?: 'k-i-cancel' | 'k-i-add';
15
+ status?: 'k-i-cancel' | 'k-i-plus';
16
16
  }
17
17
  /**
18
18
  * @hidden
@@ -89,7 +89,7 @@ var GroupingIndicatorVue2 = {
89
89
  }, [h("div", {
90
90
  "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
91
91
  }, [h("span", {
92
- "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-sm'
92
+ "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
93
93
  }), h("span", {
94
94
  "class": "k-chip-content",
95
95
  tabindex: -1,
@@ -105,7 +105,7 @@ var GroupingIndicatorVue2 = {
105
105
  }, [_this.$props.title])]), h("span", {
106
106
  "class": "k-chip-actions"
107
107
  }, [h("span", {
108
- "class": "k-chip-action",
108
+ "class": "k-chip-action k-chip-remove-action",
109
109
  tabindex: -1,
110
110
  attrs: _this.v3 ? undefined : {
111
111
  tabindex: -1
@@ -123,7 +123,7 @@ var GroupingIndicatorVue2 = {
123
123
  }, [h("div", {
124
124
  "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
125
125
  }, [h("span", {
126
- "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-sm'
126
+ "class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-small'
127
127
  }), h("span", {
128
128
  "class": "k-chip-content",
129
129
  tabindex: -1,
@@ -139,7 +139,7 @@ var GroupingIndicatorVue2 = {
139
139
  }, [_this.$props.title])]), h("span", {
140
140
  "class": "k-chip-actions"
141
141
  }, [h("span", {
142
- "class": "k-chip-action",
142
+ "class": "k-chip-action k-chip-remove-action",
143
143
  tabindex: -1,
144
144
  attrs: _this.v3 ? undefined : {
145
145
  tabindex: -1
@@ -72,7 +72,12 @@ var FooterRowVue2 = {
72
72
  }, [footerCellRendering]);
73
73
  };
74
74
 
75
- return h("tr", [(0, main_1.footerColumns)(this.$props.columns).map(renderCell, this)]);
75
+ return h("tr", {
76
+ role: 'row',
77
+ attrs: this.v3 ? undefined : {
78
+ role: 'row'
79
+ }
80
+ }, [(0, main_1.footerColumns)(this.$props.columns).map(renderCell, this)]);
76
81
  }
77
82
  };
78
83
  exports.FooterRowVue2 = FooterRowVue2;
@@ -17,18 +17,24 @@ export interface FilterRowProps {
17
17
  sort?: SortDescriptor[];
18
18
  cellRender?: any;
19
19
  isRtl?: boolean;
20
+ ariaRowIndex?: number;
20
21
  }
21
22
  /**
22
23
  * @hidden
23
24
  */
24
- export interface FilterRowMethods extends Vue2type {
25
+ export interface FilterRowMethods {
25
26
  headerCellClassName: (field?: string, locked?: boolean) => string;
26
27
  setFilter: (value: string | number, operator: string | Function, field: string | undefined, e: any) => void;
27
28
  }
28
29
  /**
29
30
  * @hidden
30
31
  */
31
- declare let FilterRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<FilterRowMethods>, {}, RecordPropsDefinition<FilterRowProps>>;
32
+ export interface FilterRowAll extends FilterRowMethods, FilterRowProps, Vue2type {
33
+ }
34
+ /**
35
+ * @hidden
36
+ */
37
+ declare let FilterRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<FilterRowAll>, {}, RecordPropsDefinition<FilterRowProps>>;
32
38
  /**
33
39
  * @hidden
34
40
  */
@@ -35,7 +35,8 @@ var FilterRowVue2 = {
35
35
  filterOperators: Object,
36
36
  sort: [Object, Array],
37
37
  cellRender: [String, Function, Object],
38
- isRtl: Boolean
38
+ isRtl: Boolean,
39
+ ariaRowIndex: Number
39
40
  },
40
41
  inject: {
41
42
  kendoLocalizationService: {
@@ -204,7 +205,13 @@ var FilterRowVue2 = {
204
205
  });
205
206
  }, this);
206
207
  return h("tr", {
207
- "class": "k-filter-row"
208
+ "class": "k-filter-row",
209
+ "aria-rowindex": this.ariaRowIndex,
210
+ attrs: this.v3 ? undefined : {
211
+ "aria-rowindex": this.ariaRowIndex,
212
+ role: 'row'
213
+ },
214
+ role: 'row'
208
215
  }, [filterCells]);
209
216
  }
210
217
  };
@@ -7,7 +7,7 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
7
7
  /**
8
8
  * @hidden
9
9
  */
10
- export interface GridHeaderCellMethods extends Vue2type {
10
+ export interface GridHeaderCellMethods extends GridHeaderCellProps, Vue2type {
11
11
  clickHandler: (event: any) => void;
12
12
  }
13
13
  /**
@@ -26,7 +26,9 @@ var GridHeaderCellVue2 = {
26
26
  },
27
27
  methods: {
28
28
  clickHandler: function clickHandler(event) {
29
- this.$emit('headercellclick', event);
29
+ if (this.sortable) {
30
+ this.$emit('headercellclick', event);
31
+ }
30
32
  }
31
33
  },
32
34
  // @ts-ignore
@@ -42,23 +44,24 @@ var GridHeaderCellVue2 = {
42
44
  var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
43
45
  var renderTemplate = this.$props.render;
44
46
  var textInCell = this.$props.title || this.$props.field || "\xA0";
45
- var defaultRendering = this.$props.sortable ? h("span", {
46
- "class": "k-link",
47
- onClick: this.clickHandler,
48
- on: this.v3 ? undefined : {
49
- "click": this.clickHandler
50
- }
51
- }, [textInCell, defaultSlot]) : defaultSlot ? h("span", [textInCell, defaultSlot]) // @ts-ignore
52
- : this.v3 ? textInCell : this._v(textInCell);
53
- return kendo_vue_common_1.getTemplate.call(this, {
47
+ var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
54
48
  h: h,
55
49
  template: renderTemplate,
56
- defaultRendering: defaultRendering,
50
+ defaultRendering: textInCell,
57
51
  additionalProps: this.$props,
58
52
  additionalListeners: {
59
53
  click: this.clickHandler
60
54
  }
61
55
  });
56
+ return h("span", {
57
+ "class": 'k-link',
58
+ onClick: this.clickHandler,
59
+ on: this.v3 ? undefined : {
60
+ "click": this.clickHandler
61
+ }
62
+ }, [h("span", {
63
+ "class": 'k-column-title'
64
+ }, [defaultRendering]), defaultSlot]);
62
65
  }
63
66
  };
64
67
  exports.GridHeaderCellVue2 = GridHeaderCellVue2;
@@ -12,6 +12,10 @@ var gh = allVue.h;
12
12
  var isV3 = allVue.version && allVue.version[0] === '3';
13
13
 
14
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
15
+
16
+ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
17
+
18
+ var main_1 = require("../messages/main");
15
19
  /**
16
20
  * @hidden
17
21
  */
@@ -27,6 +31,11 @@ var GridHeaderSelectionCellVue2 = {
27
31
  created: function created() {
28
32
  this.inputId = (0, kendo_vue_common_1.guid)();
29
33
  },
34
+ inject: {
35
+ kendoLocalizationService: {
36
+ default: null
37
+ }
38
+ },
30
39
  methods: {
31
40
  changeHandle: function changeHandle(e) {
32
41
  this.$emit('selectionchange', {
@@ -46,7 +55,9 @@ var GridHeaderSelectionCellVue2 = {
46
55
  render: function render(createElement) {
47
56
  var h = gh || createElement;
48
57
  var renderTemplate = this.$props.render;
49
- var defaultRendering = h("span", [[h("input", {
58
+ var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
59
+ var selectAllRowsMessage = ls.toLanguageString(main_1.selectAllRows, main_1.messages[main_1.selectAllRows]);
60
+ var input = h("input", {
50
61
  key: 0,
51
62
  checked: this.v3 ? this.$props.selectionValue : null,
52
63
  domProps: this.v3 ? undefined : {
@@ -55,31 +66,31 @@ var GridHeaderSelectionCellVue2 = {
55
66
  id: this.inputId,
56
67
  attrs: this.v3 ? undefined : {
57
68
  id: this.inputId,
58
- type: "checkbox"
69
+ type: "checkbox",
70
+ "aria-label": selectAllRowsMessage
59
71
  },
60
72
  type: "checkbox",
61
73
  "class": "k-checkbox k-checkbox-md k-rounded-md",
74
+ "aria-label": selectAllRowsMessage,
62
75
  onChange: this.changeHandle,
63
76
  on: this.v3 ? undefined : {
64
77
  "change": this.changeHandle
65
78
  }
66
- }), h("label", {
67
- key: 1,
68
- "class": "k-checkbox-label",
69
- "for": this.inputId,
70
- attrs: this.v3 ? undefined : {
71
- "for": this.inputId
72
- }
73
- })]]);
74
- return kendo_vue_common_1.getTemplate.call(this, {
79
+ });
80
+ var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
75
81
  h: h,
76
82
  template: renderTemplate,
77
- defaultRendering: defaultRendering,
83
+ defaultRendering: input,
78
84
  additionalProps: this.$props,
79
85
  additionalListeners: {
80
86
  selectionchange: this.changeHandle
81
87
  }
82
88
  });
89
+ return h("span", {
90
+ "class": "k-link"
91
+ }, [h("span", {
92
+ "class": "k-column-title"
93
+ }, [defaultRendering])]);
83
94
  }
84
95
  };
85
96
  exports.GridHeaderSelectionCellVue2 = GridHeaderSelectionCellVue2;
@@ -118,10 +118,6 @@ var HeaderVue2 = {
118
118
  role: "presentation"
119
119
  }
120
120
  }, [h("colgroup", {
121
- role: "presentation",
122
- attrs: this.v3 ? undefined : {
123
- role: "presentation"
124
- },
125
121
  ref: (0, kendo_vue_common_1.setRef)(this, 'colGroupHeader')
126
122
  }, [this.$props.cols]), this.$props.headerRow])])]);
127
123
  }
@@ -234,7 +234,7 @@ var HeaderRowVue2 = {
234
234
 
235
235
  return iconSortIndex >= 0 && [h("span", {
236
236
  key: 1,
237
- "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-sm'
237
+ "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
238
238
  }), _this.$props.sort.length > 1 && h("span", {
239
239
  key: 2,
240
240
  "class": "k-sort-order"
@@ -330,7 +330,9 @@ var HeaderRowVue2 = {
330
330
  filterOperators: _this2.$props.filterOperators,
331
331
  onFilterchange: _this2.filterChangeHandler,
332
332
  render: columnMenuRender
333
- }), column.internalHeaderCell && // @ts-ignore function children
333
+ }), column.internalHeaderCell && h("span", {
334
+ "class": 'k-cell-inner'
335
+ }, [// @ts-ignore function children
334
336
  h(column.internalHeaderCell, {
335
337
  key: 1,
336
338
  field: column.field,
@@ -357,7 +359,9 @@ var HeaderRowVue2 = {
357
359
  render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
358
360
  }, _this2.v3 ? function () {
359
361
  return [sortIcon];
360
- } : [sortIcon]) || // @ts-ignore function children
362
+ } : [sortIcon])]) || h("span", {
363
+ "class": 'k-cell-inner'
364
+ }, [// @ts-ignore function children
361
365
  h(GridHeaderCell_1.GridHeaderCell, {
362
366
  key: 1,
363
367
  field: column.field,
@@ -382,7 +386,7 @@ var HeaderRowVue2 = {
382
386
  render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
383
387
  }, _this2.v3 ? function () {
384
388
  return [sortIcon];
385
- } : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
389
+ } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
386
390
  && column.resizable && h(ColumnResizer_1.ColumnResizer, {
387
391
  key: 2,
388
392
  onResize: function onResize(e, element, end) {
@@ -430,7 +434,9 @@ var HeaderRowVue2 = {
430
434
  filterOperators: _this2.$props.filterOperators,
431
435
  onFilterchange: _this2.filterChangeHandler,
432
436
  render: columnMenuRender
433
- }), column.internalHeaderCell && h(column.internalHeaderCell, {
437
+ }), column.internalHeaderCell && h("span", {
438
+ "class": 'k-cell-inner'
439
+ }, [h(column.internalHeaderCell, {
434
440
  key: 1,
435
441
  field: column.field,
436
442
  attrs: _this2.v3 ? undefined : {
@@ -456,7 +462,9 @@ var HeaderRowVue2 = {
456
462
  render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
457
463
  }, _this2.v3 ? function () {
458
464
  return [sortIcon];
459
- } : [sortIcon]) || h(GridHeaderCell_1.GridHeaderCell, {
465
+ } : [sortIcon])]) || h("span", {
466
+ "class": 'k-cell-inner'
467
+ }, [h(GridHeaderCell_1.GridHeaderCell, {
460
468
  key: 1,
461
469
  field: column.field,
462
470
  attrs: _this2.v3 ? undefined : {
@@ -480,7 +488,7 @@ var HeaderRowVue2 = {
480
488
  render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
481
489
  }, _this2.v3 ? function () {
482
490
  return [sortIcon];
483
- } : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
491
+ } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
484
492
  key: 2,
485
493
  onResize: function onResize(e, element, end) {
486
494
  return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
@@ -519,7 +527,12 @@ var HeaderRowVue2 = {
519
527
  onReleaseHandler: this.releaseHandler
520
528
  }, this.v3 ? function () {
521
529
  return [cells.call(_this3, rowIndexes)];
522
- } : [cells.call(_this3, rowIndexes)]) || h("tr", [cells.call(this, rowIndexes)]);
530
+ } : [cells.call(_this3, rowIndexes)]) || h("tr", {
531
+ role: 'row',
532
+ attrs: this.v3 ? undefined : {
533
+ role: 'row'
534
+ }
535
+ }, [cells.call(this, rowIndexes)]);
523
536
  }, this), this.$props.filterRow]);
524
537
  }
525
538
  };
@@ -61,4 +61,8 @@ export interface GridFilterCellProps {
61
61
  * The method for rendering the filter cell.
62
62
  */
63
63
  render?: any;
64
+ /**
65
+ * The ariaLabel of the filter editor.
66
+ */
67
+ ariaLabel?: string;
64
68
  }
@@ -192,6 +192,11 @@ export interface GridProps {
192
192
  * item ([more information and examples]({% slug editing_inline_grid %})).
193
193
  */
194
194
  editField?: string;
195
+ /**
196
+ * A function that returns a custom class applied to the row.
197
+ * @param item - the item for the row.
198
+ */
199
+ rowClass?: Function;
195
200
  /**
196
201
  * Defines the scroll mode that is used by the Grid ([see example]({% slug scrollmmodes_grid %}).
197
202
  *
@@ -2,6 +2,10 @@
2
2
  * @hidden
3
3
  */
4
4
  export declare const noRecords = "grid.noRecords";
5
+ /**
6
+ * @hidden
7
+ */
8
+ export declare const selectAllRows = "grid.selectAllRows";
5
9
  /**
6
10
  * @hidden
7
11
  */
@@ -26,6 +30,10 @@ export declare const pagerLastPage = "grid.pagerLastPage";
26
30
  * @hidden
27
31
  */
28
32
  export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
33
+ /**
34
+ * @hidden
35
+ */
36
+ export declare const pagerPageSelection = "grid.pagerPageSelection";
29
37
  /**
30
38
  * @hidden
31
39
  */
@@ -94,6 +102,7 @@ export declare const filterAriaLabel = "grid.filterAriaLabel";
94
102
  * @hidden
95
103
  */
96
104
  export declare const messages: {
105
+ "grid.selectAllRows": string;
97
106
  "grid.noRecords": string;
98
107
  "grid.groupPanelEmpty": string;
99
108
  "grid.columnMenu": string;
@@ -103,6 +112,7 @@ export declare const messages: {
103
112
  "grid.sortAscending": string;
104
113
  "grid.sortDescending": string;
105
114
  "grid.pagerItemsPerPage": string;
115
+ "grid.pagerPageSelection": string;
106
116
  "grid.pagerInfo": string;
107
117
  "grid.pagerFirstPage": string;
108
118
  "grid.pagerPreviousPage": string;
@@ -1,11 +1,15 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.pagerMessagesMap = exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.noRecords = void 0;
4
+ exports.pagerMessagesMap = exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterSelectedItems = exports.filterChooseOperator = exports.filterCheckAll = exports.searchPlaceholder = exports.sortDescending = exports.sortAscending = exports.filterTitle = exports.filterSubmitButton = exports.filterClearButton = exports.columnMenu = exports.groupPanelEmpty = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.selectAllRows = exports.noRecords = void 0;
5
5
  /**
6
6
  * @hidden
7
7
  */
8
8
  exports.noRecords = 'grid.noRecords';
9
+ /**
10
+ * @hidden
11
+ */
12
+ exports.selectAllRows = 'grid.selectAllRows';
9
13
  /**
10
14
  * @hidden
11
15
  */
@@ -30,6 +34,10 @@ exports.pagerLastPage = 'grid.pagerLastPage';
30
34
  * @hidden
31
35
  */
32
36
  exports.pagerItemPerPage = 'grid.pagerItemsPerPage';
37
+ /**
38
+ * @hidden
39
+ */
40
+ exports.pagerPageSelection = 'grid.pagerPageSelection';
33
41
  /**
34
42
  * @hidden
35
43
  */
@@ -98,6 +106,7 @@ exports.filterAriaLabel = 'grid.filterAriaLabel';
98
106
  * @hidden
99
107
  */
100
108
  exports.messages = (_a = {},
109
+ _a[exports.selectAllRows] = 'Select All Rows',
101
110
  _a[exports.noRecords] = 'No records available',
102
111
  _a[exports.groupPanelEmpty] = 'Drag a column header and drop it here to group by that column',
103
112
  _a[exports.columnMenu] = 'Column Menu',
@@ -107,6 +116,7 @@ exports.messages = (_a = {},
107
116
  _a[exports.sortAscending] = 'Sort Ascending',
108
117
  _a[exports.sortDescending] = 'Sort Descending',
109
118
  _a[exports.pagerItemPerPage] = 'items per page',
119
+ _a[exports.pagerPageSelection] = 'Select page',
110
120
  _a[exports.pagerInfo] = '{0} - {1} of {2} items',
111
121
  _a[exports.pagerFirstPage] = 'Go to the first page',
112
122
  _a[exports.pagerPreviousPage] = 'Go to the previous page',
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-grid',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1662389109,
11
+ publishDate: 1662729445,
12
12
  version: '',
13
13
  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'
14
14
  };