@progress/kendo-vue-upload 3.5.0 → 3.5.1-dev.202208100944

package/dist/esm/utils/connectionUtils.js

@@ -0,0 +1,78 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var populateClientFormData = function (data, clientData) {
+    Object.keys(clientData).forEach(function (key) {
+        data.append(key, clientData[key]);
+    });
+};
+var populateUploadFormData = function (files, saveField, clientData) {
+    var data = new FormData();
+    populateClientFormData(data, clientData);
+    files.forEach(function (file) {
+        var rawFile = file.getRawFile ? file.getRawFile() : '';
+        if (rawFile) {
+            data.append(saveField, rawFile, file.name);
+        }
+        else {
+            data.append(saveField, rawFile);
+        }
+    });
+    return data;
+};
+var populateRemoveFormData = function (fileNames, removeField, clientData) {
+    var data = new FormData();
+    populateClientFormData(data, clientData);
+    fileNames.forEach(function (fileName) {
+        data.append(removeField, fileName);
+    });
+    return data;
+};
+var populateRequestOptions = function (headers, async) {
+    return {
+        headers: headers,
+        responseType: async.responseType,
+        withCredentials: async.withCredentials
+    };
+};
+var cloneRequestHeaders = function (headers) {
+    var cloned = {};
+    Object.keys(headers).forEach(function (key) {
+        cloned[key] = headers[key];
+    });
+    return cloned;
+};
+var convertAxiosResponse = function (event) {
+    var data = event.data, config = event.config, others = __rest(event, ["data", "config"]);
+    return __assign({ response: data }, others);
+};
+/**
+ * @hidden
+ */
+export default {
+    populateClientFormData: populateClientFormData,
+    populateUploadFormData: populateUploadFormData,
+    populateRemoveFormData: populateRemoveFormData,
+    populateRequestOptions: populateRequestOptions,
+    cloneRequestHeaders: cloneRequestHeaders,
+    convertAxiosResponse: convertAxiosResponse
+};

package/dist/esm/utils/stateUtils.d.ts

@@ -0,0 +1,26 @@
+import { UploadFileInfo } from '../interfaces/UploadFileInfo';
+import { UploadFileStatus } from '../interfaces/UploadFileStatus';
+import { GroupedFiles } from '../interfaces/FileGroup';
+/**
+ * @hidden
+ */
+declare const _default: {
+    copyState: (state: UploadFileInfo[]) => {
+        uid: string;
+        name: string;
+        extension?: string;
+        size?: number;
+        validationErrors?: string[];
+        status: UploadFileStatus;
+        progress: number;
+        getRawFile?: () => File;
+    }[];
+    addMany: (fileList: UploadFileInfo[], filesState: UploadFileInfo[]) => void;
+    add: (file: UploadFileInfo, filesState: UploadFileInfo[]) => void;
+    groupFilesByUid: (files: UploadFileInfo[]) => GroupedFiles;
+    filesForUpload: (files: GroupedFiles) => GroupedFiles;
+    setFilesStatus: (filesGroup: GroupedFiles, status: UploadFileStatus) => void;
+    flatFileGroup: (fileGroup: GroupedFiles) => UploadFileInfo[];
+    groupForEach: (fileGroup: GroupedFiles, callBack: (currentFiles: UploadFileInfo[], uid: string) => void) => void;
+};
+export default _default;

package/dist/esm/utils/stateUtils.js

