@syncfusion/ej2-layouts 33.1.44 → 33.1.47

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

@@ -875,7 +875,6 @@ let Splitter = class Splitter extends Component {
         arrow1.setAttribute('type', 'button');
         arrow2.setAttribute('type', 'button');
         const size = isNullOrUndefined(this.separatorSize) ? '1px' : this.separatorSize + 'px';
-        const proxy =  this;
         if (this.orientation === 'Horizontal') {
             this.updateIconClass();
             addClass([arrow2], [NAVIGATE_ARROW, ARROW_LEFT, HIDE_ICON]);
@@ -903,14 +902,16 @@ let Splitter = class Splitter extends Component {
         else {
             separator.removeAttribute('dir');
         }
-        separator.addEventListener('focus', () => {
+        separator.delegateFocusHandler = () => {
             separator.classList.add(SPLIT_BAR_ACTIVE);
-            proxy.currentSeparator = separator;
-            proxy.getPaneDetails();
-        });
-        separator.addEventListener('blur', () => {
+            this.currentSeparator = separator;
+            this.getPaneDetails();
+        };
+        separator.delegateBlurHandler = () => {
             separator.classList.remove(SPLIT_BAR_ACTIVE);
-        });
+        };
+        separator.addEventListener('focus', separator.delegateFocusHandler);
+        separator.addEventListener('blur', separator.delegateBlurHandler);
         return separator;
     }
     updateResizablePanes(index) {
@@ -984,25 +985,29 @@ let Splitter = class Splitter extends Component {
     addMouseActions(separator) {
         let sTout;
         let hoverTimeOut;
-        separator.addEventListener('mouseenter', () => {
+        separator.delegateMouseEnterHandler = () => {
             /* istanbul ignore next */
             sTout = setTimeout(() => {
                 addClass([separator], [SPLIT_BAR_HOVER]);
             }, this.iconsDelay);
-        });
-        separator.addEventListener('mouseleave', () => {
+        };
+        separator.delegateMouseLeaveHandler = () => {
             clearTimeout(sTout);
             removeClass([separator], [SPLIT_BAR_HOVER]);
-        });
-        separator.addEventListener('mouseout', () => {
+        };
+        separator.delegateMouseOutHandler = () => {
             clearTimeout(hoverTimeOut);
-        });
-        separator.addEventListener('mouseover', () => {
+        };
+        separator.delegateMouseOverHandler = () => {
             /* istanbul ignore next */
             hoverTimeOut = setTimeout(() => {
                 addClass([separator], [SPLIT_BAR_HOVER]);
             });
-        });
+        };
+        separator.addEventListener('mouseenter', separator.delegateMouseEnterHandler);
+        separator.addEventListener('mouseleave', separator.delegateMouseLeaveHandler);
+        separator.addEventListener('mouseout', separator.delegateMouseOutHandler);
+        separator.addEventListener('mouseover', separator.delegateMouseOverHandler);
     }
     getEventType(e) {
         return (e.indexOf('mouse') > -1) ? 'mouse' : 'touch';
@@ -2221,6 +2226,30 @@ let Splitter = class Splitter extends Component {
                     EventHandler.remove(separators[i], 'touchstart', this.onMouseDown);
                     EventHandler.remove(separators[i], 'click', this.clickHandler);
                     EventHandler.remove(separators[i], 'mousedown', this.onMouseDown);
+                    if (separators[i].delegateFocusHandler) {
+                        separators[i].removeEventListener('focus', separators[i].delegateFocusHandler);
+                        separators[i].delegateFocusHandler = null;
+                    }
+                    if (separators[i].delegateBlurHandler) {
+                        separators[i].removeEventListener('blur', separators[i].delegateBlurHandler);
+                        separators[i].delegateBlurHandler = null;
+                    }
+                    if (separators[i].delegateMouseEnterHandler) {
+                        separators[i].removeEventListener('mouseenter', separators[i].delegateMouseEnterHandler);
+                        separators[i].delegateMouseEnterHandler = null;
+                    }
+                    if (separators[i].delegateMouseLeaveHandler) {
+                        separators[i].removeEventListener('mouseleave', separators[i].delegateMouseLeaveHandler);
+                        separators[i].delegateMouseLeaveHandler = null;
+                    }
+                    if (separators[i].delegateMouseOutHandler) {
+                        separators[i].removeEventListener('mouseout', separators[i].delegateMouseOutHandler);
+                        separators[i].delegateMouseOutHandler = null;
+                    }
+                    if (separators[i].delegateMouseOverHandler) {
+                        separators[i].removeEventListener('mouseover', separators[i].delegateMouseOverHandler);
+                        separators[i].delegateMouseOverHandler = null;
+                    }
                     separators[i].parentNode.removeChild(separators[i]); // Use parentNode for broader compatibility
                 }
             }