@syncfusion/ej2-dropdowns 25.2.7 → 26.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +531 -224
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +524 -216
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +14 -13
  13. package/src/auto-complete/auto-complete.js +1 -1
  14. package/src/combo-box/combo-box.js +15 -0
  15. package/src/common/interface.js +0 -1
  16. package/src/common/virtual-scroll.js +1 -0
  17. package/src/drop-down-base/drop-down-base-model.d.ts +8 -1
  18. package/src/drop-down-base/drop-down-base.d.ts +28 -2
  19. package/src/drop-down-base/drop-down-base.js +64 -9
  20. package/src/drop-down-list/drop-down-list.d.ts +15 -2
  21. package/src/drop-down-list/drop-down-list.js +129 -13
  22. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -15
  23. package/src/drop-down-tree/drop-down-tree.d.ts +17 -13
  24. package/src/drop-down-tree/drop-down-tree.js +67 -38
  25. package/src/list-box/list-box.d.ts +1 -0
  26. package/src/list-box/list-box.js +41 -9
  27. package/src/mention/mention.js +23 -8
  28. package/src/multi-select/interface.js +0 -1
  29. package/src/multi-select/multi-select.d.ts +15 -0
  30. package/src/multi-select/multi-select.js +135 -12
  31. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  32. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  33. package/styles/auto-complete/bootstrap-dark.css +5 -2
  34. package/styles/auto-complete/bootstrap.css +5 -2
  35. package/styles/auto-complete/bootstrap4.css +6 -2
  36. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  37. package/styles/auto-complete/bootstrap5.css +6 -2
  38. package/styles/auto-complete/fabric-dark.css +3 -1
  39. package/styles/auto-complete/fabric.css +3 -1
  40. package/styles/auto-complete/fluent-dark.css +6 -2
  41. package/styles/auto-complete/fluent.css +6 -2
  42. package/styles/auto-complete/fluent2.css +1140 -0
  43. package/styles/auto-complete/fluent2.scss +4 -0
  44. package/styles/auto-complete/highcontrast-light.css +3 -1
  45. package/styles/auto-complete/highcontrast.css +3 -1
  46. package/styles/auto-complete/material-dark.css +16 -5
  47. package/styles/auto-complete/material.css +16 -5
  48. package/styles/auto-complete/material3-dark.css +17 -6
  49. package/styles/auto-complete/material3.css +17 -6
  50. package/styles/auto-complete/tailwind-dark.css +16 -5
  51. package/styles/auto-complete/tailwind.css +16 -5
  52. package/styles/bootstrap-dark.css +197 -228
  53. package/styles/bootstrap-dark.scss +28 -8
  54. package/styles/bootstrap.css +197 -228
  55. package/styles/bootstrap.scss +28 -8
  56. package/styles/bootstrap4.css +200 -229
  57. package/styles/bootstrap4.scss +28 -8
  58. package/styles/bootstrap5-dark.css +197 -221
  59. package/styles/bootstrap5-dark.scss +28 -8
  60. package/styles/bootstrap5.css +197 -221
  61. package/styles/bootstrap5.scss +28 -8
  62. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  63. package/styles/combo-box/_fluent2-definition.scss +2 -0
  64. package/styles/combo-box/bootstrap-dark.css +5 -2
  65. package/styles/combo-box/bootstrap.css +5 -2
  66. package/styles/combo-box/bootstrap4.css +6 -2
  67. package/styles/combo-box/bootstrap5-dark.css +6 -2
  68. package/styles/combo-box/bootstrap5.css +6 -2
  69. package/styles/combo-box/fabric-dark.css +3 -1
  70. package/styles/combo-box/fabric.css +3 -1
  71. package/styles/combo-box/fluent-dark.css +6 -2
  72. package/styles/combo-box/fluent.css +6 -2
  73. package/styles/combo-box/fluent2.css +1140 -0
  74. package/styles/combo-box/fluent2.scss +4 -0
  75. package/styles/combo-box/highcontrast-light.css +3 -1
  76. package/styles/combo-box/highcontrast.css +3 -1
  77. package/styles/combo-box/material-dark.css +16 -5
  78. package/styles/combo-box/material.css +16 -5
  79. package/styles/combo-box/material3-dark.css +17 -6
  80. package/styles/combo-box/material3.css +17 -6
  81. package/styles/combo-box/tailwind-dark.css +16 -5
  82. package/styles/combo-box/tailwind.css +16 -5
  83. package/styles/drop-down-base/_bds-definition.scss +2 -2
  84. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  85. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  86. package/styles/drop-down-base/_layout.scss +12 -2
  87. package/styles/drop-down-base/_material3-definition.scss +0 -11
  88. package/styles/drop-down-base/_theme.scss +2 -11
  89. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  90. package/styles/drop-down-base/bootstrap.css +2 -1
  91. package/styles/drop-down-base/bootstrap4.css +2 -1
  92. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  93. package/styles/drop-down-base/bootstrap5.css +2 -1
  94. package/styles/drop-down-base/fabric-dark.css +2 -1
  95. package/styles/drop-down-base/fabric.css +2 -1
  96. package/styles/drop-down-base/fluent-dark.css +2 -1
  97. package/styles/drop-down-base/fluent.css +2 -1
  98. package/styles/drop-down-base/fluent2.css +1447 -0
  99. package/styles/drop-down-base/fluent2.scss +3 -0
  100. package/styles/drop-down-base/highcontrast-light.css +2 -1
  101. package/styles/drop-down-base/highcontrast.css +2 -1
  102. package/styles/drop-down-base/material-dark.css +2 -1
  103. package/styles/drop-down-base/material.css +2 -1
  104. package/styles/drop-down-base/material3-dark.css +9 -2
  105. package/styles/drop-down-base/material3.css +9 -2
  106. package/styles/drop-down-base/tailwind-dark.css +2 -1
  107. package/styles/drop-down-base/tailwind.css +2 -1
  108. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  109. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  110. package/styles/drop-down-list/_layout.scss +5 -3
  111. package/styles/drop-down-list/_material3-definition.scss +0 -8
  112. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  113. package/styles/drop-down-list/bootstrap.css +38 -3
  114. package/styles/drop-down-list/bootstrap4.css +39 -3
  115. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  116. package/styles/drop-down-list/bootstrap5.css +39 -3
  117. package/styles/drop-down-list/fabric-dark.css +36 -2
  118. package/styles/drop-down-list/fabric.css +36 -2
  119. package/styles/drop-down-list/fluent-dark.css +39 -3
  120. package/styles/drop-down-list/fluent.css +39 -3
  121. package/styles/drop-down-list/fluent2.css +1684 -0
  122. package/styles/drop-down-list/fluent2.scss +9 -0
  123. package/styles/drop-down-list/highcontrast-light.css +36 -2
  124. package/styles/drop-down-list/highcontrast.css +36 -2
  125. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  126. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  127. package/styles/drop-down-list/material-dark.css +58 -7
  128. package/styles/drop-down-list/material.css +72 -9
  129. package/styles/drop-down-list/material3-dark.css +74 -10
  130. package/styles/drop-down-list/material3.css +74 -10
  131. package/styles/drop-down-list/tailwind-dark.css +49 -6
  132. package/styles/drop-down-list/tailwind.css +49 -6
  133. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  134. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  135. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  136. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  137. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  138. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  139. package/styles/drop-down-tree/_layout.scss +290 -327
  140. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  141. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  142. package/styles/drop-down-tree/_theme.scss +24 -41
  143. package/styles/drop-down-tree/bootstrap-dark.css +64 -29
  144. package/styles/drop-down-tree/bootstrap.css +64 -29
  145. package/styles/drop-down-tree/bootstrap4.css +65 -30
  146. package/styles/drop-down-tree/bootstrap5-dark.css +64 -27
  147. package/styles/drop-down-tree/bootstrap5.css +64 -27
  148. package/styles/drop-down-tree/fabric-dark.css +64 -29
  149. package/styles/drop-down-tree/fabric.css +64 -29
  150. package/styles/drop-down-tree/fluent-dark.css +72 -35
  151. package/styles/drop-down-tree/fluent.css +72 -35
  152. package/styles/drop-down-tree/fluent2.css +1733 -0
  153. package/styles/drop-down-tree/fluent2.scss +9 -0
  154. package/styles/drop-down-tree/highcontrast-light.css +64 -29
  155. package/styles/drop-down-tree/highcontrast.css +64 -23
  156. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  157. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  158. package/styles/drop-down-tree/material-dark.css +81 -43
  159. package/styles/drop-down-tree/material.css +98 -51
  160. package/styles/drop-down-tree/material3-dark.css +86 -32
  161. package/styles/drop-down-tree/material3.css +86 -32
  162. package/styles/drop-down-tree/tailwind-dark.css +73 -28
  163. package/styles/drop-down-tree/tailwind.css +73 -28
  164. package/styles/fabric-dark.css +195 -227
  165. package/styles/fabric-dark.scss +28 -8
  166. package/styles/fabric.css +195 -227
  167. package/styles/fabric.scss +28 -8
  168. package/styles/fluent-dark.css +207 -236
  169. package/styles/fluent-dark.scss +28 -8
  170. package/styles/fluent.css +207 -236
  171. package/styles/fluent.scss +28 -8
  172. package/styles/fluent2.css +4772 -0
  173. package/styles/fluent2.scss +28 -0
  174. package/styles/highcontrast-light.css +198 -227
  175. package/styles/highcontrast-light.scss +28 -8
  176. package/styles/highcontrast.css +198 -221
  177. package/styles/highcontrast.scss +28 -8
  178. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  179. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  180. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  181. package/styles/list-box/_fluent2-definition.scss +121 -0
  182. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  183. package/styles/list-box/_layout.scss +65 -44
  184. package/styles/list-box/_material-dark-definition.scss +0 -2
  185. package/styles/list-box/_tailwind-definition.scss +1 -1
  186. package/styles/list-box/_theme.scss +36 -65
  187. package/styles/list-box/bootstrap-dark.css +72 -112
  188. package/styles/list-box/bootstrap.css +72 -112
  189. package/styles/list-box/bootstrap4.css +72 -112
  190. package/styles/list-box/bootstrap5-dark.css +72 -106
  191. package/styles/list-box/bootstrap5.css +72 -106
  192. package/styles/list-box/fabric-dark.css +72 -112
  193. package/styles/list-box/fabric.css +72 -112
  194. package/styles/list-box/fluent-dark.css +72 -112
  195. package/styles/list-box/fluent.css +72 -112
  196. package/styles/list-box/fluent2.css +2029 -0
  197. package/styles/list-box/fluent2.scss +5 -0
  198. package/styles/list-box/highcontrast-light.css +72 -112
  199. package/styles/list-box/highcontrast.css +72 -112
  200. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  201. package/styles/list-box/icons/_fluent2.scss +25 -0
  202. package/styles/list-box/material-dark.css +72 -112
  203. package/styles/list-box/material.css +72 -112
  204. package/styles/list-box/material3-dark.css +73 -113
  205. package/styles/list-box/material3.css +73 -113
  206. package/styles/list-box/tailwind-dark.css +74 -114
  207. package/styles/list-box/tailwind.css +74 -114
  208. package/styles/material-dark.css +237 -260
  209. package/styles/material-dark.scss +28 -8
  210. package/styles/material.css +254 -284
  211. package/styles/material.scss +28 -8
  212. package/styles/material3-dark.css +254 -266
  213. package/styles/material3-dark.scss +28 -8
  214. package/styles/material3.css +254 -266
  215. package/styles/material3.scss +28 -8
  216. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  217. package/styles/mention/_fluent2-definition.scss +1 -0
  218. package/styles/mention/bootstrap-dark.css +24 -0
  219. package/styles/mention/bootstrap.css +24 -0
  220. package/styles/mention/bootstrap4.css +24 -0
  221. package/styles/mention/bootstrap5-dark.css +24 -0
  222. package/styles/mention/bootstrap5.css +24 -0
  223. package/styles/mention/fabric-dark.css +24 -0
  224. package/styles/mention/fabric.css +24 -0
  225. package/styles/mention/fluent-dark.css +24 -0
  226. package/styles/mention/fluent.css +24 -0
  227. package/styles/mention/fluent2.css +1130 -0
  228. package/styles/mention/fluent2.scss +6 -0
  229. package/styles/mention/highcontrast-light.css +24 -0
  230. package/styles/mention/highcontrast.css +24 -0
  231. package/styles/mention/material-dark.css +24 -0
  232. package/styles/mention/material.css +24 -0
  233. package/styles/mention/material3-dark.css +25 -1
  234. package/styles/mention/material3.css +25 -1
  235. package/styles/mention/tailwind-dark.css +24 -0
  236. package/styles/mention/tailwind.css +24 -0
  237. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  238. package/styles/multi-select/_fluent2-definition.scss +236 -0
  239. package/styles/multi-select/_layout.scss +32 -38
  240. package/styles/multi-select/_material3-definition.scss +0 -15
  241. package/styles/multi-select/_theme.scss +0 -4
  242. package/styles/multi-select/bootstrap-dark.css +67 -28
  243. package/styles/multi-select/bootstrap.css +67 -28
  244. package/styles/multi-select/bootstrap4.css +70 -29
  245. package/styles/multi-select/bootstrap5-dark.css +67 -28
  246. package/styles/multi-select/bootstrap5.css +67 -28
  247. package/styles/multi-select/fabric-dark.css +67 -28
  248. package/styles/multi-select/fabric.css +67 -28
  249. package/styles/multi-select/fluent-dark.css +69 -29
  250. package/styles/multi-select/fluent.css +69 -29
  251. package/styles/multi-select/fluent2.css +2663 -0
  252. package/styles/multi-select/fluent2.scss +9 -0
  253. package/styles/multi-select/highcontrast-light.css +70 -28
  254. package/styles/multi-select/highcontrast.css +70 -28
  255. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  256. package/styles/multi-select/icons/_fluent2.scss +692 -0
  257. package/styles/multi-select/material-dark.css +88 -32
  258. package/styles/multi-select/material.css +102 -34
  259. package/styles/multi-select/material3-dark.css +109 -35
  260. package/styles/multi-select/material3.css +109 -35
  261. package/styles/multi-select/tailwind-dark.css +67 -28
  262. package/styles/multi-select/tailwind.css +67 -28
  263. package/styles/tailwind-dark.css +218 -233
  264. package/styles/tailwind-dark.scss +28 -8
  265. package/styles/tailwind.css +218 -233
  266. package/styles/tailwind.scss +28 -8
  267. package/CHANGELOG.md +0 -2200
