@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

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 (642) hide show
  1. package/.eslintrc.json +3 -2
  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 +1311 -1106
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +960 -740
  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 +12 -12
  13. package/src/accordion/accordion.d.ts +0 -3
  14. package/src/accordion/accordion.js +5 -5
  15. package/src/appbar/appbar.js +1 -1
  16. package/src/breadcrumb/breadcrumb-model.d.ts +7 -0
  17. package/src/breadcrumb/breadcrumb.d.ts +6 -0
  18. package/src/breadcrumb/breadcrumb.js +20 -6
  19. package/src/carousel/carousel.d.ts +1 -0
  20. package/src/carousel/carousel.js +12 -9
  21. package/src/common/menu-base.js +21 -13
  22. package/src/sidebar/sidebar-model.d.ts +5 -6
  23. package/src/sidebar/sidebar.d.ts +8 -6
  24. package/src/sidebar/sidebar.js +2 -3
  25. package/src/stepper/stepper-model.d.ts +7 -1
  26. package/src/stepper/stepper.d.ts +7 -3
  27. package/src/stepper/stepper.js +141 -76
  28. package/src/stepper-base/stepper-base-model.d.ts +1 -1
  29. package/src/stepper-base/stepper-base.d.ts +4 -4
  30. package/src/stepper-base/stepper-base.js +13 -8
  31. package/src/tab/tab-model.d.ts +1 -1
  32. package/src/tab/tab.d.ts +0 -3
  33. package/src/tab/tab.js +2 -2
  34. package/src/toolbar/toolbar-model.d.ts +1 -1
  35. package/src/toolbar/toolbar.js +13 -9
  36. package/src/treeview/treeview-model.d.ts +60 -53
  37. package/src/treeview/treeview.d.ts +134 -29
  38. package/src/treeview/treeview.js +572 -392
  39. package/styles/accordion/_bds-definition.scss +0 -13
  40. package/styles/accordion/_bootstrap-dark-definition.scss +0 -9
  41. package/styles/accordion/_bootstrap-definition.scss +0 -14
  42. package/styles/accordion/_bootstrap4-definition.scss +0 -9
  43. package/styles/accordion/_bootstrap5-definition.scss +8 -22
  44. package/styles/accordion/_bootstrap5.3-definition.scss +168 -0
  45. package/styles/accordion/_fabric-dark-definition.scss +0 -8
  46. package/styles/accordion/_fabric-definition.scss +0 -13
  47. package/styles/accordion/_fluent-definition.scss +0 -13
  48. package/styles/accordion/_fluent2-definition.scss +167 -0
  49. package/styles/accordion/_fusionnew-definition.scss +1 -15
  50. package/styles/accordion/_highcontrast-definition.scss +0 -13
  51. package/styles/accordion/_highcontrast-light-definition.scss +0 -11
  52. package/styles/accordion/_layout.scss +0 -2
  53. package/styles/accordion/_material-dark-definition.scss +0 -11
  54. package/styles/accordion/_material-definition.scss +0 -13
  55. package/styles/accordion/_material3-definition.scss +3 -17
  56. package/styles/accordion/_tailwind-definition.scss +0 -13
  57. package/styles/accordion/_theme.scss +0 -3
  58. package/styles/accordion/bootstrap-dark.css +11 -9
  59. package/styles/accordion/bootstrap.css +11 -10
  60. package/styles/accordion/bootstrap4.css +11 -9
  61. package/styles/accordion/bootstrap5-dark.css +20 -20
  62. package/styles/accordion/bootstrap5.css +20 -20
  63. package/styles/accordion/fabric-dark.css +11 -9
  64. package/styles/accordion/fabric.css +11 -10
  65. package/styles/accordion/fluent-dark.css +11 -10
  66. package/styles/accordion/fluent.css +11 -10
  67. package/styles/accordion/fluent2.css +1574 -0
  68. package/styles/accordion/fluent2.scss +4 -0
  69. package/styles/accordion/highcontrast-light.css +11 -9
  70. package/styles/accordion/highcontrast.css +11 -10
  71. package/styles/accordion/icons/_bds.scss +0 -2
  72. package/styles/accordion/icons/_bootstrap-dark.scss +0 -2
  73. package/styles/accordion/icons/_bootstrap.scss +0 -2
  74. package/styles/accordion/icons/_bootstrap4.scss +0 -2
  75. package/styles/accordion/icons/_bootstrap5.3.scss +15 -0
  76. package/styles/accordion/icons/_bootstrap5.scss +0 -2
  77. package/styles/accordion/icons/_fabric-dark.scss +0 -2
  78. package/styles/accordion/icons/_fabric.scss +0 -2
  79. package/styles/accordion/icons/_fluent.scss +0 -2
  80. package/styles/accordion/icons/_fluent2.scss +15 -0
  81. package/styles/accordion/icons/_fusionnew.scss +0 -2
  82. package/styles/accordion/icons/_highcontrast-light.scss +0 -2
  83. package/styles/accordion/icons/_highcontrast.scss +0 -2
  84. package/styles/accordion/icons/_material-dark.scss +0 -2
  85. package/styles/accordion/icons/_material.scss +0 -2
  86. package/styles/accordion/icons/_material3.scss +0 -2
  87. package/styles/accordion/icons/_tailwind.scss +0 -2
  88. package/styles/accordion/material-dark.css +11 -9
  89. package/styles/accordion/material.css +11 -10
  90. package/styles/accordion/material3-dark.css +12 -12
  91. package/styles/accordion/material3.css +12 -12
  92. package/styles/accordion/tailwind-dark.css +11 -10
  93. package/styles/accordion/tailwind.css +11 -10
  94. package/styles/appbar/_bds-definition.scss +1 -3
  95. package/styles/appbar/_bootstrap-dark-definition.scss +0 -2
  96. package/styles/appbar/_bootstrap-definition.scss +0 -2
  97. package/styles/appbar/_bootstrap4-definition.scss +0 -2
  98. package/styles/appbar/_bootstrap5-definition.scss +0 -2
  99. package/styles/appbar/_bootstrap5.3-definition.scss +6 -0
  100. package/styles/appbar/_fabric-dark-definition.scss +0 -2
  101. package/styles/appbar/_fabric-definition.scss +0 -2
  102. package/styles/appbar/_fluent-definition.scss +0 -2
  103. package/styles/appbar/_fluent2-definition.scss +24 -0
  104. package/styles/appbar/_fusionnew-definition.scss +0 -2
  105. package/styles/appbar/_highcontrast-definition.scss +0 -2
  106. package/styles/appbar/_highcontrast-light-definition.scss +0 -2
  107. package/styles/appbar/_layout.scss +3 -2
  108. package/styles/appbar/_material-dark-definition.scss +0 -2
  109. package/styles/appbar/_material-definition.scss +0 -2
  110. package/styles/appbar/_material3-definition.scss +0 -2
  111. package/styles/appbar/_tailwind-definition.scss +0 -2
  112. package/styles/appbar/_theme.scss +0 -2
  113. package/styles/appbar/bootstrap-dark.css +52 -23
  114. package/styles/appbar/bootstrap.css +52 -23
  115. package/styles/appbar/bootstrap4.css +52 -23
  116. package/styles/appbar/bootstrap5-dark.css +52 -23
  117. package/styles/appbar/bootstrap5.css +52 -23
  118. package/styles/appbar/fabric-dark.css +52 -23
  119. package/styles/appbar/fabric.css +52 -23
  120. package/styles/appbar/fluent-dark.css +52 -23
  121. package/styles/appbar/fluent.css +52 -23
  122. package/styles/appbar/fluent2.css +1332 -0
  123. package/styles/appbar/fluent2.scss +3 -0
  124. package/styles/appbar/highcontrast-light.css +52 -23
  125. package/styles/appbar/highcontrast.css +52 -23
  126. package/styles/appbar/material-dark.css +52 -23
  127. package/styles/appbar/material.css +52 -23
  128. package/styles/appbar/material3-dark.css +62 -26
  129. package/styles/appbar/material3.css +62 -26
  130. package/styles/appbar/tailwind-dark.css +52 -23
  131. package/styles/appbar/tailwind.css +52 -23
  132. package/styles/bootstrap-dark.css +1042 -643
  133. package/styles/bootstrap-dark.scss +47 -14
  134. package/styles/bootstrap.css +1050 -656
  135. package/styles/bootstrap.scss +47 -14
  136. package/styles/bootstrap4.css +1060 -673
  137. package/styles/bootstrap4.scss +47 -14
  138. package/styles/bootstrap5-dark.css +1101 -736
  139. package/styles/bootstrap5-dark.scss +47 -14
  140. package/styles/bootstrap5.css +1101 -736
  141. package/styles/bootstrap5.scss +47 -14
  142. package/styles/breadcrumb/_all.scss +0 -1
  143. package/styles/breadcrumb/_bds-definition.scss +1 -1
  144. package/styles/breadcrumb/_bootstrap5.3-definition.scss +57 -0
  145. package/styles/breadcrumb/_fluent-definition.scss +2 -1
  146. package/styles/breadcrumb/_fluent2-definition.scss +61 -0
  147. package/styles/breadcrumb/_layout.scss +92 -10
  148. package/styles/breadcrumb/_theme.scss +31 -2
  149. package/styles/breadcrumb/bootstrap-dark.css +37 -22
  150. package/styles/breadcrumb/bootstrap.css +37 -22
  151. package/styles/breadcrumb/bootstrap4.css +37 -22
  152. package/styles/breadcrumb/bootstrap5-dark.css +37 -22
  153. package/styles/breadcrumb/bootstrap5.css +37 -22
  154. package/styles/breadcrumb/fabric-dark.css +37 -22
  155. package/styles/breadcrumb/fabric.css +37 -22
  156. package/styles/breadcrumb/fluent-dark.css +39 -24
  157. package/styles/breadcrumb/fluent.css +39 -24
  158. package/styles/breadcrumb/fluent2.css +1489 -0
  159. package/styles/breadcrumb/fluent2.scss +4 -0
  160. package/styles/breadcrumb/highcontrast-light.css +37 -22
  161. package/styles/breadcrumb/highcontrast.css +37 -22
  162. package/styles/breadcrumb/icons/_bds.scss +0 -2
  163. package/styles/breadcrumb/icons/_bootstrap-dark.scss +0 -2
  164. package/styles/breadcrumb/icons/_bootstrap.scss +0 -2
  165. package/styles/breadcrumb/icons/_bootstrap4.scss +0 -2
  166. package/styles/breadcrumb/icons/_bootstrap5.3.scss +23 -0
  167. package/styles/breadcrumb/icons/_bootstrap5.scss +0 -2
  168. package/styles/breadcrumb/icons/_fabric-dark.scss +0 -2
  169. package/styles/breadcrumb/icons/_fabric.scss +0 -2
  170. package/styles/breadcrumb/icons/_fluent.scss +0 -2
  171. package/styles/breadcrumb/icons/_fluent2.scss +23 -0
  172. package/styles/breadcrumb/icons/_fusionnew.scss +0 -2
  173. package/styles/breadcrumb/icons/_highcontrast-light.scss +0 -2
  174. package/styles/breadcrumb/icons/_highcontrast.scss +0 -2
  175. package/styles/breadcrumb/icons/_material-dark.scss +0 -2
  176. package/styles/breadcrumb/icons/_material.scss +0 -2
  177. package/styles/breadcrumb/icons/_material3.scss +0 -2
  178. package/styles/breadcrumb/icons/_tailwind-dark.scss +0 -2
  179. package/styles/breadcrumb/icons/_tailwind.scss +0 -2
  180. package/styles/breadcrumb/material-dark.css +37 -22
  181. package/styles/breadcrumb/material.css +37 -22
  182. package/styles/breadcrumb/material3-dark.css +39 -23
  183. package/styles/breadcrumb/material3.css +39 -23
  184. package/styles/breadcrumb/tailwind-dark.css +37 -22
  185. package/styles/breadcrumb/tailwind.css +37 -22
  186. package/styles/carousel/_bds-definition.scss +0 -7
  187. package/styles/carousel/_bootstrap-dark-definition.scss +0 -7
  188. package/styles/carousel/_bootstrap-definition.scss +0 -7
  189. package/styles/carousel/_bootstrap4-definition.scss +0 -7
  190. package/styles/carousel/_bootstrap5-definition.scss +0 -7
  191. package/styles/carousel/_bootstrap5.3-definition.scss +20 -0
  192. package/styles/carousel/_fabric-dark-definition.scss +0 -7
  193. package/styles/carousel/_fabric-definition.scss +0 -7
  194. package/styles/carousel/_fluent-definition.scss +0 -7
  195. package/styles/carousel/_fluent2-definition.scss +21 -0
  196. package/styles/carousel/_fusionnew-definition.scss +0 -7
  197. package/styles/carousel/_highcontrast-definition.scss +0 -7
  198. package/styles/carousel/_highcontrast-light-definition.scss +0 -7
  199. package/styles/carousel/_layout.scss +0 -2
  200. package/styles/carousel/_material-dark-definition.scss +0 -7
  201. package/styles/carousel/_material-definition.scss +0 -7
  202. package/styles/carousel/_material3-definition.scss +0 -7
  203. package/styles/carousel/_tailwind-definition.scss +0 -7
  204. package/styles/carousel/_theme.scss +8 -2
  205. package/styles/carousel/bootstrap-dark.css +93 -39
  206. package/styles/carousel/bootstrap.css +93 -39
  207. package/styles/carousel/bootstrap4.css +93 -39
  208. package/styles/carousel/bootstrap5-dark.css +93 -39
  209. package/styles/carousel/bootstrap5.css +93 -39
  210. package/styles/carousel/fabric-dark.css +93 -39
  211. package/styles/carousel/fabric.css +93 -39
  212. package/styles/carousel/fluent-dark.css +93 -39
  213. package/styles/carousel/fluent.css +93 -39
  214. package/styles/carousel/fluent2.css +1405 -0
  215. package/styles/carousel/fluent2.scss +5 -0
  216. package/styles/carousel/highcontrast-light.css +93 -39
  217. package/styles/carousel/highcontrast.css +93 -39
  218. package/styles/carousel/icons/_bootstrap5.3.scss +30 -0
  219. package/styles/carousel/icons/_fluent2.scss +30 -0
  220. package/styles/carousel/material-dark.css +93 -39
  221. package/styles/carousel/material.css +93 -39
  222. package/styles/carousel/material3-dark.css +98 -41
  223. package/styles/carousel/material3.css +98 -41
  224. package/styles/carousel/tailwind-dark.css +93 -39
  225. package/styles/carousel/tailwind.css +93 -39
  226. package/styles/context-menu/_bds-definition.scss +5 -2
  227. package/styles/context-menu/_bootstrap-dark-definition.scss +0 -3
  228. package/styles/context-menu/_bootstrap5-definition.scss +0 -1
  229. package/styles/context-menu/_bootstrap5.3-definition.scss +51 -0
  230. package/styles/context-menu/_fabric-dark-definition.scss +0 -3
  231. package/styles/context-menu/_fluent-definition.scss +0 -1
  232. package/styles/context-menu/_fluent2-definition.scss +52 -0
  233. package/styles/context-menu/_fusionnew-definition.scss +0 -1
  234. package/styles/context-menu/_highcontrast-light-definition.scss +0 -3
  235. package/styles/context-menu/_layout-mixin.scss +24 -0
  236. package/styles/context-menu/_layout.scss +44 -4
  237. package/styles/context-menu/_material-dark-definition.scss +0 -3
  238. package/styles/context-menu/_material3-definition.scss +0 -1
  239. package/styles/context-menu/_tailwind-definition.scss +0 -1
  240. package/styles/context-menu/_theme-mixin.scss +13 -0
  241. package/styles/context-menu/_theme.scss +6 -3
  242. package/styles/context-menu/bootstrap-dark.css +19 -11
  243. package/styles/context-menu/bootstrap.css +21 -12
  244. package/styles/context-menu/bootstrap4.css +21 -12
  245. package/styles/context-menu/bootstrap5-dark.css +36 -14
  246. package/styles/context-menu/bootstrap5.css +36 -14
  247. package/styles/context-menu/fabric-dark.css +19 -11
  248. package/styles/context-menu/fabric.css +19 -11
  249. package/styles/context-menu/fluent-dark.css +36 -14
  250. package/styles/context-menu/fluent.css +36 -14
  251. package/styles/context-menu/fluent2.css +1497 -0
  252. package/styles/context-menu/fluent2.scss +7 -0
  253. package/styles/context-menu/highcontrast-light.css +19 -11
  254. package/styles/context-menu/highcontrast.css +19 -11
  255. package/styles/context-menu/icons/_bds.scss +0 -2
  256. package/styles/context-menu/icons/_bootstrap-dark.scss +0 -2
  257. package/styles/context-menu/icons/_bootstrap.scss +0 -2
  258. package/styles/context-menu/icons/_bootstrap4.scss +0 -2
  259. package/styles/context-menu/icons/_bootstrap5.3.scss +31 -0
  260. package/styles/context-menu/icons/_bootstrap5.scss +0 -2
  261. package/styles/context-menu/icons/_fabric-dark.scss +0 -2
  262. package/styles/context-menu/icons/_fabric.scss +0 -2
  263. package/styles/context-menu/icons/_fluent.scss +0 -2
  264. package/styles/context-menu/icons/_fluent2.scss +31 -0
  265. package/styles/context-menu/icons/_fusionnew.scss +0 -2
  266. package/styles/context-menu/icons/_highcontrast-light.scss +0 -2
  267. package/styles/context-menu/icons/_highcontrast.scss +0 -2
  268. package/styles/context-menu/icons/_material-dark.scss +0 -2
  269. package/styles/context-menu/icons/_material.scss +0 -2
  270. package/styles/context-menu/icons/_material3.scss +0 -2
  271. package/styles/context-menu/icons/_tailwind-dark.scss +0 -2
  272. package/styles/context-menu/icons/_tailwind.scss +0 -2
  273. package/styles/context-menu/material-dark.css +49 -15
  274. package/styles/context-menu/material.css +49 -15
  275. package/styles/context-menu/material3-dark.css +38 -15
  276. package/styles/context-menu/material3.css +38 -15
  277. package/styles/context-menu/tailwind-dark.css +36 -14
  278. package/styles/context-menu/tailwind.css +36 -14
  279. package/styles/fabric-dark.css +1040 -641
  280. package/styles/fabric-dark.scss +47 -14
  281. package/styles/fabric.css +1042 -652
  282. package/styles/fabric.scss +47 -14
  283. package/styles/fluent-dark.css +1074 -698
  284. package/styles/fluent-dark.scss +47 -14
  285. package/styles/fluent.css +1074 -698
  286. package/styles/fluent.scss +47 -14
  287. package/styles/fluent2.css +13003 -0
  288. package/styles/fluent2.scss +47 -0
  289. package/styles/h-scroll/_bootstrap5.3-definition.scss +83 -0
  290. package/styles/h-scroll/_fluent2-definition.scss +83 -0
  291. package/styles/h-scroll/bootstrap-dark.css +22 -10
  292. package/styles/h-scroll/bootstrap.css +22 -10
  293. package/styles/h-scroll/bootstrap4.css +22 -10
  294. package/styles/h-scroll/bootstrap5-dark.css +41 -14
  295. package/styles/h-scroll/bootstrap5.css +41 -14
  296. package/styles/h-scroll/fabric-dark.css +22 -10
  297. package/styles/h-scroll/fabric.css +22 -10
  298. package/styles/h-scroll/fluent-dark.css +41 -14
  299. package/styles/h-scroll/fluent.css +41 -14
  300. package/styles/h-scroll/fluent2.css +1341 -0
  301. package/styles/h-scroll/fluent2.scss +4 -0
  302. package/styles/h-scroll/highcontrast-light.css +22 -10
  303. package/styles/h-scroll/highcontrast.css +22 -10
  304. package/styles/h-scroll/icons/_bootstrap5.3.scss +49 -0
  305. package/styles/h-scroll/icons/_fluent2.scss +49 -0
  306. package/styles/h-scroll/material-dark.css +41 -14
  307. package/styles/h-scroll/material.css +41 -14
  308. package/styles/h-scroll/material3-dark.css +44 -15
  309. package/styles/h-scroll/material3.css +44 -15
  310. package/styles/h-scroll/tailwind-dark.css +41 -14
  311. package/styles/h-scroll/tailwind.css +41 -14
  312. package/styles/highcontrast-light.css +1040 -641
  313. package/styles/highcontrast-light.scss +47 -14
  314. package/styles/highcontrast.css +1056 -655
  315. package/styles/highcontrast.scss +47 -14
  316. package/styles/material-dark.css +1144 -709
  317. package/styles/material-dark.scss +47 -14
  318. package/styles/material.css +1157 -726
  319. package/styles/material.scss +47 -14
  320. package/styles/material3-dark.css +1148 -731
  321. package/styles/material3-dark.scss +47 -14
  322. package/styles/material3.css +1148 -731
  323. package/styles/material3.scss +47 -14
  324. package/styles/menu/_bds-definition.scss +0 -1
  325. package/styles/menu/_bootstrap-dark-definition.scss +0 -3
  326. package/styles/menu/_bootstrap5-definition.scss +0 -1
  327. package/styles/menu/_bootstrap5.3-definition.scss +66 -0
  328. package/styles/menu/_fabric-dark-definition.scss +0 -3
  329. package/styles/menu/_fluent-definition.scss +0 -1
  330. package/styles/menu/_fluent2-definition.scss +67 -0
  331. package/styles/menu/_fusionnew-definition.scss +0 -1
  332. package/styles/menu/_layout.scss +38 -17
  333. package/styles/menu/_material-dark-definition.scss +0 -3
  334. package/styles/menu/_material3-definition.scss +0 -1
  335. package/styles/menu/_tailwind-definition.scss +0 -1
  336. package/styles/menu/_theme.scss +46 -14
  337. package/styles/menu/bootstrap-dark.css +41 -39
  338. package/styles/menu/bootstrap.css +43 -40
  339. package/styles/menu/bootstrap4.css +47 -50
  340. package/styles/menu/bootstrap5-dark.css +58 -42
  341. package/styles/menu/bootstrap5.css +58 -42
  342. package/styles/menu/fabric-dark.css +41 -39
  343. package/styles/menu/fabric.css +41 -39
  344. package/styles/menu/fluent-dark.css +60 -47
  345. package/styles/menu/fluent.css +60 -47
  346. package/styles/menu/fluent2.css +2226 -0
  347. package/styles/menu/fluent2.scss +8 -0
  348. package/styles/menu/highcontrast-light.css +41 -39
  349. package/styles/menu/highcontrast.css +41 -39
  350. package/styles/menu/icons/_bds.scss +2 -32
  351. package/styles/menu/icons/_bootstrap-dark.scss +2 -31
  352. package/styles/menu/icons/_bootstrap.scss +2 -32
  353. package/styles/menu/icons/_bootstrap4.scss +2 -32
  354. package/styles/menu/icons/_bootstrap5.3.scss +104 -0
  355. package/styles/menu/icons/_bootstrap5.scss +2 -32
  356. package/styles/menu/icons/_fabric-dark.scss +2 -32
  357. package/styles/menu/icons/_fabric.scss +2 -32
  358. package/styles/menu/icons/_fluent.scss +2 -32
  359. package/styles/menu/icons/_fluent2.scss +104 -0
  360. package/styles/menu/icons/_fusionnew.scss +2 -32
  361. package/styles/menu/icons/_highcontrast-light.scss +2 -32
  362. package/styles/menu/icons/_highcontrast.scss +2 -32
  363. package/styles/menu/icons/_material-dark.scss +2 -32
  364. package/styles/menu/icons/_material.scss +2 -32
  365. package/styles/menu/icons/_material3.scss +2 -32
  366. package/styles/menu/icons/_tailwind-dark.scss +2 -32
  367. package/styles/menu/icons/_tailwind.scss +2 -32
  368. package/styles/menu/material-dark.css +71 -43
  369. package/styles/menu/material.css +71 -43
  370. package/styles/menu/material3-dark.css +61 -43
  371. package/styles/menu/material3.css +61 -43
  372. package/styles/menu/tailwind-dark.css +58 -42
  373. package/styles/menu/tailwind.css +58 -42
  374. package/styles/pager/_bds-definition.scss +6 -6
  375. package/styles/pager/_bootstrap-dark-definition.scss +2 -2
  376. package/styles/pager/_bootstrap-definition.scss +8 -8
  377. package/styles/pager/_bootstrap4-definition.scss +10 -10
  378. package/styles/pager/_bootstrap5-definition.scss +19 -19
  379. package/styles/pager/_bootstrap5.3-definition.scss +166 -0
  380. package/styles/pager/_fabric-dark-definition.scss +3 -5
  381. package/styles/pager/_fabric-definition.scss +3 -3
  382. package/styles/pager/_fluent-definition.scss +11 -11
  383. package/styles/pager/_fluent2-definition.scss +152 -0
  384. package/styles/pager/_fusionnew-definition.scss +19 -19
  385. package/styles/pager/_highcontrast-definition.scss +2 -2
  386. package/styles/pager/_highcontrast-light-definition.scss +2 -4
  387. package/styles/pager/_layout.scss +340 -339
  388. package/styles/pager/_material-dark-definition.scss +4 -6
  389. package/styles/pager/_material-definition.scss +4 -4
  390. package/styles/pager/_material3-definition.scss +22 -22
  391. package/styles/pager/_tailwind-definition.scss +17 -17
  392. package/styles/pager/_theme.scss +43 -26
  393. package/styles/pager/bootstrap-dark.css +88 -76
  394. package/styles/pager/bootstrap.css +90 -78
  395. package/styles/pager/bootstrap4.css +90 -78
  396. package/styles/pager/bootstrap5-dark.css +114 -111
  397. package/styles/pager/bootstrap5.css +114 -111
  398. package/styles/pager/fabric-dark.css +86 -74
  399. package/styles/pager/fabric.css +86 -74
  400. package/styles/pager/fluent-dark.css +92 -80
  401. package/styles/pager/fluent.css +92 -80
  402. package/styles/pager/fluent2.css +1862 -0
  403. package/styles/pager/fluent2.scss +4 -0
  404. package/styles/pager/highcontrast-light.css +86 -74
  405. package/styles/pager/highcontrast.css +86 -74
  406. package/styles/pager/icons/_bootstrap5.3.scss +50 -0
  407. package/styles/pager/icons/_fluent2.scss +50 -0
  408. package/styles/pager/material-dark.css +86 -74
  409. package/styles/pager/material.css +86 -74
  410. package/styles/pager/material3-dark.css +107 -106
  411. package/styles/pager/material3.css +107 -106
  412. package/styles/pager/tailwind-dark.css +139 -144
  413. package/styles/pager/tailwind.css +139 -144
  414. package/styles/sidebar/_bds-definition.scss +8 -0
  415. package/styles/sidebar/_bootstrap5.3-definition.scss +6 -0
  416. package/styles/sidebar/_fluent2-definition.scss +8 -0
  417. package/styles/sidebar/_material3-definition.scss +0 -3
  418. package/styles/sidebar/_theme.scss +114 -45
  419. package/styles/sidebar/bootstrap-dark.css +124 -49
  420. package/styles/sidebar/bootstrap.css +124 -49
  421. package/styles/sidebar/bootstrap4.css +124 -49
  422. package/styles/sidebar/bootstrap5-dark.css +122 -47
  423. package/styles/sidebar/bootstrap5.css +122 -47
  424. package/styles/sidebar/fabric-dark.css +124 -49
  425. package/styles/sidebar/fabric.css +124 -49
  426. package/styles/sidebar/fluent-dark.css +122 -47
  427. package/styles/sidebar/fluent.css +122 -47
  428. package/styles/sidebar/fluent2.css +1263 -0
  429. package/styles/sidebar/fluent2.scss +3 -0
  430. package/styles/sidebar/highcontrast-light.css +124 -49
  431. package/styles/sidebar/highcontrast.css +124 -49
  432. package/styles/sidebar/material-dark.css +124 -49
  433. package/styles/sidebar/material.css +124 -49
  434. package/styles/sidebar/material3-dark.css +125 -49
  435. package/styles/sidebar/material3.css +125 -49
  436. package/styles/sidebar/tailwind-dark.css +122 -47
  437. package/styles/sidebar/tailwind.css +122 -47
  438. package/styles/stepper/_bds-definition.scss +0 -7
  439. package/styles/stepper/_bootstrap-dark-definition.scss +0 -7
  440. package/styles/stepper/_bootstrap-definition.scss +0 -7
  441. package/styles/stepper/_bootstrap4-definition.scss +0 -7
  442. package/styles/stepper/_bootstrap5-definition.scss +0 -7
  443. package/styles/stepper/_bootstrap5.3-definition.scss +73 -0
  444. package/styles/stepper/_fabric-dark-definition.scss +0 -7
  445. package/styles/stepper/_fabric-definition.scss +0 -7
  446. package/styles/stepper/_fluent-definition.scss +0 -7
  447. package/styles/stepper/_fluent2-definition.scss +72 -0
  448. package/styles/stepper/_fusionnew-definition.scss +0 -7
  449. package/styles/stepper/_highcontrast-definition.scss +0 -7
  450. package/styles/stepper/_highcontrast-light-definition.scss +0 -7
  451. package/styles/stepper/_layout.scss +90 -143
  452. package/styles/stepper/_material-dark-definition.scss +0 -7
  453. package/styles/stepper/_material-definition.scss +0 -7
  454. package/styles/stepper/_material3-definition.scss +0 -7
  455. package/styles/stepper/_tailwind-definition.scss +0 -7
  456. package/styles/stepper/_theme.scss +12 -20
  457. package/styles/stepper/bootstrap-dark.css +162 -118
  458. package/styles/stepper/bootstrap.css +162 -118
  459. package/styles/stepper/bootstrap4.css +162 -118
  460. package/styles/stepper/bootstrap5-dark.css +162 -118
  461. package/styles/stepper/bootstrap5.css +162 -118
  462. package/styles/stepper/fabric-dark.css +162 -118
  463. package/styles/stepper/fabric.css +162 -118
  464. package/styles/stepper/fluent-dark.css +162 -118
  465. package/styles/stepper/fluent.css +162 -118
  466. package/styles/stepper/fluent2.css +1742 -0
  467. package/styles/stepper/fluent2.scss +5 -0
  468. package/styles/stepper/highcontrast-light.css +162 -118
  469. package/styles/stepper/highcontrast.css +162 -118
  470. package/styles/stepper/icons/_bootstrap5.3.scss +5 -0
  471. package/styles/stepper/icons/_fluent2.scss +5 -0
  472. package/styles/stepper/material-dark.css +162 -118
  473. package/styles/stepper/material.css +162 -118
  474. package/styles/stepper/material3-dark.css +167 -119
  475. package/styles/stepper/material3.css +167 -119
  476. package/styles/stepper/tailwind-dark.css +162 -118
  477. package/styles/stepper/tailwind.css +162 -118
  478. package/styles/tab/_bds-definition.scss +5 -45
  479. package/styles/tab/_bootstrap-dark-definition.scss +0 -26
  480. package/styles/tab/_bootstrap-definition.scss +0 -35
  481. package/styles/tab/_bootstrap4-definition.scss +9 -42
  482. package/styles/tab/_bootstrap5-definition.scss +0 -26
  483. package/styles/tab/_bootstrap5.3-definition.scss +635 -0
  484. package/styles/tab/_fabric-dark-definition.scss +0 -22
  485. package/styles/tab/_fabric-definition.scss +1 -36
  486. package/styles/tab/_fluent-definition.scss +0 -31
  487. package/styles/tab/_fluent2-definition.scss +667 -0
  488. package/styles/tab/_fusionnew-definition.scss +0 -26
  489. package/styles/tab/_highcontrast-definition.scss +0 -35
  490. package/styles/tab/_highcontrast-light-definition.scss +0 -24
  491. package/styles/tab/_icons.scss +0 -2
  492. package/styles/tab/_layout.scss +29 -31
  493. package/styles/tab/_material-dark-definition.scss +0 -28
  494. package/styles/tab/_material-definition.scss +0 -39
  495. package/styles/tab/_material3-definition.scss +3 -28
  496. package/styles/tab/_tailwind-definition.scss +0 -39
  497. package/styles/tab/_theme.scss +21 -2
  498. package/styles/tab/bootstrap-dark.css +171 -78
  499. package/styles/tab/bootstrap.css +171 -83
  500. package/styles/tab/bootstrap4.css +177 -87
  501. package/styles/tab/bootstrap5-dark.css +171 -84
  502. package/styles/tab/bootstrap5.css +171 -84
  503. package/styles/tab/fabric-dark.css +171 -78
  504. package/styles/tab/fabric.css +173 -85
  505. package/styles/tab/fluent-dark.css +171 -81
  506. package/styles/tab/fluent.css +171 -81
  507. package/styles/tab/fluent2.css +5251 -0
  508. package/styles/tab/fluent2.scss +5 -0
  509. package/styles/tab/highcontrast-light.css +171 -78
  510. package/styles/tab/highcontrast.css +171 -83
  511. package/styles/tab/icons/_bds.scss +0 -2
  512. package/styles/tab/icons/_bootstrap-dark.scss +0 -2
  513. package/styles/tab/icons/_bootstrap.scss +0 -2
  514. package/styles/tab/icons/_bootstrap4.scss +0 -2
  515. package/styles/tab/icons/_bootstrap5.3.scss +90 -0
  516. package/styles/tab/icons/_bootstrap5.scss +0 -2
  517. package/styles/tab/icons/_fabric-dark.scss +0 -2
  518. package/styles/tab/icons/_fabric.scss +0 -2
  519. package/styles/tab/icons/_fluent.scss +0 -2
  520. package/styles/tab/icons/_fluent2.scss +98 -0
  521. package/styles/tab/icons/_fusionnew.scss +0 -2
  522. package/styles/tab/icons/_highcontrast-light.scss +0 -2
  523. package/styles/tab/icons/_highcontrast.scss +0 -2
  524. package/styles/tab/icons/_material-dark.scss +0 -2
  525. package/styles/tab/icons/_material.scss +0 -2
  526. package/styles/tab/icons/_material3.scss +0 -2
  527. package/styles/tab/icons/_tailwind.scss +0 -2
  528. package/styles/tab/material-dark.css +232 -84
  529. package/styles/tab/material.css +232 -90
  530. package/styles/tab/material3-dark.css +174 -85
  531. package/styles/tab/material3.css +174 -85
  532. package/styles/tab/tailwind-dark.css +217 -87
  533. package/styles/tab/tailwind.css +217 -87
  534. package/styles/tailwind-dark.css +1165 -763
  535. package/styles/tailwind-dark.scss +47 -14
  536. package/styles/tailwind.css +1165 -763
  537. package/styles/tailwind.scss +47 -14
  538. package/styles/toolbar/_bds-definition.scss +0 -18
  539. package/styles/toolbar/_bootstrap-dark-definition.scss +0 -15
  540. package/styles/toolbar/_bootstrap-definition.scss +0 -3
  541. package/styles/toolbar/_bootstrap4-definition.scss +0 -13
  542. package/styles/toolbar/_bootstrap5-definition.scss +0 -22
  543. package/styles/toolbar/_bootstrap5.3-definition.scss +198 -0
  544. package/styles/toolbar/_fabric-dark-definition.scss +0 -15
  545. package/styles/toolbar/_fabric-definition.scss +0 -13
  546. package/styles/toolbar/_fluent-definition.scss +0 -13
  547. package/styles/toolbar/_fluent2-definition.scss +197 -0
  548. package/styles/toolbar/_fusionnew-definition.scss +0 -22
  549. package/styles/toolbar/_highcontrast-definition.scss +0 -14
  550. package/styles/toolbar/_highcontrast-light-definition.scss +0 -15
  551. package/styles/toolbar/_layout.scss +18 -32
  552. package/styles/toolbar/_material-dark-definition.scss +0 -16
  553. package/styles/toolbar/_material-definition.scss +0 -16
  554. package/styles/toolbar/_material3-definition.scss +0 -21
  555. package/styles/toolbar/_tailwind-definition.scss +0 -13
  556. package/styles/toolbar/_theme.scss +66 -5
  557. package/styles/toolbar/bootstrap-dark.css +94 -61
  558. package/styles/toolbar/bootstrap.css +96 -62
  559. package/styles/toolbar/bootstrap4.css +96 -62
  560. package/styles/toolbar/bootstrap5-dark.css +111 -64
  561. package/styles/toolbar/bootstrap5.css +111 -64
  562. package/styles/toolbar/fabric-dark.css +94 -61
  563. package/styles/toolbar/fabric.css +94 -61
  564. package/styles/toolbar/fluent-dark.css +111 -64
  565. package/styles/toolbar/fluent.css +111 -64
  566. package/styles/toolbar/fluent2.css +2224 -0
  567. package/styles/toolbar/fluent2.scss +8 -0
  568. package/styles/toolbar/highcontrast-light.css +94 -61
  569. package/styles/toolbar/highcontrast.css +94 -61
  570. package/styles/toolbar/icons/_bds.scss +0 -2
  571. package/styles/toolbar/icons/_bootstrap-dark.scss +0 -2
  572. package/styles/toolbar/icons/_bootstrap.scss +0 -2
  573. package/styles/toolbar/icons/_bootstrap4.scss +0 -2
  574. package/styles/toolbar/icons/_bootstrap5.3.scss +14 -0
  575. package/styles/toolbar/icons/_bootstrap5.scss +0 -2
  576. package/styles/toolbar/icons/_fabric-dark.scss +0 -2
  577. package/styles/toolbar/icons/_fabric.scss +0 -2
  578. package/styles/toolbar/icons/_fluent.scss +0 -2
  579. package/styles/toolbar/icons/_fluent2.scss +14 -0
  580. package/styles/toolbar/icons/_fusionnew.scss +0 -2
  581. package/styles/toolbar/icons/_highcontrast-light.scss +0 -2
  582. package/styles/toolbar/icons/_highcontrast.scss +0 -2
  583. package/styles/toolbar/icons/_material-dark.scss +0 -2
  584. package/styles/toolbar/icons/_material.scss +0 -2
  585. package/styles/toolbar/icons/_material3.scss +0 -2
  586. package/styles/toolbar/icons/_tailwind.scss +0 -2
  587. package/styles/toolbar/material-dark.css +143 -69
  588. package/styles/toolbar/material.css +143 -70
  589. package/styles/toolbar/material3-dark.css +123 -65
  590. package/styles/toolbar/material3.css +123 -65
  591. package/styles/toolbar/tailwind-dark.css +111 -64
  592. package/styles/toolbar/tailwind.css +111 -64
  593. package/styles/treeview/_bootstrap5.3-definition.scss +119 -0
  594. package/styles/treeview/_fluent2-definition.scss +126 -0
  595. package/styles/treeview/_layout.scss +154 -146
  596. package/styles/treeview/_material3-definition.scss +1 -12
  597. package/styles/treeview/_theme.scss +154 -168
  598. package/styles/treeview/bootstrap-dark.css +106 -98
  599. package/styles/treeview/bootstrap.css +112 -100
  600. package/styles/treeview/bootstrap4.css +112 -104
  601. package/styles/treeview/bootstrap5-dark.css +112 -103
  602. package/styles/treeview/bootstrap5.css +112 -103
  603. package/styles/treeview/fabric-dark.css +106 -98
  604. package/styles/treeview/fabric.css +106 -98
  605. package/styles/treeview/fluent-dark.css +112 -103
  606. package/styles/treeview/fluent.css +112 -103
  607. package/styles/treeview/fluent2.css +2052 -0
  608. package/styles/treeview/fluent2.scss +6 -0
  609. package/styles/treeview/highcontrast-light.css +106 -98
  610. package/styles/treeview/highcontrast.css +122 -103
  611. package/styles/treeview/icons/_bootstrap5.3.scss +43 -0
  612. package/styles/treeview/icons/_fluent2.scss +43 -0
  613. package/styles/treeview/material-dark.css +115 -99
  614. package/styles/treeview/material.css +129 -101
  615. package/styles/treeview/material3-dark.css +136 -109
  616. package/styles/treeview/material3.css +136 -109
  617. package/styles/treeview/tailwind-dark.css +113 -105
  618. package/styles/treeview/tailwind.css +113 -105
  619. package/styles/v-scroll/_bootstrap5.3-definition.scss +49 -0
  620. package/styles/v-scroll/_fluent2-definition.scss +49 -0
  621. package/styles/v-scroll/bootstrap-dark.css +22 -10
  622. package/styles/v-scroll/bootstrap.css +22 -10
  623. package/styles/v-scroll/bootstrap4.css +22 -10
  624. package/styles/v-scroll/bootstrap5-dark.css +22 -10
  625. package/styles/v-scroll/bootstrap5.css +22 -10
  626. package/styles/v-scroll/fabric-dark.css +22 -10
  627. package/styles/v-scroll/fabric.css +22 -10
  628. package/styles/v-scroll/fluent-dark.css +22 -10
  629. package/styles/v-scroll/fluent.css +22 -10
  630. package/styles/v-scroll/fluent2.css +1248 -0
  631. package/styles/v-scroll/fluent2.scss +4 -0
  632. package/styles/v-scroll/highcontrast-light.css +22 -10
  633. package/styles/v-scroll/highcontrast.css +22 -10
  634. package/styles/v-scroll/icons/_bootstrap5.3.scss +27 -0
  635. package/styles/v-scroll/icons/_fluent2.scss +27 -0
  636. package/styles/v-scroll/material-dark.css +41 -14
  637. package/styles/v-scroll/material.css +41 -14
  638. package/styles/v-scroll/material3-dark.css +25 -11
  639. package/styles/v-scroll/material3.css +25 -11
  640. package/styles/v-scroll/tailwind-dark.css +22 -10
  641. package/styles/v-scroll/tailwind.css +22 -10
  642. package/CHANGELOG.md +0 -2355
