@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/highcontrast-lite.css CHANGED
@@ -6761,77 +6761,77 @@ ejs-sidebar {
6761
6761
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
6762
6762
  }
6763
6763
 
6764
- .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 {
6764
+ .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 {
6765
6765
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6766
6766
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6767
6767
  transition: margin 0.5s ease, transform 0.5s ease;
6768
6768
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6769
6769
  }
6770
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6770
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6771
6771
  margin-right: 0;
6772
6772
  -webkit-transform: translateX(0);
6773
6773
  transform: translateX(0);
6774
6774
  margin-left: var(--sidebar-width);
6775
6775
  }
6776
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6776
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6777
6777
  margin-right: 0;
6778
6778
  -webkit-transform: translateX(0);
6779
6779
  transform: translateX(0);
6780
6780
  margin-left: 0;
6781
6781
  }
6782
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6782
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6783
6783
  margin-left: 0;
6784
6784
  -webkit-transform: translateX(0);
6785
6785
  transform: translateX(0);
6786
6786
  margin-right: var(--sidebar-width);
6787
6787
  }
6788
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6788
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6789
6789
  margin-right: 0;
6790
6790
  -webkit-transform: translateX(0);
6791
6791
  transform: translateX(0);
6792
6792
  margin-left: 0;
6793
6793
  }
6794
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6794
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6795
6795
  margin-right: 0;
6796
6796
  -webkit-transform: translateX(0);
6797
6797
  transform: translateX(0);
6798
6798
  margin-left: var(--sidebar-width);
6799
6799
  }
6800
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6800
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6801
6801
  margin-right: 0;
6802
6802
  -webkit-transform: translateX(0);
6803
6803
  transform: translateX(0);
6804
6804
  margin-left: 0;
6805
6805
  }
6806
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6806
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6807
6807
  margin-left: 0;
6808
6808
  -webkit-transform: translateX(0);
6809
6809
  transform: translateX(0);
6810
6810
  margin-right: var(--sidebar-width);
6811
6811
  }
6812
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6812
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6813
6813
  margin-right: 0;
6814
6814
  -webkit-transform: translateX(0);
6815
6815
  transform: translateX(0);
6816
6816
  margin-left: 0;
6817
6817
  }
6818
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6818
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6819
6819
  margin-left: 0;
6820
6820
  -webkit-transform: translate(var(--sidebar-width));
6821
6821
  transform: translate(var(--sidebar-width));
6822
6822
  }
6823
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6823
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6824
6824
  margin-left: 0;
6825
6825
  -webkit-transform: translate(0);
6826
6826
  transform: translate(0);
6827
6827
  }
6828
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6828
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6829
6829
  margin-right: 0;
6830
6830
  margin-left: 0;
6831
6831
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6832
6832
  transform: translate(calc(-1 * var(--sidebar-width)));
6833
6833
  }
6834
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6834
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6835
6835
  margin-right: 0;
6836
6836
  margin-left: 0;
6837
6837
  -webkit-transform: translate(0);
package/styles/highcontrast.css CHANGED
@@ -8808,77 +8808,77 @@ ejs-sidebar {
8808
8808
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
8809
8809
  }
8810
8810
 
8811
- .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 {
8811
+ .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 {
8812
8812
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8813
8813
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8814
8814
  transition: margin 0.5s ease, transform 0.5s ease;
8815
8815
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8816
8816
  }
8817
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8817
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8818
8818
  margin-right: 0;
8819
8819
  -webkit-transform: translateX(0);
8820
8820
  transform: translateX(0);
8821
8821
  margin-left: var(--sidebar-width);
8822
8822
  }
8823
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8823
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8824
8824
  margin-right: 0;
8825
8825
  -webkit-transform: translateX(0);
8826
8826
  transform: translateX(0);
8827
8827
  margin-left: 0;
8828
8828
  }
8829
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8829
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8830
8830
  margin-left: 0;
8831
8831
  -webkit-transform: translateX(0);
8832
8832
  transform: translateX(0);
8833
8833
  margin-right: var(--sidebar-width);
8834
8834
  }
8835
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8835
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8836
8836
  margin-right: 0;
8837
8837
  -webkit-transform: translateX(0);
8838
8838
  transform: translateX(0);
8839
8839
  margin-left: 0;
8840
8840
  }
8841
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8841
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8842
8842
  margin-right: 0;
8843
8843
  -webkit-transform: translateX(0);
8844
8844
  transform: translateX(0);
8845
8845
  margin-left: var(--sidebar-width);
8846
8846
  }
8847
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8847
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8848
8848
  margin-right: 0;
