@syncfusion/ej2-navigations 20.4.53 → 21.1.35

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 (252) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +213 -143
  3. package/dist/ej2-navigations.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js +2 -2
  5. package/dist/ej2-navigations.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es2015.js +89 -24
  7. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es5.js +93 -28
  9. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  10. package/dist/global/ej2-navigations.min.js +2 -2
  11. package/dist/global/ej2-navigations.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +13 -12
  14. package/src/accordion/accordion-model.d.ts +4 -4
  15. package/src/accordion/accordion.d.ts +8 -4
  16. package/src/appbar/appbar-model.d.ts +9 -9
  17. package/src/appbar/appbar.d.ts +24 -21
  18. package/src/breadcrumb/breadcrumb-model.d.ts +4 -2
  19. package/src/breadcrumb/breadcrumb.d.ts +32 -3
  20. package/src/breadcrumb/breadcrumb.js +32 -0
  21. package/src/carousel/carousel-model.d.ts +7 -7
  22. package/src/carousel/carousel.d.ts +24 -20
  23. package/src/carousel/carousel.js +25 -11
  24. package/src/common/menu-base.d.ts +13 -2
  25. package/src/menu/menu.d.ts +5 -1
  26. package/src/sidebar/sidebar.d.ts +26 -2
  27. package/src/sidebar/sidebar.js +1 -1
  28. package/src/tab/tab-model.d.ts +20 -20
  29. package/src/tab/tab.d.ts +38 -21
  30. package/src/tab/tab.js +22 -10
  31. package/src/toolbar/toolbar-model.d.ts +22 -16
  32. package/src/toolbar/toolbar.d.ts +48 -16
  33. package/src/toolbar/toolbar.js +10 -4
  34. package/src/treeview/treeview-model.d.ts +4 -4
  35. package/src/treeview/treeview.d.ts +32 -4
  36. package/src/treeview/treeview.js +2 -1
  37. package/styles/accordion/_bootstrap-dark-definition.scss +0 -1
  38. package/styles/accordion/_bootstrap-definition.scss +0 -1
  39. package/styles/accordion/_bootstrap4-definition.scss +0 -1
  40. package/styles/accordion/_bootstrap5-definition.scss +6 -7
  41. package/styles/accordion/_fabric-dark-definition.scss +0 -1
  42. package/styles/accordion/_fabric-definition.scss +0 -1
  43. package/styles/accordion/_fluent-definition.scss +5 -6
  44. package/styles/accordion/_fusionnew-definition.scss +0 -1
  45. package/styles/accordion/_highcontrast-definition.scss +0 -1
  46. package/styles/accordion/_highcontrast-light-definition.scss +0 -1
  47. package/styles/accordion/_layout.scss +0 -1
  48. package/styles/accordion/_material-dark-definition.scss +0 -1
  49. package/styles/accordion/_material-definition.scss +0 -1
  50. package/styles/accordion/_tailwind-definition.scss +5 -6
  51. package/styles/accordion/bootstrap-dark.css +0 -1
  52. package/styles/accordion/bootstrap.css +0 -1
  53. package/styles/accordion/bootstrap4.css +0 -1
  54. package/styles/accordion/bootstrap5-dark.css +3 -4
  55. package/styles/accordion/bootstrap5.css +3 -4
  56. package/styles/accordion/fabric-dark.css +0 -1
  57. package/styles/accordion/fabric.css +0 -1
  58. package/styles/accordion/fluent-dark.css +3 -4
  59. package/styles/accordion/fluent.css +3 -4
  60. package/styles/accordion/highcontrast-light.css +0 -1
  61. package/styles/accordion/highcontrast.css +0 -1
  62. package/styles/accordion/material-dark.css +0 -1
  63. package/styles/accordion/material.css +0 -1
  64. package/styles/accordion/tailwind-dark.css +3 -4
  65. package/styles/accordion/tailwind.css +3 -4
  66. package/styles/appbar/_bootstrap5-definition.scss +2 -2
  67. package/styles/appbar/_fluent-definition.scss +2 -2
  68. package/styles/appbar/_layout.scss +3 -0
  69. package/styles/appbar/_tailwind-definition.scss +2 -2
  70. package/styles/appbar/bootstrap-dark.css +3 -0
  71. package/styles/appbar/bootstrap.css +3 -0
  72. package/styles/appbar/bootstrap4.css +3 -0
  73. package/styles/appbar/bootstrap5-dark.css +3 -0
  74. package/styles/appbar/bootstrap5.css +3 -0
  75. package/styles/appbar/fabric-dark.css +3 -0
  76. package/styles/appbar/fabric.css +3 -0
  77. package/styles/appbar/fluent-dark.css +3 -0
  78. package/styles/appbar/fluent.css +3 -0
  79. package/styles/appbar/highcontrast-light.css +3 -0
  80. package/styles/appbar/highcontrast.css +3 -0
  81. package/styles/appbar/material-dark.css +3 -0
  82. package/styles/appbar/material.css +3 -0
  83. package/styles/appbar/tailwind-dark.css +3 -0
  84. package/styles/appbar/tailwind.css +3 -0
  85. package/styles/bootstrap-dark.css +669 -938
  86. package/styles/bootstrap.css +658 -927
  87. package/styles/bootstrap4.css +724 -993
  88. package/styles/bootstrap5-dark.css +685 -954
  89. package/styles/bootstrap5.css +686 -955
  90. package/styles/breadcrumb/_bootstrap5-definition.scss +2 -2
  91. package/styles/breadcrumb/_fluent-definition.scss +2 -2
  92. package/styles/breadcrumb/_layout.scss +2 -2
  93. package/styles/breadcrumb/_tailwind-definition.scss +2 -2
  94. package/styles/breadcrumb/_theme.scss +18 -2
  95. package/styles/carousel/_layout.scss +7 -0
  96. package/styles/carousel/bootstrap-dark.css +4 -0
  97. package/styles/carousel/bootstrap.css +4 -0
  98. package/styles/carousel/bootstrap4.css +4 -0
  99. package/styles/carousel/bootstrap5-dark.css +4 -0
  100. package/styles/carousel/bootstrap5.css +4 -0
  101. package/styles/carousel/fabric-dark.css +4 -0
  102. package/styles/carousel/fabric.css +4 -0
  103. package/styles/carousel/fluent-dark.css +4 -0
  104. package/styles/carousel/fluent.css +4 -0
  105. package/styles/carousel/highcontrast-light.css +4 -0
  106. package/styles/carousel/highcontrast.css +4 -0
  107. package/styles/carousel/material-dark.css +4 -0
  108. package/styles/carousel/material.css +4 -0
  109. package/styles/carousel/tailwind-dark.css +4 -0
  110. package/styles/carousel/tailwind.css +4 -0
  111. package/styles/context-menu/_bootstrap5-definition.scss +3 -3
  112. package/styles/context-menu/_fluent-definition.scss +2 -2
  113. package/styles/context-menu/_tailwind-definition.scss +3 -3
  114. package/styles/fabric-dark.css +669 -938
  115. package/styles/fabric.css +669 -938
  116. package/styles/fluent-dark.css +677 -946
  117. package/styles/fluent.css +677 -946
  118. package/styles/h-scroll/_bootstrap-dark-definition.scss +0 -1
  119. package/styles/h-scroll/_bootstrap-definition.scss +0 -1
  120. package/styles/h-scroll/_bootstrap4-definition.scss +0 -1
  121. package/styles/h-scroll/_bootstrap5-definition.scss +0 -1
  122. package/styles/h-scroll/_fabric-dark-definition.scss +0 -1
  123. package/styles/h-scroll/_fabric-definition.scss +0 -1
  124. package/styles/h-scroll/_fluent-definition.scss +0 -1
  125. package/styles/h-scroll/_fusionnew-definition.scss +0 -1
  126. package/styles/h-scroll/_highcontrast-definition.scss +0 -1
  127. package/styles/h-scroll/_highcontrast-light-definition.scss +0 -1
  128. package/styles/h-scroll/_layout.scss +1 -0
  129. package/styles/h-scroll/_material-dark-definition.scss +0 -1
  130. package/styles/h-scroll/_material-definition.scss +0 -1
  131. package/styles/h-scroll/_tailwind-definition.scss +0 -1
  132. package/styles/h-scroll/_theme.scss +0 -1
  133. package/styles/h-scroll/bootstrap-dark.css +1 -1
  134. package/styles/h-scroll/bootstrap.css +1 -1
  135. package/styles/h-scroll/bootstrap4.css +1 -1
  136. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  137. package/styles/h-scroll/bootstrap5.css +1 -1
  138. package/styles/h-scroll/fabric-dark.css +1 -1
  139. package/styles/h-scroll/fabric.css +1 -1
  140. package/styles/h-scroll/fluent-dark.css +1 -1
  141. package/styles/h-scroll/fluent.css +1 -1
  142. package/styles/h-scroll/highcontrast-light.css +1 -1
  143. package/styles/h-scroll/highcontrast.css +1 -1
  144. package/styles/h-scroll/material-dark.css +1 -1
  145. package/styles/h-scroll/material.css +1 -1
  146. package/styles/h-scroll/tailwind-dark.css +1 -1
  147. package/styles/h-scroll/tailwind.css +1 -1
  148. package/styles/highcontrast-light.css +668 -937
  149. package/styles/highcontrast.css +675 -944
  150. package/styles/material-dark.css +669 -938
  151. package/styles/material.css +661 -930
  152. package/styles/menu/_bootstrap5-definition.scss +2 -2
  153. package/styles/menu/_layout.scss +1 -1
  154. package/styles/menu/_tailwind-definition.scss +2 -2
  155. package/styles/menu/_theme.scss +31 -15
  156. package/styles/menu/bootstrap-dark.css +7 -7
  157. package/styles/menu/bootstrap.css +7 -7
  158. package/styles/menu/bootstrap4.css +10 -10
  159. package/styles/menu/bootstrap5-dark.css +7 -7
  160. package/styles/menu/bootstrap5.css +7 -7
  161. package/styles/menu/fabric-dark.css +7 -7
  162. package/styles/menu/fabric.css +7 -7
  163. package/styles/menu/fluent-dark.css +7 -7
  164. package/styles/menu/fluent.css +7 -7
  165. package/styles/menu/highcontrast-light.css +7 -7
  166. package/styles/menu/highcontrast.css +7 -7
  167. package/styles/menu/icons/_material3.scss +12 -12
  168. package/styles/menu/material-dark.css +7 -7
  169. package/styles/menu/material.css +7 -7
  170. package/styles/menu/tailwind-dark.css +7 -7
  171. package/styles/menu/tailwind.css +7 -7
  172. package/styles/sidebar/_theme.scss +1 -1
  173. package/styles/tab/_bootstrap-dark-definition.scss +0 -2
  174. package/styles/tab/_bootstrap-definition.scss +0 -2
  175. package/styles/tab/_bootstrap4-definition.scss +1 -3
  176. package/styles/tab/_bootstrap5-definition.scss +12 -14
  177. package/styles/tab/_fabric-dark-definition.scss +0 -2
  178. package/styles/tab/_fabric-definition.scss +0 -2
  179. package/styles/tab/_fluent-definition.scss +4 -6
  180. package/styles/tab/_fusionnew-definition.scss +2 -4
  181. package/styles/tab/_highcontrast-definition.scss +0 -2
  182. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  183. package/styles/tab/_layout.scss +8 -6
  184. package/styles/tab/_material-dark-definition.scss +0 -2
  185. package/styles/tab/_material-definition.scss +0 -2
  186. package/styles/tab/_tailwind-definition.scss +3 -5
  187. package/styles/tab/_theme.scss +0 -1
  188. package/styles/tab/bootstrap-dark.css +5 -2
  189. package/styles/tab/bootstrap.css +5 -2
  190. package/styles/tab/bootstrap4.css +12 -9
  191. package/styles/tab/bootstrap5-dark.css +11 -8
  192. package/styles/tab/bootstrap5.css +11 -8
  193. package/styles/tab/fabric-dark.css +7 -4
  194. package/styles/tab/fabric.css +7 -4
  195. package/styles/tab/fluent-dark.css +8 -5
  196. package/styles/tab/fluent.css +8 -5
  197. package/styles/tab/highcontrast-light.css +10 -7
  198. package/styles/tab/highcontrast.css +10 -7
  199. package/styles/tab/material-dark.css +4 -1
  200. package/styles/tab/material.css +4 -1
  201. package/styles/tab/tailwind-dark.css +8 -5
  202. package/styles/tab/tailwind.css +8 -5
  203. package/styles/tailwind-dark.css +668 -937
  204. package/styles/tailwind.css +668 -937
  205. package/styles/toolbar/_bootstrap-dark-definition.scss +13 -41
  206. package/styles/toolbar/_bootstrap-definition.scss +13 -41
  207. package/styles/toolbar/_bootstrap4-definition.scss +15 -43
  208. package/styles/toolbar/_bootstrap5-definition.scss +21 -49
  209. package/styles/toolbar/_fabric-dark-definition.scss +14 -43
  210. package/styles/toolbar/_fabric-definition.scss +15 -43
  211. package/styles/toolbar/_fluent-definition.scss +22 -50
  212. package/styles/toolbar/_fusionnew-definition.scss +17 -45
  213. package/styles/toolbar/_highcontrast-definition.scss +15 -43
  214. package/styles/toolbar/_highcontrast-light-definition.scss +14 -43
  215. package/styles/toolbar/_layout.scss +684 -977
  216. package/styles/toolbar/_material-dark-definition.scss +19 -49
  217. package/styles/toolbar/_material-definition.scss +21 -49
  218. package/styles/toolbar/_tailwind-definition.scss +21 -49
  219. package/styles/toolbar/_theme.scss +205 -294
  220. package/styles/toolbar/bootstrap-dark.css +647 -925
  221. package/styles/toolbar/bootstrap.css +638 -916
  222. package/styles/toolbar/bootstrap4.css +657 -935
  223. package/styles/toolbar/bootstrap5-dark.css +658 -936
  224. package/styles/toolbar/bootstrap5.css +658 -936
  225. package/styles/toolbar/fabric-dark.css +645 -923
  226. package/styles/toolbar/fabric.css +651 -929
  227. package/styles/toolbar/fluent-dark.css +650 -928
  228. package/styles/toolbar/fluent.css +650 -928
  229. package/styles/toolbar/highcontrast-light.css +642 -920
  230. package/styles/toolbar/highcontrast.css +647 -925
  231. package/styles/toolbar/material-dark.css +649 -927
  232. package/styles/toolbar/material.css +646 -924
  233. package/styles/toolbar/tailwind-dark.css +647 -925
  234. package/styles/toolbar/tailwind.css +645 -923
  235. package/styles/treeview/_bootstrap5-definition.scss +5 -5
  236. package/styles/treeview/_fluent-definition.scss +5 -5
  237. package/styles/treeview/_layout.scss +8 -4
  238. package/styles/treeview/_tailwind-definition.scss +5 -5
  239. package/styles/treeview/_theme.scss +3 -0
  240. package/styles/accordion/_material3-definition.scss +0 -181
  241. package/styles/appbar/_material3-definition.scss +0 -8
  242. package/styles/breadcrumb/_material3-definition.scss +0 -59
  243. package/styles/carousel/_material3-definition.scss +0 -22
  244. package/styles/context-menu/_material3-definition.scss +0 -52
  245. package/styles/h-scroll/_material3-definition.scss +0 -84
  246. package/styles/menu/_material3-definition.scss +0 -67
  247. package/styles/pager/_material3-definition.scss +0 -146
  248. package/styles/sidebar/_material3-definition.scss +0 -6
  249. package/styles/tab/_material3-definition.scss +0 -658
  250. package/styles/toolbar/_material3-definition.scss +0 -248
  251. package/styles/treeview/_material3-definition.scss +0 -120
  252. package/styles/v-scroll/_material3-definition.scss +0 -49
