@syncfusion/ej2-dropdowns 25.2.7 → 26.1.38

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