@syncfusion/ej2-inputs 32.2.5 → 32.2.8

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

@@ -2369,6 +2369,7 @@ let NumericTextBox = class NumericTextBox extends Component {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         super.destroy();
     }
     /**
@@ -4411,6 +4412,7 @@ let MaskedTextBox = class MaskedTextBox extends Component {
         }, this.clearButton);
         this.changeEventArgs = null;
         this.inputObj = null;
+        setValue('ej2_instances', null, this.element);
         super.destroy();
     }
 };
@@ -9149,7 +9151,8 @@ let Uploader = class Uploader extends Component {
     wireEvents() {
         EventHandler.add(this.browseButton, 'click', this.browseButtonClick, this);
         EventHandler.add(this.element, 'change', this.onSelectFiles, this);
-        EventHandler.add(document, 'click', this.removeFocus, this);
+        this.documentClickHandler = this.removeFocus.bind(this);
+        EventHandler.add(document, 'click', this.documentClickHandler);
         this.keyboardModule = new KeyboardEvents(this.uploadWrapper, {
             keyAction: this.keyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -9162,7 +9165,10 @@ let Uploader = class Uploader extends Component {
     unWireEvents() {
         EventHandler.remove(this.browseButton, 'click', this.browseButtonClick);
         EventHandler.remove(this.element, 'change', this.onSelectFiles);
-        EventHandler.remove(document, 'click', this.removeFocus);
+        if (this.documentClickHandler) {
+            EventHandler.remove(document, 'click', this.documentClickHandler);
+            this.documentClickHandler = null;
+        }
         if (this.isForm) {
             EventHandler.remove(this.formElement, 'reset', this.resetForm);
         }
@@ -11382,6 +11388,7 @@ let Uploader = class Uploader extends Component {
         this.keyboardModule = null;
         this.clearButton = null;
         this.uploadButton = null;
+        setValue('ej2_instances', null, this.element);
         super.destroy();
     }
     /**
@@ -12135,6 +12142,9 @@ let ColorPicker = class ColorPicker extends Component {
             }
         });
         this.splitBtn.createElement = this.createElement;
+        if (this.isAngular) {
+            this.splitBtn.isAngular = this.isAngular;
+        }
         this.splitBtn.appendTo(splitButton);
         this.splitBtn.element.setAttribute('aria-label', 'colorpicker');
         const preview = this.createElement('span', { className: SPLITPREVIEW });
@@ -12207,8 +12217,9 @@ let ColorPicker = class ColorPicker extends Component {
                         this.modal = this.createElement('div');
                         this.modal.className = 'e-' + this.getModuleName() + ' e-modal';
                         this.modal.style.display = 'none';
-                        document.body.insertBefore(this.modal, popupEle);
-                        document.body.className += ' e-colorpicker-overflow';
+                        const appendToElement = this.getAppendToElement();
+                        appendToElement.insertBefore(this.modal, popupEle);
+                        appendToElement.className += ' e-colorpicker-overflow';
                         this.modal.style.display = 'block';
                         this.modal.style.zIndex = (Number(popupEle.style.zIndex) - 1).toString();
                     }
@@ -12242,6 +12253,16 @@ let ColorPicker = class ColorPicker extends Component {
             return callBackPromise;
         };
     }
+    getAppendToElement() {
+        if (this.isAngular) {
+            const cdkPane = this.element.closest('.cdk-overlay-pane');
+            const popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    }
     onPopupClose() {
         this.unWireEvents();
         this.destroyOtherComp();
@@ -12251,7 +12272,8 @@ let ColorPicker = class ColorPicker extends Component {
         this.container.innerHTML = '';
         removeClass([this.container], [PICKERCONTENT, PALETTECONTENT]);
         if (Browser.isDevice && this.modal) {
-            removeClass([document.body], 'e-colorpicker-overflow');
+            const appendToElement = this.getAppendToElement();
+            removeClass([appendToElement], 'e-colorpicker-overflow');
             this.modal.style.display = 'none';
             this.modal.outerHTML = '';
             this.modal = null;
@@ -13446,6 +13468,10 @@ let ColorPicker = class ColorPicker extends Component {
                 this.unWireEvents();
                 this.destroyOtherComp();
             }
+            this.splitBtn.beforeClose = null;
+            this.splitBtn.beforeOpen = null;
+            this.splitBtn.click = null;
+            this.splitBtn.open = null;
             this.splitBtn.destroy();
             this.splitBtn = null;
         }
@@ -14678,6 +14704,7 @@ let TextBox = class TextBox extends Component {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         super.destroy();
     }
     /**
@@ -15379,6 +15406,7 @@ let TextArea = class TextArea extends Component {
             properties: this.properties
         }, this.clearButton);
         this.formElement = null;
+        setValue('ej2_instances', null, this.element);
         super.destroy();
     }
     focusHandler(args) {
@@ -16373,7 +16401,8 @@ class SignatureBase extends Component {
         if (isNullOrUndefined(this.pointColl) && !this.isReadOnly && !this.disabled) {
             EventHandler.add(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler, this);
             EventHandler.add(this.canvasContext.canvas, 'keydown', this.keyboardHandler, this);
-            window.addEventListener('resize', this.resizeHandler.bind(this));
+            this.boundResizeHandler = this.resizeHandler.bind(this);
+            window.addEventListener('resize', this.boundResizeHandler);
         }
         else if (this.pointColl) {
             EventHandler.add(this.canvasContext.canvas, 'mousemove touchmove', this.mouseMoveHandler, this);
@@ -16394,7 +16423,10 @@ class SignatureBase extends Component {
                 EventHandler.remove(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler);
                 EventHandler.remove(this.canvasContext.canvas, 'keydown', this.keyboardHandler);
             }
-            window.removeEventListener('resize', this.resizeHandler);
+            if (this.boundResizeHandler) {
+                window.removeEventListener('resize', this.boundResizeHandler);
+                this.boundResizeHandler = null;
+            }
         }
     }
     setHTMLProperties() {