package/styles/context-menu/material.css CHANGED
@@ -1,24 +1,49 @@
1
1
  /*! component's theme wise override definitions and variables */
2
+ @-webkit-keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
11
+ }
12
+ }
2
13
  @keyframes hscroll-popup-shadow {
3
14
  0% {
4
15
  border-color: rgba(255, 255, 255, 0.5);
5
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
16
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
17
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
18
  }
7
19
  100% {
8
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
20
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
21
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
22
  }
10
23
  }
11
24
  /*! component's theme wise override definitions and variables */
25
+ @-webkit-keyframes vscroll-popup-shadow {
26
+ 0% {
27
+ border-color: rgba(255, 255, 255, 0.5);
28
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
29
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
30
+ }
31
+ 100% {
32
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
33
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
34
+ }
35
+ }
12
36
  @keyframes vscroll-popup-shadow {
13
37
  0% {
14
38
  border-color: rgba(255, 255, 255, 0.5);
15
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
39
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
40
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
16
41
  }
17
42
  100% {
18
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
43
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
44
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
19
45
  }
20
46
  }
21
- /*! contextmenu layout */
22
47
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
23
48
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
24
49
  content: "\e977";
@@ -33,7 +58,6 @@
33
58
  content: "\e937";
34
59
  }
35
60
 
