@syncfusion/ej2-splitbuttons 29.2.4 → 30.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.4
+*  version : 30.1.39
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,58 +1,17 @@
 {
-  "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@29.1.33",
-  "_inBundle": false,
-  "_integrity": "sha512-hAhJ4u6iTvisd11wKMYN6t9MGu64FJ3F0TW1y8F+QuuvW5VqbTpy2xJ/ALgVrOcMFL4r+zqFOTlhdNYd6Jx+1A==",
-  "_location": "/@syncfusion/ej2-splitbuttons",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-splitbuttons@*",
-    "name": "@syncfusion/ej2-splitbuttons",
-    "escapedName": "@syncfusion%2fej2-splitbuttons",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-splitbuttons",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-image-editor",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-inputs",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-querybuilder",
-    "/@syncfusion/ej2-react-splitbuttons",
-    "/@syncfusion/ej2-ribbon",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-vue-splitbuttons"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-29.1.33.tgz",
-  "_shasum": "828efa561bf78a98fa0c10ca02865a9e82a0dd7c",
-  "_spec": "@syncfusion/ej2-splitbuttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-splitbuttons",
+  "version": "30.1.39",
+  "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",
+  "main": "./dist/ej2-splitbuttons.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-splitbuttons.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.2.4",
-    "@syncfusion/ej2-popups": "~29.2.4"
+    "@syncfusion/ej2-base": "~30.1.38",
+    "@syncfusion/ej2-popups": "~30.1.37"
   },
-  "deprecated": false,
-  "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-splitbuttons.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -80,15 +39,11 @@
     "spinbutton",
     "spin button"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-splitbuttons.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-splitbuttons",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "29.2.4",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -832,7 +832,7 @@ var DropDownButton = /** @class */ (function (_super) {
                 }
             }
             else {
-                if (ul) {
+                if (observedArgs.element) {
                     ul.focus();
                 }
             }

package/styles/bds-lite.css

@@ -338,11 +338,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -388,7 +384,6 @@
   margin-left: -1px;
   padding-left: 10px;
   padding-right: 10px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
   -webkit-box-shadow: none;
@@ -463,7 +458,6 @@
   border-top-left-radius: 8px;
   border-top-right-radius: 0;
   margin-left: 0;
-  z-index: 1;
 }
 .e-split-btn-wrapper.e-vertical {
   display: inline-block;

package/styles/bds.css

@@ -401,11 +401,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -451,7 +447,6 @@
   margin-left: -1px;
   padding-left: 10px;
   padding-right: 10px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
   -webkit-box-shadow: none;
@@ -526,7 +521,6 @@
   border-top-left-radius: 8px;
   border-top-right-radius: 0;
   margin-left: 0;
-  z-index: 1;
 }
 .e-split-btn-wrapper.e-vertical {
   display: inline-block;
@@ -672,6 +666,7 @@
 .e-bigger.e-split-btn-wrapper .e-split-btn {
   padding-left: 16px;
   padding-right: 16px;
+  line-height: 1.781em;
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {

package/styles/bootstrap-dark-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/bootstrap-dark.css

@@ -286,7 +286,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/bootstrap-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/bootstrap.css

@@ -286,7 +286,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/bootstrap4-lite.css

@@ -223,7 +223,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 8px;
   padding-right: 8px;
   padding-left: 10px;

package/styles/bootstrap4.css

@@ -279,7 +279,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 8px;
   padding-right: 8px;
   padding-left: 10px;
@@ -529,6 +528,7 @@
 
 .e-bigger .e-split-btn-wrapper .e-split-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn {
+  padding: 7px 4px;
   padding-left: 12px;
   padding-right: 12px;
 }
@@ -562,6 +562,8 @@
 .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
   padding-left: 10px;
   padding-right: 10px;
+  padding-left: 4px;
+  padding-right: 4px;
 }
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {

package/styles/bootstrap5-dark-lite.css

@@ -226,9 +226,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -260,6 +258,7 @@
 .e-split-btn-wrapper .e-split-btn.e-icon-btn {
   padding-left: 10px;
   padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
   padding-right: 0;
@@ -270,7 +269,6 @@
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
   -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);

package/styles/bootstrap5-dark.css

@@ -289,9 +289,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -323,6 +321,7 @@
 .e-split-btn-wrapper .e-split-btn.e-icon-btn {
   padding-left: 10px;
   padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
   padding-right: 0;
@@ -333,7 +332,6 @@
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
   -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);

package/styles/bootstrap5-lite.css

@@ -226,9 +226,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -260,6 +258,7 @@
 .e-split-btn-wrapper .e-split-btn.e-icon-btn {
   padding-left: 10px;
   padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
   padding-right: 0;
@@ -270,7 +269,6 @@
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
   -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);

package/styles/bootstrap5.3-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }
@@ -274,7 +273,6 @@
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
   -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);

package/styles/bootstrap5.3.css

@@ -293,7 +293,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }
@@ -337,7 +336,6 @@
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
   -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);