8849
8849
  -webkit-transform: translateX(0);
8850
8850
  transform: translateX(0);
8851
8851
  margin-left: 0;
8852
8852
  }
8853
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8853
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8854
8854
  margin-left: 0;
8855
8855
  -webkit-transform: translateX(0);
8856
8856
  transform: translateX(0);
8857
8857
  margin-right: var(--sidebar-width);
8858
8858
  }
8859
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8859
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8860
8860
  margin-right: 0;
8861
8861
  -webkit-transform: translateX(0);
8862
8862
  transform: translateX(0);
8863
8863
  margin-left: 0;
8864
8864
  }
8865
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8865
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8866
8866
  margin-left: 0;
8867
8867
  -webkit-transform: translate(var(--sidebar-width));
8868
8868
  transform: translate(var(--sidebar-width));
8869
8869
  }
8870
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8870
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8871
8871
  margin-left: 0;
8872
8872
  -webkit-transform: translate(0);
8873
8873
  transform: translate(0);
8874
8874
  }
8875
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8875
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8876
8876
  margin-right: 0;
8877
8877
  margin-left: 0;
8878
8878
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8879
8879
  transform: translate(calc(-1 * var(--sidebar-width)));
8880
8880
  }
8881
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8881
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8882
8882
  margin-right: 0;
8883
8883
  margin-left: 0;
8884
8884
  -webkit-transform: translate(0);
package/styles/material-dark-lite.css CHANGED
@@ -7017,77 +7017,77 @@ ejs-sidebar {
7017
7017
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
7018
7018
  }
7019
7019
 
7020
- .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 {
7020
+ .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 {
7021
7021
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7022
7022
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7023
7023
  transition: margin 0.5s ease, transform 0.5s ease;
7024
7024
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
7025
7025
  }
7026
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
7026
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
7027
7027
  margin-right: 0;
7028
7028
  -webkit-transform: translateX(0);
7029
7029
  transform: translateX(0);
7030
7030
  margin-left: var(--sidebar-width);
7031
7031
  }
7032
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
7032
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
7033
7033
  margin-right: 0;
7034
7034
  -webkit-transform: translateX(0);
7035
7035
  transform: translateX(0);
7036
7036
  margin-left: 0;
7037
7037
  }
7038
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
7038
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
7039
7039
  margin-left: 0;
7040
7040
  -webkit-transform: translateX(0);
7041
7041
  transform: translateX(0);
7042
7042
  margin-right: var(--sidebar-width);
7043
7043
  }
7044
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
7044
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
7045
7045
  margin-right: 0;
7046
7046
  -webkit-transform: translateX(0);
7047
7047
  transform: translateX(0);
7048
7048
  margin-left: 0;
7049
7049
  }
7050
- .e-sidebarcontainer.e-left.e-open.e-push + div {
7050
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
7051
7051
  margin-right: 0;
7052
7052
  -webkit-transform: translateX(0);
7053
7053
  transform: translateX(0);
7054
7054
  margin-left: var(--sidebar-width);
7055
7055
  }
7056
- .e-sidebarcontainer.e-left.e-close.e-push + div {
7056
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
7057
7057
  margin-right: 0;
7058
7058
  -webkit-transform: translateX(0);
7059
7059
  transform: translateX(0);
7060
7060
  margin-left: 0;
7061
7061
  }
7062
- .e-sidebarcontainer.e-right.e-open.e-push + div {
7062
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
7063
7063
  margin-left: 0;
7064
7064
  -webkit-transform: translateX(0);
7065
7065
  transform: translateX(0);
7066
7066
  margin-right: var(--sidebar-width);
7067
7067
  }
7068
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7068
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7069
7069
  margin-right: 0;
7070
7070
  -webkit-transform: translateX(0);
7071
7071
  transform: translateX(0);
7072
7072
  margin-left: 0;
7073
7073
  }
7074
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7074
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7075
7075
  margin-left: 0;
7076
7076
  -webkit-transform: translate(var(--sidebar-width));
7077
7077
  transform: translate(var(--sidebar-width));
7078
7078
  }
7079
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7079
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7080
7080
  margin-left: 0;
7081
7081
  -webkit-transform: translate(0);
7082
7082
  transform: translate(0);
7083
7083
  }
7084
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7084
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7085
7085
  margin-right: 0;
7086
7086
  margin-left: 0;
7087
7087
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7088
7088
  transform: translate(calc(-1 * var(--sidebar-width)));
7089
7089
  }
7090
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7090
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7091
7091
  margin-right: 0;
7092
7092
  margin-left: 0;
7093
7093
  -webkit-transform: translate(0);
