@syncfusion/ej2-navigations 32.2.8 → 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 (116) 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 +12 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +12 -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 +7 -7
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.js +5 -1
  14. package/styles/appbar/material3-dark.css +0 -5
  15. package/styles/appbar/material3.css +0 -5
  16. package/styles/bds-lite.css +13 -17
  17. package/styles/bds.css +13 -17
  18. package/styles/bootstrap-dark-lite.css +13 -13
  19. package/styles/bootstrap-dark.css +13 -13
  20. package/styles/bootstrap-lite.css +13 -13
  21. package/styles/bootstrap.css +13 -13
  22. package/styles/bootstrap4-lite.css +13 -13
  23. package/styles/bootstrap4.css +13 -13
  24. package/styles/bootstrap5-dark-lite.css +18 -18
  25. package/styles/bootstrap5-dark.css +25 -25
  26. package/styles/bootstrap5-lite.css +18 -18
  27. package/styles/bootstrap5.3-lite.css +15 -19
  28. package/styles/bootstrap5.3.css +17 -21
  29. package/styles/bootstrap5.css +25 -25
  30. package/styles/breadcrumb/material3-dark.css +0 -1
  31. package/styles/breadcrumb/material3.css +0 -1
  32. package/styles/carousel/material3-dark.css +0 -2
  33. package/styles/carousel/material3.css +0 -2
  34. package/styles/context-menu/material3-dark.css +0 -2
  35. package/styles/context-menu/material3.css +0 -2
  36. package/styles/fabric-dark-lite.css +13 -13
  37. package/styles/fabric-dark.css +13 -13
  38. package/styles/fabric-lite.css +13 -13
  39. package/styles/fabric.css +13 -13
  40. package/styles/fluent-dark-lite.css +13 -13
  41. package/styles/fluent-dark.css +13 -13
  42. package/styles/fluent-lite.css +13 -13
  43. package/styles/fluent.css +13 -13
  44. package/styles/fluent2-lite.css +13 -17
  45. package/styles/fluent2.css +13 -17
  46. package/styles/h-scroll/bds.css +0 -2
  47. package/styles/h-scroll/bootstrap5.3.css +0 -2
  48. package/styles/h-scroll/fluent2.css +0 -2
  49. package/styles/h-scroll/material3-dark.css +0 -4
  50. package/styles/h-scroll/material3.css +0 -4
  51. package/styles/h-scroll/tailwind3.css +0 -2
  52. package/styles/highcontrast-light-lite.css +13 -13
  53. package/styles/highcontrast-light.css +13 -13
  54. package/styles/highcontrast-lite.css +13 -13
  55. package/styles/highcontrast.css +13 -13
  56. package/styles/material-dark-lite.css +13 -13
  57. package/styles/material-dark.css +13 -13
  58. package/styles/material-lite.css +13 -13
  59. package/styles/material.css +13 -13
  60. package/styles/material3-dark-lite.css +13 -62
  61. package/styles/material3-dark.css +13 -62
  62. package/styles/material3-lite.css +13 -62
  63. package/styles/material3.css +13 -62
  64. package/styles/menu/material3-dark.css +0 -2
  65. package/styles/menu/material3.css +0 -2
  66. package/styles/pager/_bigger.scss +4 -4
  67. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  68. package/styles/pager/_bootstrap5-definition.scss +8 -8
  69. package/styles/pager/_layout.scss +2 -2
  70. package/styles/pager/_tailwind3-definition.scss +9 -9
  71. package/styles/pager/bootstrap5-dark.css +12 -12
  72. package/styles/pager/bootstrap5.3.css +4 -4
  73. package/styles/pager/bootstrap5.css +12 -12
  74. package/styles/pager/tailwind3.css +12 -12
  75. package/styles/sidebar/_theme.scss +13 -13
  76. package/styles/sidebar/bds.css +13 -13
  77. package/styles/sidebar/bootstrap-dark.css +13 -13
  78. package/styles/sidebar/bootstrap.css +13 -13
  79. package/styles/sidebar/bootstrap4.css +13 -13
  80. package/styles/sidebar/bootstrap5-dark.css +13 -13
  81. package/styles/sidebar/bootstrap5.3.css +13 -13
  82. package/styles/sidebar/bootstrap5.css +13 -13
  83. package/styles/sidebar/fabric-dark.css +13 -13
  84. package/styles/sidebar/fabric.css +13 -13
  85. package/styles/sidebar/fluent-dark.css +13 -13
  86. package/styles/sidebar/fluent.css +13 -13
  87. package/styles/sidebar/fluent2.css +13 -13
  88. package/styles/sidebar/highcontrast-light.css +13 -13
  89. package/styles/sidebar/highcontrast.css +13 -13
  90. package/styles/sidebar/material-dark.css +13 -13
  91. package/styles/sidebar/material.css +13 -13
  92. package/styles/sidebar/material3-dark.css +13 -14
  93. package/styles/sidebar/material3.css +13 -14
  94. package/styles/sidebar/tailwind-dark.css +13 -13
  95. package/styles/sidebar/tailwind.css +13 -13
  96. package/styles/sidebar/tailwind3.css +13 -13
  97. package/styles/stepper/material3-dark.css +0 -4
  98. package/styles/stepper/material3.css +0 -4
  99. package/styles/tab/material3-dark.css +0 -12
  100. package/styles/tab/material3.css +0 -12
  101. package/styles/tailwind-dark-lite.css +13 -13
  102. package/styles/tailwind-dark.css +13 -13
  103. package/styles/tailwind-lite.css +13 -13
  104. package/styles/tailwind.css +13 -13
  105. package/styles/tailwind3-lite.css +20 -24
  106. package/styles/tailwind3.css +25 -29
  107. package/styles/toolbar/material3-dark.css +0 -11
  108. package/styles/toolbar/material3.css +0 -11
  109. package/styles/treeview/material3-dark.css +0 -1
  110. package/styles/treeview/material3.css +0 -1
  111. package/styles/v-scroll/bds.css +0 -2
  112. package/styles/v-scroll/bootstrap5.3.css +0 -2
  113. package/styles/v-scroll/fluent2.css +0 -2
  114. package/styles/v-scroll/material3-dark.css +0 -4
  115. package/styles/v-scroll/material3.css +0 -4
  116. package/styles/v-scroll/tailwind3.css +0 -2
