@syncfusion/ej2-splitbuttons 27.1.50 → 27.2.2

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@27.1.48",
+  "_id": "@syncfusion/ej2-splitbuttons@27.1.56",
   "_inBundle": false,
-  "_integrity": "sha512-a3Pcuu/kQhgUIwSRCAaGxNS80EPie3GSE514kb73Za5O0SHEgkbTTHqXge4fjhjBDVNa7lviS+k7qVeK+aL9hw==",
+  "_integrity": "sha512-rJZwautGwePeXpivvTf3CtX5onDTq3ICFxGlMENTp5kZrm1ni+0prSqomwv0HPC631vxxrKC8JTFC6lZOzJMcQ==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-27.1.48.tgz",
-  "_shasum": "5359111f07389f1917f980d0ab0d668fea8a265e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-27.1.56.tgz",
+  "_shasum": "c94706216183d6159818350bdeef51567ac5d2a5",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-popups": "~27.1.50"
+    "@syncfusion/ej2-base": "~27.2.2",
+    "@syncfusion/ej2-popups": "~27.2.2"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -89,6 +89,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.2.2",
   "sideEffects": false
 }

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

@@ -184,6 +184,12 @@ var DropDownButton = /** @class */ (function (_super) {
             addClass([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         this.isPopupCreated = true;
+        if (this.createPopupOnClick) {
+            var splitButton = getComponent(this.activeElem[0], 'split-btn');
+            if (splitButton) {
+                splitButton.isPopupCreated = true;
+            }
+        }
     };
     DropDownButton.prototype.getTargetElement = function () {
         if (this.createPopupOnClick && !this.isColorPicker() && !isNullOrUndefined(this.popupContent)) {
@@ -389,6 +395,13 @@ var DropDownButton = /** @class */ (function (_super) {
             }
         }
         this.isPopupCreated = false;
+        var splitButton = getComponent(this.activeElem[0], 'split-btn');
+        if (this.createPopupOnClick && splitButton) {
+            var dropDownButton = getComponent(this.activeElem[1], 'dropdown-btn');
+            if (dropDownButton) {
+                dropDownButton.isPopupCreated = false;
+            }
+        }
     };
     DropDownButton.prototype.getPopUpElement = function () {
         var val = null;
@@ -526,7 +539,7 @@ var DropDownButton = /** @class */ (function (_super) {
     };
     DropDownButton.prototype.mousedownHandler = function (e) {
         var trgt = e.target;
-        if (this.dropDown && !this.canOpen() && !(closest(trgt, '[id="' + this.getPopUpElement().id + '"]')
+        if (this.dropDown && !this.canOpen() && this.getPopUpElement() && !(closest(trgt, '[id="' + this.getPopUpElement().id + '"]')
             || closest(trgt, '[id="' + this.element.id + '"]'))) {
             this.closePopup(e);
         }
@@ -683,7 +696,9 @@ var DropDownButton = /** @class */ (function (_super) {
                 if (selectedLi) {
                     selectedLi.classList.remove('e-selected');
                 }
-                _this.dropDown.hide();
+                if (_this.dropDown) {
+                    _this.dropDown.hide();
+                }
                 removeClass(_this.activeElem, 'e-active');
                 _this.element.setAttribute('aria-expanded', 'false');
                 _this.element.removeAttribute('aria-owns');

package/styles/bootstrap-dark-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap-dark.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap4-lite.css

@@ -127,6 +127,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap4.css

@@ -127,6 +127,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap5-dark-lite.css

@@ -130,6 +130,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap5-dark.css

@@ -130,6 +130,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap5-lite.css

@@ -130,6 +130,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap5.3-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap5.3.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/bootstrap5.css

@@ -130,6 +130,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/_layout.scss

@@ -193,6 +193,10 @@
         width: 1px;
       }
     }
+
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-rtl.e-dropdown-popup .e-item {

package/styles/drop-down-button/bootstrap-dark.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/bootstrap.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/bootstrap4.css

@@ -127,6 +127,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/bootstrap5-dark.css

@@ -130,6 +130,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/bootstrap5.3.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/bootstrap5.css

@@ -130,6 +130,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/fabric-dark.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/fabric.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/fluent-dark.css

@@ -136,6 +136,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/fluent.css

@@ -136,6 +136,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/fluent2.css

@@ -159,6 +159,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/highcontrast-light.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/highcontrast.css

@@ -135,6 +135,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/material-dark.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/material.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/material3-dark.css

@@ -144,6 +144,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/material3.css

@@ -146,6 +146,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/tailwind-dark.css

@@ -137,6 +137,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/drop-down-button/tailwind.css

@@ -137,6 +137,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fabric-dark-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fabric-dark.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fabric-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fabric.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fluent-dark-lite.css

@@ -136,6 +136,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fluent-dark.css

@@ -136,6 +136,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fluent-lite.css

@@ -136,6 +136,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fluent.css

@@ -136,6 +136,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fluent2-lite.css

@@ -159,6 +159,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/fluent2.css

@@ -159,6 +159,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/highcontrast-light-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/highcontrast-light.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/highcontrast-lite.css

@@ -135,6 +135,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/highcontrast.css

@@ -135,6 +135,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/material-dark-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/material-dark.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/material-lite.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;

package/styles/material.css

@@ -134,6 +134,9 @@
   padding: 0;
   width: 1px;
 }
+.e-dropdown-popup.e-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
 
 .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
   float: right;