@syncfusion/ej2-dropdowns 25.2.7-130084 → 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 (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
@@ -1,18 +1,42 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
+ @-webkit-keyframes material-spinner-rotate {
4
+ 0% {
5
+ -webkit-transform: rotate(0);
6
+ transform: rotate(0);
7
+ }
8
+ 100% {
9
+ -webkit-transform: rotate(360deg);
10
+ transform: rotate(360deg);
11
+ }
12
+ }
3
13
  @keyframes material-spinner-rotate {
4
14
  0% {
15
+ -webkit-transform: rotate(0);
5
16
  transform: rotate(0);
6
17
  }
7
18
  100% {
19
+ -webkit-transform: rotate(360deg);
20
+ transform: rotate(360deg);
21
+ }
22
+ }
23
+ @-webkit-keyframes fabric-spinner-rotate {
24
+ 0% {
25
+ -webkit-transform: rotate(0);
26
+ transform: rotate(0);
27
+ }
28
+ 100% {
29
+ -webkit-transform: rotate(360deg);
8
30
  transform: rotate(360deg);
9
31
  }
10
32
  }
11
33
  @keyframes fabric-spinner-rotate {
12
34
  0% {
35
+ -webkit-transform: rotate(0);
13
36
  transform: rotate(0);
14
37
  }
15
38
  100% {
39
+ -webkit-transform: rotate(360deg);
16
40
  transform: rotate(360deg);
17
41
  }
18
42
  }
@@ -31,7 +55,8 @@
31
55
 
32
56
  .e-popup.e-ddl {
33
57
  border-radius: 4px;
34
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
58
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
59
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
35
60
  margin-top: 3px;
36
61
  }
37
62
  .e-popup.e-ddl .e-input-group {
@@ -46,6 +71,7 @@
46
71
  }
47
72
 
48
73
  .e-popup.e-ddl .e-filter-parent .e-input-group {
74
+ display: -webkit-box;
49
75
  display: -ms-flexbox;
50
76
  display: flex;
51
77
  width: auto;
@@ -104,7 +130,8 @@
104
130
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
105
131
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
106
132
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
107
- box-shadow: none;
133
+ -webkit-box-shadow: none;
134
+ box-shadow: none;
108
135
  }
109
136
 
110
137
  .e-ddl.e-popup .e-filter-parent {
@@ -214,7 +241,8 @@
214
241
  .e-filter-parent {
215
242
  border: #414141;
216
243
  border-top-width: 0;
217
- box-shadow: none;
244
+ -webkit-box-shadow: none;
245
+ box-shadow: none;
218
246
  display: block;
219
247
  padding: 5px 8px;
220
248
  }
@@ -289,6 +317,7 @@
289
317
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
290
318
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
291
319
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
320
+ display: -webkit-box;
292
321
  display: -ms-flexbox;
293
322
  display: flex;
294
323
  }
@@ -310,6 +339,7 @@
310
339
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
311
340
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
312
341
  cursor: pointer;
342
+ display: -webkit-box;
313
343
  display: -ms-flexbox;
314
344
  display: flex;
315
345
  }
@@ -329,6 +359,11 @@
329
359
  pointer-events: none;
330
360
  }
331
361
 
362
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
363
+ opacity: 0.7;
364
+ pointer-events: none;
365
+ }
366
+
332
367
  ejs-autocomplete,
333
368
  ejs-combobox,
