@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
@@ -86,7 +86,8 @@
86
86
  .e-mention.e-popup {
87
87
  background: #fff;
88
88
  border: 0;
89
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
89
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
90
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
90
91
  margin-top: 2px;
91
92
  position: absolute;
92
93
  }
@@ -371,45 +372,97 @@
371
372
  }
372
373
 
373
374
  /* stylelint-disable property-no-vendor-prefix */
375
+ @-webkit-keyframes e-input-ripple {
376
+ 100% {
377
+ opacity: 0;
378
+ -webkit-transform: scale(4);
379
+ transform: scale(4);
380
+ }
381
+ }
374
382
  @keyframes e-input-ripple {
375
383
  100% {
376
384
  opacity: 0;
377
- transform: scale(4);
385
+ -webkit-transform: scale(4);
386
+ transform: scale(4);
387
+ }
388
+ }
389
+ @-webkit-keyframes slideTopUp {
390
+ from {
391
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
392
+ transform: translate3d(0, 0, 0) scale(1);
393
+ }
394
+ to {
395
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
396
+ transform: translate3d(0, 0, 0) scale(1);
378
397
  }
379
398
  }
380
399
  @keyframes slideTopUp {
381
400
  from {
382
- transform: translate3d(0, 0, 0) scale(1);
401
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
402
+ transform: translate3d(0, 0, 0) scale(1);
383
403
  }
384
404
  to {
385
- transform: translate3d(0, 0, 0) scale(1);
405
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
406
+ transform: translate3d(0, 0, 0) scale(1);
386
407
  }
387
408
  }
388
409
  /* stylelint-disable property-no-vendor-prefix */
410
+ @-webkit-keyframes material-spinner-rotate {
411
+ 0% {
412
+ -webkit-transform: rotate(0deg);
413
+ transform: rotate(0deg);
414
+ }
415
+ 100% {
416
+ -webkit-transform: rotate(360deg);
417
+ transform: rotate(360deg);
418
+ }
419
+ }
389
420
  @keyframes material-spinner-rotate {
390
421
  0% {
422
+ -webkit-transform: rotate(0deg);
423
+ transform: rotate(0deg);
424
+ }
425
+ 100% {
426
+ -webkit-transform: rotate(360deg);
427
+ transform: rotate(360deg);
428
+ }
429
+ }
430
+ @-webkit-keyframes fabric-spinner-rotate {
431
+ 0% {
432
+ -webkit-transform: rotate(0deg);
391
433
  transform: rotate(0deg);
392
434
  }
393
435
  100% {
436
+ -webkit-transform: rotate(360deg);
394
437
  transform: rotate(360deg);
395
438
  }
396
439
  }
397
440
  @keyframes fabric-spinner-rotate {
398
441
  0% {
442
+ -webkit-transform: rotate(0deg);
399
443
  transform: rotate(0deg);
400
444
  }
401
445
  100% {
446
+ -webkit-transform: rotate(360deg);
402
447
  transform: rotate(360deg);
403
448
  }
404
449
  }
405
450
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
406
- transform: rotate(0deg);
451
+ -webkit-transform: rotate(0deg);
452
+ transform: rotate(0deg);
453
+ -webkit-transition: -webkit-transform 300ms ease;
454
+ transition: -webkit-transform 300ms ease;
407
455
  transition: transform 300ms ease;
456
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
408
457
  }
409
458
 
410
459
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
411
- transform: rotate(180deg);
460
+ -webkit-transform: rotate(180deg);
461
+ transform: rotate(180deg);
462
+ -webkit-transition: -webkit-transform 300ms ease;
463
+ transition: -webkit-transform 300ms ease;
412
464
  transition: transform 300ms ease;
465
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
413
466
  }
414
467
 
415
468
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -426,12 +479,14 @@
426
479
  }
427
480
 
428
481
  .e-input-group .e-ddl-icon:not(:active)::after {
429
- animation: none;
482
+ -webkit-animation: none;
483
+ animation: none;
430
484
  }
431
485
 
432
486
  .e-ddl.e-popup {
433
487
  border: 0;
434
- 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);
488
+ -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);
489
+ 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);
435
490
  margin-top: 2px;
436
491
  }
437
492
 
@@ -451,7 +506,8 @@
451
506
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
452
507
  background: #f5f5f5;
453
508
  border-width: 0;
454
- box-shadow: none;
509
+ -webkit-box-shadow: none;
510
+ box-shadow: none;
455
511
  margin-bottom: 0;
456
512
  }
457
513
 
@@ -613,7 +669,8 @@
613
669
  .e-filter-parent {
614
670
  border: 0;
615
671
  border-top-width: 0;
616
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
672
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
673
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
617
674
  display: block;
618
675
  padding: 0;
619
676
  }
@@ -687,6 +744,7 @@
687
744
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
688
745
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
689
746
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
747
+ display: -webkit-box;
690
748
  display: -ms-flexbox;
691
749
  display: flex;
692
750
  }
@@ -708,6 +766,7 @@
708
766
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
709
767
  .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 {
710
768
  cursor: pointer;
769
+ display: -webkit-box;
711
770
  display: -ms-flexbox;
712
771
  display: flex;
713
772
  }
@@ -727,6 +786,11 @@
727
786
  pointer-events: none;
