@syncfusion/ej2-ribbon 26.2.10 → 27.1.50
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.
- package/dist/ej2-ribbon.umd.min.js +2 -2
- package/dist/ej2-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-ribbon.es2015.js +18 -26
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +18 -92
- package/dist/es6/ej2-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-ribbon.min.js +2 -2
- package/dist/global/ej2-ribbon.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +13 -13
- package/src/ribbon/items/ribbon-button.js +3 -15
- package/src/ribbon/items/ribbon-checkbox.js +3 -16
- package/src/ribbon/items/ribbon-colorpicker.js +3 -15
- package/src/ribbon/items/ribbon-combobox.js +3 -16
- package/src/ribbon/items/ribbon-dropdown.js +3 -15
- package/src/ribbon/items/ribbon-splitbutton.js +3 -15
- package/styles/bootstrap-dark-lite.css +2136 -0
- package/styles/bootstrap-dark-lite.scss +18 -0
- package/styles/bootstrap-dark.css +1174 -1244
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap-lite.css +2138 -0
- package/styles/bootstrap-lite.scss +18 -0
- package/styles/bootstrap.css +1179 -1249
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4-lite.css +2180 -0
- package/styles/bootstrap4-lite.scss +18 -0
- package/styles/bootstrap4.css +1181 -1273
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +2211 -0
- package/styles/bootstrap5-dark-lite.scss +18 -0
- package/styles/bootstrap5-dark.css +1175 -1263
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5-lite.css +2211 -0
- package/styles/bootstrap5-lite.scss +18 -0
- package/styles/bootstrap5.3-lite.css +2215 -0
- package/styles/bootstrap5.3-lite.scss +18 -0
- package/styles/bootstrap5.3.css +2841 -0
- package/styles/bootstrap5.3.scss +19 -0
- package/styles/bootstrap5.css +1173 -1261
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark-lite.css +2112 -0
- package/styles/fabric-dark-lite.scss +18 -0
- package/styles/fabric-dark.css +1176 -1245
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric-lite.css +2113 -0
- package/styles/fabric-lite.scss +18 -0
- package/styles/fabric.css +1176 -1238
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark-lite.css +2203 -0
- package/styles/fluent-dark-lite.scss +18 -0
- package/styles/fluent-dark.css +1179 -1254
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent-lite.css +2203 -0
- package/styles/fluent-lite.scss +18 -0
- package/styles/fluent.css +1177 -1252
- package/styles/fluent.scss +1 -0
- package/styles/fluent2-lite.css +2301 -0
- package/styles/fluent2-lite.scss +18 -0
- package/styles/fluent2.css +1264 -1250
- package/styles/fluent2.scss +1 -0
- package/styles/highcontrast-light-lite.css +2129 -0
- package/styles/highcontrast-light-lite.scss +17 -0
- package/styles/highcontrast-light.css +1163 -1222
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast-lite.css +2134 -0
- package/styles/highcontrast-lite.scss +18 -0
- package/styles/highcontrast.css +1162 -1221
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark-lite.css +2272 -0
- package/styles/material-dark-lite.scss +18 -0
- package/styles/material-dark.css +1176 -1229
- package/styles/material-dark.scss +1 -0
- package/styles/material-lite.css +2278 -0
- package/styles/material-lite.scss +18 -0
- package/styles/material.css +1176 -1250
- package/styles/material.scss +1 -0
- package/styles/material3-dark-lite.css +2214 -0
- package/styles/material3-dark-lite.scss +18 -0
- package/styles/material3-dark.css +1199 -1278
- package/styles/material3-dark.scss +1 -0
- package/styles/material3-lite.css +2216 -0
- package/styles/material3-lite.scss +18 -0
- package/styles/material3.css +1199 -1278
- package/styles/material3.scss +1 -0
- package/styles/ribbon/_bds-definition.scss +2 -0
- package/styles/ribbon/_bigger.scss +530 -0
- package/styles/ribbon/_bootstrap-dark-definition.scss +2 -0
- package/styles/ribbon/_bootstrap-definition.scss +2 -0
- package/styles/ribbon/_bootstrap4-definition.scss +2 -0
- package/styles/ribbon/_bootstrap5-definition.scss +2 -0
- package/styles/ribbon/_bootstrap5.3-definition.scss +130 -129
- package/styles/ribbon/_fabric-dark-definition.scss +2 -0
- package/styles/ribbon/_fabric-definition.scss +2 -0
- package/styles/ribbon/_fluent-definition.scss +2 -0
- package/styles/ribbon/_fluent2-definition.scss +11 -9
- package/styles/ribbon/_fusionnew-definition.scss +2 -0
- package/styles/ribbon/_highcontrast-definition.scss +2 -0
- package/styles/ribbon/_highcontrast-light-definition.scss +2 -0
- package/styles/ribbon/_layout.scss +75 -493
- package/styles/ribbon/_material-dark-definition.scss +2 -0
- package/styles/ribbon/_material-definition.scss +2 -0
- package/styles/ribbon/_material3-definition.scss +2 -0
- package/styles/ribbon/_tailwind-definition.scss +2 -0
- package/styles/ribbon/_theme.scss +15 -22
- package/styles/ribbon/bootstrap-dark.css +1174 -1244
- package/styles/ribbon/bootstrap-dark.scss +1 -0
- package/styles/ribbon/bootstrap.css +1179 -1249
- package/styles/ribbon/bootstrap.scss +1 -0
- package/styles/ribbon/bootstrap4.css +1181 -1273
- package/styles/ribbon/bootstrap4.scss +1 -0
- package/styles/ribbon/bootstrap5-dark.css +1175 -1263
- package/styles/ribbon/bootstrap5-dark.scss +1 -0
- package/styles/ribbon/bootstrap5.3.css +2841 -0
- package/styles/ribbon/bootstrap5.3.scss +19 -0
- package/styles/ribbon/bootstrap5.css +1173 -1261
- package/styles/ribbon/bootstrap5.scss +1 -0
- package/styles/ribbon/fabric-dark.css +1176 -1245
- package/styles/ribbon/fabric-dark.scss +1 -0
- package/styles/ribbon/fabric.css +1176 -1238
- package/styles/ribbon/fabric.scss +1 -0
- package/styles/ribbon/fluent-dark.css +1179 -1254
- package/styles/ribbon/fluent-dark.scss +1 -0
- package/styles/ribbon/fluent.css +1177 -1252
- package/styles/ribbon/fluent.scss +1 -0
- package/styles/ribbon/fluent2.css +1264 -1250
- package/styles/ribbon/fluent2.scss +1 -0
- package/styles/ribbon/highcontrast-light.css +1163 -1222
- package/styles/ribbon/highcontrast-light.scss +1 -0
- package/styles/ribbon/highcontrast.css +1162 -1221
- package/styles/ribbon/highcontrast.scss +1 -0
- package/styles/ribbon/material-dark.css +1176 -1229
- package/styles/ribbon/material-dark.scss +1 -0
- package/styles/ribbon/material.css +1176 -1250
- package/styles/ribbon/material.scss +1 -0
- package/styles/ribbon/material3-dark.css +1199 -1278
- package/styles/ribbon/material3-dark.scss +1 -0
- package/styles/ribbon/material3.css +1199 -1278
- package/styles/ribbon/material3.scss +1 -0
- package/styles/ribbon/tailwind-dark.css +1177 -1249
- package/styles/ribbon/tailwind-dark.scss +1 -0
- package/styles/ribbon/tailwind.css +1179 -1251
- package/styles/ribbon/tailwind.scss +1 -0
- package/styles/tailwind-dark-lite.css +2234 -0
- package/styles/tailwind-dark-lite.scss +18 -0
- package/styles/tailwind-dark.css +1177 -1249
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind-lite.css +2234 -0
- package/styles/tailwind-lite.scss +18 -0
- package/styles/tailwind.css +1179 -1251
- package/styles/tailwind.scss +1 -0
- 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
|
-
|
|
1780
|
-
|
|
1781
|
-
delete htmlAttr.id;
|
|
1768
|
+
if (btnSettings.htmlAttributes.id) {
|
|
1769
|
+
delete btnSettings.htmlAttributes.id;
|
|
1782
1770
|
}
|
|
1783
|
-
setCustomAttributes(buttonEle,
|
|
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
|
-
|
|
1947
|
-
|
|
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:
|
|
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
|
-
|
|
2135
|
-
|
|
2136
|
-
delete htmlAttr.id;
|
|
2098
|
+
if (colorPickerSettings.htmlAttributes.id) {
|
|
2099
|
+
delete colorPickerSettings.htmlAttributes.id;
|
|
2137
2100
|
}
|
|
2138
|
-
setCustomAttributes(inputEle,
|
|
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
|
-
|
|
2336
|
-
|
|
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:
|
|
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
|
-
|
|
2588
|
-
|
|
2589
|
-
delete htmlAttr.id;
|
|
2526
|
+
if (dropDownSettings.htmlAttributes.id) {
|
|
2527
|
+
delete dropDownSettings.htmlAttributes.id;
|
|
2590
2528
|
}
|
|
2591
|
-
setCustomAttributes(buttonEle,
|
|
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
|
-
|
|
3052
|
-
|
|
3053
|
-
delete htmlAttr.id;
|
|
2978
|
+
if (splitButtonSettings.htmlAttributes.id) {
|
|
2979
|
+
delete splitButtonSettings.htmlAttributes.id;
|
|
3054
2980
|
}
|
|
3055
|
-
setCustomAttributes(buttonEle,
|
|
2981
|
+
setCustomAttributes(buttonEle, splitButtonSettings.htmlAttributes);
|
|
3056
2982
|
}
|
|
3057
2983
|
var dropdownEle = buttonEle.parentElement.querySelector('.e-dropdown-btn');
|
|
3058
2984
|
dropdownEle.onkeydown = function (e) {
|