@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
@@ -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
  }
@@ -481,7 +484,8 @@
481
484
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
482
485
  float: initial;
483
486
  margin-left: 0;
484
- margin-top: 10px;
487
+ margin-top: 0;
488
+ padding-top: 0;
485
489
  }
486
490
  .e-pager.e-rtl .e-parentmsgbar {
487
491
  float: right;
@@ -1614,6 +1618,9 @@
1614
1618
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1615
1619
  margin-right: 8px;
1616
1620
  }
1621
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1622
+ margin-left: 8px;
1623
+ }
1617
1624
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1618
1625
  padding: 4px;
1619
1626
  }
@@ -1644,6 +1651,7 @@
1644
1651
  }
1645
1652
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1646
1653
  margin-left: 0;
1654
+ margin-right: 8px;
1647
1655
  }
1648
1656
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1649
1657
  margin-left: 8px;
@@ -1651,11 +1659,13 @@
1651
1659
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1652
1660
  margin-left: 0;
1653
1661
  }
1654
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1662
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1663
+ margin-right: 0;
1664
+ }
1655
1665
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1656
1666
  margin-right: 0;
1667
+ margin-left: 8px;
1657
1668
  }
1658
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1659
1669
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1660
1670
  margin-right: 8px;
1661
1671
  }
@@ -2845,6 +2855,12 @@
2845
2855
  box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
2846
2856
  padding: 4px 0;
2847
2857
  }
2858
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2859
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2860
+ display: -webkit-box;
2861
+ display: -ms-flexbox;
2862
+ display: flex;
2863
+ }
2848
2864
  .e-contextmenu-wrapper ul.e-ul,
2849
2865
  .e-contextmenu-container ul.e-ul {
2850
2866
  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";
@@ -5616,18 +5632,18 @@
5616
5632
  color: var(--color-sf-primary);
5617
5633
  }
5618
5634
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
5619
- background: rgba(var(--color-sf-content-bg-color-alt2), 0.8);
5635
+ background: var(--color-sf-primary);
5620
5636
  border-color: var(--color-sf-icon-color);
5621
5637
  }
5622
5638
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
5623
5639
  color: var(--color-sf-content-bg-color-alt5);
5624
5640
  }
5625
5641
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
5626
- color: var(--color-sf-content-bg-color-alt5);
5642
+ color: var(--color-sf-primary-text-color);
5627
5643
  }
5628
5644
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
5629
5645
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
5630
- color: var(--color-sf-content-text-color);
5646
+ color: var(--color-sf-primary-text-color);
5631
5647
  }
5632
5648
  .e-tab.e-background .e-tab-header {
5633
5649
  background: var(--color-sf-primary);
@@ -6133,6 +6149,9 @@
6133
6149
  .e-treeview.e-virtualization .e-ul {
6134
6150
  overflow: unset;
6135
6151
  }
6152
+ .e-treeview .e-mask-parent {
6153
+ display: none;
6154
+ }
6136
6155
  .e-treeview > .e-ul {
6137
6156
  -webkit-overflow-scrolling: touch;
6138
6157
  overflow: auto;
@@ -7988,6 +8007,21 @@ ejs-sidebar {
7988
8007
  padding-right: 8px;
7989
8008
  }
7990
8009
 
8010
+ .e-breadcrumb-menu-item {
8011
+ position: absolute;
8012
+ width: 1px;
8013
+ height: 1px;
8014
+ margin: -1px;
8015
+ padding: 0;
8016
+ overflow: hidden;
8017
+ clip: rect(0, 0, 0, 0);
8018
+ border: 0;
8019
+ }
8020
+
8021
+ .e-hidden-popup {
8022
+ visibility: hidden;
8023
+ }
8024
+
7991
8025
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7992
8026
  color: var(--color-sf-primary-outline);
7993
8027
  }
@@ -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
  }
@@ -481,7 +484,8 @@
481
484
  .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
482
485
  float: initial;
483
486
  margin-left: 0;
484
- margin-top: 10px;
487
+ margin-top: 0;
488
+ padding-top: 0;
485
489
  }
