@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
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 12px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -1559,6 +1569,9 @@
1559
1569
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1560
1570
  margin-right: 12px;
1561
1571
  }
1572
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1573
+ margin-left: 12px;
1574
+ }
1562
1575
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1563
1576
  padding: 0 4px 0 6px;
1564
1577
  }
@@ -1589,6 +1602,7 @@
1589
1602
  }
1590
1603
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1591
1604
  margin-left: 0;
1605
+ margin-right: 12px;
1592
1606
  }
1593
1607
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1594
1608
  margin-left: 12px;
@@ -1596,11 +1610,13 @@
1596
1610
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1597
1611
  margin-left: 0;
1598
1612
  }
1599
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1613
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1614
+ margin-right: 0;
1615
+ }
1600
1616
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1601
1617
  margin-right: 0;
1618
+ margin-left: 12px;
1602
1619
  }
1603
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1604
1620
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1605
1621
  margin-right: 12px;
1606
1622
  }
@@ -2771,6 +2787,12 @@
2771
2787
  -webkit-box-shadow: none;
2772
2788
  box-shadow: none;
2773
2789
  }
2790
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2791
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2792
+ display: -webkit-box;
2793
+ display: -ms-flexbox;
2794
+ display: flex;
2795
+ }
2774
2796
  .e-contextmenu-wrapper ul.e-ul,
2775
2797
  .e-contextmenu-container ul.e-ul {
2776
2798
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -5519,18 +5541,18 @@
5519
5541
  color: rgb(0, 86.1, 178.5);
5520
5542
  }
5521
5543
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5522
- background: #eee;
5544
+ background: #007bff;
5523
5545
  border-color: unset;
5524
5546
  }
5525
5547
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5526
5548
  color: rgb(0, 86.1, 178.5);
5527
5549
  }
5528
5550
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5529
- color: rgb(0, 86.1, 178.5);
5551
+ color: #fff;
5530
5552
  }
5531
5553
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5532
5554
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5533
- color: #212529;
5555
+ color: #fff;
5534
5556
  }
5535
5557
  .e-tab.e-background .e-tab-header {
5536
5558
  background: inherit;
@@ -6035,6 +6057,9 @@
6035
6057
  .e-treeview.e-virtualization .e-ul {
6036
6058
  overflow: unset;
6037
6059
  }
6060
+ .e-treeview .e-mask-parent {
6061
+ display: none;
6062
+ }
6038
6063
  .e-treeview > .e-ul {
6039
6064
  -webkit-overflow-scrolling: touch;
6040
6065
  overflow: auto;
@@ -7913,6 +7938,21 @@ ejs-sidebar {
7913
7938
  padding-right: 8px;
7914
7939
  }
7915
7940
 
7941
+ .e-breadcrumb-menu-item {
7942
+ position: absolute;
7943
+ width: 1px;
7944
+ height: 1px;
7945
+ margin: -1px;
7946
+ padding: 0;
7947
+ overflow: hidden;
7948
+ clip: rect(0, 0, 0, 0);
7949
+ border: 0;
7950
+ }
7951
+
7952
+ .e-hidden-popup {
7953
+ visibility: hidden;
7954
+ }
7955
+
7916
7956
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7917
7957
  color: #007bff;
7918
7958
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 12px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -291,6 +294,12 @@
291
294
  }
292
295
  @media (max-width: 769px) {
293
296
  .e-pager {
297
+ display: -webkit-box;
298
+ display: -ms-flexbox;
299
+ display: flex;
300
+ -webkit-box-align: center;
301
+ -ms-flex-align: center;
302
+ align-items: center;
294
303
  padding: 13px 0;
295
304
  }
296
305
  .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
464
473
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
465
474
  float: initial;
466
475
  margin-left: 0;
467
- margin-top: 10px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -724,14 +734,14 @@
724
734
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
725
735
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
726
736
  margin-left: 0;
727
- margin-top: 10px;
737
+ margin-top: 0;
728
738
  }
729
739
  }
730
740
  @media (max-width: 769px) {
731
741
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
742
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
743
  margin-left: 0;
734
- margin-top: 10px;
744
+ margin-top: 0;
735
745
  }
736
746
  }
737
747
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
@@ -1822,6 +1832,9 @@
1822
1832
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1823
1833
  margin-right: 12px;
1824
1834
  }
1835
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1836
+ margin-left: 12px;
1837
+ }
1825
1838
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1826
1839
  padding: 0 4px 0 6px;
1827
1840
  }
@@ -1852,6 +1865,7 @@
1852
1865
  }
1853
1866
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1854
1867
  margin-left: 0;
1868
+ margin-right: 12px;
1855
1869
  }