package/styles/context-menu/material3.css CHANGED
@@ -525,7 +525,6 @@
525
525
 
526
526
  .e-contextmenu-wrapper ul,
527
527
  .e-contextmenu-container ul {
528
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
529
528
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
530
529
  color: rgba(var(--color-sf-on-surface));
531
530
  }
@@ -599,7 +598,6 @@
599
598
 
600
599
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
601
600
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
602
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
603
601
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
604
602
  border: 1px solid rgba(var(--color-sf-outline-variant));
605
603
  }
package/styles/fabric-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/fabric-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/fabric-lite.css CHANGED
@@ -6732,77 +6732,77 @@ ejs-sidebar {
6732
6732
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
6733
6733
  }
6734
6734
 
6735
- .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 {
6735
+ .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 {
6736
6736
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6737
6737
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6738
6738
  transition: margin 0.5s ease, transform 0.5s ease;
6739
6739
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6740
6740
  }
6741
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6741
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6742
6742
  margin-right: 0;
6743
6743
  -webkit-transform: translateX(0);
6744
6744
  transform: translateX(0);
6745
6745
  margin-left: var(--sidebar-width);
6746
6746
  }
6747
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6747
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6748
6748
  margin-right: 0;
6749
6749
  -webkit-transform: translateX(0);
6750
6750
  transform: translateX(0);
6751
6751
  margin-left: 0;
6752
6752
  }
6753
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6753
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6754
6754
  margin-left: 0;
6755
6755
  -webkit-transform: translateX(0);
6756
6756
  transform: translateX(0);
6757
6757
  margin-right: var(--sidebar-width);
6758
6758
  }
6759
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6759
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6760
6760
  margin-right: 0;
6761
6761
  -webkit-transform: translateX(0);
6762
6762
  transform: translateX(0);
6763
6763
  margin-left: 0;
6764
6764
  }
6765
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6765
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6766
6766
  margin-right: 0;
6767
6767
  -webkit-transform: translateX(0);
6768
6768
  transform: translateX(0);
6769
6769
  margin-left: var(--sidebar-width);
6770
6770
  }
6771
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6771
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6772
6772
  margin-right: 0;
6773
6773
  -webkit-transform: translateX(0);
6774
6774
  transform: translateX(0);
6775
6775
  margin-left: 0;
