@syncfusion/ej2-navigations 32.2.7 → 32.2.9

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 (59) 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 +68 -5
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +68 -5
  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 +5 -5
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.d.ts +2 -0
  14. package/src/common/menu-base.js +54 -3
  15. package/src/sidebar/sidebar.js +7 -0
  16. package/styles/appbar/material3-dark.css +0 -5
  17. package/styles/appbar/material3.css +0 -5
  18. package/styles/bds-lite.css +0 -4
  19. package/styles/bds.css +0 -4
  20. package/styles/bootstrap5.3-lite.css +0 -4
  21. package/styles/bootstrap5.3.css +0 -4
  22. package/styles/breadcrumb/material3-dark.css +0 -1
  23. package/styles/breadcrumb/material3.css +0 -1
  24. package/styles/carousel/material3-dark.css +0 -2
  25. package/styles/carousel/material3.css +0 -2
  26. package/styles/context-menu/material3-dark.css +0 -2
  27. package/styles/context-menu/material3.css +0 -2
  28. package/styles/fluent2-lite.css +0 -4
  29. package/styles/fluent2.css +0 -4
  30. package/styles/h-scroll/bds.css +0 -2
  31. package/styles/h-scroll/bootstrap5.3.css +0 -2
  32. package/styles/h-scroll/fluent2.css +0 -2
  33. package/styles/h-scroll/material3-dark.css +0 -4
  34. package/styles/h-scroll/material3.css +0 -4
  35. package/styles/h-scroll/tailwind3.css +0 -2
  36. package/styles/material3-dark-lite.css +0 -49
  37. package/styles/material3-dark.css +0 -49
  38. package/styles/material3-lite.css +0 -49
  39. package/styles/material3.css +0 -49
  40. package/styles/menu/material3-dark.css +0 -2
  41. package/styles/menu/material3.css +0 -2
  42. package/styles/sidebar/material3-dark.css +0 -1
  43. package/styles/sidebar/material3.css +0 -1
  44. package/styles/stepper/material3-dark.css +0 -4
  45. package/styles/stepper/material3.css +0 -4
  46. package/styles/tab/material3-dark.css +0 -12
  47. package/styles/tab/material3.css +0 -12
  48. package/styles/tailwind3-lite.css +0 -4
  49. package/styles/tailwind3.css +0 -4
  50. package/styles/toolbar/material3-dark.css +0 -11
  51. package/styles/toolbar/material3.css +0 -11
  52. package/styles/treeview/material3-dark.css +0 -1
  53. package/styles/treeview/material3.css +0 -1
  54. package/styles/v-scroll/bds.css +0 -2
  55. package/styles/v-scroll/bootstrap5.3.css +0 -2
  56. package/styles/v-scroll/fluent2.css +0 -2
  57. package/styles/v-scroll/material3-dark.css +0 -4
  58. package/styles/v-scroll/material3.css +0 -4
  59. package/styles/v-scroll/tailwind3.css +0 -2
package/styles/tailwind3-lite.css CHANGED
@@ -1205,11 +1205,9 @@
1205
1205
  background-repeat: repeat-x;
1206
1206
  }
1207
1207
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1208
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
1209
1208
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
1210
1209
  }
1211
1210
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1212
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
1213
1211
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
1214
1212
  }
1215
1213
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1579,11 +1577,9 @@
1579
1577
  background-repeat: repeat-x;
1580
1578
  }
1581
1579
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1582
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
1583
1580
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
1584
1581
  }
1585
1582
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1586
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
1587
1583
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
1588
1584
  }
1589
1585
  .e-vscroll.e-rtl .e-scroll-nav {
package/styles/tailwind3.css CHANGED
@@ -1541,11 +1541,9 @@
1541
1541
  background-repeat: repeat-x;
1542
1542
  }
1543
1543
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1544
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
1545
1544
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
1546
1545
  }
1547
1546
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1548
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
1549
1547
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
1550
1548
  }
1551
1549
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -2036,11 +2034,9 @@
2036
2034
  background-repeat: repeat-x;
2037
2035
  }
2038
2036
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
2039
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
2040
2037
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
2041
2038
  }
2042
2039
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
2043
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
2044
2040
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
2045
2041
  }
2046
2042
  .e-vscroll.e-rtl .e-scroll-nav {
package/styles/toolbar/material3-dark.css CHANGED
@@ -890,14 +890,12 @@
890
890
  /* stylelint-disable property-no-vendor-prefix */
891
891
  .e-toolbar {
892
892
  -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.04);
893
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
894
893
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
895
894
  border: 0 solid rgba(var(--color-sf-outline-variant));
896
895
  -webkit-box-shadow: none;
897
896
  box-shadow: none;
898
897
  }
