@syncfusion/ej2-ribbon 28.2.3 → 29.1.34

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.3
+*  version : 29.1.33
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,32 +1,30 @@
 {
-  "_from": "@syncfusion/ej2-ribbon@*",
-  "_id": "@syncfusion/ej2-ribbon@28.1.33",
+  "_from": "@syncfusion/ej2-ribbon@29.1.33",
+  "_id": "@syncfusion/ej2-ribbon@29.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-kHG+bm70Ur5w4DnVvMZf1buNwhh1WdZEgf93CQ0pf692oKM2X+lxhk5DULf2l5/3quJS3qa3epvygcETYz0N/Q==",
+  "_integrity": "sha512-deL3H0cN+gm6owujV1VPMIu3LekzchV867ThU9w+0hq3smMS/gmbJP+gnqjAQjUYQ+W/5yYJoENGtKv1DN9IcA==",
   "_location": "/@syncfusion/ej2-ribbon",
   "_phantomChildren": {},
   "_requested": {
-    "type": "range",
+    "type": "version",
     "registry": true,
-    "raw": "@syncfusion/ej2-ribbon@*",
+    "raw": "@syncfusion/ej2-ribbon@29.1.33",
     "name": "@syncfusion/ej2-ribbon",
     "escapedName": "@syncfusion%2fej2-ribbon",
     "scope": "@syncfusion",
-    "rawSpec": "*",
+    "rawSpec": "29.1.34",
     "saveSpec": null,
-    "fetchSpec": "*"
+    "fetchSpec": "29.1.34"
   },
   "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-ribbon",
     "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-vue-ribbon"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-28.1.33.tgz",
-  "_shasum": "3051fd91e9f73e010feb1a8d86cb6c4771e3854d",
-  "_spec": "@syncfusion/ej2-ribbon@*",
-  "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
+  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-ribbon/-/ej2-ribbon-29.1.33.tgz",
+  "_shasum": "c8d35dba484385467e183cdba3f856466125568c",
+  "_spec": "@syncfusion/ej2-ribbon@29.1.33",
+  "_where": "E:\\march2025\\memory-leaks\\node_modules\\@syncfusion\\ej2-angular-ribbon",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,13 +33,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.3",
-    "@syncfusion/ej2-buttons": "~28.2.3",
-    "@syncfusion/ej2-dropdowns": "~28.2.3",
-    "@syncfusion/ej2-lists": "~28.2.3",
-    "@syncfusion/ej2-navigations": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.3",
-    "@syncfusion/ej2-splitbuttons": "~28.2.3"
+    "@syncfusion/ej2-base": "~29.1.33",
+    "@syncfusion/ej2-buttons": "~29.1.33",
+    "@syncfusion/ej2-dropdowns": "~29.1.33",
+    "@syncfusion/ej2-lists": "~29.1.33",
+    "@syncfusion/ej2-navigations": "~29.1.33",
+    "@syncfusion/ej2-popups": "~29.1.33",
+    "@syncfusion/ej2-splitbuttons": "~29.1.33"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -61,7 +59,7 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
   },
+  "sideEffects": false,
   "typings": "index.d.ts",
-  "version": "28.2.3",
-  "sideEffects": false
-}
+  "version": "29.1.34"
+}

package/src/ribbon/items/ribbon-button.js