334
369
  ejs-dropdownlist {
@@ -1,18 +1,42 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
+ @-webkit-keyframes material-spinner-rotate {
4
+ 0% {
5
+ -webkit-transform: rotate(0);
6
+ transform: rotate(0);
7
+ }
8
+ 100% {
9
+ -webkit-transform: rotate(360deg);
10
+ transform: rotate(360deg);
11
+ }
12
+ }
3
13
  @keyframes material-spinner-rotate {
4
14
  0% {
15
+ -webkit-transform: rotate(0);
5
16
  transform: rotate(0);
6
17
  }
7
18
  100% {
19
+ -webkit-transform: rotate(360deg);
20
+ transform: rotate(360deg);
21
+ }
22
+ }
23
+ @-webkit-keyframes fabric-spinner-rotate {
24
+ 0% {
25
+ -webkit-transform: rotate(0);
26
+ transform: rotate(0);
27
+ }
28
+ 100% {
29
+ -webkit-transform: rotate(360deg);
8
30
  transform: rotate(360deg);
9
31
  }
10
32
  }
11
33
  @keyframes fabric-spinner-rotate {
12
34
  0% {
35
+ -webkit-transform: rotate(0);
13
36
  transform: rotate(0);
14
37
  }
15
38
  100% {
39
+ -webkit-transform: rotate(360deg);
16
40
  transform: rotate(360deg);
17
41
  }
18
42
  }
@@ -31,7 +55,8 @@
31
55
 
32
56
  .e-popup.e-ddl {
33
57
  border-radius: 4px;
34
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
58
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
59
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
35
60
  margin-top: 3px;
36
61
  }
37
62
  .e-popup.e-ddl .e-input-group {
@@ -46,6 +71,7 @@
46
71
  }
47
72
 
48
73
  .e-popup.e-ddl .e-filter-parent .e-input-group {
74
+ display: -webkit-box;
49
75
  display: -ms-flexbox;
50
76
  display: flex;
51
77
  width: auto;
@@ -104,7 +130,8 @@
104
130
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
105
131
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
106
132
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
107
- box-shadow: none;
133
+ -webkit-box-shadow: none;
134
+ box-shadow: none;
108
135
  }
109
136
 
110
137
  .e-ddl.e-popup .e-filter-parent {
@@ -214,7 +241,8 @@
214
241
  .e-filter-parent {
215
242
  border: none;
216
243
  border-top-width: 0;
217
- box-shadow: none;
244
+ -webkit-box-shadow: none;
245
+ box-shadow: none;
218
246
  display: block;
219
247
  padding: 5px 8px;
220
248
  }
@@ -289,6 +317,7 @@
289
317
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
290
318
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
291
319
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
320
+ display: -webkit-box;
292
321
  display: -ms-flexbox;
293
322
  display: flex;
294
323
  }
@@ -310,6 +339,7 @@
310
339
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
311
340
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
312
341
  cursor: pointer;
342
+ display: -webkit-box;
313
343
  display: -ms-flexbox;
314
344
  display: flex;
315
345
  }
@@ -329,6 +359,11 @@
329
359
  pointer-events: none;
330
360
  }
331
361
 
362
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
363
+ opacity: 0.7;
364
+ pointer-events: none;
365
+ }
366
+
332
367
  ejs-autocomplete,
333
368
  ejs-combobox,
