@syncfusion/ej2-ribbon 25.2.3 → 25.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 25.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-ribbon@*",
-  "_id": "@syncfusion/ej2-ribbon@25.1.35",
+  "_id": "@syncfusion/ej2-ribbon@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-BEmNtlHqDnj/tXBeToshBFyA9vPjECL7e/qPQIClCGrsd10pIoHVCf9z0R2Nu2ew5lf318YJx8rXrHk7+4alSQ==",
+  "_integrity": "sha512-jRhLcQ+Inj69XMBQBVACW8mMiWqdu4tsG+ewYIEbTD7wLq4MlsZArRLHEC5H8vCle0mI5CEZSYLEwb/WPj7GyA==",
   "_location": "/@syncfusion/ej2-ribbon",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-vue-ribbon"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-25.1.35.tgz",
-  "_shasum": "ce6dc54e5b11f41316391525a5ee7b9ce24e007f",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-25.2.3.tgz",
+  "_shasum": "62fd877cda0e1593cf4cefa5f4eb5bfce6deac1f",
   "_spec": "@syncfusion/ej2-ribbon@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -35,13 +35,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-buttons": "~25.2.3",
-    "@syncfusion/ej2-dropdowns": "~25.2.3",
+    "@syncfusion/ej2-base": "~25.2.5",
+    "@syncfusion/ej2-buttons": "~25.2.4",
+    "@syncfusion/ej2-dropdowns": "~25.2.5",
     "@syncfusion/ej2-lists": "~25.2.3",
-    "@syncfusion/ej2-navigations": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.3",
-    "@syncfusion/ej2-splitbuttons": "~25.2.3"
+    "@syncfusion/ej2-navigations": "~25.2.4",
+    "@syncfusion/ej2-popups": "~25.2.4",
+    "@syncfusion/ej2-splitbuttons": "~25.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -62,6 +62,6 @@
     "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "25.2.5",
   "sideEffects": false
 }

package/src/ribbon/base/ribbon.d.ts

@@ -354,6 +354,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
     private createTemplateContent;
     private renderItemTemplate;
     private checkID;
+    private hasHtmlAtrrID;
     private updateCommonProperty;
     private removeLauncherIcon;
     private destroyTabItems;

package/src/ribbon/base/ribbon.js

