@syncfusion/ej2-splitbuttons 21.2.5 → 22.1.37

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

@@ -262,6 +262,10 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         if (this.canOpen()) {
             this.openPopUp();
         }
+        else if (this.createPopupOnClick && !this.isPopupCreated) {
+            this.createPopup();
+            this.openPopUp();
+        }
         else {
             this.closePopup();
         }
@@ -539,6 +543,12 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownButton.prototype.getPopUpElement = function () {
         var val = null;
+        if (!this.dropDown && this.activeElem[0].classList.contains('e-split-btn')) {
+            var dropDownBtn = getComponent(this.activeElem[1], 'dropdown-btn');
+            if (dropDownBtn) {
+                this.dropDown = dropDownBtn.dropDown;
+            }
+        }
         if (this.dropDown) {
             val = this.dropDown.element;
         }
@@ -560,6 +570,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
     };
     DropDownButton.prototype.popupWireEvents = function () {
+        if (!this.delegateMousedownHandler) {
+            this.delegateMousedownHandler = this.mousedownHandler.bind(this);
+        }
         var popupElement = this.getPopUpElement();
         if (this.createPopupOnClick) {
             EventHandler.add(document, 'mousedown touchstart', this.delegateMousedownHandler, this);
@@ -678,7 +691,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     DropDownButton.prototype.clickHandler = function (e) {
         var trgt = e.target;
         if (closest(trgt, '[id="' + this.element.id + '"]')) {
-            if (!this.createPopupOnClick || (this.target && !this.isColorPicker())) {
+            if (!this.createPopupOnClick || (this.target && this.target !== '' && !this.isColorPicker())) {
                 if (this.getPopUpElement().classList.contains('e-popup-close')) {
                     this.openPopUp(e);
                 }
@@ -749,6 +762,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);
             }
@@ -791,9 +819,6 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                         _this.destroyPopup();
                     }
                 }
-                if (_this.target) {
-                    _this.isPopupCreated = _this.createPopupOnClick ? false : true;
-                }
             }
             else {
                 if (ul) {
@@ -1160,8 +1185,13 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
             this.secondaryBtnObj.dropDown.relateTo = this.wrapper;
             this.dropDown = this.secondaryBtnObj.dropDown;
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.isPopupCreated = this.secondaryBtnObj.isPopupCreated;
         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, {
@@ -1242,7 +1272,7 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
                 break;
             case 'enter':
                 this.clickHandler(e);
-                if (!this.getPopUpElement().classList.contains('e-popup-close')) {
+                if (this.getPopUpElement() && !this.getPopUpElement().classList.contains('e-popup-close')) {
                     this.element.classList.remove('e-active');
                     this.secondaryBtnObj.element.classList.add('e-active');
                 }
@@ -1286,6 +1316,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');
+                    }
             }
         }
     };