@syncfusion/ej2-splitbuttons 27.1.48 → 27.1.56

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

@@ -1,4 +1,4 @@
-import { extend, deleteObject, addClass, isNullOrUndefined, ChildProperty, Property, Component, attributes, select, getUniqueID, SanitizeHtmlHelper, detach, removeClass, EventHandler, getComponent, rippleEffect, isRippleEnabled, closest, classList, Collection, Event, NotifyPropertyChanges, getValue, setValue, remove, KeyboardEvents, getInstance, createElement, Animation, animationMode, Complex } from '@syncfusion/ej2-base';
+import { extend, deleteObject, addClass, isNullOrUndefined, ChildProperty, Property, Component, attributes, getComponent, select, getUniqueID, SanitizeHtmlHelper, detach, removeClass, EventHandler, rippleEffect, isRippleEnabled, closest, classList, Collection, Event, NotifyPropertyChanges, 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';
 
@@ -324,6 +324,12 @@ let DropDownButton = class DropDownButton extends Component {
             addClass([div], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         this.isPopupCreated = true;
+        if (this.createPopupOnClick) {
+            const splitButton = getComponent(this.activeElem[0], 'split-btn');
+            if (splitButton) {
+                splitButton.isPopupCreated = true;
+            }
+        }
     }
     getTargetElement() {
         if (this.createPopupOnClick && !this.isColorPicker() && !isNullOrUndefined(this.popupContent)) {
@@ -528,6 +534,13 @@ let DropDownButton = class DropDownButton extends Component {
             }
         }
         this.isPopupCreated = false;
+        const splitButton = getComponent(this.activeElem[0], 'split-btn');
+        if (this.createPopupOnClick && splitButton) {
+            const dropDownButton = getComponent(this.activeElem[1], 'dropdown-btn');
+            if (dropDownButton) {
+                dropDownButton.isPopupCreated = false;
+            }
+        }
     }
     getPopUpElement() {
         let val = null;
@@ -665,7 +678,7 @@ let DropDownButton = class DropDownButton extends Component {
     }
     mousedownHandler(e) {
         const 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);
         }
@@ -814,7 +827,9 @@ let DropDownButton = class DropDownButton extends Component {
                 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');