@syncfusion/ej2-ribbon 26.2.8 → 27.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/dist/ej2-ribbon.umd.min.js +2 -2
  2. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-ribbon.es2015.js +18 -26
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +18 -92
  6. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  7. package/dist/global/ej2-ribbon.min.js +2 -2
  8. package/dist/global/ej2-ribbon.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +14 -13
  11. package/src/ribbon/items/ribbon-button.js +3 -15
  12. package/src/ribbon/items/ribbon-checkbox.js +3 -16
  13. package/src/ribbon/items/ribbon-colorpicker.js +3 -15
  14. package/src/ribbon/items/ribbon-combobox.js +3 -16
  15. package/src/ribbon/items/ribbon-dropdown.js +3 -15
  16. package/src/ribbon/items/ribbon-splitbutton.js +3 -15
  17. package/styles/bootstrap-dark-lite.css +2136 -0
  18. package/styles/bootstrap-dark-lite.scss +18 -0
  19. package/styles/bootstrap-dark.css +1174 -1244
  20. package/styles/bootstrap-dark.scss +1 -0
  21. package/styles/bootstrap-lite.css +2138 -0
  22. package/styles/bootstrap-lite.scss +18 -0
  23. package/styles/bootstrap.css +1179 -1249
  24. package/styles/bootstrap.scss +1 -0
  25. package/styles/bootstrap4-lite.css +2180 -0
  26. package/styles/bootstrap4-lite.scss +18 -0
  27. package/styles/bootstrap4.css +1181 -1273
  28. package/styles/bootstrap4.scss +1 -0
  29. package/styles/bootstrap5-dark-lite.css +2211 -0
  30. package/styles/bootstrap5-dark-lite.scss +18 -0
  31. package/styles/bootstrap5-dark.css +1175 -1263
  32. package/styles/bootstrap5-dark.scss +1 -0
  33. package/styles/bootstrap5-lite.css +2211 -0
  34. package/styles/bootstrap5-lite.scss +18 -0
  35. package/styles/bootstrap5.3-lite.css +2215 -0
  36. package/styles/bootstrap5.3-lite.scss +18 -0
  37. package/styles/bootstrap5.3.css +2841 -0
  38. package/styles/bootstrap5.3.scss +19 -0
  39. package/styles/bootstrap5.css +1173 -1261
  40. package/styles/bootstrap5.scss +1 -0
  41. package/styles/fabric-dark-lite.css +2112 -0
  42. package/styles/fabric-dark-lite.scss +18 -0
  43. package/styles/fabric-dark.css +1176 -1245
  44. package/styles/fabric-dark.scss +1 -0
  45. package/styles/fabric-lite.css +2113 -0
  46. package/styles/fabric-lite.scss +18 -0
  47. package/styles/fabric.css +1176 -1238
  48. package/styles/fabric.scss +1 -0
  49. package/styles/fluent-dark-lite.css +2203 -0
  50. package/styles/fluent-dark-lite.scss +18 -0
  51. package/styles/fluent-dark.css +1179 -1254
  52. package/styles/fluent-dark.scss +1 -0
  53. package/styles/fluent-lite.css +2203 -0
  54. package/styles/fluent-lite.scss +18 -0
  55. package/styles/fluent.css +1177 -1252
  56. package/styles/fluent.scss +1 -0
  57. package/styles/fluent2-lite.css +2301 -0
  58. package/styles/fluent2-lite.scss +18 -0
  59. package/styles/fluent2.css +1264 -1250
  60. package/styles/fluent2.scss +1 -0
  61. package/styles/highcontrast-light-lite.css +2129 -0
  62. package/styles/highcontrast-light-lite.scss +17 -0
  63. package/styles/highcontrast-light.css +1163 -1222
  64. package/styles/highcontrast-light.scss +1 -0
  65. package/styles/highcontrast-lite.css +2134 -0
  66. package/styles/highcontrast-lite.scss +18 -0
  67. package/styles/highcontrast.css +1162 -1221
  68. package/styles/highcontrast.scss +1 -0
  69. package/styles/material-dark-lite.css +2272 -0
  70. package/styles/material-dark-lite.scss +18 -0
  71. package/styles/material-dark.css +1176 -1229
  72. package/styles/material-dark.scss +1 -0
  73. package/styles/material-lite.css +2278 -0
  74. package/styles/material-lite.scss +18 -0
  75. package/styles/material.css +1176 -1250
  76. package/styles/material.scss +1 -0
  77. package/styles/material3-dark-lite.css +2214 -0
  78. package/styles/material3-dark-lite.scss +18 -0
  79. package/styles/material3-dark.css +1199 -1278
  80. package/styles/material3-dark.scss +1 -0
  81. package/styles/material3-lite.css +2216 -0
  82. package/styles/material3-lite.scss +18 -0
  83. package/styles/material3.css +1199 -1278
  84. package/styles/material3.scss +1 -0
  85. package/styles/ribbon/_bds-definition.scss +2 -0
  86. package/styles/ribbon/_bigger.scss +530 -0
  87. package/styles/ribbon/_bootstrap-dark-definition.scss +2 -0
  88. package/styles/ribbon/_bootstrap-definition.scss +2 -0
  89. package/styles/ribbon/_bootstrap4-definition.scss +2 -0
  90. package/styles/ribbon/_bootstrap5-definition.scss +2 -0
  91. package/styles/ribbon/_bootstrap5.3-definition.scss +130 -129
  92. package/styles/ribbon/_fabric-dark-definition.scss +2 -0
  93. package/styles/ribbon/_fabric-definition.scss +2 -0
  94. package/styles/ribbon/_fluent-definition.scss +2 -0
  95. package/styles/ribbon/_fluent2-definition.scss +11 -9
  96. package/styles/ribbon/_fusionnew-definition.scss +2 -0
  97. package/styles/ribbon/_highcontrast-definition.scss +2 -0
  98. package/styles/ribbon/_highcontrast-light-definition.scss +2 -0
  99. package/styles/ribbon/_layout.scss +75 -493
  100. package/styles/ribbon/_material-dark-definition.scss +2 -0
  101. package/styles/ribbon/_material-definition.scss +2 -0
  102. package/styles/ribbon/_material3-definition.scss +2 -0
  103. package/styles/ribbon/_tailwind-definition.scss +2 -0
  104. package/styles/ribbon/_theme.scss +15 -22
  105. package/styles/ribbon/bootstrap-dark.css +1174 -1244
  106. package/styles/ribbon/bootstrap-dark.scss +1 -0
  107. package/styles/ribbon/bootstrap.css +1179 -1249
  108. package/styles/ribbon/bootstrap.scss +1 -0
  109. package/styles/ribbon/bootstrap4.css +1181 -1273
  110. package/styles/ribbon/bootstrap4.scss +1 -0
  111. package/styles/ribbon/bootstrap5-dark.css +1175 -1263
  112. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  113. package/styles/ribbon/bootstrap5.3.css +2841 -0
  114. package/styles/ribbon/bootstrap5.3.scss +19 -0
  115. package/styles/ribbon/bootstrap5.css +1173 -1261
  116. package/styles/ribbon/bootstrap5.scss +1 -0
  117. package/styles/ribbon/fabric-dark.css +1176 -1245
  118. package/styles/ribbon/fabric-dark.scss +1 -0
  119. package/styles/ribbon/fabric.css +1176 -1238
  120. package/styles/ribbon/fabric.scss +1 -0
  121. package/styles/ribbon/fluent-dark.css +1179 -1254
  122. package/styles/ribbon/fluent-dark.scss +1 -0
  123. package/styles/ribbon/fluent.css +1177 -1252
  124. package/styles/ribbon/fluent.scss +1 -0
  125. package/styles/ribbon/fluent2.css +1264 -1250
  126. package/styles/ribbon/fluent2.scss +1 -0
  127. package/styles/ribbon/highcontrast-light.css +1163 -1222
  128. package/styles/ribbon/highcontrast-light.scss +1 -0
  129. package/styles/ribbon/highcontrast.css +1162 -1221
  130. package/styles/ribbon/highcontrast.scss +1 -0
  131. package/styles/ribbon/material-dark.css +1176 -1229
  132. package/styles/ribbon/material-dark.scss +1 -0
  133. package/styles/ribbon/material.css +1176 -1250
  134. package/styles/ribbon/material.scss +1 -0
  135. package/styles/ribbon/material3-dark.css +1199 -1278
  136. package/styles/ribbon/material3-dark.scss +1 -0
  137. package/styles/ribbon/material3.css +1199 -1278
  138. package/styles/ribbon/material3.scss +1 -0
  139. package/styles/ribbon/tailwind-dark.css +1177 -1249
  140. package/styles/ribbon/tailwind-dark.scss +1 -0
  141. package/styles/ribbon/tailwind.css +1179 -1251
  142. package/styles/ribbon/tailwind.scss +1 -0
  143. package/styles/tailwind-dark-lite.css +2234 -0
  144. package/styles/tailwind-dark-lite.scss +18 -0
  145. package/styles/tailwind-dark.css +1177 -1249
  146. package/styles/tailwind-dark.scss +1 -0
  147. package/styles/tailwind-lite.css +2234 -0
  148. package/styles/tailwind-lite.scss +18 -0
  149. package/styles/tailwind.css +1179 -1251
  150. package/styles/tailwind.scss +1 -0
  151. package/hotfix/26.1.35_Vol2.txt +0 -1