package/styles/bootstrap5.css

@@ -289,9 +289,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -323,6 +321,7 @@
 .e-split-btn-wrapper .e-split-btn.e-icon-btn {
   padding-left: 10px;
   padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
   padding-right: 0;
@@ -333,7 +332,6 @@
   margin-left: -1px;
   padding-left: 4px;
   padding-right: 4px;
-  z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
   -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);

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

@@ -9,7 +9,6 @@
     @if $skin-name == 'Material3' {
       border-radius: $btn-border-radius;
       box-shadow: $drop-down-btn-box-shadow;
-      padding: 7px 16px;
     }
 
     &:hover {

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

@@ -15,7 +15,6 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  padding: 7px 16px;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {

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

@@ -17,7 +17,6 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  padding: 7px 16px;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {

package/styles/fabric-dark-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/fabric-dark.css

@@ -286,7 +286,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/fabric-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/fabric.css

@@ -286,7 +286,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/fluent-dark-lite.css

@@ -231,7 +231,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding: 3px 7px;
   padding-left: 10px;
   padding-right: 10px;

package/styles/fluent-dark.css

@@ -287,7 +287,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding: 3px 7px;
   padding-left: 10px;
   padding-right: 10px;
@@ -533,6 +532,7 @@
 
 .e-bigger .e-split-btn-wrapper .e-split-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn {
+  padding: 7px 4px;
   padding-left: 12px;
   padding-right: 12px;
 }

package/styles/fluent-lite.css

@@ -231,7 +231,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding: 3px 7px;
   padding-left: 10px;
   padding-right: 10px;

package/styles/fluent.css

@@ -287,7 +287,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding: 3px 7px;
   padding-left: 10px;
   padding-right: 10px;
@@ -533,6 +532,7 @@
 
 .e-bigger .e-split-btn-wrapper .e-split-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn {
+  padding: 7px 4px;
   padding-left: 12px;
   padding-right: 12px;
 }

package/styles/fluent2-lite.css

@@ -258,9 +258,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;

package/styles/fluent2.css

@@ -316,9 +316,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding: 3.75px 11px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;

package/styles/highcontrast-light-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/highcontrast-light.css

@@ -277,7 +277,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/highcontrast-lite.css

@@ -231,7 +231,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/highcontrast.css

@@ -287,7 +287,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/material-dark-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/material-dark.css

@@ -286,7 +286,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/material-lite.css

@@ -230,7 +230,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/material.css

@@ -286,7 +286,6 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/material3-dark-lite.css

@@ -15,7 +15,6 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
-  padding: 7px 16px;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
@@ -244,9 +243,11 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
-  z-index: 1;
   -webkit-box-shadow: none;
           box-shadow: none;
+  z-index: 1;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
@@ -419,6 +420,7 @@
 }
 
 .e-split-btn-wrapper .e-split-btn {
+  border-right-color: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
   -o-border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;
      border-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(var(--color-sf-surface), 1)), color-stop(75%, rgba(var(--color-sf-outline-variant), 1))) 1;
      border-image: linear-gradient(to right, rgba(var(--color-sf-surface), 1) 25%, rgba(var(--color-sf-outline-variant), 1) 75%) 1;