@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-750253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (266) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +505 -224
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +498 -216
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +14 -13
  13. package/src/auto-complete/auto-complete.js +1 -1
  14. package/src/combo-box/combo-box.js +15 -0
  15. package/src/common/interface.js +0 -1
  16. package/src/common/virtual-scroll.js +1 -0
  17. package/src/drop-down-base/drop-down-base-model.d.ts +8 -1
  18. package/src/drop-down-base/drop-down-base.d.ts +28 -2
  19. package/src/drop-down-base/drop-down-base.js +64 -9
  20. package/src/drop-down-list/drop-down-list.d.ts +15 -2
  21. package/src/drop-down-list/drop-down-list.js +129 -13
  22. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -15
  23. package/src/drop-down-tree/drop-down-tree.d.ts +17 -13
  24. package/src/drop-down-tree/drop-down-tree.js +52 -38
  25. package/src/list-box/list-box.js +30 -9
  26. package/src/mention/mention.js +23 -8
  27. package/src/multi-select/interface.js +0 -1
  28. package/src/multi-select/multi-select.d.ts +15 -0
  29. package/src/multi-select/multi-select.js +135 -12
  30. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  31. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  32. package/styles/auto-complete/bootstrap-dark.css +5 -2
  33. package/styles/auto-complete/bootstrap.css +5 -2
  34. package/styles/auto-complete/bootstrap4.css +6 -2
  35. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  36. package/styles/auto-complete/bootstrap5.css +6 -2
  37. package/styles/auto-complete/fabric-dark.css +3 -1
  38. package/styles/auto-complete/fabric.css +3 -1
  39. package/styles/auto-complete/fluent-dark.css +6 -2
  40. package/styles/auto-complete/fluent.css +6 -2
  41. package/styles/auto-complete/fluent2.css +1140 -0
  42. package/styles/auto-complete/fluent2.scss +4 -0
  43. package/styles/auto-complete/highcontrast-light.css +3 -1
  44. package/styles/auto-complete/highcontrast.css +3 -1
  45. package/styles/auto-complete/material-dark.css +16 -5
  46. package/styles/auto-complete/material.css +16 -5
  47. package/styles/auto-complete/material3-dark.css +17 -6
  48. package/styles/auto-complete/material3.css +17 -6
  49. package/styles/auto-complete/tailwind-dark.css +16 -5
  50. package/styles/auto-complete/tailwind.css +16 -5
  51. package/styles/bootstrap-dark.css +196 -228
  52. package/styles/bootstrap-dark.scss +28 -8
  53. package/styles/bootstrap.css +196 -228
  54. package/styles/bootstrap.scss +28 -8
  55. package/styles/bootstrap4.css +199 -229
  56. package/styles/bootstrap4.scss +28 -8
  57. package/styles/bootstrap5-dark.css +196 -221
  58. package/styles/bootstrap5-dark.scss +28 -8
  59. package/styles/bootstrap5.css +196 -221
  60. package/styles/bootstrap5.scss +28 -8
  61. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  62. package/styles/combo-box/_fluent2-definition.scss +2 -0
  63. package/styles/combo-box/bootstrap-dark.css +5 -2
  64. package/styles/combo-box/bootstrap.css +5 -2
  65. package/styles/combo-box/bootstrap4.css +6 -2
  66. package/styles/combo-box/bootstrap5-dark.css +6 -2
  67. package/styles/combo-box/bootstrap5.css +6 -2
  68. package/styles/combo-box/fabric-dark.css +3 -1
  69. package/styles/combo-box/fabric.css +3 -1
  70. package/styles/combo-box/fluent-dark.css +6 -2
  71. package/styles/combo-box/fluent.css +6 -2
  72. package/styles/combo-box/fluent2.css +1140 -0
  73. package/styles/combo-box/fluent2.scss +4 -0
  74. package/styles/combo-box/highcontrast-light.css +3 -1
  75. package/styles/combo-box/highcontrast.css +3 -1
  76. package/styles/combo-box/material-dark.css +16 -5
  77. package/styles/combo-box/material.css +16 -5
  78. package/styles/combo-box/material3-dark.css +17 -6
  79. package/styles/combo-box/material3.css +17 -6
  80. package/styles/combo-box/tailwind-dark.css +16 -5
  81. package/styles/combo-box/tailwind.css +16 -5
  82. package/styles/drop-down-base/_bds-definition.scss +2 -2
  83. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  84. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  85. package/styles/drop-down-base/_layout.scss +12 -2
  86. package/styles/drop-down-base/_material3-definition.scss +0 -11
  87. package/styles/drop-down-base/_theme.scss +2 -11
  88. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  89. package/styles/drop-down-base/bootstrap.css +2 -1
  90. package/styles/drop-down-base/bootstrap4.css +2 -1
  91. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  92. package/styles/drop-down-base/bootstrap5.css +2 -1
  93. package/styles/drop-down-base/fabric-dark.css +2 -1
  94. package/styles/drop-down-base/fabric.css +2 -1
  95. package/styles/drop-down-base/fluent-dark.css +2 -1
  96. package/styles/drop-down-base/fluent.css +2 -1
  97. package/styles/drop-down-base/fluent2.css +1447 -0
  98. package/styles/drop-down-base/fluent2.scss +3 -0
  99. package/styles/drop-down-base/highcontrast-light.css +2 -1
  100. package/styles/drop-down-base/highcontrast.css +2 -1
  101. package/styles/drop-down-base/material-dark.css +2 -1
  102. package/styles/drop-down-base/material.css +2 -1
  103. package/styles/drop-down-base/material3-dark.css +9 -2
  104. package/styles/drop-down-base/material3.css +9 -2
  105. package/styles/drop-down-base/tailwind-dark.css +2 -1
  106. package/styles/drop-down-base/tailwind.css +2 -1
  107. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  108. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  109. package/styles/drop-down-list/_layout.scss +5 -3
  110. package/styles/drop-down-list/_material3-definition.scss +0 -8
  111. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  112. package/styles/drop-down-list/bootstrap.css +38 -3
  113. package/styles/drop-down-list/bootstrap4.css +39 -3
  114. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  115. package/styles/drop-down-list/bootstrap5.css +39 -3
  116. package/styles/drop-down-list/fabric-dark.css +36 -2
  117. package/styles/drop-down-list/fabric.css +36 -2
  118. package/styles/drop-down-list/fluent-dark.css +39 -3
  119. package/styles/drop-down-list/fluent.css +39 -3
  120. package/styles/drop-down-list/fluent2.css +1684 -0
  121. package/styles/drop-down-list/fluent2.scss +9 -0
  122. package/styles/drop-down-list/highcontrast-light.css +36 -2
  123. package/styles/drop-down-list/highcontrast.css +36 -2
  124. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  125. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  126. package/styles/drop-down-list/material-dark.css +58 -7
  127. package/styles/drop-down-list/material.css +72 -9
  128. package/styles/drop-down-list/material3-dark.css +74 -10
  129. package/styles/drop-down-list/material3.css +74 -10
  130. package/styles/drop-down-list/tailwind-dark.css +49 -6
  131. package/styles/drop-down-list/tailwind.css +49 -6
  132. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  133. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  134. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  135. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  136. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  137. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  138. package/styles/drop-down-tree/_layout.scss +289 -327
  139. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  140. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  141. package/styles/drop-down-tree/_theme.scss +24 -41
  142. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  143. package/styles/drop-down-tree/bootstrap.css +63 -29
  144. package/styles/drop-down-tree/bootstrap4.css +64 -30
  145. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  146. package/styles/drop-down-tree/bootstrap5.css +63 -27
  147. package/styles/drop-down-tree/fabric-dark.css +63 -29
  148. package/styles/drop-down-tree/fabric.css +63 -29
  149. package/styles/drop-down-tree/fluent-dark.css +71 -35
  150. package/styles/drop-down-tree/fluent.css +71 -35
  151. package/styles/drop-down-tree/fluent2.css +1732 -0
  152. package/styles/drop-down-tree/fluent2.scss +9 -0
  153. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  154. package/styles/drop-down-tree/highcontrast.css +63 -23
  155. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  156. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  157. package/styles/drop-down-tree/material-dark.css +80 -43
  158. package/styles/drop-down-tree/material.css +97 -51
  159. package/styles/drop-down-tree/material3-dark.css +85 -32
  160. package/styles/drop-down-tree/material3.css +85 -32
  161. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  162. package/styles/drop-down-tree/tailwind.css +72 -28
  163. package/styles/fabric-dark.css +194 -227
  164. package/styles/fabric-dark.scss +28 -8
  165. package/styles/fabric.css +194 -227
  166. package/styles/fabric.scss +28 -8
  167. package/styles/fluent-dark.css +206 -236
  168. package/styles/fluent-dark.scss +28 -8
  169. package/styles/fluent.css +206 -236
  170. package/styles/fluent.scss +28 -8
  171. package/styles/fluent2.css +4771 -0
  172. package/styles/fluent2.scss +28 -0
  173. package/styles/highcontrast-light.css +197 -227
  174. package/styles/highcontrast-light.scss +28 -8
  175. package/styles/highcontrast.css +197 -221
  176. package/styles/highcontrast.scss +28 -8
  177. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  178. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  179. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  180. package/styles/list-box/_fluent2-definition.scss +121 -0
  181. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  182. package/styles/list-box/_layout.scss +65 -44
  183. package/styles/list-box/_material-dark-definition.scss +0 -2
  184. package/styles/list-box/_tailwind-definition.scss +1 -1
  185. package/styles/list-box/_theme.scss +36 -65
  186. package/styles/list-box/bootstrap-dark.css +72 -112
  187. package/styles/list-box/bootstrap.css +72 -112
  188. package/styles/list-box/bootstrap4.css +72 -112
  189. package/styles/list-box/bootstrap5-dark.css +72 -106
  190. package/styles/list-box/bootstrap5.css +72 -106
  191. package/styles/list-box/fabric-dark.css +72 -112
  192. package/styles/list-box/fabric.css +72 -112
  193. package/styles/list-box/fluent-dark.css +72 -112
  194. package/styles/list-box/fluent.css +72 -112
  195. package/styles/list-box/fluent2.css +2029 -0
  196. package/styles/list-box/fluent2.scss +5 -0
  197. package/styles/list-box/highcontrast-light.css +72 -112
  198. package/styles/list-box/highcontrast.css +72 -112
  199. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  200. package/styles/list-box/icons/_fluent2.scss +25 -0
  201. package/styles/list-box/material-dark.css +72 -112
  202. package/styles/list-box/material.css +72 -112
  203. package/styles/list-box/material3-dark.css +73 -113
  204. package/styles/list-box/material3.css +73 -113
  205. package/styles/list-box/tailwind-dark.css +74 -114
  206. package/styles/list-box/tailwind.css +74 -114
  207. package/styles/material-dark.css +236 -260
  208. package/styles/material-dark.scss +28 -8
  209. package/styles/material.css +253 -284
  210. package/styles/material.scss +28 -8
  211. package/styles/material3-dark.css +253 -266
  212. package/styles/material3-dark.scss +28 -8
  213. package/styles/material3.css +253 -266
  214. package/styles/material3.scss +28 -8
  215. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  216. package/styles/mention/_fluent2-definition.scss +1 -0
  217. package/styles/mention/bootstrap-dark.css +24 -0
  218. package/styles/mention/bootstrap.css +24 -0
  219. package/styles/mention/bootstrap4.css +24 -0
  220. package/styles/mention/bootstrap5-dark.css +24 -0
  221. package/styles/mention/bootstrap5.css +24 -0
  222. package/styles/mention/fabric-dark.css +24 -0
  223. package/styles/mention/fabric.css +24 -0
  224. package/styles/mention/fluent-dark.css +24 -0
  225. package/styles/mention/fluent.css +24 -0
  226. package/styles/mention/fluent2.css +1130 -0
  227. package/styles/mention/fluent2.scss +6 -0
  228. package/styles/mention/highcontrast-light.css +24 -0
  229. package/styles/mention/highcontrast.css +24 -0
  230. package/styles/mention/material-dark.css +24 -0
  231. package/styles/mention/material.css +24 -0
  232. package/styles/mention/material3-dark.css +25 -1
  233. package/styles/mention/material3.css +25 -1
  234. package/styles/mention/tailwind-dark.css +24 -0
  235. package/styles/mention/tailwind.css +24 -0
  236. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  237. package/styles/multi-select/_fluent2-definition.scss +236 -0
  238. package/styles/multi-select/_layout.scss +32 -38
  239. package/styles/multi-select/_material3-definition.scss +0 -15
  240. package/styles/multi-select/_theme.scss +0 -4
  241. package/styles/multi-select/bootstrap-dark.css +67 -28
  242. package/styles/multi-select/bootstrap.css +67 -28
  243. package/styles/multi-select/bootstrap4.css +70 -29
  244. package/styles/multi-select/bootstrap5-dark.css +67 -28
  245. package/styles/multi-select/bootstrap5.css +67 -28
  246. package/styles/multi-select/fabric-dark.css +67 -28
  247. package/styles/multi-select/fabric.css +67 -28
  248. package/styles/multi-select/fluent-dark.css +69 -29
  249. package/styles/multi-select/fluent.css +69 -29
  250. package/styles/multi-select/fluent2.css +2663 -0
  251. package/styles/multi-select/fluent2.scss +9 -0
  252. package/styles/multi-select/highcontrast-light.css +70 -28
  253. package/styles/multi-select/highcontrast.css +70 -28
  254. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  255. package/styles/multi-select/icons/_fluent2.scss +692 -0
  256. package/styles/multi-select/material-dark.css +88 -32
  257. package/styles/multi-select/material.css +102 -34
  258. package/styles/multi-select/material3-dark.css +109 -35
  259. package/styles/multi-select/material3.css +109 -35
  260. package/styles/multi-select/tailwind-dark.css +67 -28
  261. package/styles/multi-select/tailwind.css +67 -28
  262. package/styles/tailwind-dark.css +217 -233
  263. package/styles/tailwind-dark.scss +28 -8
  264. package/styles/tailwind.css +217 -233
  265. package/styles/tailwind.scss +28 -8
  266. package/CHANGELOG.md +0 -2200