package/styles/tab/fluent.css CHANGED
@@ -1223,7 +1223,7 @@
1223
1223
  color: transparent;
1224
1224
  content: attr(data-content);
1225
1225
  display: block;
1226
- font-weight: bold;
1226
+ font-weight: 700;
1227
1227
  height: 1px;
1228
1228
  overflow: hidden;
1229
1229
  visibility: hidden;
@@ -1821,7 +1821,7 @@
1821
1821
  color: transparent;
1822
1822
  content: attr(data-content);
1823
1823
  display: block;
1824
- font-weight: bold;
1824
+ font-weight: 700;
1825
1825
  height: 1px;
1826
1826
  overflow: hidden;
1827
1827
  visibility: hidden;
@@ -1908,6 +1908,10 @@
1908
1908
  }
1909
1909
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1910
1910
  height: inherit;
1911
+ -ms-flex-direction: column;
1912
+ flex-direction: column;
1913
+ -ms-flex-align: normal;
1914
+ align-items: normal;
1911
1915
  }
1912
1916
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1913
1917
  padding: 16px 0;
@@ -1980,7 +1984,7 @@
1980
1984
  color: transparent;
1981
1985
  content: attr(data-content);
1982
1986
  display: block;
1983
- font-weight: bold;
1987
+ font-weight: 700;
1984
1988
  height: 1px;
