@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35-7502

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 (290) hide show
  1. package/.eslintrc.json +3 -2
  2. package/{ReadMe.md → README.md} +1 -1
  3. package/dist/ej2-dropdowns.min.js +10 -1
  4. package/dist/ej2-dropdowns.umd.min.js +10 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +505 -215
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +498 -207
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +10 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +9 -0
  13. package/package.json +80 -79
  14. package/src/auto-complete/auto-complete-model.d.ts +10 -10
  15. package/src/auto-complete/auto-complete.d.ts +12 -12
  16. package/src/auto-complete/auto-complete.js +3 -3
  17. package/src/combo-box/combo-box-model.d.ts +17 -17
  18. package/src/combo-box/combo-box.d.ts +27 -27
  19. package/src/combo-box/combo-box.js +25 -10
  20. package/src/common/interface.js +0 -1
  21. package/src/common/virtual-scroll.js +1 -0
  22. package/src/drop-down-base/drop-down-base-model.d.ts +21 -14
  23. package/src/drop-down-base/drop-down-base.d.ts +43 -17
  24. package/src/drop-down-base/drop-down-base.js +65 -10
  25. package/src/drop-down-list/drop-down-list-model.d.ts +3 -3
  26. package/src/drop-down-list/drop-down-list.d.ts +19 -5
  27. package/src/drop-down-list/drop-down-list.js +130 -5
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +16 -16
  29. package/src/drop-down-tree/drop-down-tree.d.ts +18 -14
  30. package/src/drop-down-tree/drop-down-tree.js +52 -38
  31. package/src/list-box/list-box-model.d.ts +2 -2
  32. package/src/list-box/list-box.d.ts +2 -2
  33. package/src/list-box/list-box.js +30 -9
  34. package/src/mention/mention.js +23 -8
  35. package/src/multi-select/interface.js +0 -1
  36. package/src/multi-select/multi-select.d.ts +15 -0
  37. package/src/multi-select/multi-select.js +135 -12
  38. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  39. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  40. package/styles/auto-complete/bootstrap-dark.css +5 -2
  41. package/styles/auto-complete/bootstrap.css +5 -2
  42. package/styles/auto-complete/bootstrap4.css +6 -2
  43. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  44. package/styles/auto-complete/bootstrap5.css +6 -2
  45. package/styles/auto-complete/fabric-dark.css +3 -1
  46. package/styles/auto-complete/fabric.css +3 -1
  47. package/styles/auto-complete/fluent-dark.css +6 -2
  48. package/styles/auto-complete/fluent.css +6 -2
  49. package/styles/auto-complete/fluent2.css +1140 -0
  50. package/styles/auto-complete/fluent2.scss +4 -0
  51. package/styles/auto-complete/highcontrast-light.css +3 -1
  52. package/styles/auto-complete/highcontrast.css +3 -1
  53. package/styles/auto-complete/material-dark.css +16 -5
  54. package/styles/auto-complete/material.css +16 -5
  55. package/styles/auto-complete/material3-dark.css +17 -6
  56. package/styles/auto-complete/material3-dark.scss +1 -1
  57. package/styles/auto-complete/material3.css +17 -6
  58. package/styles/auto-complete/material3.scss +1 -1
  59. package/styles/auto-complete/tailwind-dark.css +16 -5
  60. package/styles/auto-complete/tailwind.css +16 -5
  61. package/styles/bootstrap-dark.css +196 -228
  62. package/styles/bootstrap-dark.scss +28 -8
  63. package/styles/bootstrap.css +196 -228
  64. package/styles/bootstrap.scss +28 -8
  65. package/styles/bootstrap4.css +199 -229
  66. package/styles/bootstrap4.scss +28 -8
  67. package/styles/bootstrap5-dark.css +196 -221
  68. package/styles/bootstrap5-dark.scss +28 -8
  69. package/styles/bootstrap5.css +196 -221
  70. package/styles/bootstrap5.scss +28 -8
  71. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  72. package/styles/combo-box/_fluent2-definition.scss +2 -0
  73. package/styles/combo-box/bootstrap-dark.css +5 -2
  74. package/styles/combo-box/bootstrap.css +5 -2
  75. package/styles/combo-box/bootstrap4.css +6 -2
  76. package/styles/combo-box/bootstrap5-dark.css +6 -2
  77. package/styles/combo-box/bootstrap5.css +6 -2
  78. package/styles/combo-box/fabric-dark.css +3 -1
  79. package/styles/combo-box/fabric.css +3 -1
  80. package/styles/combo-box/fluent-dark.css +6 -2
  81. package/styles/combo-box/fluent.css +6 -2
  82. package/styles/combo-box/fluent2.css +1140 -0
  83. package/styles/combo-box/fluent2.scss +4 -0
  84. package/styles/combo-box/highcontrast-light.css +3 -1
  85. package/styles/combo-box/highcontrast.css +3 -1
  86. package/styles/combo-box/material-dark.css +16 -5
  87. package/styles/combo-box/material.css +16 -5
  88. package/styles/combo-box/material3-dark.css +17 -6
  89. package/styles/combo-box/material3-dark.scss +1 -1
  90. package/styles/combo-box/material3.css +17 -6
  91. package/styles/combo-box/material3.scss +1 -1
  92. package/styles/combo-box/tailwind-dark.css +16 -5
  93. package/styles/combo-box/tailwind.css +16 -5
  94. package/styles/drop-down-base/_bds-definition.scss +2 -2
  95. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  96. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  97. package/styles/drop-down-base/_layout.scss +12 -2
  98. package/styles/drop-down-base/_material3-definition.scss +0 -11
  99. package/styles/drop-down-base/_theme.scss +2 -11
  100. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  101. package/styles/drop-down-base/bootstrap.css +2 -1
  102. package/styles/drop-down-base/bootstrap4.css +2 -1
  103. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  104. package/styles/drop-down-base/bootstrap5.css +2 -1
  105. package/styles/drop-down-base/fabric-dark.css +2 -1
  106. package/styles/drop-down-base/fabric.css +2 -1
  107. package/styles/drop-down-base/fluent-dark.css +2 -1
  108. package/styles/drop-down-base/fluent.css +2 -1
  109. package/styles/drop-down-base/fluent2.css +1447 -0
  110. package/styles/drop-down-base/fluent2.scss +3 -0
  111. package/styles/drop-down-base/highcontrast-light.css +2 -1
  112. package/styles/drop-down-base/highcontrast.css +2 -1
  113. package/styles/drop-down-base/material-dark.css +2 -1
  114. package/styles/drop-down-base/material.css +2 -1
  115. package/styles/drop-down-base/material3-dark.css +9 -2
  116. package/styles/drop-down-base/material3-dark.scss +1 -1
  117. package/styles/drop-down-base/material3.css +9 -2
  118. package/styles/drop-down-base/material3.scss +1 -1
  119. package/styles/drop-down-base/tailwind-dark.css +2 -1
  120. package/styles/drop-down-base/tailwind.css +2 -1
  121. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  122. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  123. package/styles/drop-down-list/_layout.scss +5 -3
  124. package/styles/drop-down-list/_material3-definition.scss +0 -8
  125. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  126. package/styles/drop-down-list/bootstrap.css +38 -3
  127. package/styles/drop-down-list/bootstrap4.css +39 -3
  128. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  129. package/styles/drop-down-list/bootstrap5.css +39 -3
  130. package/styles/drop-down-list/fabric-dark.css +36 -2
  131. package/styles/drop-down-list/fabric.css +36 -2
  132. package/styles/drop-down-list/fluent-dark.css +39 -3
  133. package/styles/drop-down-list/fluent.css +39 -3
  134. package/styles/drop-down-list/fluent2.css +1684 -0
  135. package/styles/drop-down-list/fluent2.scss +9 -0
  136. package/styles/drop-down-list/highcontrast-light.css +36 -2
  137. package/styles/drop-down-list/highcontrast.css +36 -2
  138. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  139. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  140. package/styles/drop-down-list/material-dark.css +58 -7
  141. package/styles/drop-down-list/material.css +72 -9
  142. package/styles/drop-down-list/material3-dark.css +74 -10
  143. package/styles/drop-down-list/material3-dark.scss +1 -1
  144. package/styles/drop-down-list/material3.css +74 -10
  145. package/styles/drop-down-list/material3.scss +1 -1
  146. package/styles/drop-down-list/tailwind-dark.css +49 -6
  147. package/styles/drop-down-list/tailwind.css +49 -6
  148. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  149. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  150. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  151. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  152. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  153. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  154. package/styles/drop-down-tree/_layout.scss +289 -327
  155. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  156. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  157. package/styles/drop-down-tree/_theme.scss +24 -41
  158. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  159. package/styles/drop-down-tree/bootstrap.css +63 -29
  160. package/styles/drop-down-tree/bootstrap4.css +64 -30
  161. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  162. package/styles/drop-down-tree/bootstrap5.css +63 -27
  163. package/styles/drop-down-tree/fabric-dark.css +63 -29
  164. package/styles/drop-down-tree/fabric.css +63 -29
  165. package/styles/drop-down-tree/fluent-dark.css +71 -35
  166. package/styles/drop-down-tree/fluent.css +71 -35
  167. package/styles/drop-down-tree/fluent2.css +1732 -0
  168. package/styles/drop-down-tree/fluent2.scss +9 -0
  169. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  170. package/styles/drop-down-tree/highcontrast.css +63 -23
  171. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  172. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  173. package/styles/drop-down-tree/material-dark.css +80 -43
  174. package/styles/drop-down-tree/material.css +97 -51
  175. package/styles/drop-down-tree/material3-dark.css +85 -32
  176. package/styles/drop-down-tree/material3-dark.scss +1 -1
  177. package/styles/drop-down-tree/material3.css +85 -32
  178. package/styles/drop-down-tree/material3.scss +1 -1
  179. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  180. package/styles/drop-down-tree/tailwind.css +72 -28
  181. package/styles/fabric-dark.css +194 -227
  182. package/styles/fabric-dark.scss +28 -8
  183. package/styles/fabric.css +194 -227
  184. package/styles/fabric.scss +28 -8
  185. package/styles/fluent-dark.css +206 -236
  186. package/styles/fluent-dark.scss +28 -8
  187. package/styles/fluent.css +206 -236
  188. package/styles/fluent.scss +28 -8
  189. package/styles/fluent2.css +4771 -0
  190. package/styles/fluent2.scss +28 -0
  191. package/styles/highcontrast-light.css +197 -227
  192. package/styles/highcontrast-light.scss +28 -8
  193. package/styles/highcontrast.css +197 -221
  194. package/styles/highcontrast.scss +28 -8
  195. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  196. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  197. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  198. package/styles/list-box/_fluent2-definition.scss +121 -0
  199. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  200. package/styles/list-box/_layout.scss +65 -44
  201. package/styles/list-box/_material-dark-definition.scss +0 -2
  202. package/styles/list-box/_tailwind-definition.scss +1 -1
  203. package/styles/list-box/_theme.scss +36 -65
  204. package/styles/list-box/bootstrap-dark.css +72 -112
  205. package/styles/list-box/bootstrap.css +72 -112
  206. package/styles/list-box/bootstrap4.css +72 -112
  207. package/styles/list-box/bootstrap5-dark.css +72 -106
  208. package/styles/list-box/bootstrap5.css +72 -106
  209. package/styles/list-box/fabric-dark.css +72 -112
  210. package/styles/list-box/fabric.css +72 -112
  211. package/styles/list-box/fluent-dark.css +72 -112
  212. package/styles/list-box/fluent.css +72 -112
  213. package/styles/list-box/fluent2.css +2029 -0
  214. package/styles/list-box/fluent2.scss +5 -0
  215. package/styles/list-box/highcontrast-light.css +72 -112
  216. package/styles/list-box/highcontrast.css +72 -112
  217. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  218. package/styles/list-box/icons/_fluent2.scss +25 -0
  219. package/styles/list-box/material-dark.css +72 -112
  220. package/styles/list-box/material.css +72 -112
  221. package/styles/list-box/material3-dark.css +73 -113
  222. package/styles/list-box/material3-dark.scss +1 -1
  223. package/styles/list-box/material3.css +73 -113
  224. package/styles/list-box/material3.scss +1 -1
  225. package/styles/list-box/tailwind-dark.css +74 -114
  226. package/styles/list-box/tailwind.css +74 -114
  227. package/styles/material-dark.css +236 -260
  228. package/styles/material-dark.scss +28 -8
  229. package/styles/material.css +253 -284
  230. package/styles/material.scss +28 -8
  231. package/styles/material3-dark.css +253 -266
  232. package/styles/material3-dark.scss +29 -9
  233. package/styles/material3.css +253 -266
  234. package/styles/material3.scss +29 -9
  235. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  236. package/styles/mention/_fluent2-definition.scss +1 -0
  237. package/styles/mention/bootstrap-dark.css +24 -0
  238. package/styles/mention/bootstrap.css +24 -0
  239. package/styles/mention/bootstrap4.css +24 -0
  240. package/styles/mention/bootstrap5-dark.css +24 -0
  241. package/styles/mention/bootstrap5.css +24 -0
  242. package/styles/mention/fabric-dark.css +24 -0
  243. package/styles/mention/fabric.css +24 -0
  244. package/styles/mention/fluent-dark.css +24 -0
  245. package/styles/mention/fluent.css +24 -0
  246. package/styles/mention/fluent2.css +1130 -0
  247. package/styles/mention/fluent2.scss +6 -0
  248. package/styles/mention/highcontrast-light.css +24 -0
  249. package/styles/mention/highcontrast.css +24 -0
  250. package/styles/mention/material-dark.css +24 -0
  251. package/styles/mention/material.css +24 -0
  252. package/styles/mention/material3-dark.css +25 -1
  253. package/styles/mention/material3-dark.scss +1 -1
  254. package/styles/mention/material3.css +25 -1
  255. package/styles/mention/material3.scss +1 -1
  256. package/styles/mention/tailwind-dark.css +24 -0
  257. package/styles/mention/tailwind.css +24 -0
  258. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  259. package/styles/multi-select/_fluent2-definition.scss +236 -0
  260. package/styles/multi-select/_layout.scss +32 -38
  261. package/styles/multi-select/_material3-definition.scss +0 -15
  262. package/styles/multi-select/_theme.scss +0 -4
  263. package/styles/multi-select/bootstrap-dark.css +67 -28
  264. package/styles/multi-select/bootstrap.css +67 -28
  265. package/styles/multi-select/bootstrap4.css +70 -29
  266. package/styles/multi-select/bootstrap5-dark.css +67 -28
  267. package/styles/multi-select/bootstrap5.css +67 -28
  268. package/styles/multi-select/fabric-dark.css +67 -28
  269. package/styles/multi-select/fabric.css +67 -28
  270. package/styles/multi-select/fluent-dark.css +69 -29
  271. package/styles/multi-select/fluent.css +69 -29
  272. package/styles/multi-select/fluent2.css +2663 -0
  273. package/styles/multi-select/fluent2.scss +9 -0
  274. package/styles/multi-select/highcontrast-light.css +70 -28
  275. package/styles/multi-select/highcontrast.css +70 -28
  276. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  277. package/styles/multi-select/icons/_fluent2.scss +692 -0
  278. package/styles/multi-select/material-dark.css +88 -32
  279. package/styles/multi-select/material.css +102 -34
  280. package/styles/multi-select/material3-dark.css +109 -35
  281. package/styles/multi-select/material3-dark.scss +1 -1
  282. package/styles/multi-select/material3.css +109 -35
  283. package/styles/multi-select/material3.scss +1 -1
  284. package/styles/multi-select/tailwind-dark.css +67 -28
  285. package/styles/multi-select/tailwind.css +67 -28
  286. package/styles/tailwind-dark.css +217 -233
  287. package/styles/tailwind-dark.scss +28 -8
  288. package/styles/tailwind.css +217 -233
  289. package/styles/tailwind.scss +28 -8
  290. package/CHANGELOG.md +0 -2200
