@syncfusion/ej2-splitbuttons 20.4.42 → 20.4.50

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

@@ -1,4 +1,4 @@
-import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, attributes, classList, closest, createElement, deleteObject, detach, extend, getComponent, getInstance, getUniqueID, getValue, isNullOrUndefined, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base';
+import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, attributes, classList, closest, createElement, deleteObject, detach, extend, getComponent, getInstance, getUniqueID, getValue, isNullOrUndefined, isRippleEnabled, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
 import { Popup, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 
@@ -111,8 +111,16 @@ function isValidLI(ul, li, index, keyCode, count) {
  * @param {HTMLElement} popup - Specifies the popup element.
  * @returns {void}
  */
-function setBlankIconStyle(popup) {
+function setBlankIconStyle(popup, blankIcon) {
     var blankIconList = [].slice.call(popup.getElementsByClassName('e-blank-icon'));
+    if (blankIcon) {
+        var menuItem = [].slice.call(popup.getElementsByClassName('e-item'));
+        menuItem.forEach(function (li) {
+            if (li.style.paddingLeft || li.style.paddingRight) {
+                li.removeAttribute('style');
+            }
+        });
+    }
     if (!blankIconList.length) {
         return;
     }
@@ -576,6 +584,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 EventHandler.remove(popupElement, this.closeActionEvents, this.focusoutHandler);
             }
         }
+        if (isRippleEnabled && this.rippleFn) {
+            this.rippleFn();
+        }
     };
     /**
      * Handles the keyboard interactions.
@@ -833,9 +844,13 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'cssClass':
-                    if (newProp.cssClass.indexOf(classNames.VERTICAL) > -1) {
+                    if (newProp.cssClass.indexOf(classNames.VERTICAL) > -1 || oldProp.cssClass.indexOf(classNames.VERTICAL) > -1) {
+                        if (!this.element.querySelector('span.e-caret')) {
+                            this.appendArrowSpan();
+                        }
                         var arrowSpan = this.element.querySelector('span.e-caret');
-                        classList(arrowSpan, ['e-icon-bottom'], ['e-icon-right']);
+                        newProp.cssClass.indexOf(classNames.VERTICAL) > -1 ? classList(arrowSpan, ['e-icon-bottom'], ['e-icon-right'])
+                            : classList(arrowSpan, ['e-icon-right'], ['e-icon-bottom']);
                     }
                     if (this.isPopupCreated) {
                         if (oldProp.cssClass) {
@@ -1116,6 +1131,10 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
             _this.trigger('select', args);
         };
         dropDownBtnModel.beforeOpen = function (args) {
+            if (_this.createPopupOnClick && _this.items.length == 0) {
+                _this.secondaryBtnObj.dropDown.relateTo = _this.wrapper;
+                _this.dropDown = _this.secondaryBtnObj.dropDown;
+            }
             var callBackPromise = new Deferred();
             _this.trigger('beforeOpen', args, function (observedArgs) {
                 callBackPromise.resolve(observedArgs);