@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-7502

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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
@@ -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 {