@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/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);
package/styles/fluent.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/fluent2-lite.css CHANGED
@@ -9039,77 +9039,77 @@ ejs-sidebar {
9039
9039
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9040
9040
  }
9041
9041
 
9042
- .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 {
9042
+ .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 {
9043
9043
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9044
9044
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9045
9045
  transition: margin 0.5s ease, transform 0.5s ease;
9046
9046
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9047
9047
  }
9048
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9048
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9049
9049
  margin-right: 0;
9050
9050
  -webkit-transform: translateX(0);
9051
9051
  transform: translateX(0);
9052
9052
  margin-left: var(--sidebar-width);
9053
9053
  }
9054
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9054
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9055
9055
  margin-right: 0;
9056
9056
  -webkit-transform: translateX(0);
9057
9057
  transform: translateX(0);
9058
9058
  margin-left: 0;
9059
9059
  }
9060
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9060
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9061
9061
  margin-left: 0;
9062
9062
  -webkit-transform: translateX(0);
9063
9063
  transform: translateX(0);
9064
9064
  margin-right: var(--sidebar-width);
9065
9065
  }
9066
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9066
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9067
9067
  margin-right: 0;
9068
9068
  -webkit-transform: translateX(0);
9069
9069
  transform: translateX(0);
9070
9070
  margin-left: 0;
9071
9071
  }
9072
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9072
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9073
9073
  margin-right: 0;
9074
9074
  -webkit-transform: translateX(0);
9075
9075
  transform: translateX(0);
9076
9076
  margin-left: var(--sidebar-width);
9077
9077
  }
9078
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9078
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9079
9079
  margin-right: 0;
9080
9080
  -webkit-transform: translateX(0);
9081
9081
  transform: translateX(0);
9082
9082
  margin-left: 0;
9083
9083
  }
9084
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9084
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9085
9085
  margin-left: 0;
9086
9086
  -webkit-transform: translateX(0);
9087
9087
  transform: translateX(0);
9088
9088
  margin-right: var(--sidebar-width);
9089
9089
  }
9090
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9090
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9091
9091
  margin-right: 0;
9092
9092
  -webkit-transform: translateX(0);
9093
9093
  transform: translateX(0);
9094
9094
  margin-left: 0;
9095
9095
  }
9096
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9096
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9097
9097
  margin-left: 0;
9098
9098
  -webkit-transform: translate(var(--sidebar-width));
9099
9099
  transform: translate(var(--sidebar-width));
9100
9100
  }
9101
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9101
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9102
9102
  margin-left: 0;
9103
9103
  -webkit-transform: translate(0);
9104
9104
  transform: translate(0);
9105
9105
  }
9106
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9106
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9107
9107
  margin-right: 0;
9108
9108
  margin-left: 0;
9109
9109
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9110
9110
  transform: translate(calc(-1 * var(--sidebar-width)));
9111
9111
  }
9112
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9112
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9113
9113
  margin-right: 0;
9114
9114
  margin-left: 0;
9115
9115
  -webkit-transform: translate(0);