@syncfusion/ej2-inputs 32.2.7 → 33.1.44

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

@@ -116,27 +116,29 @@ var Input;
         args.element.addEventListener('focus', focusHandler);
         args.element.addEventListener('blur', blurHandler);
         args.element.addEventListener('input', inputHandler);
-        args.element.__eventHandlers['inputFocusHandler'] = { focusHandler: focusHandler };
-        args.element.__eventHandlers['inputBlurHandler'] = { blurHandler: blurHandler };
-        args.element.__eventHandlers['inputHandler'] = { inputHandler: inputHandler };
+        args.element.__eventHandlers.inputFocusHandler = focusHandler;
+        args.element.__eventHandlers.inputBlurHandler = blurHandler;
+        args.element.__eventHandlers.inputHandler = inputHandler;
     }
     Input.bindInitialEvent = bindInitialEvent;
     function unbindInitialEvent(args) {
         if (!isNullOrUndefined(args.element)) {
             if (!isNullOrUndefined(args.element.__eventHandlers)) {
-                if (!isNullOrUndefined(args.element.__eventHandlers['inputFocusHandler'])
-                    && !isNullOrUndefined(args.element.__eventHandlers['inputBlurHandler'])
-                    && !isNullOrUndefined(args.element.__eventHandlers['inputHandler'])) {
-                    var focusHandler_1 = args.element.__eventHandlers['inputFocusHandler'].focusHandler;
-                    var blurHandler_1 = args.element.__eventHandlers['inputBlurHandler'].blurHandler;
-                    var inputHandler_1 = args.element.__eventHandlers['inputHandler'].inputHandler;
+                if (!isNullOrUndefined(args.element.__eventHandlers.inputFocusHandler)
+                    && !isNullOrUndefined(args.element.__eventHandlers.inputBlurHandler)
+                    && !isNullOrUndefined(args.element.__eventHandlers.inputHandler)) {
+                    var focusHandler_1 = args.element
+                        .__eventHandlers.inputFocusHandler;
+                    var blurHandler_1 = args.element
+                        .__eventHandlers.inputBlurHandler;
+                    var inputHandler_1 = args.element.__eventHandlers.inputHandler;
                     args.element.removeEventListener('focus', focusHandler_1);
                     args.element.removeEventListener('blur', blurHandler_1);
                     args.element.removeEventListener('input', inputHandler_1);
                     // Clean up stored bound functions
-                    delete args.element.__eventHandlers['inputFocusHandler'];
-                    delete args.element.__eventHandlers['inputBlurHandler'];
-                    delete args.element.__eventHandlers['inputHandler'];
+                    args.element.__eventHandlers.inputFocusHandler = null;
+                    args.element.__eventHandlers.inputBlurHandler = null;
+                    args.element.__eventHandlers.inputHandler = null;
                 }
             }
         }
@@ -261,8 +263,8 @@ var Input;
             args.element.addEventListener('input', inputFloatHandler);
             args.element.addEventListener('blur', blurFloatHandler);
             // Store the event handler functions to remove them later
-            args.element.__eventHandlers['floatInputHandler'] = { inputFloatHandler: inputFloatHandler };
-            args.element.__eventHandlers['floatBlurHandler'] = { blurFloatHandler: blurFloatHandler };
+            args.element.__eventHandlers.floatInputHandler = inputFloatHandler;
+            args.element.__eventHandlers.floatBlurHandler = blurFloatHandler;
         }
         else {
             unWireFloatLabelEvents(args);
@@ -274,16 +276,16 @@ var Input;
     function unWireFloatLabelEvents(args) {
         if (!isNullOrUndefined(args.element) &&
             !isNullOrUndefined(args.element.__eventHandlers)
-            && !isNullOrUndefined(args.element.__eventHandlers['floatInputHandler'])
-            && !isNullOrUndefined(args.element.__eventHandlers['floatBlurHandler'])) {
-            var inputFloatHandler = args.element.__eventHandlers['floatInputHandler'].inputFloatHandler;
-            var blurFloatHandler = args.element.__eventHandlers['floatBlurHandler'].blurFloatHandler;
+            && !isNullOrUndefined(args.element.__eventHandlers.floatInputHandler)
+            && !isNullOrUndefined(args.element.__eventHandlers.floatBlurHandler)) {
+            var inputFloatHandler = args.element.__eventHandlers.floatInputHandler;
+            var blurFloatHandler = args.element.__eventHandlers.floatBlurHandler;
             // Remove the event listeners using the defined functions
             args.element.removeEventListener('input', inputFloatHandler);
             args.element.removeEventListener('blur', blurFloatHandler);
             // Clean up stored event handler functions
-            delete args.element.__eventHandlers['floatInputHandler'];
-            delete args.element.__eventHandlers['floatBlurHandler'];
+            args.element.__eventHandlers.floatInputHandler = null;
+            args.element.__eventHandlers.floatBlurHandler = null;
         }
     }
     function checkFloatLabelType(type, container) {
@@ -402,7 +404,7 @@ var Input;
         if (isBindClearAction === undefined || isBindClearAction) {
             var clickHandlerEvent = function (e) { return clickHandler(e, element, button); };
             button.addEventListener('click', clickHandlerEvent);
-            element.__eventHandlers['clearClickHandler'] = { clickHandlerEvent: clickHandlerEvent };
+            element.__eventHandlers.clearClickHandler = clickHandlerEvent;
         }
         var inputHandlerEvent = function () { return inputHandler(element, button); };
         var focusHandlerEvent = function () { return focusHandler(element, button); };
@@ -411,36 +413,36 @@ var Input;
         element.addEventListener('focus', focusHandlerEvent);
         element.addEventListener('blur', blurHandlerEvent);
         // Store the bound functions to remove them later
-        element.__eventHandlers['clearInputHandler'] = { inputHandlerEvent: inputHandlerEvent };
-        element.__eventHandlers['clearFocusHandler'] = { focusHandlerEvent: focusHandlerEvent };
-        element.__eventHandlers['clearBlurHandler'] = { blurHandlerEvent: blurHandlerEvent };
+        element.__eventHandlers.clearInputHandler = inputHandlerEvent;
+        element.__eventHandlers.clearFocusHandler = focusHandlerEvent;
+        element.__eventHandlers.clearBlurHandler = blurHandlerEvent;
     }
     Input.wireClearBtnEvents = wireClearBtnEvents;
     function unWireClearBtnEvents(element, button) {
         if (!isNullOrUndefined(element) &&
             !isNullOrUndefined(element.__eventHandlers)) {
-            if (!isNullOrUndefined(element.__eventHandlers['clearClickHandler'])) {
-                var clickHandlerEvent = element.__eventHandlers['clearClickHandler'].clickHandlerEvent;
+            if (!isNullOrUndefined(element.__eventHandlers.clearClickHandler)) {
+                var clickHandlerEvent = element.__eventHandlers.clearClickHandler;
                 if (isBindClearAction === undefined || isBindClearAction) {
                     if (!isNullOrUndefined(button)) {
                         button.removeEventListener('click', clickHandlerEvent);
                     }
                 }
-                delete element.__eventHandlers['clearClickHandler'];
+                element.__eventHandlers.clearClickHandler = null;
             }
-            if (!isNullOrUndefined(element.__eventHandlers['clearInputHandler'])
-                && !isNullOrUndefined(element.__eventHandlers['clearFocusHandler'])
-                && !isNullOrUndefined(element.__eventHandlers['clearBlurHandler'])) {
-                var inputHandlerEvent = element.__eventHandlers['clearInputHandler'].inputHandlerEvent;
-                var focusHandlerEvent = element.__eventHandlers['clearFocusHandler'].focusHandlerEvent;
-                var blurHandlerEvent = element.__eventHandlers['clearBlurHandler'].blurHandlerEvent;
+            if (!isNullOrUndefined(element.__eventHandlers.clearInputHandler)
+                && !isNullOrUndefined(element.__eventHandlers.clearFocusHandler)
+                && !isNullOrUndefined(element.__eventHandlers.clearBlurHandler)) {
+                var inputHandlerEvent = element.__eventHandlers.clearInputHandler;
+                var focusHandlerEvent = element.__eventHandlers.clearFocusHandler;
+                var blurHandlerEvent = element.__eventHandlers.clearBlurHandler;
                 element.removeEventListener('input', inputHandlerEvent);
                 element.removeEventListener('focus', focusHandlerEvent);
                 element.removeEventListener('blur', blurHandlerEvent);
                 // Clean up stored Event functions
-                delete element.__eventHandlers['clearInputHandler'];
-                delete element.__eventHandlers['clearFocusHandler'];
-                delete element.__eventHandlers['clearBlurHandler'];
+                element.__eventHandlers.clearInputHandler = null;
+                element.__eventHandlers.clearFocusHandler = null;
+                element.__eventHandlers.clearBlurHandler = null;
             }
         }
     }
@@ -618,7 +620,11 @@ var Input;
      * @param {string} placeholder - Placeholder value which is need to add.
      * @param {HTMLInputElement | HTMLTextAreaElement} element - The element on which the placeholder is need to add.
      */
-    function setPlaceholder(placeholder, element) {
+    function setPlaceholder(placeholder, element, moduleName) {
+        var modules = [
+            'textbox', 'numerictextbox', 'textarea', 'combobox',
+            'datepicker', 'daterangepicker', 'datetimepicker'
+        ];
         placeholder = encodePlaceHolder(placeholder);
         var parentElement = getParentNode(element);
         if (parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
@@ -627,6 +633,9 @@ var Input;
                 if (floatTextContent && floatTextContent.children[0]) {
                     floatTextContent.children[0].textContent = placeholder;
                 }
+                else if (modules.indexOf(moduleName) !== -1 && floatTextContent) {
+                    floatTextContent.textContent = placeholder;
+                }
                 else {
                     var floatText = parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0];
                     if (!isNullOrUndefined(floatText)) {
@@ -1207,9 +1216,8 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
             }
             this.element.classList.remove('e-control', 'e-numerictextbox');
             this.element.appendChild(input);
-            setValue('ej2_instances', ejInstance, input);
-            setValue('ej2_instances', null, this.element);
             this.element = input;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         attributes(this.element, { 'role': 'spinbutton', 'tabindex': '0', 'autocomplete': 'off' });
         var localeText = {
@@ -2405,6 +2413,7 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**
@@ -2490,7 +2499,7 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
                     Input.validateInputType(this.container, this.element);
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(newProp.placeholder, this.element);
+                    Input.setPlaceholder(newProp.placeholder, this.element, this.getModuleName());
                     Input.calculateWidth(this.element, this.container);
                     break;
                 case 'step':
@@ -3990,9 +3999,8 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
             this.element.classList.remove('e-control', 'e-maskedtextbox');
             this.element.classList.add('e-mask-container');
             this.element.appendChild(input);
-            setValue('ej2_instances', ejInstance, input);
-            setValue('ej2_instances', null, this.element);
             this.element = input;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         this.updateHTMLAttrToElement();
         this.checkHtmlAttributes(false);
@@ -4476,6 +4484,7 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
         }, this.clearButton);
         this.changeEventArgs = null;
         this.inputObj = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     __decorate$1([
@@ -8887,6 +8896,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        element = null;
     };
     Uploader.prototype.reRenderFileList = function () {
         if (this.listParent) {
@@ -8935,10 +8945,8 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 inputElement.setAttribute('name', 'UploadFiles');
             }
             this.element.appendChild(inputElement);
-            setValue('ej2_instances', ejInstance, inputElement);
-            // Clear reference from this.element to avoid retaining component instance
-            setValue('ej2_instances', null, this.element);
             this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         /* istanbul ignore next */
         if (ejInstance[0].isPureReactComponent) {
@@ -9206,6 +9214,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             if (!enableDropText && dropTextArea) {
                 remove(dropTextArea);
             }
+            element = null;
         }
         else if (!isNullOrUndefined(this.uploaderOptions) && this.uploaderOptions.dropArea === undefined) {
             this.createDropTextHint();
@@ -9526,6 +9535,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         for (var j = startIndex; j < (startIndex + nameElements); j++) {
             data.push(allFiles[j]);
         }
+        liElement = null;
         return data;
     };
     Uploader.prototype.removeFiles = function (args) {
@@ -9569,6 +9579,8 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 this.clearButton.removeAttribute('disabled');
             }
         }
+        liElement = null;
+        selectedElement = null;
     };
     Uploader.prototype.removeFilesData = function (file, customTemplate) {
         var index;
@@ -9584,6 +9596,10 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         this.element.value = '';
+        var iconElement = selectedElement.querySelector('.e-icons');
+        if (iconElement) {
+            EventHandler.remove(iconElement, 'click', this.removeFiles);
+        }
         detach(selectedElement);
         index = this.fileList.indexOf(selectedElement);
         this.fileList.splice(index, 1);
@@ -9652,6 +9668,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             formData.append(name, selectedFiles.name);
         }
         this.updateFormData(formData, eventArgs.customFormData);
+        liElement = null;
     };
     /* istanbul ignore next */
     Uploader.prototype.updateFormData = function (formData, customData) {
@@ -9719,6 +9736,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     statusElement.classList.add(UPLOAD_FAILED);
                 }
             }
+            rootElement = null;
             this.checkActionButtonStatus();
         }
         this.trigger('failure', args);
@@ -9729,6 +9747,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             hideSpinner(spinnerTarget);
             detach(liElement.querySelector('.e-spinner-pane'));
         }
+        liElement = null;
     };
     /* istanbul ignore next */
     Uploader.prototype.getFilesFromFolder = function (event) {
@@ -10007,6 +10026,10 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
     };
     Uploader.prototype.clearData = function (singleUpload) {
         if (!isNullOrUndefined(this.listParent)) {
+            var fileItems = this.listParent.querySelectorAll('.e-icons');
+            for (var i = 0; i < fileItems.length; i++) {
+                EventHandler.remove(fileItems[i], 'click', this.removeFiles);
+            }
             detach(this.listParent);
             this.listParent = null;
         }
@@ -10018,9 +10041,10 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             if (hiddenElement) {
                 this.uploadWrapper.querySelector('.' + INPUT_WRAPPER).removeChild(hiddenElement);
             }
+            hiddenElement = null;
         }
-        this.fileList = [];
-        this.filesData = [];
+        this.fileList.length = 0;
+        this.filesData.length = 0;
         this.removeActionButtons();
     };
     Uploader.prototype.updateSortedFileList = function (filesData) {
@@ -10030,6 +10054,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             for (var i = 0; i < this.listParent.querySelectorAll('li').length; i++) {
                 var liElement = this.listParent.querySelectorAll('li')[i];
                 previousListClone.appendChild(liElement.cloneNode(true));
+                liElement = null;
             }
             this.removeActionButtons();
             var oldList = [].slice.call(previousListClone.childNodes);
@@ -10047,6 +10072,8 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     this.internalCreateFileList([filesData[index]]);
                 }
             }
