@syncfusion/ej2-navigations 33.2.4 → 33.2.6

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 (122) 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 +21 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +21 -7
  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 +5 -5
  12. package/src/accordion/accordion.js +5 -5
  13. package/src/context-menu/context-menu.js +1 -1
  14. package/src/treeview/treeview.d.ts +1 -0
  15. package/src/treeview/treeview.js +15 -1
  16. package/styles/bds-lite.css +21 -2
  17. package/styles/bds.css +23 -4
  18. package/styles/bootstrap-dark-lite.css +21 -2
  19. package/styles/bootstrap-dark.css +21 -2
  20. package/styles/bootstrap-lite.css +25 -2
  21. package/styles/bootstrap.css +25 -2
  22. package/styles/bootstrap4-lite.css +21 -2
  23. package/styles/bootstrap4.css +21 -2
  24. package/styles/bootstrap5-dark-lite.css +21 -2
  25. package/styles/bootstrap5-dark.css +21 -2
  26. package/styles/bootstrap5-lite.css +21 -2
  27. package/styles/bootstrap5.3-lite.css +21 -2
  28. package/styles/bootstrap5.3.css +21 -2
  29. package/styles/bootstrap5.css +21 -2
  30. package/styles/fabric-dark-lite.css +22 -2
  31. package/styles/fabric-dark.css +22 -2
  32. package/styles/fabric-lite.css +22 -2
  33. package/styles/fabric.css +22 -2
  34. package/styles/fluent-dark-lite.css +21 -2
  35. package/styles/fluent-dark.css +21 -2
  36. package/styles/fluent-lite.css +21 -2
  37. package/styles/fluent.css +21 -2
  38. package/styles/fluent2-lite.css +30 -2
  39. package/styles/fluent2.css +30 -2
  40. package/styles/highcontrast-light-lite.css +21 -2
  41. package/styles/highcontrast-light.css +21 -2
  42. package/styles/highcontrast-lite.css +29 -2
  43. package/styles/highcontrast.css +29 -2
  44. package/styles/material-dark-lite.css +21 -2
  45. package/styles/material-dark.css +21 -2
  46. package/styles/material-lite.css +21 -2
  47. package/styles/material.css +21 -2
  48. package/styles/material3-dark-lite.css +21 -2
  49. package/styles/material3-dark.css +21 -2
  50. package/styles/material3-lite.css +21 -2
  51. package/styles/material3.css +21 -2
  52. package/styles/tailwind-dark-lite.css +22 -3
  53. package/styles/tailwind-dark.css +23 -4
  54. package/styles/tailwind-lite.css +22 -3
  55. package/styles/tailwind.css +23 -4
  56. package/styles/tailwind3-lite.css +21 -2
  57. package/styles/tailwind3.css +21 -2
  58. package/styles/toolbar/_theme.scss +11 -5
  59. package/styles/toolbar/bds.css +8 -2
  60. package/styles/toolbar/bootstrap-dark.css +8 -2
  61. package/styles/toolbar/bootstrap.css +8 -2
  62. package/styles/toolbar/bootstrap4.css +8 -2
  63. package/styles/toolbar/bootstrap5-dark.css +8 -2
  64. package/styles/toolbar/bootstrap5.3.css +8 -2
  65. package/styles/toolbar/bootstrap5.css +8 -2
  66. package/styles/toolbar/fabric-dark.css +8 -2
  67. package/styles/toolbar/fabric.css +8 -2
  68. package/styles/toolbar/fluent-dark.css +8 -2
  69. package/styles/toolbar/fluent.css +8 -2
  70. package/styles/toolbar/fluent2.css +8 -2
  71. package/styles/toolbar/highcontrast-light.css +8 -2
  72. package/styles/toolbar/highcontrast.css +8 -2
  73. package/styles/toolbar/material-dark.css +8 -2
  74. package/styles/toolbar/material.css +8 -2
  75. package/styles/toolbar/material3-dark.css +8 -2
  76. package/styles/toolbar/material3.css +8 -2
  77. package/styles/toolbar/tailwind-dark.css +8 -2
  78. package/styles/toolbar/tailwind.css +8 -2
  79. package/styles/toolbar/tailwind3.css +8 -2
  80. package/styles/treeview/_bds-definition.scss +3 -2
  81. package/styles/treeview/_bootstrap-dark-definition.scss +2 -1
  82. package/styles/treeview/_bootstrap-definition.scss +2 -1
  83. package/styles/treeview/_bootstrap4-definition.scss +1 -0
  84. package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
  85. package/styles/treeview/_bootstrap5-definition.scss +1 -0
  86. package/styles/treeview/_bootstrap5.3-definition.scss +1 -0
  87. package/styles/treeview/_fabric-dark-definition.scss +1 -0
  88. package/styles/treeview/_fabric-definition.scss +1 -0
  89. package/styles/treeview/_fluent-dark-definition.scss +1 -0
  90. package/styles/treeview/_fluent-definition.scss +1 -0
  91. package/styles/treeview/_fluent2-definition.scss +4 -0
  92. package/styles/treeview/_highcontrast-definition.scss +1 -0
  93. package/styles/treeview/_highcontrast-light-definition.scss +1 -0
  94. package/styles/treeview/_material-dark-definition.scss +1 -0
  95. package/styles/treeview/_material-definition.scss +1 -0
  96. package/styles/treeview/_material3-dark-definition.scss +1 -0
  97. package/styles/treeview/_material3-definition.scss +1 -0
  98. package/styles/treeview/_tailwind-dark-definition.scss +3 -2
  99. package/styles/treeview/_tailwind-definition.scss +3 -2
  100. package/styles/treeview/_tailwind3-definition.scss +1 -0
  101. package/styles/treeview/_theme.scss +55 -4
  102. package/styles/treeview/bds.css +15 -2
  103. package/styles/treeview/bootstrap-dark.css +13 -0
  104. package/styles/treeview/bootstrap.css +17 -0
  105. package/styles/treeview/bootstrap4.css +13 -0
  106. package/styles/treeview/bootstrap5-dark.css +13 -0
  107. package/styles/treeview/bootstrap5.3.css +13 -0
  108. package/styles/treeview/bootstrap5.css +13 -0
  109. package/styles/treeview/fabric-dark.css +14 -0
  110. package/styles/treeview/fabric.css +14 -0
  111. package/styles/treeview/fluent-dark.css +13 -0
  112. package/styles/treeview/fluent.css +13 -0
  113. package/styles/treeview/fluent2.css +22 -0
  114. package/styles/treeview/highcontrast-light.css +13 -0
  115. package/styles/treeview/highcontrast.css +21 -0
  116. package/styles/treeview/material-dark.css +13 -0
  117. package/styles/treeview/material.css +13 -0
  118. package/styles/treeview/material3-dark.css +13 -0
  119. package/styles/treeview/material3.css +13 -0
  120. package/styles/treeview/tailwind-dark.css +15 -2
  121. package/styles/treeview/tailwind.css +15 -2
  122. package/styles/treeview/tailwind3.css +13 -0
