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

package/dist/es/UploadAddButton.js

@@ -12,7 +12,6 @@ import { UploadInput } from './UploadInput';
 /**
  * @hidden
  */
-
 var UploadAddButtonVue2 = {
   name: 'KendoVueUploadAddButton',
   props: {
@@ -62,10 +61,9 @@ var UploadAddButtonVue2 = {
   },
   updated: function updated() {
     var _a = this.$props,
-        navigationIndex = _a.navigationIndex,
-        addButtonIndex = _a.addButtonIndex,
-        notFocusedIndex = _a.notFocusedIndex;
-
+      navigationIndex = _a.navigationIndex,
+      addButtonIndex = _a.addButtonIndex,
+      notFocusedIndex = _a.notFocusedIndex;
     if (navigationIndex !== this._prevNavigationIndex && this._prevNavigationIndex !== notFocusedIndex && navigationIndex === addButtonIndex && this.element) {
       this.element.focus();
     }
@@ -96,19 +94,18 @@ var UploadAddButtonVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        navigationIndex = _a.navigationIndex,
-        addButtonIndex = _a.addButtonIndex,
-        tabIndex = _a.tabIndex,
-        id = _a.id,
-        ariaLabelledBy = _a.ariaLabelledBy,
-        ariaDescribedBy = _a.ariaDescribedBy,
-        async = _a.async,
-        multiple = _a.multiple,
-        disabled = _a.disabled,
-        accept = _a.accept;
+      navigationIndex = _a.navigationIndex,
+      addButtonIndex = _a.addButtonIndex,
+      tabIndex = _a.tabIndex,
+      id = _a.id,
+      ariaLabelledBy = _a.ariaLabelledBy,
+      ariaDescribedBy = _a.ariaDescribedBy,
+      async = _a.async,
+      multiple = _a.multiple,
+      disabled = _a.disabled,
+      accept = _a.accept;
     var localizationService = provideLocalizationService(this);
     var selectMessage = localizationService.toLanguageString(select, messages[select]);
     var buttonClassName = classNames('k-button', 'k-button-md', 'k-button-solid', 'k-button-solid-base', 'k-rounded-md', 'k-upload-button', navigationIndex === addButtonIndex ? 'k-focus' : '');
@@ -133,7 +130,8 @@ var UploadAddButtonVue2 = {
       on: this.v3 ? undefined : {
         "click": this.onClick
       }
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(UploadInput, {
       async: async,
       attrs: this.v3 ? undefined : {
@@ -160,6 +158,5 @@ var UploadAddButtonVue2 = {
 /**
  * @hidden
  */
-
 var UploadAddButton = UploadAddButtonVue2;
 export { UploadAddButton, UploadAddButtonVue2 };

package/dist/es/UploadDropZone.js

@@ -14,12 +14,10 @@ import { UploadStatus } from './UploadStatus';
 /**
  * @hidden
  */
-
 var TIME_TO_CHECK_DRAG = 100;
 /**
  * @hidden
  */
-
 var UploadDropZoneVue2 = {
   name: 'KendoVueUploadDropZone',
   props: {
@@ -123,10 +121,8 @@ var UploadDropZoneVue2 = {
     },
     onDocumentDragEnter: function onDocumentDragEnter() {
       var _this = this;
-
       if (!this.currentDocumentActive) {
         this.currentDocumentActive = true;
-
         var documentInterval = function documentInterval() {
           if (_this.isDragOver(_this._lastDocumentDragOver)) {
             _this.currentDocumentActive = false;
@@ -135,7 +131,6 @@ var UploadDropZoneVue2 = {
             _this._lastDocumentDragOver = null;
           }
         };
-
         this._documentInterval = setInterval(documentInterval, TIME_TO_CHECK_DRAG);
       }
     },
@@ -144,10 +139,8 @@ var UploadDropZoneVue2 = {
     },
     onElementDragEnter: function onElementDragEnter() {
       var _this = this;
-
       if (!this.currentElementActive) {
         this.currentElementActive = true;
-
         var elementInterval = function elementInterval() {
           if (_this.isDragOver(_this._lastElementDragOver)) {
             _this.currentElementActive = false;
@@ -156,7 +149,6 @@ var UploadDropZoneVue2 = {
             _this._lastElementDragOver = null;
           }
         };
-
         this._elementInterval = setInterval(elementInterval, TIME_TO_CHECK_DRAG);
       }
     },
@@ -167,7 +159,6 @@ var UploadDropZoneVue2 = {
     onDrop: function onDrop(event) {
       event.preventDefault();
       var droppedFiles = event.dataTransfer.files;
-
       if (droppedFiles.length > 0 && !this.$props.disabled) {
         this.$emit('add', droppedFiles);
       }
@@ -185,38 +176,36 @@ var UploadDropZoneVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        multiple = _a.multiple,
-        disabled = _a.disabled,
-        tabIndex = _a.tabIndex,
-        fileGroup = _a.fileGroup,
-        accept = _a.accept,
-        showFileList = _a.showFileList,
-        groupedFiles = _a.groupedFiles,
-        navigationIndex = _a.navigationIndex,
-        showActionButtons = _a.showActionButtons,
-        actionsLayout = _a.actionsLayout,
-        notFocusedIndex = _a.notFocusedIndex,
-        list = _a.list,
-        id = _a.id,
-        ariaLabelledBy = _a.ariaLabelledBy,
-        ariaDescribedBy = _a.ariaDescribedBy;
+      multiple = _a.multiple,
+      disabled = _a.disabled,
+      tabIndex = _a.tabIndex,
+      fileGroup = _a.fileGroup,
+      accept = _a.accept,
+      showFileList = _a.showFileList,
+      groupedFiles = _a.groupedFiles,
+      navigationIndex = _a.navigationIndex,
+      showActionButtons = _a.showActionButtons,
+      actionsLayout = _a.actionsLayout,
+      notFocusedIndex = _a.notFocusedIndex,
+      list = _a.list,
+      id = _a.id,
+      ariaLabelledBy = _a.ariaLabelledBy,
+      ariaDescribedBy = _a.ariaDescribedBy;
     var localizationService = provideLocalizationService(this);
     var dropFilesMessage = localizationService.toLanguageString(dropFilesHere, messages[dropFilesHere]);
-
     var _b = utils.getFileStatus(fileGroup),
-        isUploading = _b[0],
-        isUploaded = _b[1],
-        isUploadFailed = _b[2],
-        isUploadValidationFailed = _b[3];
-
-    var dropZoneClassName = classNames('k-dropzone-hint', {// Unsure about that, since it hides the "Drop Files Message" when we remove all uploaded components.
+      isUploading = _b[0],
+      isUploaded = _b[1],
+      isUploadFailed = _b[2],
+      isUploadValidationFailed = _b[3];
+    var dropZoneClassName = classNames('k-dropzone-hint', {
+      // Unsure about that, since it hides the "Drop Files Message" when we remove all uploaded components.
       // 'k-hidden': this.isDragged && !this.elementActive
     });
-
     var addButtonComponent = function addButtonComponent() {
       var _this = this;
-
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(UploadAddButton, {
           id: id,
           attrs: this.v3 ? undefined : {
@@ -254,7 +243,6 @@ var UploadDropZoneVue2 = {
         })
       );
     };
-
     return h("div", {
       "class": this.dropZoneClasses,
       onDrop: this.onDrop,
@@ -265,7 +253,8 @@ var UploadDropZoneVue2 = {
       },
       onDragenter: this.onElementDragEnter,
       onDragover: this.onElementDragOver
-    }, [addButtonComponent.call(this), isUploading || isUploaded || isUploadFailed || isUploadValidationFailed ? // @ts-ignore  function children
+    }, [addButtonComponent.call(this), isUploading || isUploaded || isUploadFailed || isUploadValidationFailed ?
+    // @ts-ignore  function children
     h(UploadStatus, {
       isUploading: isUploading,
       attrs: this.v3 ? undefined : {
@@ -283,6 +272,5 @@ var UploadDropZoneVue2 = {
 /**
  * @hidden
  */
-
 var UploadDropZone = UploadDropZoneVue2;
 export { UploadDropZone, UploadDropZoneVue2 };

package/dist/es/UploadInput.js

@@ -10,7 +10,6 @@ var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
 /**
  * @hidden
  */
-
 var UploadInputVue2 = {
   name: 'KendoVueUploadInput',
   props: {
@@ -43,7 +42,6 @@ var UploadInputVue2 = {
     onAdd: function onAdd() {
       var ua = navigator.userAgent;
       var input = this._input;
-
       if (input) {
         if (input.files) {
           this.$emit('add', input.files);
@@ -53,8 +51,6 @@ var UploadInputVue2 = {
             when a file with the same name is selected a number of consecutive times.
             As a workaround, clear the input value after handling the file.
         */
-
-
         if (!(!ua.match(CHROME_REGEX) && ua.match(SAFARI_REGEX))) {
           input.type = '';
           input.type = 'file';
@@ -77,10 +73,10 @@ var UploadInputVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        multiple = _a.multiple,
-        async = _a.async,
-        disabled = _a.disabled,
-        accept = _a.accept;
+      multiple = _a.multiple,
+      async = _a.async,
+      disabled = _a.disabled,
+      accept = _a.accept;
     return h("input", {
       ref: setRef(this, 'input'),
       autocomplete: 'off',
@@ -111,6 +107,5 @@ var UploadInputVue2 = {
 /**
  * @hidden
  */
-
 var UploadInput = UploadInputVue2;
 export { UploadInput, UploadInputVue2 };

package/dist/es/UploadList.js

@@ -9,7 +9,6 @@ import { UploadListGroup } from './UploadListGroup';
 /**
  * @hidden
  */
-
 var UploadListVue2 = {
   name: 'KendoVueUploadList',
   props: {
@@ -53,17 +52,18 @@ var UploadListVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        groupedFiles = _a.groupedFiles,
-        navigationIndex = _a.navigationIndex,
-        async = _a.async,
-        disabled = _a.disabled,
-        list = _a.list;
+      groupedFiles = _a.groupedFiles,
+      navigationIndex = _a.navigationIndex,
+      async = _a.async,
+      disabled = _a.disabled,
+      list = _a.list;
     var ulClassName = classNames('k-upload-files', 'k-reset');
     return h("ul", {
       "class": ulClassName
     }, [Object.keys(groupedFiles).map(function (key, index) {
       var files = groupedFiles[key];
-      return (// @ts-ignore  function children
+      return (
+        // @ts-ignore  function children
         h(UploadListGroup, {
           key: key,
           files: files,
@@ -98,6 +98,5 @@ var UploadListVue2 = {
 /**
  * @hidden
  */
-
 var UploadList = UploadListVue2;
 export { UploadList, UploadListVue2 };

package/dist/es/UploadListActionButton.js

@@ -12,7 +12,6 @@ import { messages, cancel, retry, remove } from './messages/main';
 /**
  * @hidden
  */
-
 var UploadListActionButtonVue2 = {
   name: 'KendoVueUploadListActionButton',
   props: {
@@ -44,7 +43,6 @@ var UploadListActionButtonVue2 = {
       if (status === UploadFileStatus.Uploading) {
         return localizationService.toLanguageString(cancel, messages[cancel]);
       }
-
       return localizationService.toLanguageString(remove, messages[remove]);
     },
     retryButtonTitle: function retryButtonTitle(localizationService) {
@@ -67,14 +65,12 @@ var UploadListActionButtonVue2 = {
     },
     onActionClick: function onActionClick() {
       var _a = this.$props,
-          status = _a.status,
-          uid = _a.uid,
-          disabled = _a.disabled;
-
+        status = _a.status,
+        uid = _a.uid,
+        disabled = _a.disabled;
       if (disabled || status === UploadFileStatus.Removing) {
         return;
       }
-
       if (status === UploadFileStatus.Uploading) {
         this.$emit('cancel', uid);
       } else {
@@ -83,13 +79,11 @@ var UploadListActionButtonVue2 = {
     },
     onRetryClick: function onRetryClick() {
       var _a = this.$props,
-          uid = _a.uid,
-          disabled = _a.disabled;
-
+        uid = _a.uid,
+        disabled = _a.disabled;
       if (disabled) {
         return;
       }
-
       this.$emit('retry', uid);
     }
   },
@@ -105,8 +99,8 @@ var UploadListActionButtonVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        status = _a.status,
-        progress = _a.progress;
+      status = _a.status,
+      progress = _a.progress;
     var actionButtonClassNames = classNames('k-icon', status === UploadFileStatus.Uploading ? 'k-cancel k-i-deny' : '', status !== UploadFileStatus.Uploading ? 'k-delete k-i-x' : '');
     var isRetryVisible = status === UploadFileStatus.UploadFailed;
     var isProgressVisible = status === UploadFileStatus.Uploading;
@@ -171,6 +165,5 @@ var UploadListActionButtonVue2 = {
 /**
  * @hidden
  */
-
 var UploadListActionButton = UploadListActionButtonVue2;
 export { UploadListActionButton, UploadListActionButtonVue2 };

package/dist/es/UploadListGroup.js

@@ -12,7 +12,6 @@ import utils from './utils/utils';
 /**
  * @hidden
  */
-
 var UploadListGroupVue2 = {
   name: 'KendoVueUploadListGroup',
   props: {
@@ -35,9 +34,8 @@ var UploadListGroupVue2 = {
   },
   updated: function updated() {
     var _a = this.$props,
-        navigationIndex = _a.navigationIndex,
-        index = _a.index;
-
+      navigationIndex = _a.navigationIndex,
+      index = _a.index;
     if (navigationIndex === index && this._element && canUseDOM && document.activeElement !== this._element) {
       this._element.focus();
     }
@@ -68,17 +66,18 @@ var UploadListGroupVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        files = _a.files,
-        async = _a.async,
-        disabled = _a.disabled,
-        navigationIndex = _a.navigationIndex,
-        index = _a.index,
-        list = _a.list;
+      files = _a.files,
+      async = _a.async,
+      disabled = _a.disabled,
+      navigationIndex = _a.navigationIndex,
+      index = _a.index,
+      list = _a.list;
     var firstFile = files[0];
     var isFileSuccess = firstFile.status === UploadFileStatus.Uploaded || firstFile.status === UploadFileStatus.Initial;
     var liClassName = classNames('k-file', utils.filesHaveValidationErrors(files) ? 'k-file-invalid' : '', firstFile.status === UploadFileStatus.UploadFailed || firstFile.status === UploadFileStatus.RemoveFailed ? 'k-file-error' : '', firstFile.status === UploadFileStatus.Uploading ? 'k-file-progress' : '', isFileSuccess ? 'k-file-success' : '', navigationIndex === index ? 'k-focus' : '');
     var itemComponent;
-    var defaultItemRendering = files.length === 1 ? // @ts-ignore
+    var defaultItemRendering = files.length === 1 ?
+    // @ts-ignore
     h(UploadListSingleItem, {
       files: files,
       attrs: this.v3 ? undefined : {
@@ -96,7 +95,8 @@ var UploadListGroupVue2 = {
       },
       onRemove: this.onRemove,
       onRetry: this.onRetry
-    }) : // @ts-ignore
+    }) :
+    // @ts-ignore
     h(UploadListMultiItem, {
       files: files,
       attrs: this.v3 ? undefined : {
@@ -145,6 +145,5 @@ var UploadListGroupVue2 = {
 /**
  * @hidden
  */
-
 var UploadListGroup = UploadListGroupVue2;
 export { UploadListGroup, UploadListGroupVue2 };

package/dist/es/UploadListMultiItem.js

@@ -13,7 +13,6 @@ import { UploadListActionButton } from './UploadListActionButton';
 /**
  * @hidden
  */
-
 var UploadListMultiItemVue2 = {
   name: 'KendoVueUploadListMultiItem',
   props: {
@@ -45,12 +44,10 @@ var UploadListMultiItemVue2 = {
     getFileValidationMessage: function getFileValidationMessage(file) {
       var localizationService = provideLocalizationService(this);
       var validationMessage = '';
-
       if (file.validationErrors && file.validationErrors.length > 0) {
         var messageKey = "upload.".concat(file.validationErrors[0]);
         validationMessage = localizationService.toLanguageString(messageKey, messages[messageKey]);
       }
-
       return validationMessage;
     },
     progress: function progress() {
@@ -74,16 +71,14 @@ var UploadListMultiItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        files = _a.files,
-        disabled = _a.disabled,
-        async = _a.async;
+      files = _a.files,
+      disabled = _a.disabled,
+      async = _a.async;
     var itemClassName = classNames('k-file-multiple');
-
     var _b = utils.getFileStatus(files),
-        isUploaded = _b[1],
-        isUploadFailed = _b[2],
-        isUploadValidationFailed = _b[3];
-
+      isUploaded = _b[1],
+      isUploadFailed = _b[2],
+      isUploadValidationFailed = _b[3];
     var localizationService = provideLocalizationService(this);
     var totalMessage = localizationService.toLanguageString(total, messages[total]);
     var filesMessage = localizationService.toLanguageString(filesM, messages[filesM]);
@@ -91,7 +86,6 @@ var UploadListMultiItemVue2 = {
     var successMessage = localizationService.toLanguageString(statusUploaded, messages[statusUploaded]);
     var progress = this.progress();
     var showProgressBar = !isUploadValidationFailed && !isUploaded && !isUploadFailed;
-
     var mapFiles = function mapFiles() {
       return files.map(function (file) {
         return h("span", {
@@ -111,7 +105,6 @@ var UploadListMultiItemVue2 = {
         }, [utils.getTotalFilesSizeMessage([file])])]);
       }, this);
     };
-
     return h("div", {
       "class": itemClassName
     }, [h("div", {
@@ -137,7 +130,8 @@ var UploadListMultiItemVue2 = {
       "class": 'k-file-information k-text-success'
     }, ["".concat(files.length, " ").concat(successMessage)]) : h("span", {
       "class": 'k-file-validation-message k-text-error'
-    }, ["".concat(files.length, " ").concat(uploadFailedMessage)])]), // @ts-ignore  function children
+    }, ["".concat(files.length, " ").concat(uploadFailedMessage)])]),
+    // @ts-ignore  function children
     h(UploadListActionButton, {
       uid: files[0].uid,
       attrs: this.v3 ? undefined : {
@@ -167,6 +161,5 @@ var UploadListMultiItemVue2 = {
 /**
  * @hidden
  */
-
 var UploadListMultiItem = UploadListMultiItemVue2;
 export { UploadListMultiItem, UploadListMultiItemVue2 };

package/dist/es/UploadListSingleItem.js

@@ -13,7 +13,6 @@ import { UploadListActionButton } from './UploadListActionButton';
 /**
  * @hidden
  */
-
 var UploadListSingleItemVue2 = {
   name: 'KendoVueUploadListSingleItem',
   props: {
@@ -48,14 +47,12 @@ var UploadListSingleItemVue2 = {
     getFileValidationMessage: function getFileValidationMessage(file, isUploadFailed) {
       var localizationService = provideLocalizationService(this);
       var validationMessage = '';
-
       if (isUploadFailed) {
         validationMessage = localizationService.toLanguageString(statusUploadFailed, messages[statusUploadFailed]);
       } else if (file.validationErrors && file.validationErrors.length > 0) {
         var messageKey = "upload.".concat(file.validationErrors[0]);
         validationMessage = localizationService.toLanguageString(messageKey, messages[messageKey]);
       }
-
       return validationMessage;
     },
     getFileExtensionIcon: function getFileExtensionIcon(file) {
@@ -67,12 +64,10 @@ var UploadListSingleItemVue2 = {
         case '.bmp':
         case '.gif':
           return 'k-i-file-image';
-
         case '.mp3':
         case '.mp4':
         case '.wav':
           return 'k-i-file-audio';
-
         case '.mkv':
         case '.webm':
         case '.flv':
@@ -80,35 +75,27 @@ var UploadListSingleItemVue2 = {
         case '.avi':
         case '.wmv':
           return 'k-i-file-video';
-
         case '.txt':
           return 'k-i-file-txt';
-
         case '.pdf':
           return 'k-i-file-pdf';
-
         case '.ppt':
         case '.pptx':
           return 'k-i-file-presentation';
-
         case '.csv':
         case '.xls':
         case '.xlsx':
           return 'k-i-file-data';
-
         case '.html':
         case '.css':
         case '.js':
         case '.ts':
           return 'k-i-file-programming';
-
         case '.exe':
           return 'k-i-file-config';
-
         case '.zip':
         case '.rar':
           return 'k-i-file-zip';
-
         default:
           return 'k-i-file';
       }
@@ -126,19 +113,16 @@ var UploadListSingleItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        files = _a.files,
-        disabled = _a.disabled,
-        async = _a.async;
+      files = _a.files,
+      disabled = _a.disabled,
+      async = _a.async;
     var file = files[0];
     var itemClassName = classNames('k-file-single');
-
     var _b = utils.getFileStatus([file]),
-        isUploaded = _b[1],
-        isUploadFailed = _b[2],
-        isUploadValidationFailed = _b[3];
-
+      isUploaded = _b[1],
+      isUploadFailed = _b[2],
+      isUploadValidationFailed = _b[3];
     var showProgressBar = !isUploadValidationFailed && !isUploaded && !isUploadFailed;
-
     var renderValidationError = function renderValidationError(currentFile, isCurrentUploadFailed) {
       return h("span", {
         "class": 'k-file-name-size-wrapper',
@@ -153,7 +137,6 @@ var UploadListSingleItemVue2 = {
         "class": 'k-file-validation-message k-text-error'
       }, [this.getFileValidationMessage(currentFile, isCurrentUploadFailed)])]);
     };
-
     var renderFileDetails = function renderFileDetails(currentFile) {
       var localizationService = provideLocalizationService(this);
       var successMessage = localizationService.toLanguageString(statusUploaded, messages[statusUploaded]);
@@ -172,7 +155,6 @@ var UploadListSingleItemVue2 = {
         "class": 'k-file-validation-message k-text-success'
       }, [successMessage])]);
     };
-
     return h("div", {
       "class": itemClassName
     }, [h("div", {
@@ -193,7 +175,8 @@ var UploadListSingleItemVue2 = {
       "class": 'k-file-group k-icon ' + this.getFileExtensionIcon(file)
     }), h("span", {
       "class": 'k-file-state'
-    })]), isUploadValidationFailed || isUploadFailed ? renderValidationError.call(this, file, isUploadFailed) : renderFileDetails.call(this, file), // @ts-ignore  function children
+    })]), isUploadValidationFailed || isUploadFailed ? renderValidationError.call(this, file, isUploadFailed) : renderFileDetails.call(this, file),
+    // @ts-ignore  function children
     h(UploadListActionButton, {
       uid: file.uid,
       attrs: this.v3 ? undefined : {
@@ -223,6 +206,5 @@ var UploadListSingleItemVue2 = {
 /**
  * @hidden
  */
-
 var UploadListSingleItem = UploadListSingleItemVue2;
 export { UploadListSingleItem, UploadListSingleItemVue2 };