package/styles/material-dark.css CHANGED
@@ -9125,77 +9125,77 @@ ejs-sidebar {
9125
9125
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
9126
9126
  }
9127
9127
 
9128
- .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 {
9128
+ .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 {
9129
9129
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9130
9130
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9131
9131
  transition: margin 0.5s ease, transform 0.5s ease;
9132
9132
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9133
9133
  }
9134
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9134
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9135
9135
  margin-right: 0;
9136
9136
  -webkit-transform: translateX(0);
9137
9137
  transform: translateX(0);
9138
9138
  margin-left: var(--sidebar-width);
9139
9139
  }
9140
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9140
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9141
9141
  margin-right: 0;
9142
9142
  -webkit-transform: translateX(0);
9143
9143
  transform: translateX(0);
9144
9144
  margin-left: 0;
9145
9145
  }
9146
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9146
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9147
9147
  margin-left: 0;
9148
9148
  -webkit-transform: translateX(0);
9149
9149
  transform: translateX(0);
9150
9150
  margin-right: var(--sidebar-width);
9151
9151
  }
9152
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9152
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9153
9153
  margin-right: 0;
9154
9154
  -webkit-transform: translateX(0);
9155
9155
  transform: translateX(0);
9156
9156
  margin-left: 0;
9157
9157
  }
9158
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9158
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9159
9159
  margin-right: 0;
9160
9160
  -webkit-transform: translateX(0);
9161
9161
  transform: translateX(0);
9162
9162
  margin-left: var(--sidebar-width);
9163
9163
  }
9164
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9164
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9165
9165
  margin-right: 0;
9166
9166
  -webkit-transform: translateX(0);
9167
9167
  transform: translateX(0);
9168
9168
  margin-left: 0;
9169
9169
  }
9170
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9170
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9171
9171
  margin-left: 0;
9172
9172
  -webkit-transform: translateX(0);
9173
9173
  transform: translateX(0);
9174
9174
  margin-right: var(--sidebar-width);
9175
9175
  }
9176
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9176
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9177
9177
  margin-right: 0;
9178
9178
  -webkit-transform: translateX(0);
9179
9179
  transform: translateX(0);
9180
9180
  margin-left: 0;
9181
9181
  }
9182
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9182
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9183
9183
  margin-left: 0;
9184
9184
  -webkit-transform: translate(var(--sidebar-width));
9185
9185
  transform: translate(var(--sidebar-width));
9186
9186
  }
9187
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9187
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9188
9188
  margin-left: 0;
9189
9189
  -webkit-transform: translate(0);
9190
9190
  transform: translate(0);
9191
9191
  }
9192
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9192
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9193
9193
  margin-right: 0;
9194
9194
  margin-left: 0;
9195
9195
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9196
9196
  transform: translate(calc(-1 * var(--sidebar-width)));
9197
9197
  }
9198
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9198
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9199
9199
  margin-right: 0;
9200
9200
  margin-left: 0;
9201
9201
  -webkit-transform: translate(0);
package/styles/material-lite.css CHANGED
@@ -7047,77 +7047,77 @@ ejs-sidebar {
7047
7047
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);
7048
7048
  }
7049
7049
 
7050
- .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 {
7050
+ .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 {
7051
7051
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7052
7052
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7053
7053
  transition: margin 0.5s ease, transform 0.5s ease;
7054
7054
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
7055
7055
  }
7056
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
7056
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
7057
7057
  margin-right: 0;
7058
7058
  -webkit-transform: translateX(0);
7059
7059
  transform: translateX(0);
7060
7060
  margin-left: var(--sidebar-width);
7061
7061
  }
7062
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
7062
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
7063
7063
  margin-right: 0;
7064
7064
  -webkit-transform: translateX(0);
7065
7065
  transform: translateX(0);
7066
7066
  margin-left: 0;
7067
7067
  }
7068
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
7068
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
7069
7069
  margin-left: 0;
7070
7070
  -webkit-transform: translateX(0);
7071
7071
  transform: translateX(0);
7072
7072
  margin-right: var(--sidebar-width);
7073
7073
  }
7074
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
7074
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
7075
7075
  margin-right: 0;
7076
7076
  -webkit-transform: translateX(0);
7077
7077
  transform: translateX(0);
7078
7078
  margin-left: 0;
7079
7079
  }
7080
- .e-sidebarcontainer.e-left.e-open.e-push + div {
7080
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
7081
7081
  margin-right: 0;
7082
7082
  -webkit-transform: translateX(0);
7083
7083
  transform: translateX(0);
7084
7084
  margin-left: var(--sidebar-width);
7085
7085
  }
