@syncfusion/ej2-layouts 33.1.44 → 33.1.47

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

@@ -887,6 +887,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 +900,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 +927,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 +1011,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';
@@ -2252,6 +2258,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
                 }
             }