334
369
  ejs-dropdownlist {
@@ -1,18 +1,42 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
+ @-webkit-keyframes material-spinner-rotate {
4
+ 0% {
5
+ -webkit-transform: rotate(0);
6
+ transform: rotate(0);
7
+ }
8
+ 100% {
9
+ -webkit-transform: rotate(360deg);
10
+ transform: rotate(360deg);
11
+ }
12
+ }
3
13
  @keyframes material-spinner-rotate {
4
14
  0% {
15
+ -webkit-transform: rotate(0);
5
16
  transform: rotate(0);
6
17
  }
7
18
  100% {
19
+ -webkit-transform: rotate(360deg);
20
+ transform: rotate(360deg);
21
+ }
22
+ }
23
+ @-webkit-keyframes fabric-spinner-rotate {
24
+ 0% {
25
+ -webkit-transform: rotate(0);
26
+ transform: rotate(0);
27
+ }
28
+ 100% {
29
+ -webkit-transform: rotate(360deg);
8
30
  transform: rotate(360deg);
9
31
  }
10
32
  }
11
33
  @keyframes fabric-spinner-rotate {
12
34
  0% {
35
+ -webkit-transform: rotate(0);
13
36
  transform: rotate(0);
14
37
  }
15
38
  100% {
39
+ -webkit-transform: rotate(360deg);
16
40
  transform: rotate(360deg);
17
41
  }
18
42
  }
@@ -41,7 +65,8 @@
41
65
 
42
66
  .e-popup.e-ddl {
43
67
  border-radius: 4px;
44
- box-shadow: none;
68
+ -webkit-box-shadow: none;
69
+ box-shadow: none;
45
70
  margin-top: 3px;
46
71
  }
47
72
  .e-popup.e-ddl .e-input-group {
@@ -56,6 +81,7 @@
56
81
  }
57
82
 
58
83
  .e-popup.e-ddl .e-filter-parent .e-input-group {
84
+ display: -webkit-box;
59
85
  display: -ms-flexbox;
60
86
  display: flex;
61
87
  width: auto;
@@ -132,11 +158,13 @@
132
158
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
133
159
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
134
160
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
135
- box-shadow: none;
161
+ -webkit-box-shadow: none;
162
+ box-shadow: none;
136
163
  }
137
164
 
138
165
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
139
166
  background: transparent;
167
+ display: -webkit-box;
140
168
  display: -ms-flexbox;
141
169
  display: flex;
142
170
  position: relative;
@@ -261,7 +289,8 @@
261
289
  .e-filter-parent {
262
290
  border: rgba(0, 0, 0, 0.12);
263
291
  border-top-width: 0;
264
- box-shadow: none;
292
+ -webkit-box-shadow: none;
293
+ box-shadow: none;
265
294
  display: block;
266
295
  padding: 6px;
267
296
  }
@@ -332,6 +361,7 @@
332
361
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
333
362
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
334
363
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
364
+ display: -webkit-box;
335
365
  display: -ms-flexbox;
336
366
  display: flex;
337
367
  }
@@ -353,6 +383,7 @@
353
383
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
354
384
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
355
385
  cursor: pointer;
386
+ display: -webkit-box;
356
387
  display: -ms-flexbox;
357
388
  display: flex;
358
389
  }
@@ -372,6 +403,11 @@
372
403
  pointer-events: none;
373
404
  }
374
405
 
406
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
407
+ opacity: 0.7;
408
+ pointer-events: none;
409
+ }
410
+
375
411
  ejs-autocomplete,
376
412
  ejs-combobox,
377
413
  ejs-dropdownlist {
@@ -1,19 +1,43 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable-line no-empty-source */
3
3
  /* stylelint-disable property-no-vendor-prefix */
4
+ @-webkit-keyframes material-spinner-rotate {
5
+ 0% {
6
+ -webkit-transform: rotate(0);
7
+ transform: rotate(0);
8
+ }
9
+ 100% {
10
+ -webkit-transform: rotate(360deg);
11
+ transform: rotate(360deg);
12
+ }
13
+ }
4
14
  @keyframes material-spinner-rotate {
5
15
  0% {
16
+ -webkit-transform: rotate(0);
6
17
  transform: rotate(0);
7
18
  }
8
19
  100% {
20
+ -webkit-transform: rotate(360deg);
21
+ transform: rotate(360deg);
22
+ }
23
+ }
24
+ @-webkit-keyframes fabric-spinner-rotate {
25
+ 0% {
26
+ -webkit-transform: rotate(0);
27
+ transform: rotate(0);
28
+ }
29
+ 100% {
30
+ -webkit-transform: rotate(360deg);
9
31
  transform: rotate(360deg);
10
32
  }
11
33
  }
12
34
  @keyframes fabric-spinner-rotate {
13
35
  0% {
36
+ -webkit-transform: rotate(0);
14
37
  transform: rotate(0);
15
38
  }
16
39
  100% {
40
+ -webkit-transform: rotate(360deg);
17
41
  transform: rotate(360deg);
18
42
  }
19
43
  }
@@ -58,7 +82,8 @@
58
82
 
59
83
  .e-popup.e-ddl {
60
84
  border-radius: 4px;
61
- box-shadow: none;
85
+ -webkit-box-shadow: none;
86
+ box-shadow: none;
62
87
  margin-top: 3px;
63
88
  }
64
89
  .e-popup.e-ddl .e-input-group {
@@ -73,6 +98,7 @@
73
98
  }
74
99
 
75
100
  .e-popup.e-ddl .e-filter-parent .e-input-group {
101
+ display: -webkit-box;
76
102
  display: -ms-flexbox;
77
103
  display: flex;
78
104
  width: auto;
@@ -160,11 +186,13 @@
160
186
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
161
187
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
162
188
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
163
- box-shadow: none;
189
+ -webkit-box-shadow: none;
190
+ box-shadow: none;
164
191
  }
165
192
 
166
193
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
167
194
  background: transparent;
195
+ display: -webkit-box;
168
196
  display: -ms-flexbox;
169
197
  display: flex;
170
198
  position: relative;
@@ -274,7 +302,8 @@
274
302
  .e-filter-parent {
275
303
  border: 0;
276
304
  border-top-width: 0;
277
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
305
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
306
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
278
307
  display: block;
279
308
  padding: 5px;
280
309
  }
@@ -345,6 +374,7 @@
345
374
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
346
375
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
347
376
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
377
+ display: -webkit-box;
348
378
  display: -ms-flexbox;
349
379
  display: flex;
350
380
  }
