@syncfusion/ej2-ribbon 26.1.35 → 26.1.40

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();
+                }
             }
         };
     }
@@ -4903,6 +4919,11 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         const selectedTabId = e.selectedItem.getAttribute('data-id');
         let selectedIndex = getIndex(this.tabs, ((tab) => (tab.id === selectedTabId)));
         selectedIndex = selectedIndex === -1 ? this.selectedTab : selectedIndex;
+        const selectedContent = this.tabObj.items[parseInt(selectedIndex.toString(), 10)].content;
+        if ((!selectedContent.querySelector('.' + RIBBON_GROUP)) && (this.tabs[parseInt(selectedIndex.toString(), 10)].groups.length !== 0)) {
+            const elements = this.createGroups(this.tabs[parseInt(selectedIndex.toString(), 10)].groups, selectedIndex);
+            append(elements, selectedContent);
+        }
         const isContextual = this.isContextualTab(selectedTabId);
         this.updateSelectedState(selectedTabId);
         const eventArgs = { previousIndex: this.selectedTab, selectedIndex: selectedIndex, isContextual: isContextual };
@@ -4924,7 +4945,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         if (this.ribbonGalleryModule) {
             this.ribbonGalleryModule.checkAvailableHeight(e.selectedContent.firstChild);
         }
-        this.checkOverflow(selectedIndex, e.selectedContent.firstChild);
+        this.checkOverflow(selectedIndex, selectedContent);
         if (this.activeLayout === 'Simplified' && this.overflowDDB) {
             const overflowTarget = this.overflowDDB.target;
             const ofTabContainer = overflowTarget.querySelector('.' + RIBBON_TAB_ACTIVE);
@@ -6311,7 +6332,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
     }
     ribbonTabSelecting(e) {
         this.currentControlIndex = 0;
-        const nextTabId = e.selectingItem.getAttribute('data-id');
+        const nextTabId = e.selectingItem ? e.selectingItem.getAttribute('data-id') : null;
         const previousTabId = e.previousItem.getAttribute('data-id');
         let nextIndex = getIndex(this.tabs, ((tab) => (tab.id === nextTabId)));
         const isContextual = this.isContextualTab(nextTabId);
@@ -7648,6 +7669,9 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         if (index === -1) {
             return;
         }
+        const tbItems = this.tabObj.items[parseInt(index.toString(), 10)].content;
+        this.tabObj.element.querySelector('#' + tabId + HEADER_ID).classList[value ? 'remove' : 'add']('e-disabled');
+        tbItems.classList[value ? 'remove' : 'add']('e-disabled');
         this.tabObj.enableTab(index, value);
     }
     /**