@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
@@ -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: #000;
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: #fff;
249
264
  }
@@ -237,6 +237,21 @@
237
237
  padding-right: 8px;
238
238
  }
239
239
 
240
+ .e-breadcrumb-menu-item {
241
+ position: absolute;
242
+ width: 1px;
243
+ height: 1px;
244
+ margin: -1px;
245
+ padding: 0;
246
+ overflow: hidden;
247
+ clip: rect(0, 0, 0, 0);
248
+ border: 0;
249
+ }
250
+
251
+ .e-hidden-popup {
252
+ visibility: hidden;
253
+ }
254
+
240
255
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
241
256
  color: rgba(255, 255, 255, 0.65);
242
257
  }
@@ -237,6 +237,21 @@
237
237
  padding-right: 8px;
238
238
  }
239
239
 
240
+ .e-breadcrumb-menu-item {
241
+ position: absolute;
242
+ width: 1px;
243
+ height: 1px;
244
+ margin: -1px;
245
+ padding: 0;
246
+ overflow: hidden;
247
+ clip: rect(0, 0, 0, 0);
248
+ border: 0;
249
+ }
250
+
251
+ .e-hidden-popup {
252
+ visibility: hidden;
253
+ }
254
+
240
255
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
241
256
  color: rgba(0, 0, 0, 0.65);
242
257
  }
@@ -236,6 +236,21 @@
236
236
  padding-right: 8px;
237
237
  }
238
238
 
239
+ .e-breadcrumb-menu-item {
240
+ position: absolute;
241
+ width: 1px;
242
+ height: 1px;
243
+ margin: -1px;
244
+ padding: 0;
245
+ overflow: hidden;
246
+ clip: rect(0, 0, 0, 0);
247
+ border: 0;
248
+ }
249
+
250
+ .e-hidden-popup {
251
+ visibility: hidden;
252
+ }
253
+
239
254
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
240
255
  color: rgba(var(--color-sf-on-surface-variant));
241
256
  }
@@ -238,6 +238,21 @@
238
238
  padding-right: 8px;
239
239
  }
240
240
 
241
+ .e-breadcrumb-menu-item {
242
+ position: absolute;
243
+ width: 1px;
244
+ height: 1px;
245
+ margin: -1px;
246
+ padding: 0;
247
+ overflow: hidden;
248
+ clip: rect(0, 0, 0, 0);
249
+ border: 0;
250
+ }
251
+
252
+ .e-hidden-popup {
253
+ visibility: hidden;
254
+ }
255
+
241
256
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
242
257
  color: rgba(var(--color-sf-on-surface-variant));
243
258
  }
@@ -249,6 +249,21 @@
249
249
  padding-right: 8px;
250
250
  }
251
251
 
252
+ .e-breadcrumb-menu-item {
253
+ position: absolute;
254
+ width: 1px;
255
+ height: 1px;
256
+ margin: -1px;
257
+ padding: 0;
258
+ overflow: hidden;
259
+ clip: rect(0, 0, 0, 0);
260
+ border: 0;
261
+ }
262
+
263
+ .e-hidden-popup {
264
+ visibility: hidden;
265
+ }
266
+
252
267
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
253
268
  color: #9ca3af;
254
269
  }
@@ -249,6 +249,21 @@
249
249
  padding-right: 8px;
250
250
  }
251
251
 
252
+ .e-breadcrumb-menu-item {
253
+ position: absolute;
254
+ width: 1px;
255
+ height: 1px;
256
+ margin: -1px;
257
+ padding: 0;
258
+ overflow: hidden;
259
+ clip: rect(0, 0, 0, 0);
260
+ border: 0;
261
+ }
262
+
263
+ .e-hidden-popup {
264
+ visibility: hidden;
265
+ }
266
+
252
267
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
253
268
  color: #6b7280;
254
269
  }
@@ -253,6 +253,21 @@
253
253
  text-decoration: none;
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-content-text-color-alt3);
258
273
  }
@@ -18,6 +18,11 @@
18
18
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
19
19
  padding: 4px 0;
20
20
  }
21
+ &.e-contextmenu-template {
22
+ .e-menu-caret-icon {
23
+ display: flex;
24
+ }
25
+ }
21
26
  }
22
27
 
23
28
  &.e-ul {
@@ -90,6 +90,12 @@
90
90
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
91
91
  padding: 4px 0;
92
92
  }
93
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
94
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
95
+ display: -webkit-box;
96
+ display: -ms-flexbox;
97
+ display: flex;
98
+ }
93
99
  .e-contextmenu-wrapper ul.e-ul,
94
100
  .e-contextmenu-container ul.e-ul {
95
101
  font-family: "Inter";
@@ -50,6 +50,12 @@
50
50
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
51
51
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
52
52
  }
53
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
54
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
55
+ display: -webkit-box;
56
+ display: -ms-flexbox;
57
+ display: flex;
58
+ }
53
59
  .e-contextmenu-wrapper ul.e-ul,
