@syncfusion/ej2-ribbon 30.1.37 → 30.1.41
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 +8 -4
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +8 -4
- 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 +7 -7
- package/src/ribbon/base/ribbon.d.ts +1 -0
- package/src/ribbon/base/ribbon.js +8 -4
- package/styles/bds-lite.css +0 -8
- package/styles/bds.css +0 -8
- package/styles/bootstrap-dark-lite.css +0 -8
- package/styles/bootstrap-dark.css +0 -8
- package/styles/bootstrap-lite.css +0 -8
- package/styles/bootstrap.css +0 -8
- package/styles/bootstrap4-lite.css +0 -8
- package/styles/bootstrap4.css +0 -8
- package/styles/bootstrap5-dark-lite.css +0 -8
- package/styles/bootstrap5-dark.css +0 -8
- package/styles/bootstrap5-lite.css +0 -8
- package/styles/bootstrap5.3-lite.css +0 -8
- package/styles/bootstrap5.3.css +0 -8
- package/styles/bootstrap5.css +0 -8
- package/styles/fabric-dark-lite.css +0 -8
- package/styles/fabric-dark.css +0 -8
- package/styles/fabric-lite.css +0 -8
- package/styles/fabric.css +0 -8
- package/styles/fluent-dark-lite.css +0 -8
- package/styles/fluent-dark.css +0 -8
- package/styles/fluent-lite.css +0 -8
- package/styles/fluent.css +0 -8
- package/styles/fluent2-lite.css +1 -9
- package/styles/fluent2.css +1 -9
- package/styles/highcontrast-light-lite.css +0 -8
- package/styles/highcontrast-light.css +0 -8
- package/styles/highcontrast-lite.css +0 -8
- package/styles/highcontrast.css +0 -8
- package/styles/material-dark-lite.css +0 -8
- package/styles/material-dark.css +0 -8
- package/styles/material-lite.css +0 -8
- package/styles/material.css +0 -8
- package/styles/material3-dark-lite.css +0 -8
- package/styles/material3-dark.css +0 -8
- package/styles/material3-lite.css +0 -8
- package/styles/material3.css +0 -8
- package/styles/ribbon/_fluent2-definition.scss +1 -1
- package/styles/ribbon/_layout.scss +0 -8
- package/styles/ribbon/bds.css +0 -8
- package/styles/ribbon/bootstrap-dark.css +0 -8
- package/styles/ribbon/bootstrap.css +0 -8
- package/styles/ribbon/bootstrap4.css +0 -8
- package/styles/ribbon/bootstrap5-dark.css +0 -8
- package/styles/ribbon/bootstrap5.3.css +0 -8
- package/styles/ribbon/bootstrap5.css +0 -8
- package/styles/ribbon/fabric-dark.css +0 -8
- package/styles/ribbon/fabric.css +0 -8
- package/styles/ribbon/fluent-dark.css +0 -8
- package/styles/ribbon/fluent.css +0 -8
- package/styles/ribbon/fluent2.css +1 -9
- package/styles/ribbon/highcontrast-light.css +0 -8
- package/styles/ribbon/highcontrast.css +0 -8
- package/styles/ribbon/material-dark.css +0 -8
- package/styles/ribbon/material.css +0 -8
- package/styles/ribbon/material3-dark.css +0 -8
- package/styles/ribbon/material3.css +0 -8
- package/styles/ribbon/tailwind-dark.css +0 -8
- package/styles/ribbon/tailwind.css +0 -8
- package/styles/ribbon/tailwind3.css +0 -8
- package/styles/tailwind-dark-lite.css +0 -8
- package/styles/tailwind-dark.css +0 -8
- package/styles/tailwind-lite.css +0 -8
- package/styles/tailwind.css +0 -8
- package/styles/tailwind3-lite.css +0 -8
- package/styles/tailwind3.css +0 -8
|
@@ -4967,7 +4967,8 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
|
|
|
4967
4967
|
this.currentControlIndex = 0;
|
|
4968
4968
|
};
|
|
4969
4969
|
Ribbon.prototype.wireEvents = function () {
|
|
4970
|
-
|
|
4970
|
+
this.resizeListener = this.resizeHandler.bind(this);
|
|
4971
|
+
EventHandler.add(window, 'resize', this.resizeListener);
|
|
4971
4972
|
EventHandler.add(document.body, 'keydown', this.keytipActionHandler, this);
|
|
4972
4973
|
EventHandler.add(document, 'mousedown', this.mouseEventHandler, this);
|
|
4973
4974
|
EventHandler.add(document, 'scroll', this.mouseEventHandler, this);
|
|
@@ -5203,14 +5204,16 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
|
|
|
5203
5204
|
};
|
|
5204
5205
|
Ribbon.prototype.resizeHandler = function () {
|
|
5205
5206
|
var activeContent = this.tabObj.element.querySelector('#' + this.tabs[this.selectedTab].id + CONTENT_ID);
|
|
5206
|
-
|
|
5207
|
+
if (!isNullOrUndefined(activeContent)) {
|
|
5208
|
+
this.checkOverflow(this.selectedTab, activeContent);
|
|
5209
|
+
}
|
|
5207
5210
|
if (this.scrollModule) {
|
|
5208
5211
|
var scrollEle = this.tabObj.element.querySelector('.' + HORIZONTAL_SCROLLBAR);
|
|
5209
5212
|
this.scrollModule.scrollStep = scrollEle.offsetWidth;
|
|
5210
5213
|
}
|
|
5211
5214
|
if (this.activeLayout === 'Simplified') {
|
|
5212
5215
|
var activePopup = document.querySelectorAll('.e-ribbon .e-dropdown-btn.e-active, .e-ribbon-group-overflow-ddb .e-dropdown-btn.e-active');
|
|
5213
|
-
if (activePopup.length) {
|
|
5216
|
+
if (!isNullOrUndefined(activePopup) && activePopup.length) {
|
|
5214
5217
|
for (var i = 0; i < activePopup.length; i++) {
|
|
5215
5218
|
var dropDownBtn = getInstance(activePopup[parseInt(i.toString(), 10)], DropDownButton);
|
|
5216
5219
|
dropDownBtn.toggle();
|
|
@@ -6934,6 +6937,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
|
|
|
6934
6937
|
var eventArgs = { element: args.element, event: args.event, cancel: args.cancel };
|
|
6935
6938
|
_this.trigger('overflowPopupClose', eventArgs, function (ribbonArgs) {
|
|
6936
6939
|
if (ele || ribbonArgs.cancel || groupButtonEle) {
|
|
6940
|
+
args.element = null;
|
|
6937
6941
|
args.cancel = true;
|
|
6938
6942
|
}
|
|
6939
6943
|
});
|
|
@@ -9603,7 +9607,7 @@ var Ribbon = /** @__PURE__ @class */ (function (_super) {
|
|
|
9603
9607
|
}
|
|
9604
9608
|
};
|
|
9605
9609
|
Ribbon.prototype.unwireEvents = function () {
|
|
9606
|
-
EventHandler.remove(window, 'resize', this.
|
|
9610
|
+
EventHandler.remove(window, 'resize', this.resizeListener);
|
|
9607
9611
|
EventHandler.remove(document.body, 'keydown', this.keytipActionHandler);
|
|
9608
9612
|
EventHandler.remove(document, 'mousedown', this.mouseEventHandler);
|
|
9609
9613
|
EventHandler.remove(document, 'scroll', this.mouseEventHandler);
|