1985
1989
  overflow: hidden;
1986
1990
  visibility: hidden;
@@ -2020,7 +2024,7 @@
2020
2024
  color: transparent;
2021
2025
  content: attr(data-content);
2022
2026
  display: block;
2023
- font-weight: bold;
2027
+ font-weight: 700;
2024
2028
  height: 1px;
2025
2029
  overflow: hidden;
2026
2030
  visibility: hidden;
@@ -4011,7 +4015,6 @@
4011
4015
  background: inherit;
4012
4016
  color: #201f1e;
4013
4017
  font-size: 12px;
4014
- line-height: 18px;
4015
4018
  }
4016
4019
 
4017
4020
  .e-tab-clone-element {
package/styles/tab/highcontrast-light.css CHANGED
@@ -453,7 +453,7 @@
453
453
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
454
454
  font-size: 14px;
455
455
  line-height: 32px;
456
- top: -2px;
456
+ top: 0;
457
457
  vertical-align: initial;
458
458
  }
459
459
  @media screen and (max-width: 480px) {
@@ -475,7 +475,7 @@
475
475
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
476
476
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
477
477
  line-height: 32px;
478
- top: -2px;
478
+ top: 0;
479
479
  }
480
480
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
481
481
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -488,7 +488,7 @@
488
488
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
489
489
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
490
490
  line-height: 32px;
