@syncfusion/ej2-ribbon 26.1.35 → 26.1.38

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

@@ -5410,6 +5410,11 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
         var selectedTabId = e.selectedItem.getAttribute('data-id');
         var selectedIndex = getIndex(this.tabs, (function (tab) { return (tab.id === selectedTabId); }));
         selectedIndex = selectedIndex === -1 ? this.selectedTab : selectedIndex;
+        var selectedContent = this.tabObj.items[parseInt(selectedIndex.toString(), 10)].content;
+        if ((!selectedContent.querySelector('.' + RIBBON_GROUP)) && (this.tabs[parseInt(selectedIndex.toString(), 10)].groups.length !== 0)) {
+            var elements = this.createGroups(this.tabs[parseInt(selectedIndex.toString(), 10)].groups, selectedIndex);
+            append(elements, selectedContent);
+        }
         var isContextual = this.isContextualTab(selectedTabId);
         this.updateSelectedState(selectedTabId);
         var eventArgs = { previousIndex: this.selectedTab, selectedIndex: selectedIndex, isContextual: isContextual };
@@ -5431,7 +5436,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
         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) {
             var overflowTarget = this.overflowDDB.target;
             var ofTabContainer = overflowTarget.querySelector('.' + RIBBON_TAB_ACTIVE);
@@ -6843,7 +6848,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
     Ribbon.prototype.ribbonTabSelecting = function (e) {
         var _this = this;
         this.currentControlIndex = 0;
-        var nextTabId = e.selectingItem.getAttribute('data-id');
+        var nextTabId = e.selectingItem ? e.selectingItem.getAttribute('data-id') : null;
         var previousTabId = e.previousItem.getAttribute('data-id');
         var nextIndex = getIndex(this.tabs, (function (tab) { return (tab.id === nextTabId); }));
         var isContextual = this.isContextualTab(nextTabId);
@@ -8210,6 +8215,9 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
         if (index === -1) {
             return;
         }
+        var 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);
     };
     /**