728
787
  }
729
788
 
789
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
790
+ opacity: 0.7;
791
+ pointer-events: none;
792
+ }
793
+
730
794
  ejs-autocomplete,
731
795
  ejs-combobox,
732
796
  ejs-dropdownlist {
@@ -795,38 +859,6 @@ ejs-dropdownlist {
795
859
  color: #e3165b;
796
860
  }
797
861
 
798
- /* stylelint-disable property-no-vendor-prefix */
799
- @keyframes e-input-ripple {
800
- 100% {
801
- opacity: 0;
802
- transform: scale(4);
803
- }
804
- }
805
- @keyframes slideTopUp {
806
- from {
807
- transform: translate3d(0, 0, 0) scale(1);
808
- }
809
- to {
810
- transform: translate3d(0, 0, 0) scale(1);
811
- }
812
- }
813
- /* stylelint-disable property-no-vendor-prefix */
814
- @keyframes material-spinner-rotate {
815
- 0% {
816
- transform: rotate(0deg);
817
- }
818
- 100% {
819
- transform: rotate(360deg);
820
- }
821
- }
822
- @keyframes fabric-spinner-rotate {
823
- 0% {
824
- transform: rotate(0deg);
825
- }
826
- 100% {
827
- transform: rotate(360deg);
828
- }
829
- }
830
862
  /*! TreeView's material theme wise override definitions and variables */
831
863
  /* stylelint-disable */
832
864
  /* stylelint-disable */
@@ -842,12 +874,20 @@ ejs-dropdownlist {
842
874
  outline: none;
843
875
  }
844
876
  .e-ddt .e-ddt-icon::before {
845
- transform: rotate(0deg);
877
+ -webkit-transform: rotate(0deg);
878
+ transform: rotate(0deg);
879
+ -webkit-transition: -webkit-transform 300ms ease;
880
+ transition: -webkit-transform 300ms ease;
846
881
  transition: transform 300ms ease;
882
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
847
883
  }
848
884
  .e-ddt.e-icon-anim .e-ddt-icon::before {
849
- transform: rotate(180deg);
885
+ -webkit-transform: rotate(180deg);
886
+ transform: rotate(180deg);
887
+ -webkit-transition: -webkit-transform 300ms ease;
888
+ transition: -webkit-transform 300ms ease;
850
889
  transition: transform 300ms ease;
890
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
851
891
  }
852
892
  .e-ddt .e-ddt-hidden {
853
893
  border: 0;
@@ -856,7 +896,8 @@ ejs-dropdownlist {
856
896
  width: 0;
857
897
  }
858
898
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
859
- box-sizing: content-box;
899
+ -webkit-box-sizing: content-box;
900
+ box-sizing: content-box;
860
901
  min-height: 22px;
861
902
  }
862
903
  .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
@@ -887,6 +928,7 @@ ejs-dropdownlist {
887
928
  padding-right: 0;
888
929
  }
889
930
  .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
931
+ display: -webkit-box;
890
932
  display: -ms-flexbox;
891
933
  display: flex;
892
934
  }
@@ -894,19 +936,22 @@ ejs-dropdownlist {
894
936
  width: 100%;
895
937
  }
896
938
  .e-ddt.e-show-chip .e-chips-close {
897
- line-height: 16px;
898
939
  min-height: 16px;
899
940
  min-width: 16px;
941
+ line-height: 16px;
900
942
  text-align: center;
901
943
  }
902
944
  .e-ddt.e-show-chip .e-chips-close::before {
903
945
  font-size: 16px;
904
946
  }
905
947
  .e-ddt.e-show-chip .e-chips {
906
- -ms-flex-align: center;
907
- align-items: center;
948
+ -webkit-box-align: center;
949
+ -ms-flex-align: center;
950
+ align-items: center;
908
951
  border-radius: 16px;
909
- box-sizing: border-box;
952
+ -webkit-box-sizing: border-box;
953
+ box-sizing: border-box;
954
+ display: -webkit-inline-box;
910
955
  display: -ms-inline-flexbox;
911
956
  display: inline-flex;
912
957
  float: left;
@@ -938,9 +983,7 @@ ejs-dropdownlist {
938
983
  .e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
939
984
  min-height: 20px;
940
985
  }
941
- .e-ddt.e-outline.e-show-chip .e-overflow {
942
- padding: 4px 12px;
943
- }
986
+ .e-ddt.e-outline.e-show-chip .e-overflow,
944
987
  .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
945
988
  padding: 4px 12px;
946
989
  }
@@ -966,11 +1009,6 @@ ejs-dropdownlist {
966
1009
  bottom: 9px;
967
1010
  right: 10px;
968
1011
  }
969
- .e-ddt.e-filled .e-chips-wrapper .e-chips,
970
- .e-ddt.e-filled .e-overflow .e-chips {
971
- margin-top: 8px;
972
- padding: 0 8px;
973
- }
974
1012
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
975
1013
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
976
1014
  padding-top: 8px;
@@ -990,6 +1028,11 @@ ejs-dropdownlist {
990
1028
  height: 12px;
991
1029
  width: 12px;
992
1030
  }
1031
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
1032
+ .e-ddt.e-filled .e-overflow .e-chips {
1033
+ margin-top: 8px;
1034
+ padding: 0 8px;
1035
+ }
993
1036
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
994
1037
  line-height: 39px;
