@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35

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 (266) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +505 -224
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +498 -216
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +14 -13
  13. package/src/auto-complete/auto-complete.js +1 -1
  14. package/src/combo-box/combo-box.js +15 -0
  15. package/src/common/interface.js +0 -1
  16. package/src/common/virtual-scroll.js +1 -0
  17. package/src/drop-down-base/drop-down-base-model.d.ts +8 -1
  18. package/src/drop-down-base/drop-down-base.d.ts +28 -2
  19. package/src/drop-down-base/drop-down-base.js +64 -9
  20. package/src/drop-down-list/drop-down-list.d.ts +15 -2
  21. package/src/drop-down-list/drop-down-list.js +129 -13
  22. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -15
  23. package/src/drop-down-tree/drop-down-tree.d.ts +17 -13
  24. package/src/drop-down-tree/drop-down-tree.js +52 -38
  25. package/src/list-box/list-box.js +30 -9
  26. package/src/mention/mention.js +23 -8
  27. package/src/multi-select/interface.js +0 -1
  28. package/src/multi-select/multi-select.d.ts +15 -0
  29. package/src/multi-select/multi-select.js +135 -12
  30. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  31. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  32. package/styles/auto-complete/bootstrap-dark.css +5 -2
  33. package/styles/auto-complete/bootstrap.css +5 -2
  34. package/styles/auto-complete/bootstrap4.css +6 -2
  35. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  36. package/styles/auto-complete/bootstrap5.css +6 -2
  37. package/styles/auto-complete/fabric-dark.css +3 -1
  38. package/styles/auto-complete/fabric.css +3 -1
  39. package/styles/auto-complete/fluent-dark.css +6 -2
  40. package/styles/auto-complete/fluent.css +6 -2
  41. package/styles/auto-complete/fluent2.css +1140 -0
  42. package/styles/auto-complete/fluent2.scss +4 -0
  43. package/styles/auto-complete/highcontrast-light.css +3 -1
  44. package/styles/auto-complete/highcontrast.css +3 -1
  45. package/styles/auto-complete/material-dark.css +16 -5
  46. package/styles/auto-complete/material.css +16 -5
  47. package/styles/auto-complete/material3-dark.css +17 -6
  48. package/styles/auto-complete/material3.css +17 -6
  49. package/styles/auto-complete/tailwind-dark.css +16 -5
  50. package/styles/auto-complete/tailwind.css +16 -5
  51. package/styles/bootstrap-dark.css +196 -228
  52. package/styles/bootstrap-dark.scss +28 -8
  53. package/styles/bootstrap.css +196 -228
  54. package/styles/bootstrap.scss +28 -8
  55. package/styles/bootstrap4.css +199 -229
  56. package/styles/bootstrap4.scss +28 -8
  57. package/styles/bootstrap5-dark.css +196 -221
  58. package/styles/bootstrap5-dark.scss +28 -8
  59. package/styles/bootstrap5.css +196 -221
  60. package/styles/bootstrap5.scss +28 -8
  61. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  62. package/styles/combo-box/_fluent2-definition.scss +2 -0
  63. package/styles/combo-box/bootstrap-dark.css +5 -2
  64. package/styles/combo-box/bootstrap.css +5 -2
  65. package/styles/combo-box/bootstrap4.css +6 -2
  66. package/styles/combo-box/bootstrap5-dark.css +6 -2
  67. package/styles/combo-box/bootstrap5.css +6 -2
  68. package/styles/combo-box/fabric-dark.css +3 -1
  69. package/styles/combo-box/fabric.css +3 -1
  70. package/styles/combo-box/fluent-dark.css +6 -2
  71. package/styles/combo-box/fluent.css +6 -2
  72. package/styles/combo-box/fluent2.css +1140 -0
  73. package/styles/combo-box/fluent2.scss +4 -0
  74. package/styles/combo-box/highcontrast-light.css +3 -1
  75. package/styles/combo-box/highcontrast.css +3 -1
  76. package/styles/combo-box/material-dark.css +16 -5
  77. package/styles/combo-box/material.css +16 -5
  78. package/styles/combo-box/material3-dark.css +17 -6
  79. package/styles/combo-box/material3.css +17 -6
  80. package/styles/combo-box/tailwind-dark.css +16 -5
  81. package/styles/combo-box/tailwind.css +16 -5
  82. package/styles/drop-down-base/_bds-definition.scss +2 -2
  83. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  84. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  85. package/styles/drop-down-base/_layout.scss +12 -2
  86. package/styles/drop-down-base/_material3-definition.scss +0 -11
  87. package/styles/drop-down-base/_theme.scss +2 -11
  88. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  89. package/styles/drop-down-base/bootstrap.css +2 -1
  90. package/styles/drop-down-base/bootstrap4.css +2 -1
  91. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  92. package/styles/drop-down-base/bootstrap5.css +2 -1
  93. package/styles/drop-down-base/fabric-dark.css +2 -1
  94. package/styles/drop-down-base/fabric.css +2 -1
  95. package/styles/drop-down-base/fluent-dark.css +2 -1
  96. package/styles/drop-down-base/fluent.css +2 -1
  97. package/styles/drop-down-base/fluent2.css +1447 -0
  98. package/styles/drop-down-base/fluent2.scss +3 -0
  99. package/styles/drop-down-base/highcontrast-light.css +2 -1
  100. package/styles/drop-down-base/highcontrast.css +2 -1
  101. package/styles/drop-down-base/material-dark.css +2 -1
  102. package/styles/drop-down-base/material.css +2 -1
  103. package/styles/drop-down-base/material3-dark.css +9 -2
  104. package/styles/drop-down-base/material3.css +9 -2
  105. package/styles/drop-down-base/tailwind-dark.css +2 -1
  106. package/styles/drop-down-base/tailwind.css +2 -1
  107. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  108. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  109. package/styles/drop-down-list/_layout.scss +5 -3
  110. package/styles/drop-down-list/_material3-definition.scss +0 -8
  111. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  112. package/styles/drop-down-list/bootstrap.css +38 -3
  113. package/styles/drop-down-list/bootstrap4.css +39 -3
  114. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  115. package/styles/drop-down-list/bootstrap5.css +39 -3
  116. package/styles/drop-down-list/fabric-dark.css +36 -2
  117. package/styles/drop-down-list/fabric.css +36 -2
  118. package/styles/drop-down-list/fluent-dark.css +39 -3
  119. package/styles/drop-down-list/fluent.css +39 -3
  120. package/styles/drop-down-list/fluent2.css +1684 -0
  121. package/styles/drop-down-list/fluent2.scss +9 -0
  122. package/styles/drop-down-list/highcontrast-light.css +36 -2
  123. package/styles/drop-down-list/highcontrast.css +36 -2
  124. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  125. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  126. package/styles/drop-down-list/material-dark.css +58 -7
  127. package/styles/drop-down-list/material.css +72 -9
  128. package/styles/drop-down-list/material3-dark.css +74 -10
  129. package/styles/drop-down-list/material3.css +74 -10
  130. package/styles/drop-down-list/tailwind-dark.css +49 -6
  131. package/styles/drop-down-list/tailwind.css +49 -6
  132. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  133. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  134. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  135. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  136. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  137. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  138. package/styles/drop-down-tree/_layout.scss +289 -327
  139. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  140. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  141. package/styles/drop-down-tree/_theme.scss +24 -41
  142. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  143. package/styles/drop-down-tree/bootstrap.css +63 -29
  144. package/styles/drop-down-tree/bootstrap4.css +64 -30
  145. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  146. package/styles/drop-down-tree/bootstrap5.css +63 -27
  147. package/styles/drop-down-tree/fabric-dark.css +63 -29
  148. package/styles/drop-down-tree/fabric.css +63 -29
  149. package/styles/drop-down-tree/fluent-dark.css +71 -35
  150. package/styles/drop-down-tree/fluent.css +71 -35
  151. package/styles/drop-down-tree/fluent2.css +1732 -0
  152. package/styles/drop-down-tree/fluent2.scss +9 -0
  153. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  154. package/styles/drop-down-tree/highcontrast.css +63 -23
  155. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  156. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  157. package/styles/drop-down-tree/material-dark.css +80 -43
  158. package/styles/drop-down-tree/material.css +97 -51
  159. package/styles/drop-down-tree/material3-dark.css +85 -32
  160. package/styles/drop-down-tree/material3.css +85 -32
  161. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  162. package/styles/drop-down-tree/tailwind.css +72 -28
  163. package/styles/fabric-dark.css +194 -227
  164. package/styles/fabric-dark.scss +28 -8
  165. package/styles/fabric.css +194 -227
  166. package/styles/fabric.scss +28 -8
  167. package/styles/fluent-dark.css +206 -236
  168. package/styles/fluent-dark.scss +28 -8
  169. package/styles/fluent.css +206 -236
  170. package/styles/fluent.scss +28 -8
  171. package/styles/fluent2.css +4771 -0
  172. package/styles/fluent2.scss +28 -0
  173. package/styles/highcontrast-light.css +197 -227
  174. package/styles/highcontrast-light.scss +28 -8
  175. package/styles/highcontrast.css +197 -221
  176. package/styles/highcontrast.scss +28 -8
  177. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  178. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  179. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  180. package/styles/list-box/_fluent2-definition.scss +121 -0
  181. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  182. package/styles/list-box/_layout.scss +65 -44
  183. package/styles/list-box/_material-dark-definition.scss +0 -2
  184. package/styles/list-box/_tailwind-definition.scss +1 -1
  185. package/styles/list-box/_theme.scss +36 -65
  186. package/styles/list-box/bootstrap-dark.css +72 -112
  187. package/styles/list-box/bootstrap.css +72 -112
  188. package/styles/list-box/bootstrap4.css +72 -112
  189. package/styles/list-box/bootstrap5-dark.css +72 -106
  190. package/styles/list-box/bootstrap5.css +72 -106
  191. package/styles/list-box/fabric-dark.css +72 -112
  192. package/styles/list-box/fabric.css +72 -112
  193. package/styles/list-box/fluent-dark.css +72 -112
  194. package/styles/list-box/fluent.css +72 -112
  195. package/styles/list-box/fluent2.css +2029 -0
  196. package/styles/list-box/fluent2.scss +5 -0
  197. package/styles/list-box/highcontrast-light.css +72 -112
  198. package/styles/list-box/highcontrast.css +72 -112
  199. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  200. package/styles/list-box/icons/_fluent2.scss +25 -0
  201. package/styles/list-box/material-dark.css +72 -112
  202. package/styles/list-box/material.css +72 -112
  203. package/styles/list-box/material3-dark.css +73 -113
  204. package/styles/list-box/material3.css +73 -113
  205. package/styles/list-box/tailwind-dark.css +74 -114
  206. package/styles/list-box/tailwind.css +74 -114
  207. package/styles/material-dark.css +236 -260
  208. package/styles/material-dark.scss +28 -8
  209. package/styles/material.css +253 -284
  210. package/styles/material.scss +28 -8
  211. package/styles/material3-dark.css +253 -266
  212. package/styles/material3-dark.scss +28 -8
  213. package/styles/material3.css +253 -266
  214. package/styles/material3.scss +28 -8
  215. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  216. package/styles/mention/_fluent2-definition.scss +1 -0
  217. package/styles/mention/bootstrap-dark.css +24 -0
  218. package/styles/mention/bootstrap.css +24 -0
  219. package/styles/mention/bootstrap4.css +24 -0
  220. package/styles/mention/bootstrap5-dark.css +24 -0
  221. package/styles/mention/bootstrap5.css +24 -0
  222. package/styles/mention/fabric-dark.css +24 -0
  223. package/styles/mention/fabric.css +24 -0
  224. package/styles/mention/fluent-dark.css +24 -0
  225. package/styles/mention/fluent.css +24 -0
  226. package/styles/mention/fluent2.css +1130 -0
  227. package/styles/mention/fluent2.scss +6 -0
  228. package/styles/mention/highcontrast-light.css +24 -0
  229. package/styles/mention/highcontrast.css +24 -0
  230. package/styles/mention/material-dark.css +24 -0
  231. package/styles/mention/material.css +24 -0
  232. package/styles/mention/material3-dark.css +25 -1
  233. package/styles/mention/material3.css +25 -1
  234. package/styles/mention/tailwind-dark.css +24 -0
  235. package/styles/mention/tailwind.css +24 -0
  236. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  237. package/styles/multi-select/_fluent2-definition.scss +236 -0
  238. package/styles/multi-select/_layout.scss +32 -38
  239. package/styles/multi-select/_material3-definition.scss +0 -15
  240. package/styles/multi-select/_theme.scss +0 -4
  241. package/styles/multi-select/bootstrap-dark.css +67 -28
  242. package/styles/multi-select/bootstrap.css +67 -28
  243. package/styles/multi-select/bootstrap4.css +70 -29
  244. package/styles/multi-select/bootstrap5-dark.css +67 -28
  245. package/styles/multi-select/bootstrap5.css +67 -28
  246. package/styles/multi-select/fabric-dark.css +67 -28
  247. package/styles/multi-select/fabric.css +67 -28
  248. package/styles/multi-select/fluent-dark.css +69 -29
  249. package/styles/multi-select/fluent.css +69 -29
  250. package/styles/multi-select/fluent2.css +2663 -0
  251. package/styles/multi-select/fluent2.scss +9 -0
  252. package/styles/multi-select/highcontrast-light.css +70 -28
  253. package/styles/multi-select/highcontrast.css +70 -28
  254. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  255. package/styles/multi-select/icons/_fluent2.scss +692 -0
  256. package/styles/multi-select/material-dark.css +88 -32
  257. package/styles/multi-select/material.css +102 -34
  258. package/styles/multi-select/material3-dark.css +109 -35
  259. package/styles/multi-select/material3.css +109 -35
  260. package/styles/multi-select/tailwind-dark.css +67 -28
  261. package/styles/multi-select/tailwind.css +67 -28
  262. package/styles/tailwind-dark.css +217 -233
  263. package/styles/tailwind-dark.scss +28 -8
  264. package/styles/tailwind.css +217 -233
  265. package/styles/tailwind.scss +28 -8
  266. 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.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/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