6776
6776
  }
6777
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6777
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6778
6778
  margin-left: 0;
6779
6779
  -webkit-transform: translateX(0);
6780
6780
  transform: translateX(0);
6781
6781
  margin-right: var(--sidebar-width);
6782
6782
  }
6783
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6783
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6784
6784
  margin-right: 0;
6785
6785
  -webkit-transform: translateX(0);
6786
6786
  transform: translateX(0);
6787
6787
  margin-left: 0;
6788
6788
  }
6789
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6789
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6790
6790
  margin-left: 0;
6791
6791
  -webkit-transform: translate(var(--sidebar-width));
6792
6792
  transform: translate(var(--sidebar-width));
6793
6793
  }
6794
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6794
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6795
6795
  margin-left: 0;
6796
6796
  -webkit-transform: translate(0);
6797
6797
  transform: translate(0);
6798
6798
  }
6799
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6799
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6800
6800
  margin-right: 0;
6801
6801
  margin-left: 0;
6802
6802
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6803
6803
  transform: translate(calc(-1 * var(--sidebar-width)));
6804
6804
  }
6805
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6805
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6806
6806
  margin-right: 0;
6807
6807
  margin-left: 0;
6808
6808
  -webkit-transform: translate(0);
package/styles/fabric.css CHANGED
@@ -8771,77 +8771,77 @@ ejs-sidebar {
8771
8771
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
8772
8772
  }
8773
8773
 
8774
- .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 {
8774
+ .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 {
8775
8775
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8776
8776
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8777
8777
  transition: margin 0.5s ease, transform 0.5s ease;
8778
8778
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8779
8779
  }
8780
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8780
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8781
8781
  margin-right: 0;
8782
8782
  -webkit-transform: translateX(0);
8783
8783
  transform: translateX(0);
8784
8784
  margin-left: var(--sidebar-width);
8785
8785
  }
8786
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8786
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8787
8787
  margin-right: 0;
8788
8788
  -webkit-transform: translateX(0);
8789
8789
  transform: translateX(0);
8790
8790
  margin-left: 0;
8791
8791
  }
8792
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8792
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8793
8793
  margin-left: 0;
8794
8794
  -webkit-transform: translateX(0);
8795
8795
  transform: translateX(0);
8796
8796
  margin-right: var(--sidebar-width);
8797
8797
  }
8798
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8798
+ .e-sidebarcontainer > .e-sidebar.e-right.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-left.e-open.e-push + div {
8804
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8805
8805
  margin-right: 0;
8806
8806
  -webkit-transform: translateX(0);
8807
8807
  transform: translateX(0);
8808
8808
  margin-left: var(--sidebar-width);
8809
8809
  }
8810
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8810
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + 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-right.e-open.e-push + div {
8816
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8817
8817
  margin-left: 0;
8818
8818
  -webkit-transform: translateX(0);
8819
8819
  transform: translateX(0);
8820
8820
  margin-right: var(--sidebar-width);
8821
8821
  }
8822
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8822
+ .e-sidebarcontainer > .e-sidebar.e-right.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-left.e-open.e-slide + div {
8828
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8829
8829
  margin-left: 0;
8830
8830
  -webkit-transform: translate(var(--sidebar-width));
8831
8831
  transform: translate(var(--sidebar-width));
8832
8832
  }
8833
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8833
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8834
8834
  margin-left: 0;
8835
8835
  -webkit-transform: translate(0);
8836
8836
  transform: translate(0);
8837
8837
  }
8838
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8838
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8839
8839
  margin-right: 0;
8840
8840
  margin-left: 0;
8841
8841
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8842
8842
  transform: translate(calc(-1 * var(--sidebar-width)));
8843
8843
  }
8844
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8844
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8845
8845
  margin-right: 0;
8846
8846
  margin-left: 0;
8847
8847
  -webkit-transform: translate(0);
package/styles/fluent-dark-lite.css CHANGED
@@ -6808,77 +6808,77 @@ ejs-sidebar {
6808
6808
  box-shadow: 0 0 rgba(0, 0, 0, 0);
6809
6809
  }
6810
6810
 
6811
- .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 {
6811
+ .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 {
6812
6812
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6813
6813
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6814
6814
  transition: margin 0.5s ease, transform 0.5s ease;
6815
6815
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6816
6816
  }
6817
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6817
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6818
6818
  margin-right: 0;
6819
6819
  -webkit-transform: translateX(0);
6820
6820
  transform: translateX(0);
6821
6821
  margin-left: var(--sidebar-width);
6822
6822
  }
