@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: rgba(0, 0, 0, 0.9);
88
88
  border: 0;
89
- box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
89
+ -webkit-box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
90
+ box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
90
91
  margin-top: 2px;
91
92
  position: absolute;
92
93
  }
@@ -371,32 +372,68 @@
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);
378
387
  }
379
388
  }
380
389
  /* stylelint-disable property-no-vendor-prefix */
390
+ @-webkit-keyframes material-spinner-rotate {
391
+ 0% {
392
+ -webkit-transform: rotate(0deg);
393
+ transform: rotate(0deg);
394
+ }
395
+ 100% {
396
+ -webkit-transform: rotate(360deg);
397
+ transform: rotate(360deg);
398
+ }
399
+ }
381
400
  @keyframes material-spinner-rotate {
382
401
  0% {
402
+ -webkit-transform: rotate(0deg);
383
403
  transform: rotate(0deg);
384
404
  }
385
405
  100% {
406
+ -webkit-transform: rotate(360deg);
407
+ transform: rotate(360deg);
408
+ }
409
+ }
410
+ @-webkit-keyframes fabric-spinner-rotate {
411
+ 0% {
412
+ -webkit-transform: rotate(0deg);
413
+ transform: rotate(0deg);
414
+ }
415
+ 100% {
416
+ -webkit-transform: rotate(360deg);
386
417
  transform: rotate(360deg);
387
418
  }
388
419
  }
389
420
  @keyframes fabric-spinner-rotate {
390
421
  0% {
422
+ -webkit-transform: rotate(0deg);
391
423
  transform: rotate(0deg);
392
424
  }
393
425
  100% {
426
+ -webkit-transform: rotate(360deg);
394
427
  transform: rotate(360deg);
395
428
  }
396
429
  }
397
430
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
398
- transform: rotate(0deg);
431
+ -webkit-transform: rotate(0deg);
432
+ transform: rotate(0deg);
433
+ -webkit-transition: -webkit-transform 300ms ease;
434
+ transition: -webkit-transform 300ms ease;
399
435
  transition: transform 300ms ease;
436
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
400
437
  }
401
438
 
402
439
  .e-popup.e-ddl .e-dropdownbase {
@@ -404,8 +441,12 @@
404
441
  }
405
442
 
406
443
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
407
- transform: rotate(180deg);
444
+ -webkit-transform: rotate(180deg);
445
+ transform: rotate(180deg);
446
+ -webkit-transition: -webkit-transform 300ms ease;
447
+ transition: -webkit-transform 300ms ease;
408
448
  transition: transform 300ms ease;
449
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
409
450
  }
410
451
 
411
452
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -422,12 +463,14 @@
422
463
  }
423
464
 
424
465
  .e-input-group .e-ddl-icon:not(:active)::after {
425
- animation: none;
466
+ -webkit-animation: none;
467
+ animation: none;
426
468
  }
427
469
 
428
470
  .e-ddl.e-popup {
429
471
  border: 0;
430
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
472
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
473
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
431
474
  margin-top: 2px;
432
475
  }
433
476
 
@@ -443,7 +486,8 @@
443
486
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
444
487
  background: #f5f5f5;
445
488
  border-width: 0;
446
- box-shadow: none;
489
+ -webkit-box-shadow: none;
490
+ box-shadow: none;
447
491
  margin-bottom: 0;
448
492
  }
449
493
 
@@ -580,7 +624,8 @@
580
624
  .e-filter-parent {
581
625
  border: 0;
582
626
  border-top-width: 0;
583
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
627
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
628
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
584
629
  display: block;
585
630
  padding: 0;
586
631
  }
@@ -655,6 +700,7 @@
655
700
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
656
701
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
657
702
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
703
+ display: -webkit-box;
658
704
  display: -ms-flexbox;
659
705
  display: flex;
660
706
  }
@@ -676,6 +722,7 @@
676
722
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
677
723
  .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 {
678
724
  cursor: pointer;
725
+ display: -webkit-box;
679
726
  display: -ms-flexbox;
680
727
  display: flex;
681
728
  }
@@ -695,6 +742,11 @@
695
742
  pointer-events: none;
696
743
  }
697
744
 
745
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
746
+ opacity: 0.7;
747
+ pointer-events: none;
748
+ }
749
+
698
750
  ejs-autocomplete,
699
751
  ejs-combobox,