@@ -2910,7 +2910,11 @@ var Ribbon = /** @class */ (function (_super) {
         for (var i = 0; i < list.length; i++) {
             var listitem = list[parseInt(i.toString(), 10)];
             if (!listitem.id) {
-                listitem.setProperties({ id: initId + key + (this.idIndex++) }, true);
+                var htmlAttrID = void 0;
+                if (type === 'item') {
+                    htmlAttrID = this.hasHtmlAtrrID(listitem);
+                }
+                listitem.setProperties({ id: htmlAttrID ? htmlAttrID : initId + key + (this.idIndex++) }, true);
             }
             switch (type) {
                 case 'tab':
@@ -2928,6 +2932,28 @@ var Ribbon = /** @class */ (function (_super) {
         }
         return list;
     };
+    Ribbon.prototype.hasHtmlAtrrID = function (listItem) {
+        var id = '';
+        if (listItem.buttonSettings.htmlAttributes.id) {
+            id = listItem.buttonSettings.htmlAttributes.id;
+        }
+        else if (listItem.checkBoxSettings.htmlAttributes.id) {
+            id = listItem.checkBoxSettings.htmlAttributes.id;
+        }
+        else if (listItem.colorPickerSettings.htmlAttributes.id) {
+            id = listItem.colorPickerSettings.htmlAttributes.id;
+        }
+        else if (listItem.comboBoxSettings.htmlAttributes.id) {
+            id = listItem.comboBoxSettings.htmlAttributes.id;
+        }
+        else if (listItem.dropDownSettings.htmlAttributes.id) {
+            id = listItem.dropDownSettings.htmlAttributes.id;
+        }
+        else if (listItem.splitButtonSettings.htmlAttributes.id) {
+            id = listItem.splitButtonSettings.htmlAttributes.id;
+        }
+        return id;
+    };
     Ribbon.prototype.updateCommonProperty = function (commonProp) {
         this.tabObj.setProperties(commonProp);
         if (this.ribbonFileMenuModule) {

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { getComponent, merge } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
 import { getItem, getItemElement, RibbonItemSize, setCustomAttributes } from '../base/index';
@@ -44,7 +55,11 @@ var RibbonButton = /** @class */ (function () {
             created: btnSettings.created
         }, buttonEle);
         if (btnSettings.htmlAttributes) {
-            setCustomAttributes(buttonEle, btnSettings.htmlAttributes);
+            var htmlAttr = __assign({}, btnSettings.htmlAttributes);
+            if (htmlAttr.id) {
+                delete htmlAttr.id;
+            }
+            setCustomAttributes(buttonEle, htmlAttr);
         }
         buttonEle.onclick = function (e) {
             if (btnSettings.clicked) {

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { getComponent, merge } from '@syncfusion/ej2-base';
 import { CheckBox } from '@syncfusion/ej2-buttons';
 import { getItem, getItemElement, RIBBON_CONTROL, SPACE, RIBBON_POPUP_CONTROL } from '../base/index';
@@ -29,6 +40,13 @@ var RibbonCheckBox = /** @class */ (function () {
         });
         itemEle.appendChild(inputEle);
         var checkBoxSettings = item.checkBoxSettings;
+        var htmlAttr = {};
+        if (checkBoxSettings.htmlAttributes) {
+            htmlAttr = __assign({}, checkBoxSettings.htmlAttributes);
+            if (htmlAttr.id) {
+                delete htmlAttr.id;
+            }
+        }
         new CheckBox({
             locale: this.parent.locale,
             enableRtl: this.parent.enableRtl,
@@ -39,7 +57,7 @@ var RibbonCheckBox = /** @class */ (function () {
             labelPosition: checkBoxSettings.labelPosition,
             disabled: item.disabled,
             created: checkBoxSettings.created,
-            htmlAttributes: checkBoxSettings.htmlAttributes,
+            htmlAttributes: htmlAttr,
             change: function (e) {
                 if (checkBoxSettings.change) {
                     checkBoxSettings.change.call(_this, e);

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { EventHandler, getComponent, merge } from '@syncfusion/ej2-base';
 import { ColorPicker } from '@syncfusion/ej2-inputs';
 import { getItem, getItemElement, setCustomAttributes } from '../base/index';
@@ -68,7 +79,11 @@ var RibbonColorPicker = /** @class */ (function () {
             select: colorPickerSettings.select
         }, inputEle);
         if (colorPickerSettings.htmlAttributes) {
-            setCustomAttributes(inputEle, colorPickerSettings.htmlAttributes);
+            var htmlAttr = __assign({}, colorPickerSettings.htmlAttributes);
+            if (htmlAttr.id) {
+                delete htmlAttr.id;
+            }
+            setCustomAttributes(inputEle, htmlAttr);
         }
         var wrapper = colorPicker.element.parentElement;
         EventHandler.add(wrapper, 'mouseenter', this.toggleWrapperHover.bind(this, wrapper, true), this);

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { getComponent, merge } from '@syncfusion/ej2-base';
 import { ComboBox } from '@syncfusion/ej2-dropdowns';
 import { getItem, getItemElement, RIBBON_CONTROL, SPACE, RIBBON_POPUP_CONTROL } from '../base/index';
@@ -29,6 +40,13 @@ var RibbonComboBox = /** @class */ (function () {
         });
         itemEle.appendChild(inputEle);
         var comboBoxSettings = item.comboBoxSettings;
+        var htmlAttr = {};
+        if (comboBoxSettings.htmlAttributes) {
+            htmlAttr = __assign({}, comboBoxSettings.htmlAttributes);
+            if (htmlAttr.id) {
+                delete htmlAttr.id;
+            }
+        }
         new ComboBox({
             locale: this.parent.locale,
             enableRtl: this.parent.enableRtl,
@@ -60,7 +78,7 @@ var RibbonComboBox = /** @class */ (function () {
             width: comboBoxSettings.width,
             beforeOpen: comboBoxSettings.beforeOpen,
             open: comboBoxSettings.open,
-            htmlAttributes: comboBoxSettings.htmlAttributes,
+            htmlAttributes: htmlAttr,
             close: function (e) {
                 if (comboBoxSettings.close) {
                     comboBoxSettings.close.call(_this, e);

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { closest, getComponent, isNullOrUndefined, merge, remove } from '@syncfusion/ej2-base';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { Tooltip } from '@syncfusion/ej2-popups';
@@ -63,7 +74,11 @@ var RibbonDropDown = /** @class */ (function () {
             select: dropDownSettings.select
         }).appendTo(buttonEle);
         if (dropDownSettings.htmlAttributes) {
-            setCustomAttributes(buttonEle, dropDownSettings.htmlAttributes);
+            var htmlAttr = __assign({}, dropDownSettings.htmlAttributes);
+            if (htmlAttr.id) {
+                delete htmlAttr.id;
+            }
+            setCustomAttributes(buttonEle, htmlAttr);
         }
     };
     /**

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { EventHandler, getComponent, merge } from '@syncfusion/ej2-base';
 import { SplitButton } from '@syncfusion/ej2-splitbuttons';
 import { getItem, getItemElement, RibbonItemSize, setCustomAttributes } from '../base/index';
@@ -71,7 +82,11 @@ var RibbonSplitButton = /** @class */ (function () {
             }
         }, buttonEle);
         if (splitButtonSettings.htmlAttributes) {
-            setCustomAttributes(buttonEle, splitButtonSettings.htmlAttributes);
+            var htmlAttr = __assign({}, splitButtonSettings.htmlAttributes);
+            if (htmlAttr.id) {
+                delete htmlAttr.id;
+            }
+            setCustomAttributes(buttonEle, htmlAttr);
         }
         var dropdownEle = buttonEle.parentElement.querySelector('.e-dropdown-btn');
         dropdownEle.onkeydown = function (e) {