@syncfusion/ej2-navigations 32.2.9 → 33.1.44

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 (85) 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 +0 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +0 -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 +7 -7
  12. package/src/sidebar/sidebar.js +0 -7
  13. package/styles/bds-lite.css +13 -13
  14. package/styles/bds.css +13 -13
  15. package/styles/bootstrap-dark-lite.css +13 -13
  16. package/styles/bootstrap-dark.css +13 -13
  17. package/styles/bootstrap-lite.css +13 -13
  18. package/styles/bootstrap.css +13 -13
  19. package/styles/bootstrap4-lite.css +13 -13
  20. package/styles/bootstrap4.css +13 -13
  21. package/styles/bootstrap5-dark-lite.css +18 -18
  22. package/styles/bootstrap5-dark.css +25 -25
  23. package/styles/bootstrap5-lite.css +18 -18
  24. package/styles/bootstrap5.3-lite.css +15 -15
  25. package/styles/bootstrap5.3.css +17 -17
  26. package/styles/bootstrap5.css +25 -25
  27. package/styles/fabric-dark-lite.css +13 -13
  28. package/styles/fabric-dark.css +13 -13
  29. package/styles/fabric-lite.css +13 -13
  30. package/styles/fabric.css +13 -13
  31. package/styles/fluent-dark-lite.css +13 -13
  32. package/styles/fluent-dark.css +13 -13
  33. package/styles/fluent-lite.css +13 -13
  34. package/styles/fluent.css +13 -13
  35. package/styles/fluent2-lite.css +13 -13
  36. package/styles/fluent2.css +13 -13
  37. package/styles/highcontrast-light-lite.css +13 -13
  38. package/styles/highcontrast-light.css +13 -13
  39. package/styles/highcontrast-lite.css +13 -13
  40. package/styles/highcontrast.css +13 -13
  41. package/styles/material-dark-lite.css +13 -13
  42. package/styles/material-dark.css +13 -13
  43. package/styles/material-lite.css +13 -13
  44. package/styles/material.css +13 -13
  45. package/styles/material3-dark-lite.css +13 -13
  46. package/styles/material3-dark.css +13 -13
  47. package/styles/material3-lite.css +13 -13
  48. package/styles/material3.css +13 -13
  49. package/styles/pager/_bigger.scss +4 -4
  50. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  51. package/styles/pager/_bootstrap5-definition.scss +8 -8
  52. package/styles/pager/_layout.scss +2 -2
  53. package/styles/pager/_tailwind3-definition.scss +9 -9
  54. package/styles/pager/bootstrap5-dark.css +12 -12
  55. package/styles/pager/bootstrap5.3.css +4 -4
  56. package/styles/pager/bootstrap5.css +12 -12
  57. package/styles/pager/tailwind3.css +12 -12
  58. package/styles/sidebar/_theme.scss +13 -13
  59. package/styles/sidebar/bds.css +13 -13
  60. package/styles/sidebar/bootstrap-dark.css +13 -13
  61. package/styles/sidebar/bootstrap.css +13 -13
  62. package/styles/sidebar/bootstrap4.css +13 -13
  63. package/styles/sidebar/bootstrap5-dark.css +13 -13
  64. package/styles/sidebar/bootstrap5.3.css +13 -13
  65. package/styles/sidebar/bootstrap5.css +13 -13
  66. package/styles/sidebar/fabric-dark.css +13 -13
  67. package/styles/sidebar/fabric.css +13 -13
  68. package/styles/sidebar/fluent-dark.css +13 -13
  69. package/styles/sidebar/fluent.css +13 -13
  70. package/styles/sidebar/fluent2.css +13 -13
  71. package/styles/sidebar/highcontrast-light.css +13 -13
  72. package/styles/sidebar/highcontrast.css +13 -13
  73. package/styles/sidebar/material-dark.css +13 -13
  74. package/styles/sidebar/material.css +13 -13
  75. package/styles/sidebar/material3-dark.css +13 -13
  76. package/styles/sidebar/material3.css +13 -13
  77. package/styles/sidebar/tailwind-dark.css +13 -13
  78. package/styles/sidebar/tailwind.css +13 -13
  79. package/styles/sidebar/tailwind3.css +13 -13
  80. package/styles/tailwind-dark-lite.css +13 -13
  81. package/styles/tailwind-dark.css +13 -13
  82. package/styles/tailwind-lite.css +13 -13
  83. package/styles/tailwind.css +13 -13
  84. package/styles/tailwind3-lite.css +20 -20
  85. package/styles/tailwind3.css +25 -25
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 32.2.9
3
+ * version : 33.1.44
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-navigations",
3
- "version": "32.2.9",
3
+ "version": "33.1.44",
4
4
  "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