700
752
  ejs-dropdownlist {
@@ -763,30 +815,6 @@ ejs-dropdownlist {
763
815
  color: #00b0ff;
764
816
  }
765
817
 
766
- /* stylelint-disable property-no-vendor-prefix */
767
- @keyframes e-input-ripple {
768
- 100% {
769
- opacity: 0;
770
- transform: scale(4);
771
- }
772
- }
773
- /* stylelint-disable property-no-vendor-prefix */
774
- @keyframes material-spinner-rotate {
775
- 0% {
776
- transform: rotate(0deg);
777
- }
778
- 100% {
779
- transform: rotate(360deg);
780
- }
781
- }
782
- @keyframes fabric-spinner-rotate {
783
- 0% {
784
- transform: rotate(0deg);
785
- }
786
- 100% {
787
- transform: rotate(360deg);
788
- }
789
- }
790
818
  /* stylelint-disable */
791
819
  /* stylelint-disable */
792
820
  .e-ddt .e-ddt-icon::before {
@@ -801,12 +829,20 @@ ejs-dropdownlist {
801
829
  outline: none;
802
830
  }
803
831
  .e-ddt .e-ddt-icon::before {
804
- transform: rotate(0deg);
832
+ -webkit-transform: rotate(0deg);
833
+ transform: rotate(0deg);
834
+ -webkit-transition: -webkit-transform 300ms ease;
835
+ transition: -webkit-transform 300ms ease;
805
836
  transition: transform 300ms ease;
837
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
806
838
  }
807
839
  .e-ddt.e-icon-anim .e-ddt-icon::before {
808
- transform: rotate(180deg);
840
+ -webkit-transform: rotate(180deg);
841
+ transform: rotate(180deg);
842
+ -webkit-transition: -webkit-transform 300ms ease;
843
+ transition: -webkit-transform 300ms ease;
809
844
  transition: transform 300ms ease;
845
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
810
846
  }
811
847
  .e-ddt .e-ddt-hidden {
812
848
  border: 0;
@@ -815,7 +851,8 @@ ejs-dropdownlist {
815
851
  width: 0;
816
852
  }
817
853
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
818
- box-sizing: content-box;
854
+ -webkit-box-sizing: content-box;
855
+ box-sizing: content-box;
819
856
  min-height: 22px;
820
857
  }
821
858
  .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 {
@@ -846,6 +883,7 @@ ejs-dropdownlist {
846
883
  padding-right: 0;
847
884
  }
848
885
  .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 {
886
+ display: -webkit-box;
849
887
  display: -ms-flexbox;
850
888
  display: flex;
851
889
  }
@@ -853,19 +891,22 @@ ejs-dropdownlist {
853
891
  width: 100%;
854
892
  }
855
893
  .e-ddt.e-show-chip .e-chips-close {
856
- line-height: 16px;
857
894
  min-height: 16px;
858
895
  min-width: 16px;
896
+ line-height: 16px;
859
897
  text-align: center;
860
898
  }
861
899
  .e-ddt.e-show-chip .e-chips-close::before {
862
900
  font-size: 16px;
863
901
  }
864
902
  .e-ddt.e-show-chip .e-chips {
865
- -ms-flex-align: center;
866
- align-items: center;
903
+ -webkit-box-align: center;
904
+ -ms-flex-align: center;
905
+ align-items: center;
867
906
  border-radius: 16px;
868
- box-sizing: border-box;
907
+ -webkit-box-sizing: border-box;
908
+ box-sizing: border-box;
909
+ display: -webkit-inline-box;
869
910
  display: -ms-inline-flexbox;
870
911
  display: inline-flex;
871
912
  float: left;
@@ -897,9 +938,7 @@ ejs-dropdownlist {
897
938
  .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 {
898
939
  min-height: 20px;
899
940
  }
900
- .e-ddt.e-outline.e-show-chip .e-overflow {
901
- padding: 4px 12px;
902
- }
941
+ .e-ddt.e-outline.e-show-chip .e-overflow,
903
942
  .e-ddt.e-outline.e-show-chip .e-chips-wrapper {
904
943
  padding: 4px 12px;
905
944
  }
@@ -925,11 +964,6 @@ ejs-dropdownlist {
925
964
  bottom: 9px;
926
965
  right: 10px;
927
966
  }
928
- .e-ddt.e-filled .e-chips-wrapper .e-chips,
929
- .e-ddt.e-filled .e-overflow .e-chips {
930
- margin-top: 8px;
931
- padding: 0 8px;
932
- }
933
967
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
934
968
  .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
935
969
  padding-top: 8px;
@@ -949,6 +983,11 @@ ejs-dropdownlist {
949
983
  height: 12px;
950
984
  width: 12px;
951
985
  }
986
+ .e-ddt.e-filled .e-chips-wrapper .e-chips,
987
+ .e-ddt.e-filled .e-overflow .e-chips {
988
+ margin-top: 8px;
989
+ padding: 0 8px;
990
+ }
952
991
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
953
992
  line-height: 39px;
954
993
  padding: 0;
@@ -971,8 +1010,8 @@ ejs-dropdownlist {
971
1010
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
972
1011
  .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
973
1012
  font-size: 14px;
974
- height: 14px;
975
- width: 14px;
1013
+ height: 12px;
1014
+ width: 12px;
976
1015
  }
977
1016
  .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 {
978
1017
  bottom: 10px;
@@ -993,7 +1032,8 @@ ejs-dropdownlist {
993
1032
  padding: 6px 0 0 0;
994
1033
  }
995
1034
  .e-ddt .e-overflow.e-total-count {
996
- box-sizing: border-box;
1035
+ -webkit-box-sizing: border-box;
1036
+ box-sizing: border-box;
997
1037
  display: inline-block;
998
1038
  overflow: hidden;
999
1039
  text-overflow: ellipsis;
@@ -1037,10 +1077,12 @@ ejs-dropdownlist {
1037
1077
  .e-ddt .e-dropdowntree.e-chip-input,
1038
1078
  .e-ddt input[readonly].e-input.e-chip-input {
1039
1079
  width: 0;
1080
+ display: none;
1040
1081
  }
1041
1082
  .e-ddt.e-popup {
1042
1083
  border: 1px solid transparent;
1043
- 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
+ -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);
1085
+ 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);
1044
1086
  position: absolute;
1045
1087
  }
1046
1088
  .e-ddt.e-popup .e-selectall-parent {
@@ -1066,14 +1108,15 @@ ejs-dropdownlist {
1066
1108
  font-size: 14px;
1067
1109
  margin: 10px;
1068
1110
  }
1069
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1070
- padding: 8px 16px 8px;
1071
- }
1072
1111
  .e-ddt.e-popup .e-filter-wrap {
1073
- border: 0;
1074
1112
  border-top-width: 0;
1075
1113
  display: block;
1076
1114
  padding: 0;
1115
+ border: 0;
1116
+ }
1117
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1118
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1119
+ padding: 8px 16px 8px;
1077
1120
  }
1078
1121
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1079
1122
  margin-bottom: 0;
@@ -1095,8 +1138,8 @@ ejs-dropdownlist {
1095
1138
  cursor: default;
1096
1139
  font-family: inherit;
1097
1140
  font-size: 14px;
1098
- padding: 14px 16px;
1099
1141
  text-align: center;
1142
+ padding: 14px 16px;
1100
1143
  }
1101
1144
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1102
1145
  display: none;
@@ -1188,16 +1231,16 @@ ejs-dropdownlist {
1188
1231
  right: auto;
1189
1232
  }
1190
1233
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1191
- margin-left: 18px;
1192
1234
  margin-right: 1px;
1235
+ margin-left: 18px;
1193
1236
  }
1194
1237
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1195
- margin-left: 26px;
1196
1238
  margin-right: 1px;
1239
+ margin-left: 26px;
1197
1240
  }
1198
1241
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1199
- margin-left: 45px;
1200
1242
  margin-right: 1px;
1243
+ margin-left: 45px;
1201
1244
  }
1202
1245
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1203
1246
  .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,
@@ -1245,11 +1288,8 @@ ejs-dropdownlist {
1245
1288
  .e-ddt.e-bigger .e-overflow.e-show-text {
1246
1289
  padding: 11px 0 0 0;
1247
1290
  }
1248
- .e-bigger .e-ddt.e-outline .e-overflow.e-show-text,
1249
- .e-ddt.e-bigger.e-outline .e-overflow.e-show-text {
1250
- padding: 15px 16px;
1251
- }
1252
- .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1291
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1292
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
1253
1293
  .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
1254
1294
  padding: 15px 16px;
1255
1295
  }
@@ -1447,18 +1487,18 @@ ejs-dropdownlist {
1447
1487
  }
1448
1488
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1449
1489
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1450
- margin-left: 20px;
1451
1490
  margin-right: 1px;
1491
+ margin-left: 20px;
1452
1492
  }
1453
1493
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1454
1494
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1455
- margin-left: 32px;
1456
1495
  margin-right: 1px;
1496
+ margin-left: 32px;
1457
1497
  }
