@syncfusion/ej2-navigations 29.2.8 → 30.1.39

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 (222) hide show
  1. package/.eslintrc.json +2 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +117 -30
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +118 -30
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/carousel/carousel.js +1 -7
  14. package/src/context-menu/context-menu-model.d.ts +1 -1
  15. package/src/context-menu/context-menu.d.ts +1 -0
  16. package/src/context-menu/context-menu.js +11 -1
  17. package/src/sidebar/sidebar.js +5 -1
  18. package/src/stepper/stepper.js +6 -5
  19. package/src/tab/tab.js +3 -1
  20. package/src/toolbar/toolbar-model.d.ts +8 -1
  21. package/src/toolbar/toolbar.d.ts +19 -0
  22. package/src/toolbar/toolbar.js +69 -13
  23. package/src/treeview/treeview.js +24 -3
  24. package/styles/bds-lite.css +43 -3
  25. package/styles/bds.css +45 -5
  26. package/styles/bootstrap-dark-lite.css +45 -5
  27. package/styles/bootstrap-dark.css +49 -9
  28. package/styles/bootstrap-lite.css +45 -5
  29. package/styles/bootstrap.css +47 -7
  30. package/styles/bootstrap4-lite.css +46 -6
  31. package/styles/bootstrap4.css +48 -8
  32. package/styles/bootstrap5-dark-lite.css +39 -5
  33. package/styles/bootstrap5-dark.css +42 -8
  34. package/styles/bootstrap5-lite.css +40 -6
  35. package/styles/bootstrap5.3-lite.css +40 -6
  36. package/styles/bootstrap5.3.css +42 -8
  37. package/styles/bootstrap5.css +43 -9
  38. package/styles/breadcrumb/_layout.scss +14 -0
  39. package/styles/breadcrumb/bds.css +15 -0
  40. package/styles/breadcrumb/bootstrap-dark.css +15 -0
  41. package/styles/breadcrumb/bootstrap.css +15 -0
  42. package/styles/breadcrumb/bootstrap4.css +15 -0
  43. package/styles/breadcrumb/bootstrap5-dark.css +15 -0
  44. package/styles/breadcrumb/bootstrap5.3.css +15 -0
  45. package/styles/breadcrumb/bootstrap5.css +15 -0
  46. package/styles/breadcrumb/fabric-dark.css +15 -0
  47. package/styles/breadcrumb/fabric.css +15 -0
  48. package/styles/breadcrumb/fluent-dark.css +15 -0
  49. package/styles/breadcrumb/fluent.css +15 -0
  50. package/styles/breadcrumb/fluent2.css +15 -0
  51. package/styles/breadcrumb/highcontrast-light.css +15 -0
  52. package/styles/breadcrumb/highcontrast.css +15 -0
  53. package/styles/breadcrumb/material-dark.css +15 -0
  54. package/styles/breadcrumb/material.css +15 -0
  55. package/styles/breadcrumb/material3-dark.css +15 -0
  56. package/styles/breadcrumb/material3.css +15 -0
  57. package/styles/breadcrumb/tailwind-dark.css +15 -0
  58. package/styles/breadcrumb/tailwind.css +15 -0
  59. package/styles/breadcrumb/tailwind3.css +15 -0
  60. package/styles/context-menu/_layout.scss +5 -0
  61. package/styles/context-menu/bds.css +6 -0
  62. package/styles/context-menu/bootstrap-dark.css +6 -0
  63. package/styles/context-menu/bootstrap.css +6 -0
  64. package/styles/context-menu/bootstrap4.css +6 -0
  65. package/styles/context-menu/bootstrap5-dark.css +6 -0
  66. package/styles/context-menu/bootstrap5.3.css +6 -0
  67. package/styles/context-menu/bootstrap5.css +6 -0
  68. package/styles/context-menu/fabric-dark.css +6 -0
  69. package/styles/context-menu/fabric.css +6 -0
  70. package/styles/context-menu/fluent-dark.css +6 -0
  71. package/styles/context-menu/fluent.css +6 -0
  72. package/styles/context-menu/fluent2.css +6 -0
  73. package/styles/context-menu/highcontrast-light.css +6 -0
  74. package/styles/context-menu/highcontrast.css +6 -0
  75. package/styles/context-menu/material-dark.css +6 -0
  76. package/styles/context-menu/material.css +6 -0
  77. package/styles/context-menu/material3-dark.css +6 -0
  78. package/styles/context-menu/material3.css +6 -0
  79. package/styles/context-menu/tailwind-dark.css +6 -0
  80. package/styles/context-menu/tailwind.css +6 -0
  81. package/styles/context-menu/tailwind3.css +6 -0
  82. package/styles/fabric-dark-lite.css +43 -3
  83. package/styles/fabric-dark.css +45 -5
  84. package/styles/fabric-lite.css +44 -4
  85. package/styles/fabric.css +46 -6
  86. package/styles/fluent-dark-lite.css +50 -10
  87. package/styles/fluent-dark.css +53 -13
  88. package/styles/fluent-lite.css +50 -10
  89. package/styles/fluent.css +53 -13
  90. package/styles/fluent2-lite.css +43 -3
  91. package/styles/fluent2.css +45 -5
  92. package/styles/highcontrast-light-lite.css +43 -3
  93. package/styles/highcontrast-light.css +45 -5
  94. package/styles/highcontrast-lite.css +44 -4
  95. package/styles/highcontrast.css +46 -6
  96. package/styles/material-dark-lite.css +45 -5
  97. package/styles/material-dark.css +47 -7
  98. package/styles/material-lite.css +44 -4
  99. package/styles/material.css +46 -6
  100. package/styles/material3-dark-lite.css +43 -3
  101. package/styles/material3-dark.css +46 -7
  102. package/styles/material3-lite.css +43 -3
  103. package/styles/material3.css +46 -7
  104. package/styles/pager/_bds-definition.scss +1 -1
  105. package/styles/pager/_bigger.scss +0 -1
  106. package/styles/pager/_bootstrap-dark-definition.scss +1 -1
  107. package/styles/pager/_bootstrap-definition.scss +1 -1
  108. package/styles/pager/_bootstrap4-definition.scss +1 -1
  109. package/styles/pager/_bootstrap5-definition.scss +2 -2
  110. package/styles/pager/_bootstrap5.3-definition.scss +1 -1
  111. package/styles/pager/_fabric-dark-definition.scss +1 -1
  112. package/styles/pager/_fabric-definition.scss +1 -1
  113. package/styles/pager/_fluent-definition.scss +2 -2
  114. package/styles/pager/_fluent2-definition.scss +1 -1
  115. package/styles/pager/_fusionnew-definition.scss +1 -1
  116. package/styles/pager/_highcontrast-definition.scss +1 -1
  117. package/styles/pager/_highcontrast-light-definition.scss +1 -1
  118. package/styles/pager/_layout.scss +8 -0
  119. package/styles/pager/_material-dark-definition.scss +1 -1
  120. package/styles/pager/_material-definition.scss +1 -1
  121. package/styles/pager/_material3-definition.scss +1 -1
  122. package/styles/pager/_tailwind-definition.scss +1 -1
  123. package/styles/pager/_tailwind3-definition.scss +2 -2
  124. package/styles/pager/bds.css +13 -3
  125. package/styles/pager/bootstrap-dark.css +13 -3
  126. package/styles/pager/bootstrap.css +13 -3
  127. package/styles/pager/bootstrap4.css +13 -3
  128. package/styles/pager/bootstrap5-dark.css +8 -4
  129. package/styles/pager/bootstrap5.3.css +7 -3
  130. package/styles/pager/bootstrap5.css +8 -4
  131. package/styles/pager/fabric-dark.css +13 -3
  132. package/styles/pager/fabric.css +13 -3
  133. package/styles/pager/fluent-dark.css +14 -4
  134. package/styles/pager/fluent.css +14 -4
  135. package/styles/pager/fluent2.css +13 -3
  136. package/styles/pager/highcontrast-light.css +13 -3
  137. package/styles/pager/highcontrast.css +13 -3
  138. package/styles/pager/material-dark.css +13 -3
  139. package/styles/pager/material.css +13 -3
  140. package/styles/pager/material3-dark.css +13 -4
  141. package/styles/pager/material3.css +13 -4
  142. package/styles/pager/tailwind-dark.css +13 -3
  143. package/styles/pager/tailwind.css +13 -3
  144. package/styles/pager/tailwind3.css +14 -4
  145. package/styles/tab/_bootstrap-dark-definition.scss +3 -3
  146. package/styles/tab/_bootstrap-definition.scss +3 -3
  147. package/styles/tab/_bootstrap4-definition.scss +3 -3
  148. package/styles/tab/_bootstrap5-definition.scss +3 -3
  149. package/styles/tab/_bootstrap5.3-definition.scss +3 -3
  150. package/styles/tab/_fabric-definition.scss +1 -1
  151. package/styles/tab/_fluent-definition.scss +4 -4
  152. package/styles/tab/_highcontrast-definition.scss +1 -1
  153. package/styles/tab/_material-definition.scss +1 -1
  154. package/styles/tab/_tailwind-definition.scss +3 -3
  155. package/styles/tab/_tailwind3-definition.scss +3 -3
  156. package/styles/tab/bootstrap-dark.css +2 -2
  157. package/styles/tab/bootstrap.css +2 -2
  158. package/styles/tab/bootstrap4.css +3 -3
  159. package/styles/tab/bootstrap5-dark.css +2 -2
  160. package/styles/tab/bootstrap5.3.css +3 -3
  161. package/styles/tab/bootstrap5.css +3 -3
  162. package/styles/tab/fabric.css +1 -1
  163. package/styles/tab/fluent-dark.css +7 -7
  164. package/styles/tab/fluent.css +7 -7
  165. package/styles/tab/highcontrast.css +1 -1
  166. package/styles/tab/material.css +1 -1
  167. package/styles/tab/tailwind-dark.css +4 -4
  168. package/styles/tab/tailwind.css +4 -4
  169. package/styles/tab/tailwind3.css +3 -3
  170. package/styles/tailwind-dark-lite.css +47 -7
  171. package/styles/tailwind-dark.css +49 -9
  172. package/styles/tailwind-lite.css +47 -7
  173. package/styles/tailwind.css +49 -9
  174. package/styles/tailwind3-lite.css +46 -6
  175. package/styles/tailwind3.css +49 -9
  176. package/styles/toolbar/_bootstrap-dark-definition.scss +1 -1
  177. package/styles/toolbar/_layout.scss +13 -1
  178. package/styles/toolbar/_material-dark-definition.scss +2 -2
  179. package/styles/toolbar/bds.css +8 -2
  180. package/styles/toolbar/bootstrap-dark.css +10 -4
  181. package/styles/toolbar/bootstrap.css +8 -2
  182. package/styles/toolbar/bootstrap4.css +8 -2
  183. package/styles/toolbar/bootstrap5-dark.css +8 -2
  184. package/styles/toolbar/bootstrap5.3.css +8 -2
  185. package/styles/toolbar/bootstrap5.css +8 -2
  186. package/styles/toolbar/fabric-dark.css +8 -2
  187. package/styles/toolbar/fabric.css +8 -2
  188. package/styles/toolbar/fluent-dark.css +8 -2
  189. package/styles/toolbar/fluent.css +8 -2
  190. package/styles/toolbar/fluent2.css +8 -2
  191. package/styles/toolbar/highcontrast-light.css +8 -2
  192. package/styles/toolbar/highcontrast.css +8 -2
  193. package/styles/toolbar/material-dark.css +10 -4
  194. package/styles/toolbar/material.css +8 -2
  195. package/styles/toolbar/material3-dark.css +8 -2
  196. package/styles/toolbar/material3.css +8 -2
  197. package/styles/toolbar/tailwind-dark.css +8 -2
  198. package/styles/toolbar/tailwind.css +8 -2
  199. package/styles/toolbar/tailwind3.css +8 -2
  200. package/styles/treeview/_layout.scss +4 -0
  201. package/styles/treeview/_material3-definition.scss +1 -1
  202. package/styles/treeview/bds.css +3 -0
  203. package/styles/treeview/bootstrap-dark.css +3 -0
  204. package/styles/treeview/bootstrap.css +3 -0
  205. package/styles/treeview/bootstrap4.css +3 -0
  206. package/styles/treeview/bootstrap5-dark.css +3 -0
  207. package/styles/treeview/bootstrap5.3.css +3 -0
  208. package/styles/treeview/bootstrap5.css +3 -0
  209. package/styles/treeview/fabric-dark.css +3 -0
  210. package/styles/treeview/fabric.css +3 -0
  211. package/styles/treeview/fluent-dark.css +3 -0
  212. package/styles/treeview/fluent.css +3 -0
  213. package/styles/treeview/fluent2.css +3 -0
  214. package/styles/treeview/highcontrast-light.css +3 -0
  215. package/styles/treeview/highcontrast.css +3 -0
  216. package/styles/treeview/material-dark.css +3 -0
  217. package/styles/treeview/material.css +3 -0
  218. package/styles/treeview/material3-dark.css +4 -1
  219. package/styles/treeview/material3.css +4 -1
  220. package/styles/treeview/tailwind-dark.css +3 -0
  221. package/styles/treeview/tailwind.css +3 -0
  222. package/styles/treeview/tailwind3.css +3 -0
