@progress/kendo-vue-data-tools 3.8.4-dev.202302231256 → 3.8.4-dev.202302231609

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 (41) hide show
  1. package/dist/cdn/js/kendo-vue-data-tools.js +1 -1
  2. package/dist/es/filter/Expression.js +4 -2
  3. package/dist/es/filter/Filter.d.ts +4 -0
  4. package/dist/es/filter/Filter.js +8 -2
  5. package/dist/es/filter/GroupFilters.js +5 -0
  6. package/dist/es/filter/GroupToolbar.d.ts +1 -0
  7. package/dist/es/filter/GroupToolbar.js +10 -2
  8. package/dist/es/messages/main.d.ts +15 -0
  9. package/dist/es/messages/main.js +16 -1
  10. package/dist/es/package-metadata.js +1 -1
  11. package/dist/es/pager/Pager.d.ts +4 -0
  12. package/dist/es/pager/Pager.js +21 -7
  13. package/dist/es/pager/PagerInput.js +9 -1
  14. package/dist/es/pager/PagerNumericButtons.js +14 -0
  15. package/dist/esm/filter/Expression.js +4 -2
  16. package/dist/esm/filter/Filter.d.ts +4 -0
  17. package/dist/esm/filter/Filter.js +8 -2
  18. package/dist/esm/filter/GroupFilters.js +5 -0
  19. package/dist/esm/filter/GroupToolbar.d.ts +1 -0
  20. package/dist/esm/filter/GroupToolbar.js +10 -2
  21. package/dist/esm/messages/main.d.ts +15 -0
  22. package/dist/esm/messages/main.js +16 -1
  23. package/dist/esm/package-metadata.js +1 -1
  24. package/dist/esm/pager/Pager.d.ts +4 -0
  25. package/dist/esm/pager/Pager.js +21 -7
  26. package/dist/esm/pager/PagerInput.js +9 -1
  27. package/dist/esm/pager/PagerNumericButtons.js +14 -0
  28. package/dist/npm/filter/Expression.js +4 -2
  29. package/dist/npm/filter/Filter.d.ts +4 -0
  30. package/dist/npm/filter/Filter.js +8 -2
  31. package/dist/npm/filter/GroupFilters.js +5 -0
  32. package/dist/npm/filter/GroupToolbar.d.ts +1 -0
  33. package/dist/npm/filter/GroupToolbar.js +10 -2
  34. package/dist/npm/messages/main.d.ts +15 -0
  35. package/dist/npm/messages/main.js +18 -3
  36. package/dist/npm/package-metadata.js +1 -1
  37. package/dist/npm/pager/Pager.d.ts +4 -0
  38. package/dist/npm/pager/Pager.js +21 -7
  39. package/dist/npm/pager/PagerInput.js +8 -0
  40. package/dist/npm/pager/PagerNumericButtons.js +14 -0
  41. package/package.json +10 -10
@@ -5,6 +5,8 @@ var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  import { Button as KButton } from '@progress/kendo-vue-buttons';
7
7
  import { kendoThemeMaps } from '@progress/kendo-vue-common';
8
+ import { provideLocalizationService } from '@progress/kendo-vue-intl';
9
+ import { messages, pagerSmallPageSelectorAriaLabel } from '../messages/main.js';
8
10
  /**
9
11
  * @hidden
10
12
  */
