@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: 10px;
68
68
  padding-top: 9px;
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: 6px;
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: 6px;
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: 6px;
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,
@@ -1820,6 +1830,9 @@
1820
1830
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1821
1831
  margin-right: 3px;
1822
1832
  }
1833
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1834
+ margin-left: 3px;
1835
+ }
1823
1836
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1824
1837
  padding: 0 12px 0 0;
1825
1838
  }
@@ -1850,6 +1863,7 @@
1850
1863
  }
1851
1864
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1852
1865
  margin-left: 0;
1866
+ margin-right: 3px;
1853
1867
  }
1854
1868
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1855
1869
  margin-left: 3px;
@@ -1857,11 +1871,13 @@
1857
1871
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1858
1872
  margin-left: 0;
1859
1873
  }
1860
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1874
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1875
+ margin-right: 0;
1876
+ }
1861
1877
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1862
1878
  margin-right: 0;
1879
+ margin-left: 3px;
1863
1880
  }
1864
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1865
1881
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1866
1882
  margin-right: 3px;
1867
1883
  }
@@ -3391,6 +3407,12 @@
3391
3407
  -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
3392
3408
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
3393
3409
  }
3410
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3411
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3412
+ display: -webkit-box;
3413
+ display: -ms-flexbox;
3414
+ display: flex;
3415
+ }
3394
3416
  .e-contextmenu-wrapper ul.e-ul,
3395
3417
  .e-contextmenu-container ul.e-ul {
3396
3418
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -7909,6 +7931,9 @@
7909
7931
  .e-treeview.e-virtualization .e-ul {
7910
7932
  overflow: unset;
7911
7933
  }
7934
+ .e-treeview .e-mask-parent {
7935
+ display: none;
7936
+ }
7912
7937
  .e-treeview > .e-ul {
7913
7938
  -webkit-overflow-scrolling: touch;
7914
7939
  overflow: auto;
@@ -10216,6 +10241,21 @@ ejs-sidebar {
10216
10241
  padding-right: 4px;
10217
10242
  }
10218
10243
 
10244
+ .e-breadcrumb-menu-item {
10245
+ position: absolute;
10246
+ width: 1px;
10247
+ height: 1px;
10248
+ margin: -1px;
10249
+ padding: 0;
10250
+ overflow: hidden;
10251
+ clip: rect(0, 0, 0, 0);
10252
+ border: 0;
10253
+ }
10254
+
10255
+ .e-hidden-popup {
10256
+ visibility: hidden;
10257
+ }
10258
+
10219
10259
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10220
10260
  color: #000;
10221
10261
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 10px;
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: 6px;
476
+ margin-top: 0;
477
+ padding-top: 0;
468
478
  }
469
479
  .e-pager.e-rtl .e-parentmsgbar {
470
480
  float: right;
@@ -1558,6 +1568,9 @@
1558
1568
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1559
1569
  margin-right: 3px;
1560
1570
  }
1571
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1572
+ margin-left: 3px;
1573
+ }
1561
1574
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1562
1575
  padding: 0 12px 0 0;
1563
1576
  }
@@ -1588,6 +1601,7 @@
1588
1601
  }
1589
1602
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1590
1603
  margin-left: 0;
1604
+ margin-right: 3px;
1591
1605
  }
1592
1606
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1593
1607
  margin-left: 3px;
@@ -1595,11 +1609,13 @@
1595
1609
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1596
1610
  margin-left: 0;
1597
1611
  }
1598
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1612
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1613
+ margin-right: 0;
1614
+ }
1599
1615
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1600
1616
  margin-right: 0;
1617
+ margin-left: 3px;
1601
1618
  }
1602
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1603
1619
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1604
1620
  margin-right: 3px;
1605
1621
  }
@@ -2770,6 +2786,12 @@
2770
2786
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
2771
2787
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
2772
2788
  }
2789
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2790
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2791
+ display: -webkit-box;
2792
+ display: -ms-flexbox;
2793
+ display: flex;
2794
+ }
2773
2795
  .e-contextmenu-wrapper ul.e-ul,
2774
2796
  .e-contextmenu-container ul.e-ul {
2775
2797
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -5525,7 +5547,7 @@
5525
5547
  color: #000;
5526
5548
  }
5527
5549
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5528
- color: #fff;
5550
+ color: #000;
5529
5551
  }
5530
5552
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5531
5553
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -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;
@@ -7888,6 +7913,21 @@ ejs-sidebar {
7888
7913
  padding-right: 4px;
7889
7914
  }
7890
7915
 
7916
+ .e-breadcrumb-menu-item {
7917
+ position: absolute;
7918
+ width: 1px;
7919
+ height: 1px;
7920
+ margin: -1px;
7921
+ padding: 0;
7922
+ overflow: hidden;
7923
+ clip: rect(0, 0, 0, 0);
7924
+ border: 0;
7925
+ }
7926
+
7927
+ .e-hidden-popup {
7928
+ visibility: hidden;
7929
+ }
7930
+
7891
7931
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7892
7932
  color: #fff;
7893
7933
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 10px;
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: 6px;
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: 6px;
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: 6px;
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,
@@ -1821,6 +1831,9 @@
1821
1831
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1822
1832
  margin-right: 3px;
1823
1833
  }
1834
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1835
+ margin-left: 3px;
1836
+ }
1824
1837
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1825
1838
  padding: 0 12px 0 0;
1826
1839
  }
@@ -1851,6 +1864,7 @@
1851
1864
  }
1852
1865
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1853
1866
  margin-left: 0;
1867
+ margin-right: 3px;
1854
1868
  }
1855
1869
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1856
1870
  margin-left: 3px;
@@ -1858,11 +1872,13 @@
1858
1872
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1859
1873
  margin-left: 0;