@@ -2530,18 +2530,18 @@
2530
2530
  color: #4f46e5;
2531
2531
  }
2532
2532
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
2533
- background: rgba(243, 244, 246, 0.8);
2533
+ background: #4f46e5;
2534
2534
  border-color: unset;
2535
2535
  }
2536
2536
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
2537
- color: #3730a3;
2537
+ color: #fff;
2538
2538
  }
2539
2539
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
2540
- color: #4f46e5;
2540
+ color: #fff;
2541
2541
  }
2542
2542
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
2543
2543
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
2544
- color: #3730a3;
2544
+ color: #fff;
2545
2545
  }
2546
2546
  .e-tab.e-background .e-tab-header {
2547
2547
  background: #4f46e5;
@@ -2476,18 +2476,18 @@
2476
2476
  color: var(--color-sf-content-text-color-alt1);
2477
2477
  }
2478
2478
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
2479
- background: rgba(var(--color-sf-content-bg-color-alt2), 0.8);
2479
+ background: var(--color-sf-primary);
2480
2480
  border-color: var(--color-sf-icon-color);
2481
2481
  }
2482
2482
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
2483
2483
  color: var(--color-sf-content-bg-color-alt5);
2484
2484
  }
2485
2485
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
2486
- color: var(--color-sf-content-bg-color-alt5);
2486
+ color: var(--color-sf-primary-text-color);
2487
2487
  }
