@syncfusion/ej2-splitbuttons 21.2.5 → 22.1.34

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

@@ -713,6 +713,21 @@ let DropDownButton = class DropDownButton extends Component {
                 if (ul) {
                     ul.focus();
                 }
+                if (this.enableRtl && ul.parentElement.style.left !== '0px') {
+                    let wrapperWidth;
+                    if (this.element.parentElement && this.element.parentElement.classList.contains('e-split-btn-wrapper')) {
+                        wrapperWidth = this.element.parentElement.offsetWidth;
+                    }
+                    else {
+                        wrapperWidth = this.element.offsetWidth;
+                    }
+                    const popupRect = ul.parentElement.offsetWidth - wrapperWidth;
+                    let popupLeft = parseFloat(ul.parentElement.style.left) - popupRect;
+                    if (popupLeft < 0) {
+                        popupLeft = 0;
+                    }
+                    ul.parentElement.style.left = popupLeft + "px";
+                }
                 const openArgs = { element: ul, items: this.items };
                 this.trigger('open', openArgs);
             }
@@ -1107,6 +1122,9 @@ let SplitButton = class SplitButton extends DropDownButton {
         }
         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');
+        }
     }
     setAria() {
         attributes(this.element, {
@@ -1229,6 +1247,13 @@ let SplitButton = class SplitButton extends DropDownButton {
                         removeClass([this.wrapper], RTL);
                     }
                     break;
+                case 'disabled':
+                    if (newProp.disabled) {
+                        addClass([this.wrapper], 'e-splitbtn-disabled');
+                    }
+                    else {
+                        removeClass([this.wrapper], 'e-splitbtn-disabled');
+                    }
             }
         }
     }