@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
@@ -9,17 +9,14 @@ import { UploadUI } from './UploadUI';
9
9
  /**
10
10
  * @hidden
11
11
  */
12
-
13
12
  var NOT_FOCUSED_INDEX = -2;
14
13
  /**
15
14
  * @hidden
16
15
  */
17
-
18
16
  var DEFAULT_INDEX = -1;
19
17
  /**
20
18
  * @hidden
21
19
  */
22
-
23
20
  var UploadNavigationVue2 = {
24
21
  name: 'KendoVueUploadNavigation',
25
22
  props: {
@@ -69,7 +66,8 @@ var UploadNavigationVue2 = {
69
66
  currentNavIndex: NOT_FOCUSED_INDEX
70
67
  };
71
68
  },
72
- updated: function updated() {// const prevGroupLength = Object.keys(prevProps.groupedFiles).length;
69
+ updated: function updated() {
70
+ // const prevGroupLength = Object.keys(prevProps.groupedFiles).length;
73
71
  // const groupLength = Object.keys(this.$props.groupedFiles).length;
74
72
  // if (prevGroupLength > groupLength && this.navIndex > DEFAULT_INDEX) {
75
73
  // this.navIndex = this.navIndex - (prevGroupLength - groupLength);
@@ -85,10 +83,8 @@ var UploadNavigationVue2 = {
85
83
  if (_navIndex === undefined) {
86
84
  return this.currentNavIndex;
87
85
  }
88
-
89
86
  var prevNavIndex = this.navIndex;
90
87
  this.currentNavIndex = _navIndex;
91
-
92
88
  if (_navIndex !== prevNavIndex) {
93
89
  this.$forceUpdate();
94
90
  }
@@ -107,29 +103,21 @@ var UploadNavigationVue2 = {
107
103
  var uploadButtonIndex = cancelButtonIndex + 1;
108
104
  var prevIndex = navIndex === NOT_FOCUSED_INDEX ? DEFAULT_INDEX : navIndex;
109
105
  var nextIndex = navIndex;
110
-
111
106
  switch (event.keyCode) {
112
107
  case Keys.up:
113
108
  event.preventDefault();
114
-
115
109
  if (navIndex > -1) {
116
110
  nextIndex = prevIndex - 1;
117
111
  }
118
-
119
112
  break;
120
-
121
113
  case Keys.down:
122
114
  event.preventDefault();
123
-
124
115
  if (navIndex < maxNavIndex) {
125
116
  nextIndex = prevIndex + 1;
126
117
  }
127
-
128
118
  break;
129
-
130
119
  case Keys.left:
131
120
  event.preventDefault();
132
-
133
121
  if (isRtl) {
134
122
  if (navIndex === cancelButtonIndex) {
135
123
  nextIndex = prevIndex + 1;
@@ -139,12 +127,9 @@ var UploadNavigationVue2 = {
139
127
  nextIndex = prevIndex - 1;
140
128
  }
141
129
  }
142
-
143
130
  break;
144
-
145
131
  case Keys.right:
146
132
  event.preventDefault();
147
-
148
133
  if (isRtl) {
149
134
  if (navIndex === uploadButtonIndex) {
150
135
  nextIndex = prevIndex - 1;
@@ -154,56 +139,42 @@ var UploadNavigationVue2 = {
154
139
  nextIndex = prevIndex + 1;
155
140
  }
156
141
  }
157
-
158
142
  break;
159
-
160
143
  case Keys.enter:
161
144
  if (navIndex === DEFAULT_INDEX || navIndex === NOT_FOCUSED_INDEX) {
162
145
  if (this.actionElement()) {
163
146
  this.actionElement().$el.click();
164
147
  }
165
148
  }
166
-
167
149
  if (navIndex >= 0 && navIndex <= maxFileIndex) {
168
150
  this.onRetry(groupKeys[navIndex]);
169
151
  }
170
-
171
152
  break;
172
-
173
153
  case Keys.space:
174
154
  event.preventDefault();
175
-
176
155
  if (navIndex === DEFAULT_INDEX || navIndex === NOT_FOCUSED_INDEX) {
177
156
  if (this.actionElement()) {
178
157
  this.actionElement().$el.click();
179
158
  }
180
159
  }
181
-
182
160
  break;
183
-
184
161
  case Keys.tab:
185
162
  nextIndex = NOT_FOCUSED_INDEX;
186
163
  break;
187
-
188
164
  case Keys.delete:
189
165
  if (navIndex >= 0 && navIndex <= maxFileIndex) {
190
166
  nextIndex = prevIndex - 1;
191
167
  this.onRemove(groupKeys[navIndex]);
192
168
  }
193
-
194
169
  break;
195
-
196
170
  case Keys.esc:
197
171
  if (navIndex >= 0 && navIndex <= maxFileIndex) {
198
172
  nextIndex = prevIndex - 1;
199
173
  this.onCancel(groupKeys[navIndex]);
200
174
  }
201
-
202
175
  break;
203
-
204
176
  default:
205
177
  }
206
-
207
178
  this.navIndex(nextIndex);
208
179
  },
209
180
  onCancel: function onCancel(uid) {
@@ -260,23 +231,23 @@ var UploadNavigationVue2 = {
260
231
  },
261
232
  render: function render(createElement) {
262
233
  var _this = this;
263
-
264
234
  var h = gh || createElement;
265
235
  var _a = this.$props,
266
- multiple = _a.multiple,
267
- disabled = _a.disabled,
268
- showFileList = _a.showFileList,
269
- showActionButtons = _a.showActionButtons,
270
- actionsLayout = _a.actionsLayout,
271
- tabIndex = _a.tabIndex,
272
- accept = _a.accept,
273
- groupedFiles = _a.groupedFiles,
274
- list = _a.list,
275
- id = _a.id,
276
- ariaLabelledBy = _a.ariaLabelledBy,
277
- ariaDescribedBy = _a.ariaDescribedBy,
278
- async = _a.async;
279
- return (// @ts-ignore function children
236
+ multiple = _a.multiple,
237
+ disabled = _a.disabled,
238
+ showFileList = _a.showFileList,
239
+ showActionButtons = _a.showActionButtons,
240
+ actionsLayout = _a.actionsLayout,
241
+ tabIndex = _a.tabIndex,
242
+ accept = _a.accept,
243
+ groupedFiles = _a.groupedFiles,
244
+ list = _a.list,
245
+ id = _a.id,
246
+ ariaLabelledBy = _a.ariaLabelledBy,
247
+ ariaDescribedBy = _a.ariaDescribedBy,
248
+ async = _a.async;
249
+ return (
250
+ // @ts-ignore function children
280
251
  h(UploadUI, {
281
252
  ref: this.v3 ? function (el) {
282
253
  _this.uploadUIRef = el;
@@ -343,6 +314,5 @@ var UploadNavigationVue2 = {
343
314
  /**
344
315
  * @hidden
345
316
  */
346
-
347
317
  var UploadNavigation = UploadNavigationVue2;
348
318
  export { UploadNavigation, UploadNavigationVue2 };
@@ -11,7 +11,6 @@ import { messages, headerStatusUploading, headerStatusUploaded } from './message
11
11
  /**
12
12
  * @hidden
13
13
  */
14
-
15
14
  var UploadStatusVue2 = {
16
15
  props: {
17
16
  isUploading: Boolean,
@@ -35,19 +34,17 @@ var UploadStatusVue2 = {
35
34
  render: function render(createElement) {
36
35
  var h = gh || createElement;
37
36
  var _a = this.$props,
38
- isUploading = _a.isUploading,
39
- isUploaded = _a.isUploaded,
40
- isUploadFailed = _a.isUploadFailed;
37
+ isUploading = _a.isUploading,
38
+ isUploaded = _a.isUploaded,
39
+ isUploadFailed = _a.isUploadFailed;
41
40
  var statusClassName = classNames(!isUploading && !isUploadFailed && isUploaded ? 'k-i-checkmark' : '', !isUploading && isUploadFailed ? 'k-i-exception' : '', isUploading ? 'k-i-loading' : '', 'k-icon');
42
41
  var statusText = '';
43
42
  var localizationService = provideLocalizationService(this);
44
-
45
43
  if (isUploading) {
46
44
  statusText = localizationService.toLanguageString(headerStatusUploading, messages[headerStatusUploading]);
47
45
  } else if (isUploaded || isUploadFailed) {
48
46
  statusText = localizationService.toLanguageString(headerStatusUploaded, messages[headerStatusUploaded]);
49
47
  }
50
-
51
48
  return h("div", {
52
49
  "class": classNames('k-upload-status', 'k-upload-status-total')
53
50
  }, [h("span", {
@@ -58,6 +55,5 @@ var UploadStatusVue2 = {
58
55
  /**
59
56
  * @hidden
60
57
  */
61
-
62
58
  var UploadStatus = UploadStatusVue2;
63
59
  export { UploadStatus, UploadStatusVue2 };
@@ -12,7 +12,6 @@ var ADD_BUTTON_NAV_INDEX = -1;
12
12
  /**
13
13
  * @hidden
14
14
  */
15
-
16
15
  var UploadUIVue2 = {
17
16
  name: 'KendoVueUploadUI',
18
17
  props: {
@@ -141,24 +140,23 @@ var UploadUIVue2 = {
141
140
  },
142
141
  render: function render(createElement) {
143
142
  var _this = this;
144
-
145
143
  var h = gh || createElement;
146
144
  var _a = this.$props,
147
- multiple = _a.multiple,
148
- disabled = _a.disabled,
149
- tabIndex = _a.tabIndex,
150
- accept = _a.accept,
151
- showFileList = _a.showFileList,
152
- groupedFiles = _a.groupedFiles,
153
- navigationIndex = _a.navigationIndex,
154
- showActionButtons = _a.showActionButtons,
155
- actionsLayout = _a.actionsLayout,
156
- notFocusedIndex = _a.notFocusedIndex,
157
- list = _a.list,
158
- id = _a.id,
159
- ariaLabelledBy = _a.ariaLabelledBy,
160
- ariaDescribedBy = _a.ariaDescribedBy,
161
- async = _a.async;
145
+ multiple = _a.multiple,
146
+ disabled = _a.disabled,
147
+ tabIndex = _a.tabIndex,
148
+ accept = _a.accept,
149
+ showFileList = _a.showFileList,
150
+ groupedFiles = _a.groupedFiles,
151
+ navigationIndex = _a.navigationIndex,
152
+ showActionButtons = _a.showActionButtons,
153
+ actionsLayout = _a.actionsLayout,
154
+ notFocusedIndex = _a.notFocusedIndex,
155
+ list = _a.list,
156
+ id = _a.id,
157
+ ariaLabelledBy = _a.ariaLabelledBy,
158
+ ariaDescribedBy = _a.ariaDescribedBy,
159
+ async = _a.async;
162
160
  var className = classNames('k-widget', 'k-upload', this.$props.className, disabled ? 'k-disabled' : '');
163
161
  return h("div", {
164
162
  ref: setRef(this, 'container'),
@@ -171,7 +169,8 @@ var UploadUIVue2 = {
171
169
  },
172
170
  onFocus: this.onFocus,
173
171
  onBlur: this.onBlur
174
- }, [// @ts-ignore function children
172
+ }, [
173
+ // @ts-ignore function children
175
174
  h(UploadDropZone, {
176
175
  id: id,
177
176
  attrs: this.v3 ? undefined : {
@@ -208,7 +207,8 @@ var UploadUIVue2 = {
208
207
  onAdd: this.onAdd,
209
208
  fileGroup: groupedFiles,
210
209
  disabled: disabled
211
- }), showFileList ? // @ts-ignore function children
210
+ }), showFileList ?
211
+ // @ts-ignore function children
212
212
  h(UploadList, {
213
213
  groupedFiles: groupedFiles,
214
214
  attrs: this.v3 ? undefined : {
@@ -232,7 +232,8 @@ var UploadUIVue2 = {
232
232
  onRemove: this.onRemove,
233
233
  onRetry: this.onRetry,
234
234
  onClick: this.onClick
235
- }) : undefined, showActionButtons ? // @ts-ignore function children
235
+ }) : undefined, showActionButtons ?
236
+ // @ts-ignore function children
236
237
  h(UploadActionButtons, {
237
238
  disabled: disabled,
238
239
  attrs: this.v3 ? undefined : {
@@ -260,6 +261,5 @@ var UploadUIVue2 = {
260
261
  /**
261
262
  * @hidden
262
263
  */
263
-
264
264
  var UploadUI = UploadUIVue2;
265
265
  export { UploadUI, UploadUIVue2 };
@@ -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: 1665151782,
8
+ publishDate: 1666682972,
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
  };
@@ -12,12 +12,10 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
12
12
  /**
13
13
  * @hidden
14
14
  */
15
-
16
15
  var TIME_TO_CHECK_DRAG = 100;
17
16
  /**
18
17
  * @hidden
19
18
  */
20
-
21
19
  var ExternalDropZoneVue2 = {
22
20
  name: 'KendoVueExternalDropZone',
23
21
  props: {
@@ -61,7 +59,6 @@ var ExternalDropZoneVue2 = {
61
59
  event.preventDefault();
62
60
  var droppedFiles = event.dataTransfer.files;
63
61
  var refToUpload = this.$parent.$refs[this.$props.uploadRef];
64
-
65
62
  if (droppedFiles.length > 0 && !this.$props.disabled && refToUpload) {
66
63
  if (refToUpload.onAdd) {
67
64
  event.preventDefault();
@@ -71,9 +68,7 @@ var ExternalDropZoneVue2 = {
71
68
  },
72
69
  handleOnElementDragEnter: function handleOnElementDragEnter() {
73
70
  var _this = this;
74
-
75
71
  this.elementActive = true;
76
-
77
72
  var locElementInterval = function locElementInterval() {
78
73
  if (_this.isDragOver(_this.lastElementDragOver)) {
79
74
  _this.overDropZone = false;
@@ -83,7 +78,6 @@ var ExternalDropZoneVue2 = {
83
78
  _this.lastElementDragOver = null;
84
79
  }
85
80
  };
86
-
87
81
  this.elementInterval = setInterval(locElementInterval, TIME_TO_CHECK_DRAG);
88
82
  },
89
83
  handleOnElementDragOver: function handleOnElementDragOver(event) {
@@ -106,8 +100,8 @@ var ExternalDropZoneVue2 = {
106
100
  render: function render(createElement) {
107
101
  var h = gh || createElement;
108
102
  var _a = this.$props,
109
- customNote = _a.customNote,
110
- customHint = _a.customHint;
103
+ customNote = _a.customNote,
104
+ customHint = _a.customHint;
111
105
  var localizationService = provideLocalizationService(this);
112
106
  var localizedHint = localizationService.toLanguageString(dropZoneHint, messages[dropZoneHint]);
113
107
  var localizedNote = localizationService.toLanguageString(dropZoneNote, messages[dropZoneNote]);
@@ -164,6 +158,5 @@ var ExternalDropZoneVue2 = {
164
158
  /**
165
159
  * @hidden
166
160
  */
167
-
168
161
  var ExternalDropZone = ExternalDropZoneVue2;
169
162
  export { ExternalDropZone, ExternalDropZoneVue2 };