995
1038
  padding: 0;
@@ -1012,8 +1055,8 @@ ejs-dropdownlist {
1012
1055
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
1013
1056
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
1014
1057
  font-size: 14px;
1015
- height: 14px;
1016
- width: 14px;
1058
+ height: 12px;
1059
+ width: 12px;
1017
1060
  }
1018
1061
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
1019
1062
  bottom: 10px;
@@ -1034,7 +1077,8 @@ ejs-dropdownlist {
1034
1077
  padding: 6px 0 0 0;
1035
1078
  }
1036
1079
  .e-ddt .e-overflow.e-total-count {
1037
- box-sizing: border-box;
1080
+ -webkit-box-sizing: border-box;
1081
+ box-sizing: border-box;
1038
1082
  display: inline-block;
1039
1083
  overflow: hidden;
1040
1084
  text-overflow: ellipsis;
@@ -1078,9 +1122,11 @@ ejs-dropdownlist {
1078
1122
  .e-ddt .e-dropdowntree.e-chip-input,
1079
1123
  .e-ddt input[readonly].e-input.e-chip-input {
1080
1124
  width: 0;
1125
+ display: none;
1081
1126
  }
1082
1127
  .e-ddt.e-popup {
1083
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
1128
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
1129
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
1084
1130
  position: absolute;
1085
1131
  }
1086
1132
  .e-ddt.e-popup .e-selectall-parent {
@@ -1106,21 +1152,15 @@ ejs-dropdownlist {
1106
1152
  font-size: 14px;
1107
1153
  margin: 10px;
1108
1154
  }
1109
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1110
- padding: 8px 16px 8px;
1111
- }
1112
1155
  .e-ddt.e-popup .e-filter-wrap {
1113
- border: 0;
1114
1156
  border-top-width: 0;
1115
1157
  display: block;
1116
1158
  padding: 0;
1159
+ border: 0;
1117
1160
  }
1118
- .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before,
1119
- .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after,
1120
- .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before,
1121
- .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after {
1122
- bottom: -1px;
1123
- height: 1px;
1161
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1162
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1163
+ padding: 8px 16px 8px;
1124
1164
  }
1125
1165
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1126
1166
  margin-bottom: 0;
@@ -1131,6 +1171,10 @@ ejs-dropdownlist {
1131
1171
  min-width: 12px;
1132
1172
  padding: 6px;
1133
1173
  }
1174
+ .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-ddt.e-popup .e-filter-wrap .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after {
1175
+ bottom: -1px;
1176
+ height: 1px;
1177
+ }
1134
1178
  .e-ddt.e-popup .e-popup-content {
1135
1179
  overflow: auto;
1136
1180
  position: relative;
@@ -1142,8 +1186,8 @@ ejs-dropdownlist {
1142
1186
  cursor: default;
1143
1187
  font-family: inherit;
1144
1188
  font-size: 14px;
1145
- padding: 14px 16px;
1146
1189
  text-align: center;
1190
+ padding: 14px 16px;
1147
1191
  }
1148
1192
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1149
1193
  display: none;
@@ -1235,16 +1279,16 @@ ejs-dropdownlist {
1235
1279
  right: auto;
1236
1280
  }
1237
1281
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1238
- margin-left: 18px;
1239
1282
  margin-right: 1px;
1283
+ margin-left: 18px;
1240
1284
  }
1241
1285
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1242
- margin-left: 26px;
1243
1286
  margin-right: 1px;
1287
+ margin-left: 26px;
1244
1288
  }
1245
1289
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1246
- margin-left: 45px;
1247
1290
  margin-right: 1px;
1291
+ margin-left: 45px;
1248
1292
  }
1249
1293
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1250
1294
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
@@ -1292,11 +1336,8 @@ ejs-dropdownlist {
1292
1336
  .e-ddt.e-bigger .e-overflow.e-show-text {
1293
1337
  padding: 8px 0 0 0;
1294
1338
  }
1295
- .e-bigger .e-ddt.e-outline .e-overflow.e-show-text,
1296
- .e-ddt.e-bigger.e-outline .e-overflow.e-show-text {
1297
- padding: 15px 16px;
1298
- }
1299
- .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1339
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1340
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
1300
1341
  .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
1301
1342
  padding: 15px 16px;
1302
1343
  }
@@ -1494,18 +1535,18 @@ ejs-dropdownlist {
1494
1535
  }
1495
1536
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1496
1537
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1497
- margin-left: 20px;
1498
1538
  margin-right: 1px;
1539
+ margin-left: 20px;
1499
1540
  }
1500
1541
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1501
1542
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1502
- margin-left: 32px;
1503
1543
  margin-right: 1px;
1544
+ margin-left: 32px;
1504
1545
  }
1505
1546
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1506
1547
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1507
- margin-left: 52px;
1508
- margin-right: 1px;
1548
+ margin-right: 52px;
1549
+ margin-left: 1px;
1509
1550
  }
1510
1551
  .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1511
