@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.
Files changed (77) 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 +8 -4
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +8 -4
  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 +7 -7
  11. package/src/ribbon/base/ribbon.d.ts +1 -0
  12. package/src/ribbon/base/ribbon.js +8 -4
  13. package/styles/bds-lite.css +0 -8
  14. package/styles/bds.css +0 -8
  15. package/styles/bootstrap-dark-lite.css +0 -8
  16. package/styles/bootstrap-dark.css +0 -8
  17. package/styles/bootstrap-lite.css +0 -8
  18. package/styles/bootstrap.css +0 -8
  19. package/styles/bootstrap4-lite.css +0 -8
  20. package/styles/bootstrap4.css +0 -8
  21. package/styles/bootstrap5-dark-lite.css +0 -8
  22. package/styles/bootstrap5-dark.css +0 -8
  23. package/styles/bootstrap5-lite.css +0 -8
  24. package/styles/bootstrap5.3-lite.css +0 -8
  25. package/styles/bootstrap5.3.css +0 -8
  26. package/styles/bootstrap5.css +0 -8
  27. package/styles/fabric-dark-lite.css +0 -8
  28. package/styles/fabric-dark.css +0 -8
  29. package/styles/fabric-lite.css +0 -8
  30. package/styles/fabric.css +0 -8
  31. package/styles/fluent-dark-lite.css +0 -8
  32. package/styles/fluent-dark.css +0 -8
  33. package/styles/fluent-lite.css +0 -8
  34. package/styles/fluent.css +0 -8
  35. package/styles/fluent2-lite.css +1 -9
  36. package/styles/fluent2.css +1 -9
  37. package/styles/highcontrast-light-lite.css +0 -8
  38. package/styles/highcontrast-light.css +0 -8
  39. package/styles/highcontrast-lite.css +0 -8
  40. package/styles/highcontrast.css +0 -8
  41. package/styles/material-dark-lite.css +0 -8
  42. package/styles/material-dark.css +0 -8
  43. package/styles/material-lite.css +0 -8
  44. package/styles/material.css +0 -8
  45. package/styles/material3-dark-lite.css +0 -8
  46. package/styles/material3-dark.css +0 -8
  47. package/styles/material3-lite.css +0 -8
  48. package/styles/material3.css +0 -8
  49. package/styles/ribbon/_fluent2-definition.scss +1 -1
  50. package/styles/ribbon/_layout.scss +0 -8
  51. package/styles/ribbon/bds.css +0 -8
  52. package/styles/ribbon/bootstrap-dark.css +0 -8
  53. package/styles/ribbon/bootstrap.css +0 -8
  54. package/styles/ribbon/bootstrap4.css +0 -8
  55. package/styles/ribbon/bootstrap5-dark.css +0 -8
  56. package/styles/ribbon/bootstrap5.3.css +0 -8
  57. package/styles/ribbon/bootstrap5.css +0 -8
  58. package/styles/ribbon/fabric-dark.css +0 -8
  59. package/styles/ribbon/fabric.css +0 -8
  60. package/styles/ribbon/fluent-dark.css +0 -8
  61. package/styles/ribbon/fluent.css +0 -8
  62. package/styles/ribbon/fluent2.css +1 -9
  63. package/styles/ribbon/highcontrast-light.css +0 -8
  64. package/styles/ribbon/highcontrast.css +0 -8
  65. package/styles/ribbon/material-dark.css +0 -8
  66. package/styles/ribbon/material.css +0 -8
  67. package/styles/ribbon/material3-dark.css +0 -8
  68. package/styles/ribbon/material3.css +0 -8
  69. package/styles/ribbon/tailwind-dark.css +0 -8
  70. package/styles/ribbon/tailwind.css +0 -8
  71. package/styles/ribbon/tailwind3.css +0 -8
  72. package/styles/tailwind-dark-lite.css +0 -8
  73. package/styles/tailwind-dark.css +0 -8
  74. package/styles/tailwind-lite.css +0 -8
  75. package/styles/tailwind.css +0 -8
  76. package/styles/tailwind3-lite.css +0 -8
  77. 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
- EventHandler.add(window, 'resize', this.resizeHandler, this);
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
- this.checkOverflow(this.selectedTab, activeContent);
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.resizeHandler);
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);