2488
2488
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
2489
2489
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
2490
- color: var(--color-sf-content-text-color);
2490
+ color: var(--color-sf-primary-text);
2491
2491
  }
2492
2492
  .e-tab.e-background .e-tab-header {
2493
2493
  background: var(--color-sf-primary);
@@ -68,6 +68,9 @@
68
68
  padding-top: 6px;
69
69
  line-height: 18px;
70
70
  }
71
+ .e-pager div.e-parentmsgbar span.e-rightalign {
72
+ text-align: right;
73
+ }
71
74
  .e-pager .e-pagesizes {
72
75
  display: inline;
73
76
  }
@@ -321,6 +324,12 @@
321
324
  }
322
325
  @media (max-width: 769px) {
323
326
  .e-pager {
327
+ display: -webkit-box;
328
+ display: -ms-flexbox;
329
+ display: flex;
330
+ -webkit-box-align: center;
331
+ -ms-flex-align: center;
332
+ align-items: center;
324
333
  padding: 13px 0;
325
334
  }
326
335
  .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
519
528
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
520
529
  float: initial;
521
530
  margin-left: 0;
522
- margin-top: 10px;
531
+ margin-top: 0;
532
+ padding-top: 0;
523
533
  }
524
534
  .e-pager.e-rtl .e-parentmsgbar {
525
535
  float: right;
@@ -1650,6 +1660,9 @@
1650
1660
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1651
1661
  margin-right: 8px;
1652
1662
  }
