@syncfusion/ej2-ribbon 26.1.35 → 26.1.38

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

@@ -4903,6 +4903,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 +4929,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 +6316,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 +7653,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);
     }
     /**