1552
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1523,12 +1564,6 @@ ejs-dropdownlist {
1523
1564
  .e-ddt .e-chips > .e-chipcontent {
1524
1565
  color: rgba(0, 0, 0, 0.87);
1525
1566
  }
1526
- .e-ddt .e-chips:hover {
1527
- background-color: #d6d6d6;
1528
- }
1529
- .e-ddt .e-chips:hover > .e-chipcontent {
1530
- color: rgba(0, 0, 0, 0.87);
1531
- }
1532
1567
  .e-ddt.e-filled .e-chips {
1533
1568
  background-color: #cecece;
1534
1569
  }
@@ -1552,39 +1587,8 @@ ejs-dropdownlist {
1552
1587
  color: rgba(0, 0, 0, 0.87);
1553
1588
  }
1554
1589
 
1555
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1556
- /* stylelint-disable property-no-vendor-prefix */
1557
- @keyframes e-input-ripple {
1558
- 100% {
1559
- opacity: 0;
1560
- transform: scale(4);
1561
- }
1562
- }
1563
- @keyframes slideTopUp {
1564
- from {
1565
- transform: translate3d(0, 0, 0) scale(1);
1566
- }
1567
- to {
1568
- transform: translate3d(0, 0, 0) scale(1);
1569
- }
1570
- }
1571
- /* stylelint-disable property-no-vendor-prefix */
1572
- @keyframes material-spinner-rotate {
1573
- 0% {
1574
- transform: rotate(0deg);
1575
- }
1576
- 100% {
1577
- transform: rotate(360deg);
1578
- }
1579
- }
1580
- @keyframes fabric-spinner-rotate {
1581
- 0% {
1582
- transform: rotate(0deg);
1583
- }
1584
- 100% {
1585
- transform: rotate(360deg);
1586
- }
1587
- }
1590
+ /* stylelint-disable-line no-empty-source */
1591
+ /* stylelint-disable-line no-empty-source */
1588
1592
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1589
1593
  padding: 1px 0;
1590
1594
  }
@@ -2179,13 +2183,15 @@ ejs-dropdownlist {
2179
2183
  }
2180
2184
 