@@ -87,7 +87,8 @@
87
87
  .e-mention.e-popup {
88
88
  background: #6e6e6e;
89
89
  border: 0;
90
- box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
90
+ -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
91
+ box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
91
92
  margin-top: 2px;
92
93
  position: absolute;
93
94
  }
@@ -373,25 +374,50 @@
373
374
 
374
375
  /* stylelint-disable property-no-vendor-prefix */
375
376
  /* stylelint-disable property-no-vendor-prefix */
377
+ @-webkit-keyframes material-spinner-rotate {
378
+ 0% {
379
+ -webkit-transform: rotate(0);
380
+ transform: rotate(0);
381
+ }
382
+ 100% {
383
+ -webkit-transform: rotate(360deg);
384
+ transform: rotate(360deg);
385
+ }
386
+ }
376
387
  @keyframes material-spinner-rotate {
377
388
  0% {
389
+ -webkit-transform: rotate(0);
390
+ transform: rotate(0);
391
+ }
392
+ 100% {
393
+ -webkit-transform: rotate(360deg);
394
+ transform: rotate(360deg);
395
+ }
396
+ }
397
+ @-webkit-keyframes fabric-spinner-rotate {
398
+ 0% {
399
+ -webkit-transform: rotate(0);
378
400
  transform: rotate(0);
379
401
  }
380
402
  100% {
403
+ -webkit-transform: rotate(360deg);
381
404
  transform: rotate(360deg);
382
405
  }
383
406
  }