1856
1870
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1857
1871
  margin-left: 12px;
@@ -1859,11 +1873,13 @@
1859
1873
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1860
1874
  margin-left: 0;
1861
1875
  }
1862
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1876
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1877
+ margin-right: 0;
1878
+ }
1863
1879
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1864
1880
  margin-right: 0;
1881
+ margin-left: 12px;
1865
1882
  }
1866
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1867
1883
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1868
1884
  margin-right: 12px;
1869
1885
  }
@@ -3393,6 +3409,12 @@
3393
3409
  -webkit-box-shadow: none;
3394
3410
  box-shadow: none;
3395
3411
  }
3412
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3413
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3414
+ display: -webkit-box;
3415
+ display: -ms-flexbox;
3416
+ display: flex;
3417
+ }
3396
3418
  .e-contextmenu-wrapper ul.e-ul,
3397
3419
  .e-contextmenu-container ul.e-ul {
3398
3420
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -6200,18 +6222,18 @@
6200
6222
  color: rgb(0, 86.1, 178.5);
6201
6223
  }
6202
6224
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6203
- background: #eee;
6225
+ background: #007bff;
6204
6226
  border-color: unset;
6205
6227
  }
6206
6228
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6207
6229
  color: rgb(0, 86.1, 178.5);
6208
6230
  }
6209
6231
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6210
- color: rgb(0, 86.1, 178.5);
6232
+ color: #fff;
6211
6233
  }
6212
6234
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6213
6235
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6214
- color: #212529;
6236
+ color: #fff;
6215
6237
  }
6216
6238
  .e-tab.e-background .e-tab-header {
6217
6239
  background: inherit;
@@ -7917,6 +7939,9 @@
7917
7939
  .e-treeview.e-virtualization .e-ul {
7918
7940
  overflow: unset;
7919
7941
  }
7942
+ .e-treeview .e-mask-parent {
7943
+ display: none;
7944
+ }
7920
7945
  .e-treeview > .e-ul {
7921
7946
  -webkit-overflow-scrolling: touch;
7922
7947
  overflow: auto;
@@ -10349,6 +10374,21 @@ ejs-sidebar {
10349
10374
  padding-right: 8px;
10350
10375
  }
10351
10376
 
10377
+ .e-breadcrumb-menu-item {
10378
+ position: absolute;
10379
+ width: 1px;
10380
+ height: 1px;
10381
+ margin: -1px;
10382
+ padding: 0;
10383
+ overflow: hidden;
10384
+ clip: rect(0, 0, 0, 0);
10385
+ border: 0;
10386
+ }
10387
+
10388
+ .e-hidden-popup {
10389
+ visibility: hidden;
10390
+ }
10391
+
10352
10392
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10353
10393
  color: #007bff;
10354
10394
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -477,7 +480,8 @@
477
480
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
478
481
  float: initial;
479
482
  margin-left: 0;
480
- margin-top: 10px;
483
+ margin-top: 0;
484
+ padding-top: 0;
481
485
  }
482
486
  .e-pager.e-rtl .e-parentmsgbar {
483
487
  float: right;
@@ -1610,6 +1614,9 @@
1610
1614
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1611
1615
  margin-right: 8px;
1612
1616
  }
1617
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1618
+ margin-left: 8px;
1619
+ }
1613
1620
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1614
1621
  padding: 4px;
1615
1622
  }
@@ -1640,6 +1647,7 @@
1640
1647
  }
1641
1648
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1642
1649
  margin-left: 0;
1650
+ margin-right: 8px;
1643
1651
  }
1644
1652
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1645
1653
  margin-left: 8px;
@@ -1647,11 +1655,13 @@
1647
1655
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1648
1656
  margin-left: 0;
1649
1657
  }
1650
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1658
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1659
+ margin-right: 0;
1660
+ }
1651
1661
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1652
1662
  margin-right: 0;
1663
+ margin-left: 8px;
1653
1664
  }
1654
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1655
1665
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1656
1666
  margin-right: 8px;
1657
1667
  }
@@ -2825,6 +2835,12 @@
2825
2835
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2826
2836
  padding: 4px 0;
2827
2837
  }
2838
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2839
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2840
+ display: -webkit-box;
2841
+ display: -ms-flexbox;
2842
+ display: flex;
2843
+ }
2828
2844
  .e-contextmenu-wrapper ul.e-ul,
2829
2845
  .e-contextmenu-container ul.e-ul {
2830
2846
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -5543,14 +5559,14 @@
5543
5559
  color: rgb(10.4, 88, 202.4);
5544
5560
  }
5545
5561
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5546
- background: rgba(52, 58, 64, 0.8);
5562
+ background: #0d6efd;
5547
5563
  border-color: #adb5bd;
