@syncfusion/ej2-splitbuttons 26.2.10 → 27.1.48

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

@@ -92,6 +92,7 @@ function isValidLI(ul, li, index, keyCode, count = 0) {
     }
     return index;
 }
+// eslint-disable-next-line jsdoc/require-param, valid-jsdoc
 /** @hidden
  * @param {HTMLElement} popup - Specifies the popup element.
  * @returns {void}
@@ -625,6 +626,9 @@ let DropDownButton = class DropDownButton extends Component {
                 break;
         }
     }
+    isSafari() {
+        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+    }
     upDownKeyHandler(e) {
         if (this.target && (e.keyCode === 38 || e.keyCode === 40)) {
             return;
@@ -668,7 +672,7 @@ let DropDownButton = class DropDownButton extends Component {
     }
     focusoutHandler(e) {
         if (this.isPopupCreated && !this.canOpen()) {
-            const liTarget = e.relatedTarget;
+            const liTarget = (e.relatedTarget || e.target);
             if (liTarget && liTarget.className.indexOf('e-item') > -1) {
                 const li = this.getLI(liTarget);
                 if (li) {
@@ -737,7 +741,10 @@ let DropDownButton = class DropDownButton extends Component {
                 // 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();
                 }
             }
@@ -745,7 +752,10 @@ let DropDownButton = class DropDownButton extends Component {
                 // 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();
                 }
             }
@@ -760,7 +770,7 @@ let DropDownButton = class DropDownButton extends Component {
                 addClass([this.element], 'e-active');
                 this.element.setAttribute('aria-expanded', 'true');
                 this.element.setAttribute('aria-owns', this.getPopUpElement().id);
-                if (ul) {
+                if (ul && !this.isSafari()) {
                     ul.focus();
                 }
                 if (this.enableRtl && ul.parentElement.style.left !== '0px') {
@@ -780,6 +790,9 @@ let DropDownButton = class DropDownButton extends Component {
                 }
                 const openArgs = { element: ul, items: this.items };
                 this.trigger('open', openArgs);
+                if (ul && this.isSafari()) {
+                    ul.focus();
+                }
             }
         });
     }
@@ -874,6 +887,7 @@ let DropDownButton = class DropDownButton extends Component {
                     }
                     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();
@@ -1596,8 +1610,10 @@ let ProgressButton = class ProgressButton extends Button {
      * @returns {void}
      */
     destroy() {
-        let classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + super.getModuleName(),
-            'e-spin-' + this.spinSettings.position.toLowerCase()];
+        let classList = [HIDESPINNER, PROGRESSACTIVE, 'e-round-corner', 'e-' + super.getModuleName()];
+        if (this.spinSettings.position) {
+            classList.push('e-spin-' + this.spinSettings.position.toLowerCase());
+        }
         super.destroy();
         this.unWireEvents();
         this.element.innerHTML = '';
@@ -1657,29 +1673,6 @@ let ProgressButton = class ProgressButton extends Button {
         this.element.innerHTML = '';
         this.element.appendChild(this.createElement('span', { className: CONTENTCLS, innerHTML: cont }));
     }
-    setContentIcon(content) {
-        const contElem = this.createElement('span', { className: CONTENTCLS, innerHTML: content });
-        if (this.iconCss) {
-            const 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');
-                }
-            }
-            const node = contElem.childNodes[0];
-            if (node && (this.iconPosition === 'Left' || this.iconPosition === 'Top')) {
-                contElem.insertBefore(span, node);
-            }
-            else {
-                contElem.appendChild(span);
-            }
-        }
-        this.element.appendChild(contElem);
-    }
     clickHandler() {
         if (this.element.classList.contains(PROGRESSACTIVE)) {
             return;