@@ -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;
@@ -925,10 +959,12 @@ ejs-dropdownlist {
925
959
  .e-ddt .e-dropdowntree.e-chip-input,
926
960
  .e-ddt input[readonly].e-input.e-chip-input {
927
961
  width: 0;
962
+ display: none;
928
963
  }
929
964
  .e-ddt.e-popup {
930
965
  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);
966
+ -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);
967
+ 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
968
  position: absolute;
933
969
  }
934
970
  .e-ddt.e-popup .e-selectall-parent {
@@ -954,18 +990,17 @@ ejs-dropdownlist {
954
990
  font-size: 14px;
955
991
  margin: 10px;
956
992
  }
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
993
  .e-ddt.e-popup .e-filter-wrap {
961
- border: #414141;
962
994
  border-top-width: 0;
963
995
  display: block;
964
996
  padding: 5px 8px;
965
- }
966
- .e-ddt.e-popup .e-filter-wrap {
997
+ border: #414141;
967
998
  border-bottom: 1px solid #484848;
968
999
  }
1000
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1001
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1002
+ padding: 0 12px;
1003
+ }
969
1004
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
970
1005
  margin-bottom: 0;
971
1006
  }
@@ -980,8 +1015,8 @@ ejs-dropdownlist {
980
1015
  cursor: default;
981
1016
  font-family: inherit;
982
1017
  font-size: 14px;
983
- padding: 14px 16px;
984
1018
  text-align: center;
1019
+ padding: 14px 16px;
985
1020
  }
