@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.
- package/dist/cdn/js/kendo-vue-data-tools.js +1 -1
- package/dist/es/filter/Expression.js +4 -2
- package/dist/es/filter/Filter.d.ts +4 -0
- package/dist/es/filter/Filter.js +8 -2
- package/dist/es/filter/GroupFilters.js +5 -0
- package/dist/es/filter/GroupToolbar.d.ts +1 -0
- package/dist/es/filter/GroupToolbar.js +10 -2
- package/dist/es/messages/main.d.ts +15 -0
- package/dist/es/messages/main.js +16 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.d.ts +4 -0
- package/dist/es/pager/Pager.js +21 -7
- package/dist/es/pager/PagerInput.js +9 -1
- package/dist/es/pager/PagerNumericButtons.js +14 -0
- package/dist/esm/filter/Expression.js +4 -2
- package/dist/esm/filter/Filter.d.ts +4 -0
- package/dist/esm/filter/Filter.js +8 -2
- package/dist/esm/filter/GroupFilters.js +5 -0
- package/dist/esm/filter/GroupToolbar.d.ts +1 -0
- package/dist/esm/filter/GroupToolbar.js +10 -2
- package/dist/esm/messages/main.d.ts +15 -0
- package/dist/esm/messages/main.js +16 -1
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/pager/Pager.d.ts +4 -0
- package/dist/esm/pager/Pager.js +21 -7
- package/dist/esm/pager/PagerInput.js +9 -1
- package/dist/esm/pager/PagerNumericButtons.js +14 -0
- package/dist/npm/filter/Expression.js +4 -2
- package/dist/npm/filter/Filter.d.ts +4 -0
- package/dist/npm/filter/Filter.js +8 -2
- package/dist/npm/filter/GroupFilters.js +5 -0
- package/dist/npm/filter/GroupToolbar.d.ts +1 -0
- package/dist/npm/filter/GroupToolbar.js +10 -2
- package/dist/npm/messages/main.d.ts +15 -0
- package/dist/npm/messages/main.js +18 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.d.ts +4 -0
- package/dist/npm/pager/Pager.js +21 -7
- package/dist/npm/pager/PagerInput.js +8 -0
- package/dist/npm/pager/PagerNumericButtons.js +14 -0
- 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
|
-
|
|
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,
|
|
@@ -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.
|
|
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] = '
|
|
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:
|
|
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
|
package/dist/npm/pager/Pager.js
CHANGED
|
@@ -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: "
|
|
416
|
+
role: "application",
|
|
413
417
|
attrs: this.v3 ? undefined : {
|
|
414
|
-
role: "
|
|
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: "
|
|
427
|
+
role: "application",
|
|
422
428
|
attrs: this.v3 ? undefined : {
|
|
423
|
-
role: "
|
|
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.
|
|
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.
|
|
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.
|
|
57
|
-
"@progress/kendo-vue-buttons": "3.8.4-dev.
|
|
58
|
-
"@progress/kendo-vue-dateinputs": "3.8.4-dev.
|
|
59
|
-
"@progress/kendo-vue-dropdowns": "3.8.4-dev.
|
|
60
|
-
"@progress/kendo-vue-grid": "3.8.4-dev.
|
|
61
|
-
"@progress/kendo-vue-inputs": "3.8.4-dev.
|
|
62
|
-
"@progress/kendo-vue-intl": "3.8.4-dev.
|
|
63
|
-
"@progress/kendo-vue-popup": "3.8.4-dev.
|
|
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",
|