491
- top: -2px;
491
+ top: 0;
492
492
  }
493
493
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
494
494
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -1727,7 +1727,7 @@
1727
1727
  font-size: 12px;
1728
1728
  line-height: 24px;
1729
1729
  position: relative;
1730
- top: -2px;
1730
+ top: 0;
1731
1731
  vertical-align: initial;
1732
1732
  }
1733
1733
  @media screen and (max-width: 480px) {
@@ -1743,7 +1743,7 @@
1743
1743
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1744
1744
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1745
1745
  line-height: 24px;
1746
- top: -2px;
1746
+ top: 0;
1747
1747
  }
1748
1748
  @media screen and (max-width: 480px) {
1749
1749
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1778,7 +1778,7 @@
1778
1778
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1779
1779
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1780
1780
  line-height: 24px;
1781
- top: -2px;
1781
+ top: 0;
1782
1782
  }
1783
1783
  @media screen and (max-width: 480px) {
1784
1784
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1899,6 +1899,10 @@
1899
1899
  }
1900
1900
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1901
1901
  height: inherit;
1902
+ -ms-flex-direction: column;
1903
+ flex-direction: column;
1904
+ -ms-flex-align: normal;
1905
+ align-items: normal;
1902
1906
  }
1903
1907
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1904
1908
  padding: 16px 0;