1663
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1664
+ margin-left: 8px;
1665
+ }
1653
1666
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1654
1667
  padding: 4px;
1655
1668
  }
@@ -1680,6 +1693,7 @@
1680
1693
  }
1681
1694
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1682
1695
  margin-left: 0;
1696
+ margin-right: 8px;
1683
1697
  }
1684
1698
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1685
1699
  margin-left: 8px;
@@ -1687,11 +1701,13 @@
1687
1701
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1688
1702
  margin-left: 0;
1689
1703
  }
1690
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1704
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1705
+ margin-right: 0;
1706
+ }
1691
1707
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1692
1708
  margin-right: 0;
1709
+ margin-left: 8px;
1693
1710
  }
1694
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1695
1711
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1696
1712
  margin-right: 8px;
1697
1713
  }
@@ -2863,6 +2879,12 @@
2863
2879
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2864
2880
  padding: 4px 0;
2865
2881
  }
2882
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2883
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2884
+ display: -webkit-box;
2885
+ display: -ms-flexbox;
2886
+ display: flex;
2887
+ }
2866
2888
  .e-contextmenu-wrapper ul.e-ul,
2867
2889
  .e-contextmenu-container ul.e-ul {
2868
2890
  font-family: "Inter";
@@ -5666,18 +5688,18 @@
5666
5688
  color: #22d3ee;
5667
5689
  }