package/styles/auto-complete/fluent2.scss ADDED
@@ -0,0 +1,4 @@
1
+ @import 'ej2-base/styles/definition/fluent2.scss';
2
+ @import '../drop-down-list/fluent2-definition.scss';
3
+ @import 'fluent2-definition.scss';
4
+ @import 'all.scss';
package/styles/auto-complete/highcontrast-light.css CHANGED
@@ -8,7 +8,8 @@
8
8
 
9
9
  .e-ddl.e-popup {
10
10
  border: 0;
11
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
11
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
13
  margin-top: 1px;
13
14
  }
14
15
  .e-ddl.e-popup .e-content.e-nodata {
@@ -18,6 +19,7 @@
18
19
  color: #23726c;
19
20
  }
20
21
  .e-ddl.e-popup .e-input-group {
22
+ display: -webkit-box;
21
23
  display: -ms-flexbox;
22
24
  display: flex;
23
25
  width: auto;
package/styles/auto-complete/highcontrast.css CHANGED
@@ -8,7 +8,8 @@
8
8
 
9
9
  .e-ddl.e-popup {
10
10
  border: 0;
11
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
11
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
13
  margin-top: 1px;
13
14
  }
14
15
  .e-ddl.e-popup .e-content.e-nodata {
@@ -18,6 +19,7 @@
18
19
  color: #ffd939;
19
20
  }
20
21
  .e-ddl.e-popup .e-input-group {
22
+ display: -webkit-box;
21
23
  display: -ms-flexbox;
22
24
  display: flex;
23
25
  width: auto;
package/styles/auto-complete/material-dark.css CHANGED
@@ -1,6 +1,10 @@
1
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2
- transform: rotate(0deg);
2
+ -webkit-transform: rotate(0deg);
3
+ transform: rotate(0deg);
4
+ -webkit-transition: -webkit-transform 300ms ease;
5
+ transition: -webkit-transform 300ms ease;
3
6
  transition: transform 300ms ease;
7
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
4
8
  }
5
9
 
6
10
  .e-popup.e-ddl .e-dropdownbase {
@@ -8,8 +12,12 @@
8
12
  }
9
13
 
10
14
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
11
- transform: rotate(180deg);
15
+ -webkit-transform: rotate(180deg);
16
+ transform: rotate(180deg);
17
+ -webkit-transition: -webkit-transform 300ms ease;
18
+ transition: -webkit-transform 300ms ease;
12
19
  transition: transform 300ms ease;
20
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
13
21
  }
