@syncfusion/ej2-splitbuttons 21.2.3 → 22.1.34

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

@@ -749,6 +749,21 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 if (ul_1) {
                     ul_1.focus();
                 }
+                if (_this.enableRtl && ul_1.parentElement.style.left !== '0px') {
+                    var wrapperWidth = void 0;
+                    if (_this.element.parentElement && _this.element.parentElement.classList.contains('e-split-btn-wrapper')) {
+                        wrapperWidth = _this.element.parentElement.offsetWidth;
+                    }
+                    else {
+                        wrapperWidth = _this.element.offsetWidth;
+                    }
+                    var popupRect = ul_1.parentElement.offsetWidth - wrapperWidth;
+                    var popupLeft = parseFloat(ul_1.parentElement.style.left) - popupRect;
+                    if (popupLeft < 0) {
+                        popupLeft = 0;
+                    }
+                    ul_1.parentElement.style.left = popupLeft + "px";
+                }
                 var openArgs = { element: ul_1, items: _this.items };
                 _this.trigger('open', openArgs);
             }
@@ -1162,6 +1177,9 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
         }
         this.secondaryBtnObj.activeElem = [this.element, this.secondaryBtnObj.element];
         this.secondaryBtnObj.element.querySelector('.e-btn-icon').classList.remove('e-icon-right');
+        if (this.disabled) {
+            this.wrapper.classList.add('e-splitbtn-disabled');
+        }
     };
     SplitButton.prototype.setAria = function () {
         attributes(this.element, {
@@ -1286,6 +1304,13 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
                         removeClass([this.wrapper], RTL);
                     }
                     break;
+                case 'disabled':
+                    if (newProp.disabled) {
+                        addClass([this.wrapper], 'e-splitbtn-disabled');
+                    }
+                    else {
+                        removeClass([this.wrapper], 'e-splitbtn-disabled');
+                    }
             }
         }
     };
@@ -1706,7 +1731,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
         var isVertical = clsList.contains('e-vertical');
         clsList.add(PROGRESSACTIVE);
         if (!(clsList.contains(HIDESPINNER))) {
-            showSpinner(this.element);
+            showSpinner(this.element.querySelector(".e-spinner"));
         }
         this.startAnimate(Date.now(), progressTime ? progressTime : 0, progressTime ? Date.now() - (this.duration * 1 / 100) : Date.now(), percent ? percent : 0, 0, this.step, 0, isVertical);
         this.startContAnimate();
@@ -1839,7 +1864,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
     ProgressButton.prototype.hideSpin = function () {
         var cont = this.element.getElementsByClassName(CONTENTCLS)[0];
         if (!(this.element.classList.contains(HIDESPINNER))) {
-            hideSpinner(this.element);
+            hideSpinner(this.element.querySelector(".e-spinner"));
         }
         this.element.classList.remove(PROGRESSACTIVE);
         if (this.animationSettings.effect !== 'None') {
@@ -1896,7 +1921,7 @@ var ProgressButton = /** @__PURE__ @class */ (function (_super) {
                     this.setContent();
                     this.createSpinner();
                     if (isSpinning) {
-                        showSpinner(this.element);
+                        showSpinner(this.element.querySelector(".e-spinner"));
                         isSpinning = false;
                     }
                     if (this.enableProgress) {