36
- /*! contextmenu layout */
37
61
  .e-contextmenu-wrapper ul,
38
62
  .e-contextmenu-container ul {
39
63
  font-weight: normal;
@@ -43,13 +67,15 @@
43
67
  margin: 0;
44
68
  overflow: hidden;
45
69
  -webkit-user-select: none;
70
+ -moz-user-select: none;
46
71
  -ms-user-select: none;
47
72
  user-select: none;
48
73
  font-size: 14px;
49
74
  padding: 0;
50
75
  border: none;
51
76
  border-radius: 0;
52
- 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);
77
+ -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);
78
+ 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);
53
79
  display: none;
54
80
  min-width: 120px;
55
81
  position: absolute;
@@ -57,7 +83,8 @@
57
83
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
58
84
  .e-contextmenu-container ul.e-ul,
59
85
  .e-contextmenu-container ul.e-ul * {
60
- box-sizing: border-box;
86
+ -webkit-box-sizing: border-box;
87
+ box-sizing: border-box;
61
88
  }
62
89
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
63
90
  .e-contextmenu-container ul.e-ul:focus,
@@ -66,7 +93,8 @@
66
93
  }
67
94
  .e-contextmenu-wrapper ul.e-contextmenu,
68
95
  .e-contextmenu-container ul.e-contextmenu {
69
- 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);
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
+ 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);
70
98
  }
