@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.24
+*  version : 32.2.7
 *  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-splitbuttons",
-  "version": "32.1.24",
+  "version": "32.2.7",
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,8 +8,8 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-splitbuttons.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.24",
-    "@syncfusion/ej2-popups": "~32.1.24"
+    "@syncfusion/ej2-base": "~32.2.6",
+    "@syncfusion/ej2-popups": "~32.2.7"
   },
   "devDependencies": {},
   "keywords": [

package/src/drop-down-button/drop-down-button.js

@@ -178,7 +178,15 @@ var DropDownButton = /** @class */ (function (_super) {
             className: this.popupWidth !== 'auto' ? classNames.POPUP + " " + classNames.POPUPWIDTH : classNames.POPUP,
             id: this.element.id + '-popup'
         });
-        document.body.appendChild(div);
+        var appendToElement = document.body;
+        if (this.isAngular) {
+            var cdkPane = this.element.closest('.cdk-overlay-pane');
+            var popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                appendToElement = cdkPane;
+            }
+        }
+        appendToElement.appendChild(div);
         this.dropDown = new Popup(div, {
             width: this.popupWidth,
             relateTo: this.element,

package/src/split-button/split-button.js

@@ -202,6 +202,9 @@ var SplitButton = /** @class */ (function (_super) {
         };
         this.secondaryBtnObj = new DropDownButton(dropDownBtnModel);
         this.secondaryBtnObj.createElement = this.createElement;
+        if (this.isAngular) {
+            this.secondaryBtnObj.isAngular = this.isAngular;
+        }
         this.secondaryBtnObj.appendTo(btnElem);
         if (!this.createPopupOnClick) {
             this.secondaryBtnObj.dropDown.relateTo = this.wrapper;
@@ -262,6 +265,9 @@ var SplitButton = /** @class */ (function (_super) {
                 }
                 this.unWireEvents();
             }
+            else if (this.wrapper && this.wrapper.tagName === TAGNAME) {
+                this.unWireEvents();
+            }
         }
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();