@@ -4002,7 +4006,6 @@
4002
4006
  background: inherit;
4003
4007
  color: #000;
4004
4008
  font-size: 12px;
4005
- line-height: 18px;
4006
4009
  }
4007
4010
 
4008
4011
  .e-tab-clone-element {
package/styles/tab/highcontrast.css CHANGED
@@ -464,7 +464,7 @@
464
464
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
465
465
  font-size: 14px;
466
466
  line-height: 32px;
467
- top: -2px;
467
+ top: 0;
468
468
  vertical-align: initial;
469
469
  }
470
470
  @media screen and (max-width: 480px) {
@@ -486,7 +486,7 @@
486
486
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
487
487
  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
488
488
  line-height: 32px;
489
- top: -2px;
489
+ top: 0;
490
490
  }
491
491
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
492
492
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -499,7 +499,7 @@
499
499
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
500
500
  .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
501
501
  line-height: 32px;
502
- top: -2px;
502
+ top: 0;
503
503
  }
504
504
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
505
505
  .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -1738,7 +1738,7 @@
1738
1738
  font-size: 12px;
1739
1739
  line-height: 24px;
1740
1740
  position: relative;
1741
- top: -2px;
1741
+ top: 0;
1742
1742
  vertical-align: initial;
1743
1743
  }