1860
1874
  }
1861
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1875
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1876
+ margin-right: 0;
1877
+ }
1862
1878
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1863
1879
  margin-right: 0;
1880
+ margin-left: 3px;
1864
1881
  }
1865
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1866
1882
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1867
1883
  margin-right: 3px;
1868
1884
  }
@@ -3392,6 +3408,12 @@
3392
3408
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
3393
3409
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
3394
3410
  }
3411
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3412
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3413
+ display: -webkit-box;
3414
+ display: -ms-flexbox;
3415
+ display: flex;
3416
+ }
3395
3417
  .e-contextmenu-wrapper ul.e-ul,
3396
3418
  .e-contextmenu-container ul.e-ul {
3397
3419
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -6206,7 +6228,7 @@
6206
6228
  color: #000;
6207
6229
  }
6208
6230
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6209
- color: #fff;
6231
+ color: #000;
6210
6232
  }
6211
6233
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6212
6234
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -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;
@@ -10252,6 +10277,21 @@ ejs-sidebar {
10252
10277
  padding-right: 4px;
10253
10278
  }
10254
10279
 
10280
+ .e-breadcrumb-menu-item {
10281
+ position: absolute;
10282
+ width: 1px;
10283
+ height: 1px;
10284
+ margin: -1px;
10285
+ padding: 0;
10286
+ overflow: hidden;
10287
+ clip: rect(0, 0, 0, 0);
10288
+ border: 0;
10289
+ }
10290
+
10291
+ .e-hidden-popup {
10292
+ visibility: hidden;
10293
+ }
10294
+
10255
10295
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10256
10296
  color: #fff;
10257
10297
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 18px;
68
68
  padding-top: 18px;
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;
@@ -1287,7 +1297,7 @@
1287
1297
  min-width: 0;
1288
1298
  padding: 0 1.5px;
1289
1299
  border-radius: 2px;
1290
- line-height: 25px;
1300
+ line-height: 24px;
1291
1301
  border: none;
1292
1302
  cursor: pointer;
1293
1303
  font-size: 14px;
@@ -1308,7 +1318,7 @@
1308
1318
  min-width: 24px;
1309
1319
  width: auto;
1310
1320
  font-size: 14px;
1311
- line-height: 25px;
1321
+ line-height: 24px;
1312
1322
  }
1313
1323
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1314
1324
  padding: 0 1.5px;
@@ -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 3px 8px 0 rgba(0, 0, 0, 0.26);
2878
2894
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
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";
@@ -6211,6 +6233,9 @@
6211
6233
  .e-treeview.e-virtualization .e-ul {
6212
6234
  overflow: unset;
6213
6235
  }
6236
+ .e-treeview .e-mask-parent {
6237
+ display: none;
6238
+ }
6214
6239
  .e-treeview > .e-ul {
6215
6240
  -webkit-overflow-scrolling: touch;
6216
6241
  overflow: auto;
@@ -8029,6 +8054,21 @@ ejs-sidebar {
8029
8054
  padding-right: 8px;
8030
8055
  }
8031
8056
 
8057
+ .e-breadcrumb-menu-item {
8058
+ position: absolute;
8059
+ width: 1px;
8060
+ height: 1px;
8061
+ margin: -1px;
8062
+ padding: 0;
8063
+ overflow: hidden;
8064
+ clip: rect(0, 0, 0, 0);
8065
+ border: 0;
8066
+ }
8067
+
8068
+ .e-hidden-popup {
8069
+ visibility: hidden;
8070
+ }
8071
+
8032
8072
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
8033
8073
  color: rgba(255, 255, 255, 0.65);
8034
8074
  }
@@ -67,6 +67,9 @@
67
67
  padding-right: 18px;
68
68
  padding-top: 18px;
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,
@@ -1550,7 +1560,7 @@
1550
1560
  min-width: 0;
1551
1561
  padding: 0 1.5px;
1552
1562
  border-radius: 2px;
1553
- line-height: 25px;
1563
+ line-height: 24px;
1554
1564
  border: none;
1555
1565
  cursor: pointer;
1556
1566
  font-size: 14px;
@@ -1571,7 +1581,7 @@
1571
1581
  min-width: 24px;
1572
1582
  width: auto;
1573
1583
  font-size: 14px;
1574
- line-height: 25px;
1584
+ line-height: 24px;
1575
1585
  }
1576
1586
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
1577
1587
  padding: 0 1.5px;
@@ -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 3px 8px 0 rgba(0, 0, 0, 0.26);
3500
3516
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
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";
@@ -8093,6 +8115,9 @@
8093
8115
  .e-treeview.e-virtualization .e-ul {
8094
8116
  overflow: unset;
8095
8117
  }
8118
+ .e-treeview .e-mask-parent {
8119
+ display: none;
8120
+ }
8096
8121
  .e-treeview > .e-ul {
8097
8122
  -webkit-overflow-scrolling: touch;
8098
8123
  overflow: auto;
@@ -10393,6 +10418,21 @@ ejs-sidebar {
10393
10418
  padding-right: 8px;
10394
10419
  }
10395
10420
 
10421
+ .e-breadcrumb-menu-item {
10422
+ position: absolute;
10423
+ width: 1px;
10424
+ height: 1px;
10425
+ margin: -1px;
10426
+ padding: 0;
10427
+ overflow: hidden;
10428
+ clip: rect(0, 0, 0, 0);
10429
+ border: 0;
10430
+ }
10431
+
10432
+ .e-hidden-popup {
10433
+ visibility: hidden;
10434
+ }
10435
+
10396
10436
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10397
10437
  color: rgba(255, 255, 255, 0.65);
10398
10438
  }