1458
1498
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1459
1499
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1460
- margin-left: 52px;
1461
- margin-right: 1px;
1500
+ margin-right: 52px;
1501
+ margin-left: 1px;
1462
1502
  }
1463
1503
  .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,
1464
1504
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1476,12 +1516,6 @@ ejs-dropdownlist {
1476
1516
  .e-ddt .e-chips > .e-chipcontent {
1477
1517
  color: #fff;
1478
1518
  }
1479
- .e-ddt .e-chips:hover {
1480
- background-color: rgba(255, 255, 255, 0.1);
1481
- }
1482
- .e-ddt .e-chips:hover > .e-chipcontent {
1483
- color: #fff;
1484
- }
1485
1519
  .e-ddt.e-filled .e-chips {
1486
1520
  background-color: #424242;
1487
1521
  }
@@ -1505,31 +1539,8 @@ ejs-dropdownlist {
1505
1539
  color: #fff;
1506
1540
  }
1507
1541
 
1508
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1509
- /* stylelint-disable property-no-vendor-prefix */
1510
- @keyframes e-input-ripple {
1511
- 100% {
1512
- opacity: 0;
1513
- transform: scale(4);
1514
- }
1515
- }
1516
- /* stylelint-disable property-no-vendor-prefix */
1517
- @keyframes material-spinner-rotate {
1518
- 0% {
1519
- transform: rotate(0deg);
1520
- }
1521
- 100% {
1522
- transform: rotate(360deg);
1523
- }
1524
- }
1525
- @keyframes fabric-spinner-rotate {
1526
- 0% {
1527
- transform: rotate(0deg);
1528
- }
1529
- 100% {
1530
- transform: rotate(360deg);
1531
- }
1532
- }
1542
+ /* stylelint-disable-line no-empty-source */
1543
+ /* stylelint-disable-line no-empty-source */
1533
1544
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1534
1545
  padding: 1px 0;
1535
1546
  }