+            previousListClone.innerHTML = '';
+            oldList.length = 0;
         }
         else {
             this.internalCreateFileList(filesData);
@@ -10157,6 +10184,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             this.trigger('fileListRendering', eventsArgs);
             this.listParent.appendChild(listElement);
             this.fileList.push(listElement);
+            listElement = null;
         }
         this.renderReactTemplates();
     };
@@ -10480,6 +10508,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     this.checkActionComplete(true);
                     this.flag = preventActionComplete;
                 }
+                liElement = null;
             }
         }
     };
@@ -10540,6 +10569,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 filterFiles.push(files[i]);
             }
         }
+        li = null;
         return filterFiles;
     };
     Uploader.prototype.updateStatus = function (files, status, statusCode, updateLiStatus) {
@@ -10555,6 +10585,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     li.querySelector('.' + STATUS).textContent = status;
                 }
             }
+            li = null;
         }
         return files;
     };
@@ -10628,6 +10659,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         }
         var args = { e: e, operation: 'upload', file: this.updateStatus(files, this.localizedTexts('inProgress'), '3') };
         this.trigger('progress', args);
+        li = null;
     };
     /* istanbul ignore next */
     Uploader.prototype.cancelUploadingFile = function (files, e, request, li) {
@@ -10694,6 +10726,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         var requestResponse = e && e.currentTarget ? this.getResponse(e) : null;
         var args = { event: e, response: requestResponse, operation: 'cancel', file: file };
         this.trigger('success', args);
+        liElement = null;
     };
     Uploader.prototype.renderFailureState = function (e, file, liElement) {
         var _this = this;
@@ -10813,6 +10846,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 _this.checkActionComplete(true);
             }
         });
