@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: 18px;
68
68
  padding-top: 14px;
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: 7px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -1652,6 +1662,9 @@
1652
1662
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1653
1663
  margin-right: 3px;
1654
1664
  }
1665
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1666
+ margin-left: 3px;
1667
+ }
1655
1668
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1656
1669
  padding: 0;
1657
1670
  }
@@ -1682,6 +1695,7 @@
1682
1695
  }
1683
1696
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1684
1697
  margin-left: 0;
1698
+ margin-right: 3px;
1685
1699
  }
1686
1700
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1687
1701
  margin-left: 3px;
@@ -1689,11 +1703,13 @@
1689
1703
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1690
1704
  margin-left: 0;
1691
1705
  }
1692
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1706
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1707
+ margin-right: 0;
1708
+ }
1693
1709
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1694
1710
  margin-right: 0;
1711
+ margin-left: 3px;
1695
1712
  }
1696
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1697
1713
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1698
1714
  margin-right: 3px;
1699
1715
  }
@@ -2877,6 +2893,12 @@
2877
2893
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
2878
2894
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
2879
2895
  }
2896
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2897
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2898
+ display: -webkit-box;
2899
+ display: -ms-flexbox;
2900
+ display: flex;
2901
+ }
2880
2902
  .e-contextmenu-wrapper ul.e-ul,
2881
2903
  .e-contextmenu-container ul.e-ul {
2882
2904
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -5687,7 +5709,7 @@
5687
5709
  color: white;
5688
5710
  }
5689
5711
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5690
- color: rgba(0, 0, 0, 0.87);
5712
+ color: white;
5691
5713
  }
5692
5714
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5693
5715
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -6231,6 +6253,9 @@
6231
6253
  .e-treeview.e-virtualization .e-ul {
6232
6254
  overflow: unset;
6233
6255
  }
6256
+ .e-treeview .e-mask-parent {
6257
+ display: none;
6258
+ }
6234
6259
  .e-treeview > .e-ul {
6235
6260
  -webkit-overflow-scrolling: touch;
6236
6261
  overflow: auto;
@@ -8048,6 +8073,21 @@ ejs-sidebar {
8048
8073
  padding-right: 8px;
8049
8074
  }
8050
8075
 
8076
+ .e-breadcrumb-menu-item {
8077
+ position: absolute;
8078
+ width: 1px;
8079
+ height: 1px;
8080
+ margin: -1px;
8081
+ padding: 0;
8082
+ overflow: hidden;
8083
+ clip: rect(0, 0, 0, 0);
8084
+ border: 0;
8085
+ }
8086
+
8087
+ .e-hidden-popup {
8088
+ visibility: hidden;
8089
+ }
8090
+
8051
8091
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
8052
8092
  color: rgba(0, 0, 0, 0.65);
8053
8093
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 18px;
68
68
  padding-top: 14px;
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: 7px;
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: 7px;
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: 7px;
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,
@@ -1915,6 +1925,9 @@
1915
1925
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1916
1926
  margin-right: 3px;
1917
1927
  }
1928
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1929
+ margin-left: 3px;
1930
+ }
1918
1931
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1919
1932
  padding: 0;
1920
1933
  }
@@ -1945,6 +1958,7 @@
1945
1958
  }
1946
1959
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1947
1960
  margin-left: 0;
1961
+ margin-right: 3px;
1948
1962
  }
1949
1963
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1950
1964
  margin-left: 3px;
@@ -1952,11 +1966,13 @@
1952
1966
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1953
1967
  margin-left: 0;
1954
1968
  }
1955
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1969
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1970
+ margin-right: 0;
1971
+ }
1956
1972
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1957
1973
  margin-right: 0;
1974
+ margin-left: 3px;
1958
1975
  }
1959
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1960
1976
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1961
1977
  margin-right: 3px;
1962
1978
  }
@@ -3499,6 +3515,12 @@
3499
3515
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
3500
3516
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
3501
3517
  }
3518
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3519
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3520
+ display: -webkit-box;
3521
+ display: -ms-flexbox;
3522
+ display: flex;
3523
+ }
3502
3524
  .e-contextmenu-wrapper ul.e-ul,
3503
3525
  .e-contextmenu-container ul.e-ul {
3504
3526
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -6368,7 +6390,7 @@
6368
6390
  color: white;
6369
6391
  }
6370
6392
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6371
- color: rgba(0, 0, 0, 0.87);
6393
+ color: white;
6372
6394
  }