@@ -2124,13 +2135,15 @@ ejs-dropdownlist {
2124
2135
  }
2125
2136
 
2126
2137
  .e-multi-select-wrapper {
2127
- box-sizing: border-box;
2138
+ -webkit-box-sizing: border-box;
2139
+ box-sizing: border-box;
2128
2140
  cursor: text;
2129
2141
  line-height: normal;
2130
2142
  min-height: 30px;
2131
2143
  padding: 0 32px 0 0;
2132
2144
  position: relative;
2133
2145
  -webkit-user-select: none;
2146
+ -moz-user-select: none;
2134
2147
  -ms-user-select: none;
2135
2148
  user-select: none;
2136
2149
  width: 100%;
@@ -2147,7 +2160,8 @@ ejs-dropdownlist {
2147
2160
  white-space: nowrap;
2148
2161
  }
2149
2162
  .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 {
2150
- box-sizing: border-box;
2163
+ -webkit-box-sizing: border-box;
2164
+ box-sizing: border-box;
2151
2165
  display: inline-block;
2152
2166
  overflow: hidden;
2153
2167
  text-overflow: ellipsis;
@@ -2178,6 +2192,7 @@ ejs-dropdownlist {
2178
2192
 
2179
2193
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2180
2194
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2195
+ display: -webkit-box;
2181
2196
  display: -ms-flexbox;
2182
2197
  display: flex;
2183
2198
  float: left;
@@ -2185,6 +2200,7 @@ ejs-dropdownlist {
2185
2200
  }
2186
2201
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2187
2202
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2203
+ display: -webkit-inline-box;
2188
2204
  display: -ms-inline-flexbox;
2189
2205
  display: inline-flex;
2190
2206
  float: none;
@@ -2207,8 +2223,9 @@ ejs-dropdownlist {
2207
2223
  }
2208
2224
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2209
2225
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2210
- -ms-flex-align: center;
2211
- align-items: center;
2226
+ -webkit-box-align: center;
2227
+ -ms-flex-align: center;
2228
+ align-items: center;
2212
2229
  display: inline;
2213
2230
  max-width: 100%;
2214
2231
  word-break: break-word;
@@ -2217,12 +2234,15 @@ ejs-dropdownlist {
2217
2234
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2218
2235
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2219
2236
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2220
- -ms-flex-align: center;
2221
- align-items: center;
2237
+ -webkit-box-align: center;
2238
+ -ms-flex-align: center;
2239
+ align-items: center;
2222
2240
  cursor: pointer;
2223
2241
  display: none;
2224
- -ms-flex-direction: row;
2225
- flex-direction: row;
2242
+ -webkit-box-orient: horizontal;
2243
+ -webkit-box-direction: normal;
2244
+ -ms-flex-direction: row;
2245
+ flex-direction: row;
2226
2246
  margin-top: -2.5em;
2227
2247
  outline: 0;
2228
2248
  padding: 0;
@@ -2234,6 +2254,7 @@ ejs-dropdownlist {
2234
2254
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2235
2255
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2236
2256
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2257
+ display: -webkit-box;
2237
2258
  display: -ms-flexbox;
2238
2259
  display: flex;
2239
2260
  }
@@ -2313,8 +2334,10 @@ ejs-dropdownlist {
2313
2334
  }
2314
2335
 
2315
2336
  .e-multi-select-wrapper .e-chips {
2316
- -ms-flex-align: center;
2317
- align-items: center;
2337
+ -webkit-box-align: center;
2338
+ -ms-flex-align: center;
2339
+ align-items: center;
2340
+ display: -webkit-inline-box;
2318
2341
  display: -ms-inline-flexbox;
2319
2342
  display: inline-flex;
2320
2343
  float: left;
@@ -2357,6 +2380,7 @@ ejs-dropdownlist {
2357
2380
  .e-multi-select-wrapper .e-chips-close {
2358
2381
  -ms-flex-item-align: center;
2359
2382
  align-self: center;
2383
+ display: -webkit-box;
2360
2384
  display: -ms-flexbox;
2361
2385
  display: flex;
2362
2386
  float: right;
@@ -2546,7 +2570,9 @@ ejs-dropdownlist {
2546
2570
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2547
2571
  -ms-flex-item-align: center;
2548
2572
  align-self: center;
2549
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2573
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2574
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2575
+ display: -webkit-inline-box;
2550
2576
  display: -ms-inline-flexbox;
2551
2577
  display: inline-flex;
2552
2578
  padding: 0 0 0 16px;
@@ -2749,13 +2775,21 @@ ejs-dropdownlist {
2749
2775
  }
2750
2776
 
2751
2777
  .e-multiselect .e-ddl-icon::before {
2752
- transform: rotate(0deg);
2778
+ -webkit-transform: rotate(0deg);
2779
+ transform: rotate(0deg);
2780
+ -webkit-transition: -webkit-transform 300ms ease;
2781
+ transition: -webkit-transform 300ms ease;
2753
2782
  transition: transform 300ms ease;
2783
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2754
2784
  }
2755
2785
 
2756
2786
  .e-multiselect.e-icon-anim .e-ddl-icon::before {
2757
- transform: rotate(180deg);
2787
+ -webkit-transform: rotate(180deg);
2788
+ transform: rotate(180deg);
2789
+ -webkit-transition: -webkit-transform 300ms ease;
2790
+ transition: -webkit-transform 300ms ease;
2758
2791
  transition: transform 300ms ease;
2792
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2759
2793
  }
2760
2794
 
2761
2795
  .e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -3206,8 +3240,9 @@ ejs-multiselect {
3206
3240
 
3207
3241
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3208
3242
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
3209
- -ms-flex-align: normal;
3210
- align-items: normal;
3243
+ -webkit-box-align: normal;
3244
+ -ms-flex-align: normal;
3245
+ align-items: normal;
3211
3246
  }
3212
3247
 
3213
3248
  .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -3413,7 +3448,10 @@ ejs-multiselect {
3413
3448
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3414
3449
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3415
3450
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3416
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3451
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3452
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
3453
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3454
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3417
3455
  height: 24px;
3418
3456
  }
3419
3457
 
@@ -3422,10 +3460,6 @@ ejs-multiselect {
3422
3460
  height: 32px;
3423
3461
  }
3424
3462
 
3425
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
3426
- height: 24px;
3427
- }
3428
-
3429
3463
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3430
3464
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3431
3465
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -3481,11 +3515,6 @@ ejs-multiselect {
3481
3515
  margin: 4px 0 0 4px;
3482
3516
  }
3483
3517
 
3484
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3485
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3486
- height: 24px;
3487
- }
3488
-
3489
3518
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3490
3519
  .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,
3491
3520
  .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,
@@ -3606,7 +3635,8 @@ ejs-multiselect {
3606
3635
  }
3607
3636
 
3608
3637
  .e-multiselect {
3609
- box-sizing: border-box;
3638
+ -webkit-box-sizing: border-box;
3639
+ box-sizing: border-box;
3610
3640
  }
3611
3641
 
3612
3642
  /* stylelint-disable property-no-vendor-prefix */
@@ -3663,8 +3693,10 @@ ejs-multiselect {
3663
3693
  }
3664
3694
 
3665
3695
  .e-popup.e-multi-select-list-wrapper {
3666
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
3667
- box-sizing: content-box;
3696
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
3697
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
3698
+ -webkit-box-sizing: content-box;
3699
+ box-sizing: content-box;
3668
3700
  overflow: initial;
3669
3701
  }
3670
3702
 
@@ -3718,14 +3750,16 @@ ejs-multiselect {
3718
3750
 
3719
3751
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
3720
3752
  background-color: #424242;
3721
- box-shadow: none;
3753
+ -webkit-box-shadow: none;
3754
+ box-shadow: none;
3722
3755
  color: #00b0ff;
3723
3756
  border: 1px solid transparent;
3724
3757
  }
3725
3758
 
3726
3759
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
3727
3760
  background-color: #424242;
3728
- box-shadow: none;
3761
+ -webkit-box-shadow: none;
3762
+ box-shadow: none;
3729
3763
  color: #00b0ff;
3730
3764
  border: 1px solid transparent;
3731
3765
  }
@@ -3890,7 +3924,8 @@ ejs-multiselect {
3890
3924
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
3891
3925
  background-color: #3f51b5;
3892
3926
  border-radius: 4px;
3893
- box-sizing: border-box;
3927
+ -webkit-box-sizing: border-box;
3928
+ box-sizing: border-box;
3894
3929
  color: #fff;
3895
3930
  height: 40px;
3896
3931
  line-height: 40px;
@@ -3938,11 +3973,13 @@ ejs-multiselect {
3938
3973
  .e-listbox-container,
3939
3974
  .e-listboxtool-wrapper {
3940
3975
  -webkit-overflow-scrolling: touch;
3941
- box-sizing: border-box;
3976
+ -webkit-box-sizing: border-box;
3977
+ box-sizing: border-box;
3942
3978
  cursor: pointer;
3943
3979
  display: block;
3944
3980
  position: relative;
3945
3981
  -webkit-user-select: none;
3982
+ -moz-user-select: none;
3946
3983
  -ms-user-select: none;
3947
3984
  user-select: none;
3948
3985
  width: 100%;
@@ -3950,7 +3987,8 @@ ejs-multiselect {
3950
3987
  .e-listbox-wrapper *,
3951
3988
  .e-listbox-container *,
3952
3989
  .e-listboxtool-wrapper * {
3953
- box-sizing: border-box;
3990
+ -webkit-box-sizing: border-box;
3991
+ box-sizing: border-box;
3954
3992
  }
3955
3993
  .e-listbox-wrapper:focus,
3956
3994
  .e-listbox-container:focus,
@@ -4010,9 +4048,11 @@ ejs-multiselect {
4010
4048
  margin: 0;
4011
4049
  padding: 0;
4012
4050
  }
4013
- .e-listbox-wrapper .e-list-header .e-text.header,
4051
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4014
4052
  .e-listbox-container .e-list-header .e-text.header,
4015
- .e-listboxtool-wrapper .e-list-header .e-text.header {
4053
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4054
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
4055
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4016
4056
  display: none;
4017
4057
  }
4018
4058
  .e-listbox-wrapper .e-icon-back,
@@ -4020,17 +4060,14 @@ ejs-multiselect {
4020
4060
  .e-listboxtool-wrapper .e-icon-back {
4021
4061
  margin-top: 2px;
4022
4062
  }
4023
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4024
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4025
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4026
- display: none;
4027
- }
4028
4063
  .e-listbox-wrapper .e-list-header,
4029
4064
  .e-listbox-container .e-list-header,
4030
4065
  .e-listboxtool-wrapper .e-list-header {
4031
- -ms-flex-align: center;
4032
- align-items: center;
4066
+ -webkit-box-align: center;
4067
+ -ms-flex-align: center;
4068
+ align-items: center;
4033
4069
  border-bottom: 1px solid;
4070
+ display: -webkit-box;
4034
4071
  display: -ms-flexbox;
4035
4072
  display: flex;
4036
4073
  font-weight: bold;
@@ -4072,7 +4109,8 @@ ejs-multiselect {
4072
4109
  position: absolute;
4073
4110
  right: 0%;
4074
4111
  top: 50%;
4075
- transform: translateY(-50%);
4112
+ -webkit-transform: translateY(-50%);
4113
+ transform: translateY(-50%);
4076
4114
  }
4077
4115
  .e-listbox-wrapper .e-text-content,
4078
4116
  .e-listbox-container .e-text-content,
@@ -4128,18 +4166,12 @@ ejs-multiselect {
4128
4166
  white-space: nowrap;
4129
4167
  width: 100%;
4130
4168
  }
4131
- .e-listbox-wrapper .e-list-icon + .e-list-text,
4169
+ .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,
4132
4170
  .e-listbox-container .e-list-icon + .e-list-text,
4133
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
4134
- width: calc(100% - 60px);
4135
- }
4136
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
4137
4171
  .e-listbox-container .e-icon-wrapper .e-list-text,
4138
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
4139
- width: calc(100% - 60px);
4140
- }
4141
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4142
4172
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4173
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
4174
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
4143
4175
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4144
4176
  width: calc(100% - 60px);
4145
4177
  }
@@ -4185,7 +4217,8 @@ ejs-multiselect {
4185
4217
  left: 0%;
4186
4218
  right: initial;
4187
4219
  top: 50%;
4188
- transform: translateY(-50%) rotate(180deg);
4220
+ -webkit-transform: translateY(-50%) rotate(180deg);
4221
+ transform: translateY(-50%) rotate(180deg);
4189
4222
  }
4190
4223
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
4191
4224
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -4195,7 +4228,8 @@ ejs-multiselect {
4195
4228
  .e-listbox-wrapper.e-rtl .e-but-back,
4196
4229
  .e-listbox-container.e-rtl .e-but-back,
4197
4230
  .e-listboxtool-wrapper.e-rtl .e-but-back {
4198
- transform: rotate(180deg);
4231
+ -webkit-transform: rotate(180deg);
4232
+ transform: rotate(180deg);
4199
4233
  }
4200
4234
  .e-listbox-wrapper.e-rtl .e-icon-back,
4201
4235
  .e-listbox-container.e-rtl .e-icon-back,
@@ -4203,8 +4237,11 @@ ejs-multiselect {
4203
4237
  margin-top: -2px;
4204
4238
  }
4205
4239
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4240
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4206
4241
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4207
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4242
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4243
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4244
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4208
4245
  margin: -2px 0 0 10px;
4209
4246
  }
4210
4247
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -4212,11 +4249,6 @@ ejs-multiselect {
4212
4249
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4213
4250
  margin: -2px 10px 0 0;
4214
4251
  }
4215
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4216
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
4217
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4218
- margin: -2px 0 0 10px;
4219
- }
4220
4252
  .e-listbox-wrapper .e-checkbox-wrapper,
4221
4253
  .e-listbox-container .e-checkbox-wrapper,
4222
4254
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -4261,10 +4293,7 @@ ejs-listbox {
4261
4293
  display: block;
4262
4294
  }
4263
4295
 
4264
- .e-listbox-wrapper:not(.e-listbox-container) {
4265
- overflow: auto;
4266
- }
4267
-
4296
+ .e-listbox-wrapper:not(.e-listbox-container),
4268
4297
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4269
4298
  overflow: auto;
4270
4299
  }
@@ -4279,6 +4308,7 @@ ejs-listbox {
4279
4308
  .e-listbox-container.e-sortableclone .e-list-item,
4280
4309
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4281
4310
  list-style-type: none;
4311
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4282
4312
  }
4283
4313
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4284
4314
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -4293,18 +4323,21 @@ ejs-listbox {
4293
4323
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
4294
4324
  .e-listbox-container.e-sortableclone .e-list-badge,
4295
4325
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4296
- -ms-flex-align: center;
4297
- align-items: center;
4326
+ -webkit-box-align: center;
4327
+ -ms-flex-align: center;
4328
+ align-items: center;
4298
4329
  background-color: #00b0ff;
4299
4330
  border: 1px solid #000;
4300
4331
  border-radius: 50%;
4301
4332
  color: #000;
4333
+ display: -webkit-box;
4302
4334
  display: -ms-flexbox;
4303
4335
  display: flex;
4304
4336
  font-size: 12px;
4305
4337
  height: 22px;
4306
- -ms-flex-pack: center;
4307
- justify-content: center;
4338
+ -webkit-box-pack: center;
4339
+ -ms-flex-pack: center;
4340
+ justify-content: center;
4308
4341
  position: absolute;
4309
4342
  right: -10px;
4310
4343
  top: -10px;
@@ -4318,12 +4351,14 @@ ejs-listbox {
4318
4351
  .e-listboxtool-wrapper,
4319
4352
  .e-listboxtool-container {
4320
4353
  cursor: pointer;
4354
+ display: -webkit-box;
4321
4355
  display: -ms-flexbox;
4322
4356
  display: flex;
4323
4357
  }
4324
4358
  .e-listboxtool-wrapper *,
4325
4359
  .e-listboxtool-container * {
4326
- box-sizing: border-box;
4360
+ -webkit-box-sizing: border-box;
4361
+ box-sizing: border-box;
4327
4362
  }
4328
4363
  .e-listboxtool-wrapper.e-disabled,
4329
4364
  .e-listboxtool-container.e-disabled {
@@ -4331,9 +4366,12 @@ ejs-listbox {
4331
4366
  pointer-events: none;
4332
4367
  }
4333
4368
  .e-listboxtool-wrapper .e-listbox-wrapper,
4334
- .e-listboxtool-container .e-listbox-wrapper {
4335
- -ms-flex: 1;
4336
- flex: 1;
4369
+ .e-listboxtool-wrapper .e-list-wrap,
4370
+ .e-listboxtool-container .e-listbox-wrapper,
4371
+ .e-listboxtool-container .e-list-wrap {
4372
+ -webkit-box-flex: 1;
4373
+ -ms-flex: 1;
4374
+ flex: 1;
4337
4375
  }
4338
4376
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
4339
4377
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -4433,22 +4471,22 @@ ejs-listbox {
4433
4471
  .e-listbox-wrapper.e-bigger .e-list-header,
4434
4472
  .e-bigger .e-listbox-container .e-list-header,
4435
4473
  .e-listbox-container.e-bigger .e-list-header {
4436
- -ms-flex-align: center;
4437
- align-items: center;
4474
+ -webkit-box-align: center;
4475
+ -ms-flex-align: center;
4476
+ align-items: center;
4477
+ display: -webkit-box;
4438
4478
  display: -ms-flexbox;
4439
4479
  display: flex;
4440
4480
  font-weight: bold;
4441
4481
  height: 64px;
4442
4482
  }
4443
4483
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
4444
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4445
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
4446
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
4447
- display: none;
4448
- }
4449
4484
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4485
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4450
4486
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
4487
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
4451
4488
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4489
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
4452
4490
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
4453
4491
  display: none;
4454
4492
  }
@@ -4471,15 +4509,15 @@ ejs-listbox {
4471
4509
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4472
4510
  }
4473
4511
 
4474
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4512
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4513
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
4514
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4515
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4475
4516
  height: 100%;
4476
4517
  }
4477
4518
 
4478
4519
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4479
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4480
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4481
- }
4482
-
4520
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4483
4521
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4484
4522
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4485
4523
  }
@@ -4488,23 +4526,11 @@ ejs-listbox {
4488
4526
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4489
4527
  }
4490
4528
 
4491
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4492
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4493
- }
4494
-
4495
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4496
- height: 100%;
4497
- }
4498
-
4499
4529
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4500
4530
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4501
4531
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4502
4532
  }
4503
4533
 
4504
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4505
- height: 100%;
4506
- }
4507
-
4508
4534
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4509
4535
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4510
4536
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -4518,10 +4544,6 @@ ejs-listbox {
4518
4544
  height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4519
4545
  }
4520
4546
 
4521
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4522
- height: 100%;
4523
- }
4524
-
4525
4547
  .e-listbox-wrapper,
