@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-750253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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
@@ -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;
@@ -1080,7 +1124,8 @@ ejs-dropdownlist {
1080
1124
  width: 0;
1081
1125
  }
1082
1126
  .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);
1127
+ -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);
1128
+ 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
1129
  position: absolute;
1085
1130
  }
1086
1131
  .e-ddt.e-popup .e-selectall-parent {
@@ -1106,21 +1151,15 @@ ejs-dropdownlist {
1106
1151
  font-size: 14px;
1107
1152
  margin: 10px;
1108
1153
  }
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
1154
  .e-ddt.e-popup .e-filter-wrap {
1113
- border: 0;
1114
1155
  border-top-width: 0;
1115
1156
  display: block;
1116
1157
  padding: 0;
1158
+ border: 0;
1117
1159
  }
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;
1160
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1161
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1162
+ padding: 8px 16px 8px;
1124
1163
  }
1125
1164
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1126
1165
  margin-bottom: 0;
@@ -1131,6 +1170,10 @@ ejs-dropdownlist {
1131
1170
  min-width: 12px;
1132
1171
  padding: 6px;
1133
1172
  }
1173
+ .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 {
1174
+ bottom: -1px;
1175
+ height: 1px;
1176
+ }
1134
1177
  .e-ddt.e-popup .e-popup-content {
1135
1178
  overflow: auto;
1136
1179
  position: relative;
@@ -1142,8 +1185,8 @@ ejs-dropdownlist {
1142
1185
  cursor: default;
1143
1186
  font-family: inherit;
1144
1187
  font-size: 14px;
1145
- padding: 14px 16px;
1146
1188
  text-align: center;
1189
+ padding: 14px 16px;
1147
1190
  }
1148
1191
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1149
1192
  display: none;
@@ -1235,16 +1278,16 @@ ejs-dropdownlist {
1235
1278
  right: auto;
1236
1279
  }
1237
1280
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1238
- margin-left: 18px;
1239
1281
  margin-right: 1px;
1282
+ margin-left: 18px;
1240
1283
  }
1241
1284
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1242
- margin-left: 26px;
1243
1285
  margin-right: 1px;
1286
+ margin-left: 26px;
1244
1287
  }
1245
1288
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1246
- margin-left: 45px;
1247
1289
  margin-right: 1px;
1290
+ margin-left: 45px;
1248
1291
  }
1249
1292
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1250
1293
  .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 +1335,8 @@ ejs-dropdownlist {
1292
1335
  .e-ddt.e-bigger .e-overflow.e-show-text {
1293
1336
  padding: 8px 0 0 0;
1294
1337
  }
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,
1338
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1339
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
1300
1340
  .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
1301
1341
  padding: 15px 16px;
1302
1342
  }
@@ -1494,18 +1534,18 @@ ejs-dropdownlist {
1494
1534
  }
1495
1535
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1496
1536
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1497
- margin-left: 20px;
1498
1537
  margin-right: 1px;
1538
+ margin-left: 20px;
1499
1539
  }
1500
1540
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1501
1541
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1502
- margin-left: 32px;
1503
1542
  margin-right: 1px;
1543
+ margin-left: 32px;
1504
1544
  }
1505
1545
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1506
1546
  .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;
1547
+ margin-right: 52px;
1548
+ margin-left: 1px;
1509
1549
  }
1510
1550
  .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
1551
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1523,12 +1563,6 @@ ejs-dropdownlist {
1523
1563
  .e-ddt .e-chips > .e-chipcontent {
1524
1564
  color: rgba(0, 0, 0, 0.87);
1525
1565
  }
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
1566
  .e-ddt.e-filled .e-chips {
1533
1567
  background-color: #cecece;
1534
1568
  }
@@ -1552,39 +1586,8 @@ ejs-dropdownlist {
1552
1586
  color: rgba(0, 0, 0, 0.87);
1553
1587
  }
1554
1588
 
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
- }
1589
+ /* stylelint-disable-line no-empty-source */
1590
+ /* stylelint-disable-line no-empty-source */
1588
1591
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1589
1592
  padding: 1px 0;
1590
1593
  }
@@ -2179,13 +2182,15 @@ ejs-dropdownlist {
2179
2182
  }
2180
2183
 