5668
5690
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5669
- background: rgba(55, 65, 81, 0.8);
5691
+ background: #22d3ee;
5670
5692
  border-color: unset;
5671
5693
  }
5672
5694
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5673
- color: #67e8f9;
5695
+ color: #000;
5674
5696
  }
5675
5697
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5676
- color: #22d3ee;
5698
+ color: #000;
5677
5699
  }
5678
5700
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5679
5701
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5680
- color: #67e8f9;
5702
+ color: #000;
5681
5703
  }
5682
5704
  .e-tab.e-background .e-tab-header {
5683
5705
  background: #22d3ee;
@@ -6183,6 +6205,9 @@
6183
6205
  .e-treeview.e-virtualization .e-ul {
6184
6206
  overflow: unset;
6185
6207
  }
6208
+ .e-treeview .e-mask-parent {
6209
+ display: none;
6210
+ }
6186
6211
  .e-treeview > .e-ul {
6187
6212
  -webkit-overflow-scrolling: touch;
6188
6213
  overflow: auto;
@@ -8018,6 +8043,21 @@ ejs-sidebar {
8018
8043
  padding-right: 8px;
8019
8044
  }
8020
8045
 
8046
+ .e-breadcrumb-menu-item {
8047
+ position: absolute;
8048
+ width: 1px;
8049
+ height: 1px;
8050
+ margin: -1px;
8051
+ padding: 0;
8052
+ overflow: hidden;
8053
+ clip: rect(0, 0, 0, 0);
8054
+ border: 0;
8055
+ }
8056
+
8057
+ .e-hidden-popup {
8058
+ visibility: hidden;
8059
+ }
8060
+
8021
8061
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
8022
8062
  color: #9ca3af;
8023
8063
  }
@@ -68,6 +68,9 @@
68
68
  padding-top: 6px;
69
69
  line-height: 18px;
70
70
  }
71
+ .e-pager div.e-parentmsgbar span.e-rightalign {
72
+ text-align: right;
73
+ }
71
74
  .e-pager .e-pagesizes {
72
75
  display: inline;
73
76
  }
@@ -321,6 +324,12 @@
321
324
  }
322
325
  @media (max-width: 769px) {
323
326
  .e-pager {
327
+ display: -webkit-box;
328
+ display: -ms-flexbox;
329
+ display: flex;
330
+ -webkit-box-align: center;
331
+ -ms-flex-align: center;
332
+ align-items: center;
324
333
  padding: 13px 0;
325
334
  }
326
335
  .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
519
528
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
520
529
  float: initial;
521
530
  margin-left: 0;
522
- margin-top: 10px;
531
+ margin-top: 0;
532
+ padding-top: 0;
523
533
  }
524
534
  .e-pager.e-rtl .e-parentmsgbar {
525
535
  float: right;
@@ -807,14 +817,14 @@
807
817
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
808
818
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
809
819
  margin-left: 0;
810
- margin-top: 10px;
820
+ margin-top: 0;
811
821
  }
