@syncfusion/ej2-splitbuttons 27.1.48 → 27.1.56

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

@@ -1,4 +1,4 @@
-import { extend, deleteObject, addClass, isNullOrUndefined, Property, ChildProperty, attributes, select, getUniqueID, SanitizeHtmlHelper, detach, removeClass, EventHandler, getComponent, rippleEffect, isRippleEnabled, closest, classList, Collection, Event, NotifyPropertyChanges, Component, getValue, setValue, remove, KeyboardEvents, getInstance, createElement, Animation, animationMode, Complex } from '@syncfusion/ej2-base';
+import { extend, deleteObject, addClass, isNullOrUndefined, Property, ChildProperty, attributes, getComponent, select, getUniqueID, SanitizeHtmlHelper, detach, removeClass, EventHandler, rippleEffect, isRippleEnabled, closest, classList, Collection, Event, NotifyPropertyChanges, Component, getValue, setValue, remove, KeyboardEvents, getInstance, createElement, Animation, animationMode, Complex } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
 import { Popup, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
 
@@ -361,6 +361,12 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             addClass([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         this.isPopupCreated = true;
+        if (this.createPopupOnClick) {
+            var splitButton = getComponent(this.activeElem[0], 'split-btn');
+            if (splitButton) {
+                splitButton.isPopupCreated = true;
+            }
+        }
     };
     DropDownButton.prototype.getTargetElement = function () {
         if (this.createPopupOnClick && !this.isColorPicker() && !isNullOrUndefined(this.popupContent)) {
@@ -566,6 +572,13 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.isPopupCreated = false;
+        var splitButton = getComponent(this.activeElem[0], 'split-btn');
+        if (this.createPopupOnClick && splitButton) {
+            var dropDownButton = getComponent(this.activeElem[1], 'dropdown-btn');
+            if (dropDownButton) {
+                dropDownButton.isPopupCreated = false;
+            }
+        }
     };
     DropDownButton.prototype.getPopUpElement = function () {
         var val = null;
@@ -703,7 +716,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownButton.prototype.mousedownHandler = function (e) {
         var trgt = e.target;
-        if (this.dropDown && !this.canOpen() && !(closest(trgt, '[id="' + this.getPopUpElement().id + '"]')
+        if (this.dropDown && !this.canOpen() && this.getPopUpElement() && !(closest(trgt, '[id="' + this.getPopUpElement().id + '"]')
             || closest(trgt, '[id="' + this.element.id + '"]'))) {
             this.closePopup(e);
         }
@@ -856,7 +869,9 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 if (selectedLi) {
                     selectedLi.classList.remove('e-selected');
                 }
-                _this.dropDown.hide();
+                if (_this.dropDown) {
+                    _this.dropDown.hide();
+                }
                 removeClass(_this.activeElem, 'e-active');
                 _this.element.setAttribute('aria-expanded', 'false');
                 _this.element.removeAttribute('aria-owns');