+        liElement = null;
     };
     Uploader.prototype.uploadFailed = function (e, file) {
         var _this = this;
@@ -10831,6 +10865,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             _this.uploadSequential();
             _this.checkActionComplete(true);
         });
+        li = null;
     };
     Uploader.prototype.uploadSequential = function () {
         if (this.sequentialUpload) {
@@ -11114,6 +11149,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             }, false);
             this.checkActionButtonStatus();
         }
+        liElement = null;
     };
     Uploader.prototype.checkChunkUpload = function () {
         return (this.asyncSettings.chunkSize <= 0 || isNullOrUndefined(this.asyncSettings.chunkSize)) ? false : true;
@@ -11207,6 +11243,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         else {
             this.chunkUploadFailed(e, metaData);
         }
+        liElement = null;
     };
     Uploader.prototype.sendNextRequest = function (metaData) {
         metaData.start = metaData.end;
@@ -11239,6 +11276,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 hideSpinner(spinnerTarget);
                 detach(liElement.querySelector('.e-spinner-pane'));
             }
+            liElement = null;
         }
     };
     Uploader.prototype.pauseUpload = function (metaData, e, custom) {
@@ -11279,6 +11317,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         }
         this.pausedData.push(metaData);
         this.trigger('pausing', eventArgs);
