@progress/kendo-vue-upload 3.7.4-dev.202212020747 → 3.7.4-dev.202212300853

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.
@@ -5,7 +5,7 @@ var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  var ref = allVue.ref;
7
7
  var inject = allVue.inject;
8
- import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
8
+ import { classNames, getListeners, getTabIndex, getTemplate, Icon, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
9
9
  import { dropZoneHint, dropZoneNote, messages } from './messages/main';
10
10
  import { packageMetadata } from './package-metadata';
11
11
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -144,8 +144,11 @@ var ExternalDropZoneVue2 = {
144
144
  }, [h("div", {
145
145
  style: this.$props.innerStyle,
146
146
  "class": 'k-dropzone-inner'
147
- }, [h("span", {
148
- "class": 'k-icon k-i-upload'
147
+ }, [h(Icon, {
148
+ name: 'upload',
149
+ attrs: this.v3 ? undefined : {
150
+ name: 'upload'
151
+ }
149
152
  }), h("span", {
150
153
  "class": 'k-dropzone-hint'
151
154
  }, [hintElement]), h("span", {
@@ -17,8 +17,6 @@ export interface UploadAddButtonProps {
17
17
  disabled?: boolean;
18
18
  accept?: string;
19
19
  id?: string;
20
- ariaLabelledBy?: string;
21
- ariaDescribedBy?: string;
22
20
  }
23
21
  /**
24
22
  * @hidden
@@ -23,9 +23,7 @@ var UploadAddButtonVue2 = {
23
23
  multiple: Boolean,
24
24
  disabled: Boolean,
25
25
  accept: String,
26
- id: String,
27
- ariaLabelledBy: String,
28
- ariaDescribedBy: String
26
+ id: String
29
27
  },
30
28
  inject: {
31
29
  kendoLocalizationService: {
@@ -100,8 +98,6 @@ var UploadAddButtonVue2 = {
100
98
  addButtonIndex = _a.addButtonIndex,
101
99
  tabIndex = _a.tabIndex,
102
100
  id = _a.id,
103
- ariaLabelledBy = _a.ariaLabelledBy,
104
- ariaDescribedBy = _a.ariaDescribedBy,
105
101
  async = _a.async,
106
102
  multiple = _a.multiple,
107
103
  disabled = _a.disabled,
@@ -113,18 +109,10 @@ var UploadAddButtonVue2 = {
113
109
  id: id,
114
110
  attrs: this.v3 ? undefined : {
115
111
  id: id,
116
- role: "button",
117
- "aria-label": selectMessage,
118
- "aria-labelledby": ariaLabelledBy,
119
- "aria-describedby": ariaDescribedBy,
120
112
  tabindex: tabIndex
121
113
  },
122
114
  ref: setRef(this, 'element'),
123
- role: "button",
124
115
  "class": buttonClassName,
125
- "aria-label": selectMessage,
126
- "aria-labelledby": ariaLabelledBy,
127
- "aria-describedby": ariaDescribedBy,
128
116
  tabindex: tabIndex,
129
117
  onClick: this.onClick,
130
118
  on: this.v3 ? undefined : {
@@ -12,6 +12,9 @@ export interface UploadInputProps {
12
12
  multiple?: boolean;
13
13
  disabled?: boolean;
14
14
  accept?: string;
15
+ hasFiles?: boolean;
16
+ ariaLabelledBy?: string;
17
+ ariaDescribedBy?: string;
15
18
  }
16
19
  /**
17
20
  * @hidden
@@ -1,10 +1,12 @@
1
1
  // @ts-ignore
2
2
  import { setRef } from '@progress/kendo-vue-common';
3
+ import { provideLocalizationService } from '@progress/kendo-vue-intl';
3
4
  import * as Vue from 'vue';
4
5
  var allVue = Vue;
5
6
  var gh = allVue.h;
6
7
  var isV3 = allVue.version && allVue.version[0] === '3';
7
8
  var ref = allVue.ref;
9
+ import { selectTitle, selectNoFilesTitle, select, messages } from './messages/main';
8
10
  var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
9
11
  var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
10
12
  /**
@@ -25,6 +27,18 @@ var UploadInputVue2 = {
25
27
  accept: {
26
28
  type: String,
27
29
  default: undefined
30
+ },
31
+ hasFiles: {
32
+ type: Boolean,
33
+ default: false
34
+ },
35
+ ariaLabelledBy: {
36
+ type: String,
37
+ default: undefined
38
+ },
39
+ ariaDescribedBy: {
40
+ type: String,
41
+ default: undefined
28
42
  }
29
43
  },
30
44
  // @ts-ignore
@@ -32,6 +46,11 @@ var UploadInputVue2 = {
32
46
  'mousedown': null,
33
47
  'add': null
34
48
  },
49
+ inject: {
50
+ kendoLocalizationService: {
51
+ default: null
52
+ }
53
+ },
35
54
  mounted: function mounted() {
36
55
  this._input = this.v3 ? this.inputRef : this.$refs.input;
37
56
  },
@@ -76,7 +95,14 @@ var UploadInputVue2 = {
76
95
  multiple = _a.multiple,
77
96
  async = _a.async,
78
97
  disabled = _a.disabled,
79
- accept = _a.accept;
98
+ accept = _a.accept,
99
+ hasFiles = _a.hasFiles,
100
+ ariaLabelledBy = _a.ariaLabelledBy,
101
+ ariaDescribedBy = _a.ariaDescribedBy;
102
+ var localizationService = provideLocalizationService(this);
103
+ var message = hasFiles ? selectTitle : selectNoFilesTitle;
104
+ var selectMessage = localizationService.toLanguageString(message, messages[message]);
105
+ var selectLabel = localizationService.toLanguageString(select, messages[select]);
80
106
  return h("input", {
81
107
  ref: setRef(this, 'input'),
82
108
  autocomplete: 'off',
@@ -87,7 +113,11 @@ var UploadInputVue2 = {
87
113
  type: 'file',
88
114
  tabindex: -1,
89
115
  multiple: multiple,
90
- disabled: disabled
116
+ disabled: disabled,
117
+ title: selectMessage,
118
+ "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
119
+ "aria-labelledby": ariaLabelledBy,
120
+ "aria-describedby": ariaDescribedBy
91
121
  },
92
122
  name: async.saveField,
93
123
  accept: accept,
@@ -100,7 +130,11 @@ var UploadInputVue2 = {
100
130
  "change": this.onAdd,
101
131
  "mousedown": this.onMouseDown
102
132
  },
103
- onMousedown: this.onMouseDown
133
+ onMousedown: this.onMouseDown,
134
+ title: selectMessage,
135
+ "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
136
+ "aria-labelledby": ariaLabelledBy,
137
+ "aria-describedby": ariaDescribedBy
104
138
  });
105
139
  }
106
140
  };
@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
46
46
  * @hidden
47
47
  */
48
48
  export declare const select = "upload.select";
49
+ /**
50
+ * @hidden
51
+ */
52
+ export declare const selectTitle = "upload.selectTitle";
53
+ /**
54
+ * @hidden
55
+ */
56
+ export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
49
57
  /**
50
58
  * @hidden
51
59
  */
@@ -90,6 +98,8 @@ export declare const messages: {
90
98
  "upload.remove": string;
91
99
  "upload.retry": string;
92
100
  "upload.select": string;
101
+ "upload.selectTitle": string;
102
+ "upload.selectNoFilesTitle": string;
93
103
  "upload.uploadSelectedFiles": string;
94
104
  "upload.total": string;
95
105
  "upload.files": string;
@@ -47,6 +47,14 @@ export var retry = 'upload.retry';
47
47
  * @hidden
48
48
  */
49
49
  export var select = 'upload.select';
50
+ /**
51
+ * @hidden
52
+ */
53
+ export var selectTitle = 'upload.selectTitle';
54
+ /**
55
+ * @hidden
56
+ */
57
+ export var selectNoFilesTitle = 'upload.selectNoFilesTitle';
50
58
  /**
51
59
  * @hidden
52
60
  */
@@ -91,6 +99,8 @@ export var messages = (_a = {},
91
99
  _a[remove] = 'Remove',
92
100
  _a[retry] = 'Retry',
93
101
  _a[select] = 'Select files...',
102
+ _a[selectTitle] = 'Press to select more files',
103
+ _a[selectNoFilesTitle] = 'No files selected',
94
104
  _a[uploadSelectedFiles] = 'Upload',
95
105
  _a[total] = 'Total',
96
106
  _a[files] = 'files',
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-upload',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1669967154,
8
+ publishDate: 1672390325,
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
  };
@@ -5,7 +5,7 @@ var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  var ref = allVue.ref;
7
7
  var inject = allVue.inject;
8
- import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
8
+ import { classNames, getListeners, getTabIndex, getTemplate, Icon, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
9
9
  import { dropZoneHint, dropZoneNote, messages } from './messages/main.js';
10
10
  import { packageMetadata } from './package-metadata.js';
11
11
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -144,8 +144,11 @@ var ExternalDropZoneVue2 = {
144
144
  }, [h("div", {
145
145
  style: this.$props.innerStyle,
146
146
  "class": 'k-dropzone-inner'
147
- }, [h("span", {
148
- "class": 'k-icon k-i-upload'
147
+ }, [h(Icon, {
148
+ name: 'upload',
149
+ attrs: this.v3 ? undefined : {
150
+ name: 'upload'
151
+ }
149
152
  }), h("span", {
150
153
  "class": 'k-dropzone-hint'
151
154
  }, [hintElement]), h("span", {
@@ -17,8 +17,6 @@ export interface UploadAddButtonProps {
17
17
  disabled?: boolean;
18
18
  accept?: string;
19
19
  id?: string;
20
- ariaLabelledBy?: string;
21
- ariaDescribedBy?: string;
22
20
  }
23
21
  /**
24
22
  * @hidden
@@ -23,9 +23,7 @@ var UploadAddButtonVue2 = {
23
23
  multiple: Boolean,
24
24
  disabled: Boolean,
25
25
  accept: String,
26
- id: String,
27
- ariaLabelledBy: String,
28
- ariaDescribedBy: String
26
+ id: String
29
27
  },
30
28
  inject: {
31
29
  kendoLocalizationService: {
@@ -100,8 +98,6 @@ var UploadAddButtonVue2 = {
100
98
  addButtonIndex = _a.addButtonIndex,
101
99
  tabIndex = _a.tabIndex,
102
100
  id = _a.id,
103
- ariaLabelledBy = _a.ariaLabelledBy,
104
- ariaDescribedBy = _a.ariaDescribedBy,
105
101
  async = _a.async,
106
102
  multiple = _a.multiple,
107
103
  disabled = _a.disabled,
@@ -113,18 +109,10 @@ var UploadAddButtonVue2 = {
113
109
  id: id,
114
110
  attrs: this.v3 ? undefined : {
115
111
  id: id,
116
- role: "button",
117
- "aria-label": selectMessage,
118
- "aria-labelledby": ariaLabelledBy,
119
- "aria-describedby": ariaDescribedBy,
120
112
  tabindex: tabIndex
121
113
  },
122
114
  ref: setRef(this, 'element'),
123
- role: "button",
124
115
  "class": buttonClassName,
125
- "aria-label": selectMessage,
126
- "aria-labelledby": ariaLabelledBy,
127
- "aria-describedby": ariaDescribedBy,
128
116
  tabindex: tabIndex,
129
117
  onClick: this.onClick,
130
118
  on: this.v3 ? undefined : {
@@ -12,6 +12,9 @@ export interface UploadInputProps {
12
12
  multiple?: boolean;
13
13
  disabled?: boolean;
14
14
  accept?: string;
15
+ hasFiles?: boolean;
16
+ ariaLabelledBy?: string;
17
+ ariaDescribedBy?: string;
15
18
  }
16
19
  /**
17
20
  * @hidden
@@ -1,10 +1,12 @@
1
1
  // @ts-ignore
2
2
  import { setRef } from '@progress/kendo-vue-common';
3
+ import { provideLocalizationService } from '@progress/kendo-vue-intl';
3
4
  import * as Vue from 'vue';
4
5
  var allVue = Vue;
5
6
  var gh = allVue.h;
6
7
  var isV3 = allVue.version && allVue.version[0] === '3';
7
8
  var ref = allVue.ref;
9
+ import { selectTitle, selectNoFilesTitle, select, messages } from './messages/main.js';
8
10
  var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
9
11
  var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
10
12
  /**
@@ -25,6 +27,18 @@ var UploadInputVue2 = {
25
27
  accept: {
26
28
  type: String,
27
29
  default: undefined
30
+ },
31
+ hasFiles: {
32
+ type: Boolean,
33
+ default: false
34
+ },
35
+ ariaLabelledBy: {
36
+ type: String,
37
+ default: undefined
38
+ },
39
+ ariaDescribedBy: {
40
+ type: String,
41
+ default: undefined
28
42
  }
29
43
  },
30
44
  // @ts-ignore
@@ -32,6 +46,11 @@ var UploadInputVue2 = {
32
46
  'mousedown': null,
33
47
  'add': null
34
48
  },
49
+ inject: {
50
+ kendoLocalizationService: {
51
+ default: null
52
+ }
53
+ },
35
54
  mounted: function mounted() {
36
55
  this._input = this.v3 ? this.inputRef : this.$refs.input;
37
56
  },
@@ -76,7 +95,14 @@ var UploadInputVue2 = {
76
95
  multiple = _a.multiple,
77
96
  async = _a.async,
78
97
  disabled = _a.disabled,
79
- accept = _a.accept;
98
+ accept = _a.accept,
99
+ hasFiles = _a.hasFiles,
100
+ ariaLabelledBy = _a.ariaLabelledBy,
101
+ ariaDescribedBy = _a.ariaDescribedBy;
102
+ var localizationService = provideLocalizationService(this);
103
+ var message = hasFiles ? selectTitle : selectNoFilesTitle;
104
+ var selectMessage = localizationService.toLanguageString(message, messages[message]);
105
+ var selectLabel = localizationService.toLanguageString(select, messages[select]);
80
106
  return h("input", {
81
107
  ref: setRef(this, 'input'),
82
108
  autocomplete: 'off',
@@ -87,7 +113,11 @@ var UploadInputVue2 = {
87
113
  type: 'file',
88
114
  tabindex: -1,
89
115
  multiple: multiple,
90
- disabled: disabled
116
+ disabled: disabled,
117
+ title: selectMessage,
118
+ "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
119
+ "aria-labelledby": ariaLabelledBy,
120
+ "aria-describedby": ariaDescribedBy
91
121
  },
92
122
  name: async.saveField,
93
123
  accept: accept,
@@ -100,7 +130,11 @@ var UploadInputVue2 = {
100
130
  "change": this.onAdd,
101
131
  "mousedown": this.onMouseDown
102
132
  },
103
- onMousedown: this.onMouseDown
133
+ onMousedown: this.onMouseDown,
134
+ title: selectMessage,
135
+ "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
136
+ "aria-labelledby": ariaLabelledBy,
137
+ "aria-describedby": ariaDescribedBy
104
138
  });
105
139
  }
106
140
  };
@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
46
46
  * @hidden
47
47
  */
48
48
  export declare const select = "upload.select";
49
+ /**
50
+ * @hidden
51
+ */
52
+ export declare const selectTitle = "upload.selectTitle";
53
+ /**
54
+ * @hidden
55
+ */
56
+ export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
49
57
  /**
50
58
  * @hidden
51
59
  */
@@ -90,6 +98,8 @@ export declare const messages: {
90
98
  "upload.remove": string;
91
99
  "upload.retry": string;
92
100
  "upload.select": string;
101
+ "upload.selectTitle": string;
102
+ "upload.selectNoFilesTitle": string;
93
103
  "upload.uploadSelectedFiles": string;
94
104
  "upload.total": string;
95
105
  "upload.files": string;
@@ -47,6 +47,14 @@ export var retry = 'upload.retry';
47
47
  * @hidden
48
48
  */
49
49
  export var select = 'upload.select';
50
+ /**
51
+ * @hidden
52
+ */
53
+ export var selectTitle = 'upload.selectTitle';
54
+ /**
55
+ * @hidden
56
+ */
57
+ export var selectNoFilesTitle = 'upload.selectNoFilesTitle';
50
58
  /**
51
59
  * @hidden
52
60
  */
@@ -91,6 +99,8 @@ export var messages = (_a = {},
91
99
  _a[remove] = 'Remove',
92
100
  _a[retry] = 'Retry',
93
101
  _a[select] = 'Select files...',
102
+ _a[selectTitle] = 'Press to select more files',
103
+ _a[selectNoFilesTitle] = 'No files selected',
94
104
  _a[uploadSelectedFiles] = 'Upload',
95
105
  _a[total] = 'Total',
96
106
  _a[files] = 'files',
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-upload',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1669967154,
8
+ publishDate: 1672390325,
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
  };
@@ -150,8 +150,11 @@ var ExternalDropZoneVue2 = {
150
150
  }, [h("div", {
151
151
  style: this.$props.innerStyle,
152
152
  "class": 'k-dropzone-inner'
153
- }, [h("span", {
154
- "class": 'k-icon k-i-upload'
153
+ }, [h(kendo_vue_common_1.Icon, {
154
+ name: 'upload',
155
+ attrs: this.v3 ? undefined : {
156
+ name: 'upload'
157
+ }
155
158
  }), h("span", {
156
159
  "class": 'k-dropzone-hint'
157
160
  }, [hintElement]), h("span", {
@@ -17,8 +17,6 @@ export interface UploadAddButtonProps {
17
17
  disabled?: boolean;
18
18
  accept?: string;
19
19
  id?: string;
20
- ariaLabelledBy?: string;
21
- ariaDescribedBy?: string;
22
20
  }
23
21
  /**
24
22
  * @hidden
@@ -29,9 +29,7 @@ var UploadAddButtonVue2 = {
29
29
  multiple: Boolean,
30
30
  disabled: Boolean,
31
31
  accept: String,
32
- id: String,
33
- ariaLabelledBy: String,
34
- ariaDescribedBy: String
32
+ id: String
35
33
  },
36
34
  inject: {
37
35
  kendoLocalizationService: {
@@ -106,8 +104,6 @@ var UploadAddButtonVue2 = {
106
104
  addButtonIndex = _a.addButtonIndex,
107
105
  tabIndex = _a.tabIndex,
108
106
  id = _a.id,
109
- ariaLabelledBy = _a.ariaLabelledBy,
110
- ariaDescribedBy = _a.ariaDescribedBy,
111
107
  async = _a.async,
112
108
  multiple = _a.multiple,
113
109
  disabled = _a.disabled,
@@ -119,18 +115,10 @@ var UploadAddButtonVue2 = {
119
115
  id: id,
120
116
  attrs: this.v3 ? undefined : {
121
117
  id: id,
122
- role: "button",
123
- "aria-label": selectMessage,
124
- "aria-labelledby": ariaLabelledBy,
125
- "aria-describedby": ariaDescribedBy,
126
118
  tabindex: tabIndex
127
119
  },
128
120
  ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
129
- role: "button",
130
121
  "class": buttonClassName,
131
- "aria-label": selectMessage,
132
- "aria-labelledby": ariaLabelledBy,
133
- "aria-describedby": ariaDescribedBy,
134
122
  tabindex: tabIndex,
135
123
  onClick: this.onClick,
136
124
  on: this.v3 ? undefined : {
@@ -12,6 +12,9 @@ export interface UploadInputProps {
12
12
  multiple?: boolean;
13
13
  disabled?: boolean;
14
14
  accept?: string;
15
+ hasFiles?: boolean;
16
+ ariaLabelledBy?: string;
17
+ ariaDescribedBy?: string;
15
18
  }
16
19
  /**
17
20
  * @hidden
@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.UploadInputVue2 = exports.UploadInput = void 0;
7
7
  // @ts-ignore
8
8
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
9
+ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
9
10
  var Vue = require("vue");
10
11
  var allVue = Vue;
11
12
  var gh = allVue.h;
12
13
  var isV3 = allVue.version && allVue.version[0] === '3';
13
14
  var ref = allVue.ref;
15
+ var main_1 = require("./messages/main");
14
16
  var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
15
17
  var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
16
18
  /**
@@ -31,6 +33,18 @@ var UploadInputVue2 = {
31
33
  accept: {
32
34
  type: String,
33
35
  default: undefined
36
+ },
37
+ hasFiles: {
38
+ type: Boolean,
39
+ default: false
40
+ },
41
+ ariaLabelledBy: {
42
+ type: String,
43
+ default: undefined
44
+ },
45
+ ariaDescribedBy: {
46
+ type: String,
47
+ default: undefined
34
48
  }
35
49
  },
36
50
  // @ts-ignore
@@ -38,6 +52,11 @@ var UploadInputVue2 = {
38
52
  'mousedown': null,
39
53
  'add': null
40
54
  },
55
+ inject: {
56
+ kendoLocalizationService: {
57
+ default: null
58
+ }
59
+ },
41
60
  mounted: function mounted() {
42
61
  this._input = this.v3 ? this.inputRef : this.$refs.input;
43
62
  },
@@ -82,7 +101,14 @@ var UploadInputVue2 = {
82
101
  multiple = _a.multiple,
83
102
  async = _a.async,
84
103
  disabled = _a.disabled,
85
- accept = _a.accept;
104
+ accept = _a.accept,
105
+ hasFiles = _a.hasFiles,
106
+ ariaLabelledBy = _a.ariaLabelledBy,
107
+ ariaDescribedBy = _a.ariaDescribedBy;
108
+ var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
109
+ var message = hasFiles ? main_1.selectTitle : main_1.selectNoFilesTitle;
110
+ var selectMessage = localizationService.toLanguageString(message, main_1.messages[message]);
111
+ var selectLabel = localizationService.toLanguageString(main_1.select, main_1.messages[main_1.select]);
86
112
  return h("input", {
87
113
  ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
88
114
  autocomplete: 'off',
@@ -93,7 +119,11 @@ var UploadInputVue2 = {
93
119
  type: 'file',
94
120
  tabindex: -1,
95
121
  multiple: multiple,
96
- disabled: disabled
122
+ disabled: disabled,
123
+ title: selectMessage,
124
+ "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
125
+ "aria-labelledby": ariaLabelledBy,
126
+ "aria-describedby": ariaDescribedBy
97
127
  },
98
128
  name: async.saveField,
99
129
  accept: accept,
@@ -106,7 +136,11 @@ var UploadInputVue2 = {
106
136
  "change": this.onAdd,
107
137
  "mousedown": this.onMouseDown
108
138
  },
109
- onMousedown: this.onMouseDown
139
+ onMousedown: this.onMouseDown,
140
+ title: selectMessage,
141
+ "aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
142
+ "aria-labelledby": ariaLabelledBy,
143
+ "aria-describedby": ariaDescribedBy
110
144
  });
111
145
  }
112
146
  };
@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
46
46
  * @hidden
47
47
  */
48
48
  export declare const select = "upload.select";
49
+ /**
50
+ * @hidden
51
+ */
52
+ export declare const selectTitle = "upload.selectTitle";
53
+ /**
54
+ * @hidden
55
+ */
56
+ export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
49
57
  /**
50
58
  * @hidden
51
59
  */
@@ -90,6 +98,8 @@ export declare const messages: {
90
98
  "upload.remove": string;
91
99
  "upload.retry": string;
92
100
  "upload.select": string;
101
+ "upload.selectTitle": string;
102
+ "upload.selectNoFilesTitle": string;
93
103
  "upload.uploadSelectedFiles": string;
94
104
  "upload.total": string;
95
105
  "upload.files": string;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.messages = exports.dropZoneNote = exports.dropZoneHint = exports.statusUploadFailed = exports.statusUploaded = exports.files = exports.total = exports.uploadSelectedFiles = exports.select = exports.retry = exports.remove = exports.invalidMinFileSize = exports.invalidMaxFileSize = exports.invalidFiles = exports.invalidFileExtension = exports.headerStatusUploading = exports.headerStatusUploaded = exports.dropFilesHere = exports.clearSelectedFiles = exports.cancel = void 0;
4
+ exports.messages = exports.dropZoneNote = exports.dropZoneHint = exports.statusUploadFailed = exports.statusUploaded = exports.files = exports.total = exports.uploadSelectedFiles = exports.selectNoFilesTitle = exports.selectTitle = exports.select = exports.retry = exports.remove = exports.invalidMinFileSize = exports.invalidMaxFileSize = exports.invalidFiles = exports.invalidFileExtension = exports.headerStatusUploading = exports.headerStatusUploaded = exports.dropFilesHere = exports.clearSelectedFiles = exports.cancel = void 0;
5
5
  /**
6
6
  * @hidden
7
7
  */
@@ -50,6 +50,14 @@ exports.retry = 'upload.retry';
50
50
  * @hidden
51
51
  */
52
52
  exports.select = 'upload.select';
53
+ /**
54
+ * @hidden
55
+ */
56
+ exports.selectTitle = 'upload.selectTitle';
57
+ /**
58
+ * @hidden
59
+ */
60
+ exports.selectNoFilesTitle = 'upload.selectNoFilesTitle';
53
61
  /**
54
62
  * @hidden
55
63
  */
@@ -94,6 +102,8 @@ exports.messages = (_a = {},
94
102
  _a[exports.remove] = 'Remove',
95
103
  _a[exports.retry] = 'Retry',
96
104
  _a[exports.select] = 'Select files...',
105
+ _a[exports.selectTitle] = 'Press to select more files',
106
+ _a[exports.selectNoFilesTitle] = 'No files selected',
97
107
  _a[exports.uploadSelectedFiles] = 'Upload',
98
108
  _a[exports.total] = 'Total',
99
109
  _a[exports.files] = 'files',