@syncfusion/ej2-ribbon 26.1.35 → 26.1.40

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

@@ -1813,7 +1813,9 @@ var RibbonButton = /** @__PURE__ @class */ (function () {
             if (item.buttonSettings.clicked) {
                 item.buttonSettings.clicked.call(_this, e);
             }
-            overflowButton.toggle();
+            if (overflowButton.element.classList.contains('e-active')) {
+                overflowButton.toggle();
+            }
         };
     };
     /**
@@ -1984,7 +1986,9 @@ var RibbonCheckBox = /** @__PURE__ @class */ (function () {
             if (item.checkBoxSettings.change) {
                 item.checkBoxSettings.change.call(_this, e);
             }
-            overflowButton.toggle();
+            if (overflowButton.element.classList.contains('e-active')) {
+                overflowButton.toggle();
+            }
         };
     };
     /**
@@ -2181,7 +2185,9 @@ var RibbonColorPicker = /** @__PURE__ @class */ (function () {
         };
         splitBtn.close = function () {
             if (target && !target.closest('.e-ribbon-group-overflow-ddb')) {
-                overflowButton.toggle();
+                if (overflowButton.element.classList.contains('e-active')) {
+                    overflowButton.toggle();
+                }
             }
         };
     };
@@ -2404,7 +2410,9 @@ var RibbonComboBox = /** @__PURE__ @class */ (function () {
                 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();
+                }
             }
         };
     };
@@ -2611,7 +2619,9 @@ var RibbonDropDown = /** @__PURE__ @class */ (function () {
                 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();
+                }
             }
         };
     };
@@ -3099,7 +3109,9 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
             if (item.splitButtonSettings.click) {
                 item.splitButtonSettings.click.call(_this, e);
             }
-            overflowButton.toggle();
+            if (overflowButton.element.classList.contains('e-active')) {
+                overflowButton.toggle();
+            }
         };
         splitbutton.close = function (e) {
             if (item.splitButtonSettings.close) {
@@ -3107,7 +3119,9 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
             }
             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();
+                }
             }
         };
     };
@@ -4001,7 +4015,9 @@ var RibbonGroupButton = /** @__PURE__ @class */ (function () {
         targetEle.onclick = function () {
             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();
+                }
             }
         };
     };
@@ -5410,6 +5426,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 +5452,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 +6864,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 +8231,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);
     };
     /**