2181
2185
  .e-multi-select-wrapper {
2182
- box-sizing: border-box;
2186
+ -webkit-box-sizing: border-box;
2187
+ box-sizing: border-box;
2183
2188
  cursor: text;
2184
2189
  line-height: normal;
2185
2190
  min-height: 30px;
2186
2191
  padding: 0 32px 0 0;
2187
2192
  position: relative;
2188
2193
  -webkit-user-select: none;
2194
+ -moz-user-select: none;
2189
2195
  -ms-user-select: none;
2190
2196
  user-select: none;
2191
2197
  width: 100%;
@@ -2202,7 +2208,8 @@ ejs-dropdownlist {
2202
2208
  white-space: nowrap;
2203
2209
  }
2204
2210
  .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
2205
- box-sizing: border-box;
2211
+ -webkit-box-sizing: border-box;
2212
+ box-sizing: border-box;
2206
2213
  display: inline-block;
2207
2214
  overflow: hidden;
2208
2215
  text-overflow: ellipsis;
@@ -2233,6 +2240,7 @@ ejs-dropdownlist {
2233
2240
 
2234
2241
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2235
2242
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2243
+ display: -webkit-box;
2236
2244
  display: -ms-flexbox;
2237
2245
  display: flex;
2238
2246
  float: left;
@@ -2240,6 +2248,7 @@ ejs-dropdownlist {
2240
2248
  }
2241
2249
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2242
2250
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2251
+ display: -webkit-inline-box;
2243
2252
  display: -ms-inline-flexbox;
2244
2253
  display: inline-flex;
2245
2254
  float: none;
@@ -2262,8 +2271,9 @@ ejs-dropdownlist {
2262
2271
  }
2263
2272
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2264
2273
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2265
- -ms-flex-align: center;
2266
- align-items: center;
2274
+ -webkit-box-align: center;
2275
+ -ms-flex-align: center;
2276
+ align-items: center;
2267
2277
  display: inline;
2268
2278
  max-width: 100%;
2269
2279
  word-break: break-word;
@@ -2272,12 +2282,15 @@ ejs-dropdownlist {
2272
2282
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2273
2283
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2274
2284
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2275
- -ms-flex-align: center;
2276
- align-items: center;
2285
+ -webkit-box-align: center;
2286
+ -ms-flex-align: center;
2287
+ align-items: center;
2277
2288
  cursor: pointer;
2278
2289
  display: none;
2279
- -ms-flex-direction: row;
2280
- flex-direction: row;
2290
+ -webkit-box-orient: horizontal;
2291
+ -webkit-box-direction: normal;
2292
+ -ms-flex-direction: row;
2293
+ flex-direction: row;
2281
2294
  margin-top: -2.5em;
2282
2295
  outline: 0;
2283
2296
  padding: 0;
@@ -2289,6 +2302,7 @@ ejs-dropdownlist {
2289
2302
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2290
2303
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2291
2304
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2305
+ display: -webkit-box;
2292
2306
  display: -ms-flexbox;
2293
2307
  display: flex;
2294
2308
  }
@@ -2368,8 +2382,10 @@ ejs-dropdownlist {
2368
2382
  }
2369
2383
 
2370
2384
  .e-multi-select-wrapper .e-chips {
2371
- -ms-flex-align: center;
2372
- align-items: center;
2385
+ -webkit-box-align: center;
2386
+ -ms-flex-align: center;
2387
+ align-items: center;
2388
+ display: -webkit-inline-box;
2373
2389
  display: -ms-inline-flexbox;
2374
2390
  display: inline-flex;
2375
2391
  float: left;
@@ -2412,6 +2428,7 @@ ejs-dropdownlist {
2412
2428
  .e-multi-select-wrapper .e-chips-close {
2413
2429
  -ms-flex-item-align: center;
2414
2430
  align-self: center;
2431
+ display: -webkit-box;
2415
2432
  display: -ms-flexbox;
2416
2433
  display: flex;
2417
2434
  float: right;
@@ -2601,7 +2618,9 @@ ejs-dropdownlist {
2601
2618
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2602
2619
  -ms-flex-item-align: center;
2603
2620
  align-self: center;
2604
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2621
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2622
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2623
+ display: -webkit-inline-box;
2605
2624
  display: -ms-inline-flexbox;
2606
2625
  display: inline-flex;
2607
2626
  padding: 0 0 0 16px;
@@ -2804,13 +2823,21 @@ ejs-dropdownlist {
2804
2823
  }
2805
2824
 
2806
2825
  .e-multiselect .e-ddl-icon::before {
2807
- transform: rotate(0deg);
2826
+ -webkit-transform: rotate(0deg);
2827
+ transform: rotate(0deg);
2828
+ -webkit-transition: -webkit-transform 300ms ease;
2829
+ transition: -webkit-transform 300ms ease;
2808
2830
  transition: transform 300ms ease;
2831
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2809
2832
  }
2810
2833
 
2811
2834
  .e-multiselect.e-icon-anim .e-ddl-icon::before {
2812
- transform: rotate(180deg);
2835
+ -webkit-transform: rotate(180deg);
2836
+ transform: rotate(180deg);
2837
+ -webkit-transition: -webkit-transform 300ms ease;
2838
+ transition: -webkit-transform 300ms ease;
2813
2839
  transition: transform 300ms ease;
2840
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2814
2841
  }
2815
2842
 
2816
2843
  .e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -3261,8 +3288,9 @@ ejs-multiselect {
3261
3288
 
3262
3289
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3263
3290
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
3264
- -ms-flex-align: normal;
3265
- align-items: normal;
3291
+ -webkit-box-align: normal;
3292
+ -ms-flex-align: normal;
3293
+ align-items: normal;
3266
3294
  }
3267
3295
 
3268
3296
  .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -3468,7 +3496,10 @@ ejs-multiselect {
3468
3496
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3469
3497
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3470
3498
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3471
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3499
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3500
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
3501
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3502
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3472
3503
  height: 24px;
3473
3504
  }
3474
3505
 
@@ -3477,10 +3508,6 @@ ejs-multiselect {
3477
3508
  height: 32px;
3478
3509
  }
3479
3510
 
3480
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
3481
- height: 24px;
3482
- }
3483
-
3484
3511
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3485
3512
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3486
3513
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -3536,11 +3563,6 @@ ejs-multiselect {
3536
3563
  margin: 4px 0 0 4px;
3537
3564
  }
3538
3565
 
3539
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3540
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3541
- height: 24px;
3542
- }
3543
-
3544
3566
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3545
3567
  .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3546
3568
  .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
@@ -3661,7 +3683,8 @@ ejs-multiselect {
3661
3683
  }
3662
3684
 
3663
3685
  .e-multiselect {
3664
- box-sizing: border-box;
3686
+ -webkit-box-sizing: border-box;
3687
+ box-sizing: border-box;
3665
3688
  }
3666
3689
 
3667
3690
  /* stylelint-disable property-no-vendor-prefix */
@@ -3718,8 +3741,10 @@ ejs-multiselect {
3718
3741
  }
3719
3742
 
3720
3743
  .e-popup.e-multi-select-list-wrapper {
3721
- 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);
3722
- box-sizing: content-box;
3744
+ -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);
3745
+ 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);
3746
+ -webkit-box-sizing: content-box;
3747
+ box-sizing: content-box;
3723
3748
  overflow: initial;
3724
3749
  }
3725
3750
 
@@ -3773,14 +3798,16 @@ ejs-multiselect {
3773
3798
 
3774
3799
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
3775
3800
  background-color: #e0e0e0;
3776
- box-shadow: none;
3801
+ -webkit-box-shadow: none;
3802
+ box-shadow: none;
3777
3803
  color: #e3165b;
3778
3804
  border: 1px solid transparent;
3779
3805
  }
3780
3806
 
3781
3807
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
3782
3808
  background-color: #e0e0e0;
3783
- box-shadow: none;
3809
+ -webkit-box-shadow: none;
3810
+ box-shadow: none;
3784
3811
  color: #e3165b;
3785
3812
  border: 1px solid transparent;
3786
3813
  }
@@ -3945,7 +3972,8 @@ ejs-multiselect {
3945
3972
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
3946
3973
  background-color: #3f51b5;
3947
3974
  border-radius: 4px;
3948
- box-sizing: border-box;
3975
+ -webkit-box-sizing: border-box;
3976
+ box-sizing: border-box;
3949
3977
  color: #fff;
3950
3978
  height: 40px;
3951
3979
  line-height: 40px;
@@ -3993,11 +4021,13 @@ ejs-multiselect {
3993
4021
  .e-listbox-container,
3994
4022
  .e-listboxtool-wrapper {
3995
4023
  -webkit-overflow-scrolling: touch;
3996
- box-sizing: border-box;
4024
+ -webkit-box-sizing: border-box;
4025
+ box-sizing: border-box;
3997
4026
  cursor: pointer;
3998
4027
  display: block;
3999
4028
  position: relative;
4000
4029
  -webkit-user-select: none;
4030
+ -moz-user-select: none;
4001
4031
  -ms-user-select: none;
4002
4032
  user-select: none;
4003
4033
  width: 100%;
@@ -4005,7 +4035,8 @@ ejs-multiselect {
4005
4035
  .e-listbox-wrapper *,
4006
4036
  .e-listbox-container *,
4007
4037
  .e-listboxtool-wrapper * {
4008
- box-sizing: border-box;
4038
+ -webkit-box-sizing: border-box;
4039
+ box-sizing: border-box;
4009
4040
  }
4010
4041
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4011
4042
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -4070,9 +4101,11 @@ ejs-multiselect {
4070
4101
  margin: 0;
4071
4102
  padding: 0;
4072
4103
  }
4073
- .e-listbox-wrapper .e-list-header .e-text.header,
4104
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4074
4105
  .e-listbox-container .e-list-header .e-text.header,
4075
- .e-listboxtool-wrapper .e-list-header .e-text.header {
4106
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4107
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
4108
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4076
4109
  display: none;
4077
4110
  }
4078
4111
  .e-listbox-wrapper .e-icon-back,
@@ -4080,17 +4113,14 @@ ejs-multiselect {
4080
4113
  .e-listboxtool-wrapper .e-icon-back {
4081
4114
  margin-top: 2px;
4082
4115
  }
4083
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4084
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4085
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4086
- display: none;
4087
- }
4088
4116
  .e-listbox-wrapper .e-list-header,
4089
4117
  .e-listbox-container .e-list-header,
4090
4118
  .e-listboxtool-wrapper .e-list-header {
4091
- -ms-flex-align: center;
4092
- align-items: center;
4119
+ -webkit-box-align: center;
4120
+ -ms-flex-align: center;
4121
+ align-items: center;
4093
4122
  border-bottom: 1px solid;
4123
+ display: -webkit-box;
4094
4124
  display: -ms-flexbox;
4095
4125
  display: flex;
4096
4126
  font-weight: bold;
@@ -4132,7 +4162,8 @@ ejs-multiselect {
4132
4162
  position: absolute;
4133
4163
  right: 0%;
4134
4164
  top: 50%;
4135
- transform: translateY(-50%);
4165
+ -webkit-transform: translateY(-50%);
4166
+ transform: translateY(-50%);
4136
4167
  }
4137
4168
  .e-listbox-wrapper .e-text-content,
4138
4169
  .e-listbox-container .e-text-content,
@@ -4188,18 +4219,12 @@ ejs-multiselect {
4188
4219
  white-space: nowrap;
4189
4220
  width: 100%;
4190
4221
  }
4191
- .e-listbox-wrapper .e-list-icon + .e-list-text,
4222
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4192
4223
  .e-listbox-container .e-list-icon + .e-list-text,
4193
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
4194
- width: calc(100% - 60px);
4195
- }
4196
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
4197
4224
  .e-listbox-container .e-icon-wrapper .e-list-text,
4198
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
4199
- width: calc(100% - 60px);
4200
- }
4201
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4202
4225
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4226
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
4227
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
4203
4228
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4204
4229
  width: calc(100% - 60px);
4205
4230
  }
@@ -4245,7 +4270,8 @@ ejs-multiselect {
4245
4270
  left: 0%;
4246
4271
  right: initial;
4247
4272
  top: 50%;
4248
- transform: translateY(-50%) rotate(180deg);
4273
+ -webkit-transform: translateY(-50%) rotate(180deg);
4274
+ transform: translateY(-50%) rotate(180deg);
4249
4275
  }
4250
4276
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
4251
4277
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -4255,7 +4281,8 @@ ejs-multiselect {
4255
4281
  .e-listbox-wrapper.e-rtl .e-but-back,
4256
4282
  .e-listbox-container.e-rtl .e-but-back,
4257
4283
  .e-listboxtool-wrapper.e-rtl .e-but-back {
4258
- transform: rotate(180deg);
4284
+ -webkit-transform: rotate(180deg);
4285
+ transform: rotate(180deg);
4259
4286
  }
4260
4287
  .e-listbox-wrapper.e-rtl .e-icon-back,
4261
4288
  .e-listbox-container.e-rtl .e-icon-back,
@@ -4263,8 +4290,11 @@ ejs-multiselect {
4263
4290
  margin-top: -2px;
4264
4291
  }
4265
4292
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4293
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4266
4294
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4267
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4295
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4296
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4297
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4268
4298
  margin: -2px 0 0 10px;
4269
4299
  }
4270
4300
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -4272,11 +4302,6 @@ ejs-multiselect {
4272
4302
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4273
4303
  margin: -2px 10px 0 0;
4274
4304
  }
4275
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4276
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
4277
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4278
- margin: -2px 0 0 10px;
4279
- }
4280
4305
  .e-listbox-wrapper .e-checkbox-wrapper,
4281
4306
  .e-listbox-container .e-checkbox-wrapper,
4282
4307
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -4321,10 +4346,7 @@ ejs-listbox {
4321
4346
  display: block;
4322
4347
  }
4323
4348
 
4324
- .e-listbox-wrapper:not(.e-listbox-container) {
4325
- overflow: auto;
4326
- }
4327
-
4349
+ .e-listbox-wrapper:not(.e-listbox-container),
4328
4350
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4329
4351
  overflow: auto;
4330
4352
  }
@@ -4339,6 +4361,7 @@ ejs-listbox {
4339
4361
  .e-listbox-container.e-sortableclone .e-list-item,
4340
4362
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4341
4363
  list-style-type: none;
4364
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4342
4365
  }
4343
4366
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4344
4367
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -4353,18 +4376,21 @@ ejs-listbox {
4353
4376
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
4354
4377
  .e-listbox-container.e-sortableclone .e-list-badge,
4355
4378
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4356
- -ms-flex-align: center;
4357
- align-items: center;
4379
+ -webkit-box-align: center;
4380
+ -ms-flex-align: center;
4381
+ align-items: center;
4358
4382
  background-color: #e3165b;
4359
4383
  border: 1px solid #fff;
4360
4384
  border-radius: 50%;
4361
4385
  color: #fff;
4386
+ display: -webkit-box;
4362
4387
  display: -ms-flexbox;
4363
4388
  display: flex;
4364
4389
  font-size: 12px;
4365
4390
  height: 22px;
4366
- -ms-flex-pack: center;
4367
- justify-content: center;
4391
+ -webkit-box-pack: center;
4392
+ -ms-flex-pack: center;
4393
+ justify-content: center;
4368
4394
  position: absolute;
4369
4395
  right: -10px;
4370
4396
  top: -10px;
@@ -4378,12 +4404,14 @@ ejs-listbox {
4378
4404
  .e-listboxtool-wrapper,
4379
4405
  .e-listboxtool-container {
4380
4406
  cursor: pointer;
4407
+ display: -webkit-box;
4381
4408
  display: -ms-flexbox;
4382
4409
  display: flex;
4383
4410
  }
4384
4411
  .e-listboxtool-wrapper *,
4385
4412
  .e-listboxtool-container * {
4386
- box-sizing: border-box;
4413
+ -webkit-box-sizing: border-box;
4414
+ box-sizing: border-box;
4387
4415
  }
4388
4416
  .e-listboxtool-wrapper.e-disabled,
4389
4417
  .e-listboxtool-container.e-disabled {
@@ -4391,9 +4419,12 @@ ejs-listbox {
4391
4419
  pointer-events: none;
4392
4420
  }
4393
4421
  .e-listboxtool-wrapper .e-listbox-wrapper,
4394
- .e-listboxtool-container .e-listbox-wrapper {
4395
- -ms-flex: 1;
4396
- flex: 1;
4422
+ .e-listboxtool-wrapper .e-list-wrap,
4423
+ .e-listboxtool-container .e-listbox-wrapper,
4424
+ .e-listboxtool-container .e-list-wrap {
4425
+ -webkit-box-flex: 1;
4426
+ -ms-flex: 1;
4427
+ flex: 1;
4397
4428
  }
4398
4429
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
4399
4430
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -4499,22 +4530,22 @@ ejs-listbox {
4499
4530
  .e-listbox-wrapper.e-bigger .e-list-header,
4500
4531
  .e-bigger .e-listbox-container .e-list-header,
4501
4532
  .e-listbox-container.e-bigger .e-list-header {
4502
- -ms-flex-align: center;
4503
- align-items: center;
4533
+ -webkit-box-align: center;
4534
+ -ms-flex-align: center;
4535
+ align-items: center;
4536
+ display: -webkit-box;
4504
4537
  display: -ms-flexbox;
4505
4538
  display: flex;
4506
4539
  font-weight: bold;
4507
4540
  height: 64px;
4508
4541
  }
4509
4542
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
4510
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4511
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
4512
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
4513
- display: none;
4514
- }
4515
4543
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4544
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4516
4545
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
4546
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
4517
4547
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4548
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
4518
4549
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
4519
4550
  display: none;
4520
4551
  }
@@ -4537,15 +4568,15 @@ ejs-listbox {
4537
4568
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4538
4569
  }
4539
4570
 
4540
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4571
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4572
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
4573
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4574
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4541
4575
  height: 100%;
4542
4576
  }
4543
4577
 
4544
4578
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4545
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4546
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4547
- }
4548
-
4579
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4549
4580
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4550
4581
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4551
4582
  }
@@ -4554,23 +4585,11 @@ ejs-listbox {
4554
4585
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4555
4586
  }
4556
4587
 
4557
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4558
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4559
- }
4560
-
4561
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4562
- height: 100%;
4563
- }
4564
-
4565
4588
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4566
4589
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4567
4590
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4568
4591
  }