@@ -65,6 +67,11 @@ var PagerNumericButtonsVue2 = {
65
67
  render: function render(createElement) {
66
68
  var _this = this;
67
69
  var h = gh || createElement;
70
+ var localizationService = provideLocalizationService(this);
71
+ var pagerSmallPageSelectoLabel = this.$props.messagesMap ? this.$props.messagesMap(pagerSmallPageSelectorAriaLabel) : {
72
+ messageKey: pagerSmallPageSelectorAriaLabel,
73
+ defaultMessage: messages[pagerSmallPageSelectorAriaLabel]
74
+ };
68
75
  var prevDots = this.start > 1 &&
69
76
  // @ts-ignore function children
70
77
  h(KButton, {
@@ -123,6 +130,7 @@ var PagerNumericButtonsVue2 = {
123
130
  // @ts-ignore function children
124
131
  h(KButton, {
125
132
  key: page,
133
+ "class": 'k-link',
126
134
  onClick: function onClick(e) {
127
135
  return _this.click(e, page);
128
136
  },
@@ -139,6 +147,7 @@ var PagerNumericButtonsVue2 = {
139
147
  size: this.$props.size,
140
148
  rounded: null,
141
149
  role: "button",
150
+ title: 'Page ' + page,
142
151
  "aria-current": this.$props.currentPage === page ? true : undefined
143
152
  },
144
153
  fillMode: 'flat',
@@ -146,6 +155,7 @@ var PagerNumericButtonsVue2 = {
146
155
  size: this.$props.size,
147
156
  rounded: null,
148
157
  role: "button",
158
+ title: 'Page ' + page,
149
159
  "aria-current": this.$props.currentPage === page ? true : undefined
150
160
  }, this.v3 ? function () {
151
161
  return [page];
@@ -155,6 +165,10 @@ var PagerNumericButtonsVue2 = {
155
165
  var dropdown = function dropdown(currentButtons) {
156
166
  return h("select", {
157
167
  "class": this.dropdownClass,
168
+ ariaLabel: localizationService.toLanguageString(pagerSmallPageSelectoLabel.messageKey, pagerSmallPageSelectoLabel.defaultMessage),
169
+ attrs: this.v3 ? undefined : {
170
+ ariaLabel: localizationService.toLanguageString(pagerSmallPageSelectoLabel.messageKey, pagerSmallPageSelectoLabel.defaultMessage)
171
+ },
158
172
  onChange: this.ddlChange,
159
173
  on: this.v3 ? undefined : {
160
174
  "change": this.ddlChange
@@ -168,8 +168,10 @@ var ExpressionVue2 = {
168
168
  h(kendo_vue_buttons_1.Toolbar, {
169
169
  keyboardNavigation: false,
170
170
  attrs: this.v3 ? undefined : {
171
- keyboardNavigation: false
172
- }
171
+ keyboardNavigation: false,
172
+ ariaLabel: filter.ariaLabel ? filter.ariaLabel : undefined
173
+ },
174
+ ariaLabel: filter.ariaLabel ? filter.ariaLabel : undefined
173
175
  }, this.v3 ? function () {
174
176
  return [
175
177
  // @ts-ignore function children
@@ -41,6 +41,10 @@ export interface FilterProps {
41
41
  * The initial composite filter descriptor which will be used when a new group is created.
42
42
  */
43
43
  defaultGroupFilter?: CompositeFilterDescriptor;
44
+ /**
45
+ * Defines the `aria-label` attribute of the upper-most Toolbar that is part of the Filter component .
46
+ */
47
+ upperToolbarAriaLabel?: string;
44
48
  }
45
49
  /**
46
50
  * @hidden
@@ -51,7 +51,11 @@ var FilterVue2 = {
51
51
  default: undefined
52
52
  },
53
53
  value: Object,
54
- defaultGroupFilter: Object
54
+ defaultGroupFilter: Object,
55
+ upperToolbarAriaLabel: {
56
+ type: String,
57
+ default: undefined
58
+ }
55
59
  },
56
60
  inject: {
57
61
  kendoLocalizationService: {
@@ -106,8 +110,9 @@ var FilterVue2 = {
106
110
  }, [
107
111
  // @ts-ignore function children
108
112
  h(GroupToolbar_1.GroupToolbar, {
109
- filter: this.computedValue,
113
+ "aria-label": this.$props.upperToolbarAriaLabel,
110
114
  attrs: this.v3 ? undefined : {
115
+ "aria-label": this.$props.upperToolbarAriaLabel,
111
116
  filter: this.computedValue,
112
117
  fields: fields,
113
118
  defaultGroupFilter: this.$props.defaultGroupFilter || {
@@ -115,6 +120,7 @@ var FilterVue2 = {
115
120
  filters: []
116
121
  }
117
122
  },
123
+ filter: this.computedValue,
118
124
  fields: fields,
119
125
  onChange: this.onFilterChange,
120
126
  on: this.v3 ? undefined : {
@@ -23,6 +23,8 @@ var gh = allVue.h;
23
23
  var isV3 = allVue.version && allVue.version[0] === '3';
24
24
  var kendo_data_query_1 = require("@progress/kendo-data-query");
25
25
  var GroupToolbar_1 = require("./GroupToolbar");
26
+ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
27
+ var main_1 = require("../messages/main");
26
28
  var Expression_1 = require("./Expression");
27
29
  /**
28
30
  * @hidden
@@ -62,6 +64,7 @@ var GroupFilterVue2 = {
62
64
  },
63
65
  render: function render(createElement) {
64
66
  var h = gh || createElement;
67
+ var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
65
68
  var _a = this.$props,
66
69
  fields = _a.fields,
67
70
  filter = _a.filter,
@@ -87,9 +90,11 @@ var GroupFilterVue2 = {
87
90
  attrs: this.v3 ? undefined : {
88
91
  filter: f,
89
92
  fields: fields,
93
+ ariaLabel: localizationService.toLanguageString(main_1.filterGroupFilterAriaLabel, main_1.messages[main_1.filterGroupFilterAriaLabel]),
90
94
  defaultGroupFilter: this.$props.defaultGroupFilter
91
95
  },
92
96
  fields: fields,
97
+ ariaLabel: localizationService.toLanguageString(main_1.filterGroupFilterAriaLabel, main_1.messages[main_1.filterGroupFilterAriaLabel]),
93
98
  onChange: this.onChange,
94
99
  on: this.v3 ? undefined : {
95
100
  "change": this.onChange,
@@ -29,6 +29,7 @@ export interface GroupProps {
29
29
  filter: CompositeFilterDescriptor;
30
30
  fields: Array<FieldSettings>;
31
31
  defaultGroupFilter: CompositeFilterDescriptor;
32
+ ariaLabel: String;
32
33
  }
33
34
  /**
34
35
  * @hidden
@@ -57,6 +57,10 @@ var GroupToolbarVue2 = {
57
57
  defaultGroupFilter: {
58
58
  type: Object,
59
59
  required: true
60
+ },
61
+ ariaLabel: {
62
+ type: String,
63
+ default: undefined
60
64
  }
61
65
  },
62
66
  inject: {
@@ -85,8 +89,12 @@ var GroupToolbarVue2 = {
85
89
  h(kendo_vue_buttons_1.Toolbar, {
86
90
  keyboardNavigation: false,
87
91
  attrs: this.v3 ? undefined : {
88
- keyboardNavigation: false
89
- }
92
+ keyboardNavigation: false,
93
+ role: "toolbar",
94
+ "aria-label": this.$props.ariaLabel
95
+ },
96
+ role: "toolbar",
97
+ "aria-label": this.$props.ariaLabel
90
98
  }, this.v3 ? function () {
91
99
  return [
92
100
  // @ts-ignore function children
@@ -26,6 +26,14 @@ export declare const pagerLastPage = "pager.lastPage";
26
26
  * @hidden
27
27
  */
28
28
  export declare const pagerItemPerPage = "pager.itemsPerPage";
29
+ /**
30
+ * @hidden
31
+ */
32
+ export declare const pagerPageInputAriaLabel = "pager.pageInputAriaLabel";
33
+ /**
34
+ * @hidden
35
+ */
36
+ export declare const pagerSmallPageSelectorAriaLabel = "pager.smallPageSelectorAriaLabel";
29
37
  /**
30
38
  * @hidden
31
39
  */
@@ -46,6 +54,10 @@ export declare const pagerTotalPages = "pager.totalPages";
46
54
  * @hidden
47
55
  */
48
56
  export declare const filterEqOperator = "filter.eqOperator";
57
+ /**
58
+ * @hidden
59
+ */
60
+ export declare const filterGroupFilterAriaLabel = "filter.groupFilterAriaLabel";
49
61
  /**
50
62
  * @hidden
51
63
  */
@@ -310,6 +322,9 @@ export declare const filterDropDownOperatorAriaLabel = "filter.dropdownOperatorA
310
322
  * @hidden
311
323
  */
312
324
  export declare const messages: {
325
+ "filter.groupFilterAriaLabel": string;
326
+ "pager.smallPageSelectorAriaLabel": string;
327
+ "pager.pageInputAriaLabel": string;
313
328
  "pager.itemsPerPage": string;
314
329
  "pager.pageSelection": string;
315
330
  "pager.info": string;
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.columnMenuFilterChooseOperator = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.columnMenu = void 0;
5
- exports.messages = exports.filterDropDownOperatorAriaLabel = exports.filterDateFilterAriaLabel = exports.filterTextFilterAriaLabel = exports.filterNumericFilterAriaLabel = exports.filterEnumFilterDropdownAriaLabel = exports.filterExpressionOperatorDropdownAriaLabel = exports.filterExpressionDropdownAriaLabel = exports.filterExpressionAriaLabel = exports.filterGroupAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterCheckAll = exports.selectAllRows = exports.searchPlaceholder = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = void 0;
4
+ exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.columnMenuFilterChooseOperator = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterGroupFilterAriaLabel = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerSmallPageSelectorAriaLabel = exports.pagerPageInputAriaLabel = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.columnMenu = void 0;
5
+ exports.messages = exports.filterDropDownOperatorAriaLabel = exports.filterDateFilterAriaLabel = exports.filterTextFilterAriaLabel = exports.filterNumericFilterAriaLabel = exports.filterEnumFilterDropdownAriaLabel = exports.filterExpressionOperatorDropdownAriaLabel = exports.filterExpressionDropdownAriaLabel = exports.filterExpressionAriaLabel = exports.filterGroupAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterCheckAll = exports.selectAllRows = exports.searchPlaceholder = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = void 0;
6
6
  /**
7
7
  * @hidden
8
8
  */
@@ -31,6 +31,14 @@ exports.pagerLastPage = 'pager.lastPage';
31
31
  * @hidden
32
32
  */
33
33
  exports.pagerItemPerPage = 'pager.itemsPerPage';
34
+ /**
35
+ * @hidden
36
+ */
37
+ exports.pagerPageInputAriaLabel = 'pager.pageInputAriaLabel';
38
+ /**
39
+ * @hidden
40
+ */
41
+ exports.pagerSmallPageSelectorAriaLabel = 'pager.smallPageSelectorAriaLabel';
34
42
  /**
35
43
  * @hidden
36
44
  */
@@ -51,6 +59,10 @@ exports.pagerTotalPages = 'pager.totalPages';
51
59
  * @hidden
52
60
  */
53
61
  exports.filterEqOperator = 'filter.eqOperator';
62
+ /**
63
+ * @hidden
64
+ */
65
+ exports.filterGroupFilterAriaLabel = 'filter.groupFilterAriaLabel';
54
66
  /**
55
67
  * @hidden
56
68
  */
@@ -315,6 +327,9 @@ exports.filterDropDownOperatorAriaLabel = 'filter.dropdownOperatorAriaLabel';
315
327
  * @hidden
316
328
  */
317
329
  exports.messages = (_a = {},
330
+ _a[exports.filterGroupFilterAriaLabel] = 'Group Filter',
331
+ _a[exports.pagerSmallPageSelectorAriaLabel] = 'Select page',
332
+ _a[exports.pagerPageInputAriaLabel] = 'Pager - Page number input',
318
333
  _a[exports.pagerItemPerPage] = 'items per page',
319
334
  _a[exports.pagerPageSelection] = 'Select page',
320
335
  _a[exports.pagerInfo] = '{0} - {1} of {2} items',
@@ -323,7 +338,7 @@ exports.messages = (_a = {},
323
338
  _a[exports.pagerNextPage] = 'Go to the next page',
324
339
  _a[exports.pagerLastPage] = 'Go to the last page',
325
340
  _a[exports.pagerPage] = 'Page',
326
- _a[exports.pagerOf] = 'Of',
341
+ _a[exports.pagerOf] = 'of',
327
342
  _a[exports.pagerTotalPages] = '{0}',
328
343
  _a[exports.searchPlaceholder] = 'Search',
329
344
  _a[exports.selectAllRows] = 'Select All Rows',
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-data-tools',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1677156449,
11
+ publishDate: 1677167997,
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
  };
@@ -61,6 +61,10 @@ export interface PagerProps extends GridPagerSettings {
61
61
  * The event that is emited when the page is changed.
62
62
  */
63
63
  onPagechange?: (event: any) => any;
64
+ /**
65
+ * Defines the `id` of the element that is being controlled by the pager - for example a Grid.
66
+ */
67
+ ariaControls?: string;
64
68
  }
65
69
  /**
66
70
  * @hidden
@@ -83,7 +83,11 @@ var PagerVue2 = {
83
83
  }
84
84
  },
85
85
  pagerRender: [String, Function, Object],
86
- width: [Number, String]
86
+ width: [Number, String],
87
+ ariaControls: {
88
+ type: String,
89
+ default: undefined
90
+ }
87
91
  },
88
92
  data: function data() {
89
93
  return {
@@ -409,19 +413,29 @@ var PagerVue2 = {
409
413
  style: {
410
414
  width: width
411
415
  },
412
- role: "navigation",
416
+ role: "application",
413
417
  attrs: this.v3 ? undefined : {
414
- role: "navigation"
415
- }
418
+ role: "application",
419
+ "aria-roledescription": "pager"
420
+ },
421
+ "aria-roledescription": "pager"
416
422
  }, [pagerContent]) : h("div", {
417
423
  "class": this.wrapperClass,
418
424
  style: {
419
425
  width: width
420
426
  },
421
- role: "navigation",
427
+ role: "application",
422
428
  attrs: this.v3 ? undefined : {
423
- role: "navigation"
424
- }
429
+ role: "application",
430
+ "aria-roledescription": "pager",
431
+ "aria-keyshortcuts": "Enter ArrowRight ArrowLeft",
432
+ "aria-label": 'Page navigation, page ' + this.currentPage + ' of ' + this.totalPages,
433
+ "aria-controls": this.$props.ariaControls
434
+ },
435
+ "aria-roledescription": "pager",
436
+ "aria-keyshortcuts": "Enter ArrowRight ArrowLeft",
437
+ "aria-label": 'Page navigation, page ' + this.currentPage + ' of ' + this.totalPages,
438
+ "aria-controls": this.$props.ariaControls
425
439
  }, [h("div", {
426
440
  "class": 'k-pager-numbers-wrap'
427
441
  }, [first, prev, changer, next, last]), renderPageSizes, infoElement]);
@@ -92,6 +92,10 @@ var PagerInputVue2 = {
92
92
  messageKey: main_1.pagerTotalPages,
93
93
  defaultMessage: main_1.messages[main_1.pagerTotalPages]
94
94
  };
95
+ var pageInputAriaLabel = this.$props.messagesMap ? this.$props.messagesMap(main_1.pagerPageInputAriaLabel) : {
96
+ messageKey: main_1.pagerPageInputAriaLabel,
97
+ defaultMessage: main_1.messages[main_1.pagerPageInputAriaLabel]
98
+ };
95
99
  return h("span", {
96
100
  "class": "k-pager-input k-label"
97
101
  }, [localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage), h("span", {
@@ -102,6 +106,10 @@ var PagerInputVue2 = {
102
106
  domProps: this.v3 ? undefined : {
103
107
  "value": this.value()
104
108
  },
109
+ ariaLabel: localizationService.toLanguageString(pageInputAriaLabel.messageKey, pageInputAriaLabel.defaultMessage),
110
+ attrs: this.v3 ? undefined : {
111
+ ariaLabel: localizationService.toLanguageString(pageInputAriaLabel.messageKey, pageInputAriaLabel.defaultMessage)
112
+ },
105
113
  onBlur: this.blurHandler,
106
114
  on: this.v3 ? undefined : {
107
115
  "blur": this.blurHandler,
@@ -11,6 +11,8 @@ var gh = allVue.h;
11
11
  var isV3 = allVue.version && allVue.version[0] === '3';
12
12
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
13
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
14
+ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
15
+ var main_1 = require("../messages/main");
14
16
  /**
15
17
  * @hidden
16
18
  */
@@ -71,6 +73,11 @@ var PagerNumericButtonsVue2 = {
71
73
  render: function render(createElement) {
72
74
  var _this = this;
73
75
  var h = gh || createElement;
76
+ var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
77
+ var pagerSmallPageSelectoLabel = this.$props.messagesMap ? this.$props.messagesMap(main_1.pagerSmallPageSelectorAriaLabel) : {
78
+ messageKey: main_1.pagerSmallPageSelectorAriaLabel,
79
+ defaultMessage: main_1.messages[main_1.pagerSmallPageSelectorAriaLabel]
80
+ };
74
81
  var prevDots = this.start > 1 &&
75
82
  // @ts-ignore function children
76
83
  h(kendo_vue_buttons_1.Button, {
@@ -129,6 +136,7 @@ var PagerNumericButtonsVue2 = {
129
136
  // @ts-ignore function children
130
137
  h(kendo_vue_buttons_1.Button, {
131
138
  key: page,
139
+ "class": 'k-link',
132
140
  onClick: function onClick(e) {
133
141
  return _this.click(e, page);
134
142
  },
@@ -145,6 +153,7 @@ var PagerNumericButtonsVue2 = {
145
153
  size: this.$props.size,
146
154
  rounded: null,
147
155
  role: "button",
156
+ title: 'Page ' + page,
148
157
  "aria-current": this.$props.currentPage === page ? true : undefined
149
158
  },
150
159
  fillMode: 'flat',
@@ -152,6 +161,7 @@ var PagerNumericButtonsVue2 = {
152
161
  size: this.$props.size,
153
162
  rounded: null,
154
163
  role: "button",
164
+ title: 'Page ' + page,
155
165
  "aria-current": this.$props.currentPage === page ? true : undefined
156
166
  }, this.v3 ? function () {
157
167
  return [page];
@@ -161,6 +171,10 @@ var PagerNumericButtonsVue2 = {
161
171
  var dropdown = function dropdown(currentButtons) {
162
172
  return h("select", {
163
173
  "class": this.dropdownClass,
174
+ ariaLabel: localizationService.toLanguageString(pagerSmallPageSelectoLabel.messageKey, pagerSmallPageSelectoLabel.defaultMessage),
175
+ attrs: this.v3 ? undefined : {
176
+ ariaLabel: localizationService.toLanguageString(pagerSmallPageSelectoLabel.messageKey, pagerSmallPageSelectoLabel.defaultMessage)
177
+ },
164
178
  onChange: this.ddlChange,
165
179
  on: this.v3 ? undefined : {
166
180
  "change": this.ddlChange
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-data-tools",
3
3
  "description": "Kendo UI for Vue Data Tools package",
4
- "version": "3.8.4-dev.202302231256",
4
+ "version": "3.8.4-dev.202302231609",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -45,7 +45,7 @@
45
45
  "vue": "^2.6.12 || ^3.0.2"
46
46
  },
47
47
  "dependencies": {
48
- "@progress/kendo-vue-common": "3.8.4-dev.202302231256"
48
+ "@progress/kendo-vue-common": "3.8.4-dev.202302231609"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@progress/kendo-data-query": "^1.0.0",
@@ -53,14 +53,14 @@
53
53
  "@progress/kendo-drawing": "^1.8.0",
54
54
  "@progress/kendo-licensing": "^1.3.0",
55
55
  "@progress/kendo-svg-icons": "^1.0.0",
56
- "@progress/kendo-vue-animation": "3.8.4-dev.202302231256",
57
- "@progress/kendo-vue-buttons": "3.8.4-dev.202302231256",
58
- "@progress/kendo-vue-dateinputs": "3.8.4-dev.202302231256",
59
- "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302231256",
60
- "@progress/kendo-vue-grid": "3.8.4-dev.202302231256",
61
- "@progress/kendo-vue-inputs": "3.8.4-dev.202302231256",
62
- "@progress/kendo-vue-intl": "3.8.4-dev.202302231256",
63
- "@progress/kendo-vue-popup": "3.8.4-dev.202302231256"
56
+ "@progress/kendo-vue-animation": "3.8.4-dev.202302231609",
57
+ "@progress/kendo-vue-buttons": "3.8.4-dev.202302231609",
58
+ "@progress/kendo-vue-dateinputs": "3.8.4-dev.202302231609",
59
+ "@progress/kendo-vue-dropdowns": "3.8.4-dev.202302231609",
60
+ "@progress/kendo-vue-grid": "3.8.4-dev.202302231609",
61
+ "@progress/kendo-vue-inputs": "3.8.4-dev.202302231609",
62
+ "@progress/kendo-vue-intl": "3.8.4-dev.202302231609",
63
+ "@progress/kendo-vue-popup": "3.8.4-dev.202302231609"
64
64
  },
65
65
  "@progress": {
66
66
  "friendlyName": "Data Tools",