@@ -6625,6 +6625,11 @@ let Accordion = class Accordion extends Component {
6625
6625
  const innerEle = this.createElement('div', {
6626
6626
  className: CLS_ITEM$1, id: item.id || getUniqueID('acrdn_item')
6627
6627
  });
6628
+ if (item.expanded && !isNullOrUndefined(index) && (!this.enablePersistence)) {
6629
+ if (this.initExpand.indexOf(index) === -1) {
6630
+ this.initExpand.push(index);
6631
+ }
6632
+ }
6628
6633
  if (this.headerTemplate) {
6629
6634
  const ctnEle = this.headerEleGenerate();
6630
6635
  const hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
@@ -6647,11 +6652,6 @@ let Accordion = class Accordion extends Component {
6647
6652
  innerEle.appendChild(ctnEle);
6648
6653
  }
6649
6654
  let hdr = select('.' + CLS_HEADER, innerEle);
6650
- if (item.expanded && !isNullOrUndefined(index) && (!this.enablePersistence)) {
6651
- if (this.initExpand.indexOf(index) === -1) {
6652
- this.initExpand.push(index);
6653
- }
6654
- }
6655
6655
  if (item.cssClass) {
6656
6656
  addClass([innerEle], item.cssClass.split(' '));
6657
6657
  }
@@ -7521,7 +7521,7 @@ let ContextMenu = class ContextMenu extends MenuBase {
7521
7521
  this.template = this.itemTemplate ? this.itemTemplate : null;
7522
7522
  this.addTemplateClass();
7523
7523
  super.initialize();
7524
- attributes(this.element, { 'role': 'menubar', 'tabindex': '0' });
7524
+ attributes(this.element, { 'role': 'menu', 'tabindex': '0' });
7525
7525
  this.element.style.zIndex = getZindexPartial(this.element).toString();
7526
7526
  }
7527
7527
  /**
@@ -11493,6 +11493,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
11493
11493
  if (isNullOrUndefined(data) || isNullOrUndefined(parentId)) {
11494
11494
  return [];
11495
11495
  }
11496
+ if (!Array.isArray(data)) {
11497
+ return [];
11498
+ }
11496
11499
  if (this.dataType === 1) {
11497
11500
  const pidField = this.fields.parentID;
11498
11501
  const target = parentId.toString();
@@ -13850,7 +13853,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
13850
13853
  const cNode = this.createElement('span', { className: DROPCOUNT, innerHTML: '' + nLen });
13851
13854
  virtualEle.appendChild(cNode);
13852
13855
  }
13853
- document.body.appendChild(virtualEle);
13856
+ const appendToElement = this.getAppendToElement();
13857
+ appendToElement.appendChild(virtualEle);
13854
13858
  document.body.style.cursor = '';
13855
13859
  this.dragData = this.getNodeData(this.dragLi);
13856
13860
  return virtualEle;
@@ -13951,6 +13955,16 @@ let TreeView = TreeView_1 = class TreeView extends Component {
13951
13955
  removeClass([this.element], DRAGGING);
13952
13956
  this.dragStartAction = false;
13953
13957
  }
13958
+ getAppendToElement() {
13959
+ if (this.isAngular) {
13960
+ const cdkPane = this.element.closest('.cdk-overlay-pane');
13961
+ const popoverEl = this.element.closest('[popover]');
13962
+ if (cdkPane && popoverEl) {
13963
+ return cdkPane;
13964
+ }
13965
+ }
13966
+ return document.body;
13967
+ }
13954
13968
  getOffsetX(event, target) {
13955
13969
  const touchList = event.changedTouches;
13956
13970
  if (touchList && touchList.length > 0) {