@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35

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: 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;
@@ -1040,7 +1080,8 @@ ejs-dropdownlist {
1040
1080
  }
1041
1081
  .e-ddt.e-popup {
1042
1082
  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);
1083
+ -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);
1084
+ 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
1085
  position: absolute;
1045
1086
  }
1046
1087
  .e-ddt.e-popup .e-selectall-parent {
@@ -1066,14 +1107,15 @@ ejs-dropdownlist {
1066
1107
  font-size: 14px;
1067
1108
  margin: 10px;
1068
1109
  }
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
1110
  .e-ddt.e-popup .e-filter-wrap {
1073
- border: 0;
1074
1111
  border-top-width: 0;
1075
1112
  display: block;
1076
1113
  padding: 0;
1114
+ border: 0;
1115
+ }
1116
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1117
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1118
+ padding: 8px 16px 8px;
1077
1119
  }
1078
1120
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1079
1121
  margin-bottom: 0;
@@ -1095,8 +1137,8 @@ ejs-dropdownlist {
1095
1137
  cursor: default;
1096
1138
  font-family: inherit;
1097
1139
  font-size: 14px;
1098
- padding: 14px 16px;
1099
1140
  text-align: center;
1141
+ padding: 14px 16px;
1100
1142
  }
1101
1143
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1102
1144
  display: none;
@@ -1188,16 +1230,16 @@ ejs-dropdownlist {
1188
1230
  right: auto;
1189
1231
  }
1190
1232
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1191
- margin-left: 18px;
1192
1233
  margin-right: 1px;
1234
+ margin-left: 18px;
1193
1235
  }
1194
1236
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1195
- margin-left: 26px;
1196
1237
  margin-right: 1px;
1238
+ margin-left: 26px;
1197
1239
  }
1198
1240
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1199
- margin-left: 45px;
1200
1241
  margin-right: 1px;
1242
+ margin-left: 45px;
1201
1243
  }
1202
1244
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1203
1245
  .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 +1287,8 @@ ejs-dropdownlist {
1245
1287
  .e-ddt.e-bigger .e-overflow.e-show-text {
1246
1288
  padding: 11px 0 0 0;
1247
1289
  }
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,
1290
+ .e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
1291
+ .e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
1253
1292
  .e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
1254
1293
  padding: 15px 16px;
1255
1294
  }
@@ -1447,18 +1486,18 @@ ejs-dropdownlist {
1447
1486
  }
1448
1487
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1449
1488
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1450
- margin-left: 20px;
1451
1489
  margin-right: 1px;
1490
+ margin-left: 20px;
1452
1491
  }
1453
1492
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1454
1493
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1455
- margin-left: 32px;
1456
1494
  margin-right: 1px;
1495
+ margin-left: 32px;
1457
1496
  }
1458
1497
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1459
1498
  .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;
1499
+ margin-right: 52px;
1500
+ margin-left: 1px;
1462
1501
  }
1463
1502
  .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
1503
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1476,12 +1515,6 @@ ejs-dropdownlist {
1476
1515
  .e-ddt .e-chips > .e-chipcontent {
1477
1516
  color: #fff;
1478
1517
  }
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
1518
  .e-ddt.e-filled .e-chips {
1486
1519
  background-color: #424242;
1487
1520
  }
@@ -1505,31 +1538,8 @@ ejs-dropdownlist {
1505
1538
  color: #fff;
1506
1539
  }
1507
1540
 
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
- }
1541
+ /* stylelint-disable-line no-empty-source */
1542
+ /* stylelint-disable-line no-empty-source */
1533
1543
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1534
1544
  padding: 1px 0;
1535
1545
  }
@@ -2124,13 +2134,15 @@ ejs-dropdownlist {
2124
2134
  }
2125
2135
 