384
407
  @keyframes fabric-spinner-rotate {
385
408
  0% {
409
+ -webkit-transform: rotate(0);
386
410
  transform: rotate(0);
387
411
  }
388
412
  100% {
413
+ -webkit-transform: rotate(360deg);
389
414
  transform: rotate(360deg);
390
415
  }
391
416
  }
392
417
  .e-popup.e-ddl {
393
418
  border-radius: 4px;
394
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
419
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
420
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
395
421
  margin-top: 3px;
396
422
  }
397
423
  .e-popup.e-ddl .e-input-group {
@@ -406,6 +432,7 @@
406
432
  }
407
433
 
408
434
  .e-popup.e-ddl .e-filter-parent .e-input-group {
435
+ display: -webkit-box;
409
436
  display: -ms-flexbox;
410
437
  display: flex;
411
438
  width: auto;
@@ -464,7 +491,8 @@
464
491
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
465
492
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
466
493
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
467
- box-shadow: none;
494
+ -webkit-box-shadow: none;
495
+ box-shadow: none;
468
496
  }
469
497
 
470
498
  .e-ddl.e-popup .e-filter-parent {
@@ -574,7 +602,8 @@
574
602
  .e-filter-parent {
575
603
  border: #414141;
576
604
  border-top-width: 0;
577
- box-shadow: none;
605
+ -webkit-box-shadow: none;
606
+ box-shadow: none;
578
607
  display: block;
579
608
  padding: 5px 8px;
580
609
  }
@@ -649,6 +678,7 @@
649
678
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
650
679
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
651
680
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
681
+ display: -webkit-box;
652
682
  display: -ms-flexbox;
653
683
  display: flex;
654
684
  }
@@ -670,6 +700,7 @@
670
700
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
671
701
  .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 {
672
702
  cursor: pointer;
703
+ display: -webkit-box;
673
704
  display: -ms-flexbox;
674
705
  display: flex;
675
706
  }
@@ -689,6 +720,11 @@
689
720
  pointer-events: none;
690
721
  }
691
722
 
723
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
724
+ opacity: 0.7;
725
+ pointer-events: none;
726
+ }
727
+
692
728
  ejs-autocomplete,
693
729
  ejs-combobox,
