@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/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
@@ -1290,11 +1290,9 @@
1290
1290
  background-repeat: repeat-x;
1291
1291
  }
1292
1292
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1293
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
1294
1293
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
1295
1294
  }
1296
1295
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1297
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
1298
1296
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
1299
1297
  }
1300
1298
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1699,11 +1697,9 @@
1699
1697
  background-repeat: repeat-x;
1700
1698
  }
1701
1699
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1702
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
1703
1700
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
1704
1701
  }
1705
1702
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1706
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
1707
1703
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
1708
1704
  }
1709
1705
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -9043,77 +9039,77 @@ ejs-sidebar {
9043
9039
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9044
9040
  }
9045
9041
 
9046
- .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 {
9047
9043
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9048
9044
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9049
9045
  transition: margin 0.5s ease, transform 0.5s ease;
9050
9046
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9051
9047
  }
9052
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9048
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9053
9049
  margin-right: 0;
9054
9050
  -webkit-transform: translateX(0);
9055
9051
  transform: translateX(0);
9056
9052
  margin-left: var(--sidebar-width);
9057
9053
  }
9058
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9054
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9059
9055
  margin-right: 0;
9060
9056
  -webkit-transform: translateX(0);
9061
9057
  transform: translateX(0);
9062
9058
  margin-left: 0;
9063
9059
  }
9064
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9060
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9065
9061
  margin-left: 0;
9066
9062
  -webkit-transform: translateX(0);
9067
9063
  transform: translateX(0);
9068
9064
  margin-right: var(--sidebar-width);
9069
9065
  }
9070
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9066
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9071
9067
  margin-right: 0;
9072
9068
  -webkit-transform: translateX(0);
9073
9069
  transform: translateX(0);
9074
9070
  margin-left: 0;
9075
9071
  }
9076
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9072
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9077
9073
  margin-right: 0;
9078
9074
  -webkit-transform: translateX(0);
9079
9075
  transform: translateX(0);
9080
9076
  margin-left: var(--sidebar-width);
9081
9077
  }
9082
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9078
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9083
9079
  margin-right: 0;
9084
9080
  -webkit-transform: translateX(0);
9085
9081
  transform: translateX(0);
9086
9082
  margin-left: 0;
9087
9083
  }
9088
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9084
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9089
9085
  margin-left: 0;
9090
9086
  -webkit-transform: translateX(0);
9091
9087
  transform: translateX(0);
9092
9088
  margin-right: var(--sidebar-width);
9093
9089
  }
9094
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9090
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9095
9091
  margin-right: 0;
9096
9092
  -webkit-transform: translateX(0);
9097
9093
  transform: translateX(0);
9098
9094
  margin-left: 0;
9099
9095
  }
9100
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9096
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9101
9097
  margin-left: 0;
9102
9098
  -webkit-transform: translate(var(--sidebar-width));
9103
9099
  transform: translate(var(--sidebar-width));
9104
9100
  }
9105
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9101
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9106
9102
  margin-left: 0;
9107
9103
  -webkit-transform: translate(0);
9108
9104
  transform: translate(0);
9109
9105
  }
9110
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9106
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9111
9107
  margin-right: 0;
9112
9108
  margin-left: 0;
9113
9109
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9114
9110
  transform: translate(calc(-1 * var(--sidebar-width)));
9115
9111
  }
9116
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9112
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9117
9113
  margin-right: 0;
9118
9114
  margin-left: 0;
9119
9115
  -webkit-transform: translate(0);
package/styles/fluent2.css CHANGED
@@ -1601,11 +1601,9 @@
1601
1601
  background-repeat: repeat-x;
1602
1602
  }
1603
1603
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1604
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
1605
1604
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
1606
1605
  }
1607
1606
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1608
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
1609
1607
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
1610
1608
  }
1611
1609
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -2143,11 +2141,9 @@
2143
2141
  background-repeat: repeat-x;
2144
2142
  }
2145
2143
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
2146
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
2147
2144
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
2148
2145
  }
2149
2146
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
2150
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
2151
2147
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
2152
2148
  }
2153
2149
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -11920,77 +11916,77 @@ ejs-sidebar {
11920
11916
  box-shadow: 0 0 rgba(0, 0, 0, 0);
11921
11917
  }
11922
11918
 
11923
- .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 {
11924
11920
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11925
11921
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11926
11922
  transition: margin 0.5s ease, transform 0.5s ease;
11927
11923
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
11928
11924
  }
11929
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
11925
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
11930
11926
  margin-right: 0;
11931
11927
  -webkit-transform: translateX(0);
11932
11928
  transform: translateX(0);
11933
11929
  margin-left: var(--sidebar-width);
11934
11930
  }
11935
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
11931
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
11936
11932
  margin-right: 0;
11937
11933
  -webkit-transform: translateX(0);
11938
11934
  transform: translateX(0);
11939
11935
  margin-left: 0;
11940
11936
  }
11941
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
11937
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
11942
11938
  margin-left: 0;
11943
11939
  -webkit-transform: translateX(0);
11944
11940
  transform: translateX(0);
11945
11941
  margin-right: var(--sidebar-width);
