@progress/kendo-vue-data-tools 3.5.4-dev.202209071223 → 3.5.4-dev.202209091220
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/filters/NumericFilter.js +13 -2
- package/dist/es/filter/filters/TextFilter.js +5 -0
- package/dist/es/header/HeaderCell.js +11 -11
- package/dist/es/messages/main.d.ts +5 -0
- package/dist/es/messages/main.js +5 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/PagerNavigationButton.js +7 -7
- package/dist/es/pager/PagerPageSizes.js +10 -3
- package/dist/esm/filter/filters/NumericFilter.js +13 -2
- package/dist/esm/filter/filters/TextFilter.js +5 -0
- package/dist/esm/header/HeaderCell.js +11 -11
- package/dist/esm/messages/main.d.ts +5 -0
- package/dist/esm/messages/main.js +5 -0
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/pager/PagerNavigationButton.js +7 -7
- package/dist/esm/pager/PagerPageSizes.js +10 -3
- package/dist/npm/filter/filters/NumericFilter.js +15 -2
- package/dist/npm/filter/filters/TextFilter.js +5 -0
- package/dist/npm/header/HeaderCell.js +11 -11
- package/dist/npm/messages/main.d.ts +5 -0
- package/dist/npm/messages/main.js +7 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/PagerNavigationButton.js +7 -7
- package/dist/npm/pager/PagerPageSizes.js +9 -2
- package/package.json +10 -10
|
@@ -20,6 +20,8 @@ var allVue = Vue;
|
|
|
20
20
|
var gh = allVue.h;
|
|
21
21
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
22
22
|
import { NumericTextBox } from '@progress/kendo-vue-inputs';
|
|
23
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
24
|
+
import { filterNumericFilterAriaLabel, messages } from '../../messages/main';
|
|
23
25
|
/**
|
|
24
26
|
* @hidden
|
|
25
27
|
*/
|
|
@@ -32,6 +34,11 @@ var NumericFilterVue2 = {
|
|
|
32
34
|
required: true
|
|
33
35
|
}
|
|
34
36
|
},
|
|
37
|
+
inject: {
|
|
38
|
+
kendoLocalizationService: {
|
|
39
|
+
default: null
|
|
40
|
+
}
|
|
41
|
+
},
|
|
35
42
|
// @ts-ignore
|
|
36
43
|
setup: !isV3 ? undefined : function () {
|
|
37
44
|
var v3 = !!isV3;
|
|
@@ -42,16 +49,20 @@ var NumericFilterVue2 = {
|
|
|
42
49
|
render: function render(createElement) {
|
|
43
50
|
var h = gh || createElement;
|
|
44
51
|
var filter = this.$props.filter;
|
|
52
|
+
var ls = provideLocalizationService(this);
|
|
53
|
+
var ariaLabel = ls.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel]);
|
|
45
54
|
return (// @ts-ignore
|
|
46
55
|
h(NumericTextBox, {
|
|
47
56
|
value: typeof filter.value === 'number' ? filter.value : null,
|
|
48
57
|
attrs: this.v3 ? undefined : {
|
|
49
|
-
value: typeof filter.value === 'number' ? filter.value : null
|
|
58
|
+
value: typeof filter.value === 'number' ? filter.value : null,
|
|
59
|
+
ariaLabel: ariaLabel
|
|
50
60
|
},
|
|
51
61
|
onChange: this.onChange,
|
|
52
62
|
on: this.v3 ? undefined : {
|
|
53
63
|
"change": this.onChange
|
|
54
|
-
}
|
|
64
|
+
},
|
|
65
|
+
ariaLabel: ariaLabel
|
|
55
66
|
})
|
|
56
67
|
);
|
|
57
68
|
},
|
|
@@ -36,24 +36,24 @@ var HeaderCellVue2 = {
|
|
|
36
36
|
var defaultSlot = getDefaultSlots(this);
|
|
37
37
|
var renderTemplate = this.$props.render;
|
|
38
38
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
39
|
-
var defaultRendering =
|
|
40
|
-
"class": 'k-link',
|
|
41
|
-
onClick: this.clickHandler,
|
|
42
|
-
on: this.v3 ? undefined : {
|
|
43
|
-
"click": this.clickHandler
|
|
44
|
-
}
|
|
45
|
-
}, [h("span", {
|
|
46
|
-
"class": 'k-column-title'
|
|
47
|
-
}, [textInCell]), defaultSlot]);
|
|
48
|
-
return getTemplate.call(this, {
|
|
39
|
+
var defaultRendering = getTemplate.call(this, {
|
|
49
40
|
h: h,
|
|
50
41
|
template: renderTemplate,
|
|
51
|
-
defaultRendering:
|
|
42
|
+
defaultRendering: textInCell,
|
|
52
43
|
additionalProps: this.$props,
|
|
53
44
|
additionalListeners: {
|
|
54
45
|
click: this.clickHandler
|
|
55
46
|
}
|
|
56
47
|
});
|
|
48
|
+
return h("span", {
|
|
49
|
+
"class": 'k-link',
|
|
50
|
+
onClick: this.clickHandler,
|
|
51
|
+
on: this.v3 ? undefined : {
|
|
52
|
+
"click": this.clickHandler
|
|
53
|
+
}
|
|
54
|
+
}, [h("span", {
|
|
55
|
+
"class": 'k-column-title'
|
|
56
|
+
}, [defaultRendering]), defaultSlot]);
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
/**
|
|
@@ -26,6 +26,10 @@ 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 pagerPageSelection = "pager.pageSelection";
|
|
29
33
|
/**
|
|
30
34
|
* @hidden
|
|
31
35
|
*/
|
|
@@ -303,6 +307,7 @@ export declare const filterDropDownOperatorAriaLabel = "filter.dropdownOperatorA
|
|
|
303
307
|
*/
|
|
304
308
|
export declare const messages: {
|
|
305
309
|
"pager.itemsPerPage": string;
|
|
310
|
+
"pager.pageSelection": string;
|
|
306
311
|
"pager.info": string;
|
|
307
312
|
"pager.firstPage": string;
|
|
308
313
|
"pager.previousPage": string;
|
package/dist/es/messages/main.js
CHANGED
|
@@ -27,6 +27,10 @@ export var pagerLastPage = 'pager.lastPage';
|
|
|
27
27
|
* @hidden
|
|
28
28
|
*/
|
|
29
29
|
export var pagerItemPerPage = 'pager.itemsPerPage';
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
export var pagerPageSelection = 'pager.pageSelection';
|
|
30
34
|
/**
|
|
31
35
|
* @hidden
|
|
32
36
|
*/
|
|
@@ -304,6 +308,7 @@ export var filterDropDownOperatorAriaLabel = 'filter.dropdownOperatorAriaLabel';
|
|
|
304
308
|
*/
|
|
305
309
|
export var messages = (_a = {},
|
|
306
310
|
_a[pagerItemPerPage] = 'items per page',
|
|
311
|
+
_a[pagerPageSelection] = 'Select page',
|
|
307
312
|
_a[pagerInfo] = '{0} - {1} of {2} items',
|
|
308
313
|
_a[pagerFirstPage] = 'Go to the first page',
|
|
309
314
|
_a[pagerPreviousPage] = 'Go to the previous page',
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-data-tools',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1662725610,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
|
@@ -52,15 +52,15 @@ var PagerNavigationButtonVue2 = {
|
|
|
52
52
|
href: "#",
|
|
53
53
|
attrs: this.v3 ? undefined : {
|
|
54
54
|
href: "#",
|
|
55
|
-
|
|
55
|
+
role: "button",
|
|
56
|
+
title: this.$props.title,
|
|
57
|
+
"aria-label": this.$props.title
|
|
56
58
|
},
|
|
57
|
-
|
|
59
|
+
role: "button",
|
|
60
|
+
title: this.$props.title,
|
|
61
|
+
"aria-label": this.$props.title
|
|
58
62
|
}, [h("span", {
|
|
59
|
-
"class": this.iconClass
|
|
60
|
-
"aria-label": this.$props.title,
|
|
61
|
-
attrs: this.v3 ? undefined : {
|
|
62
|
-
"aria-label": this.$props.title
|
|
63
|
-
}
|
|
63
|
+
"class": this.iconClass
|
|
64
64
|
})]);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
@@ -4,7 +4,7 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
6
|
var inject = allVue.inject;
|
|
7
|
-
import { messages, pagerItemPerPage } from '../messages/main';
|
|
7
|
+
import { messages, pagerItemPerPage, pagerPageSelection } from '../messages/main';
|
|
8
8
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
9
9
|
import { DropDownList } from '@progress/kendo-vue-dropdowns';
|
|
10
10
|
/**
|
|
@@ -48,6 +48,7 @@ var PagerPageSizesVue2 = {
|
|
|
48
48
|
value = _a.value,
|
|
49
49
|
pageSizes = _a.pageSizes,
|
|
50
50
|
pageSize = _a.pageSize;
|
|
51
|
+
var ls = provideLocalizationService(this);
|
|
51
52
|
var sizes = pageSizes.slice();
|
|
52
53
|
|
|
53
54
|
if (value === undefined && sizes.filter(function (s) {
|
|
@@ -60,6 +61,10 @@ var PagerPageSizesVue2 = {
|
|
|
60
61
|
messageKey: pagerItemPerPage,
|
|
61
62
|
defaultMessage: messages[pagerItemPerPage]
|
|
62
63
|
};
|
|
64
|
+
var pageSelectionMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerPageSelection) : {
|
|
65
|
+
messageKey: pagerPageSelection,
|
|
66
|
+
defaultMessage: messages[pagerPageSelection]
|
|
67
|
+
};
|
|
63
68
|
return h("span", {
|
|
64
69
|
"class": "k-pager-sizes k-label"
|
|
65
70
|
}, [// @ts-ignore function children
|
|
@@ -67,14 +72,16 @@ var PagerPageSizesVue2 = {
|
|
|
67
72
|
value: value !== undefined ? value : pageSize,
|
|
68
73
|
attrs: this.v3 ? undefined : {
|
|
69
74
|
value: value !== undefined ? value : pageSize,
|
|
70
|
-
dataItems: sizes
|
|
75
|
+
dataItems: sizes,
|
|
76
|
+
ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage)
|
|
71
77
|
},
|
|
72
78
|
dataItems: sizes,
|
|
79
|
+
ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage),
|
|
73
80
|
onChange: this.pageSizeChange,
|
|
74
81
|
on: this.v3 ? undefined : {
|
|
75
82
|
"change": this.pageSizeChange
|
|
76
83
|
}
|
|
77
|
-
}),
|
|
84
|
+
}), ls.toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);
|
|
78
85
|
}
|
|
79
86
|
};
|
|
80
87
|
/**
|
|
@@ -20,6 +20,8 @@ var allVue = Vue;
|
|
|
20
20
|
var gh = allVue.h;
|
|
21
21
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
22
22
|
import { NumericTextBox } from '@progress/kendo-vue-inputs';
|
|
23
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
24
|
+
import { filterNumericFilterAriaLabel, messages } from '../../messages/main.js';
|
|
23
25
|
/**
|
|
24
26
|
* @hidden
|
|
25
27
|
*/
|
|
@@ -32,6 +34,11 @@ var NumericFilterVue2 = {
|
|
|
32
34
|
required: true
|
|
33
35
|
}
|
|
34
36
|
},
|
|
37
|
+
inject: {
|
|
38
|
+
kendoLocalizationService: {
|
|
39
|
+
default: null
|
|
40
|
+
}
|
|
41
|
+
},
|
|
35
42
|
// @ts-ignore
|
|
36
43
|
setup: !isV3 ? undefined : function () {
|
|
37
44
|
var v3 = !!isV3;
|
|
@@ -42,16 +49,20 @@ var NumericFilterVue2 = {
|
|
|
42
49
|
render: function render(createElement) {
|
|
43
50
|
var h = gh || createElement;
|
|
44
51
|
var filter = this.$props.filter;
|
|
52
|
+
var ls = provideLocalizationService(this);
|
|
53
|
+
var ariaLabel = ls.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel]);
|
|
45
54
|
return (// @ts-ignore
|
|
46
55
|
h(NumericTextBox, {
|
|
47
56
|
value: typeof filter.value === 'number' ? filter.value : null,
|
|
48
57
|
attrs: this.v3 ? undefined : {
|
|
49
|
-
value: typeof filter.value === 'number' ? filter.value : null
|
|
58
|
+
value: typeof filter.value === 'number' ? filter.value : null,
|
|
59
|
+
ariaLabel: ariaLabel
|
|
50
60
|
},
|
|
51
61
|
onChange: this.onChange,
|
|
52
62
|
on: this.v3 ? undefined : {
|
|
53
63
|
"change": this.onChange
|
|
54
|
-
}
|
|
64
|
+
},
|
|
65
|
+
ariaLabel: ariaLabel
|
|
55
66
|
})
|
|
56
67
|
);
|
|
57
68
|
},
|
|
@@ -36,24 +36,24 @@ var HeaderCellVue2 = {
|
|
|
36
36
|
var defaultSlot = getDefaultSlots(this);
|
|
37
37
|
var renderTemplate = this.$props.render;
|
|
38
38
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
39
|
-
var defaultRendering =
|
|
40
|
-
"class": 'k-link',
|
|
41
|
-
onClick: this.clickHandler,
|
|
42
|
-
on: this.v3 ? undefined : {
|
|
43
|
-
"click": this.clickHandler
|
|
44
|
-
}
|
|
45
|
-
}, [h("span", {
|
|
46
|
-
"class": 'k-column-title'
|
|
47
|
-
}, [textInCell]), defaultSlot]);
|
|
48
|
-
return getTemplate.call(this, {
|
|
39
|
+
var defaultRendering = getTemplate.call(this, {
|
|
49
40
|
h: h,
|
|
50
41
|
template: renderTemplate,
|
|
51
|
-
defaultRendering:
|
|
42
|
+
defaultRendering: textInCell,
|
|
52
43
|
additionalProps: this.$props,
|
|
53
44
|
additionalListeners: {
|
|
54
45
|
click: this.clickHandler
|
|
55
46
|
}
|
|
56
47
|
});
|
|
48
|
+
return h("span", {
|
|
49
|
+
"class": 'k-link',
|
|
50
|
+
onClick: this.clickHandler,
|
|
51
|
+
on: this.v3 ? undefined : {
|
|
52
|
+
"click": this.clickHandler
|
|
53
|
+
}
|
|
54
|
+
}, [h("span", {
|
|
55
|
+
"class": 'k-column-title'
|
|
56
|
+
}, [defaultRendering]), defaultSlot]);
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
/**
|
|
@@ -26,6 +26,10 @@ 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 pagerPageSelection = "pager.pageSelection";
|
|
29
33
|
/**
|
|
30
34
|
* @hidden
|
|
31
35
|
*/
|
|
@@ -303,6 +307,7 @@ export declare const filterDropDownOperatorAriaLabel = "filter.dropdownOperatorA
|
|
|
303
307
|
*/
|
|
304
308
|
export declare const messages: {
|
|
305
309
|
"pager.itemsPerPage": string;
|
|
310
|
+
"pager.pageSelection": string;
|
|
306
311
|
"pager.info": string;
|
|
307
312
|
"pager.firstPage": string;
|
|
308
313
|
"pager.previousPage": string;
|
|
@@ -27,6 +27,10 @@ export var pagerLastPage = 'pager.lastPage';
|
|
|
27
27
|
* @hidden
|
|
28
28
|
*/
|
|
29
29
|
export var pagerItemPerPage = 'pager.itemsPerPage';
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
export var pagerPageSelection = 'pager.pageSelection';
|
|
30
34
|
/**
|
|
31
35
|
* @hidden
|
|
32
36
|
*/
|
|
@@ -304,6 +308,7 @@ export var filterDropDownOperatorAriaLabel = 'filter.dropdownOperatorAriaLabel';
|
|
|
304
308
|
*/
|
|
305
309
|
export var messages = (_a = {},
|
|
306
310
|
_a[pagerItemPerPage] = 'items per page',
|
|
311
|
+
_a[pagerPageSelection] = 'Select page',
|
|
307
312
|
_a[pagerInfo] = '{0} - {1} of {2} items',
|
|
308
313
|
_a[pagerFirstPage] = 'Go to the first page',
|
|
309
314
|
_a[pagerPreviousPage] = 'Go to the previous page',
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-data-tools',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1662725610,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
|
@@ -52,15 +52,15 @@ var PagerNavigationButtonVue2 = {
|
|
|
52
52
|
href: "#",
|
|
53
53
|
attrs: this.v3 ? undefined : {
|
|
54
54
|
href: "#",
|
|
55
|
-
|
|
55
|
+
role: "button",
|
|
56
|
+
title: this.$props.title,
|
|
57
|
+
"aria-label": this.$props.title
|
|
56
58
|
},
|
|
57
|
-
|
|
59
|
+
role: "button",
|
|
60
|
+
title: this.$props.title,
|
|
61
|
+
"aria-label": this.$props.title
|
|
58
62
|
}, [h("span", {
|
|
59
|
-
"class": this.iconClass
|
|
60
|
-
"aria-label": this.$props.title,
|
|
61
|
-
attrs: this.v3 ? undefined : {
|
|
62
|
-
"aria-label": this.$props.title
|
|
63
|
-
}
|
|
63
|
+
"class": this.iconClass
|
|
64
64
|
})]);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
@@ -4,7 +4,7 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
6
|
var inject = allVue.inject;
|
|
7
|
-
import { messages, pagerItemPerPage } from '../messages/main.js';
|
|
7
|
+
import { messages, pagerItemPerPage, pagerPageSelection } from '../messages/main.js';
|
|
8
8
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
9
9
|
import { DropDownList } from '@progress/kendo-vue-dropdowns';
|
|
10
10
|
/**
|
|
@@ -48,6 +48,7 @@ var PagerPageSizesVue2 = {
|
|
|
48
48
|
value = _a.value,
|
|
49
49
|
pageSizes = _a.pageSizes,
|
|
50
50
|
pageSize = _a.pageSize;
|
|
51
|
+
var ls = provideLocalizationService(this);
|
|
51
52
|
var sizes = pageSizes.slice();
|
|
52
53
|
|
|
53
54
|
if (value === undefined && sizes.filter(function (s) {
|
|
@@ -60,6 +61,10 @@ var PagerPageSizesVue2 = {
|
|
|
60
61
|
messageKey: pagerItemPerPage,
|
|
61
62
|
defaultMessage: messages[pagerItemPerPage]
|
|
62
63
|
};
|
|
64
|
+
var pageSelectionMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerPageSelection) : {
|
|
65
|
+
messageKey: pagerPageSelection,
|
|
66
|
+
defaultMessage: messages[pagerPageSelection]
|
|
67
|
+
};
|
|
63
68
|
return h("span", {
|
|
64
69
|
"class": "k-pager-sizes k-label"
|
|
65
70
|
}, [// @ts-ignore function children
|
|
@@ -67,14 +72,16 @@ var PagerPageSizesVue2 = {
|
|
|
67
72
|
value: value !== undefined ? value : pageSize,
|
|
68
73
|
attrs: this.v3 ? undefined : {
|
|
69
74
|
value: value !== undefined ? value : pageSize,
|
|
70
|
-
dataItems: sizes
|
|
75
|
+
dataItems: sizes,
|
|
76
|
+
ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage)
|
|
71
77
|
},
|
|
72
78
|
dataItems: sizes,
|
|
79
|
+
ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage),
|
|
73
80
|
onChange: this.pageSizeChange,
|
|
74
81
|
on: this.v3 ? undefined : {
|
|
75
82
|
"change": this.pageSizeChange
|
|
76
83
|
}
|
|
77
|
-
}),
|
|
84
|
+
}), ls.toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);
|
|
78
85
|
}
|
|
79
86
|
};
|
|
80
87
|
/**
|
|
@@ -28,6 +28,10 @@ var gh = allVue.h;
|
|
|
28
28
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
29
29
|
|
|
30
30
|
var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
31
|
+
|
|
32
|
+
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
33
|
+
|
|
34
|
+
var main_1 = require("../../messages/main");
|
|
31
35
|
/**
|
|
32
36
|
* @hidden
|
|
33
37
|
*/
|
|
@@ -41,6 +45,11 @@ var NumericFilterVue2 = {
|
|
|
41
45
|
required: true
|
|
42
46
|
}
|
|
43
47
|
},
|
|
48
|
+
inject: {
|
|
49
|
+
kendoLocalizationService: {
|
|
50
|
+
default: null
|
|
51
|
+
}
|
|
52
|
+
},
|
|
44
53
|
// @ts-ignore
|
|
45
54
|
setup: !isV3 ? undefined : function () {
|
|
46
55
|
var v3 = !!isV3;
|
|
@@ -51,16 +60,20 @@ var NumericFilterVue2 = {
|
|
|
51
60
|
render: function render(createElement) {
|
|
52
61
|
var h = gh || createElement;
|
|
53
62
|
var filter = this.$props.filter;
|
|
63
|
+
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
64
|
+
var ariaLabel = ls.toLanguageString(main_1.filterNumericFilterAriaLabel, main_1.messages[main_1.filterNumericFilterAriaLabel]);
|
|
54
65
|
return (// @ts-ignore
|
|
55
66
|
h(kendo_vue_inputs_1.NumericTextBox, {
|
|
56
67
|
value: typeof filter.value === 'number' ? filter.value : null,
|
|
57
68
|
attrs: this.v3 ? undefined : {
|
|
58
|
-
value: typeof filter.value === 'number' ? filter.value : null
|
|
69
|
+
value: typeof filter.value === 'number' ? filter.value : null,
|
|
70
|
+
ariaLabel: ariaLabel
|
|
59
71
|
},
|
|
60
72
|
onChange: this.onChange,
|
|
61
73
|
on: this.v3 ? undefined : {
|
|
62
74
|
"change": this.onChange
|
|
63
|
-
}
|
|
75
|
+
},
|
|
76
|
+
ariaLabel: ariaLabel
|
|
64
77
|
})
|
|
65
78
|
);
|
|
66
79
|
},
|
|
@@ -45,24 +45,24 @@ var HeaderCellVue2 = {
|
|
|
45
45
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
46
46
|
var renderTemplate = this.$props.render;
|
|
47
47
|
var textInCell = this.$props.title || this.$props.field || "\xA0";
|
|
48
|
-
var defaultRendering =
|
|
49
|
-
"class": 'k-link',
|
|
50
|
-
onClick: this.clickHandler,
|
|
51
|
-
on: this.v3 ? undefined : {
|
|
52
|
-
"click": this.clickHandler
|
|
53
|
-
}
|
|
54
|
-
}, [h("span", {
|
|
55
|
-
"class": 'k-column-title'
|
|
56
|
-
}, [textInCell]), defaultSlot]);
|
|
57
|
-
return kendo_vue_common_1.getTemplate.call(this, {
|
|
48
|
+
var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
|
|
58
49
|
h: h,
|
|
59
50
|
template: renderTemplate,
|
|
60
|
-
defaultRendering:
|
|
51
|
+
defaultRendering: textInCell,
|
|
61
52
|
additionalProps: this.$props,
|
|
62
53
|
additionalListeners: {
|
|
63
54
|
click: this.clickHandler
|
|
64
55
|
}
|
|
65
56
|
});
|
|
57
|
+
return h("span", {
|
|
58
|
+
"class": 'k-link',
|
|
59
|
+
onClick: this.clickHandler,
|
|
60
|
+
on: this.v3 ? undefined : {
|
|
61
|
+
"click": this.clickHandler
|
|
62
|
+
}
|
|
63
|
+
}, [h("span", {
|
|
64
|
+
"class": 'k-column-title'
|
|
65
|
+
}, [defaultRendering]), defaultSlot]);
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
68
|
exports.HeaderCellVue2 = HeaderCellVue2;
|
|
@@ -26,6 +26,10 @@ 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 pagerPageSelection = "pager.pageSelection";
|
|
29
33
|
/**
|
|
30
34
|
* @hidden
|
|
31
35
|
*/
|
|
@@ -303,6 +307,7 @@ export declare const filterDropDownOperatorAriaLabel = "filter.dropdownOperatorA
|
|
|
303
307
|
*/
|
|
304
308
|
export declare const messages: {
|
|
305
309
|
"pager.itemsPerPage": string;
|
|
310
|
+
"pager.pageSelection": string;
|
|
306
311
|
"pager.info": string;
|
|
307
312
|
"pager.firstPage": string;
|
|
308
313
|
"pager.previousPage": 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.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 = void 0;
|
|
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.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;
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
@@ -31,6 +31,10 @@ exports.pagerLastPage = 'pager.lastPage';
|
|
|
31
31
|
* @hidden
|
|
32
32
|
*/
|
|
33
33
|
exports.pagerItemPerPage = 'pager.itemsPerPage';
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
exports.pagerPageSelection = 'pager.pageSelection';
|
|
34
38
|
/**
|
|
35
39
|
* @hidden
|
|
36
40
|
*/
|
|
@@ -308,6 +312,7 @@ exports.filterDropDownOperatorAriaLabel = 'filter.dropdownOperatorAriaLabel';
|
|
|
308
312
|
*/
|
|
309
313
|
exports.messages = (_a = {},
|
|
310
314
|
_a[exports.pagerItemPerPage] = 'items per page',
|
|
315
|
+
_a[exports.pagerPageSelection] = 'Select page',
|
|
311
316
|
_a[exports.pagerInfo] = '{0} - {1} of {2} items',
|
|
312
317
|
_a[exports.pagerFirstPage] = 'Go to the first page',
|
|
313
318
|
_a[exports.pagerPreviousPage] = 'Go to the previous page',
|
|
@@ -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: 1662725610,
|
|
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
|
};
|
|
@@ -59,15 +59,15 @@ var PagerNavigationButtonVue2 = {
|
|
|
59
59
|
href: "#",
|
|
60
60
|
attrs: this.v3 ? undefined : {
|
|
61
61
|
href: "#",
|
|
62
|
-
|
|
62
|
+
role: "button",
|
|
63
|
+
title: this.$props.title,
|
|
64
|
+
"aria-label": this.$props.title
|
|
63
65
|
},
|
|
64
|
-
|
|
66
|
+
role: "button",
|
|
67
|
+
title: this.$props.title,
|
|
68
|
+
"aria-label": this.$props.title
|
|
65
69
|
}, [h("span", {
|
|
66
|
-
"class": this.iconClass
|
|
67
|
-
"aria-label": this.$props.title,
|
|
68
|
-
attrs: this.v3 ? undefined : {
|
|
69
|
-
"aria-label": this.$props.title
|
|
70
|
-
}
|
|
70
|
+
"class": this.iconClass
|
|
71
71
|
})]);
|
|
72
72
|
}
|
|
73
73
|
};
|
|
@@ -59,6 +59,7 @@ var PagerPageSizesVue2 = {
|
|
|
59
59
|
value = _a.value,
|
|
60
60
|
pageSizes = _a.pageSizes,
|
|
61
61
|
pageSize = _a.pageSize;
|
|
62
|
+
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
62
63
|
var sizes = pageSizes.slice();
|
|
63
64
|
|
|
64
65
|
if (value === undefined && sizes.filter(function (s) {
|
|
@@ -71,6 +72,10 @@ var PagerPageSizesVue2 = {
|
|
|
71
72
|
messageKey: main_1.pagerItemPerPage,
|
|
72
73
|
defaultMessage: main_1.messages[main_1.pagerItemPerPage]
|
|
73
74
|
};
|
|
75
|
+
var pageSelectionMessage = this.$props.messagesMap ? this.$props.messagesMap(main_1.pagerPageSelection) : {
|
|
76
|
+
messageKey: main_1.pagerPageSelection,
|
|
77
|
+
defaultMessage: main_1.messages[main_1.pagerPageSelection]
|
|
78
|
+
};
|
|
74
79
|
return h("span", {
|
|
75
80
|
"class": "k-pager-sizes k-label"
|
|
76
81
|
}, [// @ts-ignore function children
|
|
@@ -78,14 +83,16 @@ var PagerPageSizesVue2 = {
|
|
|
78
83
|
value: value !== undefined ? value : pageSize,
|
|
79
84
|
attrs: this.v3 ? undefined : {
|
|
80
85
|
value: value !== undefined ? value : pageSize,
|
|
81
|
-
dataItems: sizes
|
|
86
|
+
dataItems: sizes,
|
|
87
|
+
ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage)
|
|
82
88
|
},
|
|
83
89
|
dataItems: sizes,
|
|
90
|
+
ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage),
|
|
84
91
|
onChange: this.pageSizeChange,
|
|
85
92
|
on: this.v3 ? undefined : {
|
|
86
93
|
"change": this.pageSizeChange
|
|
87
94
|
}
|
|
88
|
-
}),
|
|
95
|
+
}), ls.toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);
|
|
89
96
|
}
|
|
90
97
|
};
|
|
91
98
|
exports.PagerPageSizesVue2 = PagerPageSizesVue2;
|