4526
4548
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4527
4549
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4561,12 +4583,6 @@ ejs-listbox {
4561
4583
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4562
4584
  }
4563
4585
 
4564
- .e-listbox-wrapper .e-icons,
4565
- .e-listbox-container .e-icons,
4566
- .e-listboxtool-wrapper .e-icons {
4567
- color: #fff;
4568
- }
4569
-
4570
4586
  .e-listbox-wrapper .e-list-item,
4571
4587
  .e-listbox-container .e-list-item,
4572
4588
  .e-listboxtool-wrapper .e-list-item {
@@ -4588,13 +4604,6 @@ ejs-listbox {
4588
4604
  color: #fff;
4589
4605
  }
4590
4606
 
4591
- .e-listbox-wrapper .e-list-item.e-selected,
4592
- .e-listbox-container .e-list-item.e-selected,
4593
- .e-listboxtool-wrapper .e-list-item.e-selected {
4594
- background-color: #616161;
4595
- color: #fff;
4596
- }
4597
-
4598
4607
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4599
4608
  .e-listbox-container .e-list-item.e-selected.e-checklist,
4600
4609
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -4602,11 +4611,13 @@ ejs-listbox {
4602
4611
  color: #fff;
4603
4612
  }
4604
4613
 
4605
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4614
+ .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,
4606
4615
  .e-listbox-container .e-list-item.e-focused,
4607
4616
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4617
+ .e-listbox-container .e-list-item.e-selected,
4608
4618
  .e-listboxtool-wrapper .e-list-item.e-focused,
4609
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4619
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4620
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4610
4621
  background-color: #616161;
4611
4622
  color: #fff;
4612
4623
  }