986
1021
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
987
1022
  display: none;
@@ -1035,16 +1070,16 @@ ejs-dropdownlist {
1035
1070
  padding: 6px 12px 0 12px;
1036
1071
  }
1037
1072
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1038
- margin-left: 32px;
1039
1073
  margin-right: 1px;
1074
+ margin-left: 32px;
1040
1075
  }
1041
1076
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1042
- margin-left: 32px;
1043
1077
  margin-right: 1px;
1078
+ margin-left: 32px;
1044
1079
  }
1045
1080
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1046
- margin-left: 64px;
1047
1081
  margin-right: 1px;
1082
+ margin-left: 64px;
1048
1083
  }
1049
1084
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1050
1085
  .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 +1152,18 @@ ejs-dropdownlist {
1117
1152
  }
1118
1153
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1119
1154
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1120
- margin-left: 38px;
1121
1155
  margin-right: 1px;
1156
+ margin-left: 38px;
1122
1157
  }
1123
1158
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1124
1159
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1125
- margin-left: 38px;
1126
1160
  margin-right: 1px;
1161
+ margin-left: 38px;
1127
1162
  }
1128
1163
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1129
1164
  .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;
1165
+ margin-right: 76px;
1166
+ margin-left: 1px;
1132
1167
  }
1133
1168
  .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