71
99
  .e-contextmenu-wrapper ul.e-ul,
72
100
  .e-contextmenu-container ul.e-ul {
@@ -150,6 +178,8 @@
150
178
  }
151
179
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
152
180
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
181
+ width: -webkit-max-content;
182
+ width: -moz-max-content;
153
183
  width: max-content;
154
184
  }
155
185
 
@@ -169,7 +199,8 @@
169
199
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
170
200
  background: transparent;
171
201
  border: 0;
172
- box-shadow: none;
202
+ -webkit-box-shadow: none;
203
+ box-shadow: none;
173
204
  height: 1px;
174
205
  left: 0;
175
206
  min-width: 0;
@@ -189,7 +220,8 @@
189
220
  }
190
221
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
191
222
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
192
- 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);
223
+ -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);
224
+ 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);
193
225
  }
194
226
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
195
227
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -206,7 +238,8 @@
206
238
  }
207
239
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
208
240
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
209
- box-shadow: none;
241
+ -webkit-box-shadow: none;
242
+ box-shadow: none;
210
243
  margin-top: -12px;
211
244
  width: inherit;
212
245
  }
@@ -250,7 +283,8 @@
250
283
  font-size: 15px;
251
284
  padding: 8px 0;
252
285
  white-space: nowrap;
253
- 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);
286
+ -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);
287
+ 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);
254
288
  max-width: 280px;