8
8
  "module": "./index.js",
9
9
  "es2015": "./dist/es6/ej2-navigations.es5.js",
10
10
  "dependencies": {
11
- "@syncfusion/ej2-base": "~32.2.9",
12
- "@syncfusion/ej2-buttons": "~32.2.9",
13
- "@syncfusion/ej2-data": "~32.2.3",
14
- "@syncfusion/ej2-inputs": "~32.2.8",
15
- "@syncfusion/ej2-lists": "~32.2.7",
16
- "@syncfusion/ej2-popups": "~32.2.8"
11
+ "@syncfusion/ej2-base": "~33.1.44",
12
+ "@syncfusion/ej2-buttons": "~33.1.44",
13
+ "@syncfusion/ej2-data": "~33.1.44",
14
+ "@syncfusion/ej2-inputs": "~33.1.44",
15
+ "@syncfusion/ej2-lists": "~33.1.44",
16
+ "@syncfusion/ej2-popups": "~33.1.44"
17
17
  },
18
18
  "devDependencies": {},
19
19
  "keywords": [
package/src/sidebar/sidebar.js CHANGED
@@ -569,13 +569,6 @@ var Sidebar = /** @class */ (function (_super) {
569
569
  else {
570
570
  addClass([this.element], DOCKER);
571
571
  }
572
- if (!this.isOpen && sibling) {
573
- if (!this.enableDock) {
574
- this.element.style.transform = sibling.style.transform = '';
575
- }
576
- sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] =
577
- this.enableDock ? this.setDimension(this.dockSize) : '0px';
578
- }
579
572
  break;
580
573
  case 'zIndex':
581
574
  this.setZindex();
package/styles/bds-lite.css CHANGED
@@ -7354,77 +7354,77 @@ ejs-sidebar {
7354
7354
  box-shadow: 0 0 rgba(var(--color-sf-base-black), 0);
7355
7355
  }
7356
7356
 
7357
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
7357
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
7358
7358
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7359
7359
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7360
7360
  transition: margin 0.5s ease, transform 0.5s ease;
7361
7361
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
7362
7362
  }
7363
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
7363
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
7364
7364
  margin-right: 0;
7365
7365
  -webkit-transform: translateX(0);
7366
7366
  transform: translateX(0);
7367
7367
  margin-left: var(--sidebar-width);
7368
7368
  }
7369
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
7369
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
7370
7370
  margin-right: 0;
7371
7371
  -webkit-transform: translateX(0);
7372
7372
  transform: translateX(0);
7373
7373
  margin-left: 0;
7374
7374
  }
7375
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
7375
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
7376
7376
  margin-left: 0;
7377
7377
  -webkit-transform: translateX(0);
7378
7378
  transform: translateX(0);
7379
7379
  margin-right: var(--sidebar-width);
7380
7380
  }
7381
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
7381
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
7382
7382
  margin-right: 0;
7383
7383
  -webkit-transform: translateX(0);
7384
7384
  transform: translateX(0);
7385
7385
  margin-left: 0;
7386
7386
  }
7387
- .e-sidebarcontainer.e-left.e-open.e-push + div {
7387
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
7388
7388
  margin-right: 0;
7389
7389
  -webkit-transform: translateX(0);
7390
7390
  transform: translateX(0);
7391
7391
  margin-left: var(--sidebar-width);
7392
7392
  }
