@syncfusion/ej2-splitbuttons 19.3.43 → 19.3.48

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@18.20.0",
+  "_id": "@syncfusion/ej2-splitbuttons@19.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-t54kZoWavr30LdSPhzPQ61pFIOcp+4FrcHGpt267NiIoS+GS+Vt7XdjNzG/chFzyWg0WM0jHVYS/wxsv6SgfZw==",
+  "_integrity": "sha512-Q4pni89JtywN7Z6L1cgVTcJQjaOPHV53qsvN4ORxp9ljkWfnQNream8tOrGA44zPZBXdICTRAFoGKRWgXRmObA==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -31,8 +31,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-18.20.0.tgz",
-  "_shasum": "31f53a0b69bed3329f5147526242f44467d00fc7",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-19.3.47.tgz",
+  "_shasum": "996f0ab20f02703ac3ce1e535d59bea62a231192",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -43,8 +43,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-popups": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.47",
+    "@syncfusion/ej2-popups": "~19.3.47"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -87,6 +87,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.43",
+  "version": "19.3.48",
   "sideEffects": false
 }

package/src/drop-down-button/drop-down-button.d.ts

@@ -180,6 +180,7 @@ export declare class DropDownButton extends Component<HTMLButtonElement> impleme
     private hasIcon;
     private createAnchor;
     private initialize;
+    private isColorPicker;
     private appendArrowSpan;
     protected setActiveElem(elem: HTMLElement[]): void;
     /**
@@ -201,6 +202,7 @@ export declare class DropDownButton extends Component<HTMLButtonElement> impleme
     protected getULElement(): HTMLElement;
     protected wireEvents(): void;
     protected popupWireEvents(): void;
+    protected popupUnWireEvents(): void;
     /**
      * Handles the keyboard interactions.
      *

package/src/drop-down-button/drop-down-button.js

@@ -262,13 +262,23 @@ var DropDownButton = /** @class */ (function (_super) {
         }
         this.appendArrowSpan();
         this.setActiveElem([this.element]);
-        if (this.target || !this.createPopupOnClick) {
+        if ((this.target && !this.isColorPicker()) || !this.createPopupOnClick) {
             this.createPopup();
         }
         else {
             this.isPopupCreated = false;
         }
     };
+    DropDownButton.prototype.isColorPicker = function () {
+        if (!this.element) {
+            return false;
+        }
+        var prevElem = this.element.previousSibling;
+        if (prevElem && prevElem.classList && prevElem.classList.contains('e-split-colorpicker')) {
+            return true;
+        }
+        return false;
+    };
     DropDownButton.prototype.appendArrowSpan = function () {
         this.element.appendChild(this.createElement('span', {
             className: 'e-btn-icon e-icons ' + 'e-icon-' + (this.cssClass.indexOf(classNames.VERTICAL) > -1
@@ -320,6 +330,7 @@ var DropDownButton = /** @class */ (function (_super) {
             attrList.forEach(function (key) {
                 _this.element.removeAttribute(key);
             });
+            this.popupUnWireEvents();
             this.destroyPopup();
             this.isPopupCreated = false;
             if (!this.disabled) {
@@ -361,16 +372,33 @@ var DropDownButton = /** @class */ (function (_super) {
     };
     DropDownButton.prototype.wireEvents = function () {
         this.delegateMousedownHandler = this.mousedownHandler.bind(this);
-        EventHandler.add(document, 'mousedown touchstart', this.delegateMousedownHandler, this);
+        if (!this.createPopupOnClick) {
+            EventHandler.add(document, 'mousedown touchstart', this.delegateMousedownHandler, this);
+        }
         EventHandler.add(this.element, 'click', this.clickHandler, this);
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
     };
     DropDownButton.prototype.popupWireEvents = function () {
         var popupElement = this.getPopUpElement();
-        EventHandler.add(popupElement, 'click', this.clickHandler, this);
-        EventHandler.add(popupElement, 'keydown', this.keyBoardHandler, this);
+        if (this.createPopupOnClick) {
+            EventHandler.add(document, 'mousedown touchstart', this.delegateMousedownHandler, this);
+        }
+        if (popupElement) {
+            EventHandler.add(popupElement, 'click', this.clickHandler, this);
+            EventHandler.add(popupElement, 'keydown', this.keyBoardHandler, this);
+        }
         this.rippleFn = rippleEffect(popupElement, { selector: '.' + classNames.ITEM });
     };
+    DropDownButton.prototype.popupUnWireEvents = function () {
+        var popupElement = this.getPopUpElement();
+        if (this.createPopupOnClick) {
+            EventHandler.remove(document, 'mousedown touchstart', this.delegateMousedownHandler);
+        }
+        if (popupElement && popupElement.parentElement) {
+            EventHandler.remove(popupElement, 'click', this.clickHandler);
+            EventHandler.remove(popupElement, 'keydown', this.keyBoardHandler);
+        }
+    };
     /**
      * Handles the keyboard interactions.
      *
@@ -439,7 +467,7 @@ var DropDownButton = /** @class */ (function (_super) {
     DropDownButton.prototype.clickHandler = function (e) {
         var trgt = e.target;
         if (closest(trgt, '[id="' + this.element.id + '"]')) {
-            if (!this.createPopupOnClick || this.target) {
+            if (!this.createPopupOnClick || (this.target && !this.isColorPicker())) {
                 if (this.getPopUpElement().classList.contains('e-popup-close')) {
                     this.openPopUp(e);
                 }
@@ -505,6 +533,7 @@ var DropDownButton = /** @class */ (function (_super) {
         }
         this.trigger('beforeClose', beforeCloseArgs, function (observedArgs) {
             if (!observedArgs.cancel) {
+                _this.popupUnWireEvents();
                 var ul_2 = _this.getULElement();
                 var selectedLi = ul_2.querySelector('.e-selected');
                 if (selectedLi) {
@@ -521,7 +550,7 @@ var DropDownButton = /** @class */ (function (_super) {
                 if (!_this.target && ul_2) {
                     detach(ul_2);
                 }
-                if (!_this.target) {
+                if (!_this.target || _this.isColorPicker()) {
                     if (_this.createPopupOnClick) {
                         _this.destroyPopup();
                     }
@@ -533,7 +562,9 @@ var DropDownButton = /** @class */ (function (_super) {
         });
     };
     DropDownButton.prototype.unWireEvents = function () {
-        EventHandler.remove(document, 'mousedown touchstart', this.delegateMousedownHandler);
+        if (!this.createPopupOnClick) {
+            EventHandler.remove(document, 'mousedown touchstart', this.delegateMousedownHandler);
+        }
         EventHandler.remove(this.element, 'click', this.clickHandler);
         EventHandler.remove(this.element, 'keydown', this.keyBoardHandler);
         if (this.isPopupCreated) {