@syncfusion/ej2-navigations 20.1.58 → 20.1.60

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 (57) hide show
  1. package/CHANGELOG.md +8 -0
  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 +27 -5
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +27 -5
  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 +7 -7
  12. package/src/sidebar/sidebar.d.ts +1 -0
  13. package/src/sidebar/sidebar.js +6 -2
  14. package/src/treeview/treeview-model.d.ts +1 -1
  15. package/src/treeview/treeview.js +21 -2
  16. package/styles/bootstrap-dark.css +1 -2
  17. package/styles/bootstrap.css +4 -9
  18. package/styles/bootstrap4.css +3 -6
  19. package/styles/bootstrap5-dark.css +4 -7
  20. package/styles/bootstrap5.css +4 -7
  21. package/styles/carousel/bootstrap-dark.css +1 -2
  22. package/styles/carousel/bootstrap.css +1 -2
  23. package/styles/carousel/bootstrap4.css +1 -2
  24. package/styles/carousel/bootstrap5-dark.css +1 -2
  25. package/styles/carousel/bootstrap5.css +1 -2
  26. package/styles/carousel/fabric-dark.css +1 -2
  27. package/styles/carousel/fabric.css +1 -2
  28. package/styles/carousel/fluent-dark.css +1 -2
  29. package/styles/carousel/fluent.css +1 -2
  30. package/styles/carousel/highcontrast-light.css +1 -2
  31. package/styles/carousel/highcontrast.css +1 -2
  32. package/styles/carousel/material-dark.css +1 -2
  33. package/styles/carousel/material.css +1 -2
  34. package/styles/carousel/tailwind-dark.css +1 -2
  35. package/styles/carousel/tailwind.css +1 -2
  36. package/styles/fabric-dark.css +1 -2
  37. package/styles/fabric.css +1 -2
  38. package/styles/fluent-dark.css +1 -2
  39. package/styles/fluent.css +1 -2
  40. package/styles/highcontrast-light.css +1 -2
  41. package/styles/highcontrast.css +1 -2
  42. package/styles/material-dark.css +1 -2
  43. package/styles/material.css +1 -2
  44. package/styles/menu/bootstrap.css +1 -2
  45. package/styles/menu/bootstrap4.css +1 -2
  46. package/styles/tab/bootstrap.css +1 -2
  47. package/styles/tab/bootstrap5-dark.css +1 -2
  48. package/styles/tab/bootstrap5.css +1 -2
  49. package/styles/tailwind-dark.css +1 -2
  50. package/styles/tailwind.css +1 -2
  51. package/styles/toolbar/bootstrap.css +1 -3
  52. package/styles/toolbar/bootstrap4.css +1 -2
  53. package/styles/toolbar/bootstrap5-dark.css +1 -2
  54. package/styles/toolbar/bootstrap5.css +1 -2
  55. package/styles/treeview/_bootstrap5-definition.scss +1 -1
  56. package/styles/treeview/bootstrap5-dark.css +1 -1
  57. package/styles/treeview/bootstrap5.css +1 -1
package/dist/es6/ej2-navigations.es5.js CHANGED
@@ -13421,8 +13421,27 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
13421
13421
  dropUl = dropEle;
13422
13422
  }
13423
13423
  var refNode = dropUl.childNodes[index];
13424
- for (var i = 0; i < li.length; i++) {
13425
- dropUl.insertBefore(li[i], refNode);
13424
+ if (refNode || this.sortOrder === 'None') {
13425
+ for (var i = 0; i < li.length; i++) {
13426
+ dropUl.insertBefore(li[i], refNode);
13427
+ }
13428
+ }
13429
+ if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
13430
+ var cNodes = dropUl.childNodes;
13431
+ for (var i = 0; i < li.length; i++) {
13432
+ for (var j = 0; j < cNodes.length; j++) {
13433
+ var returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
13434
+ if (returnValue) {
13435
+ refNode = cNodes[j];
13436
+ dropUl.insertBefore(li[i], refNode);
13437
+ break;
13438
+ }
13439
+ else {
13440
+ refNode = cNodes[cNodes.length];
13441
+ dropUl.insertBefore(li[i], refNode);
13442
+ }
13443
+ }
13444
+ }
13426
13445
  }
13427
13446
  var id = this.getId(dropLi);
13428
13447
  if (this.dataType === 1) {
@@ -14825,7 +14844,6 @@ var CLOSE = 'e-close';
14825
14844
  var OPEN = 'e-open';
14826
14845
  var TRASITION = 'e-transition';
14827
14846
  var DEFAULTBACKDROP = 'e-sidebar-overlay';
14828
- var CONTEXTBACKDROP = 'e-backdrop';
14829
14847
  var RTL$2 = 'e-rtl';
14830
14848
  var RIGHT = 'e-right';
14831
14849
  var LEFT = 'e-left';
@@ -14995,7 +15013,7 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
14995
15013
  Sidebar.prototype.destroyBackDrop = function () {
14996
15014
  var sibling = document.querySelector('.e-main-content') || this.targetEle;
14997
15015
  if (this.target && this.showBackdrop && sibling) {
14998
- removeClass([sibling], CONTEXTBACKDROP);
15016
+ sibling.removeChild(this.defaultBackdropDiv);
14999
15017
  }
15000
15018
  else if (this.showBackdrop && this.modal) {
15001
15019
  this.modal.style.display = 'none';
@@ -15133,8 +15151,12 @@ var Sidebar = /** @__PURE__ @class */ (function (_super) {
15133
15151
  };
15134
15152
  Sidebar.prototype.createBackDrop = function () {
15135
15153
  if (this.target && this.showBackdrop && this.getState()) {
15154
+ var targetString = this.target;
15136
15155
  var sibling = document.querySelector('.e-main-content') || this.targetEle;
15137
- addClass([sibling], CONTEXTBACKDROP);
15156
+ this.defaultBackdropDiv = this.createElement('div');
15157
+ addClass([this.defaultBackdropDiv], DEFAULTBACKDROP);
15158
+ setStyleAttribute(this.defaultBackdropDiv, { height: targetString.style.height });
15159
+ sibling.appendChild(this.defaultBackdropDiv);
15138
15160
  }
15139
15161
  else if (this.showBackdrop && !this.modal && this.getState()) {
15140
15162
  this.modal = this.createElement('div');