14
22
 
15
23
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -26,12 +34,14 @@
26
34
  }
27
35
 
28
36
  .e-input-group .e-ddl-icon:not(:active)::after {
29
- animation: none;
37
+ -webkit-animation: none;
38
+ animation: none;
30
39
  }
31
40
 
32
41
  .e-ddl.e-popup {
33
42
  border: 0;
34
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
43
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
44
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
35
45
  margin-top: 2px;
36
46
  }
37
47
 
@@ -47,7 +57,8 @@
47
57
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
48
58
  background: #f5f5f5;
49
59
  border-width: 0;
50
- box-shadow: none;
60
+ -webkit-box-shadow: none;
61
+ box-shadow: none;
51
62
  margin-bottom: 0;
52
63
  }
53
64
 
package/styles/auto-complete/material.css CHANGED
@@ -1,11 +1,19 @@
1
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2
- transform: rotate(0deg);
2
+ -webkit-transform: rotate(0deg);
3
+ transform: rotate(0deg);
4
+ -webkit-transition: -webkit-transform 300ms ease;
5
+ transition: -webkit-transform 300ms ease;
3
6
  transition: transform 300ms ease;
7
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
4
8
  }
5
9
 
6
10
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
7
- transform: rotate(180deg);
11
+ -webkit-transform: rotate(180deg);
12
+ transform: rotate(180deg);
13
+ -webkit-transition: -webkit-transform 300ms ease;
14
+ transition: -webkit-transform 300ms ease;
8
15
  transition: transform 300ms ease;