899
898
  .e-toolbar .e-toolbar-items {
900
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
901
899
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
902
900
  }
903
901
  .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -914,7 +912,6 @@
914
912
  color: rgba(var(--color-sf-on-surface-variant));
915
913
  }
916
914
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
917
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
918
915
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
919
916
  -webkit-box-shadow: none;
920
917
  box-shadow: none;
@@ -983,7 +980,6 @@
983
980
  border-width: 0 1px 0 0;
984
981
  }
985
982
  .e-toolbar .e-toolbar-item.e-overlay {
986
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
987
983
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
988
984
  opacity: 0.38;
989
985
  color: rgba(var(--color-sf-on-surface-variant));
@@ -1006,7 +1002,6 @@
1006
1002
  border-width: 0 0 1px 0;
1007
1003
  }
1008
1004
  .e-toolbar .e-hor-nav {
1009
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1010
1005
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1011
1006
  border: solid rgba(var(--color-sf-outline-variant));
1012
1007
  border-width: 0 0 0 1px;
@@ -1022,7 +1017,6 @@
1022
1017
  -webkit-box-shadow: none;
1023
1018
  box-shadow: none;
1024
1019
  color: rgba(var(--color-sf-on-primary-container));
1025
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1026
1020
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1027
1021
  }
1028
1022
  .e-toolbar .e-hor-nav:active .e-icons {
@@ -1084,7 +1078,6 @@
1084
1078
  color: rgba(var(--color-sf-on-primary-container));
1085
1079
  }
1086
1080
  .e-toolbar .e-toolbar-pop {
1087
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
1088
1081
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1089
1082
  border: 0 solid rgba(var(--color-sf-outline-variant));
1090
1083
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -1124,7 +1117,6 @@
1124
1117
  background: transparent;
1125
1118
  }
1126
1119
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
1127
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1128
1120
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1129
1121
  -webkit-box-shadow: none;
1130
1122
  box-shadow: none;
@@ -1160,15 +1152,12 @@
1160
1152
  border-width: 0 1px 0 0;
1161
1153
  }
1162
1154
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
1163
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1164
1155
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1165
1156
  }
1166
1157
  .e-toolbar.e-extended-toolbar .e-toolbar-pop {
1167
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1168
1158
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1169
1159
  }
1170
1160
  .e-toolbar.e-rtl .e-hor-nav {
1171
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1172
1161
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1173
1162
  border: solid rgba(var(--color-sf-outline-variant));
1174
1163
  border-width: 0 1px 0 0;
package/styles/toolbar/material3.css CHANGED
@@ -896,14 +896,12 @@
896
896
  /* stylelint-disable property-no-vendor-prefix */
897
897
  .e-toolbar {
898
898
  -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.04);
899
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
900
899
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
901
900
  border: 0 solid rgba(var(--color-sf-outline-variant));
902
901
  -webkit-box-shadow: none;
903
902
  box-shadow: none;
904
903
  }
905
904
  .e-toolbar .e-toolbar-items {
906
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
907
905
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
908
906
  }
909
907
  .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -920,7 +918,6 @@
920
918
  color: rgba(var(--color-sf-on-surface-variant));
921
919
  }
922
920
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
923
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
924
921
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
925
922
  -webkit-box-shadow: none;
926
923
  box-shadow: none;
@@ -989,7 +986,6 @@
989
986
  border-width: 0 1px 0 0;
990
987
  }
991
988
  .e-toolbar .e-toolbar-item.e-overlay {
992
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
993
989
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
994
990
  opacity: 0.38;
995
991
  color: rgba(var(--color-sf-on-surface-variant));
@@ -1012,7 +1008,6 @@
1012
1008
  border-width: 0 0 1px 0;
1013
1009
  }
1014
1010
  .e-toolbar .e-hor-nav {
1015
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1016
1011
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1017
1012
  border: solid rgba(var(--color-sf-outline-variant));
1018
1013
  border-width: 0 0 0 1px;
@@ -1028,7 +1023,6 @@
1028
1023
  -webkit-box-shadow: none;
1029
1024
  box-shadow: none;
1030
1025
  color: rgba(var(--color-sf-on-primary-container));
1031
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1032
1026
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1033
1027
  }
1034
1028
  .e-toolbar .e-hor-nav:active .e-icons {
@@ -1090,7 +1084,6 @@
1090
1084
  color: rgba(var(--color-sf-on-primary-container));
1091
1085
  }
