@syncfusion/ej2-splitbuttons 26.2.10 → 27.1.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.10
+*  version : 27.1.50
 *  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@26.2.5",
+  "_id": "@syncfusion/ej2-splitbuttons@27.1.48",
   "_inBundle": false,
-  "_integrity": "sha512-/tK0HpqwJw25RZxu2HR3ieTLOrRUdyrtBtKYzELGQiaW9SNo3TgdLoLIbMRpnZK31GyfIRdQ784BgN4ASqjpWA==",
+  "_integrity": "sha512-a3Pcuu/kQhgUIwSRCAaGxNS80EPie3GSE514kb73Za5O0SHEgkbTTHqXge4fjhjBDVNa7lviS+k7qVeK+aL9hw==",
   "_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-26.2.5.tgz",
-  "_shasum": "0638515a07edefe3c201ea5543becb90c6f0d3b2",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-27.1.48.tgz",
+  "_shasum": "5359111f07389f1917f980d0ab0d668fea8a265e",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.10",
-    "@syncfusion/ej2-popups": "~26.2.10"
+    "@syncfusion/ej2-base": "~27.1.50",
+    "@syncfusion/ej2-popups": "~27.1.50"
   },
   "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": "26.2.10",
+  "version": "27.1.50",
   "sideEffects": false
 }

package/src/common/common.js

@@ -104,6 +104,7 @@ function isValidLI(ul, li, index, keyCode, count) {
     }
     return index;
 }
+// eslint-disable-next-line jsdoc/require-param, valid-jsdoc
 /** @hidden
  * @param {HTMLElement} popup - Specifies the popup element.
  * @returns {void}

package/src/drop-down-button/drop-down-button.d.ts

@@ -220,6 +220,7 @@ export declare class DropDownButton extends Component<HTMLButtonElement> impleme
      * @hidden
      */
     keyBoardHandler(e: KeyboardEventArgs): void;
+    private isSafari;
     protected upDownKeyHandler(e: KeyboardEventArgs): void;
     private keyEventHandler;
     private getLI;

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

@@ -487,6 +487,9 @@ var DropDownButton = /** @class */ (function (_super) {
                 break;
         }
     };
+    DropDownButton.prototype.isSafari = function () {
+        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    };
     DropDownButton.prototype.upDownKeyHandler = function (e) {
         if (this.target && (e.keyCode === 38 || e.keyCode === 40)) {
             return;
@@ -530,7 +533,7 @@ var DropDownButton = /** @class */ (function (_super) {
     };
     DropDownButton.prototype.focusoutHandler = function (e) {
         if (this.isPopupCreated && !this.canOpen()) {
-            var liTarget = e.relatedTarget;
+            var liTarget = (e.relatedTarget || e.target);
             if (liTarget && liTarget.className.indexOf('e-item') > -1) {
                 var li = this.getLI(liTarget);
                 if (li) {
@@ -603,7 +606,10 @@ var DropDownButton = /** @class */ (function (_super) {
                 if (splitButton.isReact && popupElem.childNodes.length < 1) {
                     isReact = true;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    if (splitButton.appendReactElement) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    }
                     this.renderReactTemplates();
                 }
             }
@@ -613,7 +619,10 @@ var DropDownButton = /** @class */ (function (_super) {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     isReact = true;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    if (this.appendReactElement) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    }
                     this.renderReactTemplates();
                 }
             }
@@ -628,7 +637,7 @@ var DropDownButton = /** @class */ (function (_super) {
                 addClass([_this.element], 'e-active');
                 _this.element.setAttribute('aria-expanded', 'true');
                 _this.element.setAttribute('aria-owns', _this.getPopUpElement().id);
-                if (ul_1) {
+                if (ul_1 && !_this.isSafari()) {
                     ul_1.focus();
                 }
                 if (_this.enableRtl && ul_1.parentElement.style.left !== '0px') {
@@ -648,6 +657,9 @@ var DropDownButton = /** @class */ (function (_super) {
                 }
                 var openArgs = { element: ul_1, items: _this.items };
                 _this.trigger('open', openArgs);
+                if (ul_1 && _this.isSafari()) {
+                    ul_1.focus();
+                }
             }
         });
     };
@@ -745,6 +757,7 @@ var DropDownButton = /** @class */ (function (_super) {
                     }
                     break;
                 case 'cssClass':
+                    oldProp.cssClass = isNullOrUndefined(oldProp.cssClass) ? '' : oldProp.cssClass;
                     if (newProp.cssClass.indexOf(classNames.VERTICAL) > -1 || oldProp.cssClass.indexOf(classNames.VERTICAL) > -1) {
                         if (!this.element.querySelector('span.e-caret')) {
                             this.appendArrowSpan();

package/src/progress-button/progress-button.d.ts

@@ -248,7 +248,6 @@ export declare class ProgressButton extends Button implements INotifyPropertyCha
     private setSpinPosition;
     private createProgress;
     private setContent;
-    private setContentIcon;
     private clickHandler;
     private startProgress;
     private startAnimate;

package/src/progress-button/progress-button.js

@@ -152,8 +152,10 @@ var ProgressButton = /** @class */ (function (_super) {
      */
     ProgressButton.prototype.destroy = function () {
         var _this = this;
-        var classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + _super.prototype.getModuleName.call(this),
-            'e-spin-' + this.spinSettings.position.toLowerCase()];
+        var classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + _super.prototype.getModuleName.call(this)];
+        if (this.spinSettings.position) {
+            classList.push('e-spin-' + this.spinSettings.position.toLowerCase());
+        }
         _super.prototype.destroy.call(this);
         this.unWireEvents();
         this.element.innerHTML = '';
@@ -213,29 +215,6 @@ var ProgressButton = /** @class */ (function (_super) {
         this.element.innerHTML = '';
         this.element.appendChild(this.createElement('span', { className: CONTENTCLS, innerHTML: cont }));
     };
-    ProgressButton.prototype.setContentIcon = function (content) {
-        var contElem = this.createElement('span', { className: CONTENTCLS, innerHTML: content });
-        if (this.iconCss) {
-            var span = this.createElement('span', { className: 'e-btn-icon ' + this.iconCss });
-            if (!this.element.textContent.trim()) {
-                this.element.classList.add('e-icon-btn');
-            }
-            else {
-                span.classList.add('e-icon-' + this.iconPosition.toLowerCase());
-                if (this.iconPosition === 'Top' || this.iconPosition === 'Bottom') {
-                    this.element.classList.add('e-' + this.iconPosition.toLowerCase() + '-icon-btn');
-                }
-            }
-            var node = contElem.childNodes[0];
-            if (node && (this.iconPosition === 'Left' || this.iconPosition === 'Top')) {
-                contElem.insertBefore(span, node);
-            }
-            else {
-                contElem.appendChild(span);
-            }
-        }
-        this.element.appendChild(contElem);
-    };
     ProgressButton.prototype.clickHandler = function () {
         if (this.element.classList.contains(PROGRESSACTIVE)) {
             return;