@progress/kendo-vue-upload 3.6.4 → 3.7.0-dev.202210250731

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 (47) hide show
  1. package/dist/cdn/js/kendo-vue-upload.js +1 -1
  2. package/dist/es/ExternalDropZone.js +2 -9
  3. package/dist/es/Upload.js +40 -113
  4. package/dist/es/UploadActionButtons.js +12 -17
  5. package/dist/es/UploadAddButton.js +15 -18
  6. package/dist/es/UploadDropZone.js +25 -37
  7. package/dist/es/UploadInput.js +4 -9
  8. package/dist/es/UploadList.js +7 -8
  9. package/dist/es/UploadListActionButton.js +7 -14
  10. package/dist/es/UploadListGroup.js +12 -13
  11. package/dist/es/UploadListMultiItem.js +8 -15
  12. package/dist/es/UploadListSingleItem.js +8 -26
  13. package/dist/es/UploadNavigation.js +17 -47
  14. package/dist/es/UploadStatus.js +3 -7
  15. package/dist/es/UploadUI.js +21 -21
  16. package/dist/es/package-metadata.js +1 -1
  17. package/dist/esm/ExternalDropZone.js +2 -9
  18. package/dist/esm/Upload.js +40 -113
  19. package/dist/esm/UploadActionButtons.js +12 -17
  20. package/dist/esm/UploadAddButton.js +15 -18
  21. package/dist/esm/UploadDropZone.js +25 -37
  22. package/dist/esm/UploadInput.js +4 -9
  23. package/dist/esm/UploadList.js +7 -8
  24. package/dist/esm/UploadListActionButton.js +7 -14
  25. package/dist/esm/UploadListGroup.js +12 -13
  26. package/dist/esm/UploadListMultiItem.js +8 -15
  27. package/dist/esm/UploadListSingleItem.js +8 -26
  28. package/dist/esm/UploadNavigation.js +17 -47
  29. package/dist/esm/UploadStatus.js +3 -7
  30. package/dist/esm/UploadUI.js +21 -21
  31. package/dist/esm/package-metadata.js +1 -1
  32. package/dist/npm/ExternalDropZone.js +4 -17
  33. package/dist/npm/Upload.js +40 -124
  34. package/dist/npm/UploadActionButtons.js +14 -25
  35. package/dist/npm/UploadAddButton.js +17 -26
  36. package/dist/npm/UploadDropZone.js +27 -47
  37. package/dist/npm/UploadInput.js +6 -13
  38. package/dist/npm/UploadList.js +9 -14
  39. package/dist/npm/UploadListActionButton.js +9 -22
  40. package/dist/npm/UploadListGroup.js +14 -22
  41. package/dist/npm/UploadListMultiItem.js +10 -24
  42. package/dist/npm/UploadListSingleItem.js +10 -35
  43. package/dist/npm/UploadNavigation.js +19 -53
  44. package/dist/npm/UploadStatus.js +5 -14
  45. package/dist/npm/UploadUI.js +23 -29
  46. package/dist/npm/package-metadata.js +1 -1
  47. package/package.json +4 -4
@@ -3,28 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadAddButtonVue2 = exports.UploadAddButton = void 0; // @ts-ignore
7
-
6
+ exports.UploadAddButtonVue2 = exports.UploadAddButton = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
17
-
18
15
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
19
-
20
16
  var main_1 = require("./messages/main");
21
-
22
17
  var UploadInput_1 = require("./UploadInput");
23
18
  /**
24
19
  * @hidden
25
20
  */