1744
1744
  @media screen and (max-width: 480px) {
@@ -1754,7 +1754,7 @@
1754
1754
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
1755
1755
  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
1756
1756
  line-height: 24px;
1757
- top: -2px;
1757
+ top: 0;
1758
1758
  }
1759
1759
  @media screen and (max-width: 480px) {
1760
1760
  .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1789,7 +1789,7 @@
1789
1789
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
1790
1790
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
1791
1791
  line-height: 24px;
1792
- top: -2px;
1792
+ top: 0;
1793
1793
  }
1794
1794
  @media screen and (max-width: 480px) {
1795
1795
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1910,6 +1910,10 @@
1910
1910
  }
1911
1911
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1912
1912
  height: inherit;
1913
+ -ms-flex-direction: column;
1914
+ flex-direction: column;
1915
+ -ms-flex-align: normal;
1916
+ align-items: normal;
1913
1917
  }
1914
1918
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1915
1919
  padding: 16px 0;
@@ -4013,7 +4017,6 @@
4013
4017
  background: inherit;
4014
4018
  color: #fff;
4015
4019
  font-size: 12px;
4016
- line-height: 18px;
4017
4020
  }
4018
4021
 
4019
4022
  .e-tab-clone-element {
package/styles/tab/material-dark.css CHANGED
@@ -1927,6 +1927,10 @@
1927
1927
  }
1928
1928
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1929
1929
  height: inherit;
1930
+ -ms-flex-direction: column;
1931
+ flex-direction: column;
1932
+ -ms-flex-align: normal;
1933
+ align-items: normal;
1930
1934
  }
1931
1935
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1932
1936
  padding: 16px 0;
@@ -4030,7 +4034,6 @@
4030
4034
  background: inherit;
4031
4035
  color: rgba(255, 255, 255, 0.7);
4032
4036
  font-size: 12px;
4033
- line-height: 18px;
4034
4037
  }
4035
4038
 
4036
4039
  .e-tab-clone-element {
package/styles/tab/material.css CHANGED
@@ -1933,6 +1933,10 @@
1933
1933
  }
1934
1934
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1935
1935
  height: inherit;
1936
+ -ms-flex-direction: column;
1937
+ flex-direction: column;
1938
+ -ms-flex-align: normal;
1939
+ align-items: normal;
1936
1940
  }
1937
1941
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1938
1942
  padding: 16px 0;
@@ -4036,7 +4040,6 @@
4036
4040
  background: inherit;
4037
4041
  color: #000;
4038
4042
  font-size: 12px;
4039
- line-height: 18px;
4040
4043
  }
4041
4044
 