812
822
  }
813
823
  @media (max-width: 769px) {
814
824
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
815
825
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
816
826
  margin-left: 0;
817
- margin-top: 10px;
827
+ margin-top: 0;
818
828
  }
819
829
  }
820
830
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -1967,6 +1977,9 @@
1967
1977
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1968
1978
  margin-right: 8px;
1969
1979
  }
1980
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1981
+ margin-left: 8px;
1982
+ }
1970
1983
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1971
1984
  padding: 4px;
1972
1985
  }
@@ -1997,6 +2010,7 @@
1997
2010
  }
1998
2011
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1999
2012
  margin-left: 0;
2013
+ margin-right: 8px;
2000
2014
  }
2001
2015
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
2002
2016
  margin-left: 8px;
@@ -2004,11 +2018,13 @@
2004
2018
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
2005
2019
  margin-left: 0;
2006
2020
  }
2007
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
2021
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
2022
+ margin-right: 0;
2023
+ }
2008
2024
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
2009
2025
  margin-right: 0;
2026
+ margin-left: 8px;
2010
2027
  }
2011
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
2012
2028
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
2013
2029
  margin-right: 8px;
2014
2030
  }
@@ -3539,6 +3555,12 @@
3539
3555
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3540
3556
  padding: 4px 0;
3541
3557
  }
3558
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3559
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3560
+ display: -webkit-box;
3561
+ display: -ms-flexbox;
3562
+ display: flex;
3563
+ }
3542
3564
  .e-contextmenu-wrapper ul.e-ul,
3543
3565
  .e-contextmenu-container ul.e-ul {
3544
3566
  font-family: "Inter";
@@ -6402,18 +6424,18 @@
6402
6424
  color: #22d3ee;
6403
6425
  }
6404
6426
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6405
- background: rgba(55, 65, 81, 0.8);
6427
+ background: #22d3ee;
6406
6428
  border-color: unset;
6407
6429
  }
6408
6430
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6409
- color: #67e8f9;
6431
+ color: #000;
6410
6432
  }
6411
6433
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6412
- color: #22d3ee;
6434
+ color: #000;
6413
6435
  }
6414
6436
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6415
6437
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6416
- color: #67e8f9;
6438
+ color: #000;
6417
6439
  }
6418
6440
  .e-tab.e-background .e-tab-header {
6419
6441
  background: #22d3ee;
@@ -8120,6 +8142,9 @@
8120
8142
  .e-treeview.e-virtualization .e-ul {
8121
8143
  overflow: unset;
8122
8144
  }
8145
+ .e-treeview .e-mask-parent {
8146
+ display: none;
8147
+ }
8123
8148
  .e-treeview > .e-ul {
8124
8149
  -webkit-overflow-scrolling: touch;
8125
8150
  overflow: auto;
@@ -10534,6 +10559,21 @@ ejs-sidebar {
10534
10559
  padding-right: 8px;
10535
10560
  }
10536
10561
 
10562
+ .e-breadcrumb-menu-item {
10563
+ position: absolute;
10564
+ width: 1px;
10565
+ height: 1px;
10566
+ margin: -1px;
10567
+ padding: 0;
10568
+ overflow: hidden;
10569
+ clip: rect(0, 0, 0, 0);
10570
+ border: 0;
10571
+ }
10572
+
10573
+ .e-hidden-popup {
10574
+ visibility: hidden;
10575
+ }
10576
+
10537
10577
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10538
10578
  color: #9ca3af;
10539
10579
  }
@@ -68,6 +68,9 @@
68
68
  padding-top: 6px;
69
69
  line-height: 18px;
70
70
  }
71
+ .e-pager div.e-parentmsgbar span.e-rightalign {
72
+ text-align: right;
73
+ }
71
74
  .e-pager .e-pagesizes {
72
75
  display: inline;
73
76
  }
@@ -321,6 +324,12 @@
321
324
  }