@@ -366,6 +396,7 @@
366
396
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
367
397
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
368
398
  cursor: pointer;
399
+ display: -webkit-box;
369
400
  display: -ms-flexbox;
370
401
  display: flex;
371
402
  }
@@ -385,6 +416,11 @@
385
416
  pointer-events: none;
386
417
  }
387
418
 
419
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
420
+ opacity: 0.7;
421
+ pointer-events: none;
422
+ }
423
+
388
424
  ejs-autocomplete,
389
425
  ejs-combobox,
390
426
  ejs-dropdownlist {
@@ -1,19 +1,43 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable-line no-empty-source */
3
3
  /* stylelint-disable property-no-vendor-prefix */
4
+ @-webkit-keyframes material-spinner-rotate {
5
+ 0% {
6
+ -webkit-transform: rotate(0);
7
+ transform: rotate(0);
8
+ }
9
+ 100% {
10
+ -webkit-transform: rotate(360deg);
11
+ transform: rotate(360deg);
12
+ }
13
+ }
4
14
  @keyframes material-spinner-rotate {
5
15
  0% {
16
+ -webkit-transform: rotate(0);
6
17
  transform: rotate(0);
7
18
  }
8
19
  100% {
20
+ -webkit-transform: rotate(360deg);
21
+ transform: rotate(360deg);
22
+ }
23
+ }
24
+ @-webkit-keyframes fabric-spinner-rotate {
25
+ 0% {
26
+ -webkit-transform: rotate(0);
27
+ transform: rotate(0);
28
+ }
29
+ 100% {
30
+ -webkit-transform: rotate(360deg);
9
31
  transform: rotate(360deg);
10
32
  }
11
33
  }
12
34
  @keyframes fabric-spinner-rotate {
13
35
  0% {
36
+ -webkit-transform: rotate(0);
14
37
  transform: rotate(0);
15
38
  }
16
39
  100% {
40
+ -webkit-transform: rotate(360deg);
17
41
  transform: rotate(360deg);
18
42
  }
19
43
  }
@@ -58,7 +82,8 @@
58
82
 
59
83
  .e-popup.e-ddl {
60
84
  border-radius: 4px;
61
- box-shadow: none;
85
+ -webkit-box-shadow: none;
86
+ box-shadow: none;
62
87
  margin-top: 3px;
63
88
  }
64
89
  .e-popup.e-ddl .e-input-group {
@@ -73,6 +98,7 @@
73
98
  }
74
99
 
75
100
  .e-popup.e-ddl .e-filter-parent .e-input-group {
101
+ display: -webkit-box;
76
102
  display: -ms-flexbox;
77
103
  display: flex;
78
104
  width: auto;
@@ -160,11 +186,13 @@
160
186
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
161
187
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
162
188
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
163
- box-shadow: none;
189
+ -webkit-box-shadow: none;
190
+ box-shadow: none;
164
191
  }
165
192
 
166
193
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
167
194
  background: transparent;
195
+ display: -webkit-box;
168
196
  display: -ms-flexbox;
169
197
  display: flex;
170
198
  position: relative;
@@ -274,7 +302,8 @@
274
302
  .e-filter-parent {
275
303
  border: 0;
276
304
  border-top-width: 0;
277
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
305
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
306
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
278
307
  display: block;
279
308
  padding: 5px;
280
309
  }
@@ -345,6 +374,7 @@
345
374
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
346
375
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
347
376
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
377
+ display: -webkit-box;
348
378
  display: -ms-flexbox;
349
379
  display: flex;
350
380
  }