5548
5564
  }
5549
5565
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5550
5566
  color: #adb5bd;
5551
5567
  }
5552
5568
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5553
- color: #adb5bd;
5569
+ color: #fff;
5554
5570
  }
5555
5571
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5556
5572
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -6060,6 +6076,9 @@
6060
6076
  .e-treeview.e-virtualization .e-ul {
6061
6077
  overflow: unset;
6062
6078
  }
6079
+ .e-treeview .e-mask-parent {
6080
+ display: none;
6081
+ }
6063
6082
  .e-treeview > .e-ul {
6064
6083
  -webkit-overflow-scrolling: touch;
6065
6084
  overflow: auto;
@@ -7896,6 +7915,21 @@ ejs-sidebar {
7896
7915
  padding-right: 8px;
7897
7916
  }
7898
7917
 
7918
+ .e-breadcrumb-menu-item {
7919
+ position: absolute;
7920
+ width: 1px;
7921
+ height: 1px;
7922
+ margin: -1px;
7923
+ padding: 0;
7924
+ overflow: hidden;
7925
+ clip: rect(0, 0, 0, 0);
7926
+ border: 0;
7927
+ }
7928
+
7929
+ .e-hidden-popup {
7930
+ visibility: hidden;
7931
+ }
7932
+
7899
7933
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7900
7934
  color: rgb(63.5819672131, 140.3073770492, 253.4180327869);
7901
7935
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -477,7 +480,8 @@
477
480
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
478
481
  float: initial;
479
482
  margin-left: 0;
480
- margin-top: 10px;
483
+ margin-top: 0;
484
+ padding-top: 0;
481
485
  }
482
486
  .e-pager.e-rtl .e-parentmsgbar {
483
487
  float: right;
@@ -743,14 +747,14 @@
743
747
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
744
748
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
745
749
  margin-left: 0;
746
- margin-top: 10px;
750
+ margin-top: 0;
747
751
  }
748
752
  }
749
753
  @media (max-width: 769px) {
750
754
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
751
755
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
752
756
  margin-left: 0;
753
- margin-top: 10px;
757
+ margin-top: 0;
754
758
  }
755
759
  }
756
760
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -811,7 +815,7 @@
811
815
  }
812
816
  .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
813
817
  .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
814
- margin-top: -5px;
818
+ margin-top: 0;
815
819
  }
816
820
  .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
817
821
  .e-pager.e-bigger.e-adaptive .e-pagerdropdown {
@@ -1885,6 +1889,9 @@
1885
1889
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1886
1890
  margin-right: 8px;
1887
1891
  }
1892
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1893
+ margin-left: 8px;
1894
+ }
1888
1895
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1889
1896
  padding: 4px;
1890
1897
  }
@@ -1915,6 +1922,7 @@
1915
1922
  }
1916
1923
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1917
1924
  margin-left: 0;
1925
+ margin-right: 8px;
1918
1926
  }
1919
1927
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1920
1928
  margin-left: 8px;
@@ -1922,11 +1930,13 @@
1922
1930
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1923
1931
  margin-left: 0;
1924
1932
  }
1925
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1933
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1934
+ margin-right: 0;
1935
+ }
1926
1936
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1927
1937
  margin-right: 0;
1938
+ margin-left: 8px;
1928
1939
  }
1929
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1930
1940
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1931
1941
  margin-right: 8px;
1932
1942
  }
@@ -3459,6 +3469,12 @@
3459
3469
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
3460
3470
  padding: 4px 0;
3461
3471
  }
3472
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3473
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3474
+ display: -webkit-box;
3475
+ display: -ms-flexbox;
3476
+ display: flex;
3477
+ }
3462
3478
  .e-contextmenu-wrapper ul.e-ul,
3463
3479
  .e-contextmenu-container ul.e-ul {
3464
3480
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -6237,14 +6253,14 @@
6237
6253
  color: rgb(10.4, 88, 202.4);
6238
6254
  }
6239
6255
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6240
- background: rgba(52, 58, 64, 0.8);
6256
+ background: #0d6efd;
6241
6257
  border-color: #adb5bd;
6242
6258
  }
6243
6259
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6244
6260
  color: #adb5bd;
6245
6261
  }
6246
6262
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6247
- color: #adb5bd;
6263
+ color: #fff;
6248
6264
  }
6249
6265
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6250
6266
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -7955,6 +7971,9 @@
7955
7971
  .e-treeview.e-virtualization .e-ul {
7956
7972
  overflow: unset;
7957
7973
  }