694
730
  ejs-dropdownlist {
@@ -757,24 +793,6 @@ ejs-dropdownlist {
757
793
  color: #fff;
758
794
  }
759
795
 
760
- /* stylelint-disable property-no-vendor-prefix */
761
- /* stylelint-disable property-no-vendor-prefix */
762
- @keyframes material-spinner-rotate {
763
- 0% {
764
- transform: rotate(0);
765
- }
766
- 100% {
767
- transform: rotate(360deg);
768
- }
769
- }
770
- @keyframes fabric-spinner-rotate {
771
- 0% {
772
- transform: rotate(0);
773
- }
774
- 100% {
775
- transform: rotate(360deg);
776
- }
777
- }
778
796
  /* stylelint-disable */
779
797
  /* stylelint-disable */
780
798
  .e-ddt .e-ddt-icon::before {
@@ -789,12 +807,20 @@ ejs-dropdownlist {
789
807
  outline: none;
790
808
  }
791
809
  .e-ddt .e-ddt-icon::before {
792
- transform: rotate(0deg);
810
+ -webkit-transform: rotate(0deg);
811
+ transform: rotate(0deg);
812
+ -webkit-transition: -webkit-transform 300ms ease;
813
+ transition: -webkit-transform 300ms ease;
793
814
  transition: transform 300ms ease;
815
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
794
816
  }
795
817
  .e-ddt.e-icon-anim .e-ddt-icon::before {
796
- transform: rotate(180deg);
818
+ -webkit-transform: rotate(180deg);
819
+ transform: rotate(180deg);
820
+ -webkit-transition: -webkit-transform 300ms ease;
821
+ transition: -webkit-transform 300ms ease;
797
822
  transition: transform 300ms ease;
823
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
798
824
  }
799
825
  .e-ddt .e-ddt-hidden {
800
826
  border: 0;
@@ -803,7 +829,8 @@ ejs-dropdownlist {
803
829
  width: 0;
804
830
  }
805
831
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
806
- box-sizing: content-box;
832
+ -webkit-box-sizing: content-box;
833
+ box-sizing: content-box;
807
834
  min-height: 32px;
808
835
  }
809
836
  .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 {
@@ -834,6 +861,7 @@ ejs-dropdownlist {
834
861
  padding-right: 0;
835
862
  }
836
863
  .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 {
864
+ display: -webkit-box;
837
865
  display: -ms-flexbox;
838
866
  display: flex;
839
867
  }
@@ -841,20 +869,25 @@ ejs-dropdownlist {
841
869
  width: 100%;
842
870
  }
843
871
  .e-ddt.e-show-chip .e-chips-close {
844
- line-height: 30px;
845
872
  min-height: 30px;
846
873
  min-width: 30px;
874
+ line-height: 30px;
847
875
  text-align: center;
848
876
  }
849
877
  .e-ddt.e-show-chip .e-chips-close::before {
850
878
  font-size: 10px;
879
+ }
880
+ .e-ddt.e-show-chip .e-chips-close::before {
851
881
  vertical-align: middle;
852
882
  }
853
883
  .e-ddt.e-show-chip .e-chips {
854
- -ms-flex-align: center;
855
- align-items: center;
884
+ -webkit-box-align: center;
885
+ -ms-flex-align: center;
886
+ align-items: center;
856
887
  border-radius: 4px;
857
- box-sizing: border-box;
888
+ -webkit-box-sizing: border-box;
889
+ box-sizing: border-box;
890
+ display: -webkit-inline-box;
858
891
  display: -ms-inline-flexbox;
859
892
  display: inline-flex;
860
893
  float: left;
@@ -881,7 +914,8 @@ ejs-dropdownlist {
881
914
  padding: 6px 12px 0 12px;
882
915
  }
883
916
  .e-ddt .e-overflow.e-total-count {
884
- box-sizing: border-box;
917
+ -webkit-box-sizing: border-box;
918
+ box-sizing: border-box;
885
919
  display: inline-block;
886
920
  overflow: hidden;
887
921
  text-overflow: ellipsis;
@@ -928,7 +962,8 @@ ejs-dropdownlist {
928
962
  }
929
963
  .e-ddt.e-popup {
930
964
  border: 1px solid #414141;
931
- 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);
965
+ -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);
966
+ 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);
932
967
  position: absolute;
933
968
  }
934
969
  .e-ddt.e-popup .e-selectall-parent {
@@ -954,18 +989,17 @@ ejs-dropdownlist {
954
989
  font-size: 14px;
955
990
  margin: 10px;
956
991
  }
957
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
958
- padding: 0 12px;
959
- }
960
992
  .e-ddt.e-popup .e-filter-wrap {
961
- border: #414141;
962
993
  border-top-width: 0;
963
994
  display: block;
964
995
  padding: 5px 8px;
965
- }
966
- .e-ddt.e-popup .e-filter-wrap {
996
+ border: #414141;
967
997
  border-bottom: 1px solid #484848;
968
998
  }
999
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1000
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1001
+ padding: 0 12px;
1002
+ }
969
1003
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
970
1004
  margin-bottom: 0;
971
1005
  }
@@ -980,8 +1014,8 @@ ejs-dropdownlist {
980
1014
  cursor: default;
981
1015
  font-family: inherit;
982
1016
  font-size: 14px;
983
- padding: 14px 16px;
984
1017
  text-align: center;
1018
+ padding: 14px 16px;
985
1019
  }
986
1020
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
987
1021
  display: none;
@@ -1035,16 +1069,16 @@ ejs-dropdownlist {
1035
1069
  padding: 6px 12px 0 12px;
1036
1070
  }
1037
1071
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1038
- margin-left: 32px;
1039
1072
  margin-right: 1px;
1073
+ margin-left: 32px;
1040
1074
  }
1041
1075
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1042
- margin-left: 32px;
1043
1076
  margin-right: 1px;
1077
+ margin-left: 32px;
1044
1078
  }
1045
1079
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1046
- margin-left: 64px;
1047
1080
  margin-right: 1px;
1081
+ margin-left: 64px;
1048
1082
  }
1049
1083
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1050
1084
  .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,
@@ -1117,18 +1151,18 @@ ejs-dropdownlist {
1117
1151
  }