322
325
  @media (max-width: 769px) {
323
326
  .e-pager {
327
+ display: -webkit-box;
328
+ display: -ms-flexbox;
329
+ display: flex;
330
+ -webkit-box-align: center;
331
+ -ms-flex-align: center;
332
+ align-items: center;
324
333
  padding: 13px 0;
325
334
  }
326
335
  .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
519
528
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
520
529
  float: initial;
521
530
  margin-left: 0;
522
- margin-top: 10px;
531
+ margin-top: 0;
532
+ padding-top: 0;
523
533
  }
524
534
  .e-pager.e-rtl .e-parentmsgbar {
525
535
  float: right;
@@ -1650,6 +1660,9 @@
1650
1660
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1651
1661
  margin-right: 8px;
1652
1662
  }
1663
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1664
+ margin-left: 8px;
1665
+ }
1653
1666
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1654
1667
  padding: 4px;
1655
1668
  }
@@ -1680,6 +1693,7 @@
1680
1693
  }
1681
1694
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1682
1695
  margin-left: 0;
1696
+ margin-right: 8px;
1683
1697
  }
1684
1698
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1685
1699
  margin-left: 8px;
@@ -1687,11 +1701,13 @@
1687
1701
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1688
1702
  margin-left: 0;
1689
1703
  }
1690
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1704
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1705
+ margin-right: 0;
1706
+ }
1691
1707
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1692
1708
  margin-right: 0;
1709
+ margin-left: 8px;
1693
1710
  }
1694
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1695
1711
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1696
1712
  margin-right: 8px;
1697
1713
  }
@@ -2863,6 +2879,12 @@
2863
2879
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2864
2880
  padding: 4px 0;
2865
2881
  }
2882
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2883
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2884
+ display: -webkit-box;
2885
+ display: -ms-flexbox;
2886
+ display: flex;
2887
+ }
2866
2888
  .e-contextmenu-wrapper ul.e-ul,
2867
2889
  .e-contextmenu-container ul.e-ul {
2868
2890
  font-family: "Inter";
@@ -5666,18 +5688,18 @@
5666
5688
  color: #4f46e5;
5667
5689
  }
5668
5690
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5669
- background: rgba(243, 244, 246, 0.8);
5691
+ background: #4f46e5;
5670
5692
  border-color: unset;
5671
5693
  }
5672
5694
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5673
- color: #3730a3;
5695
+ color: #fff;
5674
5696
  }
5675
5697
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5676
- color: #4f46e5;
5698
+ color: #fff;
5677
5699
  }
5678
5700
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5679
5701
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5680
- color: #3730a3;
5702
+ color: #fff;
5681
5703
  }
5682
5704
  .e-tab.e-background .e-tab-header {
5683
5705
  background: #4f46e5;
@@ -6183,6 +6205,9 @@
6183
6205
  .e-treeview.e-virtualization .e-ul {
6184
6206
  overflow: unset;
6185
6207
  }
6208
+ .e-treeview .e-mask-parent {
6209
+ display: none;
6210
+ }
6186
6211
  .e-treeview > .e-ul {
6187
6212
  -webkit-overflow-scrolling: touch;
6188
6213
  overflow: auto;
@@ -8018,6 +8043,21 @@ ejs-sidebar {
8018
8043
  padding-right: 8px;
8019
8044
  }
8020
8045
 
8046
+ .e-breadcrumb-menu-item {
8047
+ position: absolute;
8048
+ width: 1px;
8049
+ height: 1px;
8050
+ margin: -1px;
8051
+ padding: 0;
8052
+ overflow: hidden;
8053
+ clip: rect(0, 0, 0, 0);
8054
+ border: 0;
8055
+ }
8056
+
8057
+ .e-hidden-popup {
8058
+ visibility: hidden;
8059
+ }
8060
+
8021
8061
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
8022
8062
  color: #6b7280;
8023
8063
  }
@@ -68,6 +68,9 @@
68
68
  padding-top: 6px;
69
69
  line-height: 18px;
70
70
  }
71
+ .e-pager div.e-parentmsgbar span.e-rightalign {
72
+ text-align: right;
73
+ }
71
74
  .e-pager .e-pagesizes {
72
75
  display: inline;
73
76
  }
@@ -321,6 +324,12 @@
321
324
  }