16
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
9
17
  }
10
18
 
11
19
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -22,12 +30,14 @@
22
30
  }
23
31
 
24
32
  .e-input-group .e-ddl-icon:not(:active)::after {
25
- animation: none;
33
+ -webkit-animation: none;
34
+ animation: none;
26
35
  }
27
36
 
28
37
  .e-ddl.e-popup {
29
38
  border: 0;
30
- 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);
39
+ -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);
40
+ 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);
31
41
  margin-top: 2px;
32
42
  }
33
43
 
@@ -47,7 +57,8 @@
47
57
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
48
58
  background: #f5f5f5;
49
59
  border-width: 0;
50
- box-shadow: none;
60
+ -webkit-box-shadow: none;
61
+ box-shadow: none;
51
62
  margin-bottom: 0;
52
63
  }
53
64
 
package/styles/auto-complete/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,13 +54,21 @@
54
54
  }
55
55
 
56
56
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
57
- transform: rotate(0deg);
57
+ -webkit-transform: rotate(0deg);
58
+ transform: rotate(0deg);
59
+ -webkit-transition: -webkit-transform 300ms ease;
60
+ transition: -webkit-transform 300ms ease;
58
61
  transition: transform 300ms ease;
62
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
59
63
  }
60
64
 
61
65
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
62
- transform: rotate(180deg);
66
+ -webkit-transform: rotate(180deg);
67
+ transform: rotate(180deg);
68
+ -webkit-transition: -webkit-transform 300ms ease;
69
+ transition: -webkit-transform 300ms ease;
63
70
  transition: transform 300ms ease;