7393
- .e-sidebarcontainer.e-left.e-close.e-push + div {
7393
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
7394
7394
  margin-right: 0;
7395
7395
  -webkit-transform: translateX(0);
7396
7396
  transform: translateX(0);
7397
7397
  margin-left: 0;
7398
7398
  }
7399
- .e-sidebarcontainer.e-right.e-open.e-push + div {
7399
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
7400
7400
  margin-left: 0;
7401
7401
  -webkit-transform: translateX(0);
7402
7402
  transform: translateX(0);
7403
7403
  margin-right: var(--sidebar-width);
7404
7404
  }
7405
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7405
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7406
7406
  margin-right: 0;
7407
7407
  -webkit-transform: translateX(0);
7408
7408
  transform: translateX(0);
7409
7409
  margin-left: 0;
7410
7410
  }
7411
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7411
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7412
7412
  margin-left: 0;
7413
7413
  -webkit-transform: translate(var(--sidebar-width));
7414
7414
  transform: translate(var(--sidebar-width));
7415
7415
  }
7416
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7416
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7417
7417
  margin-left: 0;
7418
7418
  -webkit-transform: translate(0);
7419
7419
  transform: translate(0);
7420
7420
  }
7421
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7421
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7422
7422
  margin-right: 0;
7423
7423
  margin-left: 0;
7424
7424
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7425
7425
  transform: translate(calc(-1 * var(--sidebar-width)));
7426
7426
  }
7427
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7427
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7428
7428
  margin-right: 0;
7429
7429
  margin-left: 0;
7430
7430
  -webkit-transform: translate(0);
package/styles/bds.css CHANGED
@@ -9624,77 +9624,77 @@ ejs-sidebar {
9624
9624
  box-shadow: 0 0 rgba(var(--color-sf-base-black), 0);
9625
9625
  }
9626
9626
 
9627
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
9627
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
9628
9628
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9629
9629
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9630
9630
  transition: margin 0.5s ease, transform 0.5s ease;
9631
9631
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9632
9632
  }
9633
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9633
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9634
9634
  margin-right: 0;
9635
9635
  -webkit-transform: translateX(0);
9636
9636
  transform: translateX(0);
9637
9637
  margin-left: var(--sidebar-width);
9638
9638
  }
9639
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9639
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9640
9640
  margin-right: 0;
9641
9641
  -webkit-transform: translateX(0);
9642
9642
  transform: translateX(0);
9643
9643
  margin-left: 0;
9644
9644
  }
9645
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9645
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9646
9646
  margin-left: 0;
9647
9647
  -webkit-transform: translateX(0);
9648
9648
  transform: translateX(0);
9649
9649
  margin-right: var(--sidebar-width);
9650
9650
  }
9651
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9651
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9652
9652
  margin-right: 0;
9653
9653
  -webkit-transform: translateX(0);
9654
9654
  transform: translateX(0);
9655
9655
  margin-left: 0;
9656
9656
  }
9657
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9657
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9658
9658
  margin-right: 0;
9659
9659
  -webkit-transform: translateX(0);
9660
9660
  transform: translateX(0);
9661
9661
  margin-left: var(--sidebar-width);
9662
9662
  }
9663
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9663
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9664
9664
  margin-right: 0;
9665
9665
  -webkit-transform: translateX(0);
9666
9666
  transform: translateX(0);
9667
9667
  margin-left: 0;
9668
9668
  }
9669
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9669
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9670
9670
  margin-left: 0;
9671
9671
  -webkit-transform: translateX(0);
9672
9672
  transform: translateX(0);
9673
9673
  margin-right: var(--sidebar-width);
9674
9674
  }
9675
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9675
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9676
9676
  margin-right: 0;
9677
9677
  -webkit-transform: translateX(0);
9678
9678
  transform: translateX(0);
9679
9679
  margin-left: 0;
9680
9680
  }
9681
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9681
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9682
9682
  margin-left: 0;
9683
9683
  -webkit-transform: translate(var(--sidebar-width));
9684
9684
  transform: translate(var(--sidebar-width));
9685
9685
  }
9686
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9686
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9687
9687
  margin-left: 0;
9688
9688
  -webkit-transform: translate(0);
9689
9689
  transform: translate(0);
