@progress/kendo-vue-upload 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/ExternalDropZone.js

@@ -12,12 +12,10 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-
 var TIME_TO_CHECK_DRAG = 100;
 /**
  * @hidden
  */
-
 var ExternalDropZoneVue2 = {
   name: 'KendoVueExternalDropZone',
   props: {
@@ -61,7 +59,6 @@ var ExternalDropZoneVue2 = {
       event.preventDefault();
       var droppedFiles = event.dataTransfer.files;
       var refToUpload = this.$parent.$refs[this.$props.uploadRef];
-
       if (droppedFiles.length > 0 && !this.$props.disabled && refToUpload) {
         if (refToUpload.onAdd) {
           event.preventDefault();
@@ -71,9 +68,7 @@ var ExternalDropZoneVue2 = {
     },
     handleOnElementDragEnter: function handleOnElementDragEnter() {
       var _this = this;
-
       this.elementActive = true;
-
       var locElementInterval = function locElementInterval() {
         if (_this.isDragOver(_this.lastElementDragOver)) {
           _this.overDropZone = false;
@@ -83,7 +78,6 @@ var ExternalDropZoneVue2 = {
           _this.lastElementDragOver = null;
         }
       };
-
       this.elementInterval = setInterval(locElementInterval, TIME_TO_CHECK_DRAG);
     },
     handleOnElementDragOver: function handleOnElementDragOver(event) {
@@ -106,8 +100,8 @@ var ExternalDropZoneVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        customNote = _a.customNote,
-        customHint = _a.customHint;
+      customNote = _a.customNote,
+      customHint = _a.customHint;
     var localizationService = provideLocalizationService(this);
     var localizedHint = localizationService.toLanguageString(dropZoneHint, messages[dropZoneHint]);
     var localizedNote = localizationService.toLanguageString(dropZoneNote, messages[dropZoneNote]);
@@ -164,6 +158,5 @@ var ExternalDropZoneVue2 = {
 /**
  * @hidden
  */
-
 var ExternalDropZone = ExternalDropZoneVue2;
 export { ExternalDropZone, ExternalDropZoneVue2 };

package/dist/es/Upload.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -32,7 +28,6 @@ import { packageMetadata } from './package-metadata';
 /**
  * @hidden
  */
-
 var UploadVue2 = {
   name: 'KendoVueUpload',
   props: {
@@ -153,7 +148,6 @@ var UploadVue2 = {
   created: function created() {
     this._httpSubscriptions = {};
     validatePackage(packageMetadata);
-
     if (this.$props.defaultFiles) {
       this.currentFiles = this.$props.defaultFiles;
     }
@@ -166,18 +160,18 @@ var UploadVue2 = {
   computed: {
     computedAsync: function computedAsync() {
       var _a = this.$props,
-          autoUpload = _a.autoUpload,
-          batch = _a.batch,
-          removeField = _a.removeField,
-          removeHeaders = _a.removeHeaders,
-          removeMethod = _a.removeMethod,
-          removeUrl = _a.removeUrl,
-          responseType = _a.responseType,
-          saveField = _a.saveField,
-          saveHeaders = _a.saveHeaders,
-          saveMethod = _a.saveMethod,
-          saveUrl = _a.saveUrl,
-          withCredentials = _a.withCredentials;
+        autoUpload = _a.autoUpload,
+        batch = _a.batch,
+        removeField = _a.removeField,
+        removeHeaders = _a.removeHeaders,
+        removeMethod = _a.removeMethod,
+        removeUrl = _a.removeUrl,
+        responseType = _a.responseType,
+        saveField = _a.saveField,
+        saveHeaders = _a.saveHeaders,
+        saveMethod = _a.saveMethod,
+        saveUrl = _a.saveUrl,
+        withCredentials = _a.withCredentials;
       return {
         autoUpload: autoUpload,
         batch: batch,
@@ -226,7 +220,6 @@ var UploadVue2 = {
     },
     uploadFiles: function uploadFiles(filesForUpload) {
       var _this = this;
-
       var async = this.computedAsync;
       stateUtils.setFilesStatus(filesForUpload, UploadFileStatus.Uploading);
       stateUtils.groupForEach(filesForUpload, function (currentFiles, uid) {
@@ -238,12 +231,9 @@ var UploadVue2 = {
           headers: headers,
           additionalData: additionalData
         };
-
         _this.$emit('beforeupload', eventData);
-
         var requestOptions = connectionUtils.populateRequestOptions(eventData.headers, _this.computedAsync);
         var formData = connectionUtils.populateUploadFormData(currentFiles, async.saveField, eventData.additionalData);
-
         if (_this.isCustomSave) {
           _this.$props.saveUrl(currentFiles, {
             formData: formData,
@@ -275,7 +265,6 @@ var UploadVue2 = {
     },
     removeFiles: function removeFiles(filesForRemove) {
       var _this = this;
-
       var async = this.computedAsync;
       stateUtils.groupForEach(filesForRemove, function (currentFiles, uid) {
         var headers = connectionUtils.cloneRequestHeaders(async.removeHeaders || {});
@@ -286,15 +275,12 @@ var UploadVue2 = {
           headers: headers,
           additionalData: additionalData
         };
-
         _this.$emit('beforeremove', eventData);
-
         var fileNames = currentFiles.map(function (file) {
           return file.name;
         });
         var requestOptions = connectionUtils.populateRequestOptions(eventData.headers, _this.computedAsync);
         var formData = connectionUtils.populateRemoveFormData(fileNames, async.removeField, eventData.additionalData);
-
         if (_this.isCustomRemove) {
           _this.$props.removeUrl(currentFiles, {
             formData: formData,
@@ -319,22 +305,18 @@ var UploadVue2 = {
     },
     onUpload: function onUpload() {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var groupedFiles = stateUtils.groupFilesByUid(newState);
       var filesForUpload = stateUtils.filesForUpload(groupedFiles);
       this.uploadFiles(filesForUpload);
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: stateUtils.flatFileGroup(filesForUpload)
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -343,38 +325,31 @@ var UploadVue2 = {
       }
     },
     onAdd: function onAdd(files) {
-      var _this = this; // The problem when removing rawFile is that there is no reliable way of preserving it internally.
+      var _this = this;
+      // The problem when removing rawFile is that there is no reliable way of preserving it internally.
       // For example, uid + filename - the filename can be changed at any moment.
-
-
       var selectedFiles = utils.getAllFileInfo(files);
       var newState;
       selectedFiles = utils.assignGuidToFiles(selectedFiles, this.computedAsync.batch);
       validationUtils.validateFiles(selectedFiles, this.$props.restrictions);
-
       if (!this.$props.multiple) {
         newState = [];
       } else {
         newState = this.fileStateCopy;
       }
-
       stateUtils.addMany(selectedFiles, newState);
-
       if (this.computedAsync.autoUpload) {
         var groupedFiles = stateUtils.groupFilesByUid(newState);
         this.uploadFiles(stateUtils.filesForUpload(groupedFiles));
       }
-
       var onAddEvent = function onAddEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: selectedFiles
         };
-
         _this.$emit('add', eventData);
       };
-
       if (this.isControlled) {
         onAddEvent();
       } else {
@@ -384,31 +359,25 @@ var UploadVue2 = {
     },
     onUploadProgress: function onUploadProgress(uid, event) {
       var _this = this;
-
       var percentComplete = Math.round(100 * event.loaded / event.total) || 0;
       var newState = this.fileStateCopy;
       var filesWithProgress = newState.filter(function (file) {
         return file.uid === uid;
       });
-
       if (!filesWithProgress.length) {
         return;
       }
-
       filesWithProgress.forEach(function (file) {
         file.progress = percentComplete;
       });
-
       var onProgressEvent = function onProgressEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: filesWithProgress
         };
-
         _this.$emit('progress', eventData);
       };
-
       if (this.isControlled) {
         onProgressEvent();
       } else {
@@ -418,7 +387,6 @@ var UploadVue2 = {
     },
     onUploadSuccess: function onUploadSuccess(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var successFiles = newState.filter(function (file) {
         return file.uid === uid;
@@ -427,7 +395,6 @@ var UploadVue2 = {
         file.status = UploadFileStatus.Uploaded;
       });
       delete this._httpSubscriptions[uid];
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
@@ -435,10 +402,8 @@ var UploadVue2 = {
           affectedFiles: successFiles,
           response: event ? connectionUtils.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -448,7 +413,6 @@ var UploadVue2 = {
     },
     onUploadError: function onUploadError(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var failedFiles = newState.filter(function (file) {
         return file.uid === uid;
@@ -457,11 +421,9 @@ var UploadVue2 = {
         file.status = UploadFileStatus.UploadFailed;
       });
       delete this._httpSubscriptions[uid];
-
       if (!failedFiles.length) {
         return;
       }
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
@@ -469,10 +431,8 @@ var UploadVue2 = {
           affectedFiles: failedFiles,
           response: event ? connectionUtils.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -482,9 +442,7 @@ var UploadVue2 = {
     },
     onRemove: function onRemove(uid) {
       var _a;
-
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesForRemove = newState.filter(function (file) {
         return file.uid === uid;
@@ -493,22 +451,18 @@ var UploadVue2 = {
         return file.uid !== uid;
       });
       var remoteRemoveStatuses = [UploadFileStatus.Uploaded, UploadFileStatus.Initial, UploadFileStatus.RemoveFailed];
-
       if (filesForRemove[0] && remoteRemoveStatuses.indexOf(filesForRemove[0].status) > -1) {
         var fileGroup = (_a = {}, _a[uid] = filesForRemove, _a);
         stateUtils.setFilesStatus(fileGroup, UploadFileStatus.Removing);
         this.removeFiles(fileGroup);
-
         var onStatusChangeEvent = function onStatusChangeEvent() {
           var eventData = {
             target: _this,
             newState: newState,
             affectedFiles: filesForRemove
           };
-
           _this.$emit('statuschange', eventData);
         };
-
         if (this.isControlled) {
           onStatusChangeEvent();
         } else {
@@ -522,10 +476,8 @@ var UploadVue2 = {
             newState: filesToKeep,
             affectedFiles: filesForRemove
           };
-
           _this.$emit('remove', eventData);
         };
-
         if (this.isControlled) {
           onRemoveEvent();
         } else {
@@ -536,7 +488,6 @@ var UploadVue2 = {
     },
     onRemoveSuccess: function onRemoveSuccess(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesForRemove = newState.filter(function (file) {
         return file.uid === uid;
@@ -544,7 +495,6 @@ var UploadVue2 = {
       var filesToKeep = newState.filter(function (file) {
         return file.uid !== uid;
       });
-
       var onRemoveEvent = function onRemoveEvent() {
         var eventData = {
           target: _this,
@@ -552,10 +502,8 @@ var UploadVue2 = {
           affectedFiles: filesForRemove,
           response: event ? connectionUtils.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('remove', eventData);
       };
-
       if (this.isControlled) {
         onRemoveEvent();
       } else {
@@ -565,7 +513,6 @@ var UploadVue2 = {
     },
     onRemoveError: function onRemoveError(uid, event) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var failedFiles = newState.filter(function (file) {
         return file.uid === uid;
@@ -573,7 +520,6 @@ var UploadVue2 = {
       failedFiles.forEach(function (file) {
         file.status = UploadFileStatus.RemoveFailed;
       });
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
@@ -581,10 +527,8 @@ var UploadVue2 = {
           affectedFiles: failedFiles,
           response: event ? connectionUtils.convertAxiosResponse(event) : undefined
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -594,24 +538,20 @@ var UploadVue2 = {
     },
     onRetry: function onRetry(uid) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesForRetry = stateUtils.groupFilesByUid(newState.filter(function (file) {
         return file.uid === uid;
       }));
       stateUtils.setFilesStatus(filesForRetry, UploadFileStatus.Uploading);
       this.uploadFiles(filesForRetry);
-
       var onStatusChangeEvent = function onStatusChangeEvent() {
         var eventData = {
           target: _this,
           newState: newState,
           affectedFiles: stateUtils.flatFileGroup(filesForRetry)
         };
-
         _this.$emit('statuschange', eventData);
       };
-
       if (this.isControlled) {
         onStatusChangeEvent();
       } else {
@@ -621,7 +561,6 @@ var UploadVue2 = {
     },
     onCancel: function onCancel(uid) {
       var _this = this;
-
       var newState = this.fileStateCopy;
       var filesToKeep = newState.filter(function (file) {
         return file.uid !== uid;
@@ -629,29 +568,23 @@ var UploadVue2 = {
       var filesForRemove = newState.filter(function (file) {
         return file.uid === uid;
       });
-
       if (this._httpSubscriptions[uid]) {
         this._httpSubscriptions[uid].cancel();
-
         delete this._httpSubscriptions[uid];
       }
-
       var eventData = {
         target: this,
         uid: uid
       };
       this.$emit('cancel', eventData);
-
       var onRemoveEvent = function onRemoveEvent() {
         var remEventData = {
           target: _this,
           newState: filesToKeep,
           affectedFiles: filesForRemove
         };
-
         _this.$emit('remove', remEventData);
       };
-
       if (this.isControlled) {
         onRemoveEvent();
       } else {
@@ -661,26 +594,21 @@ var UploadVue2 = {
     },
     onClear: function onClear() {
       var _this = this;
-
       if (!this.computedFiles.length) {
         return;
       }
-
       Object.keys(this._httpSubscriptions).forEach(function (key) {
         _this._httpSubscriptions[key].cancel();
       });
       this._httpSubscriptions = {};
-
       var onRemoveEvent = function onRemoveEvent() {
         var eventData = {
           target: _this,
           newState: [],
           affectedFiles: _this.fileStateCopy
         };
-
         _this.$emit('remove', eventData);
       };
-
       if (this.isControlled) {
         onRemoveEvent();
       } else {
@@ -698,35 +626,35 @@ var UploadVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        showFileList = _a.showFileList,
-        autoUpload = _a.autoUpload,
-        showActionButtons = _a.showActionButtons,
-        actionsLayout = _a.actionsLayout,
-        tabIndex = _a.tabIndex,
-        disabled = _a.disabled,
-        batch = _a.batch,
-        withCredentials = _a.withCredentials,
-        saveField = _a.saveField,
-        saveHeaders = _a.saveHeaders,
-        saveMethod = _a.saveMethod,
-        saveUrl = _a.saveUrl,
-        responseType = _a.responseType,
-        removeField = _a.removeField,
-        removeHeaders = _a.removeHeaders,
-        removeMethod = _a.removeMethod,
-        removeUrl = _a.removeUrl,
-        multiple = _a.multiple,
-        accept = _a.accept,
-        restrictions = _a.restrictions,
-        files = _a.files,
-        defaultFiles = _a.defaultFiles;
+      showFileList = _a.showFileList,
+      autoUpload = _a.autoUpload,
+      showActionButtons = _a.showActionButtons,
+      actionsLayout = _a.actionsLayout,
+      tabIndex = _a.tabIndex,
+      disabled = _a.disabled,
+      batch = _a.batch,
+      withCredentials = _a.withCredentials,
+      saveField = _a.saveField,
+      saveHeaders = _a.saveHeaders,
+      saveMethod = _a.saveMethod,
+      saveUrl = _a.saveUrl,
+      responseType = _a.responseType,
+      removeField = _a.removeField,
+      removeHeaders = _a.removeHeaders,
+      removeMethod = _a.removeMethod,
+      removeUrl = _a.removeUrl,
+      multiple = _a.multiple,
+      accept = _a.accept,
+      restrictions = _a.restrictions,
+      files = _a.files,
+      defaultFiles = _a.defaultFiles;
     var list = templateRendering.call(this, this.$props.list, getListeners.call(this));
     var groupedFiles = stateUtils.groupFilesByUid(this.computedFiles);
     var filesForUpload = stateUtils.filesForUpload(groupedFiles);
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(UploadNavigation, {
         groupedFiles: groupedFiles,
         attrs: this.v3 ? undefined : {
@@ -782,6 +710,5 @@ var UploadVue2 = {
 /**
  * @hidden
  */
-
 var Upload = UploadVue2;
 export { Upload, UploadVue2 };

package/dist/es/UploadActionButtons.js

@@ -12,7 +12,6 @@ import { messages, clearSelectedFiles, uploadSelectedFiles } from './messages/ma
 /**
  * @hidden
  */
-
 var UploadActionButtonsVue2 = {
   name: 'KendoVueUploadActionButtons',
   props: {
@@ -60,15 +59,13 @@ var UploadActionButtonsVue2 = {
   },
   updated: function updated() {
     var _a = this.$props,
-        navigationIndex = _a.navigationIndex,
-        clearButtonIndex = _a.clearButtonIndex,
-        uploadButtonIndex = _a.uploadButtonIndex;
-
+      navigationIndex = _a.navigationIndex,
+      clearButtonIndex = _a.clearButtonIndex,
+      uploadButtonIndex = _a.uploadButtonIndex;
     if (navigationIndex !== this._prevNavigationIndex) {
       if (navigationIndex === clearButtonIndex && this._clearElement) {
         this._clearElement.focus();
       }
-
       if (navigationIndex === uploadButtonIndex && this._uploadElement) {
         this._uploadElement.focus();
       }
@@ -79,28 +76,25 @@ var UploadActionButtonsVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.$emit('clear');
     },
     onUploadClick: function onUploadClick() {
       if (this.$props.disabled) {
         return;
       }
-
       this.$emit('click', this.$props.uploadButtonIndex);
       this.$emit('upload');
     }
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        disabled = _a.disabled,
-        navigationIndex = _a.navigationIndex,
-        clearButtonIndex = _a.clearButtonIndex,
-        uploadButtonIndex = _a.uploadButtonIndex,
-        actionsLayout = _a.actionsLayout;
+      disabled = _a.disabled,
+      navigationIndex = _a.navigationIndex,
+      clearButtonIndex = _a.clearButtonIndex,
+      uploadButtonIndex = _a.uploadButtonIndex,
+      actionsLayout = _a.actionsLayout;
     var localizationService = provideLocalizationService(this);
     var wrapperClasses = classNames('k-actions', {
       'k-actions-start': actionsLayout === 'start',
@@ -112,7 +106,8 @@ var UploadActionButtonsVue2 = {
     var uploadButtonClasses = classNames('k-upload-selected', navigationIndex === uploadButtonIndex ? 'k-focus' : '');
     return h("div", {
       "class": wrapperClasses
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -132,7 +127,8 @@ var UploadActionButtonsVue2 = {
       }
     }, this.v3 ? function () {
       return [localizationService.toLanguageString(clearSelectedFiles, messages[clearSelectedFiles])];
-    } : [localizationService.toLanguageString(clearSelectedFiles, messages[clearSelectedFiles])]), // @ts-ignore  function children
+    } : [localizationService.toLanguageString(clearSelectedFiles, messages[clearSelectedFiles])]),
+    // @ts-ignore  function children
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -160,6 +156,5 @@ var UploadActionButtonsVue2 = {
 /**
  * @hidden
  */
-
 var UploadActionButtons = UploadActionButtonsVue2;
 export { UploadActionButtons, UploadActionButtonsVue2 };