54
60
  .e-contextmenu-container ul.e-ul {
55
61
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -52,6 +52,12 @@
52
52
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
53
53
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
54
54
  }
55
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
56
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
57
+ display: -webkit-box;
58
+ display: -ms-flexbox;
59
+ display: flex;
60
+ }
55
61
  .e-contextmenu-wrapper ul.e-ul,
56
62
  .e-contextmenu-container ul.e-ul {
57
63
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -52,6 +52,12 @@
52
52
  -webkit-box-shadow: none;
53
53
  box-shadow: none;
54
54
  }
55
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
56
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
57
+ display: -webkit-box;
58
+ display: -ms-flexbox;
59
+ display: flex;
60
+ }
55
61
  .e-contextmenu-wrapper ul.e-ul,
56
62
  .e-contextmenu-container ul.e-ul {
57
63
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -76,6 +76,12 @@
76
76
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
77
77
  padding: 4px 0;
78
78
  }
79
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
80
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
81
+ display: -webkit-box;
82
+ display: -ms-flexbox;
83
+ display: flex;
84
+ }
79
85
  .e-contextmenu-wrapper ul.e-ul,
80
86
  .e-contextmenu-container ul.e-ul {
81
87
  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";
@@ -80,6 +80,12 @@
80
80
  box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175);
81
81
  padding: 4px 0;
82
82
  }
83
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
84
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
85
+ display: -webkit-box;
86
+ display: -ms-flexbox;
87
+ display: flex;
88
+ }
83
89
  .e-contextmenu-wrapper ul.e-ul,
84
90
  .e-contextmenu-container ul.e-ul {
85
91
  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";
@@ -76,6 +76,12 @@
76
76
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
77
77
  padding: 4px 0;
78
78
  }
79
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
80
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
81
+ display: -webkit-box;
82
+ display: -ms-flexbox;
83
+ display: flex;
84
+ }
79
85
  .e-contextmenu-wrapper ul.e-ul,
80
86
  .e-contextmenu-container ul.e-ul {
81
87
  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";
@@ -50,6 +50,12 @@
50
50
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
51
51
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
52
52
  }
53
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
54
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
55
+ display: -webkit-box;
56
+ display: -ms-flexbox;
57
+ display: flex;
58
+ }
53
59
  .e-contextmenu-wrapper ul.e-ul,
54
60
  .e-contextmenu-container ul.e-ul {
55
61
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -51,6 +51,12 @@
51
51
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
52
52
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
53
53
  }
54
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
55
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
56
+ display: -webkit-box;
57
+ display: -ms-flexbox;
58
+ display: flex;
59
+ }
54
60
  .e-contextmenu-wrapper ul.e-ul,
55
61
  .e-contextmenu-container ul.e-ul {
56
62
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -75,6 +75,12 @@
75
75
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
76
76
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
77
77
  }
78
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
79
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
80
+ display: -webkit-box;
81
+ display: -ms-flexbox;
82
+ display: flex;
83
+ }
78
84
  .e-contextmenu-wrapper ul.e-ul,
79
85
  .e-contextmenu-container ul.e-ul {
80
86
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -75,6 +75,12 @@
75
75
  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
76
76
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
77
77
  }
78
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
79
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
80
+ display: -webkit-box;
81
+ display: -ms-flexbox;
82
+ display: flex;
83
+ }
78
84
  .e-contextmenu-wrapper ul.e-ul,
79
85
  .e-contextmenu-container ul.e-ul {
80
86
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -81,6 +81,12 @@
81
81
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
82
82
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
83
83
  }
84
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
85
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
86
+ display: -webkit-box;
87
+ display: -ms-flexbox;
88
+ display: flex;
89
+ }
84
90
  .e-contextmenu-wrapper ul.e-ul,
85
91
  .e-contextmenu-container ul.e-ul {
86
92
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -50,6 +50,12 @@
50
50
  -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
51
51
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
52
52
  }
53
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
54
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
55
+ display: -webkit-box;
56
+ display: -ms-flexbox;
57
+ display: flex;
58
+ }
53
59
  .e-contextmenu-wrapper ul.e-ul,
54
60
  .e-contextmenu-container ul.e-ul {
55
61
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -51,6 +51,12 @@
51
51
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
52
52
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
53
53
  }
54
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
55
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
56
+ display: -webkit-box;
57
+ display: -ms-flexbox;
58
+ display: flex;
59
+ }
54
60
  .e-contextmenu-wrapper ul.e-ul,
55
61
  .e-contextmenu-container ul.e-ul {
56
62
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -94,6 +94,12 @@
94
94
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
95
95
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
96
96
  }
97
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
98
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
99
+ display: -webkit-box;
100
+ display: -ms-flexbox;
101
+ display: flex;
102
+ }
97
103
  .e-contextmenu-wrapper ul.e-ul,
98
104
  .e-contextmenu-container ul.e-ul {
99
105
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -96,6 +96,12 @@
96
96
  -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);
