@syncfusion/ej2-ribbon 26.1.38 → 26.1.41

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

@@ -1422,7 +1422,9 @@ class RibbonButton {
             if (item.buttonSettings.clicked) {
                 item.buttonSettings.clicked.call(this, e);
             }
-            overflowButton.toggle();
+            if (overflowButton.element.classList.contains('e-active')) {
+                overflowButton.toggle();
+            }
         };
     }
     /**
@@ -1578,7 +1580,9 @@ class RibbonCheckBox {
             if (item.checkBoxSettings.change) {
                 item.checkBoxSettings.change.call(this, e);
             }
-            overflowButton.toggle();
+            if (overflowButton.element.classList.contains('e-active')) {
+                overflowButton.toggle();
+            }
         };
     }
     /**
@@ -1760,7 +1764,9 @@ class RibbonColorPicker {
         };
         splitBtn.close = () => {
             if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
-                overflowButton.toggle();
+                if (overflowButton.element.classList.contains('e-active')) {
+                    overflowButton.toggle();
+                }
             }
         };
     }
@@ -1968,7 +1974,9 @@ class RibbonComboBox {
                 item.comboBoxSettings.close.call(this, e);
             }
             if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
-                overflowButton.toggle();
+                if (overflowButton.element.classList.contains('e-active')) {
+                    overflowButton.toggle();
+                }
             }
         };
     }
@@ -2160,7 +2168,9 @@ class RibbonDropDown {
                 item.dropDownSettings.close.call(this, e);
             }
             if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
-                overflowButton.toggle();
+                if (overflowButton.element.classList.contains('e-active')) {
+                    overflowButton.toggle();
+                }
             }
         };
     }
@@ -2632,7 +2642,9 @@ class RibbonSplitButton {
             if (item.splitButtonSettings.click) {
                 item.splitButtonSettings.click.call(this, e);
             }
-            overflowButton.toggle();
+            if (overflowButton.element.classList.contains('e-active')) {
+                overflowButton.toggle();
+            }
         };
         splitbutton.close = (e) => {
             if (item.splitButtonSettings.close) {
@@ -2640,7 +2652,9 @@ class RibbonSplitButton {
             }
             splitbutton['wrapper'].classList.remove(RIBBON_POPUP_OPEN);
             if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
-                overflowButton.toggle();
+                if (overflowButton.element.classList.contains('e-active')) {
+                    overflowButton.toggle();
+                }
             }
         };
     }
@@ -3529,7 +3543,9 @@ class RibbonGroupButton {
         targetEle.onclick = () => {
             if (this.parent.activeLayout === 'Simplified' && targetEle.closest('.e-ribbon-dropdown-group-button').classList.contains(RIBBON_GROUP_BUTTON_OVERFLOW_POPUP)) {
                 dropdown.toggle();
-                overflowButton.toggle();
+                if (overflowButton.element.classList.contains('e-active')) {
+                    overflowButton.toggle();
+                }
             }
         };
     }
@@ -4887,9 +4903,11 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
             }
         });
     }
-    toggleLayout() {
+    toggleLayout(args) {
         this.setProperties({ activeLayout: this.activeLayout === 'Simplified' ? 'Classic' : 'Simplified' }, true);
         this.switchLayout();
+        const eventArgs = { activeLayout: this.activeLayout, event: args };
+        this.trigger('ribbonLayoutSwitched', eventArgs);
     }
     tabCreated() {
         if (!this.hideLayoutSwitcher) {
@@ -6619,10 +6637,10 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
             id: this.tabObj.element.id + COLLAPSE_BUTTON_ID,
             attrs: { 'tabindex': '0', 'type': 'button', 'aria-label': 'Layout Switcher', 'role': 'button' }
         });
-        this.collapseButton.onclick = () => { this.toggleLayout(); };
+        this.collapseButton.onclick = (e) => { this.toggleLayout(e); };
         this.collapseButton.onkeydown = (e) => {
             if (e.key === 'Enter') {
-                this.toggleLayout();
+                this.toggleLayout(e);
             }
         };
         this.element.classList.add(RIBBON_COLLAPSIBLE);
@@ -9231,6 +9249,9 @@ __decorate$l([
 __decorate$l([
     Event()
 ], Ribbon.prototype, "ribbonCollapsing", void 0);
+__decorate$l([
+    Event()
+], Ribbon.prototype, "ribbonLayoutSwitched", void 0);
 __decorate$l([
     Event()
 ], Ribbon.prototype, "launcherIconClick", void 0);