@syncfusion/ej2-navigations 29.2.5 → 29.2.8

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 (80) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +17 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +18 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -64
  12. package/src/common/menu-base.js +12 -2
  13. package/src/tab/tab.js +6 -1
  14. package/styles/bds-lite.css +15 -0
  15. package/styles/bds.css +15 -0
  16. package/styles/bootstrap-dark-lite.css +15 -0
  17. package/styles/bootstrap-dark.css +15 -0
  18. package/styles/bootstrap-lite.css +15 -0
  19. package/styles/bootstrap.css +17 -2
  20. package/styles/bootstrap4-lite.css +15 -0
  21. package/styles/bootstrap4.css +15 -0
  22. package/styles/bootstrap5-dark-lite.css +15 -0
  23. package/styles/bootstrap5-dark.css +15 -0
  24. package/styles/bootstrap5-lite.css +15 -0
  25. package/styles/bootstrap5.3-lite.css +15 -0
  26. package/styles/bootstrap5.3.css +15 -0
  27. package/styles/bootstrap5.css +15 -0
  28. package/styles/fabric-dark-lite.css +15 -0
  29. package/styles/fabric-dark.css +15 -0
  30. package/styles/fabric-lite.css +15 -0
  31. package/styles/fabric.css +15 -0
  32. package/styles/fluent-dark-lite.css +15 -0
  33. package/styles/fluent-dark.css +15 -0
  34. package/styles/fluent-lite.css +15 -0
  35. package/styles/fluent.css +15 -0
  36. package/styles/fluent2-lite.css +15 -0
  37. package/styles/fluent2.css +15 -0
  38. package/styles/highcontrast-light-lite.css +15 -0
  39. package/styles/highcontrast-light.css +15 -0
  40. package/styles/highcontrast-lite.css +17 -2
  41. package/styles/highcontrast.css +17 -2
  42. package/styles/material-dark-lite.css +15 -0
  43. package/styles/material-dark.css +15 -0
  44. package/styles/material-lite.css +17 -2
  45. package/styles/material.css +17 -2
  46. package/styles/material3-dark-lite.css +15 -0
  47. package/styles/material3-dark.css +15 -0
  48. package/styles/material3-lite.css +15 -0
  49. package/styles/material3.css +15 -0
  50. package/styles/tailwind-dark-lite.css +15 -0
  51. package/styles/tailwind-dark.css +15 -0
  52. package/styles/tailwind-lite.css +15 -0
  53. package/styles/tailwind.css +15 -0
  54. package/styles/tailwind3-lite.css +15 -0
  55. package/styles/tailwind3.css +15 -0
  56. package/styles/toolbar/_bootstrap-definition.scss +1 -1
  57. package/styles/toolbar/_highcontrast-definition.scss +1 -1
  58. package/styles/toolbar/_layout.scss +21 -0
  59. package/styles/toolbar/_material-definition.scss +2 -2
  60. package/styles/toolbar/bds.css +15 -0
  61. package/styles/toolbar/bootstrap-dark.css +15 -0
  62. package/styles/toolbar/bootstrap.css +17 -2
  63. package/styles/toolbar/bootstrap4.css +15 -0
  64. package/styles/toolbar/bootstrap5-dark.css +15 -0
  65. package/styles/toolbar/bootstrap5.3.css +15 -0
  66. package/styles/toolbar/bootstrap5.css +15 -0
  67. package/styles/toolbar/fabric-dark.css +15 -0
  68. package/styles/toolbar/fabric.css +15 -0
  69. package/styles/toolbar/fluent-dark.css +15 -0
  70. package/styles/toolbar/fluent.css +15 -0
  71. package/styles/toolbar/fluent2.css +15 -0
  72. package/styles/toolbar/highcontrast-light.css +15 -0
  73. package/styles/toolbar/highcontrast.css +17 -2
  74. package/styles/toolbar/material-dark.css +15 -0
  75. package/styles/toolbar/material.css +17 -2
  76. package/styles/toolbar/material3-dark.css +15 -0
  77. package/styles/toolbar/material3.css +15 -0
  78. package/styles/toolbar/tailwind-dark.css +15 -0
  79. package/styles/toolbar/tailwind.css +15 -0
  80. package/styles/toolbar/tailwind3.css +15 -0
@@ -2291,7 +2291,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2291
2291
  }
2292
2292
  }
2293
2293
  };
2294
- MenuBase.prototype.setPosition = function (li, ul, top, left) {
2294
+ MenuBase.prototype.setPosition = function (li, ul, top, left, isOpen) {
2295
+ if (isOpen === void 0) { isOpen = false; }
2295
2296
  var px = 'px';
2296
2297
  this.toggleVisiblity(ul);
2297
2298
  if (ul === this.element || (left > -1 && top > -1)) {
@@ -2350,6 +2351,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2350
2351
  this.toggleVisiblity(ul, false);
2351
2352
  if (this.isCMenu && this.enableScrolling && ul) {
2352
2353
  ul.style.height = '';
2354
+ ul.style.top = '';
2355
+ ul.style.left = '';
2356
+ ul.style.width = '';
2357
+ ul.style.position = '';
2353
2358
  }
2354
2359
  var wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
2355
2360
  if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
@@ -2367,7 +2372,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2367
2372
  left: left + "px",
2368
2373
  width: cmenuWidth + "px",
2369
2374
  position: 'absolute',
2370
- display: 'none'
2375
+ display: !isOpen ? 'none' : 'block'
2371
2376
  });
2372
2377
  }
2373
2378
  else {
@@ -2967,6 +2972,11 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
2967
2972
  addScrolling(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
2968
2973
  }
2969
2974
  }
2975
+ if (this_1.enableScrolling && this_1.element.classList.contains('e-contextmenu')) {
2976
+ this_1.isCMenu = true;
2977
+ this_1.setPosition(this_1.lItem, this_1.uList, this_1.top, this_1.left, true);
2978
+ this_1.isCMenu = false;
2979
+ }
2970
2980
  if (!this_1.hamburgerMode) {
2971
2981
  for (var i = 1, count = wrapper.childElementCount; i < count; i++) {
2972
2982
  detach(wrapper.lastElementChild);
@@ -8198,6 +8208,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
8198
8208
  if (this.isReact && this.portals && this.portals.length > 0) {
8199
8209
  this.renderReactTemplates(function () {
8200
8210
  _this.refreshOverflow();
8211
+ _this.selectingContent(_this.selectedItem, _this.isInteracted);
8201
8212
  _this.refreshActiveBorder();
8202
8213
  });
8203
8214
  }
@@ -9894,7 +9905,11 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
9894
9905
  */
9895
9906
  Tab.prototype.hideTab = function (index, value) {
9896
9907
  var items;
9897
- var item = selectAll('.' + CLS_TB_ITEM, this.element)[index];
9908
+ var tabId;
9909
+ if (index >= 0 && index < this.tbItem.length) {
9910
+ tabId = this.tbItem[index].getAttribute('id');
9911
+ }
9912
+ var item = this.element.querySelector("[id=\"" + tabId + "\"]");
9898
9913
  if (isNullOrUndefined(item)) {
9899
9914
  return;
9900
9915
  }