7086
- .e-sidebarcontainer.e-left.e-close.e-push + div {
7086
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
7087
7087
  margin-right: 0;
7088
7088
  -webkit-transform: translateX(0);
7089
7089
  transform: translateX(0);
7090
7090
  margin-left: 0;
7091
7091
  }
7092
- .e-sidebarcontainer.e-right.e-open.e-push + div {
7092
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
7093
7093
  margin-left: 0;
7094
7094
  -webkit-transform: translateX(0);
7095
7095
  transform: translateX(0);
7096
7096
  margin-right: var(--sidebar-width);
7097
7097
  }
7098
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7098
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7099
7099
  margin-right: 0;
7100
7100
  -webkit-transform: translateX(0);
7101
7101
  transform: translateX(0);
7102
7102
  margin-left: 0;
7103
7103
  }
7104
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7104
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7105
7105
  margin-left: 0;
7106
7106
  -webkit-transform: translate(var(--sidebar-width));
7107
7107
  transform: translate(var(--sidebar-width));
7108
7108
  }
7109
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7109
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7110
7110
  margin-left: 0;
7111
7111
  -webkit-transform: translate(0);
7112
7112
  transform: translate(0);
7113
7113
  }
7114
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7114
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7115
7115
  margin-right: 0;
7116
7116
  margin-left: 0;
7117
7117
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7118
7118
  transform: translate(calc(-1 * var(--sidebar-width)));
7119
7119
  }
7120
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7120
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7121
7121
  margin-right: 0;
7122
7122
  margin-left: 0;
7123
7123
  -webkit-transform: translate(0);
package/styles/material.css CHANGED
@@ -9152,77 +9152,77 @@ ejs-sidebar {
9152
9152
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);
9153
9153
  }
9154
9154
 
9155
- .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 {
9155
+ .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 {
9156
9156
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9157
9157
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9158
9158
  transition: margin 0.5s ease, transform 0.5s ease;
9159
9159
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9160
9160
  }
9161
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9161
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9162
9162
  margin-right: 0;
9163
9163
  -webkit-transform: translateX(0);
9164
9164
  transform: translateX(0);
9165
9165
  margin-left: var(--sidebar-width);
9166
9166
  }
9167
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9167
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9168
9168
  margin-right: 0;
9169
9169
  -webkit-transform: translateX(0);
9170
9170
  transform: translateX(0);
9171
9171
  margin-left: 0;
9172
9172
  }
9173
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9173
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9174
9174
  margin-left: 0;
9175
9175
  -webkit-transform: translateX(0);
9176
9176
  transform: translateX(0);
9177
9177
  margin-right: var(--sidebar-width);
9178
9178
  }
9179
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9179
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9180
9180
  margin-right: 0;
9181
9181
  -webkit-transform: translateX(0);
9182
9182
  transform: translateX(0);
9183
9183
  margin-left: 0;
9184
9184
  }
9185
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9185
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9186
9186
  margin-right: 0;
9187
9187
  -webkit-transform: translateX(0);
9188
9188
  transform: translateX(0);
9189
9189
  margin-left: var(--sidebar-width);
9190
9190
  }
9191
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9191
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9192
9192
  margin-right: 0;
9193
9193
  -webkit-transform: translateX(0);
9194
9194
  transform: translateX(0);
9195
9195
  margin-left: 0;
9196
9196
  }
9197
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9197
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9198
9198
  margin-left: 0;
9199
9199
  -webkit-transform: translateX(0);
9200
9200
  transform: translateX(0);
9201
9201
  margin-right: var(--sidebar-width);
9202
9202
  }
9203
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9203
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9204
9204
  margin-right: 0;
9205
9205
  -webkit-transform: translateX(0);
9206
9206
  transform: translateX(0);
9207
9207
  margin-left: 0;
9208
9208
  }
9209
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9209
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9210
9210
  margin-left: 0;
9211
9211
  -webkit-transform: translate(var(--sidebar-width));
9212
9212
  transform: translate(var(--sidebar-width));
9213
9213
  }
9214
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9214
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9215
9215
  margin-left: 0;
9216
9216
  -webkit-transform: translate(0);
9217
9217
  transform: translate(0);
9218
9218
  }
9219
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9219
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9220
9220
  margin-right: 0;
9221
9221
  margin-left: 0;
9222
9222
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9223
9223
  transform: translate(calc(-1 * var(--sidebar-width)));
9224
9224
  }
9225
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9225
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9226
9226
  margin-right: 0;
9227
9227
  margin-left: 0;
9228
9228
  -webkit-transform: translate(0);