322
325
  @media (max-width: 769px) {
323
326
  .e-pager {
327
+ display: -webkit-box;
328
+ display: -ms-flexbox;
329
+ display: flex;
330
+ -webkit-box-align: center;
331
+ -ms-flex-align: center;
332
+ align-items: center;
324
333
  padding: 13px 0;
325
334
  }
326
335
  .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
519
528
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
520
529
  float: initial;
521
530
  margin-left: 0;
522
- margin-top: 10px;
531
+ margin-top: 0;
532
+ padding-top: 0;
523
533
  }
524
534
  .e-pager.e-rtl .e-parentmsgbar {
525
535
  float: right;
@@ -807,14 +817,14 @@
807
817
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
808
818
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
809
819
  margin-left: 0;
810
- margin-top: 10px;
820
+ margin-top: 0;
811
821
  }
812
822
  }
813
823
  @media (max-width: 769px) {
814
824
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
815
825
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
816
826
  margin-left: 0;
817
- margin-top: 10px;
827
+ margin-top: 0;
818
828
  }
819
829
  }
820
830
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -1967,6 +1977,9 @@
1967
1977
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1968
1978
  margin-right: 8px;
1969
1979
  }
1980
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1981
+ margin-left: 8px;
1982
+ }
1970
1983
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1971
1984
  padding: 4px;
1972
1985
  }
@@ -1997,6 +2010,7 @@
1997
2010
  }
1998
2011
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1999
2012
  margin-left: 0;
2013
+ margin-right: 8px;
2000
2014
  }
2001
2015
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
2002
2016
  margin-left: 8px;
@@ -2004,11 +2018,13 @@
2004
2018
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
2005
2019
  margin-left: 0;
2006
2020
  }
2007
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
2021
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
2022
+ margin-right: 0;
2023
+ }
2008
2024
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
2009
2025
  margin-right: 0;
2026
+ margin-left: 8px;
2010
2027
  }
2011
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
2012
2028
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
2013
2029
  margin-right: 8px;
2014
2030
  }
@@ -3539,6 +3555,12 @@
3539
3555
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3540
3556
  padding: 4px 0;
3541
3557
  }
3558
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3559
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3560
+ display: -webkit-box;
3561
+ display: -ms-flexbox;
3562
+ display: flex;
3563
+ }
3542
3564
  .e-contextmenu-wrapper ul.e-ul,
3543
3565
  .e-contextmenu-container ul.e-ul {
3544
3566
  font-family: "Inter";
@@ -6402,18 +6424,18 @@
6402
6424
  color: #4f46e5;
6403
6425
  }
6404
6426
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6405
- background: rgba(243, 244, 246, 0.8);
6427
+ background: #4f46e5;
6406
6428
  border-color: unset;
6407
6429
  }
6408
6430
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6409
- color: #3730a3;
6431
+ color: #fff;
6410
6432
  }
6411
6433
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6412
- color: #4f46e5;
6434
+ color: #fff;
6413
6435
  }
6414
6436
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6415
6437
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6416
- color: #3730a3;
6438
+ color: #fff;
6417
6439
  }
6418
6440
  .e-tab.e-background .e-tab-header {
6419
6441
  background: #4f46e5;
@@ -8120,6 +8142,9 @@
8120
8142
  .e-treeview.e-virtualization .e-ul {
8121
8143
  overflow: unset;
8122
8144
  }
8145
+ .e-treeview .e-mask-parent {
8146
+ display: none;
8147
+ }
8123
8148
  .e-treeview > .e-ul {
8124
8149
  -webkit-overflow-scrolling: touch;
8125
8150
  overflow: auto;
@@ -10534,6 +10559,21 @@ ejs-sidebar {
10534
10559
  padding-right: 8px;
10535
10560
  }
10536
10561
 
10562
+ .e-breadcrumb-menu-item {
10563
+ position: absolute;
10564
+ width: 1px;
10565
+ height: 1px;
10566
+ margin: -1px;
10567
+ padding: 0;
10568
+ overflow: hidden;
10569
+ clip: rect(0, 0, 0, 0);
10570
+ border: 0;
10571
+ }
10572
+
10573
+ .e-hidden-popup {
10574
+ visibility: hidden;
10575
+ }
10576
+
10537
10577
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10538
10578
  color: #6b7280;
10539
10579
  }