7974
+ .e-treeview .e-mask-parent {
7975
+ display: none;
7976
+ }
7958
7977
  .e-treeview > .e-ul {
7959
7978
  -webkit-overflow-scrolling: touch;
7960
7979
  overflow: auto;
@@ -10368,6 +10387,21 @@ ejs-sidebar {
10368
10387
  padding-right: 8px;
10369
10388
  }
10370
10389
 
10390
+ .e-breadcrumb-menu-item {
10391
+ position: absolute;
10392
+ width: 1px;
10393
+ height: 1px;
10394
+ margin: -1px;
10395
+ padding: 0;
10396
+ overflow: hidden;
10397
+ clip: rect(0, 0, 0, 0);
10398
+ border: 0;
10399
+ }
10400
+
10401
+ .e-hidden-popup {
10402
+ visibility: hidden;
10403
+ }
10404
+
10371
10405
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10372
10406
  color: rgb(63.5819672131, 140.3073770492, 253.4180327869);
10373
10407
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 0;
68
68
  padding-top: 8px;
69
69
  }
70
+ .e-pager div.e-parentmsgbar span.e-rightalign {
71
+ text-align: right;
72
+ }
70
73
  .e-pager .e-pagesizes {
71
74
  display: inline;
72
75
  }
@@ -477,7 +480,8 @@
477
480
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
478
481
  float: initial;
479
482
  margin-left: 0;
480
- margin-top: 10px;
483
+ margin-top: 0;
484
+ padding-top: 0;
481
485
  }
482
486
  .e-pager.e-rtl .e-parentmsgbar {
483
487
  float: right;
@@ -1610,6 +1614,9 @@
1610
1614
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1611
1615
  margin-right: 8px;
1612
1616
  }
1617
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1618
+ margin-left: 8px;
1619
+ }
1613
1620
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1614
1621
  padding: 4px;
1615
1622
  }
@@ -1640,6 +1647,7 @@
1640
1647
  }
1641
1648
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1642
1649
  margin-left: 0;
1650
+ margin-right: 8px;
1643
1651
  }
1644
1652
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1645
1653
  margin-left: 8px;
@@ -1647,11 +1655,13 @@
1647
1655
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1648
1656
  margin-left: 0;
1649
1657
  }
1650
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1658
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1659
+ margin-right: 0;
1660
+ }
1651
1661
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1652
1662
  margin-right: 0;
1663
+ margin-left: 8px;
1653
1664
  }
1654
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1655
1665
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1656
1666
  margin-right: 8px;
1657
1667
  }
@@ -2825,6 +2835,12 @@
2825
2835
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2826
2836
  padding: 4px 0;
2827
2837
  }
2838
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2839
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2840
+ display: -webkit-box;
2841
+ display: -ms-flexbox;
2842
+ display: flex;
2843
+ }
2828
2844
  .e-contextmenu-wrapper ul.e-ul,
2829
2845
  .e-contextmenu-container ul.e-ul {
2830
2846
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -5543,18 +5559,18 @@
5543
5559
  color: rgb(10.4, 88, 202.4);
5544
5560
  }
5545
5561
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5546
- background: rgba(233, 236, 239, 0.8);
5562
+ background: #0d6efd;
5547
5563
  border-color: #6c757d;
5548
5564
  }
5549
5565
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5550
5566
  color: #adb5bd;
5551
5567
  }
5552
5568
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5553
- color: #adb5bd;
5569
+ color: #fff;
5554
5570
  }
5555
5571
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5556
5572
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5557
- color: #212529;
5573
+ color: #fff;
5558
5574
  }
5559
5575
  .e-tab.e-background .e-tab-header {
5560
5576
  background: #0d6efd;
@@ -6060,6 +6076,9 @@
6060
6076
  .e-treeview.e-virtualization .e-ul {
6061
6077
  overflow: unset;
6062
6078
  }
6079
+ .e-treeview .e-mask-parent {
6080
+ display: none;
6081
+ }
6063
6082
  .e-treeview > .e-ul {
6064
6083
  -webkit-overflow-scrolling: touch;
6065
6084
  overflow: auto;
@@ -7896,6 +7915,21 @@ ejs-sidebar {
7896
7915
  padding-right: 8px;
7897
7916
  }
7898
7917
 
7918
+ .e-breadcrumb-menu-item {
7919
+ position: absolute;
7920
+ width: 1px;
7921
+ height: 1px;
7922
+ margin: -1px;
7923
+ padding: 0;
7924
+ overflow: hidden;
7925
+ clip: rect(0, 0, 0, 0);
7926
+ border: 0;
7927
+ }
7928
+
7929
+ .e-hidden-popup {
7930
+ visibility: hidden;
7931
+ }
7932
+
7899
7933
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7900
7934
  color: #0d6efd;
7901
7935
  }