255
289
  min-width: 112px;
256
290
  }
@@ -301,13 +335,13 @@
301
335
  padding-left: 36px;
302
336
  }
303
337
 
304
- .e-contextmenu-wrapper .e-menu-item {
338
+ .e-contextmenu-wrapper .e-menu-item,
339
+ .e-contextmenu-container .e-menu-item {
305
340
  white-space: nowrap;
306
341
  overflow: hidden;
307
342
  text-overflow: ellipsis;
308
343
  }
309
344
 
310
- /*! contextmenu theme */
311
345
  .e-contextmenu-wrapper ul,
312
346
  .e-contextmenu-container ul {
313
347
  background-color: #fff;
package/styles/context-menu/material3-dark.css CHANGED
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -54,17 +54,30 @@
54
54
  }
55
55
 
56
56
  /*! component's theme wise override definitions and variables */
57
+ @-webkit-keyframes hscroll-popup-shadow {
58
+ 0% {
59
+ border-color: rgba(255, 255, 255, 0.5);
60
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
61
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
62
+ }
63
+ 100% {
64
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
65
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
66
+ }
67
+ }
57
68
  @keyframes hscroll-popup-shadow {
58
69
  0% {
59
70
  border-color: rgba(255, 255, 255, 0.5);
60
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
71
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
72
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
61
73
  }
62
74
  100% {
63
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
75
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
76
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
64
77
  }
65
78
  }
66
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
67
- /*! contextmenu layout */
79
+ /*! component's theme wise override definitions and variables */
80
+ /* stylelint-disable-line no-empty-source */
68
81
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
69
82
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
70
83
  content: "\e773";
@@ -79,7 +92,6 @@
79
92
  content: "\e765";
80
93
  }
