@syncfusion/ej2-layouts 33.1.44 → 33.2.3

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

@@ -272,6 +272,7 @@ let Splitter = class Splitter extends Component {
         this.onMouseUpHandler = this.onMouseUp.bind(this);
         this.onTouchMoveHandler = this.onMouseMove.bind(this);
         this.onTouchEndHandler = this.onMouseUp.bind(this);
+        this.documentClickHandler = this.onDocumentClick.bind(this);
         this.wrapper = this.element.cloneNode(true);
         this.wrapperParent = this.element.parentElement;
         removeClass([this.wrapper], ['e-control', 'e-lib', ROOT]);
@@ -318,7 +319,7 @@ let Splitter = class Splitter extends Component {
         this.collapseFlag = true;
         this.isCollapsed();
         this.collapseFlag = false;
-        EventHandler.add(document, 'touchstart click', this.onDocumentClick, this);
+        EventHandler.add(document, 'touchstart click', this.documentClickHandler);
         this.renderComplete();
         this.element.ownerDocument.defaultView.addEventListener('resize', this.onReportWindowSize, true);
         EventHandler.add(this.element, 'keydown', this.onMove, this);
@@ -875,7 +876,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 +903,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 +986,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';
@@ -2195,7 +2201,8 @@ let Splitter = class Splitter extends Component {
     destroy() {
         if (!this.isDestroyed) {
             super.destroy();
-            EventHandler.remove(document, 'touchstart click', this.onDocumentClick);
+            EventHandler.remove(document, 'touchstart click', this.documentClickHandler);
+            this.documentClickHandler = null;
             EventHandler.remove(this.element, 'keydown', this.onMove);
             this.element.ownerDocument.defaultView.removeEventListener('resize', this.onReportWindowSize, true);
             while (this.element.attributes.length > 0) {
@@ -2221,6 +2228,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
                 }
             }