@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/styles/fluent2.css CHANGED
@@ -11916,77 +11916,77 @@ ejs-sidebar {
11916
11916
  box-shadow: 0 0 rgba(0, 0, 0, 0);
11917
11917
  }
11918
11918
 
11919
- .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 {
11919
+ .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 {
11920
11920
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11921
11921
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11922
11922
  transition: margin 0.5s ease, transform 0.5s ease;
11923
11923
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
11924
11924
  }
11925
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
11925
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
11926
11926
  margin-right: 0;
11927
11927
  -webkit-transform: translateX(0);
11928
11928
  transform: translateX(0);
11929
11929
  margin-left: var(--sidebar-width);
11930
11930
  }
11931
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
11931
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
11932
11932
  margin-right: 0;
11933
11933
  -webkit-transform: translateX(0);
11934
11934
  transform: translateX(0);
11935
11935
  margin-left: 0;
11936
11936
  }
11937
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
11937
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
11938
11938
  margin-left: 0;
11939
11939
  -webkit-transform: translateX(0);
11940
11940
  transform: translateX(0);
11941
11941
  margin-right: var(--sidebar-width);
11942
11942
  }
11943
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
11943
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
11944
11944
  margin-right: 0;
11945
11945
  -webkit-transform: translateX(0);
11946
11946
  transform: translateX(0);
11947
11947
  margin-left: 0;
11948
11948
  }
11949
- .e-sidebarcontainer.e-left.e-open.e-push + div {
11949
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
11950
11950
  margin-right: 0;
11951
11951
  -webkit-transform: translateX(0);
11952
11952
  transform: translateX(0);
11953
11953
  margin-left: var(--sidebar-width);
11954
11954
  }
11955
- .e-sidebarcontainer.e-left.e-close.e-push + div {
11955
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
11956
11956
  margin-right: 0;
11957
11957
  -webkit-transform: translateX(0);
11958
11958
  transform: translateX(0);
11959
11959
  margin-left: 0;
11960
11960
  }
11961
- .e-sidebarcontainer.e-right.e-open.e-push + div {
11961
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
11962
11962
  margin-left: 0;
11963
11963
  -webkit-transform: translateX(0);
11964
11964
  transform: translateX(0);
11965
11965
  margin-right: var(--sidebar-width);
11966
11966
  }
11967
- .e-sidebarcontainer.e-right.e-close.e-push + div {
11967
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
11968
11968
  margin-right: 0;
11969
11969
  -webkit-transform: translateX(0);
11970
11970
  transform: translateX(0);
11971
11971
  margin-left: 0;
11972
11972
  }
11973
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
11973
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
11974
11974
  margin-left: 0;
11975
11975
  -webkit-transform: translate(var(--sidebar-width));
11976
11976
  transform: translate(var(--sidebar-width));
11977
11977
  }
11978
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
11978
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
11979
11979
  margin-left: 0;
11980
11980
  -webkit-transform: translate(0);
11981
11981
  transform: translate(0);
11982
11982
  }
11983
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
11983
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
11984
11984
  margin-right: 0;
11985
11985
  margin-left: 0;
11986
11986
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
11987
11987
  transform: translate(calc(-1 * var(--sidebar-width)));
11988
11988
  }
11989
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
11989
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
11990
11990
  margin-right: 0;
11991
11991
  margin-left: 0;
11992
11992
  -webkit-transform: translate(0);
package/styles/highcontrast-light-lite.css CHANGED
@@ -6717,77 +6717,77 @@ ejs-sidebar {
6717
6717
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
6718
6718
  }
6719
6719
 
6720
- .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 {
6720
+ .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 {
6721
6721
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6722
6722
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6723
6723
  transition: margin 0.5s ease, transform 0.5s ease;
6724
6724
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6725
6725
  }
6726
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6726
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6727
6727
  margin-right: 0;
6728
6728
  -webkit-transform: translateX(0);
6729
6729
  transform: translateX(0);
6730
6730
  margin-left: var(--sidebar-width);
6731
6731
  }
6732
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6732
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6733
6733
  margin-right: 0;
6734
6734
  -webkit-transform: translateX(0);
6735
6735
  transform: translateX(0);
6736
6736
  margin-left: 0;
6737
6737
  }
6738
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6738
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6739
6739
  margin-left: 0;
6740
6740
  -webkit-transform: translateX(0);
6741
6741
  transform: translateX(0);
6742
6742
  margin-right: var(--sidebar-width);
6743
6743
  }
6744
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6744
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6745
6745
  margin-right: 0;
6746
6746
  -webkit-transform: translateX(0);
6747
6747
  transform: translateX(0);
6748
6748
  margin-left: 0;
6749
6749
  }