81
94
 
82
- /*! contextmenu layout */
83
95
  .e-contextmenu-wrapper ul,
84
96
  .e-contextmenu-container ul {
85
97
  font-weight: 400;
@@ -89,13 +101,15 @@
89
101
  margin: 0;
90
102
  overflow: hidden;
91
103
  -webkit-user-select: none;
104
+ -moz-user-select: none;
92
105
  -ms-user-select: none;
93
106
  user-select: none;
94
107
  font-size: 14px;
95
108
  padding: 4px 0;
96
109
  border: 1px solid rgba(var(--color-sf-outline-variant));
97
110
  border-radius: 4px;
98
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
111
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
112
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
99
113
  display: none;
100
114
  min-width: 120px;
101
115
  position: absolute;
@@ -103,7 +117,8 @@
103
117
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
104
118
  .e-contextmenu-container ul.e-ul,
105
119
  .e-contextmenu-container ul.e-ul * {
106
- box-sizing: border-box;
120
+ -webkit-box-sizing: border-box;
121
+ box-sizing: border-box;
107
122
  }
108
123
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
109
124
  .e-contextmenu-container ul.e-ul:focus,
@@ -112,7 +127,8 @@
112
127
  }
113
128
  .e-contextmenu-wrapper ul.e-contextmenu,