1118
1152
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1119
1153
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1120
- margin-left: 38px;
1121
1154
  margin-right: 1px;
1155
+ margin-left: 38px;
1122
1156
  }
1123
1157
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1124
1158
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1125
- margin-left: 38px;
1126
1159
  margin-right: 1px;
1160
+ margin-left: 38px;
1127
1161
  }
1128
1162
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1129
1163
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1130
- margin-left: 76px;
1131
- margin-right: 1px;
1164
+ margin-right: 76px;
1165
+ margin-left: 1px;
1132
1166
  }
1133
1167
  .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,
1134
1168
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1146,12 +1180,6 @@ ejs-dropdownlist {
1146
1180
  .e-ddt .e-chips > .e-chipcontent {
1147
1181
  color: #f0f0f0;
1148
1182
  }
1149
- .e-ddt .e-chips:hover {
1150
- background-color: #484848;
1151
- }
1152
- .e-ddt .e-chips:hover > .e-chipcontent {
1153
- color: #f0f0f0;
1154
- }
1155
1183
  .e-ddt .e-overflow .e-remain {
1156
1184
  color: #8d8d8d;
1157
1185
  }
@@ -1175,25 +1203,8 @@ ejs-dropdownlist {
1175
1203
  color: #f0f0f0;
1176
1204
  }
1177
1205
 
1178
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1179
- /* stylelint-disable property-no-vendor-prefix */
1180
- /* stylelint-disable property-no-vendor-prefix */
1181
- @keyframes material-spinner-rotate {
1182
- 0% {
1183
- transform: rotate(0);
1184
- }
1185
- 100% {
1186
- transform: rotate(360deg);
1187
- }
1188
- }
1189
- @keyframes fabric-spinner-rotate {
1190
- 0% {
1191
- transform: rotate(0);
1192
- }
1193
- 100% {
1194
- transform: rotate(360deg);
1195
- }
1196
- }
1206
+ /* stylelint-disable-line no-empty-source */
1207
+ /* stylelint-disable-line no-empty-source */
1197
1208
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1198
1209
  line-height: 30px;
1199
1210
  top: 0;
@@ -1257,13 +1268,15 @@ ejs-dropdownlist {
1257
1268
  }
1258
1269
 
1259
1270
  .e-multi-select-wrapper {
1260
- box-sizing: border-box;
1271
+ -webkit-box-sizing: border-box;
1272
+ box-sizing: border-box;
1261
1273
  cursor: text;
1262
1274
  line-height: normal;
1263
1275
  min-height: 32px;
1264
1276
  padding: 0 32px 0 2px;
1265
1277
  position: relative;
1266
1278
  -webkit-user-select: none;
1279
+ -moz-user-select: none;
1267
1280
  -ms-user-select: none;
1268
1281
  user-select: none;
1269
1282
  width: 100%;
@@ -1280,7 +1293,8 @@ ejs-dropdownlist {
1280
1293
  white-space: nowrap;
1281
1294
  }
1282
1295
  .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 {
1283
- box-sizing: border-box;
1296
+ -webkit-box-sizing: border-box;
1297
+ box-sizing: border-box;
1284
1298
  display: inline-block;
1285
1299
  overflow: hidden;
1286
1300
  text-overflow: ellipsis;
@@ -1311,6 +1325,7 @@ ejs-dropdownlist {
1311
1325
 
1312
1326
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1313
1327
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1328
+ display: -webkit-box;
1314
1329
  display: -ms-flexbox;
1315
1330
  display: flex;
1316
1331
  float: left;
@@ -1318,6 +1333,7 @@ ejs-dropdownlist {
1318
1333
  }
1319
1334
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1320
1335
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1336
+ display: -webkit-inline-box;
1321
1337
  display: -ms-inline-flexbox;
1322
1338
  display: inline-flex;
1323
1339
  float: none;
@@ -1340,8 +1356,9 @@ ejs-dropdownlist {
1340
1356
  }
1341
1357
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1342
1358
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1343
- -ms-flex-align: center;
1344
- align-items: center;
1359
+ -webkit-box-align: center;
1360
+ -ms-flex-align: center;
1361
+ align-items: center;
1345
1362
  display: inline;
1346
1363
  max-width: 100%;
1347
1364
  word-break: break-word;
@@ -1350,12 +1367,15 @@ ejs-dropdownlist {
1350
1367
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1351
1368
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1352
1369
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1353
- -ms-flex-align: center;
1354
- align-items: center;
1370
+ -webkit-box-align: center;
1371
+ -ms-flex-align: center;
1372
+ align-items: center;
1355
1373
  cursor: pointer;
1356
1374
  display: none;
1357
- -ms-flex-direction: row;
1358
- flex-direction: row;
1375
+ -webkit-box-orient: horizontal;
1376
+ -webkit-box-direction: normal;
1377
+ -ms-flex-direction: row;
1378
+ flex-direction: row;
1359
1379
  margin-top: -3.2em;
1360
1380
  outline: 0;
1361
1381
  padding: 0;
@@ -1367,6 +1387,7 @@ ejs-dropdownlist {
1367
1387
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1368
1388
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1369
1389
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1390
+ display: -webkit-box;
1370
1391
  display: -ms-flexbox;
1371
1392
  display: flex;
1372
1393
  }
@@ -1444,8 +1465,10 @@ ejs-dropdownlist {
1444
1465
  }
1445
1466
 
1446
1467
  .e-multi-select-wrapper .e-chips {
1447
- -ms-flex-align: center;
1448
- align-items: center;
1468
+ -webkit-box-align: center;
1469
+ -ms-flex-align: center;
1470
+ align-items: center;
1471
+ display: -webkit-inline-box;
1449
1472
  display: -ms-inline-flexbox;
1450
1473
  display: inline-flex;
1451
1474
  float: left;
@@ -1488,6 +1511,7 @@ ejs-dropdownlist {
1488
1511
  .e-multi-select-wrapper .e-chips-close {
1489
1512
  -ms-flex-item-align: center;
1490
1513
  align-self: center;
1514
+ display: -webkit-box;
1491
1515
  display: -ms-flexbox;
1492
1516
  display: flex;
1493
1517
  float: right;
@@ -1657,7 +1681,9 @@ ejs-dropdownlist {
1657
1681
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1658
1682
  -ms-flex-item-align: center;
1659
1683
  align-self: center;
1660
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1684
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1685
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1686
+ display: -webkit-inline-box;
1661
1687
  display: -ms-inline-flexbox;
1662
1688
  display: inline-flex;
1663
1689
  padding: 0 0 0 20px;
@@ -2000,8 +2026,9 @@ ejs-multiselect {
2000
2026
 
2001
2027
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2002
2028
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2003
- -ms-flex-align: normal;
2004
- align-items: normal;
2029
+ -webkit-box-align: normal;
2030
+ -ms-flex-align: normal;
2031
+ align-items: normal;
2005
2032
  }
2006
2033
 
2007
2034
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2064,7 +2091,10 @@ ejs-multiselect {
2064
2091
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2065
2092
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2066
2093
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2067
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2094
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2095
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2096
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2097
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2068
2098
  height: 24px;
2069
2099
  }
2070
2100
 
@@ -2073,10 +2103,6 @@ ejs-multiselect {
2073
2103
  height: 32px;
2074
2104
  }
2075
2105
 
2076
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2077
- height: 24px;
2078
- }
2079
-
2080
2106
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2081
2107
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2082
2108
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2132,11 +2158,6 @@ ejs-multiselect {
2132
2158
  margin: 4px 0 0 4px;
2133
2159
  }
2134
2160
 
2135
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2136
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2137
- height: 24px;
2138
- }
2139
-
2140
2161
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2141
2162
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2142
2163
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2241,7 +2262,8 @@ ejs-multiselect {
2241
2262
  }
2242
2263
 
2243
2264
  .e-multiselect {
2244
- box-sizing: border-box;
2265
+ -webkit-box-sizing: border-box;
2266
+ box-sizing: border-box;
2245
2267
  }
2246
2268
 
2247
2269
  /* stylelint-disable property-no-vendor-prefix */
@@ -2298,8 +2320,10 @@ ejs-multiselect {
2298
2320
  }
2299
2321
 
2300
2322
  .e-popup.e-multi-select-list-wrapper {
2301
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2302
- box-sizing: content-box;
2323
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2324
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2325
+ -webkit-box-sizing: content-box;
2326
+ box-sizing: content-box;
2303
2327
  overflow: initial;
2304
2328
  }
2305
2329
 
@@ -2353,14 +2377,16 @@ ejs-multiselect {
2353
2377
 
2354
2378
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2355
2379
  background-color: #0070f0;
2356
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2380
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2381
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2357
2382
  color: #fff;
2358
2383
  border: 1px solid #104888;
2359
2384
  }
2360
2385
 
2361
2386
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2362
2387
  background-color: #0070f0;
2363
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2388
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2389
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2364
2390
  color: #fff;
2365
2391
  border: 1px solid #104888;
2366
2392
  }
@@ -2472,11 +2498,13 @@ ejs-multiselect {
2472
2498
  .e-listbox-container,
2473
2499
  .e-listboxtool-wrapper {
2474
2500
  -webkit-overflow-scrolling: touch;
2475
- box-sizing: border-box;
2501
+ -webkit-box-sizing: border-box;
2502
+ box-sizing: border-box;
2476
2503
  cursor: pointer;
2477
2504
  display: block;
2478
2505
  position: relative;
2479
2506
  -webkit-user-select: none;
2507
+ -moz-user-select: none;
2480
2508
  -ms-user-select: none;
2481
2509
  user-select: none;
2482
2510
  width: 100%;
@@ -2484,7 +2512,8 @@ ejs-multiselect {
2484
2512
  .e-listbox-wrapper *,
2485
2513
  .e-listbox-container *,
2486
2514
  .e-listboxtool-wrapper * {
2487
- box-sizing: border-box;
2515
+ -webkit-box-sizing: border-box;
2516
+ box-sizing: border-box;
2488
2517
  }
2489
2518
  .e-listbox-wrapper:focus,
2490
2519
  .e-listbox-container:focus,
@@ -2544,9 +2573,11 @@ ejs-multiselect {
2544
2573
  margin: 0;
2545
2574
  padding: 0;
2546
2575
  }
2547
- .e-listbox-wrapper .e-list-header .e-text.header,
2576
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2548
2577
  .e-listbox-container .e-list-header .e-text.header,
2549
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2578
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2579
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2580
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2550
2581
  display: none;
2551
2582
  }
2552
2583
  .e-listbox-wrapper .e-icon-back,
@@ -2554,17 +2585,14 @@ ejs-multiselect {
2554
2585
  .e-listboxtool-wrapper .e-icon-back {
2555
2586
  margin-top: -2px;
2556
2587
  }
2557
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2558
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2559
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2560
- display: none;
2561
- }
2562
2588
  .e-listbox-wrapper .e-list-header,
2563
2589
  .e-listbox-container .e-list-header,
2564
2590
  .e-listboxtool-wrapper .e-list-header {
2565
- -ms-flex-align: center;
2566
- align-items: center;
2591
+ -webkit-box-align: center;
2592
+ -ms-flex-align: center;
2593
+ align-items: center;
2567
2594
  border-bottom: 1px solid;
2595
+ display: -webkit-box;
2568
2596
  display: -ms-flexbox;
2569
2597
  display: flex;
2570
2598
  font-weight: bold;
@@ -2606,7 +2634,8 @@ ejs-multiselect {
2606
2634
  position: absolute;
2607
2635
  right: 0%;
2608
2636
  top: 50%;
2609
- transform: translateY(-50%);
2637
+ -webkit-transform: translateY(-50%);
2638
+ transform: translateY(-50%);
2610
2639
  }
2611
2640
  .e-listbox-wrapper .e-text-content,
2612
2641
  .e-listbox-container .e-text-content,
@@ -2662,18 +2691,12 @@ ejs-multiselect {
2662
2691
  white-space: nowrap;
2663
2692
  width: 100%;
2664
2693
  }
2665
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2694
+ .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,
2666
2695
  .e-listbox-container .e-list-icon + .e-list-text,
2667
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2668
- width: calc(100% - 60px);
2669
- }
2670
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2671
2696
  .e-listbox-container .e-icon-wrapper .e-list-text,
2672
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2673
- width: calc(100% - 60px);
2674
- }
2675
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2676
2697
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2698
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2699
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2677
2700
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2678
2701
  width: calc(100% - 60px);
2679
2702
  }
@@ -2719,7 +2742,8 @@ ejs-multiselect {
2719
2742
  left: 0%;
2720
2743
  right: initial;
2721
2744
  top: 50%;
2722
- transform: translateY(-50%) rotate(180deg);
2745
+ -webkit-transform: translateY(-50%) rotate(180deg);
2746
+ transform: translateY(-50%) rotate(180deg);
2723
2747
  }
2724
2748
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2725
2749
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2729,7 +2753,8 @@ ejs-multiselect {
2729
2753
  .e-listbox-wrapper.e-rtl .e-but-back,
2730
2754
  .e-listbox-container.e-rtl .e-but-back,
2731
2755
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2732
- transform: rotate(180deg);
2756
+ -webkit-transform: rotate(180deg);
2757
+ transform: rotate(180deg);
2733
2758
  }
2734
2759
  .e-listbox-wrapper.e-rtl .e-icon-back,
2735
2760
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2737,8 +2762,11 @@ ejs-multiselect {
2737
2762
  margin-top: -1px;
2738
2763
  }
2739
2764
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2765
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2740
2766
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2741
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2767
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2768
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2769
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2742
2770
  margin: -4px 0 0 10px;
2743
2771
  }
2744
2772
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2746,11 +2774,6 @@ ejs-multiselect {
2746
2774
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2747
2775
  margin: -4px 10px 0 0;
2748
2776
  }
2749
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2750
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2751
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2752
- margin: -4px 0 0 10px;
2753
- }
2754
2777
  .e-listbox-wrapper .e-checkbox-wrapper,
2755
2778
  .e-listbox-container .e-checkbox-wrapper,
2756
2779
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2795,10 +2818,7 @@ ejs-listbox {
2795
2818
  display: block;
2796
2819
  }
2797
2820
 
2798
- .e-listbox-wrapper:not(.e-listbox-container) {
2799
- overflow: auto;
2800
- }
2801
-
2821
+ .e-listbox-wrapper:not(.e-listbox-container),
2802
2822
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2803
2823
  overflow: auto;
2804
2824
  }
@@ -2813,6 +2833,7 @@ ejs-listbox {
2813
2833
  .e-listbox-container.e-sortableclone .e-list-item,
2814
2834
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2815
2835
  list-style-type: none;
2836
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2816
2837
  }
2817
2838
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2818
2839
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2827,18 +2848,21 @@ ejs-listbox {
2827
2848
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2828
2849
  .e-listbox-container.e-sortableclone .e-list-badge,
2829
2850
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2830
- -ms-flex-align: center;
2831
- align-items: center;
2851
+ -webkit-box-align: center;
2852
+ -ms-flex-align: center;
2853
+ align-items: center;
2832
2854
  background-color: #0070f0;
2833
2855
  border: 1px solid #fff;
2834
2856
  border-radius: 50%;
2835
2857
  color: #fff;
2858
+ display: -webkit-box;
2836
2859
  display: -ms-flexbox;
2837
2860
  display: flex;
2838
2861
  font-size: 12px;
2839
2862
  height: 22px;
2840
- -ms-flex-pack: center;
2841
- justify-content: center;
2863
+ -webkit-box-pack: center;
2864
+ -ms-flex-pack: center;
2865
+ justify-content: center;
2842
2866
  position: absolute;
2843
2867
  right: -10px;
2844
2868
  top: -10px;
@@ -2852,12 +2876,14 @@ ejs-listbox {
2852
2876
  .e-listboxtool-wrapper,
2853
2877
  .e-listboxtool-container {
2854
2878
  cursor: pointer;
2879
+ display: -webkit-box;
2855
2880
  display: -ms-flexbox;
2856
2881
  display: flex;
2857
2882
  }
2858
2883
  .e-listboxtool-wrapper *,
2859
2884
  .e-listboxtool-container * {
2860
- box-sizing: border-box;
2885
+ -webkit-box-sizing: border-box;
2886
+ box-sizing: border-box;
2861
2887
  }
2862
2888
  .e-listboxtool-wrapper.e-disabled,
2863
2889
  .e-listboxtool-container.e-disabled {
@@ -2865,9 +2891,12 @@ ejs-listbox {
2865
2891
  pointer-events: none;
2866
2892
  }
2867
2893
  .e-listboxtool-wrapper .e-listbox-wrapper,
2868
- .e-listboxtool-container .e-listbox-wrapper {
2869
- -ms-flex: 1;
2870
- flex: 1;
2894
+ .e-listboxtool-wrapper .e-list-wrap,
2895
+ .e-listboxtool-container .e-listbox-wrapper,
2896
+ .e-listboxtool-container .e-list-wrap {
2897
+ -webkit-box-flex: 1;
2898
+ -ms-flex: 1;
2899
+ flex: 1;
2871
2900
  }
2872
2901
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2873
2902
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2967,22 +2996,22 @@ ejs-listbox {
2967
2996
  .e-listbox-wrapper.e-bigger .e-list-header,
2968
2997
  .e-bigger .e-listbox-container .e-list-header,
2969
2998
  .e-listbox-container.e-bigger .e-list-header {
2970
- -ms-flex-align: center;
2971
- align-items: center;
2999
+ -webkit-box-align: center;
3000
+ -ms-flex-align: center;
3001
+ align-items: center;
3002
+ display: -webkit-box;
2972
3003
  display: -ms-flexbox;
2973
3004
  display: flex;
2974
3005
  font-weight: bold;
2975
3006
  height: 48px;
2976
3007
  }
2977
3008
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2978
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2979
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2980
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
2981
- display: none;
2982
- }
2983
3009
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3010
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2984
3011
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3012
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2985
3013
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3014
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2986
3015
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2987
3016
  display: none;
2988
3017
  }
@@ -3005,15 +3034,15 @@ ejs-listbox {
3005
3034
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3006
3035
  }
3007
3036
 
3008
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3037
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3038
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3039
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3040
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3009
3041
  height: 100%;
3010
3042
  }
3011
3043
 
3012
3044
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3013
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3014
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3015
- }
3016
-
3045
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3017
3046
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3018
3047
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3019
3048
  }
@@ -3022,23 +3051,11 @@ ejs-listbox {
3022
3051
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3023
3052
  }
3024
3053
 
3025
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3026
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3027
- }
3028
-
3029
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3030
- height: 100%;
3031
- }
3032
-
3033
3054
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3034
3055
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3035
3056
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3036
3057
  }
