@syncfusion/ej2-ribbon 30.2.4 → 31.1.22

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

@@ -3037,6 +3037,11 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
             }
         };
         var target;
+        splitbutton.beforeOpen = function (e) {
+            if (item.splitButtonSettings.beforeOpen) {
+                item.splitButtonSettings.beforeOpen.call(_this, e);
+            }
+        };
         splitbutton.beforeClose = function (e) {
             if (item.splitButtonSettings.beforeClose) {
                 item.splitButtonSettings.beforeClose.call(_this, e);
@@ -3079,6 +3084,11 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
         cssClass = cssClass.filter(function (value) { return value !== RIBBON_POPUP_CONTROL; });
         splitbutton.cssClass = cssClass.join(SPACE);
         splitbutton.dataBind();
+        splitbutton.beforeOpen = function (e) {
+            if (item.splitButtonSettings.beforeOpen) {
+                item.splitButtonSettings.beforeOpen.call(_this, e);
+            }
+        };
         splitbutton.beforeClose = function (e) {
             if (item.splitButtonSettings.beforeClose) {
                 item.splitButtonSettings.beforeClose.call(_this, e);
@@ -3166,6 +3176,7 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
                 (VERTICAL_DDB + SPACE + prop.cssClass).trim() : prop.cssClass;
             control.cssClass = prop.cssClass;
         }
+        delete prop.beforeOpen;
         delete prop.open;
         delete prop.click;
         delete prop.close;
@@ -5212,13 +5223,21 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
             this.scrollModule.scrollStep = scrollEle.offsetWidth;
         }
         if (this.activeLayout === 'Simplified') {
-            var activePopup = document.querySelectorAll('.e-ribbon .e-dropdown-btn.e-active, .e-ribbon-group-overflow-ddb .e-dropdown-btn.e-active');
-            if (!isNullOrUndefined(activePopup) && activePopup.length) {
-                for (var i = 0; i < activePopup.length; i++) {
-                    var dropDownBtn = getInstance(activePopup[parseInt(i.toString(), 10)], DropDownButton);
+            var activePopups = document.querySelectorAll('.e-ribbon .e-dropdown-btn.e-active, .e-ribbon-group-overflow-ddb .e-dropdown-btn.e-active');
+            var colorPickerPopups = document.querySelectorAll('.e-ribbon .e-colorpicker-wrapper.e-ribbon-control.e-ribbon-open .e-colorpicker, .e-ribbon-group-overflow-ddb .e-colorpicker-wrapper.e-ribbon-control.e-ribbon-open .e-colorpicker');
+            activePopups.forEach(function (popup) {
+                var dropDownBtn = getInstance(popup, DropDownButton);
+                if (dropDownBtn) {
                     dropDownBtn.toggle();
                 }
-            }
+            });
+            colorPickerPopups.forEach(function (picker) {
+                var colorPickerObj = getInstance(picker, ColorPicker);
+                if (colorPickerObj) {
+                    colorPickerObj.toggle();
+                    colorPickerObj.refresh();
+                }
+            });
         }
         var galleryPopupEle = document.querySelector('.e-ribbon-gallery-popup.e-popup-open');
         if (galleryPopupEle) {