@syncfusion/ej2-splitbuttons 26.2.10 → 27.1.50

package/dist/es6/ej2-splitbuttons.es5.js

@@ -107,6 +107,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}
@@ -663,6 +664,9 @@ var DropDownButton = /** @__PURE__ @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;
@@ -706,7 +710,7 @@ var DropDownButton = /** @__PURE__ @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) {
@@ -777,7 +781,10 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (splitButton.isReact && popupElem.childNodes.length < 1) {
                     // 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();
                 }
             }
@@ -785,7 +792,10 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if (this.isReact && popupElem.childNodes.length < 1) {
                     // 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();
                 }
             }
@@ -800,7 +810,7 @@ var DropDownButton = /** @__PURE__ @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') {
@@ -820,6 +830,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 }
                 var openArgs = { element: ul_1, items: _this.items };
                 _this.trigger('open', openArgs);
+                if (ul_1 && _this.isSafari()) {
+                    ul_1.focus();
+                }
             }
         });
     };
@@ -917,6 +930,7 @@ var DropDownButton = /** @__PURE__ @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();
@@ -1687,8 +1701,10 @@ var ProgressButton = /** @__PURE__ @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 = '';
@@ -1748,29 +1764,6 @@ var ProgressButton = /** @__PURE__ @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;