3037
3058
 
3038
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3039
- height: 100%;
3040
- }
3041
-
3042
3059
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3043
3060
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3044
3061
  height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3052,10 +3069,6 @@ ejs-listbox {
3052
3069
  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3053
3070
  }
3054
3071
 
3055
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3056
- height: 100%;
3057
- }
3058
-
3059
3072
  .e-listbox-wrapper,
3060
3073
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3061
3074
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3095,12 +3108,6 @@ ejs-listbox {
3095
3108
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3096
3109
  }
3097
3110
 
3098
- .e-listbox-wrapper .e-icons,
3099
- .e-listbox-container .e-icons,
3100
- .e-listboxtool-wrapper .e-icons {
3101
- color: #f0f0f0;
3102
- }
3103
-
3104
3111
  .e-listbox-wrapper .e-list-item,
3105
3112
  .e-listbox-container .e-list-item,
3106
3113
  .e-listboxtool-wrapper .e-list-item {
@@ -3122,13 +3129,6 @@ ejs-listbox {
3122
3129
  color: rgba(255, 255, 255, 0.87);
3123
3130
  }
3124
3131
 
3125
- .e-listbox-wrapper .e-list-item.e-selected,
3126
- .e-listbox-container .e-list-item.e-selected,
3127
- .e-listboxtool-wrapper .e-list-item.e-selected {
3128
- background-color: #414141;
3129
- color: rgba(255, 255, 255, 0.87);
3130
- }
3131
-
3132
3132
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3133
3133
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3134
3134
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3136,11 +3136,13 @@ ejs-listbox {
3136
3136
  color: #f0f0f0;
3137
3137
  }
3138
3138
 
3139
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3139
+ .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,
3140
3140
  .e-listbox-container .e-list-item.e-focused,
3141
3141
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3142
+ .e-listbox-container .e-list-item.e-selected,
3142
3143
  .e-listboxtool-wrapper .e-list-item.e-focused,
3143
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3144
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3145
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3144
3146
  background-color: #414141;
3145
3147
  color: rgba(255, 255, 255, 0.87);
3146
3148
  }