6823
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6823
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6824
6824
  margin-right: 0;
6825
6825
  -webkit-transform: translateX(0);
6826
6826
  transform: translateX(0);
6827
6827
  margin-left: 0;
6828
6828
  }
6829
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6829
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6830
6830
  margin-left: 0;
6831
6831
  -webkit-transform: translateX(0);
6832
6832
  transform: translateX(0);
6833
6833
  margin-right: var(--sidebar-width);
6834
6834
  }
6835
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6835
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6836
6836
  margin-right: 0;
6837
6837
  -webkit-transform: translateX(0);
6838
6838
  transform: translateX(0);
6839
6839
  margin-left: 0;
6840
6840
  }
6841
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6841
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6842
6842
  margin-right: 0;
6843
6843
  -webkit-transform: translateX(0);
6844
6844
  transform: translateX(0);
6845
6845
  margin-left: var(--sidebar-width);
6846
6846
  }
6847
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6847
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6848
6848
  margin-right: 0;
6849
6849
  -webkit-transform: translateX(0);
6850
6850
  transform: translateX(0);
6851
6851
  margin-left: 0;
6852
6852
  }
6853
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6853
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6854
6854
  margin-left: 0;
6855
6855
  -webkit-transform: translateX(0);
6856
6856
  transform: translateX(0);
6857
6857
  margin-right: var(--sidebar-width);
6858
6858
  }
6859
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6859
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6860
6860
  margin-right: 0;
6861
6861
  -webkit-transform: translateX(0);
6862
6862
  transform: translateX(0);
6863
6863
  margin-left: 0;
6864
6864
  }
6865
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6865
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6866
6866
  margin-left: 0;
6867
6867
  -webkit-transform: translate(var(--sidebar-width));
6868
6868
  transform: translate(var(--sidebar-width));
6869
6869
  }
6870
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6870
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6871
6871
  margin-left: 0;
6872
6872
  -webkit-transform: translate(0);
6873
6873
  transform: translate(0);
6874
6874
  }
6875
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6875
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6876
6876
  margin-right: 0;
6877
6877
  margin-left: 0;
6878
6878
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6879
6879
  transform: translate(calc(-1 * var(--sidebar-width)));
6880
6880
  }
6881
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6881
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6882
6882
  margin-right: 0;
6883
6883
  margin-left: 0;
6884
6884
  -webkit-transform: translate(0);
package/styles/fluent-dark.css CHANGED
@@ -8954,77 +8954,77 @@ ejs-sidebar {
8954
8954
  box-shadow: 0 0 rgba(0, 0, 0, 0);
8955
8955
  }
8956
8956
 
8957
- .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 {
8957
+ .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 {
8958
8958
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8959
8959
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8960
8960
  transition: margin 0.5s ease, transform 0.5s ease;
8961
8961
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8962
8962
  }
8963
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8963
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8964
8964
  margin-right: 0;
8965
8965
  -webkit-transform: translateX(0);
8966
8966
  transform: translateX(0);
8967
8967
  margin-left: var(--sidebar-width);
8968
8968
  }
8969
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8969
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8970
8970
  margin-right: 0;
8971
8971
  -webkit-transform: translateX(0);
8972
8972
  transform: translateX(0);
8973
8973
  margin-left: 0;
8974
8974
  }
8975
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8975
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8976
8976
  margin-left: 0;
8977
8977
  -webkit-transform: translateX(0);
8978
8978
  transform: translateX(0);
8979
8979
  margin-right: var(--sidebar-width);
8980
8980
  }
8981
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8981
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8982
8982
  margin-right: 0;
8983
8983
  -webkit-transform: translateX(0);
8984
8984
  transform: translateX(0);
8985
8985
  margin-left: 0;
8986
8986
  }
8987
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8987
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8988
8988
  margin-right: 0;
8989
8989
  -webkit-transform: translateX(0);
8990
8990
  transform: translateX(0);
8991
8991
  margin-left: var(--sidebar-width);
8992
8992
  }
8993
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8993
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8994
8994
  margin-right: 0;
8995
8995
  -webkit-transform: translateX(0);
8996
8996
  transform: translateX(0);