6373
6395
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6374
6396
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -8113,6 +8135,9 @@
8113
8135
  .e-treeview.e-virtualization .e-ul {
8114
8136
  overflow: unset;
8115
8137
  }
8138
+ .e-treeview .e-mask-parent {
8139
+ display: none;
8140
+ }
8116
8141
  .e-treeview > .e-ul {
8117
8142
  -webkit-overflow-scrolling: touch;
8118
8143
  overflow: auto;
@@ -10408,6 +10433,21 @@ ejs-sidebar {
10408
10433
  padding-right: 8px;
10409
10434
  }
10410
10435
 
10436
+ .e-breadcrumb-menu-item {
10437
+ position: absolute;
10438
+ width: 1px;
10439
+ height: 1px;
10440
+ margin: -1px;
10441
+ padding: 0;
10442
+ overflow: hidden;
10443
+ clip: rect(0, 0, 0, 0);
10444
+ border: 0;
10445
+ }
10446
+
10447
+ .e-hidden-popup {
10448
+ visibility: hidden;
10449
+ }
10450
+
10411
10451
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10412
10452
  color: rgba(0, 0, 0, 0.65);
10413
10453
  }
@@ -69,6 +69,9 @@
69
69
  padding-right: 0;
70
70
  padding-top: 8px;
71
71
  }
72
+ .e-pager div.e-parentmsgbar span.e-rightalign {
73
+ text-align: right;
74
+ }
72
75
  .e-pager .e-pagesizes {
73
76
  display: inline;
74
77
  }
@@ -309,6 +312,12 @@
309
312
  }
310
313
  @media (max-width: 769px) {
311
314
  .e-pager {
315
+ display: -webkit-box;
316
+ display: -ms-flexbox;
317
+ display: flex;
318
+ -webkit-box-align: center;
319
+ -ms-flex-align: center;
320
+ align-items: center;
312
321
  padding: 13px 0;
313
322
  }
314
323
  .e-pager div.e-parentmsgbar {
@@ -482,7 +491,8 @@
482
491
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
483
492
  float: initial;
484
493
  margin-left: 0;
485
- margin-top: 10px;
494
+ margin-top: 0;
495
+ padding-top: 0;
486
496
  }
487
497
  .e-pager.e-rtl .e-parentmsgbar {
488
498
  float: right;
@@ -1620,6 +1630,9 @@
1620
1630
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1621
1631
  margin-right: 8px;
1622
1632
  }
1633
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1634
+ margin-left: 8px;
1635
+ }
1623
1636
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1624
1637
  padding: 4px;
1625
1638
  }
@@ -1650,6 +1663,7 @@
1650
1663
  }
1651
1664
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1652
1665
  margin-left: 0;
1666
+ margin-right: 8px;
1653
1667
  }
1654
1668
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1655
1669
  margin-left: 8px;
@@ -1657,11 +1671,13 @@
1657
1671
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1658
1672
  margin-left: 0;
1659
1673
  }
1660
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1674
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1675
+ margin-right: 0;
1676
+ }
1661
1677
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1662
1678
  margin-right: 0;
1679
+ margin-left: 8px;
1663
1680
  }
1664
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1665
1681
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1666
1682
  margin-right: 8px;
1667
1683
  }
@@ -2850,6 +2866,12 @@
2850
2866
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2851
2867
  padding: 4px 0;
2852
2868
  }
2869
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2870
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2871
+ display: -webkit-box;
2872
+ display: -ms-flexbox;
2873
+ display: flex;
2874
+ }
2853
2875
  .e-contextmenu-wrapper ul.e-ul,
2854
2876
  .e-contextmenu-container ul.e-ul {
2855
2877
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
@@ -6156,6 +6178,9 @@
6156
6178
  .e-treeview.e-virtualization .e-ul {
6157
6179
  overflow: unset;
6158
6180
  }
6181
+ .e-treeview .e-mask-parent {
6182
+ display: none;
6183
+ }
6159
6184
  .e-treeview > .e-ul {
6160
6185
  -webkit-overflow-scrolling: touch;
6161
6186
  overflow: auto;
@@ -7981,6 +8006,21 @@ ejs-sidebar {
7981
8006
  padding-right: 8px;
7982
8007
  }
7983
8008
 
8009
+ .e-breadcrumb-menu-item {
8010
+ position: absolute;
8011
+ width: 1px;
8012
+ height: 1px;
8013
+ margin: -1px;
8014
+ padding: 0;
8015
+ overflow: hidden;
8016
+ clip: rect(0, 0, 0, 0);
8017
+ border: 0;
8018
+ }
8019
+
8020
+ .e-hidden-popup {
8021
+ visibility: hidden;
8022
+ }
8023
+
7984
8024
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7985
8025
  color: rgba(var(--color-sf-on-surface-variant));
7986
8026
  }
@@ -69,6 +69,9 @@
69
69
  padding-right: 0;
70
70
  padding-top: 8px;
71
71
  }