114
129
  .e-contextmenu-container ul.e-contextmenu {
115
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
130
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
131
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
116
132
  padding: 4px 0;
117
133
  }
118
134
  .e-contextmenu-wrapper ul.e-ul,
@@ -197,6 +213,8 @@
197
213
  }
198
214
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
199
215
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
216
+ width: -webkit-max-content;
217
+ width: -moz-max-content;
200
218
  width: max-content;
201
219
  }
202
220
 
@@ -216,7 +234,8 @@
216
234
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
217
235
  background: transparent;
218
236
  border: 0;
219
- box-shadow: none;
237
+ -webkit-box-shadow: none;
238
+ box-shadow: none;
220
239
  height: 1px;
221
240
  left: 0;
222
241
  min-width: 0;
@@ -236,7 +255,8 @@
236
255
  }
237
256
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
238
257
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
239
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
258
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
259
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
240
260
  }
241
261
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
242
262
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -253,7 +273,8 @@
253
273
  }
254
274
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
255
275
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
256
- box-shadow: none;
276
+ -webkit-box-shadow: none;
277
+ box-shadow: none;
257
278
  margin-top: -12px;
258
279
  width: inherit;
259
280
  }
@@ -297,7 +318,8 @@
297
318
  font-size: 16px;
298
319
  padding: 8px 0;
299
320
  white-space: nowrap;
300
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
321
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
322
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
301
323
  max-width: 280px;
302
324
  min-width: 112px;
303
325
  padding: 8px 0;
@@ -349,15 +371,16 @@
349
371
  padding-left: 36px;
350
372
  }
351
373
 
352
- .e-contextmenu-wrapper .e-menu-item {
374
+ .e-contextmenu-wrapper .e-menu-item,
375
+ .e-contextmenu-container .e-menu-item {
353
376
  white-space: nowrap;
354
377
  overflow: hidden;
355
378
  text-overflow: ellipsis;
356
379
  }
357
380
 
358
- /*! contextmenu theme */
359
381
  .e-contextmenu-wrapper ul,
360
382
  .e-contextmenu-container ul {
383
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
361
384
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
362
385
  color: rgba(var(--color-sf-on-surface));
363
386
  }
package/styles/context-menu/material3.css CHANGED
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -110,17 +110,30 @@
110
110
  }
111
111
 
112
112
  /*! component's theme wise override definitions and variables */
113
+ @-webkit-keyframes hscroll-popup-shadow {
114
+ 0% {
115
+ border-color: rgba(255, 255, 255, 0.5);
116
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
117
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
118
+ }
119
+ 100% {
120
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
121
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
122
+ }
123
+ }
113
124
  @keyframes hscroll-popup-shadow {
114
125
  0% {
115
126
  border-color: rgba(255, 255, 255, 0.5);
116
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
127
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
128
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
117
129
  }
118
130
  100% {
119
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
131
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
132
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
120
133
  }
121
134
  }
122
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
123
- /*! contextmenu layout */
135
+ /*! component's theme wise override definitions and variables */
136
+ /* stylelint-disable-line no-empty-source */
124
137
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
125
138
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
126
139
  content: "\e773";
@@ -135,7 +148,6 @@
135
148
  content: "\e765";
136
149
  }
137
150
 
138
- /*! contextmenu layout */
139
151
  .e-contextmenu-wrapper ul,