@@ -1723,17 +1723,6 @@ var RIBBON_FILE_MENU_WIDTH = '--fileMenuWidth';
1723
1723
  /** @hidden */
1724
1724
  var RIBBON_HELP_PANE_TEMPLATE_WIDTH = '--helpTemplateWidth';
1725
1725
 
1726
- var __assign = (undefined && undefined.__assign) || function () {
1727
- __assign = Object.assign || function(t) {
1728
- for (var s, i = 1, n = arguments.length; i < n; i++) {
1729
- s = arguments[i];
1730
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
1731
- t[p] = s[p];
1732
- }
1733
- return t;
1734
- };
1735
- return __assign.apply(this, arguments);
1736
- };
1737
1726
  /**
1738
1727
  * Defines the items of Ribbon.
1739
1728
  */
@@ -1776,11 +1765,10 @@ var RibbonButton = /** @__PURE__ @class */ (function () {
1776
1765
  created: btnSettings.created
1777
1766
  }, buttonEle);
1778
1767
  if (btnSettings.htmlAttributes) {
1779
- var htmlAttr = __assign({}, btnSettings.htmlAttributes);
1780
- if (htmlAttr.id) {
1781
- delete htmlAttr.id;
1768
+ if (btnSettings.htmlAttributes.id) {
1769
+ delete btnSettings.htmlAttributes.id;
1782
1770
  }
1783
- setCustomAttributes(buttonEle, htmlAttr);
1771
+ setCustomAttributes(buttonEle, btnSettings.htmlAttributes);
1784
1772
  }
1785
1773
  buttonEle.onclick = function (e) {
1786
1774
  if (btnSettings.clicked) {
@@ -1902,17 +1890,6 @@ var RibbonButton = /** @__PURE__ @class */ (function () {
1902
1890
  return RibbonButton;
1903
1891
  }());
1904
1892
 
1905
- var __assign$1 = (undefined && undefined.__assign) || function () {
1906
- __assign$1 = Object.assign || function(t) {
1907
- for (var s, i = 1, n = arguments.length; i < n; i++) {
1908
- s = arguments[i];
1909
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
1910
- t[p] = s[p];
1911
- }
1912
- return t;
1913
- };
1914
- return __assign$1.apply(this, arguments);
1915
- };
1916
1893
  /**
1917
1894
  * Defines the items of Ribbon.
1918
1895
  */
@@ -1941,11 +1918,9 @@ var RibbonCheckBox = /** @__PURE__ @class */ (function () {
1941
1918
  });
1942
1919
  itemEle.appendChild(inputEle);
1943
1920
  var checkBoxSettings = item.checkBoxSettings;
1944
- var htmlAttr = {};
1945
1921
  if (checkBoxSettings.htmlAttributes) {
1946
- htmlAttr = __assign$1({}, checkBoxSettings.htmlAttributes);
1947
- if (htmlAttr.id) {
1948
- delete htmlAttr.id;
1922
+ if (checkBoxSettings.htmlAttributes.id) {
1923
+ delete checkBoxSettings.htmlAttributes.id;
1949
1924
  }
1950
1925
  }
1951
1926
  new CheckBox({
@@ -1958,7 +1933,7 @@ var RibbonCheckBox = /** @__PURE__ @class */ (function () {
1958
1933
  labelPosition: checkBoxSettings.labelPosition,
1959
1934
  disabled: item.disabled,
1960
1935
  created: checkBoxSettings.created,
1961
- htmlAttributes: htmlAttr,
1936
+ htmlAttributes: checkBoxSettings.htmlAttributes,
1962
1937
  change: function (e) {
1963
1938
  if (checkBoxSettings.change) {
1964
1939
  checkBoxSettings.change.call(_this, e);
@@ -2054,17 +2029,6 @@ var RibbonCheckBox = /** @__PURE__ @class */ (function () {
2054
2029
  return RibbonCheckBox;
2055
2030
  }());
2056
2031
 
2057
- var __assign$2 = (undefined && undefined.__assign) || function () {
2058
- __assign$2 = Object.assign || function(t) {
2059
- for (var s, i = 1, n = arguments.length; i < n; i++) {
2060
- s = arguments[i];
2061
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
2062
- t[p] = s[p];
2063
- }
2064
- return t;
2065
- };
2066
- return __assign$2.apply(this, arguments);
2067
- };
2068
2032
  /**
2069
2033
  * Defines the items of Ribbon.
2070
2034
  */
@@ -2131,11 +2095,10 @@ var RibbonColorPicker = /** @__PURE__ @class */ (function () {
2131
2095
  select: colorPickerSettings.select
2132
2096
  }, inputEle);
2133
2097
  if (colorPickerSettings.htmlAttributes) {
2134
- var htmlAttr = __assign$2({}, colorPickerSettings.htmlAttributes);
2135
- if (htmlAttr.id) {
2136
- delete htmlAttr.id;
2098
+ if (colorPickerSettings.htmlAttributes.id) {
2099
+ delete colorPickerSettings.htmlAttributes.id;
2137
2100
  }
2138
- setCustomAttributes(inputEle, htmlAttr);
2101
+ setCustomAttributes(inputEle, colorPickerSettings.htmlAttributes);
2139
2102
  }
2140
2103
  var wrapper = colorPicker.element.parentElement;
2141
2104
  EventHandler.add(wrapper, 'mouseenter', this.toggleWrapperHover.bind(this, wrapper, true), this);
@@ -2291,17 +2254,6 @@ var RibbonColorPicker = /** @__PURE__ @class */ (function () {
2291
2254
  return RibbonColorPicker;
2292
2255
  }());
2293
2256
 
2294
- var __assign$3 = (undefined && undefined.__assign) || function () {
2295
- __assign$3 = Object.assign || function(t) {
2296
- for (var s, i = 1, n = arguments.length; i < n; i++) {
2297
- s = arguments[i];
2298
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
2299
- t[p] = s[p];
2300
- }
2301
- return t;
2302
- };
2303
- return __assign$3.apply(this, arguments);
2304
- };
2305
2257
  /**
2306
2258
  * Defines the items of Ribbon.
2307
2259
  */
@@ -2330,11 +2282,9 @@ var RibbonComboBox = /** @__PURE__ @class */ (function () {
2330
2282
  });
2331
2283
  itemEle.appendChild(inputEle);
2332
2284
  var comboBoxSettings = item.comboBoxSettings;
2333
- var htmlAttr = {};
2334
2285
  if (comboBoxSettings.htmlAttributes) {
2335
- htmlAttr = __assign$3({}, comboBoxSettings.htmlAttributes);
2336
- if (htmlAttr.id) {
2337
- delete htmlAttr.id;
2286
+ if (comboBoxSettings.htmlAttributes.id) {
2287
+ delete comboBoxSettings.htmlAttributes.id;
2338
2288
  }
2339
2289
  }
2340
2290
  new ComboBox({
@@ -2368,7 +2318,7 @@ var RibbonComboBox = /** @__PURE__ @class */ (function () {
2368
2318
  width: comboBoxSettings.width,
2369
2319
  beforeOpen: comboBoxSettings.beforeOpen,
2370
2320
  open: comboBoxSettings.open,
2371
- htmlAttributes: htmlAttr,
2321
+ htmlAttributes: comboBoxSettings.htmlAttributes,
2372
2322
  close: function (e) {
2373
2323
  if (comboBoxSettings.close) {
2374
2324
  comboBoxSettings.close.call(_this, e);
@@ -2513,17 +2463,6 @@ var RibbonComboBox = /** @__PURE__ @class */ (function () {
2513
2463
  return RibbonComboBox;
2514
2464
  }());
2515
2465
 
2516
- var __assign$4 = (undefined && undefined.__assign) || function () {
2517
- __assign$4 = Object.assign || function(t) {
2518
- for (var s, i = 1, n = arguments.length; i < n; i++) {
2519
- s = arguments[i];
2520
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
2521
- t[p] = s[p];
2522
- }
2523
- return t;
2524
- };
2525
- return __assign$4.apply(this, arguments);
2526
- };
2527
2466
  /**
2528
2467
  * Defines the items of Ribbon.
2529
2468
  */
@@ -2584,11 +2523,10 @@ var RibbonDropDown = /** @__PURE__ @class */ (function () {
2584
2523
  select: dropDownSettings.select
2585
2524
  }).appendTo(buttonEle);
2586
2525
  if (dropDownSettings.htmlAttributes) {
2587
- var htmlAttr = __assign$4({}, dropDownSettings.htmlAttributes);
2588
- if (htmlAttr.id) {
2589
- delete htmlAttr.id;
2526
+ if (dropDownSettings.htmlAttributes.id) {
2527
+ delete dropDownSettings.htmlAttributes.id;
2590
2528
  }
2591
- setCustomAttributes(buttonEle, htmlAttr);
2529
+ setCustomAttributes(buttonEle, dropDownSettings.htmlAttributes);
2592
2530
  }
2593
2531
  };
2594
2532
  /**
@@ -2968,17 +2906,6 @@ var RibbonDropDown = /** @__PURE__ @class */ (function () {
2968
2906
  return RibbonDropDown;
2969
2907
  }());
2970
2908
 
2971
- var __assign$5 = (undefined && undefined.__assign) || function () {
2972
- __assign$5 = Object.assign || function(t) {
2973
- for (var s, i = 1, n = arguments.length; i < n; i++) {
2974
- s = arguments[i];
2975
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
2976
- t[p] = s[p];
2977
- }
2978
- return t;
2979
- };
2980
- return __assign$5.apply(this, arguments);
2981
- };
2982
2909
  /**
2983
2910
  * Defines the items of Ribbon.
2984
2911
  */
@@ -3048,11 +2975,10 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
3048
2975
  }
3049
2976
  }, buttonEle);
3050
2977
  if (splitButtonSettings.htmlAttributes) {
3051
- var htmlAttr = __assign$5({}, splitButtonSettings.htmlAttributes);
3052
- if (htmlAttr.id) {
3053
- delete htmlAttr.id;
2978
+ if (splitButtonSettings.htmlAttributes.id) {
2979
+ delete splitButtonSettings.htmlAttributes.id;
3054
2980
  }
3055
- setCustomAttributes(buttonEle, htmlAttr);
2981
+ setCustomAttributes(buttonEle, splitButtonSettings.htmlAttributes);
3056
2982
  }
3057
2983
  var dropdownEle = buttonEle.parentElement.querySelector('.e-dropdown-btn');
3058
2984
  dropdownEle.onkeydown = function (e) {