71
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
64
72
  }
65
73
 
66
74
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -77,12 +85,14 @@
77
85
  }
78
86
 
79
87
  .e-input-group .e-ddl-icon:not(:active)::after {
80
- animation: none;
88
+ -webkit-animation: none;
89
+ animation: none;
81
90
  }
82
91
 
83
92
  .e-ddl.e-popup {
84
93
  border: 0;
85
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
94
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
95
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
86
96
  margin-top: 2px;
87
97
  }
88
98
 
@@ -103,7 +113,8 @@
103
113
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
104
114
  background: rgba(0, 0, 0, 0.0001);
105
115
  border-width: 0;
106
- box-shadow: none;
116
+ -webkit-box-shadow: none;
117
+ box-shadow: none;
107
118
  margin-bottom: 0;
108
119
  }
109
120
 
package/styles/auto-complete/material3-dark.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/definition/material3-dark.scss';
1
+
2
2
 
3
3
  @import '../drop-down-list/material3-dark-definition.scss';
4
4
  @import 'material3-dark-definition.scss';
package/styles/auto-complete/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,13 +110,21 @@
110
110
  }
111
111
 
112
112
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
113
- transform: rotate(0deg);
113
+ -webkit-transform: rotate(0deg);
114
+ transform: rotate(0deg);
115
+ -webkit-transition: -webkit-transform 300ms ease;
116
+ transition: -webkit-transform 300ms ease;
114
117
  transition: transform 300ms ease;