9690
9690
  }
9691
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9691
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9692
9692
  margin-right: 0;
9693
9693
  margin-left: 0;
9694
9694
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9695
9695
  transform: translate(calc(-1 * var(--sidebar-width)));
9696
9696
  }
9697
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9697
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9698
9698
  margin-right: 0;
9699
9699
  margin-left: 0;
9700
9700
  -webkit-transform: translate(0);
package/styles/bootstrap-dark-lite.css CHANGED
@@ -6726,77 +6726,77 @@ ejs-sidebar {
6726
6726
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
6727
6727
  }
6728
6728
 
6729
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
6729
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
6730
6730
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6731
6731
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6732
6732
  transition: margin 0.5s ease, transform 0.5s ease;
6733
6733
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6734
6734
  }
6735
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6735
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6736
6736
  margin-right: 0;
6737
6737
  -webkit-transform: translateX(0);
6738
6738
  transform: translateX(0);
6739
6739
  margin-left: var(--sidebar-width);
6740
6740
  }
6741
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6741
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6742
6742
  margin-right: 0;
6743
6743
  -webkit-transform: translateX(0);
6744
6744
  transform: translateX(0);
6745
6745
  margin-left: 0;
6746
6746
  }
6747
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6747
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6748
6748
  margin-left: 0;
6749
6749
  -webkit-transform: translateX(0);
6750
6750
  transform: translateX(0);
6751
6751
  margin-right: var(--sidebar-width);
6752
6752
  }
6753
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6753
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6754
6754
  margin-right: 0;
6755
6755
  -webkit-transform: translateX(0);
6756
6756
  transform: translateX(0);
6757
6757
  margin-left: 0;
6758
6758
  }
6759
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6759
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6760
6760
  margin-right: 0;
6761
6761
  -webkit-transform: translateX(0);
6762
6762
  transform: translateX(0);
6763
6763
  margin-left: var(--sidebar-width);
6764
6764
  }
6765
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6765
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6766
6766
  margin-right: 0;
6767
6767
  -webkit-transform: translateX(0);
6768
6768
  transform: translateX(0);
6769
6769
  margin-left: 0;
6770
6770
  }
6771
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6771
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6772
6772
  margin-left: 0;
6773
6773
  -webkit-transform: translateX(0);
6774
6774
  transform: translateX(0);
6775
6775
  margin-right: var(--sidebar-width);
6776
6776
  }
6777
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6777
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6778
6778
  margin-right: 0;
6779
6779
  -webkit-transform: translateX(0);
6780
6780
  transform: translateX(0);
6781
6781
  margin-left: 0;
6782
6782
  }
6783
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6783
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6784
6784
  margin-left: 0;
6785
6785
  -webkit-transform: translate(var(--sidebar-width));
6786
6786
  transform: translate(var(--sidebar-width));
6787
6787
  }
6788
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6788
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6789
6789
  margin-left: 0;
6790
6790
  -webkit-transform: translate(0);
6791
6791
  transform: translate(0);
6792
6792
  }
6793
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6793
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6794
6794
  margin-right: 0;
6795
6795
  margin-left: 0;
6796
6796
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6797
6797
  transform: translate(calc(-1 * var(--sidebar-width)));
6798
6798
  }
6799
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6799
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6800
6800
  margin-right: 0;
6801
6801
  margin-left: 0;
6802
6802
  -webkit-transform: translate(0);
package/styles/bootstrap-dark.css CHANGED
@@ -8763,77 +8763,77 @@ ejs-sidebar {
8763
8763
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8764
8764
  }
8765
8765
 
8766
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
8766
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
8767
8767
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8768
8768
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8769
8769
  transition: margin 0.5s ease, transform 0.5s ease;
8770
8770
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8771
8771
  }
8772
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8772
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8773
8773
  margin-right: 0;
8774
8774
  -webkit-transform: translateX(0);
8775
8775
  transform: translateX(0);
8776
8776
  margin-left: var(--sidebar-width);
8777
8777
  }
8778
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8778
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8779
8779
  margin-right: 0;
8780
8780
  -webkit-transform: translateX(0);