4042
4045
  .e-tab-clone-element {
package/styles/tab/tailwind-dark.css CHANGED
@@ -1238,7 +1238,7 @@
1238
1238
  color: unset;
1239
1239
  content: unset;
1240
1240
  display: unset;
1241
- font-weight: unset;
1241
+ font-weight: 500;
1242
1242
  height: unset;
1243
1243
  overflow: unset;
1244
1244
  visibility: unset;
@@ -1836,7 +1836,7 @@
1836
1836
  color: unset;
1837
1837
  content: unset;
1838
1838
  display: unset;
1839
- font-weight: unset;
1839
+ font-weight: 500;
1840
1840
  height: unset;
1841
1841
  overflow: unset;
1842
1842
  visibility: unset;
@@ -1923,6 +1923,10 @@
1923
1923
  }
1924
1924
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1925
1925
  height: inherit;
1926
+ -ms-flex-direction: column;
1927
+ flex-direction: column;
1928
+ -ms-flex-align: normal;
1929
+ align-items: normal;
1926
1930
  }
1927
1931
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1928
1932
  padding: 16px 0;
@@ -1995,7 +1999,7 @@
1995
1999
  color: unset;
1996
2000
  content: unset;
1997
2001
  display: unset;
1998
- font-weight: unset;
2002
+ font-weight: 500;
1999
2003
  height: unset;
2000
2004
  overflow: unset;
2001
2005
  visibility: unset;
@@ -2035,7 +2039,7 @@
2035
2039
  color: unset;
2036
2040
  content: unset;
2037
2041
  display: unset;
2038
- font-weight: unset;
2042
+ font-weight: 500;
2039
2043
  height: unset;
2040
2044
  overflow: unset;
2041
2045
  visibility: unset;
@@ -4026,7 +4030,6 @@
4026
4030
  background: inherit;
4027
4031
  color: #fff;
4028
4032
  font-size: 14px;
4029
- line-height: 22px;
4030
4033
  }
4031
4034
 
4032
4035
  .e-tab-clone-element {
package/styles/tab/tailwind.css CHANGED
@@ -1238,7 +1238,7 @@
1238
1238
  color: unset;
1239
1239
  content: unset;
1240
1240
  display: unset;
1241
- font-weight: unset;
1241
+ font-weight: 500;
1242
1242
  height: unset;
1243
1243
  overflow: unset;
1244
1244
  visibility: unset;
@@ -1836,7 +1836,7 @@
1836
1836
  color: unset;
1837
1837
  content: unset;
1838
1838
  display: unset;
1839
- font-weight: unset;
1839
+ font-weight: 500;
1840
1840
  height: unset;
1841
1841
  overflow: unset;
1842
1842
  visibility: unset;
@@ -1923,6 +1923,10 @@
1923
1923
  }
1924
1924
  .e-tab .e-tab-header.e-vertical .e-toolbar-items {
1925
1925
  height: inherit;
1926
+ -ms-flex-direction: column;
1927
+ flex-direction: column;
1928
+ -ms-flex-align: normal;
1929
+ align-items: normal;
1926
1930
  }
1927
1931
  .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
1928
1932
  padding: 16px 0;
@@ -1995,7 +1999,7 @@
1995
1999
  color: unset;
1996
2000
  content: unset;
1997
2001
  display: unset;
1998
- font-weight: unset;
2002
+ font-weight: 500;
1999
2003
  height: unset;
2000
2004
  overflow: unset;
2001
2005
  visibility: unset;
@@ -2035,7 +2039,7 @@
2035
2039
  color: unset;
2036
2040
  content: unset;
2037
2041
  display: unset;
2038
- font-weight: unset;
2042
+ font-weight: 500;
2039
2043
  height: unset;
2040
2044
  overflow: unset;
2041
2045
  visibility: unset;
@@ -4026,7 +4030,6 @@
4026
4030
  background: inherit;
4027
4031
  color: #111827;
4028
4032
  font-size: 14px;
4029
- line-height: 22px;
4030
4033
  }
4031
4034
 
4032
4035
  .e-tab-clone-element {