1169
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1146,12 +1181,6 @@ ejs-dropdownlist {
1146
1181
  .e-ddt .e-chips > .e-chipcontent {
1147
1182
  color: #f0f0f0;
1148
1183
  }
1149
- .e-ddt .e-chips:hover {
1150
- background-color: #484848;
1151
- }
1152
- .e-ddt .e-chips:hover > .e-chipcontent {
1153
- color: #f0f0f0;
1154
- }
1155
1184
  .e-ddt .e-overflow .e-remain {
1156
1185
  color: #8d8d8d;
1157
1186
  }
@@ -1175,25 +1204,8 @@ ejs-dropdownlist {
1175
1204
  color: #f0f0f0;
1176
1205
  }
1177
1206
 
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
- }
1207
+ /* stylelint-disable-line no-empty-source */
1208
+ /* stylelint-disable-line no-empty-source */
1197
1209
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1198
1210
  line-height: 30px;
1199
1211
  top: 0;
@@ -1257,13 +1269,15 @@ ejs-dropdownlist {
1257
1269
  }
1258
1270
 
1259
1271
  .e-multi-select-wrapper {
1260
- box-sizing: border-box;
1272
+ -webkit-box-sizing: border-box;
1273
+ box-sizing: border-box;
1261
1274
  cursor: text;
1262
1275
  line-height: normal;
1263
1276
  min-height: 32px;
1264
1277
  padding: 0 32px 0 2px;
1265
1278
  position: relative;
1266
1279
  -webkit-user-select: none;
1280
+ -moz-user-select: none;
1267
1281
  -ms-user-select: none;
1268
1282
  user-select: none;
1269
1283
  width: 100%;
@@ -1280,7 +1294,8 @@ ejs-dropdownlist {
1280
1294
  white-space: nowrap;
1281
1295
  }
1282
1296
  .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;
1297
+ -webkit-box-sizing: border-box;
1298
+ box-sizing: border-box;
1284
1299
  display: inline-block;
1285
1300
  overflow: hidden;
1286
1301
  text-overflow: ellipsis;
@@ -1311,6 +1326,7 @@ ejs-dropdownlist {
1311
1326
 
1312
1327
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1313
1328
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1329
+ display: -webkit-box;
1314
1330
  display: -ms-flexbox;
1315
1331
  display: flex;
1316
1332
  float: left;
@@ -1318,6 +1334,7 @@ ejs-dropdownlist {
1318
1334
  }
1319
1335
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1320
1336
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1337
+ display: -webkit-inline-box;
1321
1338
  display: -ms-inline-flexbox;
1322
1339
  display: inline-flex;
1323
1340
  float: none;
@@ -1340,8 +1357,9 @@ ejs-dropdownlist {
1340
1357
  }
1341
1358
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1342
1359
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1343
- -ms-flex-align: center;
1344
- align-items: center;
1360
+ -webkit-box-align: center;
1361
+ -ms-flex-align: center;
1362
+ align-items: center;
1345
1363
  display: inline;
1346
1364
  max-width: 100%;
1347
1365
  word-break: break-word;
@@ -1350,12 +1368,15 @@ ejs-dropdownlist {
1350
1368
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1351
1369
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1352
1370
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1353
- -ms-flex-align: center;
1354
- align-items: center;
1371
+ -webkit-box-align: center;
1372
+ -ms-flex-align: center;
1373
+ align-items: center;
1355
1374
  cursor: pointer;
1356
1375
  display: none;
1357
- -ms-flex-direction: row;
1358
- flex-direction: row;
1376
+ -webkit-box-orient: horizontal;
1377
+ -webkit-box-direction: normal;
1378
+ -ms-flex-direction: row;
1379
+ flex-direction: row;
1359
1380
  margin-top: -3.2em;
1360
1381
  outline: 0;
1361
1382
  padding: 0;
@@ -1367,6 +1388,7 @@ ejs-dropdownlist {
1367
1388
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1368
1389
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1369
1390
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1391
+ display: -webkit-box;
1370
1392
  display: -ms-flexbox;
1371
1393
  display: flex;
1372
1394
  }
@@ -1444,8 +1466,10 @@ ejs-dropdownlist {
1444
1466
  }
1445
1467
 
1446
1468
  .e-multi-select-wrapper .e-chips {
1447
- -ms-flex-align: center;
1448
- align-items: center;
1469
+ -webkit-box-align: center;
1470
+ -ms-flex-align: center;
1471
+ align-items: center;
1472
+ display: -webkit-inline-box;
1449
1473
  display: -ms-inline-flexbox;
1450
1474
  display: inline-flex;
1451
1475
  float: left;
@@ -1488,6 +1512,7 @@ ejs-dropdownlist {
1488
1512
  .e-multi-select-wrapper .e-chips-close {
1489
1513
  -ms-flex-item-align: center;
1490
1514
  align-self: center;
1515
+ display: -webkit-box;
1491
1516
  display: -ms-flexbox;
1492
1517
  display: flex;
1493
1518
  float: right;
@@ -1657,7 +1682,9 @@ ejs-dropdownlist {
1657
1682
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1658
1683
  -ms-flex-item-align: center;
1659
1684
  align-self: center;
1660
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1685
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1686
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1687
+ display: -webkit-inline-box;
1661
1688
  display: -ms-inline-flexbox;
1662
1689
  display: inline-flex;
1663
1690
  padding: 0 0 0 20px;
@@ -2000,8 +2027,9 @@ ejs-multiselect {
2000
2027
 
2001
2028
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2002
2029
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2003
- -ms-flex-align: normal;
2004
- align-items: normal;
2030
+ -webkit-box-align: normal;
2031
+ -ms-flex-align: normal;
2032
+ align-items: normal;
2005
2033
  }
2006
2034
 
2007
2035
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2064,7 +2092,10 @@ ejs-multiselect {
2064
2092
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2065
2093
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2066
2094
  .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 {
2095
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2096
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2097
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2098
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2068
2099
  height: 24px;
2069
2100
  }
2070
2101
 
@@ -2073,10 +2104,6 @@ ejs-multiselect {
2073
2104
  height: 32px;
2074
2105
  }
2075
2106
 
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
2107
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2081
2108
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2082
2109
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2132,11 +2159,6 @@ ejs-multiselect {
2132
2159
  margin: 4px 0 0 4px;
2133
2160
  }
2134
2161
 
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
2162
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2141
2163
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2142
2164
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2241,7 +2263,8 @@ ejs-multiselect {
2241
2263
  }
2242
2264
 
2243
2265
  .e-multiselect {
2244
- box-sizing: border-box;
2266
+ -webkit-box-sizing: border-box;
2267
+ box-sizing: border-box;
2245
2268
  }
2246
2269
 
2247
2270
  /* stylelint-disable property-no-vendor-prefix */
@@ -2298,8 +2321,10 @@ ejs-multiselect {
2298
2321
  }
2299
2322
 
2300
2323
  .e-popup.e-multi-select-list-wrapper {
2301
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2302
- box-sizing: content-box;
2324
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2325
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2326
+ -webkit-box-sizing: content-box;
2327
+ box-sizing: content-box;
2303
2328
  overflow: initial;
2304
2329
  }
2305
2330
 
@@ -2353,14 +2378,16 @@ ejs-multiselect {
2353
2378
 
2354
2379
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2355
2380
  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);
2381
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2382
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2357
2383
  color: #fff;
2358
2384
  border: 1px solid #104888;
2359
2385
  }
2360
2386
 
2361
2387
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2362
2388
  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);
2389
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2390
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2364
2391
  color: #fff;
2365
2392
  border: 1px solid #104888;
2366
2393
  }
@@ -2472,11 +2499,13 @@ ejs-multiselect {
2472
2499
  .e-listbox-container,
2473
2500
  .e-listboxtool-wrapper {
2474
2501
  -webkit-overflow-scrolling: touch;
2475
- box-sizing: border-box;
2502
+ -webkit-box-sizing: border-box;
2503
+ box-sizing: border-box;
2476
2504
  cursor: pointer;
2477
2505
  display: block;
2478
2506
  position: relative;
2479
2507
  -webkit-user-select: none;
2508
+ -moz-user-select: none;
2480
2509
  -ms-user-select: none;
2481
2510
  user-select: none;
2482
2511
  width: 100%;
@@ -2484,7 +2513,8 @@ ejs-multiselect {
2484
2513
  .e-listbox-wrapper *,
2485
2514
  .e-listbox-container *,
2486
2515
  .e-listboxtool-wrapper * {
2487
- box-sizing: border-box;
2516
+ -webkit-box-sizing: border-box;
2517
+ box-sizing: border-box;
2488
2518
  }
2489
2519
  .e-listbox-wrapper:focus,
2490
2520
  .e-listbox-container:focus,
@@ -2544,9 +2574,11 @@ ejs-multiselect {
2544
2574
  margin: 0;
2545
2575
  padding: 0;
2546
2576
  }
2547
- .e-listbox-wrapper .e-list-header .e-text.header,
2577
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2548
2578
  .e-listbox-container .e-list-header .e-text.header,
2549
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2579
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2580
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2581
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2550
2582
  display: none;
2551
2583
  }
2552
2584
  .e-listbox-wrapper .e-icon-back,
@@ -2554,17 +2586,14 @@ ejs-multiselect {
2554
2586
  .e-listboxtool-wrapper .e-icon-back {
2555
2587
  margin-top: -2px;
2556
2588
  }
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
2589
  .e-listbox-wrapper .e-list-header,
2563
2590
  .e-listbox-container .e-list-header,
2564
2591
  .e-listboxtool-wrapper .e-list-header {
2565
- -ms-flex-align: center;
2566
- align-items: center;
2592
+ -webkit-box-align: center;
2593
+ -ms-flex-align: center;
2594
+ align-items: center;
2567
2595
  border-bottom: 1px solid;
2596
+ display: -webkit-box;
2568
2597
  display: -ms-flexbox;
2569
2598
  display: flex;
2570
2599
  font-weight: bold;
@@ -2606,7 +2635,8 @@ ejs-multiselect {
2606
2635
  position: absolute;
2607
2636
  right: 0%;
2608
2637
  top: 50%;
2609
- transform: translateY(-50%);
2638
+ -webkit-transform: translateY(-50%);
2639
+ transform: translateY(-50%);
2610
2640
  }
2611
2641
  .e-listbox-wrapper .e-text-content,
2612
2642
  .e-listbox-container .e-text-content,
@@ -2662,18 +2692,12 @@ ejs-multiselect {
2662
2692
  white-space: nowrap;
2663
2693
  width: 100%;
2664
2694
  }
2665
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2695
+ .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
2696
  .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
2697
  .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
2698
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2699
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2700
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2677
2701
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2678
2702
  width: calc(100% - 60px);
2679
2703
  }
@@ -2719,7 +2743,8 @@ ejs-multiselect {
2719
2743
  left: 0%;
2720
2744
  right: initial;
2721
2745
  top: 50%;
2722
- transform: translateY(-50%) rotate(180deg);
2746
+ -webkit-transform: translateY(-50%) rotate(180deg);
2747
+ transform: translateY(-50%) rotate(180deg);
2723
2748
  }
2724
2749
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2725
2750
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2729,7 +2754,8 @@ ejs-multiselect {
2729
2754
  .e-listbox-wrapper.e-rtl .e-but-back,
2730
2755
  .e-listbox-container.e-rtl .e-but-back,
2731
2756
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2732
- transform: rotate(180deg);
2757
+ -webkit-transform: rotate(180deg);
2758
+ transform: rotate(180deg);
2733
2759
  }
2734
2760
  .e-listbox-wrapper.e-rtl .e-icon-back,
2735
2761
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2737,8 +2763,11 @@ ejs-multiselect {
2737
2763
  margin-top: -1px;
2738
2764
  }
2739
2765
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2766
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2740
2767
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2741
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2768
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2769
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2770
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2742
2771
  margin: -4px 0 0 10px;
2743
2772
  }
2744
2773
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2746,11 +2775,6 @@ ejs-multiselect {
2746
2775
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2747
2776
  margin: -4px 10px 0 0;
2748
2777
  }
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
2778
  .e-listbox-wrapper .e-checkbox-wrapper,
2755
2779
  .e-listbox-container .e-checkbox-wrapper,
2756
2780
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2795,10 +2819,7 @@ ejs-listbox {
2795
2819
  display: block;
2796
2820
  }
2797
2821
 
2798
- .e-listbox-wrapper:not(.e-listbox-container) {
2799
- overflow: auto;
2800
- }
2801
-
2822
+ .e-listbox-wrapper:not(.e-listbox-container),
2802
2823
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2803
2824
  overflow: auto;
2804
2825
  }
@@ -2813,6 +2834,7 @@ ejs-listbox {
2813
2834
  .e-listbox-container.e-sortableclone .e-list-item,
2814
2835
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2815
2836
  list-style-type: none;
2837
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2816
2838
  }
2817
2839
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2818
2840
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2827,18 +2849,21 @@ ejs-listbox {
2827
2849
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2828
2850
  .e-listbox-container.e-sortableclone .e-list-badge,
2829
2851
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2830
- -ms-flex-align: center;
2831
- align-items: center;
2852
+ -webkit-box-align: center;
2853
+ -ms-flex-align: center;
2854
+ align-items: center;
2832
2855
  background-color: #0070f0;
2833
2856
  border: 1px solid #fff;
2834
2857
  border-radius: 50%;
2835
2858
  color: #fff;
2859
+ display: -webkit-box;
2836
2860
  display: -ms-flexbox;
2837
2861
  display: flex;
2838
2862
  font-size: 12px;
2839
2863
  height: 22px;
2840
- -ms-flex-pack: center;
2841
- justify-content: center;
2864
+ -webkit-box-pack: center;
2865
+ -ms-flex-pack: center;
2866
+ justify-content: center;
2842
2867
  position: absolute;
2843
2868
  right: -10px;
2844
2869
  top: -10px;
@@ -2852,12 +2877,14 @@ ejs-listbox {
2852
2877
  .e-listboxtool-wrapper,
2853
2878
  .e-listboxtool-container {
2854
2879
  cursor: pointer;
2880
+ display: -webkit-box;
2855
2881
  display: -ms-flexbox;
2856
2882
  display: flex;
2857
2883
  }
2858
2884
  .e-listboxtool-wrapper *,
2859
2885
  .e-listboxtool-container * {
2860
- box-sizing: border-box;
2886
+ -webkit-box-sizing: border-box;
2887
+ box-sizing: border-box;
2861
2888
  }
2862
2889
  .e-listboxtool-wrapper.e-disabled,
2863
2890
  .e-listboxtool-container.e-disabled {
@@ -2865,9 +2892,12 @@ ejs-listbox {
2865
2892
  pointer-events: none;
2866
2893
  }
2867
2894
  .e-listboxtool-wrapper .e-listbox-wrapper,
2868
- .e-listboxtool-container .e-listbox-wrapper {
2869
- -ms-flex: 1;
2870
- flex: 1;
2895
+ .e-listboxtool-wrapper .e-list-wrap,
2896
+ .e-listboxtool-container .e-listbox-wrapper,
2897
+ .e-listboxtool-container .e-list-wrap {
2898
+ -webkit-box-flex: 1;
2899
+ -ms-flex: 1;
2900
+ flex: 1;
2871
2901
  }
2872
2902
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2873
2903
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2967,22 +2997,22 @@ ejs-listbox {
2967
2997
  .e-listbox-wrapper.e-bigger .e-list-header,
2968
2998
  .e-bigger .e-listbox-container .e-list-header,
2969
2999
  .e-listbox-container.e-bigger .e-list-header {
2970
- -ms-flex-align: center;
2971
- align-items: center;
3000
+ -webkit-box-align: center;
3001
+ -ms-flex-align: center;
3002
+ align-items: center;
3003
+ display: -webkit-box;
2972
3004
  display: -ms-flexbox;
2973
3005
  display: flex;
2974
3006
  font-weight: bold;
2975
3007
  height: 48px;
2976
3008
  }
2977
3009
  .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
3010
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3011
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2984
3012
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3013
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2985
3014
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3015
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2986
3016
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2987
3017
  display: none;
2988
3018
  }
@@ -3005,15 +3035,15 @@ ejs-listbox {
3005
3035
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3006
3036
  }
3007
3037
 
3008
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3038
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3039
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3040
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3041
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3009
3042
  height: 100%;
3010
3043
  }
3011
3044
 
3012
3045
  .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
-
3046
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3017
3047
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3018
3048
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3019
3049
  }
@@ -3022,23 +3052,11 @@ ejs-listbox {
3022
3052
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3023
3053
  }
3024
3054
 
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
3055
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3034
3056
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3035
3057
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3036
3058
  }
3037
3059
 
3038
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3039
- height: 100%;
3040
- }
3041
-
3042
3060
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3043
3061
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3044
3062
  height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3052,10 +3070,6 @@ ejs-listbox {
3052
3070
  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3053
3071
  }
3054
3072
 
3055
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3056
- height: 100%;
3057
- }
3058
-
3059
3073
  .e-listbox-wrapper,
3060
3074
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3061
3075
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3095,12 +3109,6 @@ ejs-listbox {
3095
3109
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3096
3110
  }
3097
3111
 
3098
- .e-listbox-wrapper .e-icons,
3099
- .e-listbox-container .e-icons,
3100
- .e-listboxtool-wrapper .e-icons {
3101
- color: #f0f0f0;
3102
- }
3103
-
3104
3112
  .e-listbox-wrapper .e-list-item,
3105
3113
  .e-listbox-container .e-list-item,
3106
3114
  .e-listboxtool-wrapper .e-list-item {
@@ -3122,13 +3130,6 @@ ejs-listbox {
3122
3130
  color: rgba(255, 255, 255, 0.87);
3123
3131
  }
3124
3132
 
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
3133
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3133
3134
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3134
3135
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3136,11 +3137,13 @@ ejs-listbox {
3136
3137
  color: #f0f0f0;
3137
3138
  }
3138
3139
 
3139
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3140
+ .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
3141
  .e-listbox-container .e-list-item.e-focused,
3141
3142
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3143
+ .e-listbox-container .e-list-item.e-selected,
3142
3144
  .e-listboxtool-wrapper .e-list-item.e-focused,
3143
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3145
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3146
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3144
3147
  background-color: #414141;
3145
3148
  color: rgba(255, 255, 255, 0.87);
3146
3149
  }
@@ -3230,8 +3233,8 @@ ejs-listbox {
3230
3233
  height: 2.8571em;
3231
3234
  left: 1.0667em;
3232
3235
  position: absolute;
3233
- top: 0.7142em;
3234
3236
  width: 2.8571em;
3237
+ left: 1.0667em;
3235
3238
  }
3236
3239
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3237
3240
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3249,18 +3252,15 @@ ejs-listbox {
3249
3252
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3250
3253
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3251
3254
  height: 2.8571em;
3255
+ left: 1.0667em;
3252
3256
  position: absolute;
3253
- right: 1.0667em;
3254
- top: 0.7142em;
3255
3257
  width: 2.8571em;
3258
+ right: 1.0667em;
3256
3259
  }
3257
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3260
+ .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
3261
  .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
3262
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3263
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3264
3264
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3265
3265
  top: 0.7142em;
3266
3266
  }
@@ -3274,7 +3274,8 @@ ejs-listbox {
3274
3274
  position: absolute;
3275
3275
  right: 1em;
3276
3276
  top: 50%;
3277
- transform: translateY(-50%);
3277
+ -webkit-transform: translateY(-50%);
3278
+ transform: translateY(-50%);
3278
3279
  width: 2em;
3279
3280
  }
3280
3281
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3299,23 +3300,17 @@ ejs-listbox {
3299
3300
  text-overflow: ellipsis;
3300
3301
  white-space: nowrap;
3301
3302
  }
3302
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3303
+ .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
3304
  .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
3305
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3306
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3309
3307
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3310
3308
  color: rgba(255, 255, 255, 0.87);
3311
3309
  }
3312
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3310
+ .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
3311
  .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
3312
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3313
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3319
3314
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3320
3315
  color: rgba(255, 255, 255, 0.87);
3321
3316
  }
@@ -3362,15 +3357,7 @@ ejs-listbox {
3362
3357
  padding-right: 1.0714em;
3363
3358
  }
3364
3359
 
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 {
3360
+ .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
3361
  height: 100%;
3375
3362
  }
3376
3363
 
@@ -3384,22 +3371,4 @@ ejs-listbox {
3384
3371
 
3385
3372
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3386
3373
  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
3374
  }