4569
4592
 
4570
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4571
- height: 100%;
4572
- }
4573
-
4574
4593
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4575
4594
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4576
4595
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -4584,10 +4603,6 @@ ejs-listbox {
4584
4603
  height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4585
4604
  }
4586
4605
 
4587
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4588
- height: 100%;
4589
- }
4590
-
4591
4606
  .e-listbox-wrapper,
4592
4607
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4593
4608
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4627,12 +4642,6 @@ ejs-listbox {
4627
4642
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4628
4643
  }
4629
4644
 
4630
- .e-listbox-wrapper .e-icons,
4631
- .e-listbox-container .e-icons,
4632
- .e-listboxtool-wrapper .e-icons {
4633
- color: rgba(0, 0, 0, 0.54);
4634
- }
4635
-
4636
4645
  .e-listbox-wrapper .e-list-item,
4637
4646
  .e-listbox-container .e-list-item,
4638
4647
  .e-listboxtool-wrapper .e-list-item {
@@ -4654,13 +4663,6 @@ ejs-listbox {
4654
4663
  color: rgba(0, 0, 0, 0.87);
4655
4664
  }
4656
4665
 
4657
- .e-listbox-wrapper .e-list-item.e-selected,
4658
- .e-listbox-container .e-list-item.e-selected,
4659
- .e-listboxtool-wrapper .e-list-item.e-selected {
4660
- background-color: #f5f5f5;
4661
- color: rgba(0, 0, 0, 0.87);
4662
- }
4663
-
4664
4666
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4665
4667
  .e-listbox-container .e-list-item.e-selected.e-checklist,
4666
4668
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -4668,11 +4670,13 @@ ejs-listbox {
4668
4670
  color: rgba(0, 0, 0, 0.87);
4669
4671
  }
4670
4672
 
4671
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4673
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
4672
4674
  .e-listbox-container .e-list-item.e-focused,
4673
4675
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4676
+ .e-listbox-container .e-list-item.e-selected,
4674
4677
  .e-listboxtool-wrapper .e-list-item.e-focused,
4675
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4678
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4679
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4676
4680
  background-color: #f5f5f5;
4677
4681
  color: rgba(0, 0, 0, 0.87);
4678
4682
  }