+        liElement = null;
     };
     Uploader.prototype.resumeUpload = function (metaData, e, custom) {
         var liElement = this.getLiElement(metaData.file);
@@ -11319,6 +11358,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        liElement = null;
     };
     Uploader.prototype.updateMetaData = function (metaData) {
         if (this.uploadMetaData.indexOf(metaData) === -1) {
@@ -11341,6 +11381,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 cancelButton.classList.remove(ABORT_ICON, UPLOAD_INPROGRESS);
             }
         }
+        liElement = null;
     };
     Uploader.prototype.chunkUploadFailed = function (e, metaData, custom) {
         var _this = this;
@@ -11410,6 +11451,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         });
+        liElement = null;
     };
     Uploader.prototype.retryRequest = function (liElement, metaData, custom) {
         if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom) && liElement) {
@@ -11520,6 +11562,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 _this.checkPausePlayAction(e);
             }, false);
         }
+        liElement = null;
     };
     /**
      * It is used to convert bytes value into kilobytes or megabytes depending on the size based
@@ -11598,15 +11641,23 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             this.uploadWrapper.parentElement.appendChild(this.element);
             detach(this.uploadWrapper);
         }
-        this.uploadWrapper = null;
+        this.fileList = [];
+        this.filesData = [];
+        this.fileList.length = 0;
+        this.filesData.length = 0;
         this.uploadWrapper = null;
         this.browseButton = null;
+        this.listParent = null;
         this.dropAreaWrapper = null;
         this.dropZoneElement = null;
+        this.actionButtons = null;
+        this.pauseButton = null;
+        this.formElement = null;
         this.dropArea = null;
         this.keyboardModule = null;
         this.clearButton = null;
         this.uploadButton = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**
@@ -11794,6 +11845,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         for (var j = endIndex; j >= startIndex; j--) {
             allFiles.splice(j, 1);
         }
+        liElement = null;
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -14420,7 +14472,7 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
                     this.handleFloatLabel();
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(this.placeholder, this.respectiveElement);
+                    Input.setPlaceholder(this.placeholder, this.respectiveElement, this.getModuleName());
                     Input.calculateWidth(this.respectiveElement, this.textboxWrapper.container);
                     break;
                 case 'autocomplete':
@@ -14485,9 +14537,8 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             this.element.appendChild(inputElement);
-            setValue('ej2_instances', ejInstance, inputElement);
-            setValue('ej2_instances', null, this.element);
             this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         this.updateHTMLAttributesToElement();
         this.checkAttributes(false);
@@ -14986,6 +15037,7 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**
@@ -15296,7 +15348,7 @@ var TextArea = /** @__PURE__ @class */ (function (_super) {
                     this.handleAdornmentFloatLabel();
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(this.placeholder, this.element);
+                    Input.setPlaceholder(this.placeholder, this.element, this.getModuleName());
                     Input.calculateWidth(this.element, this.textareaWrapper.container);
                     break;
                 case 'cssClass':
@@ -15390,9 +15442,8 @@ var TextArea = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             this.element.appendChild(inputElement);
-            setValue('ej2_instances', ejInstance, inputElement);
-            setValue('ej2_instances', null, this.element);
             this.element = inputElement;
+            setValue('ej2_instances', ejInstance, this.element);
         }
         this.updateHTMLAttributesToElement();
         this.checkAttributes(false);
@@ -15709,6 +15760,7 @@ var TextArea = /** @__PURE__ @class */ (function (_super) {
             properties: this.properties
         }, this.clearButton);
         this.formElement = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     TextArea.prototype.focusHandler = function (args) {