@@ -366,6 +396,7 @@
366
396
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
367
397
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
368
398
  cursor: pointer;
399
+ display: -webkit-box;
369
400
  display: -ms-flexbox;
370
401
  display: flex;
371
402
  }
@@ -385,6 +416,11 @@
385
416
  pointer-events: none;
386
417
  }
387
418
 
419
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
420
+ opacity: 0.7;
421
+ pointer-events: none;
422
+ }
423
+
388
424
  ejs-autocomplete,
389
425
  ejs-combobox,
390
426
  ejs-dropdownlist {
@@ -1,18 +1,42 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
+ @-webkit-keyframes material-spinner-rotate {
4
+ 0% {
5
+ -webkit-transform: rotate(0);
6
+ transform: rotate(0);
7
+ }
8
+ 100% {
9
+ -webkit-transform: rotate(360deg);
10
+ transform: rotate(360deg);
11
+ }
12
+ }
3
13
  @keyframes material-spinner-rotate {
4
14
  0% {
15
+ -webkit-transform: rotate(0);
5
16
  transform: rotate(0);
6
17
  }
7
18
  100% {
19
+ -webkit-transform: rotate(360deg);
20
+ transform: rotate(360deg);
21
+ }
22
+ }
23
+ @-webkit-keyframes fabric-spinner-rotate {
24
+ 0% {
25
+ -webkit-transform: rotate(0);
26
+ transform: rotate(0);
27
+ }
28
+ 100% {
29
+ -webkit-transform: rotate(360deg);
8
30
  transform: rotate(360deg);
9
31
  }
10
32
  }
11
33
  @keyframes fabric-spinner-rotate {
12
34
  0% {
35
+ -webkit-transform: rotate(0);
13
36
  transform: rotate(0);
14
37
  }
15
38
  100% {
39
+ -webkit-transform: rotate(360deg);
16
40
  transform: rotate(360deg);
17
41
  }
18
42
  }
@@ -31,7 +55,8 @@
31
55
 
32
56
  .e-ddl.e-popup {
33
57
  border: 0;
34
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
58
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
59
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
35
60
  margin-top: 1px;
36
61
  }
37
62
  .e-ddl.e-popup .e-input-group input {
@@ -39,6 +64,7 @@
39
64
  }
40
65
 
41
66
  .e-ddl.e-popup .e-input-group {
67
+ display: -webkit-box;
42
68
  display: -ms-flexbox;
43
69
  display: flex;
44
70
  width: auto;
@@ -190,7 +216,8 @@
190
216
  .e-filter-parent {
191
217
  border: 1px solid #414040;
192
218
  border-top-width: 0;
193
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
219
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
220
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
194
221
  display: block;
195
222
  padding: 5px;
196
223
  }
@@ -265,6 +292,7 @@
265
292
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
266
293
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
267
294
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
295
+ display: -webkit-box;
268
296
  display: -ms-flexbox;
269
297
  display: flex;
270
298
  }
@@ -286,6 +314,7 @@
286
314
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
287
315
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
288
316
  cursor: pointer;
317
+ display: -webkit-box;
289
318
  display: -ms-flexbox;
290
319
  display: flex;
291
320
  }
@@ -305,6 +334,11 @@
305
334
  pointer-events: none;
306
335
  }
307
336
 
337
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
338
+ opacity: 0.7;
339
+ pointer-events: none;
340
+ }
341
+
308
342
  ejs-autocomplete,
309
343
  ejs-combobox,
310
344
  ejs-dropdownlist {