486
490
  .e-pager.e-rtl .e-parentmsgbar {
487
491
  float: right;
@@ -747,14 +751,14 @@
747
751
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
748
752
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
749
753
  margin-left: 0;
750
- margin-top: 10px;
754
+ margin-top: 0;
751
755
  }
752
756
  }
753
757
  @media (max-width: 769px) {
754
758
  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
755
759
  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
756
760
  margin-left: 0;
757
- margin-top: 10px;
761
+ margin-top: 0;
758
762
  }
759
763
  }
760
764
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -1889,6 +1893,9 @@
1889
1893
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1890
1894
  margin-right: 8px;
1891
1895
  }
1896
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1897
+ margin-left: 8px;
1898
+ }
1892
1899
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1893
1900
  padding: 4px;
1894
1901
  }
@@ -1919,6 +1926,7 @@
1919
1926
  }
1920
1927
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1921
1928
  margin-left: 0;
1929
+ margin-right: 8px;
1922
1930
  }
1923
1931
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1924
1932
  margin-left: 8px;
@@ -1926,11 +1934,13 @@
1926
1934
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1927
1935
  margin-left: 0;
1928
1936
  }
1929
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1937
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1938
+ margin-right: 0;
1939
+ }
1930
1940
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1931
1941
  margin-right: 0;
1942
+ margin-left: 8px;
1932
1943
  }
1933
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1934
1944
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1935
1945
  margin-right: 8px;
1936
1946
  }
@@ -3479,6 +3489,12 @@
3479
3489
  box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
3480
3490
  padding: 4px 0;
3481
3491
  }
3492
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
3493
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
3494
+ display: -webkit-box;
3495
+ display: -ms-flexbox;
3496
+ display: flex;
3497
+ }
3482
3498
  .e-contextmenu-wrapper ul.e-ul,
3483
3499
  .e-contextmenu-container ul.e-ul {
3484
3500
  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";
@@ -6310,18 +6326,18 @@
6310
6326
  color: var(--color-sf-primary);
6311
6327
  }
6312
6328
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
6313
- background: rgba(var(--color-sf-content-bg-color-alt2), 0.8);
6329
+ background: var(--color-sf-primary);
6314
6330
  border-color: var(--color-sf-icon-color);
6315
6331
  }
6316
6332
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
6317
6333
  color: var(--color-sf-content-bg-color-alt5);
6318
6334
  }
6319
6335
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
6320
- color: var(--color-sf-content-bg-color-alt5);
6336
+ color: var(--color-sf-primary-text-color);
6321
6337
  }
6322
6338
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
6323
6339
  .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
6324
- color: var(--color-sf-content-text-color);
6340
+ color: var(--color-sf-primary-text-color);
6325
6341
  }
6326
6342
  .e-tab.e-background .e-tab-header {
6327
6343
  background: var(--color-sf-primary);
@@ -8028,6 +8044,9 @@
8028
8044
  .e-treeview.e-virtualization .e-ul {
8029
8045
  overflow: unset;
8030
8046
  }
8047
+ .e-treeview .e-mask-parent {
8048
+ display: none;
8049
+ }
8031
8050
  .e-treeview > .e-ul {
8032
8051
  -webkit-overflow-scrolling: touch;
8033
8052
  overflow: auto;
@@ -10371,6 +10390,21 @@ ejs-sidebar {
10371
10390
  padding-right: 8px;
10372
10391
  }
10373
10392
 
10393
+ .e-breadcrumb-menu-item {
10394
+ position: absolute;
10395
+ width: 1px;
10396
+ height: 1px;
10397
+ margin: -1px;
10398
+ padding: 0;
10399
+ overflow: hidden;
10400
+ clip: rect(0, 0, 0, 0);
10401
+ border: 0;
10402
+ }
10403
+
10404
+ .e-hidden-popup {
10405
+ visibility: hidden;
10406
+ }
10407
+
10374
10408
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
10375
10409
  color: var(--color-sf-primary-outline);
10376
10410
  }
@@ -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,18 +6253,18 @@
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(233, 236, 239, 0.8);
6256
+ background: #0d6efd;
6241
6257
  border-color: #6c757d;
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 {
6251
- color: #212529;
6267
+ color: #fff;
6252
6268
  }
6253
6269
  .e-tab.e-background .e-tab-header {
6254
6270
  background: #0d6efd;
@@ -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: #0d6efd;
10373
10407
  }
@@ -448,4 +448,18 @@
448
448
  }