72
+ .e-pager div.e-parentmsgbar span.e-rightalign {
73
+ text-align: right;
74
+ }
72
75
  .e-pager .e-pagesizes {
73
76
  display: inline;
74
77
  }
@@ -309,6 +312,12 @@
309
312
  }
310
313
  @media (max-width: 769px) {
311
314
  .e-pager {
315
+ display: -webkit-box;
316
+ display: -ms-flexbox;
317
+ display: flex;
318
+ -webkit-box-align: center;
319
+ -ms-flex-align: center;
320
+ align-items: center;
312
321
  padding: 13px 0;
313
322
  }
314
323
  .e-pager div.e-parentmsgbar {
@@ -482,7 +491,8 @@
482
491
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
483
492
  float: initial;
484
493
  margin-left: 0;
485
- margin-top: 10px;
494
+ margin-top: 0;
495
+ padding-top: 0;
486
496
  }
487
497
  .e-pager.e-rtl .e-parentmsgbar {
488
498
  float: right;
@@ -677,7 +687,6 @@
677
687
  .e-pager.e-bigger div.e-parentmsgbar {
678
688
  padding: 0;
679
689
  vertical-align: top;
680
- margin-top: 5px;
681
690
  }
682
691
  }
683
692
  .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -747,14 +756,14 @@
747
756
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
748
757
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
749
758
  margin-left: 0;
750
- margin-top: 10px;
759
+ margin-top: 0;
751
760
  }
752
761
  }
753
762
  @media (max-width: 769px) {
754
763
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
755
764
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
756
765
  margin-left: 0;
757
- margin-top: 10px;
766
+ margin-top: 0;
758
767
  }
759
768
  }
760
769
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -1910,6 +1919,9 @@
1910
1919
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1911
1920
  margin-right: 8px;
1912
1921
  }
1922
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1923
+ margin-left: 8px;
1924
+ }
1913
1925
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1914
1926
  padding: 4px;
1915
1927
  }
@@ -1940,6 +1952,7 @@
1940
1952
  }
1941
1953
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1942
1954
  margin-left: 0;
1955
+ margin-right: 8px;
1943
1956
  }
1944
1957
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1945
1958
  margin-left: 8px;
@@ -1947,11 +1960,13 @@
1947
1960
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1948
1961
  margin-left: 0;
1949
1962
  }
1950
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1963
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1964
+ margin-right: 0;
1965
+ }
1951
1966
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1952
1967
  margin-right: 0;
1968
+ margin-left: 8px;
1953
1969
  }
1954
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1955
1970
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1956
1971
  margin-right: 8px;
1957
1972
  }
@@ -3499,6 +3514,12 @@
3499
3514
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
3500
3515
  padding: 4px 0;
3501
3516
  }
3517
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3518
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3519
+ display: -webkit-box;
3520
+ display: -ms-flexbox;
3521
+ display: flex;
3522
+ }
3502
3523
  .e-contextmenu-wrapper ul.e-ul,