118
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
115
119
  }
116
120
 
117
121
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
118
- transform: rotate(180deg);
122
+ -webkit-transform: rotate(180deg);
123
+ transform: rotate(180deg);
124
+ -webkit-transition: -webkit-transform 300ms ease;
125
+ transition: -webkit-transform 300ms ease;
119
126
  transition: transform 300ms ease;
127
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
120
128
  }
121
129
 
122
130
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -133,12 +141,14 @@
133
141
  }
134
142
 
135
143
  .e-input-group .e-ddl-icon:not(:active)::after {
136
- animation: none;
144
+ -webkit-animation: none;
145
+ animation: none;
137
146
  }
138
147
 
139
148
  .e-ddl.e-popup {
140
149
  border: 0;
141
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
150
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
151
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
142
152
  margin-top: 2px;
143
153
  }
144
154
 
@@ -159,7 +169,8 @@
159
169
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
160
170
  background: rgba(0, 0, 0, 0.0001);
161
171
  border-width: 0;
162
- box-shadow: none;
172
+ -webkit-box-shadow: none;
173
+ box-shadow: none;
163
174
  margin-bottom: 0;
164
175
  }
165
176
 
package/styles/auto-complete/material3.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/definition/material3.scss';
1
+
2
2
 
3
3
  @import '../drop-down-list/material3-definition.scss';