@@ -4696,8 +4707,8 @@ ejs-listbox {
4696
4707
  height: 2.6667em;
4697
4708
  left: 1.0667em;
4698
4709
  position: absolute;
4699
- top: 0.2666em;
4700
4710
  width: 2.6667em;
4711
+ left: 1.0667em;
4701
4712
  }
4702
4713
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4703
4714
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -4715,18 +4726,15 @@ ejs-listbox {
4715
4726
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4716
4727
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4717
4728
  height: 2.6667em;
4729
+ left: 1.0667em;
4718
4730
  position: absolute;
4719
- right: 1.0667em;
4720
- top: 0.2666em;
4721
4731
  width: 2.6667em;
4732
+ right: 1.0667em;
4722
4733
  }
4723
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4734
+ .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,
4724
4735
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4725
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
4726
- top: 1.0666em;
4727
- }
4728
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4729
4736
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4737
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4730
4738
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4731
4739
  top: 1.0666em;
4732
4740
  }
@@ -4740,7 +4748,8 @@ ejs-listbox {
4740
4748
  position: absolute;
4741
4749
  right: 1.33em;
4742
4750
  top: 50%;
4743
- transform: translateY(-50%);
4751
+ -webkit-transform: translateY(-50%);
4752
+ transform: translateY(-50%);
4744
4753
  width: 2.5em;
4745
4754
  }