26
-
27
-
28
21
  var UploadAddButtonVue2 = {
29
22
  name: 'KendoVueUploadAddButton',
30
23
  props: {
@@ -74,10 +67,9 @@ var UploadAddButtonVue2 = {
74
67
  },
75
68
  updated: function updated() {
76
69
  var _a = this.$props,
77
- navigationIndex = _a.navigationIndex,
78
- addButtonIndex = _a.addButtonIndex,
79
- notFocusedIndex = _a.notFocusedIndex;
80
-
70
+ navigationIndex = _a.navigationIndex,
71
+ addButtonIndex = _a.addButtonIndex,
72
+ notFocusedIndex = _a.notFocusedIndex;
81
73
  if (navigationIndex !== this._prevNavigationIndex && this._prevNavigationIndex !== notFocusedIndex && navigationIndex === addButtonIndex && this.element) {
82
74
  this.element.focus();
83
75
  }
@@ -108,19 +100,18 @@ var UploadAddButtonVue2 = {
108
100
  },
109
101
  render: function render(createElement) {
110
102
  var _this = this;
111
-
112
103
  var h = gh || createElement;
113
104
  var _a = this.$props,
114
- navigationIndex = _a.navigationIndex,
115
- addButtonIndex = _a.addButtonIndex,
116
- tabIndex = _a.tabIndex,
117
- id = _a.id,
118
- ariaLabelledBy = _a.ariaLabelledBy,
119
- ariaDescribedBy = _a.ariaDescribedBy,
120
- async = _a.async,
121
- multiple = _a.multiple,
122
- disabled = _a.disabled,
123
- accept = _a.accept;
105
+ navigationIndex = _a.navigationIndex,
106
+ addButtonIndex = _a.addButtonIndex,
107
+ tabIndex = _a.tabIndex,
108
+ id = _a.id,
109
+ ariaLabelledBy = _a.ariaLabelledBy,
110
+ ariaDescribedBy = _a.ariaDescribedBy,
111
+ async = _a.async,
112
+ multiple = _a.multiple,
113
+ disabled = _a.disabled,
114
+ accept = _a.accept;
124
115
  var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
125
116
  var selectMessage = localizationService.toLanguageString(main_1.select, main_1.messages[main_1.select]);
126
117
  var buttonClassName = (0, kendo_vue_common_1.classNames)('k-button', 'k-button-md', 'k-button-solid', 'k-button-solid-base', 'k-rounded-md', 'k-upload-button', navigationIndex === addButtonIndex ? 'k-focus' : '');
@@ -145,7 +136,8 @@ var UploadAddButtonVue2 = {
145
136
  on: this.v3 ? undefined : {
146
137
  "click": this.onClick
147
138
  }
148
- }, [// @ts-ignore function children
139
+ }, [
140
+ // @ts-ignore function children
149
141
  h(UploadInput_1.UploadInput, {
150
142
  async: async,
151
143
  attrs: this.v3 ? undefined : {
@@ -173,6 +165,5 @@ exports.UploadAddButtonVue2 = UploadAddButtonVue2;
173
165
  /**
174
166
  * @hidden
175
167
  */
176
-
177
168
  var UploadAddButton = UploadAddButtonVue2;
178
169
  exports.UploadAddButton = UploadAddButton;
@@ -3,37 +3,27 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadDropZoneVue2 = exports.UploadDropZone = void 0; // @ts-ignore
7
-
6
+ exports.UploadDropZoneVue2 = exports.UploadDropZone = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
17
-
18
15
  var UploadAddButton_1 = require("./UploadAddButton");
19
-
20
16
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
21
-
22
17
  var main_1 = require("./messages/main");
23
-
24
18
  var utils_1 = require("./utils/utils");
25
-
26
19
  var UploadStatus_1 = require("./UploadStatus");
27
20
  /**
28
21
  * @hidden
29
22
  */
30
-
31
-
32
23
  var TIME_TO_CHECK_DRAG = 100;
33
24
  /**
34
25
  * @hidden
35
26
  */
36
-
37
27
  var UploadDropZoneVue2 = {
38
28
  name: 'KendoVueUploadDropZone',
39
29
  props: {
@@ -137,10 +127,8 @@ var UploadDropZoneVue2 = {
137
127
  },
138
128
  onDocumentDragEnter: function onDocumentDragEnter() {
139
129
  var _this = this;
140
-
141
130
  if (!this.currentDocumentActive) {
142
131
  this.currentDocumentActive = true;
143
-
144
132
  var documentInterval = function documentInterval() {
145
133
  if (_this.isDragOver(_this._lastDocumentDragOver)) {
146
134
  _this.currentDocumentActive = false;
@@ -149,7 +137,6 @@ var UploadDropZoneVue2 = {
149
137
  _this._lastDocumentDragOver = null;
150
138
  }
151
139
  };
152
-
153
140
  this._documentInterval = setInterval(documentInterval, TIME_TO_CHECK_DRAG);
154
141
  }
155
142
  },
@@ -158,10 +145,8 @@ var UploadDropZoneVue2 = {
158
145
  },
159
146
  onElementDragEnter: function onElementDragEnter() {
160
147
  var _this = this;
161
-
162
148
  if (!this.currentElementActive) {
163
149
  this.currentElementActive = true;
164
-
165
150
  var elementInterval = function elementInterval() {
166
151
  if (_this.isDragOver(_this._lastElementDragOver)) {
167
152
  _this.currentElementActive = false;
@@ -170,7 +155,6 @@ var UploadDropZoneVue2 = {
170
155
  _this._lastElementDragOver = null;
171
156
  }
172
157
  };
173
-
174
158
  this._elementInterval = setInterval(elementInterval, TIME_TO_CHECK_DRAG);
175
159
  }
176
160
  },
@@ -181,7 +165,6 @@ var UploadDropZoneVue2 = {
181
165
  onDrop: function onDrop(event) {
182
166
  event.preventDefault();
183
167
  var droppedFiles = event.dataTransfer.files;
184
-
185
168
  if (droppedFiles.length > 0 && !this.$props.disabled) {
186
169
  this.$emit('add', droppedFiles);
187
170
  }
@@ -199,38 +182,36 @@ var UploadDropZoneVue2 = {
199
182
  render: function render(createElement) {
200
183
  var h = gh || createElement;
201
184
  var _a = this.$props,
202
- multiple = _a.multiple,
203
- disabled = _a.disabled,
204
- tabIndex = _a.tabIndex,
205
- fileGroup = _a.fileGroup,
206
- accept = _a.accept,
207
- showFileList = _a.showFileList,
208
- groupedFiles = _a.groupedFiles,
209
- navigationIndex = _a.navigationIndex,
210
- showActionButtons = _a.showActionButtons,
211
- actionsLayout = _a.actionsLayout,
212
- notFocusedIndex = _a.notFocusedIndex,
213
- list = _a.list,
214
- id = _a.id,
215
- ariaLabelledBy = _a.ariaLabelledBy,
216
- ariaDescribedBy = _a.ariaDescribedBy;
185
+ multiple = _a.multiple,
186
+ disabled = _a.disabled,
187
+ tabIndex = _a.tabIndex,
188
+ fileGroup = _a.fileGroup,
189
+ accept = _a.accept,
190
+ showFileList = _a.showFileList,
191
+ groupedFiles = _a.groupedFiles,
192
+ navigationIndex = _a.navigationIndex,
193
+ showActionButtons = _a.showActionButtons,
194
+ actionsLayout = _a.actionsLayout,
195
+ notFocusedIndex = _a.notFocusedIndex,
196
+ list = _a.list,
197
+ id = _a.id,
198
+ ariaLabelledBy = _a.ariaLabelledBy,
199
+ ariaDescribedBy = _a.ariaDescribedBy;
217
200
  var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
218
201
  var dropFilesMessage = localizationService.toLanguageString(main_1.dropFilesHere, main_1.messages[main_1.dropFilesHere]);
219
-
220
202
  var _b = utils_1.default.getFileStatus(fileGroup),
221
- isUploading = _b[0],
222
- isUploaded = _b[1],
223
- isUploadFailed = _b[2],
224
- isUploadValidationFailed = _b[3];
225
-
226
- var dropZoneClassName = (0, kendo_vue_common_1.classNames)('k-dropzone-hint', {// Unsure about that, since it hides the "Drop Files Message" when we remove all uploaded components.
203
+ isUploading = _b[0],
204
+ isUploaded = _b[1],
205
+ isUploadFailed = _b[2],
206
+ isUploadValidationFailed = _b[3];
207
+ var dropZoneClassName = (0, kendo_vue_common_1.classNames)('k-dropzone-hint', {
208
+ // Unsure about that, since it hides the "Drop Files Message" when we remove all uploaded components.
227
209
  // 'k-hidden': this.isDragged && !this.elementActive
228
210
  });
229
-
230
211
  var addButtonComponent = function addButtonComponent() {
231
212
  var _this = this;
232
-
233
- return (// @ts-ignore function children
213
+ return (
214
+ // @ts-ignore function children
234
215
  h(UploadAddButton_1.UploadAddButton, {
235
216
  id: id,
236
217
  attrs: this.v3 ? undefined : {
@@ -268,7 +249,6 @@ var UploadDropZoneVue2 = {
268
249
  })
269
250
  );
270
251
  };
271
-
272
252
  return h("div", {
273
253
  "class": this.dropZoneClasses,
274
254
  onDrop: this.onDrop,
@@ -279,7 +259,8 @@ var UploadDropZoneVue2 = {
279
259
  },
280
260
  onDragenter: this.onElementDragEnter,
281
261
  onDragover: this.onElementDragOver
282
- }, [addButtonComponent.call(this), isUploading || isUploaded || isUploadFailed || isUploadValidationFailed ? // @ts-ignore function children
262
+ }, [addButtonComponent.call(this), isUploading || isUploaded || isUploadFailed || isUploadValidationFailed ?
263
+ // @ts-ignore function children
283
264
  h(UploadStatus_1.UploadStatus, {
284
265
  isUploading: isUploading,
285
266
  attrs: this.v3 ? undefined : {
@@ -298,6 +279,5 @@ exports.UploadDropZoneVue2 = UploadDropZoneVue2;
298
279
  /**
299
280
  * @hidden
300
281
  */
301
-
302
282
  var UploadDropZone = UploadDropZoneVue2;
303
283
  exports.UploadDropZone = UploadDropZone;
@@ -3,12 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadInputVue2 = exports.UploadInput = void 0; // @ts-ignore
7
-
6
+ exports.UploadInputVue2 = exports.UploadInput = void 0;
7
+ // @ts-ignore
8
8
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
9
-
10
9
  var Vue = require("vue");
11
-
12
10
  var allVue = Vue;
13
11
  var gh = allVue.h;
14
12
  var isV3 = allVue.version && allVue.version[0] === '3';
@@ -18,7 +16,6 @@ var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
18
16
  /**
19
17
  * @hidden
20
18
  */
21
-
22
19
  var UploadInputVue2 = {
23
20
  name: 'KendoVueUploadInput',
24
21
  props: {
@@ -51,7 +48,6 @@ var UploadInputVue2 = {
51
48
  onAdd: function onAdd() {
52
49
  var ua = navigator.userAgent;
53
50
  var input = this._input;
54
-
55
51
  if (input) {
56
52
  if (input.files) {
57
53
  this.$emit('add', input.files);
@@ -61,8 +57,6 @@ var UploadInputVue2 = {
61
57
  when a file with the same name is selected a number of consecutive times.
62
58
  As a workaround, clear the input value after handling the file.
63
59
  */
64
-
65
-
66
60
  if (!(!ua.match(CHROME_REGEX) && ua.match(SAFARI_REGEX))) {
67
61
  input.type = '';
68
62
  input.type = 'file';
@@ -85,10 +79,10 @@ var UploadInputVue2 = {
85
79
  render: function render(createElement) {
86
80
  var h = gh || createElement;
87
81
  var _a = this.$props,
88
- multiple = _a.multiple,
89
- async = _a.async,
90
- disabled = _a.disabled,
91
- accept = _a.accept;
82
+ multiple = _a.multiple,
83
+ async = _a.async,
84
+ disabled = _a.disabled,
85
+ accept = _a.accept;
92
86
  return h("input", {
93
87
  ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
94
88
  autocomplete: 'off',
@@ -120,6 +114,5 @@ exports.UploadInputVue2 = UploadInputVue2;
120
114
  /**
121
115
  * @hidden
122
116
  */
123
-
124
117
  var UploadInput = UploadInputVue2;
125
118
  exports.UploadInput = UploadInput;
@@ -3,23 +3,18 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadListVue2 = exports.UploadList = void 0; // @ts-ignore
7
-
6
+ exports.UploadListVue2 = exports.UploadList = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
-
15
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
16
-
17
14
  var UploadListGroup_1 = require("./UploadListGroup");
18
15
  /**
19
16
  * @hidden
20
17
  */
21
-
22
-
23
18
  var UploadListVue2 = {
24
19
  name: 'KendoVueUploadList',
25
20
  props: {
@@ -63,17 +58,18 @@ var UploadListVue2 = {
63
58
  render: function render(createElement) {
64
59
  var h = gh || createElement;
65
60
  var _a = this.$props,
66
- groupedFiles = _a.groupedFiles,
67
- navigationIndex = _a.navigationIndex,
68
- async = _a.async,
69
- disabled = _a.disabled,
70
- list = _a.list;
61
+ groupedFiles = _a.groupedFiles,
62
+ navigationIndex = _a.navigationIndex,
63
+ async = _a.async,
64
+ disabled = _a.disabled,
65
+ list = _a.list;
71
66
  var ulClassName = (0, kendo_vue_common_1.classNames)('k-upload-files', 'k-reset');
72
67
  return h("ul", {
73
68
  "class": ulClassName
74
69
  }, [Object.keys(groupedFiles).map(function (key, index) {
75
70
  var files = groupedFiles[key];
76
- return (// @ts-ignore function children
71
+ return (
72
+ // @ts-ignore function children
77
73
  h(UploadListGroup_1.UploadListGroup, {
78
74
  key: key,
79
75
  files: files,
@@ -109,6 +105,5 @@ exports.UploadListVue2 = UploadListVue2;
109
105
  /**
110
106
  * @hidden
111
107
  */
112
-
113
108
  var UploadList = UploadListVue2;
114
109
  exports.UploadList = UploadList;
@@ -3,28 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadListActionButtonVue2 = exports.UploadListActionButton = void 0; // @ts-ignore
7
-
6
+ exports.UploadListActionButtonVue2 = exports.UploadListActionButton = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
17
-
18
15
  var UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
19
-
20
16
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
21
-
22
17
  var main_1 = require("./messages/main");
23
18
  /**
24
19
  * @hidden
25
20
  */
26
-
27
-
28
21
  var UploadListActionButtonVue2 = {
29
22
  name: 'KendoVueUploadListActionButton',
30
23
  props: {
@@ -56,7 +49,6 @@ var UploadListActionButtonVue2 = {
56
49
  if (status === UploadFileStatus_1.UploadFileStatus.Uploading) {
57
50
  return localizationService.toLanguageString(main_1.cancel, main_1.messages[main_1.cancel]);
58
51
  }
59
-
60
52
  return localizationService.toLanguageString(main_1.remove, main_1.messages[main_1.remove]);
61
53
  },
62
54
  retryButtonTitle: function retryButtonTitle(localizationService) {
@@ -79,14 +71,12 @@ var UploadListActionButtonVue2 = {
79
71
  },
80
72
  onActionClick: function onActionClick() {
81
73
  var _a = this.$props,
82
- status = _a.status,
83
- uid = _a.uid,
84
- disabled = _a.disabled;
85
-
74
+ status = _a.status,
75
+ uid = _a.uid,
76
+ disabled = _a.disabled;
86
77
  if (disabled || status === UploadFileStatus_1.UploadFileStatus.Removing) {
87
78
  return;
88
79
  }
89
-
90
80
  if (status === UploadFileStatus_1.UploadFileStatus.Uploading) {
91
81
  this.$emit('cancel', uid);
92
82
  } else {
@@ -95,13 +85,11 @@ var UploadListActionButtonVue2 = {
95
85
  },
96
86
  onRetryClick: function onRetryClick() {
97
87
  var _a = this.$props,
98
- uid = _a.uid,
99
- disabled = _a.disabled;
100
-
88
+ uid = _a.uid,
89
+ disabled = _a.disabled;
101
90
  if (disabled) {
102
91
  return;
103
92
  }
104
-
105
93
  this.$emit('retry', uid);
106
94
  }
107
95
  },
@@ -117,8 +105,8 @@ var UploadListActionButtonVue2 = {
117
105
  render: function render(createElement) {
118
106
  var h = gh || createElement;
119
107
  var _a = this.$props,
120
- status = _a.status,
121
- progress = _a.progress;
108
+ status = _a.status,
109
+ progress = _a.progress;
122
110
  var actionButtonClassNames = (0, kendo_vue_common_1.classNames)('k-icon', status === UploadFileStatus_1.UploadFileStatus.Uploading ? 'k-cancel k-i-deny' : '', status !== UploadFileStatus_1.UploadFileStatus.Uploading ? 'k-delete k-i-x' : '');
123
111
  var isRetryVisible = status === UploadFileStatus_1.UploadFileStatus.UploadFailed;
124
112
  var isProgressVisible = status === UploadFileStatus_1.UploadFileStatus.Uploading;
@@ -184,6 +172,5 @@ exports.UploadListActionButtonVue2 = UploadListActionButtonVue2;
184
172
  /**
185
173
  * @hidden
186
174
  */
187
-
188
175
  var UploadListActionButton = UploadListActionButtonVue2;
189
176
  exports.UploadListActionButton = UploadListActionButton;
@@ -3,29 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadListGroupVue2 = exports.UploadListGroup = void 0; // @ts-ignore
7
-
6
+ exports.UploadListGroupVue2 = exports.UploadListGroup = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
-
15
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
16
-
17
14
  var UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
18
-
19
15
  var UploadListSingleItem_1 = require("./UploadListSingleItem");
20
-
21
16
  var UploadListMultiItem_1 = require("./UploadListMultiItem");
22
-
23
17
  var utils_1 = require("./utils/utils");
24
18
  /**
25
19
  * @hidden
26
20
  */
27
-
28
-
29
21
  var UploadListGroupVue2 = {
30
22
  name: 'KendoVueUploadListGroup',
31
23
  props: {
@@ -48,9 +40,8 @@ var UploadListGroupVue2 = {
48
40
  },
49
41
  updated: function updated() {
50
42
  var _a = this.$props,
51
- navigationIndex = _a.navigationIndex,
52
- index = _a.index;
53
-
43
+ navigationIndex = _a.navigationIndex,
44
+ index = _a.index;
54
45
  if (navigationIndex === index && this._element && kendo_vue_common_1.canUseDOM && document.activeElement !== this._element) {
55
46
  this._element.focus();
56
47
  }
@@ -81,17 +72,18 @@ var UploadListGroupVue2 = {
81
72
  render: function render(createElement) {
82
73
  var h = gh || createElement;
83
74
  var _a = this.$props,
84
- files = _a.files,
85
- async = _a.async,
86
- disabled = _a.disabled,
87
- navigationIndex = _a.navigationIndex,
88
- index = _a.index,
89
- list = _a.list;
75
+ files = _a.files,
76
+ async = _a.async,
77
+ disabled = _a.disabled,
78
+ navigationIndex = _a.navigationIndex,
79
+ index = _a.index,
80
+ list = _a.list;
90
81
  var firstFile = files[0];
91
82
  var isFileSuccess = firstFile.status === UploadFileStatus_1.UploadFileStatus.Uploaded || firstFile.status === UploadFileStatus_1.UploadFileStatus.Initial;
92
83
  var liClassName = (0, kendo_vue_common_1.classNames)('k-file', utils_1.default.filesHaveValidationErrors(files) ? 'k-file-invalid' : '', firstFile.status === UploadFileStatus_1.UploadFileStatus.UploadFailed || firstFile.status === UploadFileStatus_1.UploadFileStatus.RemoveFailed ? 'k-file-error' : '', firstFile.status === UploadFileStatus_1.UploadFileStatus.Uploading ? 'k-file-progress' : '', isFileSuccess ? 'k-file-success' : '', navigationIndex === index ? 'k-focus' : '');
93
84
  var itemComponent;
94
- var defaultItemRendering = files.length === 1 ? // @ts-ignore
85
+ var defaultItemRendering = files.length === 1 ?
86
+ // @ts-ignore
95
87
  h(UploadListSingleItem_1.UploadListSingleItem, {
96
88
  files: files,
97
89
  attrs: this.v3 ? undefined : {
@@ -109,7 +101,8 @@ var UploadListGroupVue2 = {
109
101
  },
110
102
  onRemove: this.onRemove,
111
103
  onRetry: this.onRetry
112
- }) : // @ts-ignore
104
+ }) :
105
+ // @ts-ignore
113
106
  h(UploadListMultiItem_1.UploadListMultiItem, {
114
107
  files: files,
115
108
  attrs: this.v3 ? undefined : {
@@ -159,6 +152,5 @@ exports.UploadListGroupVue2 = UploadListGroupVue2;
159
152
  /**
160
153
  * @hidden
161
154
  */
162
-
163
155
  var UploadListGroup = UploadListGroupVue2;
164
156
  exports.UploadListGroup = UploadListGroup;
@@ -3,30 +3,22 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.UploadListMultiItemVue2 = exports.UploadListMultiItem = void 0; // @ts-ignore
7
-
6
+ exports.UploadListMultiItemVue2 = exports.UploadListMultiItem = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var ref = allVue.ref;
14
13
  var inject = allVue.inject;
15
-
16
14
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
17
-
18
15
  var utils_1 = require("./utils/utils");
19
-
20
16
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
21
-
22
17
  var main_1 = require("./messages/main");
23
-
24
18
  var UploadListActionButton_1 = require("./UploadListActionButton");
25
19
  /**
26
20
  * @hidden
27
21
  */
28
-
29
-
30
22
  var UploadListMultiItemVue2 = {
31
23
  name: 'KendoVueUploadListMultiItem',
32
24
  props: {
@@ -58,12 +50,10 @@ var UploadListMultiItemVue2 = {
58
50
  getFileValidationMessage: function getFileValidationMessage(file) {
59
51
  var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
60
52
  var validationMessage = '';
61
-
62
53
  if (file.validationErrors && file.validationErrors.length > 0) {
63
54
  var messageKey = "upload.".concat(file.validationErrors[0]);
64
55
  validationMessage = localizationService.toLanguageString(messageKey, main_1.messages[messageKey]);
65
56
  }
66
-
67
57
  return validationMessage;
68
58
  },
69
59
  progress: function progress() {
@@ -87,16 +77,14 @@ var UploadListMultiItemVue2 = {
87
77
  render: function render(createElement) {
88
78
  var h = gh || createElement;
89
79
  var _a = this.$props,
90
- files = _a.files,
91
- disabled = _a.disabled,
92
- async = _a.async;
80
+ files = _a.files,
81
+ disabled = _a.disabled,
82
+ async = _a.async;
93
83
  var itemClassName = (0, kendo_vue_common_1.classNames)('k-file-multiple');
94
-
95
84
  var _b = utils_1.default.getFileStatus(files),
96
- isUploaded = _b[1],
97
- isUploadFailed = _b[2],
98
- isUploadValidationFailed = _b[3];
99
-
85
+ isUploaded = _b[1],
86
+ isUploadFailed = _b[2],
87
+ isUploadValidationFailed = _b[3];
100
88
  var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
101
89
  var totalMessage = localizationService.toLanguageString(main_1.total, main_1.messages[main_1.total]);
102
90
  var filesMessage = localizationService.toLanguageString(main_1.files, main_1.messages[main_1.files]);
@@ -104,7 +92,6 @@ var UploadListMultiItemVue2 = {
104
92
  var successMessage = localizationService.toLanguageString(main_1.statusUploaded, main_1.messages[main_1.statusUploaded]);
105
93
  var progress = this.progress();
106
94
  var showProgressBar = !isUploadValidationFailed && !isUploaded && !isUploadFailed;
107
-
108
95
  var mapFiles = function mapFiles() {
109
96
  return files.map(function (file) {
110
97
  return h("span", {
@@ -124,7 +111,6 @@ var UploadListMultiItemVue2 = {
124
111
  }, [utils_1.default.getTotalFilesSizeMessage([file])])]);
125
112
  }, this);
126
113
  };
127
-
128
114
  return h("div", {
129
115
  "class": itemClassName
130
116
  }, [h("div", {
@@ -150,7 +136,8 @@ var UploadListMultiItemVue2 = {
150
136
  "class": 'k-file-information k-text-success'
151
137
  }, ["".concat(files.length, " ").concat(successMessage)]) : h("span", {
152
138
  "class": 'k-file-validation-message k-text-error'
153
- }, ["".concat(files.length, " ").concat(uploadFailedMessage)])]), // @ts-ignore function children
139
+ }, ["".concat(files.length, " ").concat(uploadFailedMessage)])]),
140
+ // @ts-ignore function children
154
141
  h(UploadListActionButton_1.UploadListActionButton, {
155
142
  uid: files[0].uid,
156
143
  attrs: this.v3 ? undefined : {
@@ -181,6 +168,5 @@ exports.UploadListMultiItemVue2 = UploadListMultiItemVue2;
181
168
  /**
182
169
  * @hidden
183
170
  */
184
-
185
171
  var UploadListMultiItem = UploadListMultiItemVue2;
186
172
  exports.UploadListMultiItem = UploadListMultiItem;