@@ -3230,8 +3232,8 @@ ejs-listbox {
3230
3232
  height: 2.8571em;
3231
3233
  left: 1.0667em;
3232
3234
  position: absolute;
3233
- top: 0.7142em;
3234
3235
  width: 2.8571em;
3236
+ left: 1.0667em;
3235
3237
  }
3236
3238
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3237
3239
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3249,18 +3251,15 @@ ejs-listbox {
3249
3251
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3250
3252
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3251
3253
  height: 2.8571em;
3254
+ left: 1.0667em;
3252
3255
  position: absolute;
3253
- right: 1.0667em;
3254
- top: 0.7142em;
3255
3256
  width: 2.8571em;
3257
+ right: 1.0667em;
3256
3258
  }
3257
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3259
+ .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,
3258
3260
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3259
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3260
- top: 0.7142em;
3261
- }
3262
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3263
3261
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3262
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3264
3263
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3265
3264
  top: 0.7142em;
3266
3265
  }
@@ -3274,7 +3273,8 @@ ejs-listbox {
3274
3273
  position: absolute;
3275
3274
  right: 1em;
3276
3275
  top: 50%;
3277
- transform: translateY(-50%);
3276
+ -webkit-transform: translateY(-50%);
3277
+ transform: translateY(-50%);
3278
3278
  width: 2em;
3279
3279
  }