4746
4755
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -4765,23 +4774,17 @@ ejs-listbox {
4765
4774
  text-overflow: ellipsis;
4766
4775
  white-space: nowrap;
4767
4776
  }
4768
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4777
+ .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,
4769
4778
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4770
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
4771
- color: #fff;
4772
- }
4773
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4774
4779
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4780
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4775
4781
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4776
4782
  color: #fff;
4777
4783
  }
4778
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4784
+ .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,
4779
4785
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
4780
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
4781
- color: #fff;
4782
- }
4783
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
4784
4786
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4787
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4785
4788
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4786
4789
  color: #fff;
4787
4790
  }
@@ -4828,15 +4831,7 @@ ejs-listbox {
4828
4831
  padding-right: 1.0666em;
4829
4832
  }
4830
4833
 
4831
- .e-listbox-container.e-filter-list .e-list-parent {
4832
- height: 100%;
4833
- }
4834
-
4835
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4836
- height: 100%;
4837
- }
4838
-
4839
- .e-listbox-container .e-selectall-parent + .e-list-parent {
4834
+ .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 {
4840
4835
  height: 100%;
4841
4836
  }
4842
4837
 
@@ -4850,22 +4845,4 @@ ejs-listbox {
4850
4845
 
4851
4846
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
4852
4847
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4853
- }
4854
-
4855
- /* stylelint-disable property-no-vendor-prefix */
4856
- @keyframes material-spinner-rotate {
4857
- 0% {
4858
- transform: rotate(0deg);
4859
- }
4860
- 100% {
4861
- transform: rotate(360deg);
4862
- }
4863
- }
4864
- @keyframes fabric-spinner-rotate {
4865
- 0% {
4866
- transform: rotate(0deg);
4867
- }
4868
- 100% {
4869
- transform: rotate(360deg);
4870
- }
4871
4848
  }