@@ -0,0 +1,83 @@
+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);
+};
+import { UploadFileStatus } from '../interfaces/UploadFileStatus.js';
+var copyState = function (state) {
+    return (state || []).map(function (file) {
+        return __assign({}, file);
+    });
+};
+var add = function (file, filesState) {
+    filesState.push(file);
+};
+var addMany = function (fileList, filesState) {
+    fileList.forEach(function (file) { return add(file, filesState); });
+};
+var groupFilesByUid = function (files) {
+    var fileGroup = {};
+    files.forEach(function (file) {
+        if (fileGroup[file.uid]) {
+            fileGroup[file.uid].push(file);
+        }
+        else {
+            fileGroup[file.uid] = [file];
+        }
+    });
+    return fileGroup;
+};
+var filesForUpload = function (files) {
+    var notUploadedGroups = {};
+    groupForEach(files, function (currentFiles, uid) {
+        var currentFilesValid = true;
+        currentFiles.forEach(function (file) {
+            if (file.status !== UploadFileStatus.Selected ||
+                (file.validationErrors && file.validationErrors.length > 0)) {
+                currentFilesValid = false;
+            }
+        });
+        if (currentFilesValid) {
+            notUploadedGroups[uid] = currentFiles;
+        }
+    });
+    return notUploadedGroups;
+};
+var setFilesStatus = function (filesGroup, status) {
+    groupForEach(filesGroup, function (currentFiles) {
+        currentFiles.forEach(function (file) {
+            file.status = status;
+        });
+    });
+};
+var flatFileGroup = function (fileGroup) {
+    var transformed = [];
+    groupForEach(fileGroup, function (currentFiles) {
+        transformed.push.apply(transformed, currentFiles);
+    });
+    return transformed;
+};
+var groupForEach = function (fileGroup, callBack) {
+    Object.keys(fileGroup).forEach(function (uidKey) {
+        callBack(fileGroup[uidKey], uidKey);
+    });
+};
+/**
+ * @hidden
+ */
+export default {
+    copyState: copyState,
+    addMany: addMany,
+    add: add,
+    groupFilesByUid: groupFilesByUid,
+    filesForUpload: filesForUpload,
+    setFilesStatus: setFilesStatus,
+    flatFileGroup: flatFileGroup,
+    groupForEach: groupForEach
+};

package/dist/esm/utils/utils.d.ts

@@ -0,0 +1,17 @@
+import { UploadFileInfo } from '../interfaces/UploadFileInfo';
+import { GroupedFiles } from '../interfaces/FileGroup';
+/**
+ * @hidden
+ */
+declare const _default: {
+    fileHasValidationErrors: Function;
+    filesHaveValidationErrors: Function;
+    getTotalFilesSizeMessage: Function;
+    getAllFileInfo: Function;
+    getFileInfo: Function;
+    getFileExtension: Function;
+    htmlEncode: Function;
+    assignGuidToFiles: Function;
+    getFileStatus: (currentFiles: GroupedFiles | UploadFileInfo[]) => boolean[];
+};
+export default _default;

package/dist/esm/utils/utils.js

@@ -0,0 +1,128 @@
+import { UploadFileStatus } from '../interfaces/UploadFileStatus.js';
+import { guid } from '@progress/kendo-vue-common';
+var ampRegExp = /&/g;
+var ltRegExp = /</g;
+var quoteRegExp = /"/g;
+var aposRegExp = /'/g;
+var gtRegExp = />/g;
+var htmlEncode = function (value) {
+    return ('' + value).replace(ampRegExp, '&amp;')
+        .replace(ltRegExp, '&lt;')
+        .replace(gtRegExp, '&gt;')
+        .replace(quoteRegExp, '&quot;')
+        .replace(aposRegExp, '&#39;');
+};
+var getFileExtension = function (fileName) {
+    var rFileExtension = /\.([^\.]+)$/;
+    var matches = fileName.match(rFileExtension);
+    return matches ? matches[0] : '';
+};
+var getFileInfo = function (rawFile) {
+    var fileName = rawFile.name;
+    var fileSize = rawFile.size;
+    return {
+        extension: getFileExtension(fileName),
+        name: htmlEncode(fileName),
+        getRawFile: function () { return rawFile; },
+        size: fileSize,
+        status: UploadFileStatus.Selected,
+        progress: 0,
+        uid: ''
+    };
+};
+var getAllFileInfo = function (rawFiles) {
+    var allFileInfo = new Array();
+    var i;
+    for (i = 0; i < rawFiles.length; i++) {
+        allFileInfo.push(getFileInfo(rawFiles[i]));
+    }
+    return allFileInfo;
+};
+var fileHasValidationErrors = function (file) {
+    if (file.validationErrors && file.validationErrors.length > 0) {
+        return true;
+    }
+    return false;
+};
+var filesHaveValidationErrors = function (files) {
+    for (var _i = 0, files_1 = files; _i < files_1.length; _i++) {
+        var file = files_1[_i];
+        if (fileHasValidationErrors(file)) {
+            return true;
+        }
+    }
+    return false;
+};
+var getTotalFilesSizeMessage = function (files) {
+    var totalSize = 0;
+    var i;
+    if (typeof files[0].size === 'number') {
+        for (i = 0; i < files.length; i++) {
+            if (files[i].size) {
+                totalSize += (files[i].size || 0);
+            }
+        }
+    }
+    else {
+        return '';
+    }
+    totalSize /= 1024;
+    if (totalSize < 1024) {
+        return totalSize.toFixed(2) + ' KB';
+    }
+    else {
+        return (totalSize / 1024).toFixed(2) + ' MB';
+    }
+};
+var assignGuidToFiles = function (files, batchFiles) {
+    var uid = guid();
+    return files.map(function (file) {
+        file.uid = batchFiles ? uid : guid();
+        return file;
+    });
+};
+var getFileStatus = function (currentFiles) {
+    var isUploading = false;
+    var isUploaded = false;
+    var isUploadFailed = false;
+    var isUploadValidationFailed = false;
+    var checkFilesStatus = function (files) {
+        files.forEach(function (file) {
+            if (file.status === UploadFileStatus.Uploading) {
+                isUploading = true;
+            }
+            if (file.status === UploadFileStatus.Uploaded) {
+                isUploaded = true;
+            }
+            if (file.status === UploadFileStatus.UploadFailed) {
+                isUploadFailed = true;
+            }
+            if (fileHasValidationErrors(file)) {
+                isUploadValidationFailed = true;
+            }
+        });
+    };
+    if (Array.isArray(currentFiles)) {
+        checkFilesStatus(currentFiles);
+    }
+    else {
+        Object.keys(currentFiles).forEach(function (key) {
+            checkFilesStatus(currentFiles[key]);
+        });
+    }
+    return [isUploading, isUploaded, isUploadFailed, isUploadValidationFailed];
+};
+/**
+ * @hidden
+ */
+export default {
+    fileHasValidationErrors: fileHasValidationErrors,
+    filesHaveValidationErrors: filesHaveValidationErrors,
+    getTotalFilesSizeMessage: getTotalFilesSizeMessage,
+    getAllFileInfo: getAllFileInfo,
+    getFileInfo: getFileInfo,
+    getFileExtension: getFileExtension,
+    htmlEncode: htmlEncode,
+    assignGuidToFiles: assignGuidToFiles,
+    getFileStatus: getFileStatus
+};

