@syncfusion/ej2-splitbuttons 28.2.3 → 29.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.3
+*  version : 29.2.4
 *  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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@28.1.37",
+  "_id": "@syncfusion/ej2-splitbuttons@29.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-9f9eY37U4YjYXLA9OlNY+q/RG1+f55vglXuTSFYzo4bEqSC4pNcQxKysf1gIR1C87UDlw/4gdRsypHKaU/TarQ==",
+  "_integrity": "sha512-hAhJ4u6iTvisd11wKMYN6t9MGu64FJ3F0TW1y8F+QuuvW5VqbTpy2xJ/ALgVrOcMFL4r+zqFOTlhdNYd6Jx+1A==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,10 +33,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-28.1.37.tgz",
-  "_shasum": "cd532a99d8ac39e90152f3d72a948c956fb65630",
+  "_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_28.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.3"
+    "@syncfusion/ej2-base": "~29.2.4",
+    "@syncfusion/ej2-popups": "~29.2.4"
   },
   "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": "28.2.3",
+  "version": "29.2.4",
   "sideEffects": false
 }

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

@@ -267,6 +267,9 @@ var DropDownButton = /** @class */ (function (_super) {
         else {
             for (var i = 0; i < items.length; i++) {
                 item = items[i];
+                if (this.enableHtmlSanitizer) {
+                    item.text = SanitizeHtmlHelper.sanitize(item.text);
+                }
                 var tempItem = item.text;
                 li = this.createElement('li', {
                     innerHTML: item.url ? '' : tempItem,
@@ -350,8 +353,15 @@ var DropDownButton = /** @class */ (function (_super) {
         return false;
     };
     DropDownButton.prototype.createAnchor = function (item) {
-        var tempItem = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(item.text) : item.text;
-        return this.createElement('a', { className: 'e-menu-text e-menu-url', innerHTML: tempItem, attrs: { 'href': item.url } });
+        var tempItem = item.text;
+        var anchor = this.createElement('a', { className: 'e-menu-text e-menu-url', attrs: { 'href': item.url } });
+        if (this.enableHtmlSanitizer) {
+            anchor.textContent = tempItem;
+        }
+        else {
+            anchor.innerHTML = tempItem;
+        }
+        return anchor;
     };
     DropDownButton.prototype.initialize = function () {
         this.button = new Button({
@@ -553,6 +563,9 @@ var DropDownButton = /** @class */ (function (_super) {
         if (e.target === this.element && (e.keyCode === 9 || (!e.altKey && e.keyCode === 40) || e.keyCode === 38)) {
             return;
         }
+        if (e.target && (e.target.classList.contains('e-item') || (e.target.parentElement && e.target.parentElement.classList.contains('e-split-btn-wrapper'))) && e.keyCode === 13) {
+            e.preventDefault();
+        }
         switch (e.keyCode) {
             case 38:
             case 40:
@@ -798,7 +811,14 @@ var DropDownButton = /** @class */ (function (_super) {
                 _this.element.setAttribute('aria-expanded', 'false');
                 _this.element.removeAttribute('aria-owns');
                 if (focusEle) {
-                    focusEle.focus();
+                    if (!_this.isSafari()) {
+                        if (!(_this.isColorPicker() && e.keyCode === 27)) {
+                            focusEle.focus();
+                        }
+                    }
+                    else {
+                        focusEle.focus({ preventScroll: true });
+                    }
                 }
                 var closeArgs = { element: ul_2, items: _this.items };
                 _this.trigger('close', closeArgs);

package/styles/bds-lite.css

@@ -137,7 +137,7 @@
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 18px;
+  font-size: 14px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -161,6 +161,15 @@
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 .e-dropdown-popup {
   position: absolute;
   border-radius: 8px;

package/styles/bds.css

@@ -137,7 +137,7 @@
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 18px;
+  font-size: 14px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -161,6 +161,15 @@
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 .e-dropdown-popup {
   position: absolute;
   border-radius: 8px;
@@ -318,11 +327,11 @@
 
 .e-bigger .e-dropdown-btn .e-btn-icon,
 .e-bigger.e-dropdown-btn .e-btn-icon {
-  font-size: 16px;
+  font-size: 18px;
 }
 .e-bigger .e-dropdown-btn .e-caret,
 .e-bigger.e-dropdown-btn .e-caret {
-  font-size: 22px;
+  font-size: 18px;
 }
 .e-bigger .e-dropdown-btn.e-vertical,
 .e-bigger.e-dropdown-btn.e-vertical {
@@ -334,6 +343,15 @@
   line-height: 1;
   padding: 8px 16px;
 }
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon {
+  font-size: 16px;
+}
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
+  font-size: 16px;
+}
+
 *.e-bigger .e-dropdown-popup {
   background-color: transparent;
   border-radius: 8px;
@@ -662,7 +680,7 @@
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
-  font-size: 16px;
+  font-size: 18px;
   margin-left: 0;
   padding-right: 10px;
   width: auto;

package/styles/bootstrap-dark-lite.css

@@ -27,7 +27,7 @@
 }
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
@@ -55,6 +55,15 @@
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 14px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 8px;
+}
+
 .e-dropdown-popup {
   position: absolute;
 }
@@ -246,7 +255,7 @@
   padding-top: 10px;
 }
 .e-split-btn-wrapper .e-split-btn .e-btn-icon {
-  font-size: 14px;
+  font-size: 16px;
   margin-left: 0;
   padding-right: 8px;
   width: auto;
@@ -737,8 +746,8 @@
 .e-css.e-btn-group .e-btn:focus.e-primary,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
-  background: #0058bd;
-  border-color: #0058bd;
+  background: rgb(0, 88.2, 189);
+  border-color: rgb(0, 88.2, 189);
   color: #fff;
   outline: #393939 0 solid;
   -webkit-box-shadow: none;
@@ -752,8 +761,8 @@
 .e-css.e-btn-group .e-btn:focus.e-success,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
-  background: #265e28;
-  border-color: #265e28;
+  background: rgb(38.2295081967, 93.7704918033, 40.393442623);
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
   color: #fff;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -766,8 +775,8 @@
 .e-css.e-btn-group .e-btn:focus.e-info,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
-  background: #175b66;
-  border-color: #175b66;
+  background: rgb(22.7272727273, 90.9090909091, 102.2727272727);
+  border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727);
   color: #fff;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -780,8 +789,8 @@
 .e-css.e-btn-group .e-btn:focus.e-warning,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
-  background: #f69807;
-  border-color: #7a4c04;
+  background: rgb(245.6310679612, 152.2912621359, 7.3689320388);
+  border-color: rgb(121.8446601942, 75.5436893204, 3.6553398058);
   color: #000;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -794,8 +803,8 @@
 .e-css.e-btn-group .e-btn:focus.e-danger,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
-  background: #982525;
-  border-color: #982525;
+  background: rgb(151.9875, 37.0125, 37.0125);
+  border-color: rgb(151.9875, 37.0125, 37.0125);
   color: #fff;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -889,8 +898,8 @@
 .e-css.e-btn-group .e-btn:active.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
-  background: #0058bd;
-  border-color: #0058bd;
+  background: rgb(0, 88.2, 189);
+  border-color: rgb(0, 88.2, 189);
   color: #fff;
   outline: #393939 0 solid;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -902,8 +911,8 @@
 .e-css.e-btn-group .e-btn:active.e-success,
 .e-css.e-btn-group input:active + label.e-btn.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
-  background: #1f4c21;
-  border-color: #265e28;
+  background: rgb(30.8442622951, 75.6557377049, 32.5901639344);
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
   color: #fff;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -914,9 +923,9 @@
 .e-css.e-btn-group .e-btn:active.e-info,
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
-  background: #124851;
+  background: rgb(18.0909090909, 72.3636363636, 81.4090909091);
   color: #fff;
-  border-color: #175b66;
+  border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -926,8 +935,8 @@
 .e-css.e-btn-group .e-btn:active.e-warning,
 .e-css.e-btn-group input:active + label.e-btn.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
-  background: #dd8907;
-  border-color: #ab6a05;
+  background: rgb(220.8737864078, 136.9417475728, 6.6262135922);
+  border-color: rgb(171.359223301, 106.2427184466, 5.140776699);
   color: #000;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -938,8 +947,8 @@
 .e-css.e-btn-group .e-btn:active.e-danger,
 .e-css.e-btn-group input:active + label.e-btn.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
-  background: #832020;
-  border-color: #982525;
+  background: rgb(131.48125, 32.01875, 32.01875);
+  border-color: rgb(151.9875, 37.0125, 37.0125);
   color: #fff;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -962,8 +971,8 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
-  background: #0058bd;
-  border-color: #0058bd;
+  background: rgb(0, 88.2, 189);
+  border-color: rgb(0, 88.2, 189);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -974,8 +983,8 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-success,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
-  background: #1f4c21;
-  border-color: #265e28;
+  background: rgb(30.8442622951, 75.6557377049, 32.5901639344);
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -986,8 +995,8 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-info,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
-  background: #124851;
-  border-color: #175b66;
+  background: rgb(18.0909090909, 72.3636363636, 81.4090909091);
+  border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -998,8 +1007,8 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
-  background: #dd8907;
-  border-color: #ab6a05;
+  background: rgb(220.8737864078, 136.9417475728, 6.6262135922);
+  border-color: rgb(171.359223301, 106.2427184466, 5.140776699);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #000;
@@ -1010,8 +1019,8 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
-  background: #832020;
-  border-color: #982525;
+  background: rgb(131.48125, 32.01875, 32.01875);
+  border-color: rgb(151.9875, 37.0125, 37.0125);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -1036,7 +1045,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(255, 255, 255, 0.4);
-  border-color: #248aff;
+  border-color: rgb(36, 138.2, 255);
 }
 .e-btn-group .e-btn:disabled.e-success,
 .e-btn-group input:disabled + label.e-btn.e-success,
@@ -1047,7 +1056,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
-  border-color: #265e28;
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
 }
 .e-btn-group .e-btn:disabled.e-info,
 .e-btn-group input:disabled + label.e-btn.e-info,
@@ -1069,7 +1078,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
-  border-color: #f69807;
+  border-color: rgb(245.6310679612, 152.2912621359, 7.3689320388);
 }
 .e-btn-group .e-btn:disabled.e-danger,
 .e-btn-group input:disabled + label.e-btn.e-danger,
@@ -1080,7 +1089,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
-  border-color: #982525;
+  border-color: rgb(151.9875, 37.0125, 37.0125);
 }
 .e-btn-group .e-btn:disabled.e-link,
 .e-btn-group input:disabled + label.e-btn.e-link,
@@ -1183,7 +1192,7 @@
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
-  border-color: #3e98ff;
+  border-color: rgb(61.5, 151.8, 255);
   outline-color: inherit;
 }
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
@@ -1238,7 +1247,7 @@
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
-  border-color: #3e98ff;
+  border-color: rgb(61.5, 151.8, 255);
   outline-color: inherit;
 }
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,