449
449
  }
450
450
  }
451
+ .e-breadcrumb-menu-item {
452
+ position: absolute;
453
+ width: 1px;
454
+ height: 1px;
455
+ margin: -1px;
456
+ padding: 0;
457
+ overflow: hidden;
458
+ clip: rect(0, 0, 0, 0);
459
+ border: 0;
460
+ }
461
+
462
+ .e-hidden-popup {
463
+ visibility: hidden;
464
+ }
451
465
  }
@@ -253,6 +253,21 @@
253
253
  padding-right: 8px;
254
254
  }
255
255
 
256
+ .e-breadcrumb-menu-item {
257
+ position: absolute;
258
+ width: 1px;
259
+ height: 1px;
260
+ margin: -1px;
261
+ padding: 0;
262
+ overflow: hidden;
263
+ clip: rect(0, 0, 0, 0);
264
+ border: 0;
265
+ }
266
+
267
+ .e-hidden-popup {
268
+ visibility: hidden;
269
+ }
270
+
256
271
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
257
272
  color: var(--color-sf-text-secondary);
258
273
  }
@@ -242,6 +242,21 @@
242
242
  padding-right: 4px;
243
243
  }
244
244
 
245
+ .e-breadcrumb-menu-item {
246
+ position: absolute;
247
+ width: 1px;
248
+ height: 1px;
249
+ margin: -1px;
250
+ padding: 0;
251
+ overflow: hidden;
252
+ clip: rect(0, 0, 0, 0);
253
+ border: 0;
254
+ }
255
+
256
+ .e-hidden-popup {
257
+ visibility: hidden;
258
+ }
259
+
245
260
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
246
261
  color: #0070f0;
247
262
  }
@@ -242,6 +242,21 @@
242
242
  padding-right: 4px;
243
243
  }
244
244
 
245
+ .e-breadcrumb-menu-item {
246
+ position: absolute;
247
+ width: 1px;
248
+ height: 1px;
249
+ margin: -1px;
250
+ padding: 0;
251
+ overflow: hidden;
252
+ clip: rect(0, 0, 0, 0);
253
+ border: 0;
254
+ }
255
+
256
+ .e-hidden-popup {
257
+ visibility: hidden;
258
+ }
259
+
245
260
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
246
261
  color: #317ab9;
247
262
  }
@@ -242,6 +242,21 @@
242
242
  padding-right: 8px;
243
243
  }
244
244
 
245
+ .e-breadcrumb-menu-item {
246
+ position: absolute;
247
+ width: 1px;
248
+ height: 1px;
249
+ margin: -1px;
250
+ padding: 0;
251
+ overflow: hidden;
252
+ clip: rect(0, 0, 0, 0);
253
+ border: 0;
254
+ }
255
+
256
+ .e-hidden-popup {
257
+ visibility: hidden;
258
+ }
259
+
245
260
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
246
261
  color: #007bff;
247
262
  }
@@ -257,6 +257,21 @@
257
257
  padding-right: 8px;
258
258
  }
259
259
 
260
+ .e-breadcrumb-menu-item {
261
+ position: absolute;
262
+ width: 1px;
263
+ height: 1px;
264
+ margin: -1px;
265
+ padding: 0;
266
+ overflow: hidden;
267
+ clip: rect(0, 0, 0, 0);
268
+ border: 0;
269
+ }
270
+
271
+ .e-hidden-popup {
272
+ visibility: hidden;
273
+ }
274
+
260
275
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
261
276
  color: rgb(63.5819672131, 140.3073770492, 253.4180327869);
262
277
  }
@@ -264,6 +264,21 @@
264
264
  padding-right: 8px;
265
265
  }
266
266
 