2181
2184
  .e-multi-select-wrapper {
2182
- box-sizing: border-box;
2185
+ -webkit-box-sizing: border-box;
2186
+ box-sizing: border-box;
2183
2187
  cursor: text;
2184
2188
  line-height: normal;
2185
2189
  min-height: 30px;
2186
2190
  padding: 0 32px 0 0;
2187
2191
  position: relative;
2188
2192
  -webkit-user-select: none;
2193
+ -moz-user-select: none;
2189
2194
  -ms-user-select: none;
2190
2195
  user-select: none;
2191
2196
  width: 100%;
@@ -2202,7 +2207,8 @@ ejs-dropdownlist {
2202
2207
  white-space: nowrap;
2203
2208
  }
2204
2209
  .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;
2210
+ -webkit-box-sizing: border-box;
2211
+ box-sizing: border-box;
2206
2212
  display: inline-block;
2207
2213
  overflow: hidden;
2208
2214
  text-overflow: ellipsis;
@@ -2233,6 +2239,7 @@ ejs-dropdownlist {
2233
2239
 
2234
2240
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2235
2241
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2242
+ display: -webkit-box;
2236
2243
  display: -ms-flexbox;
2237
2244
  display: flex;
2238
2245
  float: left;
@@ -2240,6 +2247,7 @@ ejs-dropdownlist {
2240
2247
  }
2241
2248
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2242
2249
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2250
+ display: -webkit-inline-box;
2243
2251
  display: -ms-inline-flexbox;
2244
2252
  display: inline-flex;
2245
2253
  float: none;
@@ -2262,8 +2270,9 @@ ejs-dropdownlist {
2262
2270
  }
2263
2271
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2264
2272
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2265
- -ms-flex-align: center;
2266
- align-items: center;
2273
+ -webkit-box-align: center;
2274
+ -ms-flex-align: center;
2275
+ align-items: center;
2267
2276
  display: inline;
2268
2277
  max-width: 100%;
2269
2278
  word-break: break-word;
@@ -2272,12 +2281,15 @@ ejs-dropdownlist {
2272
2281
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2273
2282
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2274
2283
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2275
- -ms-flex-align: center;
2276
- align-items: center;
2284
+ -webkit-box-align: center;
2285
+ -ms-flex-align: center;
2286
+ align-items: center;
2277
2287
  cursor: pointer;
2278
2288
  display: none;
2279
- -ms-flex-direction: row;
2280
- flex-direction: row;
2289
+ -webkit-box-orient: horizontal;
2290
+ -webkit-box-direction: normal;
2291
+ -ms-flex-direction: row;
2292
+ flex-direction: row;
2281
2293
  margin-top: -2.5em;
2282
2294
  outline: 0;
2283
2295
  padding: 0;
@@ -2289,6 +2301,7 @@ ejs-dropdownlist {
2289
2301
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2290
2302
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2291
2303
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2304
+ display: -webkit-box;
2292
2305
  display: -ms-flexbox;
2293
2306
  display: flex;
2294
2307
  }
@@ -2368,8 +2381,10 @@ ejs-dropdownlist {
2368
2381
  }
2369
2382
 
2370
2383
  .e-multi-select-wrapper .e-chips {
2371
- -ms-flex-align: center;
2372
- align-items: center;
2384
+ -webkit-box-align: center;
2385
+ -ms-flex-align: center;
2386
+ align-items: center;
2387
+ display: -webkit-inline-box;
2373
2388
  display: -ms-inline-flexbox;
2374
2389
  display: inline-flex;
2375
2390
  float: left;
@@ -2412,6 +2427,7 @@ ejs-dropdownlist {
2412
2427
  .e-multi-select-wrapper .e-chips-close {
2413
2428
  -ms-flex-item-align: center;
2414
2429
  align-self: center;
2430
+ display: -webkit-box;
2415
2431
  display: -ms-flexbox;
2416
2432
  display: flex;
2417
2433
  float: right;
@@ -2601,7 +2617,9 @@ ejs-dropdownlist {
2601
2617
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2602
2618
  -ms-flex-item-align: center;
2603
2619
  align-self: center;
2604
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2620
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2621
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2622
+ display: -webkit-inline-box;
2605
2623
  display: -ms-inline-flexbox;
2606
2624
  display: inline-flex;
2607
2625
  padding: 0 0 0 16px;
@@ -2804,13 +2822,21 @@ ejs-dropdownlist {
2804
2822
  }
2805
2823
 
2806
2824
  .e-multiselect .e-ddl-icon::before {
2807
- transform: rotate(0deg);
2825
+ -webkit-transform: rotate(0deg);
2826
+ transform: rotate(0deg);
2827
+ -webkit-transition: -webkit-transform 300ms ease;
2828
+ transition: -webkit-transform 300ms ease;
2808
2829
  transition: transform 300ms ease;
2830
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2809
2831
  }
2810
2832
 
2811
2833
  .e-multiselect.e-icon-anim .e-ddl-icon::before {
2812
- transform: rotate(180deg);
2834
+ -webkit-transform: rotate(180deg);
2835
+ transform: rotate(180deg);
2836
+ -webkit-transition: -webkit-transform 300ms ease;
2837
+ transition: -webkit-transform 300ms ease;
2813
2838
  transition: transform 300ms ease;
2839
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2814
2840
  }
2815
2841
 
2816
2842
  .e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -3261,8 +3287,9 @@ ejs-multiselect {
3261
3287
 
3262
3288
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3263
3289
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
3264
- -ms-flex-align: normal;
3265
- align-items: normal;
3290
+ -webkit-box-align: normal;
3291
+ -ms-flex-align: normal;
3292
+ align-items: normal;
3266
3293
  }
3267
3294
 
3268
3295
  .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -3468,7 +3495,10 @@ ejs-multiselect {
3468
3495
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3469
3496
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3470
3497
  .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 {
3498
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3499
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
3500
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3501
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3472
3502
  height: 24px;
3473
3503
  }
3474
3504
 
@@ -3477,10 +3507,6 @@ ejs-multiselect {
3477
3507
  height: 32px;
3478
3508
  }
3479
3509
 
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
3510
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3485
3511
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3486
3512
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -3536,11 +3562,6 @@ ejs-multiselect {
3536
3562
  margin: 4px 0 0 4px;
3537
3563
  }
3538
3564
 
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
3565
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3545
3566
  .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
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,
@@ -3661,7 +3682,8 @@ ejs-multiselect {
3661
3682
  }
3662
3683
 
3663
3684
  .e-multiselect {
3664
- box-sizing: border-box;
3685
+ -webkit-box-sizing: border-box;
3686
+ box-sizing: border-box;
3665
3687
  }
3666
3688
 
3667
3689
  /* stylelint-disable property-no-vendor-prefix */
@@ -3718,8 +3740,10 @@ ejs-multiselect {
3718
3740
  }
3719
3741
 
3720
3742
  .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;
3743
+ -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);
3744
+ 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
+ -webkit-box-sizing: content-box;
3746
+ box-sizing: content-box;
3723
3747
  overflow: initial;
3724
3748
  }
3725
3749
 
@@ -3773,14 +3797,16 @@ ejs-multiselect {
3773
3797
 
3774
3798
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
3775
3799
  background-color: #e0e0e0;
3776
- box-shadow: none;
3800
+ -webkit-box-shadow: none;
3801
+ box-shadow: none;
3777
3802
  color: #e3165b;
3778
3803
  border: 1px solid transparent;
3779
3804
  }
3780
3805
 
3781
3806
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
3782
3807
  background-color: #e0e0e0;
3783
- box-shadow: none;
3808
+ -webkit-box-shadow: none;
3809
+ box-shadow: none;
3784
3810
  color: #e3165b;
3785
3811
  border: 1px solid transparent;
3786
3812
  }
@@ -3945,7 +3971,8 @@ ejs-multiselect {
3945
3971
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
3946
3972
  background-color: #3f51b5;
3947
3973
  border-radius: 4px;
3948
- box-sizing: border-box;
3974
+ -webkit-box-sizing: border-box;
3975
+ box-sizing: border-box;
3949
3976
  color: #fff;
3950
3977
  height: 40px;
3951
3978
  line-height: 40px;
@@ -3993,11 +4020,13 @@ ejs-multiselect {
3993
4020
  .e-listbox-container,
3994
4021
  .e-listboxtool-wrapper {
3995
4022
  -webkit-overflow-scrolling: touch;
3996
- box-sizing: border-box;
4023
+ -webkit-box-sizing: border-box;
4024
+ box-sizing: border-box;
3997
4025
  cursor: pointer;
3998
4026
  display: block;
3999
4027
  position: relative;
4000
4028
  -webkit-user-select: none;
4029
+ -moz-user-select: none;
4001
4030
  -ms-user-select: none;
4002
4031
  user-select: none;
4003
4032
  width: 100%;
@@ -4005,7 +4034,8 @@ ejs-multiselect {
4005
4034
  .e-listbox-wrapper *,
4006
4035
  .e-listbox-container *,
4007
4036
  .e-listboxtool-wrapper * {
4008
- box-sizing: border-box;
4037
+ -webkit-box-sizing: border-box;
4038
+ box-sizing: border-box;
4009
4039
  }
4010
4040
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4011
4041
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -4070,9 +4100,11 @@ ejs-multiselect {
4070
4100
  margin: 0;
4071
4101
  padding: 0;
4072
4102
  }
4073
- .e-listbox-wrapper .e-list-header .e-text.header,
4103
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4074
4104
  .e-listbox-container .e-list-header .e-text.header,
4075
- .e-listboxtool-wrapper .e-list-header .e-text.header {
4105
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4106
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
4107
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4076
4108
  display: none;
4077
4109
  }
4078
4110
  .e-listbox-wrapper .e-icon-back,
@@ -4080,17 +4112,14 @@ ejs-multiselect {
4080
4112
  .e-listboxtool-wrapper .e-icon-back {
4081
4113
  margin-top: 2px;
4082
4114
  }
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
4115
  .e-listbox-wrapper .e-list-header,
4089
4116
  .e-listbox-container .e-list-header,
4090
4117
  .e-listboxtool-wrapper .e-list-header {
4091
- -ms-flex-align: center;
4092
- align-items: center;
4118
+ -webkit-box-align: center;
4119
+ -ms-flex-align: center;
4120
+ align-items: center;
4093
4121
  border-bottom: 1px solid;
4122
+ display: -webkit-box;
4094
4123
  display: -ms-flexbox;
4095
4124
  display: flex;
4096
4125
  font-weight: bold;
@@ -4132,7 +4161,8 @@ ejs-multiselect {
4132
4161
  position: absolute;
4133
4162
  right: 0%;
4134
4163
  top: 50%;
4135
- transform: translateY(-50%);
4164
+ -webkit-transform: translateY(-50%);
4165
+ transform: translateY(-50%);
4136
4166
  }
4137
4167
  .e-listbox-wrapper .e-text-content,
4138
4168
  .e-listbox-container .e-text-content,
@@ -4188,18 +4218,12 @@ ejs-multiselect {
4188
4218
  white-space: nowrap;
4189
4219
  width: 100%;
4190
4220
  }
4191
- .e-listbox-wrapper .e-list-icon + .e-list-text,
4221
+ .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
4222
  .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
4223
  .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
4224
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4225
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
4226
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
4203
4227
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4204
4228
  width: calc(100% - 60px);
4205
4229
  }
@@ -4245,7 +4269,8 @@ ejs-multiselect {
4245
4269
  left: 0%;
4246
4270
  right: initial;
4247
4271
  top: 50%;
4248
- transform: translateY(-50%) rotate(180deg);
4272
+ -webkit-transform: translateY(-50%) rotate(180deg);
4273
+ transform: translateY(-50%) rotate(180deg);
4249
4274
  }
4250
4275
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
4251
4276
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -4255,7 +4280,8 @@ ejs-multiselect {
4255
4280
  .e-listbox-wrapper.e-rtl .e-but-back,
4256
4281
  .e-listbox-container.e-rtl .e-but-back,
4257
4282
  .e-listboxtool-wrapper.e-rtl .e-but-back {
4258
- transform: rotate(180deg);
4283
+ -webkit-transform: rotate(180deg);
4284
+ transform: rotate(180deg);
4259
4285
  }
4260
4286
  .e-listbox-wrapper.e-rtl .e-icon-back,
4261
4287
  .e-listbox-container.e-rtl .e-icon-back,
@@ -4263,8 +4289,11 @@ ejs-multiselect {
4263
4289
  margin-top: -2px;
4264
4290
  }
4265
4291
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4292
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4266
4293
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4267
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4294
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4295
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4296
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4268
4297
  margin: -2px 0 0 10px;
4269
4298
  }
4270
4299
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -4272,11 +4301,6 @@ ejs-multiselect {
4272
4301
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4273
4302
  margin: -2px 10px 0 0;
4274
4303
  }
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
4304
  .e-listbox-wrapper .e-checkbox-wrapper,
4281
4305
  .e-listbox-container .e-checkbox-wrapper,
4282
4306
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -4321,10 +4345,7 @@ ejs-listbox {
4321
4345
  display: block;
4322
4346
  }
4323
4347
 
4324
- .e-listbox-wrapper:not(.e-listbox-container) {
4325
- overflow: auto;
4326
- }
4327
-
4348
+ .e-listbox-wrapper:not(.e-listbox-container),
4328
4349
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4329
4350
  overflow: auto;
4330
4351
  }
@@ -4339,6 +4360,7 @@ ejs-listbox {
4339
4360
  .e-listbox-container.e-sortableclone .e-list-item,
4340
4361
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4341
4362
  list-style-type: none;
4363
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4342
4364
  }
4343
4365
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4344
4366
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -4353,18 +4375,21 @@ ejs-listbox {
4353
4375
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
4354
4376
  .e-listbox-container.e-sortableclone .e-list-badge,
4355
4377
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4356
- -ms-flex-align: center;
4357
- align-items: center;
4378
+ -webkit-box-align: center;
4379
+ -ms-flex-align: center;
4380
+ align-items: center;
4358
4381
  background-color: #e3165b;
4359
4382
  border: 1px solid #fff;
4360
4383
  border-radius: 50%;
4361
4384
  color: #fff;
4385
+ display: -webkit-box;
4362
4386
  display: -ms-flexbox;
4363
4387
  display: flex;
4364
4388
  font-size: 12px;
4365
4389
  height: 22px;
4366
- -ms-flex-pack: center;
4367
- justify-content: center;
4390
+ -webkit-box-pack: center;
4391
+ -ms-flex-pack: center;
4392
+ justify-content: center;
4368
4393
  position: absolute;
4369
4394
  right: -10px;
4370
4395
  top: -10px;
@@ -4378,12 +4403,14 @@ ejs-listbox {
4378
4403
  .e-listboxtool-wrapper,
4379
4404
  .e-listboxtool-container {
4380
4405
  cursor: pointer;
4406
+ display: -webkit-box;
4381
4407
  display: -ms-flexbox;
4382
4408
  display: flex;
4383
4409
  }
4384
4410
  .e-listboxtool-wrapper *,
4385
4411
  .e-listboxtool-container * {
4386
- box-sizing: border-box;
4412
+ -webkit-box-sizing: border-box;
4413
+ box-sizing: border-box;
4387
4414
  }
4388
4415
  .e-listboxtool-wrapper.e-disabled,
4389
4416
  .e-listboxtool-container.e-disabled {
@@ -4391,9 +4418,12 @@ ejs-listbox {
4391
4418
  pointer-events: none;
4392
4419
  }
4393
4420
  .e-listboxtool-wrapper .e-listbox-wrapper,
4394
- .e-listboxtool-container .e-listbox-wrapper {
4395
- -ms-flex: 1;
4396
- flex: 1;
4421
+ .e-listboxtool-wrapper .e-list-wrap,
4422
+ .e-listboxtool-container .e-listbox-wrapper,
4423
+ .e-listboxtool-container .e-list-wrap {
4424
+ -webkit-box-flex: 1;
4425
+ -ms-flex: 1;
4426
+ flex: 1;
4397
4427
  }
4398
4428
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
4399
4429
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -4499,22 +4529,22 @@ ejs-listbox {
4499
4529
  .e-listbox-wrapper.e-bigger .e-list-header,
4500
4530
  .e-bigger .e-listbox-container .e-list-header,
4501
4531
  .e-listbox-container.e-bigger .e-list-header {
4502
- -ms-flex-align: center;
4503
- align-items: center;
4532
+ -webkit-box-align: center;
4533
+ -ms-flex-align: center;
4534
+ align-items: center;
4535
+ display: -webkit-box;
4504
4536
  display: -ms-flexbox;
4505
4537
  display: flex;
4506
4538
  font-weight: bold;
4507
4539
  height: 64px;
4508
4540
  }
4509
4541
  .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
4542
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4543
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4516
4544
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
4545
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
4517
4546
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4547
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
4518
4548
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
4519
4549
  display: none;
4520
4550
  }
@@ -4537,15 +4567,15 @@ ejs-listbox {
4537
4567
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4538
4568
  }
4539
4569
 
4540
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4570
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4571
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
4572
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4573
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4541
4574
  height: 100%;
4542
4575
  }
4543
4576
 
4544
4577
  .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
-
4578
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4549
4579
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4550
4580
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4551
4581
  }
@@ -4554,23 +4584,11 @@ ejs-listbox {
4554
4584
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4555
4585
  }
4556
4586
 
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
4587
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4566
4588
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4567
4589
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4568
4590
  }
4569
4591
 
4570
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4571
- height: 100%;
4572
- }
4573
-
4574
4592
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4575
4593
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4576
4594
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -4584,10 +4602,6 @@ ejs-listbox {
4584
4602
  height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4585
4603
  }
4586
4604
 
4587
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4588
- height: 100%;
4589
- }
4590
-
4591
4605
  .e-listbox-wrapper,
4592
4606
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4593
4607
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4627,12 +4641,6 @@ ejs-listbox {
4627
4641
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4628
4642
  }
4629
4643
 
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
4644
  .e-listbox-wrapper .e-list-item,
4637
4645
  .e-listbox-container .e-list-item,
4638
4646
  .e-listboxtool-wrapper .e-list-item {
@@ -4654,13 +4662,6 @@ ejs-listbox {
4654
4662
  color: rgba(0, 0, 0, 0.87);
4655
4663
  }
4656
4664
 
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
4665
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4665
4666
  .e-listbox-container .e-list-item.e-selected.e-checklist,
4666
4667
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -4668,11 +4669,13 @@ ejs-listbox {
4668
4669
  color: rgba(0, 0, 0, 0.87);
4669
4670
  }
4670
4671
 
4671
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4672
+ .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
4673
  .e-listbox-container .e-list-item.e-focused,
4673
4674
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4675
+ .e-listbox-container .e-list-item.e-selected,
4674
4676
  .e-listboxtool-wrapper .e-list-item.e-focused,
4675
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4677
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4678
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4676
4679
  background-color: #f5f5f5;
4677
4680
  color: rgba(0, 0, 0, 0.87);
4678
4681
  }
@@ -4762,8 +4765,8 @@ ejs-listbox {
4762
4765
  height: 2.6667em;
4763
4766
  left: 1.0667em;
4764
4767
  position: absolute;
4765
- top: 0.2666em;
4766
4768
  width: 2.6667em;
4769
+ left: 1.0667em;
4767
4770
  }
4768
4771
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4769
4772
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -4781,18 +4784,15 @@ ejs-listbox {
4781
4784
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4782
4785
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4783
4786
  height: 2.6667em;
4787
+ left: 1.0667em;
4784
4788
  position: absolute;
4785
- right: 1.0667em;
4786
- top: 0.2666em;
4787
4789
  width: 2.6667em;
4790
+ right: 1.0667em;
4788
4791
  }
4789
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4792
+ .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
4793
  .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
4794
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4795
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4796
4796
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4797
4797
  top: 1.0666em;
4798
4798
  }
@@ -4806,7 +4806,8 @@ ejs-listbox {
4806
4806
  position: absolute;
4807
4807
  right: 1.33em;
4808
4808
  top: 50%;
4809
- transform: translateY(-50%);
4809
+ -webkit-transform: translateY(-50%);
4810
+ transform: translateY(-50%);
4810
4811
  width: 2.5em;
4811
4812
  }
4812
4813
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -4831,23 +4832,17 @@ ejs-listbox {
4831
4832
  text-overflow: ellipsis;
4832
4833
  white-space: nowrap;
4833
4834
  }
4834
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4835
+ .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
4836
  .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
4837
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4838
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4841
4839
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4842
4840
  color: rgba(0, 0, 0, 0.87);
4843
4841
  }
4844
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4842
+ .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
4843
  .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
4844
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4845
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4851
4846
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4852
4847
  color: rgba(0, 0, 0, 0.87);
4853
4848
  }
@@ -4894,15 +4889,7 @@ ejs-listbox {
4894
4889
  padding-right: 1.0666em;
4895
4890
  }
4896
4891
 
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 {
4892
+ .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
4893
  height: 100%;
4907
4894
  }
4908
4895
 
@@ -4916,22 +4903,4 @@ ejs-listbox {
4916
4903
 
4917
4904
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
4918
4905
  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
4906
  }