6750
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6750
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6751
6751
  margin-right: 0;
6752
6752
  -webkit-transform: translateX(0);
6753
6753
  transform: translateX(0);
6754
6754
  margin-left: var(--sidebar-width);
6755
6755
  }
6756
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6756
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6757
6757
  margin-right: 0;
6758
6758
  -webkit-transform: translateX(0);
6759
6759
  transform: translateX(0);
6760
6760
  margin-left: 0;
6761
6761
  }
6762
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6762
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6763
6763
  margin-left: 0;
6764
6764
  -webkit-transform: translateX(0);
6765
6765
  transform: translateX(0);
6766
6766
  margin-right: var(--sidebar-width);
6767
6767
  }
6768
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6768
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6769
6769
  margin-right: 0;
6770
6770
  -webkit-transform: translateX(0);
6771
6771
  transform: translateX(0);
6772
6772
  margin-left: 0;
6773
6773
  }
6774
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6774
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6775
6775
  margin-left: 0;
6776
6776
  -webkit-transform: translate(var(--sidebar-width));
6777
6777
  transform: translate(var(--sidebar-width));
6778
6778
  }
6779
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6779
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6780
6780
  margin-left: 0;
6781
6781
  -webkit-transform: translate(0);
6782
6782
  transform: translate(0);
6783
6783
  }
6784
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6784
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6785
6785
  margin-right: 0;
6786
6786
  margin-left: 0;
6787
6787
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6788
6788
  transform: translate(calc(-1 * var(--sidebar-width)));
6789
6789
  }
6790
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6790
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6791
6791
  margin-right: 0;
6792
6792
  margin-left: 0;
6793
6793
  -webkit-transform: translate(0);
package/styles/highcontrast-light.css CHANGED
@@ -8754,77 +8754,77 @@ ejs-sidebar {
8754
8754
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
8755
8755
  }
8756
8756
 
8757
- .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 {
8757
+ .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 {
8758
8758
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8759
8759
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8760
8760
  transition: margin 0.5s ease, transform 0.5s ease;
8761
8761
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8762
8762
  }
8763
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8763
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8764
8764
  margin-right: 0;
8765
8765
  -webkit-transform: translateX(0);
8766
8766
  transform: translateX(0);
8767
8767
  margin-left: var(--sidebar-width);
8768
8768
  }
8769
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8769
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8770
8770
  margin-right: 0;
8771
8771
  -webkit-transform: translateX(0);
8772
8772
  transform: translateX(0);
8773
8773
  margin-left: 0;
8774
8774
  }
8775
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8775
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8776
8776
  margin-left: 0;
8777
8777
  -webkit-transform: translateX(0);
8778
8778
  transform: translateX(0);
8779
8779
  margin-right: var(--sidebar-width);
8780
8780
  }
8781
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8781
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8782
8782
  margin-right: 0;
8783
8783
  -webkit-transform: translateX(0);
8784
8784
  transform: translateX(0);
8785
8785
  margin-left: 0;
8786
8786
  }
8787
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8787
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8788
8788
  margin-right: 0;
8789
8789
  -webkit-transform: translateX(0);
8790
8790
  transform: translateX(0);
8791
8791
  margin-left: var(--sidebar-width);
8792
8792
  }
8793
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8793
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8794
8794
  margin-right: 0;
8795
8795
  -webkit-transform: translateX(0);
8796
8796
  transform: translateX(0);
8797
8797
  margin-left: 0;
8798
8798
  }
8799
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8799
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8800
8800
  margin-left: 0;
8801
8801
  -webkit-transform: translateX(0);
8802
8802
  transform: translateX(0);
8803
8803
  margin-right: var(--sidebar-width);
8804
8804
  }
8805
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8805
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8806
8806
  margin-right: 0;
8807
8807
  -webkit-transform: translateX(0);
8808
8808
  transform: translateX(0);
8809
8809
  margin-left: 0;
8810
8810
  }
8811
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8811
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8812
8812
  margin-left: 0;
8813
8813
  -webkit-transform: translate(var(--sidebar-width));
8814
8814
  transform: translate(var(--sidebar-width));
8815
8815
  }
8816
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8816
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8817
8817
  margin-left: 0;
8818
8818
  -webkit-transform: translate(0);
8819
8819
  transform: translate(0);
8820
8820
  }
8821
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8821
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8822
8822
  margin-right: 0;
8823
8823
  margin-left: 0;
8824
8824
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8825
8825
  transform: translate(calc(-1 * var(--sidebar-width)));
8826
8826
  }
8827
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8827
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8828
8828
  margin-right: 0;
8829
8829
  margin-left: 0;
8830
8830
  -webkit-transform: translate(0);
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);