4
4
  @import 'material3-definition.scss';
package/styles/auto-complete/tailwind-dark.css CHANGED
@@ -1,11 +1,19 @@
1
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2
- transform: rotate(0deg);
2
+ -webkit-transform: rotate(0deg);
3
+ transform: rotate(0deg);
4
+ -webkit-transition: -webkit-transform 300ms ease;
5
+ transition: -webkit-transform 300ms ease;
3
6
  transition: transform 300ms ease;
7
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
4
8
  }
5
9
 
6
10
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
7
- transform: rotate(180deg);
11
+ -webkit-transform: rotate(180deg);
12
+ transform: rotate(180deg);
13
+ -webkit-transition: -webkit-transform 300ms ease;
14
+ transition: -webkit-transform 300ms ease;
8
15
  transition: transform 300ms ease;
16
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
9
17
  }
10
18
 
11
19
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -22,13 +30,15 @@
22
30
  }
23
31
 
24
32
  .e-input-group .e-ddl-icon:not(:active)::after {
25
- animation: none;
33
+ -webkit-animation: none;
34
+ animation: none;
26
35
  }
27
36
 
28
37
  .e-ddl.e-popup {
29
38
  border: 0;
30
39
  border-radius: 4px;
31
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
40
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
41
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
32
42
  margin-top: 4px;
33
43
  }
34
44
 
@@ -67,7 +77,8 @@
67
77
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
68
78
  background: #374151;
69
79
  border-width: 0;
70
- box-shadow: none;
80
+ -webkit-box-shadow: none;
81
+ box-shadow: none;
71
82
  margin-bottom: 0;
72
83
  }
73
84
 
package/styles/auto-complete/tailwind.css CHANGED
@@ -1,11 +1,19 @@
1
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
2
- transform: rotate(0deg);
2
+ -webkit-transform: rotate(0deg);
3
+ transform: rotate(0deg);
4
+ -webkit-transition: -webkit-transform 300ms ease;
5
+ transition: -webkit-transform 300ms ease;
3
6
  transition: transform 300ms ease;
7
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
4
8
  }
5
9
 
6
10
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
7
- transform: rotate(180deg);
11
+ -webkit-transform: rotate(180deg);
12
+ transform: rotate(180deg);
13
+ -webkit-transition: -webkit-transform 300ms ease;
14
+ transition: -webkit-transform 300ms ease;
8
15
  transition: transform 300ms ease;
16
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
9
17
  }
10
18
 
11
19
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -22,13 +30,15 @@
22
30
  }
23
31
 
24
32
  .e-input-group .e-ddl-icon:not(:active)::after {
25
- animation: none;
33
+ -webkit-animation: none;
34
+ animation: none;
26
35
  }
27
36
 
28
37
  .e-ddl.e-popup {
29
38
  border: 0;
30
39
  border-radius: 4px;
31
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
40
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
41
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
32
42
  margin-top: 4px;
33
43
  }
34
44
 
@@ -67,7 +77,8 @@
67
77
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
68
78
  background: #fff;
69
79
  border-width: 0;
70
- box-shadow: none;
80
+ -webkit-box-shadow: none;
81
+ box-shadow: none;
71
82
  margin-bottom: 0;
72
83
  }
73
84