97
97
  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);
98
98
  }
99
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
100
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
101
+ display: -webkit-box;
102
+ display: -ms-flexbox;
103
+ display: flex;
104
+ }
99
105
  .e-contextmenu-wrapper ul.e-ul,
100
106
  .e-contextmenu-container ul.e-ul {
101
107
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -78,6 +78,12 @@
78
78
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
79
79
  padding: 4px 0;
80
80
  }
81
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
82
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
83
+ display: -webkit-box;
84
+ display: -ms-flexbox;
85
+ display: flex;
86
+ }
81
87
  .e-contextmenu-wrapper ul.e-ul,
82
88
  .e-contextmenu-container ul.e-ul {
83
89
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
@@ -80,6 +80,12 @@
80
80
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
81
81
  padding: 4px 0;
82
82
  }
83
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
84
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
85
+ display: -webkit-box;
86
+ display: -ms-flexbox;
87
+ display: flex;
88
+ }
83
89
  .e-contextmenu-wrapper ul.e-ul,
84
90
  .e-contextmenu-container ul.e-ul {
85
91
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
@@ -76,6 +76,12 @@
76
76
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
77
77
  padding: 4px 0;
78
78
  }
79
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
80
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
81
+ display: -webkit-box;
82
+ display: -ms-flexbox;
83
+ display: flex;
84
+ }
79
85
  .e-contextmenu-wrapper ul.e-ul,
80
86
  .e-contextmenu-container ul.e-ul {
81
87
  font-family: "Inter";
@@ -76,6 +76,12 @@
76
76
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
77
77
  padding: 4px 0;
78
78
  }
79
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
80
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
81
+ display: -webkit-box;
82
+ display: -ms-flexbox;
83
+ display: flex;
84
+ }
79
85
  .e-contextmenu-wrapper ul.e-ul,
80
86
  .e-contextmenu-container ul.e-ul {
81
87
  font-family: "Inter";
@@ -79,6 +79,12 @@
79
79
  -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
80
80
  box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
81
81
  }
82
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
83
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
84
+ display: -webkit-box;
85
+ display: -ms-flexbox;
86
+ display: flex;
87
+ }
82
88
  .e-contextmenu-wrapper ul.e-ul,
83
89
  .e-contextmenu-container ul.e-ul {
84
90
  font-family: "Inter", 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";
@@ -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;
@@ -1557,6 +1567,9 @@
1557
1567
  .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1558
1568
  margin-right: 3px;
1559
1569
  }
1570
+ .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
1571
+ margin-left: 3px;
1572
+ }
1560
1573
  .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
1561
1574
  padding: 0 12px 0 0;
1562
1575
  }
@@ -1587,6 +1600,7 @@
1587
1600
  }
1588
1601
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
1589
1602
  margin-left: 0;
1603
+ margin-right: 3px;
1590
1604
  }
1591
1605
  .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
1592
1606
  margin-left: 3px;
@@ -1594,11 +1608,13 @@
1594
1608
  .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
1595
1609
  margin-left: 0;
1596
1610
  }
1597
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
1611
+ .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
1612
+ margin-right: 0;
1613
+ }
1598
1614
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
1599
1615
  margin-right: 0;
1616
+ margin-left: 3px;
1600
1617
  }
1601
- .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
1602
1618
  .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
1603
1619
  margin-right: 3px;
1604
1620
  }
@@ -2769,6 +2785,12 @@
2769
2785
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
2770
2786
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
2771
2787
  }
2788
+ .e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
2789
+ .e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
2790
+ display: -webkit-box;
2791
+ display: -ms-flexbox;
2792
+ display: flex;
2793
+ }
2772
2794
  .e-contextmenu-wrapper ul.e-ul,
2773
2795
  .e-contextmenu-container ul.e-ul {
2774
2796
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -6033,6 +6055,9 @@
6033
6055
  .e-treeview.e-virtualization .e-ul {
6034
6056
  overflow: unset;
6035
6057
  }
6058
+ .e-treeview .e-mask-parent {
6059
+ display: none;
6060
+ }
6036
6061
  .e-treeview > .e-ul {
6037
6062
  -webkit-overflow-scrolling: touch;
6038
6063
  overflow: auto;
@@ -7858,6 +7883,21 @@ ejs-sidebar {
7858
7883
  padding-right: 4px;
7859
7884
  }
7860
7885
 
7886
+ .e-breadcrumb-menu-item {
7887
+ position: absolute;
7888
+ width: 1px;
7889
+ height: 1px;
7890
+ margin: -1px;
7891
+ padding: 0;
7892
+ overflow: hidden;
7893
+ clip: rect(0, 0, 0, 0);
7894
+ border: 0;
7895
+ }
7896
+
7897
+ .e-hidden-popup {
7898
+ visibility: hidden;
7899
+ }
7900
+
7861
7901
  .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
7862
7902
  color: #dadada;
7863
7903
  }