@@ -118,7 +118,9 @@ var RibbonButton = /** @class */ (function () {
             return;
         }
         var buttonObj = getComponent(buttonEle, Button);
-        buttonObj.click();
+        if (!buttonObj.disabled) {
+            buttonObj.click();
+        }
     };
     /**
      * Updates the button properties.

package/src/ribbon/items/ribbon-checkbox.js

@@ -111,7 +111,9 @@ var RibbonCheckBox = /** @class */ (function () {
             return;
         }
         var checkBoxObj = getComponent(inputEle, CheckBox);
-        checkBoxObj.click();
+        if (!checkBoxObj.disabled) {
+            checkBoxObj.click();
+        }
     };
     /**
      * Updates the checkbox.

package/src/ribbon/items/ribbon-colorpicker.js

@@ -186,7 +186,9 @@ var RibbonColorPicker = /** @class */ (function () {
         if (!colorPickerObj) {
             return;
         }
-        colorPickerObj.toggle();
+        if (!colorPickerObj.disabled) {
+            colorPickerObj.toggle();
+        }
     };
     /**
      * Updates the colorpicker properties.

package/src/ribbon/items/ribbon-dropdown.js

@@ -389,7 +389,13 @@ var RibbonDropDown = /** @class */ (function () {
      * @returns {void}
      */
     RibbonDropDown.prototype.toggle = function (controlId) {
-        this.getDropDownObj(controlId).toggle();
+        var dropdownObj = this.getDropDownObj(controlId);
+        if (!dropdownObj) {
+            return;
+        }
+        if (!dropdownObj.disabled) {
+            dropdownObj.toggle();
+        }
     };
     /**
      * Updates the dropdown.

package/src/ribbon/items/ribbon-splitbutton.js

@@ -218,7 +218,13 @@ var RibbonSplitButton = /** @class */ (function () {
      * @returns {void}
      */
     RibbonSplitButton.prototype.toggle = function (controlId) {
-        this.getSplitButtonObj(controlId).toggle();
+        var splitBtnObj = this.getSplitButtonObj(controlId);
+        if (!splitBtnObj) {
+            return;
+        }
+        if (!splitBtnObj.disabled) {
+            splitBtnObj.toggle();
+        }
     };
     /**
      * Updates the splitbutton.

package/src/ribbon/modules/ribbon-keytip.d.ts

@@ -30,6 +30,7 @@ export declare class RibbonKeyTip {
      */
     keytipPress(keyPress: string, isMethod?: boolean): void;
     private clickItems;
+    private isInteractableElement;
     private commonItemsKeyTipPress;
     /**
      * Removes the keytip.

package/src/ribbon/modules/ribbon-keytip.js

@@ -190,7 +190,8 @@ var RibbonKeyTip = /** @class */ (function () {
             if ((isPopUpItem && isPopUpPresent) || !isPopUpItem) {
                 var keytipElement = this.parent.createElement('div', {
                     className: constants.RIBBON_KEYTIP,
-                    id: id + constants.RIBBON_KEYTIP_ID
+                    id: id + constants.RIBBON_KEYTIP_ID,
+                    attrs: { role: 'dialog', 'aria-label': 'ribbon-keytip' }
                 });
                 document.body.append(keytipElement);
                 var keytipPopup = new Popup(keytipElement, {
@@ -199,7 +200,8 @@ var RibbonKeyTip = /** @class */ (function () {
                     collision: { X: 'fit', Y: 'flip' },
                     targetType: 'relative',
                     position: { X: xOffset, Y: yOffset },
-                    enableRtl: this.parent.enableRtl
+                    enableRtl: this.parent.enableRtl,
+                    actionOnScroll: 'hide'
                 });
                 keytipPopup.show();
                 this.calculateKeyTipPosition(keyEle, keytipElement, type, yOffset);
@@ -364,24 +366,30 @@ var RibbonKeyTip = /** @class */ (function () {
                     break;
                 case 'combobox': {
                     var itemEle_1 = document.querySelector('#' + itemID);
-                    setTimeout(function () {
-                        itemEle_1.focus();
-                    }, 100);
+                    if (this.isInteractableElement(itemEle_1)) {
+                        setTimeout(function () {
+                            itemEle_1.focus();
+                        }, 100);
+                    }
                     break;
                 }
                 case 'gallery': {
                     var galleryEle = document.querySelector('#' + itemID);
-                    galleryEle.click();
+                    if (this.isInteractableElement(galleryEle)) {
+                        galleryEle.click();
+                    }
                     break;
                 }
                 case 'template': {
                     var templateEle = document.querySelector('#' + itemID);
-                    templateEle.focus();
+                    if (this.isInteractableElement(templateEle)) {
+                        templateEle.focus();
+                    }
                     break;
                 }
                 case 'group-btn': {
                     var itemElement = document.querySelector('#' + itemID);
-                    if (itemElement) {
+                    if (this.isInteractableElement(itemElement)) {
                         var item = getInstance(itemElement, DropDownButton);
                         item.toggle();
                         for (var i = 0; i < itemProp.item.groupButtonSettings.items.length; i++) {
@@ -395,6 +403,9 @@ var RibbonKeyTip = /** @class */ (function () {
             }
         }
     };
+    RibbonKeyTip.prototype.isInteractableElement = function (element) {
+        return element && !element.closest('.e-ribbon-item').classList.contains('e-disabled');
+    };
     RibbonKeyTip.prototype.commonItemsKeyTipPress = function (keyPress, key, isMethod) {
         var _this = this;
         if (this.parent.keyTipElements["" + key]) {