140
152
  .e-contextmenu-container ul {
141
153
  font-weight: 400;
@@ -145,13 +157,15 @@
145
157
  margin: 0;
146
158
  overflow: hidden;
147
159
  -webkit-user-select: none;
160
+ -moz-user-select: none;
148
161
  -ms-user-select: none;
149
162
  user-select: none;
150
163
  font-size: 14px;
151
164
  padding: 4px 0;
152
165
  border: 1px solid rgba(var(--color-sf-outline-variant));
153
166
  border-radius: 4px;
154
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
167
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
168
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
155
169
  display: none;
156
170
  min-width: 120px;
157
171
  position: absolute;
@@ -159,7 +173,8 @@
159
173
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
160
174
  .e-contextmenu-container ul.e-ul,
161
175
  .e-contextmenu-container ul.e-ul * {
162
- box-sizing: border-box;
176
+ -webkit-box-sizing: border-box;
177
+ box-sizing: border-box;
163
178
  }
164
179
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
165
180
  .e-contextmenu-container ul.e-ul:focus,
@@ -168,7 +183,8 @@
168
183
  }
169
184
  .e-contextmenu-wrapper ul.e-contextmenu,
170
185
  .e-contextmenu-container ul.e-contextmenu {
171
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
186
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
187
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
172
188
  padding: 4px 0;
173
189
  }
174
190
  .e-contextmenu-wrapper ul.e-ul,
@@ -253,6 +269,8 @@
253
269
  }
254
270
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
255
271
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
272
+ width: -webkit-max-content;
273
+ width: -moz-max-content;
256
274
  width: max-content;
257
275
  }
258
276
 
@@ -272,7 +290,8 @@
272
290
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
273
291
  background: transparent;
274
292
  border: 0;
275
- box-shadow: none;
293
+ -webkit-box-shadow: none;
294
+ box-shadow: none;
276
295
  height: 1px;
277
296
  left: 0;
278
297
  min-width: 0;
@@ -292,7 +311,8 @@
292
311
  }
293
312
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
294
313
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
295
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
314
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
315
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
296
316
  }
297
317
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
298
318
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -309,7 +329,8 @@
309
329
  }
310
330
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
311
331
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
312
- box-shadow: none;
332
+ -webkit-box-shadow: none;
333
+ box-shadow: none;
313
334
  margin-top: -12px;
314
335
  width: inherit;
315
336
  }
@@ -353,7 +374,8 @@
353
374
  font-size: 16px;
354
375
  padding: 8px 0;
355
376
  white-space: nowrap;
356
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
377
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
378
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
357
379
  max-width: 280px;
358
380
  min-width: 112px;
359
381
  padding: 8px 0;
@@ -405,15 +427,16 @@
405
427
  padding-left: 36px;
406
428
  }
407
429
 
408
- .e-contextmenu-wrapper .e-menu-item {
430
+ .e-contextmenu-wrapper .e-menu-item,
431
+ .e-contextmenu-container .e-menu-item {
409
432
  white-space: nowrap;
410
433
  overflow: hidden;
411
434
  text-overflow: ellipsis;
412
435
  }
413
436
 
414
- /*! contextmenu theme */
415
437
  .e-contextmenu-wrapper ul,
416
438
  .e-contextmenu-container ul {
439
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
417
440
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
418
441
  color: rgba(var(--color-sf-on-surface));
419
442
  }
package/styles/context-menu/tailwind-dark.css CHANGED
@@ -1,15 +1,28 @@
1
1
  /*! component's theme wise override definitions and variables */
2
+ @-webkit-keyframes hscroll-popup-shadow {
3
+ 0% {
4
+ border-color: rgba(255, 255, 255, 0.5);
5
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
7
+ }
8
+ 100% {
9
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
10
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
11
+ }
12
+ }
2
13
  @keyframes hscroll-popup-shadow {
3
14
  0% {
4
15
  border-color: rgba(255, 255, 255, 0.5);
5
- box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
16
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
17
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
6
18
  }
7
19
  100% {
8
- box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
20
+ -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
21
+ box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
9
22
  }
10
23
  }
11
- /*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
12
- /*! contextmenu layout */
24
+ /*! component's theme wise override definitions and variables */
25
+ /* stylelint-disable-line no-empty-source */
13
26
  .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
14
27
  .e-contextmenu-container ul .e-menu-item .e-previous::before {
15
28
  content: "\e773";
@@ -24,7 +37,6 @@
24
37
  content: "\e765";
25
38
  }
26
39
 
27
- /*! contextmenu layout */
28
40
  .e-contextmenu-wrapper ul,
29
41
  .e-contextmenu-container ul {
30
42
  font-weight: 400;
@@ -34,13 +46,15 @@
34
46
  margin: 0;
35
47
  overflow: hidden;
36
48
  -webkit-user-select: none;
49
+ -moz-user-select: none;
37
50
  -ms-user-select: none;
38
51
  user-select: none;
39
52
  font-size: 14px;
40
53
  padding: 4px 0;
41
54
  border: 1px solid #4b5563;
42
55
  border-radius: 4px;
43
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
56
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
57
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
44
58
  display: none;
45
59
  min-width: 120px;
46
60
  position: absolute;
@@ -48,7 +62,8 @@
48
62
  .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
49
63
  .e-contextmenu-container ul.e-ul,
50
64
  .e-contextmenu-container ul.e-ul * {
51
- box-sizing: border-box;
65
+ -webkit-box-sizing: border-box;
66
+ box-sizing: border-box;
52
67
  }
53
68
  .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
54
69
  .e-contextmenu-container ul.e-ul:focus,
@@ -57,7 +72,8 @@
57
72
  }
58
73
  .e-contextmenu-wrapper ul.e-contextmenu,
59
74
  .e-contextmenu-container ul.e-contextmenu {
60
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
75
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
76
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
61
77
  padding: 4px 0;
62
78
  }
63
79
  .e-contextmenu-wrapper ul.e-ul,
@@ -142,6 +158,8 @@
142
158
  }
143
159
  .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
144
160
  .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
161
+ width: -webkit-max-content;
162
+ width: -moz-max-content;
145
163
  width: max-content;
146
164
  }
147
165
 
@@ -161,7 +179,8 @@
161
179
  .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
162
180
  background: transparent;
163
181
  border: 0;
164
- box-shadow: none;
182
+ -webkit-box-shadow: none;
183
+ box-shadow: none;
165
184
  height: 1px;
166
185
  left: 0;
167
186
  min-width: 0;
@@ -181,7 +200,8 @@
181
200
  }
182
201
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
183
202
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
184
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
203
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
204
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
185
205
  }
186
206
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
187
207
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -198,7 +218,8 @@
198
218
  }
199
219
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
200
220
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
201
- box-shadow: none;
221
+ -webkit-box-shadow: none;
222
+ box-shadow: none;
202
223
  margin-top: -12px;
203
224
  width: inherit;
204
225
  }
@@ -242,7 +263,8 @@
242
263
  font-size: 16px;
243
264
  padding: 4px 0;
244
265
  white-space: nowrap;
245
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
266
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
267
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
246
268
  max-width: 280px;
247
269
  min-width: 112px;
248
270
  }
@@ -294,13 +316,13 @@
294
316
  padding-left: 36px;
295
317
  }
296
318
 
297
- .e-contextmenu-wrapper .e-menu-item {
319
+ .e-contextmenu-wrapper .e-menu-item,
320
+ .e-contextmenu-container .e-menu-item {
298
321
  white-space: nowrap;
299
322
  overflow: hidden;
300
323
  text-overflow: ellipsis;
301
324
  }
302
325
 
303
- /*! contextmenu theme */
304
326
  .e-contextmenu-wrapper ul,
305
327
  .e-contextmenu-container ul {
306
328
  background-color: #374151;