@syncfusion/ej2-inputs 19.2.59 → 19.3.47

package/src/uploader/uploader.js

@@ -23,7 +23,7 @@ import { NotifyPropertyChanges, detach, append, Animation } from '@syncfusion/ej
 import { addClass, removeClass, KeyboardEvents, setValue, getValue, ChildProperty } from '@syncfusion/ej2-base';
 import { Collection, Complex, Browser, Ajax, getUniqueID, closest, remove } from '@syncfusion/ej2-base';
 import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
-import { updateBlazorTemplate, resetBlazorTemplate, isBlazor, select, selectAll } from '@syncfusion/ej2-base';
+import { select, selectAll } from '@syncfusion/ej2-base';
 var CONTROL_WRAPPER = 'e-upload e-control-wrapper';
 var INPUT_WRAPPER = 'e-file-select';
 var DROP_AREA = 'e-file-drop';
@@ -226,9 +226,7 @@ var Uploader = /** @class */ (function (_super) {
                     this.updateDirectoryAttributes();
                     break;
                 case 'template':
-                    if (!this.isServerBlazor) {
-                        this.clearAll();
-                    }
+                    this.clearAll();
                     break;
                 case 'minFileSize':
                 case 'maxFileSize':
@@ -329,55 +327,44 @@ var Uploader = /** @class */ (function (_super) {
         };
         this.l10n = new L10n('uploader', this.localeText, this.locale);
         this.preLocaleObj = getValue('currentLocale', this.l10n);
-        this.isServerBlazor = (isBlazor() && this.isServerRendered) ? true : false;
-        this.isBlazorTemplate = this.isServerBlazor && this.template !== '' && !isNullOrUndefined(this.template) ? true : false;
-        this.isBlazorSaveUrl = (this.isServerRendered &&
-            (this.asyncSettings.saveUrl === '' || isNullOrUndefined(this.asyncSettings.saveUrl))) ? true : false;
-        if (this.isBlazorSaveUrl && this.sequentialUpload) {
-            this.sequentialUpload = false;
-        }
-        if (!this.isBlazorSaveUrl) {
-            this.formRendered();
-        }
-        if (!this.isServerBlazor) {
-            this.updateHTMLAttrToElement();
-            this.checkHTMLAttributes(false);
-            var ejInstance = getValue('ej2_instances', this.element);
-            /* istanbul ignore next */
-            if (this.element.tagName === 'EJS-UPLOADER') {
-                var inputElement = this.createElement('input', { attrs: { type: 'file' } });
-                var index = 0;
-                for (index; index < this.element.attributes.length; index++) {
-                    inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
-                    inputElement.innerHTML = this.element.innerHTML;
-                }
-                if (!inputElement.hasAttribute('name')) {
-                    inputElement.setAttribute('name', 'UploadFiles');
-                }
-                this.element.appendChild(inputElement);
-                this.element = inputElement;
-                setValue('ej2_instances', ejInstance, this.element);
+        this.formRendered();
+        this.updateHTMLAttrToElement();
+        this.checkHTMLAttributes(false);
+        var ejInstance = getValue('ej2_instances', this.element);
+        /* istanbul ignore next */
+        if (this.element.tagName === 'EJS-UPLOADER') {
+            var inputElement = this.createElement('input', { attrs: { type: 'file' } });
+            var index = 0;
+            for (index; index < this.element.attributes.length; index++) {
+                inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+                inputElement.innerHTML = this.element.innerHTML;
             }
-            /* istanbul ignore next */
-            if (ejInstance[0].isPureReactComponent) {
-                if (!isNullOrUndefined(ejInstance[0].props.name)) {
-                    this.element.setAttribute('name', ejInstance[0].props.name);
-                }
-                else if (!isNullOrUndefined(ejInstance[0].props.id) && isNullOrUndefined(ejInstance[0].props.name)) {
-                    this.element.setAttribute('name', ejInstance[0].props.id);
-                }
-                else {
-                    this.element.setAttribute('name', 'UploadFiles');
-                }
+            if (!inputElement.hasAttribute('name')) {
+                inputElement.setAttribute('name', 'UploadFiles');
             }
-            if (isNullOrUndefined(this.element.getAttribute('name'))) {
-                this.element.setAttribute('name', this.element.getAttribute('id'));
+            this.element.appendChild(inputElement);
+            this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
+        }
+        /* istanbul ignore next */
+        if (ejInstance[0].isPureReactComponent) {
+            if (!isNullOrUndefined(ejInstance[0].props.name)) {
+                this.element.setAttribute('name', ejInstance[0].props.name);
             }
-            if (!this.element.hasAttribute('type')) {
-                this.element.setAttribute('type', 'file');
+            else if (!isNullOrUndefined(ejInstance[0].props.id) && isNullOrUndefined(ejInstance[0].props.name)) {
+                this.element.setAttribute('name', ejInstance[0].props.id);
+            }
+            else {
+                this.element.setAttribute('name', 'UploadFiles');
             }
-            this.updateDirectoryAttributes();
         }
+        if (isNullOrUndefined(this.element.getAttribute('name'))) {
+            this.element.setAttribute('name', this.element.getAttribute('id'));
+        }
+        if (!this.element.hasAttribute('type')) {
+            this.element.setAttribute('type', 'file');
+        }
+        this.updateDirectoryAttributes();
         this.keyConfigs = {
             enter: 'enter'
         };
@@ -428,29 +415,16 @@ var Uploader = /** @class */ (function (_super) {
      * @returns {void}
      */
     Uploader.prototype.render = function () {
-        if (!this.isServerBlazor) {
-            this.renderBrowseButton();
-            this.initializeUpload();
-            this.updateHTMLAttrToWrapper();
-            this.wireEvents();
-            this.setMultipleSelection();
-            this.setExtensions(this.allowedExtensions);
-            this.setRTL();
-            this.renderPreLoadFiles();
-            this.setControlStatus();
-            this.setCSSClass();
-        }
-        else {
-            this.dropAreaWrapper = closest(this.element, '.' + DROP_WRAPPER);
-            this.uploadWrapper = closest(this.element, '.e-upload.e-control-wrapper');
-            this.browseButton = this.dropAreaWrapper.querySelector('button.e-upload-browse-btn');
-            this.setDropArea();
-            this.renderPreLoadFiles();
-            this.wireEvents();
-        }
-        if (this.isServerBlazor) {
-            this.renderComplete();
-        }
+        this.renderBrowseButton();
+        this.initializeUpload();
+        this.updateHTMLAttrToWrapper();
+        this.wireEvents();
+        this.setMultipleSelection();
+        this.setExtensions(this.allowedExtensions);
+        this.setRTL();
+        this.renderPreLoadFiles();
+        this.setControlStatus();
+        this.setCSSClass();
     };
     Uploader.prototype.renderBrowseButton = function () {
         this.browseButton = this.createElement('button', { className: 'e-css e-btn', attrs: { 'type': 'button' } });
@@ -467,22 +441,20 @@ var Uploader = /** @class */ (function (_super) {
     };
     Uploader.prototype.renderActionButtons = function () {
         this.element.setAttribute('tabindex', '-1');
-        if (!(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
-            this.actionButtons = this.createElement('div', { className: ACTION_BUTTONS });
-            this.uploadButton = this.createElement('button', { className: UPLOAD_BUTTONS,
-                attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
-            this.clearButton = this.createElement('button', { className: CLEAR_BUTTONS,
-                attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
-            this.actionButtons.appendChild(this.clearButton);
-            this.actionButtons.appendChild(this.uploadButton);
-            this.renderButtonTemplates();
-            this.uploadWrapper.appendChild(this.actionButtons);
-            this.browseButton.blur();
-            if (!this.isPreloadFiles) {
-                this.uploadButton.focus();
-            }
-            this.wireActionButtonEvents();
+        this.actionButtons = this.createElement('div', { className: ACTION_BUTTONS });
+        this.uploadButton = this.createElement('button', { className: UPLOAD_BUTTONS,
+            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+        this.clearButton = this.createElement('button', { className: CLEAR_BUTTONS,
+            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+        this.actionButtons.appendChild(this.clearButton);
+        this.actionButtons.appendChild(this.uploadButton);
+        this.renderButtonTemplates();
+        this.uploadWrapper.appendChild(this.actionButtons);
+        this.browseButton.blur();
+        if (!this.isPreloadFiles) {
+            this.uploadButton.focus();
         }
+        this.wireActionButtonEvents();
     };
     /* istanbul ignore next */
     Uploader.prototype.serverActionButtonsEventBind = function (element) {
@@ -497,19 +469,6 @@ var Uploader = /** @class */ (function (_super) {
             this.checkActionButtonStatus();
         }
     };
-    /* istanbul ignore next */
-    Uploader.prototype.serverUlElement = function (element) {
-        if (element) {
-            if (this.isBlazorSaveUrl || this.isBlazorTemplate) {
-                this.listParent = element;
-                this.fileList = [].slice.call(this.listParent.querySelectorAll('li'));
-                this.serverRemoveIconBindEvent();
-                if (!this.isForm) {
-                    this.checkAutoUpload(this.filesData);
-                }
-            }
-        }
-    };
     Uploader.prototype.wireActionButtonEvents = function () {
         EventHandler.add(this.uploadButton, 'click', this.uploadButtonClick, this);
         EventHandler.add(this.clearButton, 'click', this.clearButtonClick, this);
@@ -521,9 +480,7 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.removeActionButtons = function () {
         if (this.actionButtons) {
             this.unwireActionButtonEvents();
-            if (!(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
-                detach(this.actionButtons);
-            }
+            detach(this.actionButtons);
             this.actionButtons = null;
         }
     };
@@ -647,7 +604,7 @@ var Uploader = /** @class */ (function (_super) {
                     if (!dropTextArea) {
                         this.createDropTextHint();
                     }
-                    else if (!this.isServerBlazor) {
+                    else {
                         dropTextArea.innerHTML = this.localizedTexts('dropFilesHint');
                     }
                 }
@@ -676,11 +633,9 @@ var Uploader = /** @class */ (function (_super) {
         }
     };
     Uploader.prototype.createDropTextHint = function () {
-        if (!this.isServerBlazor) {
-            var fileDropArea = this.createElement('span', { className: DROP_AREA });
-            fileDropArea.innerHTML = this.localizedTexts('dropFilesHint');
-            this.dropAreaWrapper.appendChild(fileDropArea);
-        }
+        var fileDropArea = this.createElement('span', { className: DROP_AREA });
+        fileDropArea.innerHTML = this.localizedTexts('dropFilesHint');
+        this.dropAreaWrapper.appendChild(fileDropArea);
     };
     Uploader.prototype.updateHTMLAttrToElement = function () {
         if (!isNullOrUndefined(this.htmlAttributes)) {
@@ -973,9 +928,6 @@ var Uploader = /** @class */ (function (_super) {
             return;
         }
         var selectedElement = args.target.parentElement;
-        if (this.isBlazorSaveUrl) {
-            this.fileList = [].slice.call(this.uploadWrapper.querySelectorAll('li'));
-        }
         var index = this.fileList.indexOf(selectedElement);
         var liElement = this.fileList[index];
         var formUpload = this.isFormUpload();
@@ -1017,27 +969,20 @@ var Uploader = /** @class */ (function (_super) {
         if (isNullOrUndefined(selectedElement)) {
             return;
         }
-        if (!this.isBlazorSaveUrl) {
-            detach(selectedElement);
-        }
+        detach(selectedElement);
         index = this.fileList.indexOf(selectedElement);
         this.fileList.splice(index, 1);
         this.filesData.splice(index, 1);
-        if (!this.isBlazorSaveUrl) {
-            if (this.fileList.length === 0 && !isNullOrUndefined(this.listParent)) {
-                detach(this.listParent);
-                this.listParent = null;
-                this.removeActionButtons();
-            }
-            if (this.sequentialUpload) {
-                /* istanbul ignore next */
-                if (index <= this.count) {
-                    --this.count;
-                }
-            }
+        if (this.fileList.length === 0 && !isNullOrUndefined(this.listParent)) {
+            detach(this.listParent);
+            this.listParent = null;
+            this.removeActionButtons();
         }
-        else {
-            this.interopAdaptor.invokeMethodAsync('removeFileData', index);
+        if (this.sequentialUpload) {
+            /* istanbul ignore next */
+            if (index <= this.count) {
+                --this.count;
+            }
         }
     };
     Uploader.prototype.removeUploadedFile = function (file, eventArgs, removeDirectly, custom) {
@@ -1048,14 +993,6 @@ var Uploader = /** @class */ (function (_super) {
         var formData = new FormData();
         ajax.beforeSend = function (e) {
             eventArgs.currentRequest = ajax.httpRequest;
-            if (isBlazor()) {
-                if (_this.currentRequestHeader) {
-                    _this.updateCustomheader(ajax.httpRequest, _this.currentRequestHeader);
-                }
-                if (_this.customFormDatas) {
-                    _this.updateFormData(formData, _this.customFormDatas);
-                }
-            }
             if (!removeDirectly) {
                 _this.trigger('removing', eventArgs, function (eventArgs) {
                     if (eventArgs.cancel) {
@@ -1070,15 +1007,6 @@ var Uploader = /** @class */ (function (_super) {
                 _this.removingEventCallback(eventArgs, formData, selectedFiles, file);
             }
         };
-        if (this.isServerBlazor) {
-            var name_1 = this.element.getAttribute('name');
-            if (!isNullOrUndefined(selectedFiles.rawFile) && selectedFiles.rawFile !== '') {
-                formData.append(name_1, selectedFiles.rawFile, selectedFiles.name);
-            }
-            else {
-                formData.append(name_1, selectedFiles.name);
-            }
-        }
         ajax.onLoad = function (e) {
             _this.removeCompleted(e, selectedFiles, custom);
             return {};
@@ -1102,15 +1030,13 @@ var Uploader = /** @class */ (function (_super) {
             createSpinner({ target: spinnerTarget, width: '20px' });
             showSpinner(spinnerTarget);
         }
-        if (!this.isServerBlazor) {
-            if (eventArgs.postRawFile && !isNullOrUndefined(selectedFiles.rawFile) && selectedFiles.rawFile !== '') {
-                formData.append(name, selectedFiles.rawFile, selectedFiles.name);
-            }
-            else {
-                formData.append(name, selectedFiles.name);
-            }
-            this.updateFormData(formData, eventArgs.customFormData);
+        if (eventArgs.postRawFile && !isNullOrUndefined(selectedFiles.rawFile) && selectedFiles.rawFile !== '') {
+            formData.append(name, selectedFiles.rawFile, selectedFiles.name);
         }
+        else {
+            formData.append(name, selectedFiles.name);
+        }
+        this.updateFormData(formData, eventArgs.customFormData);
     };
     /* istanbul ignore next */
     Uploader.prototype.updateFormData = function (formData, customData) {
@@ -1380,10 +1306,6 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype._internalRenderSelect = function (eventArgs, fileData) {
         if (!eventArgs.cancel) {
             /* istanbul ignore next */
-            if (isBlazor()) {
-                this.currentRequestHeader = eventArgs.currentRequest;
-                this.customFormDatas = eventArgs.customFormData;
-            }
             this.selectedFiles = this.selectedFiles.concat(fileData);
             this.btnTabIndex = this.disableKeyboardNavigation ? '-1' : '0';
             if (this.showFileList) {
@@ -1405,13 +1327,9 @@ var Uploader = /** @class */ (function (_super) {
                 }
                 else {
                     this.createFileList(fileData, true);
-                    if (!(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
-                        this.filesData = this.filesData.concat(fileData);
-                    }
+                    this.filesData = this.filesData.concat(fileData);
                     if (!this.isForm || this.allowUpload()) {
-                        if (!(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
-                            this.checkAutoUpload(fileData);
-                        }
+                        this.checkAutoUpload(fileData);
                     }
                 }
                 if (!isNullOrUndefined(eventArgs.progressInterval) && eventArgs.progressInterval !== '') {
@@ -1420,9 +1338,6 @@ var Uploader = /** @class */ (function (_super) {
             }
             else {
                 this.filesData = this.filesData.concat(fileData);
-                if (this.isBlazorSaveUrl) {
-                    this.interopAdaptor.invokeMethodAsync('updateServerFileData', this.filesData, this.isForm);
-                }
                 if (this.autoUpload) {
                     this.upload(this.filesData, true);
                 }
@@ -1447,7 +1362,7 @@ var Uploader = /** @class */ (function (_super) {
         return isFormUpload;
     };
     Uploader.prototype.clearData = function (singleUpload) {
-        if (!isNullOrUndefined(this.listParent) && !(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
+        if (!isNullOrUndefined(this.listParent)) {
             detach(this.listParent);
             this.listParent = null;
         }
@@ -1456,12 +1371,7 @@ var Uploader = /** @class */ (function (_super) {
         }
         this.fileList = [];
         this.filesData = [];
-        if (this.isBlazorSaveUrl || this.isBlazorTemplate) {
-            this.interopAdaptor.invokeMethodAsync('clearAll');
-        }
-        else {
-            this.removeActionButtons();
-        }
+        this.removeActionButtons();
     };
     Uploader.prototype.updateSortedFileList = function (filesData) {
         var previousListClone = this.createElement('div', { id: 'clonewrapper' });
@@ -1549,7 +1459,6 @@ var Uploader = /** @class */ (function (_super) {
     };
     Uploader.prototype.createCustomfileList = function (fileData) {
         this.createParentUL();
-        resetBlazorTemplate(this.element.id + 'Template', 'Template');
         for (var _i = 0, fileData_1 = fileData; _i < fileData_1.length; _i++) {
             var listItem = fileData_1[_i];
             var listElement = this.createElement('li', { className: FILE, attrs: { 'data-file-name': listItem.name } });
@@ -1578,7 +1487,6 @@ var Uploader = /** @class */ (function (_super) {
             this.fileList.push(listElement);
         }
         this.renderReactTemplates();
-        updateBlazorTemplate(this.element.id + 'Template', 'Template', this, false);
     };
     Uploader.prototype.createParentUL = function () {
         if (isNullOrUndefined(this.listParent)) {
@@ -1756,7 +1664,6 @@ var Uploader = /** @class */ (function (_super) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Uploader.prototype.formCustomFileList = function (fileData, files) {
         this.createParentUL();
-        resetBlazorTemplate(this.element.id + 'Template', 'Template');
         var fileList = this.createElement('li', { className: FILE });
         fileList.setAttribute('data-files-count', fileData.length + '');
         this.setListToFileInfo(fileData, fileList);
@@ -1789,7 +1696,6 @@ var Uploader = /** @class */ (function (_super) {
         this.listParent.appendChild(fileList);
         this.fileList.push(fileList);
         this.renderReactTemplates();
-        updateBlazorTemplate(this.element.id + 'Template', 'Template', this, false);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -1800,106 +1706,100 @@ var Uploader = /** @class */ (function (_super) {
      */
     Uploader.prototype.createFileList = function (fileData, isSelectedFile) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
-        if (this.isBlazorSaveUrl || this.isBlazorTemplate) {
-            var fileListData = (isSelectedFile) ? this.filesData = this.filesData.concat(fileData) : fileData;
-            this.interopAdaptor.invokeMethodAsync('createFileList', fileListData, this.isForm);
+        this.createParentUL();
+        if (this.template !== '' && !isNullOrUndefined(this.template)) {
+            if (this.isFormUpload()) {
+                this.uploadWrapper.classList.add(FORM_UPLOAD);
+                this.formCustomFileList(fileData, this.element.files);
+            }
+            else {
+                this.createCustomfileList(fileData);
+            }
+        }
+        else if (this.isFormUpload()) {
+            this.uploadWrapper.classList.add(FORM_UPLOAD);
+            this.formFileList(fileData, this.element.files);
         }
         else {
-            this.createParentUL();
-            if (this.template !== '' && !isNullOrUndefined(this.template)) {
-                if (this.isFormUpload()) {
-                    this.uploadWrapper.classList.add(FORM_UPLOAD);
-                    this.formCustomFileList(fileData, this.element.files);
+            for (var _i = 0, fileData_7 = fileData; _i < fileData_7.length; _i++) {
+                var listItem = fileData_7[_i];
+                var liElement = this.createElement('li', {
+                    className: FILE,
+                    attrs: { 'data-file-name': listItem.name, 'data-files-count': '1' }
+                });
+                var textContainer = this.createElement('span', { className: TEXT_CONTAINER });
+                var textElement = this.createElement('span', { className: FILE_NAME, attrs: { 'title': listItem.name } });
+                textElement.innerHTML = this.getFileNameOnly(listItem.name);
+                var fileExtension = this.createElement('span', { className: FILE_TYPE });
+                var fileType = this.getFileType(listItem.name);
+                fileExtension.innerHTML = '.' + fileType;
+                if (!fileType) {
+                    fileExtension.classList.add('e-hidden');
+                }
+                if (!this.enableRtl) {
+                    textContainer.appendChild(textElement);
+                    textContainer.appendChild(fileExtension);
                 }
                 else {
-                    this.createCustomfileList(fileData);
+                    var rtlContainer = this.createElement('span', { className: RTL_CONTAINER });
+                    rtlContainer.appendChild(fileExtension);
+                    rtlContainer.appendChild(textElement);
+                    textContainer.appendChild(rtlContainer);
+                }
+                var fileSize = this.createElement('span', { className: FILE_SIZE });
+                fileSize.innerHTML = this.bytesToSize(listItem.size);
+                textContainer.appendChild(fileSize);
+                var statusElement = this.createElement('span', { className: STATUS });
+                textContainer.appendChild(statusElement);
+                statusElement.innerHTML = listItem.status;
+                liElement.appendChild(textContainer);
+                var iconElement = this.createElement('span', { className: ' e-icons',
+                    attrs: { 'tabindex': this.btnTabIndex } });
+                /* istanbul ignore next */
+                if (this.browserName === 'msie') {
+                    iconElement.classList.add('e-msie');
+                }
+                iconElement.setAttribute('title', this.localizedTexts('remove'));
+                liElement.appendChild(iconElement);
+                EventHandler.add(iconElement, 'click', this.removeFiles, this);
+                if (listItem.statusCode === '2') {
+                    statusElement.classList.add(UPLOAD_SUCCESS);
+                    iconElement.classList.add(DELETE_ICON);
+                    iconElement.setAttribute('title', this.localizedTexts('delete'));
+                }
+                else if (listItem.statusCode !== '1') {
+                    statusElement.classList.remove(UPLOAD_SUCCESS);
+                    statusElement.classList.add(VALIDATION_FAILS);
                 }
-            }
-            else if (this.isFormUpload()) {
-                this.uploadWrapper.classList.add(FORM_UPLOAD);
-                this.formFileList(fileData, this.element.files);
-            }
-            else {
-                for (var _i = 0, fileData_7 = fileData; _i < fileData_7.length; _i++) {
-                    var listItem = fileData_7[_i];
-                    var liElement = this.createElement('li', {
-                        className: FILE,
-                        attrs: { 'data-file-name': listItem.name, 'data-files-count': '1' }
-                    });
-                    var textContainer = this.createElement('span', { className: TEXT_CONTAINER });
-                    var textElement = this.createElement('span', { className: FILE_NAME, attrs: { 'title': listItem.name } });
-                    textElement.innerHTML = this.getFileNameOnly(listItem.name);
-                    var fileExtension = this.createElement('span', { className: FILE_TYPE });
-                    var fileType = this.getFileType(listItem.name);
-                    fileExtension.innerHTML = '.' + fileType;
-                    if (!fileType) {
-                        fileExtension.classList.add('e-hidden');
-                    }
-                    if (!this.enableRtl) {
-                        textContainer.appendChild(textElement);
-                        textContainer.appendChild(fileExtension);
-                    }
-                    else {
-                        var rtlContainer = this.createElement('span', { className: RTL_CONTAINER });
-                        rtlContainer.appendChild(fileExtension);
-                        rtlContainer.appendChild(textElement);
-                        textContainer.appendChild(rtlContainer);
-                    }
-                    var fileSize = this.createElement('span', { className: FILE_SIZE });
-                    fileSize.innerHTML = this.bytesToSize(listItem.size);
-                    textContainer.appendChild(fileSize);
-                    var statusElement = this.createElement('span', { className: STATUS });
-                    textContainer.appendChild(statusElement);
-                    statusElement.innerHTML = listItem.status;
-                    liElement.appendChild(textContainer);
-                    var iconElement = this.createElement('span', { className: ' e-icons',
-                        attrs: { 'tabindex': this.btnTabIndex } });
-                    /* istanbul ignore next */
-                    if (this.browserName === 'msie') {
-                        iconElement.classList.add('e-msie');
-                    }
-                    iconElement.setAttribute('title', this.localizedTexts('remove'));
-                    liElement.appendChild(iconElement);
-                    EventHandler.add(iconElement, 'click', this.removeFiles, this);
-                    if (listItem.statusCode === '2') {
-                        statusElement.classList.add(UPLOAD_SUCCESS);
-                        iconElement.classList.add(DELETE_ICON);
-                        iconElement.setAttribute('title', this.localizedTexts('delete'));
-                    }
-                    else if (listItem.statusCode !== '1') {
-                        statusElement.classList.remove(UPLOAD_SUCCESS);
-                        statusElement.classList.add(VALIDATION_FAILS);
-                    }
-                    if (this.autoUpload && listItem.statusCode === '1' && this.asyncSettings.saveUrl !== '') {
-                        statusElement.innerHTML = '';
-                    }
-                    if (!iconElement.classList.contains(DELETE_ICON)) {
-                        iconElement.classList.add(REMOVE_ICON);
-                    }
-                    var index = fileData.indexOf(listItem);
-                    var eventArgs = {
-                        element: liElement,
-                        fileInfo: listItem,
-                        index: index,
-                        isPreload: this.isPreLoadFile(listItem)
-                    };
-                    var eventsArgs = {
-                        element: liElement,
-                        fileInfo: listItem,
-                        index: index,
-                        isPreload: this.isPreLoadFile(listItem)
-                    };
-                    this.trigger('rendering', eventArgs);
-                    this.trigger('fileListRendering', eventsArgs);
-                    this.listParent.appendChild(liElement);
-                    this.fileList.push(liElement);
-                    this.truncateName(textElement);
-                    var preventActionComplete = this.flag;
-                    if (this.isPreLoadFile(listItem)) {
-                        this.flag = false;
-                        this.checkActionComplete(true);
-                        this.flag = preventActionComplete;
-                    }
+                if (this.autoUpload && listItem.statusCode === '1' && this.asyncSettings.saveUrl !== '') {
+                    statusElement.innerHTML = '';
+                }
+                if (!iconElement.classList.contains(DELETE_ICON)) {
+                    iconElement.classList.add(REMOVE_ICON);
+                }
+                var index = fileData.indexOf(listItem);
+                var eventArgs = {
+                    element: liElement,
+                    fileInfo: listItem,
+                    index: index,
+                    isPreload: this.isPreLoadFile(listItem)
+                };
+                var eventsArgs = {
+                    element: liElement,
+                    fileInfo: listItem,
+                    index: index,
+                    isPreload: this.isPreLoadFile(listItem)
+                };
+                this.trigger('rendering', eventArgs);
+                this.trigger('fileListRendering', eventsArgs);
+                this.listParent.appendChild(liElement);
+                this.fileList.push(liElement);
+                this.truncateName(textElement);
+                var preventActionComplete = this.flag;
+                if (this.isPreLoadFile(listItem)) {
+                    this.flag = false;
+                    this.checkActionComplete(true);
+                    this.flag = preventActionComplete;
                 }
             }
         }
@@ -1963,18 +1863,8 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.updateStatus = function (files, status, statusCode, updateLiStatus) {
         if (updateLiStatus === void 0) { updateLiStatus = true; }
         if (!(status === '' || isNullOrUndefined(status)) && !(statusCode === '' || isNullOrUndefined(statusCode))) {
-            if (this.isBlazorSaveUrl) {
-                for (var i = 0; i < this.filesData.length; i++) {
-                    if (this.filesData[i].name === files.name) {
-                        this.filesData[i].status = status;
-                        this.filesData[i].statusCode = statusCode;
-                    }
-                }
-            }
-            else {
-                files.status = status;
-                files.statusCode = statusCode;
-            }
+            files.status = status;
+            files.statusCode = statusCode;
         }
         if (updateLiStatus) {
             var li = this.getLiElement(files);
@@ -1989,8 +1879,9 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.getLiElement = function (files) {
         var index;
         for (var i = 0; i < this.filesData.length; i++) {
-            if ((!isNullOrUndefined(this.filesData[i].id) && !isNullOrUndefined(files.id)) ? (this.filesData[i].name === files.name &&
-                this.filesData[i].id === files.id) : this.filesData[i].name === files.name) {
+            if (!isNullOrUndefined(files) && ((!isNullOrUndefined(this.filesData[i].id) &&
+                !isNullOrUndefined(files.id)) ? (this.filesData[i].name === files.name &&
+                this.filesData[i].id === files.id) : this.filesData[i].name === files.name)) {
                 index = i;
             }
         }
@@ -2082,8 +1973,8 @@ var Uploader = /** @class */ (function (_super) {
                     request.httpRequest.abort();
                     var formData = new FormData();
                     if (files.statusCode === '5') {
-                        var name_2 = _this.element.getAttribute('name');
-                        formData.append(name_2, files.name);
+                        var name_1 = _this.element.getAttribute('name');
+                        formData.append(name_1, files.name);
                         formData.append('cancel-uploading', files.name);
                         _this.updateFormData(formData, eventArgs.customFormData);
                         var ajax = new Ajax(_this.asyncSettings.removeUrl, 'POST', true, null);
@@ -2191,19 +2082,6 @@ var Uploader = /** @class */ (function (_super) {
         };
         return response;
     };
-    /* istanbul ignore next */
-    Uploader.prototype.serverRemoveIconBindEvent = function () {
-        if (this.uploadWrapper && this.isBlazorSaveUrl) {
-            var iconElement = [].slice.call(this.uploadWrapper.querySelectorAll('ul li'));
-            for (var i = 0; i < iconElement.length; i++) {
-                var removeIconEle = (iconElement[i]) ? iconElement[i].querySelector('.e-icons') : null;
-                if (removeIconEle) {
-                    EventHandler.remove(removeIconEle, 'click', this.removeFiles);
-                    EventHandler.add(removeIconEle, 'click', this.removeFiles, this);
-                }
-            }
-        }
-    };
     Uploader.prototype.raiseSuccessEvent = function (e, file) {
         var _this = this;
         var response = e && e.currentTarget ? this.getResponse(e) : null;
@@ -2211,22 +2089,18 @@ var Uploader = /** @class */ (function (_super) {
         var args = {
             e: e, response: response, operation: 'upload', file: this.updateStatus(file, statusMessage, '2', false), statusText: statusMessage
         };
-        if (!this.isBlazorSaveUrl) {
-            var liElement = this.getLiElement(file);
-            if (!isNullOrUndefined(liElement)) {
-                var spinnerEle = liElement.querySelector('.' + SPINNER_PANE);
-                if (!isNullOrUndefined(spinnerEle)) {
-                    hideSpinner(liElement);
-                    detach(spinnerEle);
-                }
+        var liElement = this.getLiElement(file);
+        if (!isNullOrUndefined(liElement)) {
+            var spinnerEle = liElement.querySelector('.' + SPINNER_PANE);
+            if (!isNullOrUndefined(spinnerEle)) {
+                hideSpinner(liElement);
+                detach(spinnerEle);
             }
         }
         this.trigger('success', args, function (args) {
             _this.updateStatus(file, args.statusText, '2');
             _this.uploadedFilesData.push(file);
-            if (!_this.isBlazorSaveUrl) {
-                _this.trigger('change', { file: _this.uploadedFilesData });
-            }
+            _this.trigger('change', { file: _this.uploadedFilesData });
             _this.checkActionButtonStatus();
             if (_this.fileList.length > 0) {
                 if ((!(_this.getLiElement(file)).classList.contains(RESTRICT_RETRY))) {
@@ -2473,15 +2347,6 @@ var Uploader = /** @class */ (function (_super) {
         ajax.beforeSend = function (e) {
             eventArgs.currentRequest = ajax.httpRequest;
             eventArgs.currentChunkIndex = metaData.chunkIndex;
-            /* istanbul ignore next */
-            if (isBlazor()) {
-                if (_this.currentRequestHeader) {
-                    _this.updateCustomheader(ajax.httpRequest, _this.currentRequestHeader);
-                }
-                if (_this.customFormDatas) {
-                    _this.updateFormData(formData, _this.customFormDatas);
-                }
-            }
             if (eventArgs.currentChunkIndex === 0) {
                 // This event is currently not required but to avoid breaking changes for previous customer, we have included.
                 _this.trigger('uploading', eventArgs, function (eventArgs) {
@@ -2580,8 +2445,8 @@ var Uploader = /** @class */ (function (_super) {
                         metaData.request.emitError = false;
                         response.abort();
                         var formData = new FormData();
-                        var name_3 = _this.element.getAttribute('name');
-                        formData.append(name_3, metaData.file.name);
+                        var name_2 = _this.element.getAttribute('name');
+                        formData.append(name_2, metaData.file.name);
                         formData.append('cancel-uploading', metaData.file.name);
                         formData.append('cancelUploading', metaData.file.name);
                         _this.updateFormData(formData, eventArgs.customFormData);
@@ -2963,9 +2828,9 @@ var Uploader = /** @class */ (function (_super) {
         var sortedFileNames = fileNames.sort();
         var sortedFilesData = [];
         for (var _i = 0, sortedFileNames_1 = sortedFileNames; _i < sortedFileNames_1.length; _i++) {
-            var name_4 = sortedFileNames_1[_i];
+            var name_3 = sortedFileNames_1[_i];
             for (var i = 0; i < files.length; i++) {
-                if (name_4 === files[i].name) {
+                if (name_3 === files[i].name) {
                     sortedFilesData.push(files[i]);
                 }
             }
@@ -2982,9 +2847,7 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.destroy = function () {
         this.element.value = null;
         this.clearTemplate();
-        if (!(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
-            this.clearAll();
-        }
+        this.clearAll();
         this.unWireEvents();
         this.unBindDropEvents();
         if (this.multiple) {
@@ -3000,17 +2863,12 @@ var Uploader = /** @class */ (function (_super) {
             var key = attributes_2[_i];
             this.element.removeAttribute(key);
         }
-        if (!this.isServerBlazor) {
-            if (!isNullOrUndefined(this.uploadWrapper)) {
-                this.uploadWrapper.parentElement.appendChild(this.element);
-                detach(this.uploadWrapper);
-            }
-            this.uploadWrapper = null;
-            _super.prototype.destroy.call(this);
-        }
-        else {
-            this.uploadWrapper = null;
+        if (!isNullOrUndefined(this.uploadWrapper)) {
+            this.uploadWrapper.parentElement.appendChild(this.element);
+            detach(this.uploadWrapper);
         }
+        this.uploadWrapper = null;
+        _super.prototype.destroy.call(this);
     };
     /**
      * Allows you to call the upload process manually by calling save URL action.
@@ -3036,11 +2894,6 @@ var Uploader = /** @class */ (function (_super) {
             };
             this.trigger('beforeUpload', eventArgs, function (eventArgs) {
                 if (!eventArgs.cancel) {
-                    if (isBlazor()) {
-                        _this.currentRequestHeader = eventArgs.currentRequest ? eventArgs.currentRequest : _this.currentRequestHeader;
-                        _this.customFormDatas = (eventArgs.customFormData && eventArgs.customFormData.length > 0) ?
-                            eventArgs.customFormData : _this.customFormDatas;
-                    }
                     _this.uploadFiles(uploadFiles_1, custom);
                 }
             });
@@ -3121,12 +2974,8 @@ var Uploader = /** @class */ (function (_super) {
         return this.filesData[index];
     };
     Uploader.prototype.uploadFiles = function (files, custom) {
-        var _this = this;
         var selectedFiles = [];
         if (this.asyncSettings.saveUrl === '' || isNullOrUndefined(this.asyncSettings.saveUrl)) {
-            if (this.isServerBlazor) {
-                this.interopAdaptor.invokeMethodAsync('GetFileDetails', files);
-            }
             return;
         }
         if (!custom || isNullOrUndefined(custom)) {
@@ -3142,23 +2991,8 @@ var Uploader = /** @class */ (function (_super) {
         else {
             selectedFiles = files;
         }
-        var _loop_5 = function (i) {
-            if (this_3.isServerBlazor && !this_3.checkChunkUpload()) {
-                /* istanbul ignore next */
-                if (selectedFiles[i] && selectedFiles[i].rawFile instanceof File) {
-                    this_3.getBase64(selectedFiles[i].rawFile).then(function (data) {
-                        _this.base64String.push(data);
-                        _this.uploadFilesRequest(selectedFiles, i, custom);
-                    });
-                }
-            }
-            else {
-                this_3.uploadFilesRequest(selectedFiles, i, custom);
-            }
-        };
-        var this_3 = this;
         for (var i = 0; i < selectedFiles.length; i++) {
-            _loop_5(i);
+            this.uploadFilesRequest(selectedFiles, i, custom);
         }
     };
     Uploader.prototype.uploadFilesRequest = function (selectedFiles, i, custom) {
@@ -3168,34 +3002,16 @@ var Uploader = /** @class */ (function (_super) {
         var ajax = new Ajax(this.asyncSettings.saveUrl, 'POST', true, null);
         ajax.emitError = false;
         var getFileData;
-        /* istanbul ignore next */
-        if (this.isServerBlazor) {
-            getFileData = selectedFiles.slice(0);
-            cloneFiles.push(getFileData[i].rawFile);
-        }
         var eventArgs = {
-            fileData: (this.isServerBlazor) ? getFileData[i] : selectedFiles[i],
+            fileData: selectedFiles[i],
             customFormData: [],
             cancel: false
         };
         var formData = new FormData();
         ajax.beforeSend = function (e) {
             eventArgs.currentRequest = ajax.httpRequest;
-            /* istanbul ignore next */
-            if (isBlazor()) {
-                eventArgs.fileData.rawFile = !chunkEnabled ? _this.base64String[i] : eventArgs.fileData.rawFile;
-                if (_this.currentRequestHeader) {
-                    _this.updateCustomheader(ajax.httpRequest, _this.currentRequestHeader);
-                }
-                if (_this.customFormDatas) {
-                    _this.updateFormData(formData, _this.customFormDatas);
-                }
-            }
             _this.trigger('uploading', eventArgs, function (eventArgs) {
                 /* istanbul ignore next */
-                if (_this.isServerBlazor && !chunkEnabled) {
-                    selectedFiles[i].rawFile = eventArgs.fileData.rawFile = cloneFiles[i];
-                }
                 if (eventArgs.cancel) {
                     _this.eventCancelByArgs(e, eventArgs, selectedFiles[i]);
                 }
@@ -3203,14 +3019,14 @@ var Uploader = /** @class */ (function (_super) {
             });
         };
         if (selectedFiles[i].statusCode === '1') {
-            var name_5 = this.element.getAttribute('name');
-            formData.append(name_5, selectedFiles[i].rawFile, selectedFiles[i].name);
+            var name_4 = this.element.getAttribute('name');
+            formData.append(name_4, selectedFiles[i].rawFile, selectedFiles[i].name);
             if (chunkEnabled && selectedFiles[i].size > this.asyncSettings.chunkSize) {
                 this.chunkUpload(selectedFiles[i], custom, i);
             }
             else {
                 ajax.onLoad = function (e) {
-                    if (eventArgs.cancel && _this.isServerBlazor) {
+                    if (eventArgs.cancel) {
                         return {};
                     }
                     else {
@@ -3219,7 +3035,7 @@ var Uploader = /** @class */ (function (_super) {
                     }
                 };
                 ajax.onUploadProgress = function (e) {
-                    if (eventArgs.cancel && _this.isServerBlazor) {
+                    if (eventArgs.cancel) {
                         return {};
                     }
                     else {
@@ -3281,11 +3097,7 @@ var Uploader = /** @class */ (function (_super) {
         };
         this.trigger('beforeRemove', beforeEventArgs, function (beforeEventArgs) {
             if (!beforeEventArgs.cancel) {
-                if (isBlazor()) {
-                    _this.currentRequestHeader = beforeEventArgs.currentRequest;
-                    _this.customFormDatas = beforeEventArgs.customFormData;
-                }
-                if (_this.isFormUpload() && !_this.isBlazorSaveUrl) {
+                if (_this.isFormUpload()) {
                     eventArgs.filesData = fileData;
                     _this.trigger('removing', eventArgs, function (eventArgs) {
                         if (!eventArgs.cancel) {
@@ -3312,8 +3124,7 @@ var Uploader = /** @class */ (function (_super) {
                         }
                     });
                 }
-                else if (_this.isForm && (isNullOrUndefined(_this.asyncSettings.removeUrl) || _this.asyncSettings.removeUrl === '')
-                    && !_this.isBlazorSaveUrl) {
+                else if (_this.isForm && (isNullOrUndefined(_this.asyncSettings.removeUrl) || _this.asyncSettings.removeUrl === '')) {
                     eventArgs.filesData = _this.getFilesData();
                     _this.trigger('removing', eventArgs, function (eventArgs) {
                         if (!eventArgs.cancel) {
@@ -3333,7 +3144,7 @@ var Uploader = /** @class */ (function (_super) {
                     eventArgs.filesData = removeFiles;
                     var removeUrl = _this.asyncSettings.removeUrl;
                     var validUrl = (removeUrl === '' || isNullOrUndefined(removeUrl)) ? false : true;
-                    var _loop_6 = function (files) {
+                    var _loop_5 = function (files) {
                         var fileUploadedIndex = _this.uploadedFilesData.indexOf(files);
                         if ((files.statusCode === '2' || files.statusCode === '4' || (files.statusCode === '0' &&
                             fileUploadedIndex !== -1)) && validUrl) {
@@ -3357,7 +3168,7 @@ var Uploader = /** @class */ (function (_super) {
                     };
                     for (var _i = 0, removeFiles_1 = removeFiles; _i < removeFiles_1.length; _i++) {
                         var files = removeFiles_1[_i];
-                        _loop_6(files);
+                        _loop_5(files);
                     }
                 }
             }
@@ -3371,7 +3182,7 @@ var Uploader = /** @class */ (function (_super) {
      */
     Uploader.prototype.clearAll = function () {
         var _this = this;
-        if (isNullOrUndefined(this.listParent) && !(this.isBlazorSaveUrl || this.isBlazorTemplate)) {
+        if (isNullOrUndefined(this.listParent)) {
             if (this.browserName !== 'msie') {
                 this.element.value = '';
             }
@@ -3398,19 +3209,11 @@ var Uploader = /** @class */ (function (_super) {
      * @returns {FileInfo[]}
      */
     Uploader.prototype.getFilesData = function (index) {
-        if (!this.isServerBlazor) {
-            if (isNullOrUndefined(index)) {
-                return this.filesData;
-            }
-            else {
-                return this.getSelectedFiles(index);
-            }
+        if (isNullOrUndefined(index)) {
+            return this.filesData;
         }
         else {
-            for (var i = 0; i < this.filesData.length; i++) {
-                this.filesData[i].rawFile = this.base64String[i];
-            }
-            return this.filesData;
+            return this.getSelectedFiles(index);
         }
     };
     /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */