@syncfusion/ej2-layouts 33.1.44 → 33.2.3

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

@@ -295,6 +295,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         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]);
@@ -341,7 +342,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         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);
@@ -887,6 +888,7 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Splitter.prototype.createSeparator = function (i) {
+        var _this = this;
         var separator = this.createElement('div');
         this.allBars.push(separator);
         var arrow1 = this.createElement('button');
@@ -899,7 +901,6 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         arrow1.setAttribute('type', 'button');
         arrow2.setAttribute('type', 'button');
         var size = isNullOrUndefined(this.separatorSize) ? '1px' : this.separatorSize + 'px';
-        var proxy =  this;
         if (this.orientation === 'Horizontal') {
             this.updateIconClass();
             addClass([arrow2], [NAVIGATE_ARROW, ARROW_LEFT, HIDE_ICON]);
@@ -927,14 +928,16 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         else {
             separator.removeAttribute('dir');
         }
-        separator.addEventListener('focus', function () {
+        separator.delegateFocusHandler = function () {
             separator.classList.add(SPLIT_BAR_ACTIVE);
-            proxy.currentSeparator = separator;
-            proxy.getPaneDetails();
-        });
-        separator.addEventListener('blur', function () {
+            _this.currentSeparator = separator;
+            _this.getPaneDetails();
+        };
+        separator.delegateBlurHandler = function () {
             separator.classList.remove(SPLIT_BAR_ACTIVE);
-        });
+        };
+        separator.addEventListener('focus', separator.delegateFocusHandler);
+        separator.addEventListener('blur', separator.delegateBlurHandler);
         return separator;
     };
     Splitter.prototype.updateResizablePanes = function (index) {
@@ -1009,25 +1012,29 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
         var _this = this;
         var sTout;
         var hoverTimeOut;
-        separator.addEventListener('mouseenter', function () {
+        separator.delegateMouseEnterHandler = function () {
             /* istanbul ignore next */
             sTout = setTimeout(function () {
                 addClass([separator], [SPLIT_BAR_HOVER]);
             }, _this.iconsDelay);
-        });
-        separator.addEventListener('mouseleave', function () {
+        };
+        separator.delegateMouseLeaveHandler = function () {
             clearTimeout(sTout);
             removeClass([separator], [SPLIT_BAR_HOVER]);
-        });
-        separator.addEventListener('mouseout', function () {
+        };
+        separator.delegateMouseOutHandler = function () {
             clearTimeout(hoverTimeOut);
-        });
-        separator.addEventListener('mouseover', function () {
+        };
+        separator.delegateMouseOverHandler = function () {
             /* istanbul ignore next */
             hoverTimeOut = setTimeout(function () {
                 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);
     };
     Splitter.prototype.getEventType = function (e) {
         return (e.indexOf('mouse') > -1) ? 'mouse' : 'touch';
@@ -2226,7 +2233,8 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
     Splitter.prototype.destroy = function () {
         if (!this.isDestroyed) {
             _super.prototype.destroy.call(this);
-            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) {
@@ -2252,6 +2260,30 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
                     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
                 }
             }