package/dist/esm/utils/validationUtils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @hidden
+ */
+declare const _default: {
+    validateFiles: Function;
+};
+export default _default;

package/dist/esm/utils/validationUtils.js

@@ -0,0 +1,50 @@
+var INVALIDMAXFILESIZE = 'invalidMaxFileSize';
+var INVALIDMINFILESIZE = 'invalidMinFileSize';
+var INVALIDFILEEXTENSION = 'invalidFileExtension';
+var validateFileExtension = function (file, allowedExtensions) {
+    if (allowedExtensions.length > 0) {
+        if (allowedExtensions.indexOf((file.extension || '').toLowerCase()) < 0) {
+            file.validationErrors = file.validationErrors || [];
+            if (file.validationErrors.indexOf(INVALIDFILEEXTENSION) < 0) {
+                file.validationErrors.push(INVALIDFILEEXTENSION);
+            }
+        }
+    }
+};
+var validateFileSize = function (file, minFileSize, maxFileSize) {
+    if (minFileSize !== 0 && (file.size || 0) < minFileSize) {
+        file.validationErrors = file.validationErrors || [];
+        if (file.validationErrors.indexOf(INVALIDMINFILESIZE) < 0) {
+            file.validationErrors.push(INVALIDMINFILESIZE);
+        }
+    }
+    if (maxFileSize !== 0 && (file.size || 0) > maxFileSize) {
+        file.validationErrors = file.validationErrors || [];
+        if (file.validationErrors.indexOf(INVALIDMAXFILESIZE) < 0) {
+            file.validationErrors.push(INVALIDMAXFILESIZE);
+        }
+    }
+};
+var parseAllowedExtensions = function (extensions) {
+    var allowedExtensions = extensions.map(function (ext) {
+        var parsedExt = (ext.substring(0, 1) === '.') ? ext : ('.' + ext);
+        return parsedExt.toLowerCase();
+    });
+    return allowedExtensions;
+};
+var validateFiles = function (files, restrictionInfo) {
+    var allowedExtensions = parseAllowedExtensions(restrictionInfo.allowedExtensions || []);
+    var maxFileSize = restrictionInfo.maxFileSize || 0;
+    var minFileSize = restrictionInfo.minFileSize || 0;
+    var i;
+    for (i = 0; i < files.length; i++) {
+        validateFileExtension(files[i], allowedExtensions);
+        validateFileSize(files[i], minFileSize, maxFileSize);
+    }
+};
+/**
+ * @hidden
+ */
+export default {
+    validateFiles: validateFiles
+};

package/dist/npm/ExternalDropZone.js

@@ -47,7 +47,7 @@ var ExternalDropZoneVue2 = {
     }
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.elementInterval = null;
     this.elementActive = false;
     this.lastElementDragOverRef = null;
@@ -120,7 +120,7 @@ var ExternalDropZoneVue2 = {
     var _a = this.$props,
         customNote = _a.customNote,
         customHint = _a.customHint;
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var localizedHint = localizationService.toLanguageString(messages_1.dropZoneHint, messages_1.messages[messages_1.dropZoneHint]);
     var localizedNote = localizationService.toLanguageString(messages_1.dropZoneNote, messages_1.messages[messages_1.dropZoneNote]);
     var hintTemplate = kendo_vue_common_1.templateRendering.call(this, customHint, kendo_vue_common_1.getListeners.call(this));
@@ -140,17 +140,17 @@ var ExternalDropZoneVue2 = {
       defaultRendering: noteElementDefaultRendering
     });
     return h("div", {
-      ref: kendo_vue_common_1.setRef(this, 'externalDropZone'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'externalDropZone'),
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
-        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined)
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined)
       },
-      "class": kendo_vue_common_1.classNames('k-external-dropzone', {
+      "class": (0, kendo_vue_common_1.classNames)('k-external-dropzone', {
         'k-external-dropzone-hover': this.overDropZone,
         'k-disabled': this.$props.disabled
       }, this.$props.className),
-      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
       onDrop: this.handleOnDrop,
       on: this.v3 ? undefined : {
         "drop": this.handleOnDrop,

package/dist/npm/Upload.js

@@ -169,7 +169,7 @@ var UploadVue2 = {
   },
   created: function created() {
     this._httpSubscriptions = {};
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
 
     if (this.$props.defaultFiles) {
       this.currentFiles = this.$props.defaultFiles;
@@ -273,7 +273,7 @@ var UploadVue2 = {
         } else {
           var cancelTokenSource = axios_1.default.CancelToken.source();
           _this._httpSubscriptions[uid] = cancelTokenSource;
-          axios_1.default(__assign(__assign({
+          (0, axios_1.default)(__assign(__assign({
             method: async.saveMethod,
             url: async.saveUrl,
             data: formData,
@@ -322,7 +322,7 @@ var UploadVue2 = {
             return _this.onRemoveError(event.uid);
           });
         } else {
-          axios_1.default(__assign({
+          (0, axios_1.default)(__assign({
             method: async.removeMethod,
             url: async.removeUrl,
             data: formData
@@ -753,7 +753,7 @@ var UploadVue2 = {
           showActionButtons: showActionButtons && !autoUpload && !!Object.keys(filesForUpload).length,
           actionsLayout: actionsLayout,
           disabled: disabled,
-          tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+          tabIndex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
           multiple: multiple,
           accept: accept,
           list: list,
@@ -781,7 +781,7 @@ var UploadVue2 = {
         onUpload: this.onUpload,
         onRetry: this.onRetry,
         onCancel: this.onCancel,
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabIndex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
         ref: this.v3 ? function (el) {
           _this.uploadNavigationRef = el;
         } : 'uploadNavigation',

package/dist/npm/UploadActionButtons.js

@@ -113,15 +113,15 @@ var UploadActionButtonsVue2 = {
         clearButtonIndex = _a.clearButtonIndex,
         uploadButtonIndex = _a.uploadButtonIndex,
         actionsLayout = _a.actionsLayout;
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
-    var wrapperClasses = kendo_vue_common_1.classNames('k-actions', {
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
+    var wrapperClasses = (0, kendo_vue_common_1.classNames)('k-actions', {
       'k-actions-start': actionsLayout === 'start',
       'k-actions-center': actionsLayout === 'center',
       'k-actions-end': actionsLayout === 'end',
       'k-actions-stretched': actionsLayout === 'stretched'
     });
-    var clearButtonClasses = kendo_vue_common_1.classNames('k-clear-selected', navigationIndex === clearButtonIndex ? 'k-focus' : '');
-    var uploadButtonClasses = kendo_vue_common_1.classNames('k-upload-selected', navigationIndex === uploadButtonIndex ? 'k-focus' : '');
+    var clearButtonClasses = (0, kendo_vue_common_1.classNames)('k-clear-selected', navigationIndex === clearButtonIndex ? 'k-focus' : '');
+    var uploadButtonClasses = (0, kendo_vue_common_1.classNames)('k-upload-selected', navigationIndex === uploadButtonIndex ? 'k-focus' : '');
     return h("div", {
       "class": wrapperClasses
     }, [// @ts-ignore  function children

package/dist/npm/UploadAddButton.js

@@ -121,9 +121,9 @@ var UploadAddButtonVue2 = {
         multiple = _a.multiple,
         disabled = _a.disabled,
         accept = _a.accept;
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var selectMessage = localizationService.toLanguageString(messages_1.select, messages_1.messages[messages_1.select]);
-    var buttonClassName = 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' : '');
+    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' : '');
     return h("div", {
       id: id,
       attrs: this.v3 ? undefined : {
@@ -134,7 +134,7 @@ var UploadAddButtonVue2 = {
         "aria-describedby": ariaDescribedBy,
         tabindex: tabIndex
       },
-      ref: kendo_vue_common_1.setRef(this, 'element'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
       role: "button",
       "class": buttonClassName,
       "aria-label": selectMessage,

package/dist/npm/UploadDropZone.js

@@ -214,7 +214,7 @@ var UploadDropZoneVue2 = {
         id = _a.id,
         ariaLabelledBy = _a.ariaLabelledBy,
         ariaDescribedBy = _a.ariaDescribedBy;
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var dropFilesMessage = localizationService.toLanguageString(messages_1.dropFilesHere, messages_1.messages[messages_1.dropFilesHere]);
 
     var _b = utils_1.default.getFileStatus(fileGroup),
@@ -223,7 +223,7 @@ var UploadDropZoneVue2 = {
         isUploadFailed = _b[2],
         isUploadValidationFailed = _b[3];
 
-    var dropZoneClassName = kendo_vue_common_1.classNames('k-dropzone-hint', {// Unsure about that, since it hides the "Drop Files Message" when we remove all uploaded components.
+    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.
       // 'k-hidden': this.isDragged && !this.elementActive
     });
 

package/dist/npm/UploadInput.js

@@ -90,7 +90,7 @@ var UploadInputVue2 = {
         disabled = _a.disabled,
         accept = _a.accept;
     return h("input", {
-      ref: kendo_vue_common_1.setRef(this, 'input'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
       autocomplete: 'off',
       attrs: this.v3 ? undefined : {
         autocomplete: 'off',

package/dist/npm/UploadList.js

@@ -68,7 +68,7 @@ var UploadListVue2 = {
         async = _a.async,
         disabled = _a.disabled,
         list = _a.list;
-    var ulClassName = kendo_vue_common_1.classNames('k-upload-files', 'k-reset');
+    var ulClassName = (0, kendo_vue_common_1.classNames)('k-upload-files', 'k-reset');
     return h("ul", {
       "class": ulClassName
     }, [Object.keys(groupedFiles).map(function (key, index) {

package/dist/npm/UploadListActionButton.js

@@ -63,7 +63,7 @@ var UploadListActionButtonVue2 = {
       return localizationService.toLanguageString(messages_1.retry, messages_1.messages[messages_1.retry]);
     },
     buttonClassNames: function buttonClassNames(type) {
-      return kendo_vue_common_1.classNames('k-button k-button-icon k-flat k-upload-action', this.$props.disabled ? 'k-disabled' : '', this.actionFocused && type === 'action' || this.retryFocused && type === 'retry' ? 'k-focus' : '');
+      return (0, kendo_vue_common_1.classNames)('k-button k-button-icon k-flat k-upload-action', this.$props.disabled ? 'k-disabled' : '', this.actionFocused && type === 'action' || this.retryFocused && type === 'retry' ? 'k-focus' : '');
     },
     onRetryFocus: function onRetryFocus() {
       this.retryFocused = true;
@@ -119,11 +119,11 @@ var UploadListActionButtonVue2 = {
     var _a = this.$props,
         status = _a.status,
         progress = _a.progress;
-    var actionButtonClassNames = 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' : '');
+    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' : '');
     var isRetryVisible = status === UploadFileStatus_1.UploadFileStatus.UploadFailed;
     var isProgressVisible = status === UploadFileStatus_1.UploadFileStatus.Uploading;
     var isActionHidden = (status === UploadFileStatus_1.UploadFileStatus.Uploaded || status === UploadFileStatus_1.UploadFileStatus.Initial) && !this.$props.async.removeUrl;
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var percent = '%';
     return h("strong", {
       "class": 'k-upload-status'

package/dist/npm/UploadListGroup.js

@@ -89,7 +89,7 @@ var UploadListGroupVue2 = {
         list = _a.list;
     var firstFile = files[0];
     var isFileSuccess = firstFile.status === UploadFileStatus_1.UploadFileStatus.Uploaded || firstFile.status === UploadFileStatus_1.UploadFileStatus.Initial;
-    var liClassName = 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' : '');
+    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' : '');
     var itemComponent;
     var defaultItemRendering = files.length === 1 ? // @ts-ignore
     h(UploadListSingleItem_1.UploadListSingleItem, {
@@ -140,7 +140,7 @@ var UploadListGroupVue2 = {
       }
     });
     return h("li", {
-      ref: kendo_vue_common_1.setRef(this, 'element'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
       "class": liClassName,
       "data-uid": firstFile.uid,
       attrs: this.v3 ? undefined : {

package/dist/npm/UploadListMultiItem.js

@@ -56,11 +56,11 @@ var UploadListMultiItemVue2 = {
       this.$emit('cancel', uid);
     },
     getFileValidationMessage: function getFileValidationMessage(file) {
-      var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+      var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
       var validationMessage = '';
 
       if (file.validationErrors && file.validationErrors.length > 0) {
-        var messageKey = "upload." + file.validationErrors[0];
+        var messageKey = "upload.".concat(file.validationErrors[0]);
         validationMessage = localizationService.toLanguageString(messageKey, messages_1.messages[messageKey]);
       }
 
@@ -90,14 +90,14 @@ var UploadListMultiItemVue2 = {
         files = _a.files,
         disabled = _a.disabled,
         async = _a.async;
-    var itemClassName = kendo_vue_common_1.classNames('k-file-multiple');
+    var itemClassName = (0, kendo_vue_common_1.classNames)('k-file-multiple');
 
     var _b = utils_1.default.getFileStatus(files),
         isUploaded = _b[1],
         isUploadFailed = _b[2],
         isUploadValidationFailed = _b[3];
 
-    var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var totalMessage = localizationService.toLanguageString(messages_1.total, messages_1.messages[messages_1.total]);
     var filesMessage = localizationService.toLanguageString(messages_1.files, messages_1.messages[messages_1.files]);
     var uploadFailedMessage = localizationService.toLanguageString(messages_1.statusUploadFailed, messages_1.messages[messages_1.statusUploadFailed]);
@@ -119,7 +119,7 @@ var UploadListMultiItemVue2 = {
         }, [file.name]), utils_1.default.fileHasValidationErrors(file) ? h("span", {
           "class": 'k-file-validation-message k-text-error'
         }, [this.getFileValidationMessage(file)]) : h("span", {
-          key: file.name + "-size",
+          key: "".concat(file.name, "-size"),
           "class": 'k-file-size'
         }, [utils_1.default.getTotalFilesSizeMessage([file])])]);
       }, this);
@@ -146,11 +146,11 @@ var UploadListMultiItemVue2 = {
       "class": "k-multiple-files-wrapper"
     }, [mapFiles.call(this), !isUploadFailed ? progress !== 100 ? h("span", {
       "class": 'k-file-information'
-    }, [totalMessage + ": " + files.length + " " + filesMessage + ", " + utils_1.default.getTotalFilesSizeMessage(files)]) : h("span", {
+    }, ["".concat(totalMessage, ": ").concat(files.length, " ").concat(filesMessage, ", ").concat(utils_1.default.getTotalFilesSizeMessage(files))]) : h("span", {
       "class": 'k-file-information k-text-success'
-    }, [files.length + " " + successMessage]) : h("span", {
+    }, ["".concat(files.length, " ").concat(successMessage)]) : h("span", {
       "class": 'k-file-validation-message k-text-error'
-    }, [files.length + " " + uploadFailedMessage])]), // @ts-ignore  function children
+    }, ["".concat(files.length, " ").concat(uploadFailedMessage)])]), // @ts-ignore  function children
     h(UploadListActionButton_1.UploadListActionButton, {
       uid: files[0].uid,
       attrs: this.v3 ? undefined : {