@syncfusion/ej2-inputs 19.2.59 → 19.3.47

package/dist/es6/ej2-inputs.es5.js

@@ -1,4 +1,4 @@
-import { Ajax, Animation, Base, Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, append, attributes, classList, closest, compile, createElement, detach, extend, formatUnit, getInstance, getNumericObject, getUniqueID, getValue, isBlazor, isNullOrUndefined, merge, onIntlChange, remove, removeClass, resetBlazorTemplate, rippleEffect, select, selectAll, setStyleAttribute, setValue, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { Ajax, Animation, Base, Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, append, attributes, classList, closest, compile, createElement, detach, extend, formatUnit, getInstance, getNumericObject, getUniqueID, getValue, isNullOrUndefined, merge, onIntlChange, remove, removeClass, rippleEffect, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
 import { Popup, Tooltip, createSpinner, getZindexPartial, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { Deferred, SplitButton, getModel } from '@syncfusion/ej2-splitbuttons';
 
@@ -915,15 +915,13 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
             this.element = input;
             setValue('ej2_instances', ejInstance, this.element);
         }
-        if (!(isBlazor() && this.isServerRendered)) {
-            attributes(this.element, { 'role': 'spinbutton', 'tabindex': '0', 'autocomplete': 'off', 'aria-live': 'assertive' });
-            var localeText = {
-                incrementTitle: 'Increment value', decrementTitle: 'Decrement value', placeholder: this.placeholder
-            };
-            this.l10n = new L10n('numerictextbox', localeText, this.locale);
-            if (this.l10n.getConstant('placeholder') !== '') {
-                this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
-            }
+        attributes(this.element, { 'role': 'spinbutton', 'tabindex': '0', 'autocomplete': 'off', 'aria-live': 'assertive' });
+        var localeText = {
+            incrementTitle: 'Increment value', decrementTitle: 'Decrement value', placeholder: this.placeholder
+        };
+        this.l10n = new L10n('numerictextbox', localeText, this.locale);
+        if (this.l10n.getConstant('placeholder') !== '') {
+            this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
         }
         this.isValidState = true;
         this.inputStyle = null;
@@ -932,16 +930,14 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
         this.initCultureInfo();
         this.initCultureFunc();
         this.prevValue = this.value;
-        if (!(isBlazor() && this.isServerRendered)) {
-            this.updateHTMLAttrToElement();
-            this.checkAttributes(false);
-            if (this.formEle) {
-                this.inputEleValue = this.value;
-            }
+        this.updateHTMLAttrToElement();
+        this.checkAttributes(false);
+        if (this.formEle) {
+            this.inputEleValue = this.value;
         }
         this.validateMinMax();
         this.validateStep();
-        if (this.placeholder === null && !(isBlazor() && this.isServerRendered)) {
+        if (this.placeholder === null) {
             this.updatePlaceholder();
         }
     };
@@ -953,47 +949,26 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
      */
     NumericTextBox.prototype.render = function () {
         if (this.element.tagName.toLowerCase() === 'input') {
-            if (!(isBlazor() && this.isServerRendered)) {
-                this.createWrapper();
-                if (this.showSpinButton) {
-                    this.spinBtnCreation();
-                }
-                this.setElementWidth(this.width);
-                if (!this.container.classList.contains('e-input-group')) {
-                    this.container.classList.add('e-input-group');
-                }
-                this.changeValue(this.value === null || isNaN(this.value) ?
-                    null : this.strictMode ? this.trimValue(this.value) : this.value);
+            this.createWrapper();
+            if (this.showSpinButton) {
+                this.spinBtnCreation();
             }
-            else {
-                this.container = this.element.parentElement;
-                this.inputWrapper = { container: this.container };
-                this.hiddenInput = this.container.querySelector('input[type="hidden"]');
-                if (this.showClearButton) {
-                    this.inputWrapper.clearButton = this.container.querySelector('.e-clear-icon');
-                    Input.wireClearBtnEvents(this.element, this.inputWrapper.clearButton, this.inputWrapper.container);
-                }
-                if (this.showSpinButton) {
-                    this.spinDown = this.container.querySelector('.' + SPINDOWN);
-                    this.spinUp = this.container.querySelector('.' + SPINUP);
-                    this.wireSpinBtnEvents();
-                }
-                Input.bindInitialEvent({
-                    element: this.element, buttons: null, customTag: null, floatLabelType: this.floatLabelType, properties: this.properties
-                });
+            this.setElementWidth(this.width);
+            if (!this.container.classList.contains('e-input-group')) {
+                this.container.classList.add('e-input-group');
             }
+            this.changeValue(this.value === null || isNaN(this.value) ?
+                null : this.strictMode ? this.trimValue(this.value) : this.value);
             this.wireEvents();
-            if (!(isBlazor() && this.isServerRendered)) {
-                if (this.value !== null && !isNaN(this.value)) {
-                    if (this.decimals) {
-                        this.setProperties({ value: this.roundNumber(this.value, this.decimals) }, true);
-                    }
-                }
-                if (this.element.getAttribute('value') || this.value) {
-                    this.element.setAttribute('value', this.element.value);
-                    this.hiddenInput.setAttribute('value', this.hiddenInput.value);
+            if (this.value !== null && !isNaN(this.value)) {
+                if (this.decimals) {
+                    this.setProperties({ value: this.roundNumber(this.value, this.decimals) }, true);
                 }
             }
+            if (this.element.getAttribute('value') || this.value) {
+                this.element.setAttribute('value', this.element.value);
+                this.hiddenInput.setAttribute('value', this.hiddenInput.value);
+            }
             this.elementPrevValue = this.element.value;
             if (this.element.hasAttribute('data-val')) {
                 this.element.setAttribute('data-val', 'false');
@@ -1908,25 +1883,23 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
      */
     NumericTextBox.prototype.destroy = function () {
         this.unwireEvents();
-        if (!(isBlazor() && this.isServerRendered)) {
-            detach(this.hiddenInput);
-            if (this.showSpinButton) {
-                this.unwireSpinBtnEvents();
-                detach(this.spinUp);
-                detach(this.spinDown);
-            }
-            var attrArray = ['aria-labelledby', 'role', 'autocomplete', 'aria-readonly',
-                'autocorrect', 'aria-disabled', 'aria-placeholder', 'autocapitalize',
-                'spellcheck', 'aria-autocomplete', 'tabindex', 'aria-valuemin',
-                'aria-valuemax', 'aria-live', 'aria-valuenow', 'aria-invalid'];
-            for (var i = 0; i < attrArray.length; i++) {
-                this.element.removeAttribute(attrArray[i]);
-            }
-            this.element.classList.remove('e-input');
-            this.container.insertAdjacentElement('afterend', this.element);
-            detach(this.container);
-            _super.prototype.destroy.call(this);
+        detach(this.hiddenInput);
+        if (this.showSpinButton) {
+            this.unwireSpinBtnEvents();
+            detach(this.spinUp);
+            detach(this.spinDown);
         }
+        var attrArray = ['aria-labelledby', 'role', 'autocomplete', 'aria-readonly',
+            'autocorrect', 'aria-disabled', 'aria-placeholder', 'autocapitalize',
+            'spellcheck', 'aria-autocomplete', 'tabindex', 'aria-valuemin',
+            'aria-valuemax', 'aria-live', 'aria-valuenow', 'aria-invalid'];
+        for (var i = 0; i < attrArray.length; i++) {
+            this.element.removeAttribute(attrArray[i]);
+        }
+        this.element.classList.remove('e-input');
+        this.container.insertAdjacentElement('afterend', this.element);
+        detach(this.container);
+        _super.prototype.destroy.call(this);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-returns */
     /**
@@ -2080,33 +2053,16 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
         }
     };
     NumericTextBox.prototype.updateClearButton = function (newProp) {
-        if (isBlazor()) {
-            if (this.showClearButton) {
-                this.inputWrapper.clearButton = this.container.querySelector('.e-clear-icon');
-                Input.wireClearBtnEvents(this.element, this.inputWrapper.clearButton, this.inputWrapper.container);
-            }
-        }
-        else {
-            Input.setClearButton(newProp.showClearButton, this.element, this.inputWrapper, undefined, this.createElement);
-            this.bindClearEvent();
-        }
+        Input.setClearButton(newProp.showClearButton, this.element, this.inputWrapper, undefined, this.createElement);
+        this.bindClearEvent();
     };
     NumericTextBox.prototype.updateSpinButton = function (newProp) {
-        if (isBlazor()) {
-            if (this.showSpinButton) {
-                this.spinDown = this.container.querySelector('.' + SPINDOWN);
-                this.spinUp = this.container.querySelector('.' + SPINUP);
-                this.wireSpinBtnEvents();
-            }
+        if (newProp.showSpinButton) {
+            this.spinBtnCreation();
         }
         else {
-            if (newProp.showSpinButton) {
-                this.spinBtnCreation();
-            }
-            else {
-                detach(this.spinUp);
-                detach(this.spinDown);
-            }
+            detach(this.spinUp);
+            detach(this.spinDown);
         }
     };
     /**
@@ -3484,9 +3440,7 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     MaskedTextBox.prototype.render = function () {
-        var _this = this;
         if (this.element.tagName.toLowerCase() === 'input') {
-            var checkBlazor = isBlazor() && this.isServerRendered;
             if (this.floatLabelType === 'Never') {
                 addClass([this.element], INPUT);
             }
@@ -3496,14 +3450,7 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
                 this.element.setAttribute('name', this.element.id);
             }
             this.isInitial = true;
-            if (checkBlazor && Browser.isIE === true) {
-                setTimeout(function () {
-                    _this.resetMaskedTextBox();
-                });
-            }
-            else {
-                this.resetMaskedTextBox();
-            }
+            this.resetMaskedTextBox();
             this.isInitial = false;
             this.setMaskPlaceholder(true, false);
             this.setWidth(this.width);
@@ -4177,11 +4124,19 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     Slider.prototype.render = function () {
+        var _this = this;
         this.initialize();
         this.initRender();
         this.wireEvents();
         this.setZindex();
         this.renderComplete();
+        if (this.element.tagName === 'EJS-SLIDER') {
+            if (this.getTheme(this.sliderContainer) == "none") {
+                setTimeout(function () {
+                    _this.refresh();
+                }, 0);
+            }
+        }
     };
     Slider.prototype.initialize = function () {
         addClass([this.element], classNames.root);
@@ -4300,6 +4255,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
             || this.getTheme(this.sliderContainer) === 'bootstrap-dark';
         this.isBootstrap4 = this.getTheme(this.sliderContainer) === 'bootstrap4';
         this.isTailwind = this.getTheme(this.sliderContainer) === 'tailwind' || this.getTheme(this.sliderContainer) === 'tailwind-dark';
+        this.isBootstrap5 = this.getTheme(this.sliderContainer) === 'bootstrap5';
         this.isMaterialTooltip = this.isMaterial && this.type !== 'Range' && this.tooltip.isVisible;
     };
     Slider.prototype.createRangeBar = function () {
@@ -4790,7 +4746,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
     };
     Slider.prototype.renderTooltip = function () {
         this.tooltipObj = new Tooltip({
-            showTipPointer: this.isBootstrap || this.isMaterial || this.isBootstrap4 || this.isTailwind,
+            showTipPointer: this.isBootstrap || this.isMaterial || this.isBootstrap4 || this.isTailwind || this.isBootstrap5,
             cssClass: classNames.sliderTooltip,
             height: this.isMaterial ? 30 : 'auto',
             animation: { open: { effect: 'None' }, close: { effect: 'FadeOut', duration: 500 } },
@@ -7856,9 +7812,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     this.updateDirectoryAttributes();
                     break;
                 case 'template':
-                    if (!this.isServerBlazor) {
-                        this.clearAll();
-                    }
+                    this.clearAll();
                     break;
                 case 'minFileSize':
                 case 'maxFileSize':
@@ -7959,55 +7913,44 @@ var Uploader = /** @__PURE__ @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);
             }
-            this.updateDirectoryAttributes();
+            else {
+                this.element.setAttribute('name', 'UploadFiles');
+            }
+        }
+        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'
         };
@@ -8058,29 +8001,16 @@ var Uploader = /** @__PURE__ @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' } });
@@ -8097,22 +8027,20 @@ var Uploader = /** @__PURE__ @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) {
@@ -8127,19 +8055,6 @@ var Uploader = /** @__PURE__ @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);
@@ -8151,9 +8066,7 @@ var Uploader = /** @__PURE__ @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;
         }
     };
@@ -8277,7 +8190,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     if (!dropTextArea) {
                         this.createDropTextHint();
                     }
-                    else if (!this.isServerBlazor) {
+                    else {
                         dropTextArea.innerHTML = this.localizedTexts('dropFilesHint');
                     }
                 }
@@ -8306,11 +8219,9 @@ var Uploader = /** @__PURE__ @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)) {
@@ -8603,9 +8514,6 @@ var Uploader = /** @__PURE__ @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();
@@ -8647,27 +8555,20 @@ var Uploader = /** @__PURE__ @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) {
@@ -8678,14 +8579,6 @@ var Uploader = /** @__PURE__ @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) {
@@ -8700,15 +8593,6 @@ var Uploader = /** @__PURE__ @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 {};
@@ -8732,15 +8616,13 @@ var Uploader = /** @__PURE__ @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) {
@@ -9010,10 +8892,6 @@ var Uploader = /** @__PURE__ @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) {
@@ -9035,13 +8913,9 @@ var Uploader = /** @__PURE__ @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 !== '') {
@@ -9050,9 +8924,6 @@ var Uploader = /** @__PURE__ @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);
                 }
@@ -9077,7 +8948,7 @@ var Uploader = /** @__PURE__ @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;
         }
@@ -9086,12 +8957,7 @@ var Uploader = /** @__PURE__ @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' });
@@ -9179,7 +9045,6 @@ var Uploader = /** @__PURE__ @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 } });
@@ -9208,7 +9073,6 @@ var Uploader = /** @__PURE__ @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)) {
@@ -9386,7 +9250,6 @@ var Uploader = /** @__PURE__ @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);
@@ -9419,7 +9282,6 @@ var Uploader = /** @__PURE__ @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 */
     /**
@@ -9430,106 +9292,100 @@ var Uploader = /** @__PURE__ @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;
                 }
             }
         }
@@ -9593,18 +9449,8 @@ var Uploader = /** @__PURE__ @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);
@@ -9619,8 +9465,9 @@ var Uploader = /** @__PURE__ @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;
             }
         }
@@ -9712,8 +9559,8 @@ var Uploader = /** @__PURE__ @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);
@@ -9821,19 +9668,6 @@ var Uploader = /** @__PURE__ @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;
@@ -9841,22 +9675,18 @@ var Uploader = /** @__PURE__ @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))) {
@@ -10103,15 +9933,6 @@ var Uploader = /** @__PURE__ @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) {
@@ -10210,8 +10031,8 @@ var Uploader = /** @__PURE__ @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);
@@ -10593,9 +10414,9 @@ var Uploader = /** @__PURE__ @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]);
                 }
             }
@@ -10612,9 +10433,7 @@ var Uploader = /** @__PURE__ @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) {
@@ -10630,17 +10449,12 @@ var Uploader = /** @__PURE__ @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.
@@ -10666,11 +10480,6 @@ var Uploader = /** @__PURE__ @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);
                 }
             });
@@ -10751,12 +10560,8 @@ var Uploader = /** @__PURE__ @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)) {
@@ -10772,60 +10577,25 @@ var Uploader = /** @__PURE__ @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) {
         var _this = this;
-        var cloneFiles = [];
         var chunkEnabled = this.checkChunkUpload();
         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]);
                 }
@@ -10833,14 +10603,14 @@ var Uploader = /** @__PURE__ @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 {
@@ -10849,7 +10619,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     }
                 };
                 ajax.onUploadProgress = function (e) {
-                    if (eventArgs.cancel && _this.isServerBlazor) {
+                    if (eventArgs.cancel) {
                         return {};
                     }
                     else {
@@ -10911,11 +10681,7 @@ var Uploader = /** @__PURE__ @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) {
@@ -10942,8 +10708,7 @@ var Uploader = /** @__PURE__ @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) {
@@ -10963,7 +10728,7 @@ var Uploader = /** @__PURE__ @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) {
@@ -10987,7 +10752,7 @@ var Uploader = /** @__PURE__ @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);
                     }
                 }
             }
@@ -11001,7 +10766,7 @@ var Uploader = /** @__PURE__ @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 = '';
             }
@@ -11028,19 +10793,11 @@ var Uploader = /** @__PURE__ @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 */
@@ -13342,72 +13099,70 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
         return (!str || /^\s*$/.test(str));
     };
     TextBox.prototype.preRender = function () {
-        if (!(isBlazor() && this.isServerRendered)) {
-            this.cloneElement = this.element.cloneNode(true);
-            this.formElement = closest(this.element, 'form');
-            if (!isNullOrUndefined(this.formElement)) {
-                this.isForm = true;
-            }
-            /* istanbul ignore next */
-            if (this.element.tagName === 'EJS-TEXTBOX') {
-                var ejInstance = getValue('ej2_instances', this.element);
-                var inputElement = this.multiline ?
-                    this.createElement('textarea') :
-                    this.createElement('input');
-                var index = 0;
-                for (index; index < this.element.attributes.length; index++) {
-                    var attributeName = this.element.attributes[index].nodeName;
-                    if (attributeName !== 'id') {
-                        inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
-                        inputElement.innerHTML = this.element.innerHTML;
-                        if (attributeName === 'name') {
-                            this.element.removeAttribute('name');
-                        }
+        this.cloneElement = this.element.cloneNode(true);
+        this.formElement = closest(this.element, 'form');
+        if (!isNullOrUndefined(this.formElement)) {
+            this.isForm = true;
+        }
+        /* istanbul ignore next */
+        if (this.element.tagName === 'EJS-TEXTBOX') {
+            var ejInstance = getValue('ej2_instances', this.element);
+            var inputElement = this.multiline ?
+                this.createElement('textarea') :
+                this.createElement('input');
+            var index = 0;
+            for (index; index < this.element.attributes.length; index++) {
+                var attributeName = this.element.attributes[index].nodeName;
+                if (attributeName !== 'id') {
+                    inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
+                    inputElement.innerHTML = this.element.innerHTML;
+                    if (attributeName === 'name') {
+                        this.element.removeAttribute('name');
                     }
                 }
-                this.element.appendChild(inputElement);
-                this.element = inputElement;
-                setValue('ej2_instances', ejInstance, this.element);
-            }
-            this.updateHTMLAttrToElement();
-            this.checkAttributes(false);
-            if (this.element.tagName !== 'TEXTAREA') {
-                this.element.setAttribute('type', this.type);
-            }
-            this.element.setAttribute('role', 'textbox');
-            this.globalize = new Internationalization(this.locale);
-            var localeText = { placeholder: this.placeholder };
-            this.l10n = new L10n('textbox', localeText, this.locale);
-            if (this.l10n.getConstant('placeholder') !== '') {
-                this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
-            }
-            if (!this.element.hasAttribute('id')) {
-                this.element.setAttribute('id', getUniqueID('textbox'));
             }
-            if (!this.element.hasAttribute('name')) {
-                this.element.setAttribute('name', this.element.getAttribute('id'));
-            }
-            if (this.element.tagName === 'INPUT' && this.multiline) {
-                this.isHiddenInput = true;
-                this.textarea = this.createElement('textarea');
-                this.element.parentNode.insertBefore(this.textarea, this.element);
-                this.element.setAttribute('type', 'hidden');
-                this.textarea.setAttribute('name', this.element.getAttribute('name'));
-                this.element.removeAttribute('name');
-                this.textarea.setAttribute('role', this.element.getAttribute('role'));
-                this.element.removeAttribute('role');
-                this.textarea.setAttribute('id', getUniqueID('textarea'));
-                var apiAttributes = ['placeholder', 'disabled', 'value', 'readonly', 'type', 'autocomplete'];
-                for (var index = 0; index < this.element.attributes.length; index++) {
-                    var attributeName = this.element.attributes[index].nodeName;
-                    if (this.element.hasAttribute(attributeName) && containerAttr.indexOf(attributeName) < 0 &&
-                        !(attributeName === 'id' || attributeName === 'type' || attributeName === 'e-mappinguid')) {
-                        // e-mappinguid attribute is handled for Grid component.
-                        this.textarea.setAttribute(attributeName, this.element.attributes[index].nodeValue);
-                        if (apiAttributes.indexOf(attributeName) < 0) {
-                            this.element.removeAttribute(attributeName);
-                            index--;
-                        }
+            this.element.appendChild(inputElement);
+            this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
+        }
+        this.updateHTMLAttrToElement();
+        this.checkAttributes(false);
+        if (this.element.tagName !== 'TEXTAREA') {
+            this.element.setAttribute('type', this.type);
+        }
+        this.element.setAttribute('role', 'textbox');
+        this.globalize = new Internationalization(this.locale);
+        var localeText = { placeholder: this.placeholder };
+        this.l10n = new L10n('textbox', localeText, this.locale);
+        if (this.l10n.getConstant('placeholder') !== '') {
+            this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
+        }
+        if (!this.element.hasAttribute('id')) {
+            this.element.setAttribute('id', getUniqueID('textbox'));
+        }
+        if (!this.element.hasAttribute('name')) {
+            this.element.setAttribute('name', this.element.getAttribute('id'));
+        }
+        if (this.element.tagName === 'INPUT' && this.multiline) {
+            this.isHiddenInput = true;
+            this.textarea = this.createElement('textarea');
+            this.element.parentNode.insertBefore(this.textarea, this.element);
+            this.element.setAttribute('type', 'hidden');
+            this.textarea.setAttribute('name', this.element.getAttribute('name'));
+            this.element.removeAttribute('name');
+            this.textarea.setAttribute('role', this.element.getAttribute('role'));
+            this.element.removeAttribute('role');
+            this.textarea.setAttribute('id', getUniqueID('textarea'));
+            var apiAttributes = ['placeholder', 'disabled', 'value', 'readonly', 'type', 'autocomplete'];
+            for (var index = 0; index < this.element.attributes.length; index++) {
+                var attributeName = this.element.attributes[index].nodeName;
+                if (this.element.hasAttribute(attributeName) && containerAttr.indexOf(attributeName) < 0 &&
+                    !(attributeName === 'id' || attributeName === 'type' || attributeName === 'e-mappinguid')) {
+                    // e-mappinguid attribute is handled for Grid component.
+                    this.textarea.setAttribute(attributeName, this.element.attributes[index].nodeValue);
+                    if (apiAttributes.indexOf(attributeName) < 0) {
+                        this.element.removeAttribute(attributeName);
+                        index--;
                     }
                 }
             }
@@ -13470,37 +13225,22 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
             updatedCssClassValue = this.getInputValidClassList(this.cssClass);
         }
-        if (!(isBlazor() && this.isServerRendered)) {
-            this.respectiveElement = (this.isHiddenInput) ? this.textarea : this.element;
-            this.textboxWrapper = Input.createInput({
-                element: this.respectiveElement,
-                floatLabelType: this.floatLabelType,
-                properties: {
-                    enabled: this.enabled,
-                    enableRtl: this.enableRtl,
-                    cssClass: updatedCssClassValue,
-                    readonly: this.readonly,
-                    placeholder: this.placeholder,
-                    showClearButton: this.showClearButton
-                }
-            });
-            this.updateHTMLAttrToWrapper();
-            if (this.isHiddenInput) {
-                this.respectiveElement.parentNode.insertBefore(this.element, this.respectiveElement);
-            }
-        }
-        else {
-            this.respectiveElement = this.element;
-            this.textboxWrapper = { container: this.element.parentElement };
-            if (this.showClearButton && !this.multiline) {
-                this.textboxWrapper.clearButton = this.textboxWrapper.container.querySelector('.e-clear-icon');
-                Input.wireClearBtnEvents(this.respectiveElement, this.textboxWrapper.clearButton, this.textboxWrapper.container);
-            }
-            if (this.floatLabelType === 'Auto') {
-                Input.wireFloatingEvents(this.respectiveElement);
+        this.respectiveElement = (this.isHiddenInput) ? this.textarea : this.element;
+        this.textboxWrapper = Input.createInput({
+            element: this.respectiveElement,
+            floatLabelType: this.floatLabelType,
+            properties: {
+                enabled: this.enabled,
+                enableRtl: this.enableRtl,
+                cssClass: updatedCssClassValue,
+                readonly: this.readonly,
+                placeholder: this.placeholder,
+                showClearButton: this.showClearButton
             }
-            // eslint-disable-next-line max-len, @typescript-eslint/no-explicit-any
-            Input.bindInitialEvent({ element: this.respectiveElement, buttons: null, customTag: null, floatLabelType: this.floatLabelType, properties: this.properties });
+        });
+        this.updateHTMLAttrToWrapper();
+        if (this.isHiddenInput) {
+            this.respectiveElement.parentNode.insertBefore(this.element, this.respectiveElement);
         }
         this.wireEvents();
         if (!isNullOrUndefined(this.value)) {
@@ -13737,25 +13477,20 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
      */
     TextBox.prototype.destroy = function () {
         this.unWireEvents();
-        if (!(isBlazor() && this.isServerRendered)) {
-            if (this.element.tagName === 'INPUT' && this.multiline) {
-                detach(this.textboxWrapper.container.getElementsByTagName('textarea')[0]);
-                this.respectiveElement = this.element;
-                this.element.removeAttribute('type');
-            }
-            this.respectiveElement.value = this.respectiveElement.defaultValue;
-            this.respectiveElement.classList.remove('e-input');
-            this.removeAttributes(['aria-placeholder', 'aria-disabled', 'aria-readonly', 'aria-labelledby']);
-            if (!isNullOrUndefined(this.textboxWrapper)) {
-                this.textboxWrapper.container.insertAdjacentElement('afterend', this.respectiveElement);
-                detach(this.textboxWrapper.container);
-            }
-            this.textboxWrapper = null;
-            _super.prototype.destroy.call(this);
+        if (this.element.tagName === 'INPUT' && this.multiline) {
+            detach(this.textboxWrapper.container.getElementsByTagName('textarea')[0]);
+            this.respectiveElement = this.element;
+            this.element.removeAttribute('type');
         }
-        else {
-            this.textboxWrapper = null;
+        this.respectiveElement.value = this.respectiveElement.defaultValue;
+        this.respectiveElement.classList.remove('e-input');
+        this.removeAttributes(['aria-placeholder', 'aria-disabled', 'aria-readonly', 'aria-labelledby']);
+        if (!isNullOrUndefined(this.textboxWrapper)) {
+            this.textboxWrapper.container.insertAdjacentElement('afterend', this.respectiveElement);
+            detach(this.textboxWrapper.container);
         }
+        this.textboxWrapper = null;
+        _super.prototype.destroy.call(this);
     };
     /**
      * Adding the icons to the TextBox component.