1092
1086
  .e-toolbar .e-toolbar-pop {
1093
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
1094
1087
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1095
1088
  border: 0 solid rgba(var(--color-sf-outline-variant));
1096
1089
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -1130,7 +1123,6 @@
1130
1123
  background: transparent;
1131
1124
  }
1132
1125
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
1133
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1134
1126
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1135
1127
  -webkit-box-shadow: none;
1136
1128
  box-shadow: none;
@@ -1166,15 +1158,12 @@
1166
1158
  border-width: 0 1px 0 0;
1167
1159
  }
1168
1160
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
1169
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1170
1161
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1171
1162
  }
1172
1163
  .e-toolbar.e-extended-toolbar .e-toolbar-pop {
1173
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1174
1164
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1175
1165
  }
1176
1166
  .e-toolbar.e-rtl .e-hor-nav {
1177
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1178
1167
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1179
1168
  border: solid rgba(var(--color-sf-outline-variant));
1180
1169
  border-width: 0 1px 0 0;
package/styles/treeview/material3-dark.css CHANGED
@@ -895,7 +895,6 @@
895
895
  .e-treeview.e-drag-item {
896
896
  background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
897
897
  font-family: var(--e-font-family);
898
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
899
898
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
900
899
  }
901
900
  .e-treeview.e-drag-item .e-icon-collapsible::before,
package/styles/treeview/material3.css CHANGED
@@ -901,7 +901,6 @@
901
901
  .e-treeview.e-drag-item {
902
902
  background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
903
903
  font-family: var(--e-font-family);
904
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
905
904
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
906
905
  }
907
906
  .e-treeview.e-drag-item .e-icon-collapsible::before,
package/styles/v-scroll/bds.css CHANGED
@@ -156,11 +156,9 @@
156
156
  background-repeat: repeat-x;
157
157
  }
158
158
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
159
- 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)));
160
159
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
161
160
  }
162
161
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
163
- 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)));
164
162
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
165
163
  }
166
164
  .e-vscroll.e-rtl .e-scroll-nav {
package/styles/v-scroll/bootstrap5.3.css CHANGED
@@ -396,11 +396,9 @@
396
396
  background-repeat: repeat-x;
397
397
  }
398
398
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
399
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
400
399
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
401
400
  }
402
401
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
403
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
404
402
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
405
403
  }
406
404
  .e-vscroll.e-rtl .e-scroll-nav {
package/styles/v-scroll/fluent2.css CHANGED
@@ -405,11 +405,9 @@
405
405
  background-repeat: repeat-x;
406
406
  }
407
407
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
408
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
409
408
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
410
409
  }
411
410
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
412
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
413
411
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
414
412
  }
415
413
  .e-vscroll.e-rtl .e-scroll-nav {
package/styles/v-scroll/material3-dark.css CHANGED
@@ -390,15 +390,12 @@
390
390
  background-repeat: repeat-x;
391
391
  }
392
392
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
393
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
394
393
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
395
394
  }
396
395
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
397
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
398
396
  background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
399
397
  }
400
398
  .e-vscroll.e-rtl .e-scroll-nav {
401
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -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));
402
399
  background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
403
400
  }
404
401
  .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -426,7 +423,6 @@
426
423
  color: rgba(var(--color-sf-primary-container));
427
424
  }
428
425
  .e-vscroll .e-scroll-nav {
429
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -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));
430
426
  background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
431
427
  }
432
428
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
package/styles/v-scroll/material3.css CHANGED
@@ -396,15 +396,12 @@
396
396
  background-repeat: repeat-x;
397
397
  }
398
398
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
399
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
400
399
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
401
400
  }
402
401
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
403
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
404
402
  background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
405
403
  }
406
404
  .e-vscroll.e-rtl .e-scroll-nav {
407
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -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));
408
405
  background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
409
406
  }
410
407
  .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -432,7 +429,6 @@
432
429
  color: rgba(var(--color-sf-primary-container));
433
430
  }
434
431
  .e-vscroll .e-scroll-nav {
435
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -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));
436
432
  background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
437
433
  }
438
434
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
package/styles/v-scroll/tailwind3.css CHANGED
@@ -366,11 +366,9 @@
366
366
  background-repeat: repeat-x;
367
367
  }
368
368
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
369
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
370
369
  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
371
370
  }
372
371
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
373
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
374
372
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
375
373
  }
376
374
  .e-vscroll.e-rtl .e-scroll-nav {