8781
8781
  transform: translateX(0);
8782
8782
  margin-left: 0;
8783
8783
  }
8784
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8784
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8785
8785
  margin-left: 0;
8786
8786
  -webkit-transform: translateX(0);
8787
8787
  transform: translateX(0);
8788
8788
  margin-right: var(--sidebar-width);
8789
8789
  }
8790
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8790
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8791
8791
  margin-right: 0;
8792
8792
  -webkit-transform: translateX(0);
8793
8793
  transform: translateX(0);
8794
8794
  margin-left: 0;
8795
8795
  }
8796
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8796
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8797
8797
  margin-right: 0;
8798
8798
  -webkit-transform: translateX(0);
8799
8799
  transform: translateX(0);
8800
8800
  margin-left: var(--sidebar-width);
8801
8801
  }
8802
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8802
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8803
8803
  margin-right: 0;
8804
8804
  -webkit-transform: translateX(0);
8805
8805
  transform: translateX(0);
8806
8806
  margin-left: 0;
8807
8807
  }
8808
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8808
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8809
8809
  margin-left: 0;
8810
8810
  -webkit-transform: translateX(0);
8811
8811
  transform: translateX(0);
8812
8812
  margin-right: var(--sidebar-width);
8813
8813
  }
8814
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8814
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8815
8815
  margin-right: 0;
8816
8816
  -webkit-transform: translateX(0);
8817
8817
  transform: translateX(0);
8818
8818
  margin-left: 0;
8819
8819
  }
8820
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8820
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8821
8821
  margin-left: 0;
8822
8822
  -webkit-transform: translate(var(--sidebar-width));
8823
8823
  transform: translate(var(--sidebar-width));
8824
8824
  }
8825
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8825
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8826
8826
  margin-left: 0;
8827
8827
  -webkit-transform: translate(0);
8828
8828
  transform: translate(0);
8829
8829
  }
8830
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8830
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8831
8831
  margin-right: 0;
8832
8832
  margin-left: 0;
8833
8833
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8834
8834
  transform: translate(calc(-1 * var(--sidebar-width)));
8835
8835
  }
8836
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8836
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8837
8837
  margin-right: 0;
8838
8838
  margin-left: 0;
8839
8839
  -webkit-transform: translate(0);
package/styles/bootstrap-lite.css CHANGED
@@ -6743,77 +6743,77 @@ ejs-sidebar {
6743
6743
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
6744
6744
  }
6745
6745
 
6746
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
6746
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
6747
6747
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6748
6748
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6749
6749
  transition: margin 0.5s ease, transform 0.5s ease;
6750
6750
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6751
6751
  }
6752
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6752
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6753
6753
  margin-right: 0;
6754
6754
  -webkit-transform: translateX(0);
6755
6755
  transform: translateX(0);
6756
6756
  margin-left: var(--sidebar-width);
6757
6757
  }
6758
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6758
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6759
6759
  margin-right: 0;
6760
6760
  -webkit-transform: translateX(0);
6761
6761
  transform: translateX(0);
6762
6762
  margin-left: 0;
6763
6763
  }
6764
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6764
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6765
6765
  margin-left: 0;
6766
6766
  -webkit-transform: translateX(0);
6767
6767
  transform: translateX(0);
6768
6768
  margin-right: var(--sidebar-width);
6769
6769
  }
6770
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6770
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6771
6771
  margin-right: 0;
6772
6772
  -webkit-transform: translateX(0);
6773
6773
  transform: translateX(0);
6774
6774
  margin-left: 0;
6775
6775
  }
6776
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6776
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6777
6777
  margin-right: 0;
6778
6778
  -webkit-transform: translateX(0);
6779
6779
  transform: translateX(0);
6780
6780
  margin-left: var(--sidebar-width);
6781
6781
  }
6782
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6782
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6783
6783
  margin-right: 0;
6784
6784
  -webkit-transform: translateX(0);
6785
6785
  transform: translateX(0);
6786
6786
  margin-left: 0;
6787
6787
  }
6788
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6788
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6789
6789
  margin-left: 0;
6790
6790
  -webkit-transform: translateX(0);