3280
3280
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3299,23 +3299,17 @@ ejs-listbox {
3299
3299
  text-overflow: ellipsis;
3300
3300
  white-space: nowrap;
3301
3301
  }
3302
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3302
+ .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,
3303
3303
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3304
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3305
- color: rgba(255, 255, 255, 0.87);
3306
- }
3307
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3308
3304
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3305
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3309
3306
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3310
3307
  color: rgba(255, 255, 255, 0.87);
3311
3308
  }
3312
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3309
+ .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,
3313
3310
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3314
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3315
- color: rgba(255, 255, 255, 0.87);
3316
- }
3317
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3318
3311
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3312
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3319
3313
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3320
3314
  color: rgba(255, 255, 255, 0.87);
3321
3315
  }
@@ -3362,15 +3356,7 @@ ejs-listbox {
3362
3356
  padding-right: 1.0714em;
3363
3357
  }
3364
3358
 
3365
- .e-listbox-container.e-filter-list .e-list-parent {
3366
- height: 100%;
3367
- }
3368
-
3369
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3370
- height: 100%;
3371
- }
3372
-
3373
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3359
+ .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 {
3374
3360
  height: 100%;
3375
3361
  }
3376
3362
 
@@ -3384,22 +3370,4 @@ ejs-listbox {
3384
3370
 
3385
3371
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3386
3372
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3387
- }
3388
-
3389
- /* stylelint-disable property-no-vendor-prefix */
3390
- @keyframes material-spinner-rotate {
3391
- 0% {
3392
- transform: rotate(0);
3393
- }
3394
- 100% {
3395
- transform: rotate(360deg);
3396
- }
3397
- }
3398
- @keyframes fabric-spinner-rotate {
3399
- 0% {
3400
- transform: rotate(0);
3401
- }
3402
- 100% {
3403
- transform: rotate(360deg);
3404
- }
3405
3373
  }