@syncfusion/ej2-layouts 33.1.44 → 33.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.1.44
+*  version : 33.2.3
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-layouts",
-  "version": "33.1.44",
+  "version": "33.2.3",
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,7 +8,7 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-layouts.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.1.44"
+    "@syncfusion/ej2-base": "~33.2.3"
   },
   "devDependencies": {},
   "keywords": [

package/src/splitter/splitter.d.ts

@@ -129,6 +129,7 @@ export declare class Splitter extends Component<HTMLElement> {
     private onMouseUpHandler;
     private onTouchMoveHandler;
     private onTouchEndHandler;
+    private documentClickHandler;
     private allPanes;
     private paneOrder;
     private separatorOrder;

package/src/splitter/splitter.js

@@ -298,6 +298,7 @@ var Splitter = /** @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]);
@@ -344,7 +345,7 @@ var Splitter = /** @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);
@@ -890,6 +891,7 @@ var Splitter = /** @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');
@@ -902,7 +904,6 @@ var Splitter = /** @class */ (function (_super) {
         arrow1.setAttribute('type', 'button');
         arrow2.setAttribute('type', 'button');
         var size = isNullOrUndefined(this.separatorSize) ? '1px' : this.separatorSize + 'px';
-        var proxy = null || this;
         if (this.orientation === 'Horizontal') {
             this.updateIconClass();
             addClass([arrow2], [NAVIGATE_ARROW, ARROW_LEFT, HIDE_ICON]);
@@ -930,14 +931,16 @@ var Splitter = /** @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) {
@@ -1012,25 +1015,29 @@ var Splitter = /** @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';
@@ -2233,7 +2240,8 @@ var Splitter = /** @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) {
@@ -2259,6 +2267,30 @@ var Splitter = /** @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
                 }
             }