6791
6791
  transform: translateX(0);
6792
6792
  margin-right: var(--sidebar-width);
6793
6793
  }
6794
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6794
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6795
6795
  margin-right: 0;
6796
6796
  -webkit-transform: translateX(0);
6797
6797
  transform: translateX(0);
6798
6798
  margin-left: 0;
6799
6799
  }
6800
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6800
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6801
6801
  margin-left: 0;
6802
6802
  -webkit-transform: translate(var(--sidebar-width));
6803
6803
  transform: translate(var(--sidebar-width));
6804
6804
  }
6805
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6805
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6806
6806
  margin-left: 0;
6807
6807
  -webkit-transform: translate(0);
6808
6808
  transform: translate(0);
6809
6809
  }
6810
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6810
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6811
6811
  margin-right: 0;
6812
6812
  margin-left: 0;
6813
6813
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6814
6814
  transform: translate(calc(-1 * var(--sidebar-width)));
6815
6815
  }
6816
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6816
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6817
6817
  margin-right: 0;
6818
6818
  margin-left: 0;
6819
6819
  -webkit-transform: translate(0);
package/styles/bootstrap.css CHANGED
@@ -8783,77 +8783,77 @@ ejs-sidebar {
8783
8783
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8784
8784
  }
8785
8785
 
8786
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
8786
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
8787
8787
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8788
8788
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8789
8789
  transition: margin 0.5s ease, transform 0.5s ease;
8790
8790
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8791
8791
  }
8792
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8792
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8793
8793
  margin-right: 0;
8794
8794
  -webkit-transform: translateX(0);
8795
8795
  transform: translateX(0);
8796
8796
  margin-left: var(--sidebar-width);
8797
8797
  }
8798
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8798
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8799
8799
  margin-right: 0;
8800
8800
  -webkit-transform: translateX(0);
8801
8801
  transform: translateX(0);
8802
8802
  margin-left: 0;
8803
8803
  }
8804
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8804
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8805
8805
  margin-left: 0;
8806
8806
  -webkit-transform: translateX(0);
8807
8807
  transform: translateX(0);
8808
8808
  margin-right: var(--sidebar-width);
8809
8809
  }
8810
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8810
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8811
8811
  margin-right: 0;
8812
8812
  -webkit-transform: translateX(0);
8813
8813
  transform: translateX(0);
8814
8814
  margin-left: 0;
8815
8815
  }
8816
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8816
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8817
8817
  margin-right: 0;
8818
8818
  -webkit-transform: translateX(0);
8819
8819
  transform: translateX(0);
8820
8820
  margin-left: var(--sidebar-width);
8821
8821
  }
8822
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8822
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8823
8823
  margin-right: 0;
8824
8824
  -webkit-transform: translateX(0);
8825
8825
  transform: translateX(0);
8826
8826
  margin-left: 0;
8827
8827
  }
8828
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8828
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8829
8829
  margin-left: 0;
8830
8830
  -webkit-transform: translateX(0);
8831
8831
  transform: translateX(0);
8832
8832
  margin-right: var(--sidebar-width);
8833
8833
  }
8834
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8834
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8835
8835
  margin-right: 0;
8836
8836
  -webkit-transform: translateX(0);
8837
8837
  transform: translateX(0);
8838
8838
  margin-left: 0;
8839
8839
  }
8840
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8840
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8841
8841
  margin-left: 0;
8842
8842
  -webkit-transform: translate(var(--sidebar-width));
8843
8843
  transform: translate(var(--sidebar-width));
8844
8844
  }
8845
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8845
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8846
8846
  margin-left: 0;
8847
8847
  -webkit-transform: translate(0);
8848
8848
  transform: translate(0);
8849
8849
  }
8850
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8850
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8851
8851
  margin-right: 0;
8852
8852
  margin-left: 0;
8853
8853
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8854
8854
  transform: translate(calc(-1 * var(--sidebar-width)));
8855
8855
  }
8856
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8856
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8857
8857
  margin-right: 0;
8858
8858
  margin-left: 0;
8859
8859
  -webkit-transform: translate(0);