11946
11942
  }
11947
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
11943
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
11948
11944
  margin-right: 0;
11949
11945
  -webkit-transform: translateX(0);
11950
11946
  transform: translateX(0);
11951
11947
  margin-left: 0;
11952
11948
  }
11953
- .e-sidebarcontainer.e-left.e-open.e-push + div {
11949
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
11954
11950
  margin-right: 0;
11955
11951
  -webkit-transform: translateX(0);
11956
11952
  transform: translateX(0);
11957
11953
  margin-left: var(--sidebar-width);
11958
11954
  }
11959
- .e-sidebarcontainer.e-left.e-close.e-push + div {
11955
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
11960
11956
  margin-right: 0;
11961
11957
  -webkit-transform: translateX(0);
11962
11958
  transform: translateX(0);
11963
11959
  margin-left: 0;
11964
11960
  }
11965
- .e-sidebarcontainer.e-right.e-open.e-push + div {
11961
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
11966
11962
  margin-left: 0;
11967
11963
  -webkit-transform: translateX(0);
11968
11964
  transform: translateX(0);
11969
11965
  margin-right: var(--sidebar-width);
11970
11966
  }
11971
- .e-sidebarcontainer.e-right.e-close.e-push + div {
11967
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
11972
11968
  margin-right: 0;
11973
11969
  -webkit-transform: translateX(0);
11974
11970
  transform: translateX(0);
11975
11971
  margin-left: 0;
11976
11972
  }
11977
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
11973
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
11978
11974
  margin-left: 0;
11979
11975
  -webkit-transform: translate(var(--sidebar-width));
11980
11976
  transform: translate(var(--sidebar-width));
11981
11977
  }
11982
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
11978
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
11983
11979
  margin-left: 0;
11984
11980
  -webkit-transform: translate(0);
11985
11981
  transform: translate(0);
11986
11982
  }
11987
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
11983
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
11988
11984
  margin-right: 0;
11989
11985
  margin-left: 0;
11990
11986
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
11991
11987
  transform: translate(calc(-1 * var(--sidebar-width)));
11992
11988
  }
11993
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
11989
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
11994
11990
  margin-right: 0;
11995
11991
  margin-left: 0;
11996
11992
  -webkit-transform: translate(0);
package/styles/h-scroll/bds.css CHANGED
@@ -227,11 +227,9 @@
227
227
  background-repeat: repeat-x;
228
228
  }
229
229
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
230
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 1)), to(rgba(var(--color-sf-bg-secondary), 0)));
231
230
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
232
231
  }
233
232
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
234
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 0)), to(rgba(var(--color-sf-bg-secondary), 1)));
235
233
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
236
234
  }
237
235
  .e-hscroll.e-rtl .e-scroll-nav {
package/styles/h-scroll/bootstrap5.3.css CHANGED
@@ -467,11 +467,9 @@
467
467
  background-repeat: repeat-x;
468
468
  }
469
469
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
470
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
471
470
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
472
471
  }
473
472
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
474
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
475
473
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
476
474
  }
477
475
  .e-hscroll.e-rtl .e-scroll-nav {
package/styles/h-scroll/fluent2.css CHANGED
@@ -473,11 +473,9 @@
473
473
  background-repeat: repeat-x;
474
474
  }
475
475
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
476
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
477
476
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
478
477
  }
479
478
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
480
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
481
479
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
482
480
  }
483
481
  .e-hscroll.e-rtl .e-scroll-nav {
package/styles/h-scroll/material3-dark.css CHANGED
@@ -461,15 +461,12 @@
461
461
  background-repeat: repeat-x;
462
462
  }
463
463
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
464
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
465
464
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
466
465
  }
467
466
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
468
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
469
467
  background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
470
468
  }
471
469
  .e-hscroll.e-rtl .e-scroll-nav {
472
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
473
470
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
474
471
  }
475
472
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
@@ -514,7 +511,6 @@
514
511
  color: rgba(var(--color-sf-on-surface-variant));
515
512
  }
516
513
  .e-hscroll .e-scroll-nav {
517
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
518
514
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
519
515
  }
520
516
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
package/styles/h-scroll/material3.css CHANGED
@@ -467,15 +467,12 @@
467
467
  background-repeat: repeat-x;
468
468
  }
469
469
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
470
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
471
470
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
472
471
  }
473
472
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
474
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
475
473
  background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
476
474
  }
477
475
  .e-hscroll.e-rtl .e-scroll-nav {
478
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
479
476
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
480
477
  }
481
478
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
@@ -520,7 +517,6 @@
520
517
  color: rgba(var(--color-sf-on-surface-variant));
521
518
  }
522
519
  .e-hscroll .e-scroll-nav {
523
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
524
520
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
525
521
  }
526
522
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
package/styles/h-scroll/tailwind3.css CHANGED
@@ -437,11 +437,9 @@
437
437
  background-repeat: repeat-x;
438
438
  }
439
439
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
440
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
441
440
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
442
441
  }
443
442
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
444
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
445
443
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
446
444
  }
447
445
  .e-hscroll.e-rtl .e-scroll-nav {
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);