8997
8997
  margin-left: 0;
8998
8998
  }
8999
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8999
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9000
9000
  margin-left: 0;
9001
9001
  -webkit-transform: translateX(0);
9002
9002
  transform: translateX(0);
9003
9003
  margin-right: var(--sidebar-width);
9004
9004
  }
9005
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9005
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9006
9006
  margin-right: 0;
9007
9007
  -webkit-transform: translateX(0);
9008
9008
  transform: translateX(0);
9009
9009
  margin-left: 0;
9010
9010
  }
9011
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9011
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9012
9012
  margin-left: 0;
9013
9013
  -webkit-transform: translate(var(--sidebar-width));
9014
9014
  transform: translate(var(--sidebar-width));
9015
9015
  }
9016
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9016
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9017
9017
  margin-left: 0;
9018
9018
  -webkit-transform: translate(0);
9019
9019
  transform: translate(0);
9020
9020
  }
9021
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9021
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9022
9022
  margin-right: 0;
9023
9023
  margin-left: 0;
9024
9024
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9025
9025
  transform: translate(calc(-1 * var(--sidebar-width)));
9026
9026
  }
9027
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9027
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9028
9028
  margin-right: 0;
9029
9029
  margin-left: 0;
9030
9030
  -webkit-transform: translate(0);
package/styles/fluent-lite.css CHANGED
@@ -6808,77 +6808,77 @@ ejs-sidebar {
6808
6808
  box-shadow: 0 0 rgba(0, 0, 0, 0);
6809
6809
  }
6810
6810
 
6811
- .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 {
6811
+ .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 {
6812
6812
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6813
6813
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6814
6814
  transition: margin 0.5s ease, transform 0.5s ease;
6815
6815
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6816
6816
  }
6817
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6817
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6818
6818
  margin-right: 0;
6819
6819
  -webkit-transform: translateX(0);
6820
6820
  transform: translateX(0);
6821
6821
  margin-left: var(--sidebar-width);
6822
6822
  }
6823
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6823
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6824
6824
  margin-right: 0;
6825
6825
  -webkit-transform: translateX(0);
6826
6826
  transform: translateX(0);
6827
6827
  margin-left: 0;
6828
6828
  }
6829
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6829
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6830
6830
  margin-left: 0;
6831
6831
  -webkit-transform: translateX(0);
6832
6832
  transform: translateX(0);
6833
6833
  margin-right: var(--sidebar-width);
6834
6834
  }
6835
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6835
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6836
6836
  margin-right: 0;
6837
6837
  -webkit-transform: translateX(0);
6838
6838
  transform: translateX(0);
6839
6839
  margin-left: 0;
6840
6840
  }
6841
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6841
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6842
6842
  margin-right: 0;
6843
6843
  -webkit-transform: translateX(0);
6844
6844
  transform: translateX(0);
6845
6845
  margin-left: var(--sidebar-width);
6846
6846
  }
6847
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6847
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6848
6848
  margin-right: 0;
6849
6849
  -webkit-transform: translateX(0);
6850
6850
  transform: translateX(0);
6851
6851
  margin-left: 0;
6852
6852
  }
6853
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6853
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6854
6854
  margin-left: 0;
6855
6855
  -webkit-transform: translateX(0);
6856
6856
  transform: translateX(0);
6857
6857
  margin-right: var(--sidebar-width);
6858
6858
  }
6859
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6859
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6860
6860
  margin-right: 0;
6861
6861
  -webkit-transform: translateX(0);
6862
6862
  transform: translateX(0);
6863
6863
  margin-left: 0;
6864
6864
  }
6865
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6865
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6866
6866
  margin-left: 0;
6867
6867
  -webkit-transform: translate(var(--sidebar-width));
6868
6868
  transform: translate(var(--sidebar-width));
6869
6869
  }
6870
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6870
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6871
6871
  margin-left: 0;
6872
6872
  -webkit-transform: translate(0);
6873
6873
  transform: translate(0);
6874
6874
  }
6875
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6875
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6876
6876
  margin-right: 0;
6877
6877
  margin-left: 0;
6878
6878
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6879
6879
  transform: translate(calc(-1 * var(--sidebar-width)));
6880
6880
  }
6881
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6881
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6882
6882
  margin-right: 0;
6883
6883
  margin-left: 0;
6884
6884
  -webkit-transform: translate(0);