267
+ .e-breadcrumb-menu-item {
268
+ position: absolute;
269
+ width: 1px;
270
+ height: 1px;
271
+ margin: -1px;
272
+ padding: 0;
273
+ overflow: hidden;
274
+ clip: rect(0, 0, 0, 0);
275
+ border: 0;
276
+ }
277
+
278
+ .e-hidden-popup {
279
+ visibility: hidden;
280
+ }
281
+
267
282
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
268
283
  color: var(--color-sf-primary-outline);
269
284
  }
@@ -257,6 +257,21 @@
257
257
  padding-right: 8px;
258
258
  }
259
259
 
260
+ .e-breadcrumb-menu-item {
261
+ position: absolute;
262
+ width: 1px;
263
+ height: 1px;
264
+ margin: -1px;
265
+ padding: 0;
266
+ overflow: hidden;
267
+ clip: rect(0, 0, 0, 0);
268
+ border: 0;
269
+ }
270
+
271
+ .e-hidden-popup {
272
+ visibility: hidden;
273
+ }
274
+
260
275
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
261
276
  color: #0d6efd;
262
277
  }
@@ -244,6 +244,21 @@
244
244
  padding-right: 4px;
245
245
  }
246
246
 
247
+ .e-breadcrumb-menu-item {
248
+ position: absolute;
249
+ width: 1px;
250
+ height: 1px;
251
+ margin: -1px;
252
+ padding: 0;
253
+ overflow: hidden;
254
+ clip: rect(0, 0, 0, 0);
255
+ border: 0;
256
+ }
257
+
258
+ .e-hidden-popup {
259
+ visibility: hidden;
260
+ }
261
+
247
262
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
248
263
  color: #dadada;
249
264
  }
@@ -244,6 +244,21 @@
244
244
  padding-right: 4px;
245
245
  }
246
246
 
247
+ .e-breadcrumb-menu-item {
248
+ position: absolute;
249
+ width: 1px;
250
+ height: 1px;
251
+ margin: -1px;
252
+ padding: 0;
253
+ overflow: hidden;
254
+ clip: rect(0, 0, 0, 0);
255
+ border: 0;
256
+ }
257
+
258
+ .e-hidden-popup {
259
+ visibility: hidden;
260
+ }
261
+
247
262
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
248
263
  color: #333;
249
264
  }
@@ -242,6 +242,21 @@
242
242
  padding-right: 4px;
243
243
  }
244
244
 
245
+ .e-breadcrumb-menu-item {
246
+ position: absolute;
247
+ width: 1px;
248
+ height: 1px;
249
+ margin: -1px;
250
+ padding: 0;
251
+ overflow: hidden;
252
+ clip: rect(0, 0, 0, 0);
253
+ border: 0;
254
+ }
255
+
256
+ .e-hidden-popup {
257
+ visibility: hidden;
258
+ }
259
+
245
260
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
246
261
  color: #a19f9d;
247
262
  }
@@ -242,6 +242,21 @@
242
242
  padding-right: 4px;
243
243
  }
244
244
 
245
+ .e-breadcrumb-menu-item {
246
+ position: absolute;
247
+ width: 1px;
248
+ height: 1px;
249
+ margin: -1px;
250
+ padding: 0;
251
+ overflow: hidden;
252
+ clip: rect(0, 0, 0, 0);
253
+ border: 0;
254
+ }
255
+
256
+ .e-hidden-popup {
257
+ visibility: hidden;
258
+ }
259
+
245
260
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
246
261
  color: #605e5c;
247
262
  }
@@ -279,6 +279,21 @@
279
279
  background-color: var(--color-sf-content-bg-color-pressed) !important; /* stylelint-disable-line declaration-no-important */
280
280
  }
281
281
 
282
+ .e-breadcrumb-menu-item {
283
+ position: absolute;
284
+ width: 1px;
285
+ height: 1px;
286
+ margin: -1px;
287
+ padding: 0;
288
+ overflow: hidden;
289
+ clip: rect(0, 0, 0, 0);
290
+ border: 0;
291
+ }
292
+
293
+ .e-hidden-popup {
294
+ visibility: hidden;
295
+ }
296
+
282
297
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
283
298
  color: var(--color-sf-content-text-color-alt1);
284
299
  }