@@ -4762,8 +4766,8 @@ ejs-listbox {
4762
4766
  height: 2.6667em;
4763
4767
  left: 1.0667em;
4764
4768
  position: absolute;
4765
- top: 0.2666em;
4766
4769
  width: 2.6667em;
4770
+ left: 1.0667em;
4767
4771
  }
4768
4772
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4769
4773
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -4781,18 +4785,15 @@ ejs-listbox {
4781
4785
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4782
4786
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4783
4787
  height: 2.6667em;
4788
+ left: 1.0667em;
4784
4789
  position: absolute;
4785
- right: 1.0667em;
4786
- top: 0.2666em;
4787
4790
  width: 2.6667em;
4791
+ right: 1.0667em;
4788
4792
  }
4789
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4793
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4790
4794
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4791
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
4792
- top: 1.0666em;
4793
- }
4794
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4795
4795
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4796
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4796
4797
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4797
4798
  top: 1.0666em;
4798
4799
  }
@@ -4806,7 +4807,8 @@ ejs-listbox {
4806
4807
  position: absolute;
4807
4808
  right: 1.33em;
4808
4809
  top: 50%;
4809
- transform: translateY(-50%);
4810
+ -webkit-transform: translateY(-50%);
4811
+ transform: translateY(-50%);
4810
4812
  width: 2.5em;
4811
4813
  }