2126
2136
  .e-multi-select-wrapper {
2127
- box-sizing: border-box;
2137
+ -webkit-box-sizing: border-box;
2138
+ box-sizing: border-box;
2128
2139
  cursor: text;
2129
2140
  line-height: normal;
2130
2141
  min-height: 30px;
2131
2142
  padding: 0 32px 0 0;
2132
2143
  position: relative;
2133
2144
  -webkit-user-select: none;
2145
+ -moz-user-select: none;
2134
2146
  -ms-user-select: none;
2135
2147
  user-select: none;
2136
2148
  width: 100%;
@@ -2147,7 +2159,8 @@ ejs-dropdownlist {
2147
2159
  white-space: nowrap;
2148
2160
  }
2149
2161
  .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;
2162
+ -webkit-box-sizing: border-box;
2163
+ box-sizing: border-box;
2151
2164
  display: inline-block;
2152
2165
  overflow: hidden;
2153
2166
  text-overflow: ellipsis;
@@ -2178,6 +2191,7 @@ ejs-dropdownlist {
2178
2191
 
2179
2192
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2180
2193
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2194
+ display: -webkit-box;
2181
2195
  display: -ms-flexbox;
2182
2196
  display: flex;
2183
2197
  float: left;
@@ -2185,6 +2199,7 @@ ejs-dropdownlist {
2185
2199
  }
2186
2200
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2187
2201
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2202
+ display: -webkit-inline-box;
2188
2203
  display: -ms-inline-flexbox;
2189
2204
  display: inline-flex;
2190
2205
  float: none;
@@ -2207,8 +2222,9 @@ ejs-dropdownlist {
2207
2222
  }
2208
2223
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2209
2224
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2210
- -ms-flex-align: center;
2211
- align-items: center;
2225
+ -webkit-box-align: center;
2226
+ -ms-flex-align: center;
2227
+ align-items: center;
2212
2228
  display: inline;
2213
2229
  max-width: 100%;
2214
2230
  word-break: break-word;
@@ -2217,12 +2233,15 @@ ejs-dropdownlist {
2217
2233
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2218
2234
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2219
2235
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2220
- -ms-flex-align: center;
2221
- align-items: center;
2236
+ -webkit-box-align: center;
2237
+ -ms-flex-align: center;
2238
+ align-items: center;
2222
2239
  cursor: pointer;
2223
2240
  display: none;
2224
- -ms-flex-direction: row;
2225
- flex-direction: row;
2241
+ -webkit-box-orient: horizontal;
2242
+ -webkit-box-direction: normal;
2243
+ -ms-flex-direction: row;
2244
+ flex-direction: row;
2226
2245
  margin-top: -2.5em;
2227
2246
  outline: 0;
2228
2247
  padding: 0;
@@ -2234,6 +2253,7 @@ ejs-dropdownlist {
2234
2253
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2235
2254
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2236
2255
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2256
+ display: -webkit-box;
2237
2257
  display: -ms-flexbox;
2238
2258
  display: flex;
2239
2259
  }
@@ -2313,8 +2333,10 @@ ejs-dropdownlist {
2313
2333
  }
2314
2334
 
2315
2335
  .e-multi-select-wrapper .e-chips {
2316
- -ms-flex-align: center;
2317
- align-items: center;
2336
+ -webkit-box-align: center;
2337
+ -ms-flex-align: center;
2338
+ align-items: center;
2339
+ display: -webkit-inline-box;
2318
2340
  display: -ms-inline-flexbox;
2319
2341
  display: inline-flex;
2320
2342
  float: left;
@@ -2357,6 +2379,7 @@ ejs-dropdownlist {
2357
2379
  .e-multi-select-wrapper .e-chips-close {
2358
2380
  -ms-flex-item-align: center;
2359
2381
  align-self: center;
2382
+ display: -webkit-box;
2360
2383
  display: -ms-flexbox;
2361
2384
  display: flex;
2362
2385
  float: right;
@@ -2546,7 +2569,9 @@ ejs-dropdownlist {
2546
2569
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2547
2570
  -ms-flex-item-align: center;
2548
2571
  align-self: center;
2549
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2572
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2573
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
2574
+ display: -webkit-inline-box;
2550
2575
  display: -ms-inline-flexbox;
2551
2576
  display: inline-flex;
2552
2577
  padding: 0 0 0 16px;
@@ -2749,13 +2774,21 @@ ejs-dropdownlist {
2749
2774
  }
2750
2775
 
2751
2776
  .e-multiselect .e-ddl-icon::before {
2752
- transform: rotate(0deg);
2777
+ -webkit-transform: rotate(0deg);
2778
+ transform: rotate(0deg);
2779
+ -webkit-transition: -webkit-transform 300ms ease;
2780
+ transition: -webkit-transform 300ms ease;
2753
2781
  transition: transform 300ms ease;
2782
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2754
2783
  }
2755
2784
 
2756
2785
  .e-multiselect.e-icon-anim .e-ddl-icon::before {
2757
- transform: rotate(180deg);
2786
+ -webkit-transform: rotate(180deg);
2787
+ transform: rotate(180deg);
2788
+ -webkit-transition: -webkit-transform 300ms ease;
2789
+ transition: -webkit-transform 300ms ease;
2758
2790
  transition: transform 300ms ease;
2791
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
2759
2792
  }
2760
2793
 
2761
2794
  .e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -3206,8 +3239,9 @@ ejs-multiselect {
3206
3239
 
3207
3240
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3208
3241
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
3209
- -ms-flex-align: normal;
3210
- align-items: normal;
3242
+ -webkit-box-align: normal;
3243
+ -ms-flex-align: normal;
3244
+ align-items: normal;
3211
3245
  }
3212
3246
 
3213
3247
  .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -3413,7 +3447,10 @@ ejs-multiselect {
3413
3447
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3414
3448
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3415
3449
  .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 {
3450
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3451
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
3452
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3453
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3417
3454
  height: 24px;
3418
3455
  }
3419
3456
 
@@ -3422,10 +3459,6 @@ ejs-multiselect {
3422
3459
  height: 32px;
3423
3460
  }
3424
3461
 
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
3462
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3430
3463
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3431
3464
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -3481,11 +3514,6 @@ ejs-multiselect {
3481
3514
  margin: 4px 0 0 4px;
3482
3515
  }
3483
3516
 
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
3517
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
3490
3518
  .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
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,
@@ -3606,7 +3634,8 @@ ejs-multiselect {
3606
3634
  }
3607
3635
 
3608
3636
  .e-multiselect {
3609
- box-sizing: border-box;
3637
+ -webkit-box-sizing: border-box;
3638
+ box-sizing: border-box;
3610
3639
  }
3611
3640
 
3612
3641
  /* stylelint-disable property-no-vendor-prefix */
@@ -3663,8 +3692,10 @@ ejs-multiselect {
3663
3692
  }
3664
3693
 
3665
3694
  .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;
3695
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
3696
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
3697
+ -webkit-box-sizing: content-box;
3698
+ box-sizing: content-box;
3668
3699
  overflow: initial;
3669
3700
  }
3670
3701
 
@@ -3718,14 +3749,16 @@ ejs-multiselect {
3718
3749
 
3719
3750
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
3720
3751
  background-color: #424242;
3721
- box-shadow: none;
3752
+ -webkit-box-shadow: none;
3753
+ box-shadow: none;
3722
3754
  color: #00b0ff;
3723
3755
  border: 1px solid transparent;
3724
3756
  }
3725
3757
 
3726
3758
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
3727
3759
  background-color: #424242;
3728
- box-shadow: none;
3760
+ -webkit-box-shadow: none;
3761
+ box-shadow: none;
3729
3762
  color: #00b0ff;
3730
3763
  border: 1px solid transparent;
3731
3764
  }
@@ -3890,7 +3923,8 @@ ejs-multiselect {
3890
3923
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
3891
3924
  background-color: #3f51b5;
3892
3925
  border-radius: 4px;
3893
- box-sizing: border-box;
3926
+ -webkit-box-sizing: border-box;
3927
+ box-sizing: border-box;
3894
3928
  color: #fff;
3895
3929
  height: 40px;
3896
3930
  line-height: 40px;
@@ -3938,11 +3972,13 @@ ejs-multiselect {
3938
3972
  .e-listbox-container,
3939
3973
  .e-listboxtool-wrapper {
3940
3974
  -webkit-overflow-scrolling: touch;
3941
- box-sizing: border-box;
3975
+ -webkit-box-sizing: border-box;
3976
+ box-sizing: border-box;
3942
3977
  cursor: pointer;
3943
3978
  display: block;
3944
3979
  position: relative;
3945
3980
  -webkit-user-select: none;
3981
+ -moz-user-select: none;
3946
3982
  -ms-user-select: none;
3947
3983
  user-select: none;
3948
3984
  width: 100%;
@@ -3950,7 +3986,8 @@ ejs-multiselect {
3950
3986
  .e-listbox-wrapper *,
3951
3987
  .e-listbox-container *,
3952
3988
  .e-listboxtool-wrapper * {
3953
- box-sizing: border-box;
3989
+ -webkit-box-sizing: border-box;
3990
+ box-sizing: border-box;
3954
3991
  }
3955
3992
  .e-listbox-wrapper:focus,
3956
3993
  .e-listbox-container:focus,
@@ -4010,9 +4047,11 @@ ejs-multiselect {
4010
4047
  margin: 0;
4011
4048
  padding: 0;
4012
4049
  }
4013
- .e-listbox-wrapper .e-list-header .e-text.header,
4050
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4014
4051
  .e-listbox-container .e-list-header .e-text.header,
4015
- .e-listboxtool-wrapper .e-list-header .e-text.header {
4052
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4053
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
4054
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
4016
4055
  display: none;
4017
4056
  }
4018
4057
  .e-listbox-wrapper .e-icon-back,
@@ -4020,17 +4059,14 @@ ejs-multiselect {
4020
4059
  .e-listboxtool-wrapper .e-icon-back {
4021
4060
  margin-top: 2px;
4022
4061
  }
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
4062
  .e-listbox-wrapper .e-list-header,
4029
4063
  .e-listbox-container .e-list-header,
4030
4064
  .e-listboxtool-wrapper .e-list-header {
4031
- -ms-flex-align: center;
4032
- align-items: center;
4065
+ -webkit-box-align: center;
4066
+ -ms-flex-align: center;
4067
+ align-items: center;
4033
4068
  border-bottom: 1px solid;
4069
+ display: -webkit-box;
4034
4070
  display: -ms-flexbox;
4035
4071
  display: flex;
4036
4072
  font-weight: bold;
@@ -4072,7 +4108,8 @@ ejs-multiselect {
4072
4108
  position: absolute;
4073
4109
  right: 0%;
4074
4110
  top: 50%;
4075
- transform: translateY(-50%);
4111
+ -webkit-transform: translateY(-50%);
4112
+ transform: translateY(-50%);
4076
4113
  }
4077
4114
  .e-listbox-wrapper .e-text-content,
4078
4115
  .e-listbox-container .e-text-content,
@@ -4128,18 +4165,12 @@ ejs-multiselect {
4128
4165
  white-space: nowrap;
4129
4166
  width: 100%;
4130
4167
  }
4131
- .e-listbox-wrapper .e-list-icon + .e-list-text,
4168
+ .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
4169
  .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
4170
  .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
4171
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
4172
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
4173
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
4143
4174
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
4144
4175
  width: calc(100% - 60px);
4145
4176
  }
@@ -4185,7 +4216,8 @@ ejs-multiselect {
4185
4216
  left: 0%;
4186
4217
  right: initial;
4187
4218
  top: 50%;
4188
- transform: translateY(-50%) rotate(180deg);
4219
+ -webkit-transform: translateY(-50%) rotate(180deg);
4220
+ transform: translateY(-50%) rotate(180deg);
4189
4221
  }
4190
4222
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
4191
4223
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -4195,7 +4227,8 @@ ejs-multiselect {
4195
4227
  .e-listbox-wrapper.e-rtl .e-but-back,
4196
4228
  .e-listbox-container.e-rtl .e-but-back,
4197
4229
  .e-listboxtool-wrapper.e-rtl .e-but-back {
4198
- transform: rotate(180deg);
4230
+ -webkit-transform: rotate(180deg);
4231
+ transform: rotate(180deg);
4199
4232
  }
4200
4233
  .e-listbox-wrapper.e-rtl .e-icon-back,
4201
4234
  .e-listbox-container.e-rtl .e-icon-back,
@@ -4203,8 +4236,11 @@ ejs-multiselect {
4203
4236
  margin-top: -2px;
4204
4237
  }
4205
4238
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4239
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4206
4240
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4207
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
4241
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4242
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4243
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4208
4244
  margin: -2px 0 0 10px;
4209
4245
  }
4210
4246
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -4212,11 +4248,6 @@ ejs-multiselect {
4212
4248
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4213
4249
  margin: -2px 10px 0 0;
4214
4250
  }
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
4251
  .e-listbox-wrapper .e-checkbox-wrapper,
4221
4252
  .e-listbox-container .e-checkbox-wrapper,
4222
4253
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -4261,10 +4292,7 @@ ejs-listbox {
4261
4292
  display: block;
4262
4293
  }
4263
4294
 
4264
- .e-listbox-wrapper:not(.e-listbox-container) {
4265
- overflow: auto;
4266
- }
4267
-
4295
+ .e-listbox-wrapper:not(.e-listbox-container),
4268
4296
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4269
4297
  overflow: auto;
4270
4298
  }
@@ -4279,6 +4307,7 @@ ejs-listbox {
4279
4307
  .e-listbox-container.e-sortableclone .e-list-item,
4280
4308
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4281
4309
  list-style-type: none;
4310
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4282
4311
  }
4283
4312
  .e-listbox-wrapper.e-sortableclone .e-ripple,
4284
4313
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -4293,18 +4322,21 @@ ejs-listbox {
4293
4322
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
4294
4323
  .e-listbox-container.e-sortableclone .e-list-badge,
4295
4324
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4296
- -ms-flex-align: center;
4297
- align-items: center;
4325
+ -webkit-box-align: center;
4326
+ -ms-flex-align: center;
4327
+ align-items: center;
4298
4328
  background-color: #00b0ff;
4299
4329
  border: 1px solid #000;
4300
4330
  border-radius: 50%;
4301
4331
  color: #000;
4332
+ display: -webkit-box;
4302
4333
  display: -ms-flexbox;
4303
4334
  display: flex;
4304
4335
  font-size: 12px;
4305
4336
  height: 22px;
4306
- -ms-flex-pack: center;
4307
- justify-content: center;
4337
+ -webkit-box-pack: center;
4338
+ -ms-flex-pack: center;
4339
+ justify-content: center;
4308
4340
  position: absolute;
4309
4341
  right: -10px;
4310
4342
  top: -10px;
@@ -4318,12 +4350,14 @@ ejs-listbox {
4318
4350
  .e-listboxtool-wrapper,
4319
4351
  .e-listboxtool-container {
4320
4352
  cursor: pointer;
4353
+ display: -webkit-box;
4321
4354
  display: -ms-flexbox;
4322
4355
  display: flex;
4323
4356
  }
4324
4357
  .e-listboxtool-wrapper *,
4325
4358
  .e-listboxtool-container * {
4326
- box-sizing: border-box;
4359
+ -webkit-box-sizing: border-box;
4360
+ box-sizing: border-box;
4327
4361
  }
4328
4362
  .e-listboxtool-wrapper.e-disabled,
4329
4363
  .e-listboxtool-container.e-disabled {
@@ -4331,9 +4365,12 @@ ejs-listbox {
4331
4365
  pointer-events: none;
4332
4366
  }
4333
4367
  .e-listboxtool-wrapper .e-listbox-wrapper,
4334
- .e-listboxtool-container .e-listbox-wrapper {
4335
- -ms-flex: 1;
4336
- flex: 1;
4368
+ .e-listboxtool-wrapper .e-list-wrap,
4369
+ .e-listboxtool-container .e-listbox-wrapper,
4370
+ .e-listboxtool-container .e-list-wrap {
4371
+ -webkit-box-flex: 1;
4372
+ -ms-flex: 1;
4373
+ flex: 1;
4337
4374
  }
4338
4375
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
4339
4376
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -4433,22 +4470,22 @@ ejs-listbox {
4433
4470
  .e-listbox-wrapper.e-bigger .e-list-header,
4434
4471
  .e-bigger .e-listbox-container .e-list-header,
4435
4472
  .e-listbox-container.e-bigger .e-list-header {
4436
- -ms-flex-align: center;
4437
- align-items: center;
4473
+ -webkit-box-align: center;
4474
+ -ms-flex-align: center;
4475
+ align-items: center;
4476
+ display: -webkit-box;
4438
4477
  display: -ms-flexbox;
4439
4478
  display: flex;
4440
4479
  font-weight: bold;
4441
4480
  height: 64px;
4442
4481
  }
4443
4482
  .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
4483
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
4484
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
4450
4485
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
4486
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
4451
4487
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
4488
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
4452
4489
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
4453
4490
  display: none;
4454
4491
  }
@@ -4471,15 +4508,15 @@ ejs-listbox {
4471
4508
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4472
4509
  }
4473
4510
 
4474
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4511
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4512
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
4513
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
4514
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4475
4515
  height: 100%;
4476
4516
  }
4477
4517
 
4478
4518
  .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
-
4519
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4483
4520
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4484
4521
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4485
4522
  }
@@ -4488,23 +4525,11 @@ ejs-listbox {
4488
4525
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4489
4526
  }
4490
4527
 
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
4528
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4500
4529
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4501
4530
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4502
4531
  }
4503
4532
 
4504
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4505
- height: 100%;
4506
- }
4507
-
4508
4533
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4509
4534
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4510
4535
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -4518,10 +4543,6 @@ ejs-listbox {
4518
4543
  height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4519
4544
  }
4520
4545
 
4521
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4522
- height: 100%;
4523
- }
4524
-
4525
4546
  .e-listbox-wrapper,
4526
4547
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4527
4548
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4561,12 +4582,6 @@ ejs-listbox {
4561
4582
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4562
4583
  }
4563
4584
 
4564
- .e-listbox-wrapper .e-icons,
4565
- .e-listbox-container .e-icons,
4566
- .e-listboxtool-wrapper .e-icons {
4567
- color: #fff;
4568
- }
4569
-
4570
4585
  .e-listbox-wrapper .e-list-item,
4571
4586
  .e-listbox-container .e-list-item,
4572
4587
  .e-listboxtool-wrapper .e-list-item {
@@ -4588,13 +4603,6 @@ ejs-listbox {
4588
4603
  color: #fff;
4589
4604
  }
4590
4605
 
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
4606
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
4599
4607
  .e-listbox-container .e-list-item.e-selected.e-checklist,
4600
4608
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -4602,11 +4610,13 @@ ejs-listbox {
4602
4610
  color: #fff;
4603
4611
  }
4604
4612
 
4605
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4613
+ .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
4614
  .e-listbox-container .e-list-item.e-focused,
4607
4615
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
4616
+ .e-listbox-container .e-list-item.e-selected,
4608
4617
  .e-listboxtool-wrapper .e-list-item.e-focused,
4609
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
4618
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
4619
+ .e-listboxtool-wrapper .e-list-item.e-selected {
4610
4620
  background-color: #616161;
4611
4621
  color: #fff;
4612
4622
  }
@@ -4696,8 +4706,8 @@ ejs-listbox {
4696
4706
  height: 2.6667em;
4697
4707
  left: 1.0667em;
4698
4708
  position: absolute;
4699
- top: 0.2666em;
4700
4709
  width: 2.6667em;
4710
+ left: 1.0667em;
4701
4711
  }
4702
4712
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
4703
4713
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -4715,18 +4725,15 @@ ejs-listbox {
4715
4725
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4716
4726
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4717
4727
  height: 2.6667em;
4728
+ left: 1.0667em;
4718
4729
  position: absolute;
4719
- right: 1.0667em;
4720
- top: 0.2666em;
4721
4730
  width: 2.6667em;
4731
+ right: 1.0667em;
4722
4732
  }
4723
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4733
+ .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
4734
  .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
4735
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
4736
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
4730
4737
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
4731
4738
  top: 1.0666em;
4732
4739
  }
@@ -4740,7 +4747,8 @@ ejs-listbox {
4740
4747
  position: absolute;
4741
4748
  right: 1.33em;
4742
4749
  top: 50%;
4743
- transform: translateY(-50%);
4750
+ -webkit-transform: translateY(-50%);
4751
+ transform: translateY(-50%);
4744
4752
  width: 2.5em;
4745
4753
  }
4746
4754
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -4765,23 +4773,17 @@ ejs-listbox {
4765
4773
  text-overflow: ellipsis;
4766
4774
  white-space: nowrap;
4767
4775
  }
4768
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4776
+ .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
4777
  .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
4778
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
4779
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
4775
4780
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
4776
4781
  color: #fff;
4777
4782
  }
4778
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4783
+ .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
4784
  .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
4785
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
4786
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
4785
4787
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
4786
4788
  color: #fff;
4787
4789
  }
@@ -4828,15 +4830,7 @@ ejs-listbox {
4828
4830
  padding-right: 1.0666em;
4829
4831
  }
4830
4832
 
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 {
4833
+ .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
4834
  height: 100%;
4841
4835
  }
4842
4836
 
@@ -4850,22 +4844,4 @@ ejs-listbox {
4850
4844
 
4851
4845
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
4852
4846
  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
4847
  }