3503
3524
  .e-contextmenu-container ul.e-ul {
3504
3525
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
@@ -8068,6 +8089,9 @@
8068
8089
  .e-treeview.e-virtualization .e-ul {
8069
8090
  overflow: unset;
8070
8091
  }
8092
+ .e-treeview .e-mask-parent {
8093
+ display: none;
8094
+ }
8071
8095
  .e-treeview > .e-ul {
8072
8096
  -webkit-overflow-scrolling: touch;
8073
8097
  overflow: auto;
@@ -8794,7 +8818,7 @@
8794
8818
  .e-bigger .e-treeview .e-icon-expandable::before,
8795
8819
  .e-treeview.e-bigger .e-icon-collapsible::before,
8796
8820
  .e-treeview.e-bigger .e-icon-expandable::before {
8797
- padding: 0;
8821
+ padding: 0 6px;
8798
8822
  }
8799
8823
  .e-bigger .e-treeview.e-rtl .e-ul,
8800
8824
  .e-treeview.e-bigger.e-rtl .e-ul {
@@ -10448,6 +10472,21 @@ ejs-sidebar {
10448
10472
  padding-right: 8px;
10449
10473
  }
10450
10474
 
10475
+ .e-breadcrumb-menu-item {
10476
+ position: absolute;
10477
+ width: 1px;
10478
+ height: 1px;
10479
+ margin: -1px;
10480
+ padding: 0;
10481
+ overflow: hidden;
10482
+ clip: rect(0, 0, 0, 0);
10483
+ border: 0;
10484
+ }
10485
+
10486
+ .e-hidden-popup {
10487
+ visibility: hidden;
10488
+ }
10489
+
10451
10490
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10452
10491
  color: rgba(var(--color-sf-on-surface-variant));
10453
10492
  }
@@ -71,6 +71,9 @@
71
71
  padding-right: 0;
72
72
  padding-top: 8px;
73
73
  }
74
+ .e-pager div.e-parentmsgbar span.e-rightalign {
75
+ text-align: right;
76
+ }
74
77
  .e-pager .e-pagesizes {
75
78
  display: inline;
76
79
  }
@@ -311,6 +314,12 @@
311
314
  }
312
315
  @media (max-width: 769px) {
313
316
  .e-pager {
317
+ display: -webkit-box;
318
+ display: -ms-flexbox;
319
+ display: flex;
320
+ -webkit-box-align: center;
321
+ -ms-flex-align: center;
322
+ align-items: center;
314
323
  padding: 13px 0;
315
324
  }
316
325
  .e-pager div.e-parentmsgbar {
@@ -484,7 +493,8 @@
484
493
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
485
494
  float: initial;
486
495
  margin-left: 0;
487
- margin-top: 10px;
496
+ margin-top: 0;
497
+ padding-top: 0;
488
498
  }
489
499
  .e-pager.e-rtl .e-parentmsgbar {
490
500
  float: right;
@@ -1622,6 +1632,9 @@
1622
1632
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1623
1633
  margin-right: 8px;
1624
1634
  }
1635
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1636
+ margin-left: 8px;
1637
+ }
1625
1638
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1626
1639
  padding: 4px;
1627
1640
  }
@@ -1652,6 +1665,7 @@
1652
1665
  }
1653
1666
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1654
1667
  margin-left: 0;
1668
+ margin-right: 8px;
1655
1669
  }
1656
1670
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1657
1671
  margin-left: 8px;
@@ -1659,11 +1673,13 @@
1659
1673
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1660
1674
  margin-left: 0;
1661
1675
  }
1662
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1676
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1677
+ margin-right: 0;
1678
+ }
1663
1679
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1664
1680
  margin-right: 0;
1681
+ margin-left: 8px;
1665
1682
  }
1666
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1667
1683
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1668
1684
  margin-right: 8px;
1669
1685
  }
@@ -2852,6 +2868,12 @@
2852
2868
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2853
2869
  padding: 4px 0;
2854
2870
  }
2871
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2872
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2873
+ display: -webkit-box;
2874
+ display: -ms-flexbox;
2875
+ display: flex;
2876
+ }
2855
2877
  .e-contextmenu-wrapper ul.e-ul,
2856
2878
  .e-contextmenu-container ul.e-ul {
2857
2879
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
@@ -6158,6 +6180,9 @@
6158
6180
  .e-treeview.e-virtualization .e-ul {
6159
6181
  overflow: unset;
6160
6182
  }
6183
+ .e-treeview .e-mask-parent {
6184
+ display: none;
6185
+ }
6161
6186
  .e-treeview > .e-ul {
6162
6187
  -webkit-overflow-scrolling: touch;
6163
6188
  overflow: auto;
@@ -7983,6 +8008,21 @@ ejs-sidebar {
7983
8008
  padding-right: 8px;
7984
8009
  }
7985
8010
 
8011
+ .e-breadcrumb-menu-item {
8012
+ position: absolute;
8013
+ width: 1px;
8014
+ height: 1px;
8015
+ margin: -1px;
8016
+ padding: 0;
8017
+ overflow: hidden;
8018
+ clip: rect(0, 0, 0, 0);
8019
+ border: 0;
8020
+ }
8021
+
8022
+ .e-hidden-popup {
8023
+ visibility: hidden;
8024
+ }
8025
+
7986
8026
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7987
8027
  color: rgba(var(--color-sf-on-surface-variant));
7988
8028
  }