4812
4814
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -4831,23 +4833,17 @@ ejs-listbox {
4831
4833
  text-overflow: ellipsis;
4832
4834
  white-space: nowrap;
4833
4835
  }
4834
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4836
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4835
4837
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4836
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
4837
- color: rgba(0, 0, 0, 0.87);
4838
- }
4839
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4840
4838
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4839
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4841
4840
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4842
4841
  color: rgba(0, 0, 0, 0.87);
4843
4842
  }
4844
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4843
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
4845
4844
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4846
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
4847
- color: rgba(0, 0, 0, 0.87);
4848
- }
4849
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
4850
4845
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4846
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4851
4847
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4852
4848
  color: rgba(0, 0, 0, 0.87);
4853
4849
  }
@@ -4894,15 +4890,7 @@ ejs-listbox {
4894
4890
  padding-right: 1.0666em;
4895
4891
  }
4896
4892
 
4897
- .e-listbox-container.e-filter-list .e-list-parent {
4898
- height: 100%;
4899
- }
4900
-
4901
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4902
- height: 100%;
4903
- }
4904
-
4905
- .e-listbox-container .e-selectall-parent + .e-list-parent {
4893
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
4906
4894
  height: 100%;
4907
4895
  }
4908
4896
 
@@ -4916,22 +4904,4 @@ ejs-listbox {
4916
4904
 
4917
4905
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
4918
4906
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4919
- }
4920
-
4921
- /* stylelint-disable property-no-vendor-prefix */
4922
- @keyframes material-spinner-rotate {
4923
- 0% {
4924
- transform: rotate(0deg);
4925
- }
4926
- 100% {
4927
- transform: rotate(360deg);
4928
- }
4929
- }
4930
- @keyframes fabric-spinner-rotate {
4931
- 0% {
4932
- transform: rotate(0deg);
4933
- }
4934
- 100% {
4935
- transform: rotate(360deg);
4936
- }
4937
4907
  }