@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-7502

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: #fff;
89
89
  border: 0;
90
- box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
90
+ -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
91
+ box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
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.175);
419
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
420
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
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: none;
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: #333;
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
  /*! TreeView's bootstrap theme wise override definitions and variables */
779
797
  /* stylelint-disable */
780
798
  /* stylelint-disable */
@@ -790,12 +808,20 @@ ejs-dropdownlist {
790
808
  outline: none;
791
809
  }
792
810
  .e-ddt .e-ddt-icon::before {
793
- transform: rotate(0deg);
811
+ -webkit-transform: rotate(0deg);
812
+ transform: rotate(0deg);
813
+ -webkit-transition: -webkit-transform 300ms ease;
814
+ transition: -webkit-transform 300ms ease;
794
815
  transition: transform 300ms ease;
816
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
795
817
  }
796
818
  .e-ddt.e-icon-anim .e-ddt-icon::before {
797
- transform: rotate(180deg);
819
+ -webkit-transform: rotate(180deg);
820
+ transform: rotate(180deg);
821
+ -webkit-transition: -webkit-transform 300ms ease;
822
+ transition: -webkit-transform 300ms ease;
798
823
  transition: transform 300ms ease;
824
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
799
825
  }
800
826
  .e-ddt .e-ddt-hidden {
801
827
  border: 0;
@@ -804,7 +830,8 @@ ejs-dropdownlist {
804
830
  width: 0;
805
831
  }
806
832
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
807
- box-sizing: content-box;
833
+ -webkit-box-sizing: content-box;
834
+ box-sizing: content-box;
808
835
  min-height: 32px;
809
836
  }
810
837
  .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 {
@@ -835,6 +862,7 @@ ejs-dropdownlist {
835
862
  padding-right: 0;
836
863
  }
837
864
  .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 {
865
+ display: -webkit-box;
838
866
  display: -ms-flexbox;
839
867
  display: flex;
840
868
  }
@@ -842,20 +870,25 @@ ejs-dropdownlist {
842
870
  width: 100%;
843
871
  }
844
872
  .e-ddt.e-show-chip .e-chips-close {
845
- line-height: 24px;
846
873
  min-height: 28px;
847
874
  min-width: 30px;
875
+ line-height: 24px;
848
876
  text-align: center;
849
877
  }
850
878
  .e-ddt.e-show-chip .e-chips-close::before {
851
879
  font-size: 10px;
880
+ }
881
+ .e-ddt.e-show-chip .e-chips-close::before {
852
882
  vertical-align: middle;
853
883
  }
854
884
  .e-ddt.e-show-chip .e-chips {
855
- -ms-flex-align: center;
856
- align-items: center;
885
+ -webkit-box-align: center;
886
+ -ms-flex-align: center;
887
+ align-items: center;
857
888
  border-radius: 4px;
858
- box-sizing: border-box;
889
+ -webkit-box-sizing: border-box;
890
+ box-sizing: border-box;
891
+ display: -webkit-inline-box;
859
892
  display: -ms-inline-flexbox;
860
893
  display: inline-flex;
861
894
  float: left;
@@ -882,7 +915,8 @@ ejs-dropdownlist {
882
915
  padding: 6px 12px 0 12px;
883
916
  }
884
917
  .e-ddt .e-overflow.e-total-count {
885
- box-sizing: border-box;
918
+ -webkit-box-sizing: border-box;
919
+ box-sizing: border-box;
886
920
  display: inline-block;
887
921
  overflow: hidden;
888
922
  text-overflow: ellipsis;
@@ -929,7 +963,8 @@ ejs-dropdownlist {
929
963
  }
930
964
  .e-ddt.e-popup {
931
965
  border: 1px solid #ccc;
932
- 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);
933
968
  position: absolute;
934
969
  }
935
970
  .e-ddt.e-popup .e-selectall-parent {
@@ -955,18 +990,17 @@ ejs-dropdownlist {
955
990
  font-size: 14px;
956
991
  margin: 10px;
957
992
  }
958
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
959
- padding: 0 12px;
960
- }
961
993
  .e-ddt.e-popup .e-filter-wrap {
962
- border: none;
963
994
  border-top-width: 0;
964
995
  display: block;
965
996
  padding: 5px 8px;
966
- }
967
- .e-ddt.e-popup .e-filter-wrap {
997
+ border: none;
968
998
  border-bottom: 1px solid #ccc;
969
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
+ }
970
1004
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
971
1005
  margin-bottom: 0;
972
1006
  }
@@ -981,8 +1015,8 @@ ejs-dropdownlist {
981
1015
  cursor: default;
982
1016
  font-family: inherit;
983
1017
  font-size: 14px;
984
- padding: 14px 16px;
985
1018
  text-align: center;
1019
+ padding: 14px 16px;
986
1020
  }
987
1021
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
988
1022
  display: none;
@@ -1036,16 +1070,16 @@ ejs-dropdownlist {
1036
1070
  padding: 6px 12px 0 12px;
1037
1071
  }
1038
1072
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1039
- margin-left: 32px;
1040
1073
  margin-right: 1px;
1074
+ margin-left: 32px;
1041
1075
  }
1042
1076
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1043
- margin-left: 32px;
1044
1077
  margin-right: 1px;
1078
+ margin-left: 32px;
1045
1079
  }
1046
1080
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1047
- margin-left: 64px;
1048
1081
  margin-right: 1px;
1082
+ margin-left: 64px;
1049
1083
  }
1050
1084
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1051
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,
@@ -1118,18 +1152,18 @@ ejs-dropdownlist {
1118
1152
  }
1119
1153
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1120
1154
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1121
- margin-left: 38px;
1122
1155
  margin-right: 1px;
1156
+ margin-left: 38px;
1123
1157
  }
1124
1158
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1125
1159
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1126
- margin-left: 38px;
1127
1160
  margin-right: 1px;
1161
+ margin-left: 38px;
1128
1162
  }
1129
1163
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1130
1164
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1131
- margin-left: 76px;
1132
- margin-right: 1px;
1165
+ margin-right: 76px;
1166
+ margin-left: 1px;
1133
1167
  }
1134
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,
1135
1169
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1147,12 +1181,6 @@ ejs-dropdownlist {
1147
1181
  .e-ddt .e-chips > .e-chipcontent {
1148
1182
  color: #333;
1149
1183
  }
1150
- .e-ddt .e-chips:hover {
1151
- background-color: #d4d4d4;
1152
- }
1153
- .e-ddt .e-chips:hover > .e-chipcontent {
1154
- color: #333;
1155
- }
1156
1184
  .e-ddt .e-overflow .e-remain {
1157
1185
  color: #888;
1158
1186
  }
@@ -1176,25 +1204,8 @@ ejs-dropdownlist {
1176
1204
  color: #333;
1177
1205
  }
1178
1206
 
1179
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1180
- /* stylelint-disable property-no-vendor-prefix */
1181
- /* stylelint-disable property-no-vendor-prefix */
1182
- @keyframes material-spinner-rotate {
1183
- 0% {
1184
- transform: rotate(0);
1185
- }
1186
- 100% {
1187
- transform: rotate(360deg);
1188
- }
1189
- }
1190
- @keyframes fabric-spinner-rotate {
1191
- 0% {
1192
- transform: rotate(0);
1193
- }
1194
- 100% {
1195
- transform: rotate(360deg);
1196
- }
1197
- }
1207
+ /* stylelint-disable-line no-empty-source */
1208
+ /* stylelint-disable-line no-empty-source */
1198
1209
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1199
1210
  line-height: 30px;
1200
1211
  top: 0;
@@ -1251,13 +1262,15 @@ ejs-dropdownlist {
1251
1262
  }
1252
1263
 
1253
1264
  .e-multi-select-wrapper {
1254
- box-sizing: border-box;
1265
+ -webkit-box-sizing: border-box;
1266
+ box-sizing: border-box;
1255
1267
  cursor: text;
1256
1268
  line-height: normal;
1257
1269
  min-height: 32px;
1258
1270
  padding: 0 32px 0 2px;
1259
1271
  position: relative;
1260
1272
  -webkit-user-select: none;
1273
+ -moz-user-select: none;
1261
1274
  -ms-user-select: none;
1262
1275
  user-select: none;
1263
1276
  width: 100%;
@@ -1274,7 +1287,8 @@ ejs-dropdownlist {
1274
1287
  white-space: nowrap;
1275
1288
  }
1276
1289
  .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 {
1277
- box-sizing: border-box;
1290
+ -webkit-box-sizing: border-box;
1291
+ box-sizing: border-box;
1278
1292
  display: inline-block;
1279
1293
  overflow: hidden;
1280
1294
  text-overflow: ellipsis;
@@ -1305,6 +1319,7 @@ ejs-dropdownlist {
1305
1319
 
1306
1320
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1307
1321
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1322
+ display: -webkit-box;
1308
1323
  display: -ms-flexbox;
1309
1324
  display: flex;
1310
1325
  float: left;
@@ -1312,6 +1327,7 @@ ejs-dropdownlist {
1312
1327
  }
1313
1328
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1314
1329
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1330
+ display: -webkit-inline-box;
1315
1331
  display: -ms-inline-flexbox;
1316
1332
  display: inline-flex;
1317
1333
  float: none;
@@ -1334,8 +1350,9 @@ ejs-dropdownlist {
1334
1350
  }
1335
1351
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1336
1352
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1337
- -ms-flex-align: center;
1338
- align-items: center;
1353
+ -webkit-box-align: center;
1354
+ -ms-flex-align: center;
1355
+ align-items: center;
1339
1356
  display: inline;
1340
1357
  max-width: 100%;
1341
1358
  word-break: break-word;
@@ -1344,12 +1361,15 @@ ejs-dropdownlist {
1344
1361
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1345
1362
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1346
1363
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1347
- -ms-flex-align: center;
1348
- align-items: center;
1364
+ -webkit-box-align: center;
1365
+ -ms-flex-align: center;
1366
+ align-items: center;
1349
1367
  cursor: pointer;
1350
1368
  display: none;
1351
- -ms-flex-direction: row;
1352
- flex-direction: row;
1369
+ -webkit-box-orient: horizontal;
1370
+ -webkit-box-direction: normal;
1371
+ -ms-flex-direction: row;
1372
+ flex-direction: row;
1353
1373
  margin-top: -3.2em;
1354
1374
  outline: 0;
1355
1375
  padding: 0;
@@ -1361,6 +1381,7 @@ ejs-dropdownlist {
1361
1381
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1362
1382
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1363
1383
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1384
+ display: -webkit-box;
1364
1385
  display: -ms-flexbox;
1365
1386
  display: flex;
1366
1387
  }
@@ -1438,8 +1459,10 @@ ejs-dropdownlist {
1438
1459
  }
1439
1460
 
1440
1461
  .e-multi-select-wrapper .e-chips {
1441
- -ms-flex-align: center;
1442
- align-items: center;
1462
+ -webkit-box-align: center;
1463
+ -ms-flex-align: center;
1464
+ align-items: center;
1465
+ display: -webkit-inline-box;
1443
1466
  display: -ms-inline-flexbox;
1444
1467
  display: inline-flex;
1445
1468
  float: left;
@@ -1482,6 +1505,7 @@ ejs-dropdownlist {
1482
1505
  .e-multi-select-wrapper .e-chips-close {
1483
1506
  -ms-flex-item-align: center;
1484
1507
  align-self: center;
1508
+ display: -webkit-box;
1485
1509
  display: -ms-flexbox;
1486
1510
  display: flex;
1487
1511
  float: right;
@@ -1651,7 +1675,9 @@ ejs-dropdownlist {
1651
1675
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1652
1676
  -ms-flex-item-align: center;
1653
1677
  align-self: center;
1654
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1678
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1679
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1680
+ display: -webkit-inline-box;
1655
1681
  display: -ms-inline-flexbox;
1656
1682
  display: inline-flex;
1657
1683
  padding: 0 0 0 20px;
@@ -1994,8 +2020,9 @@ ejs-multiselect {
1994
2020
 
1995
2021
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1996
2022
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1997
- -ms-flex-align: normal;
1998
- align-items: normal;
2023
+ -webkit-box-align: normal;
2024
+ -ms-flex-align: normal;
2025
+ align-items: normal;
1999
2026
  }
2000
2027
 
2001
2028
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2058,7 +2085,10 @@ ejs-multiselect {
2058
2085
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2059
2086
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2060
2087
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2061
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2088
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2089
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2090
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2091
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2062
2092
  height: 24px;
2063
2093
  }
2064
2094
 
@@ -2067,10 +2097,6 @@ ejs-multiselect {
2067
2097
  height: 32px;
2068
2098
  }
2069
2099
 
2070
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2071
- height: 24px;
2072
- }
2073
-
2074
2100
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2075
2101
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2076
2102
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2126,11 +2152,6 @@ ejs-multiselect {
2126
2152
  margin: 4px 0 0 4px;
2127
2153
  }
2128
2154
 
2129
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2130
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2131
- height: 24px;
2132
- }
2133
-
2134
2155
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2135
2156
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2136
2157
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2235,7 +2256,8 @@ ejs-multiselect {
2235
2256
  }
2236
2257
 
2237
2258
  .e-multiselect {
2238
- box-sizing: border-box;
2259
+ -webkit-box-sizing: border-box;
2260
+ box-sizing: border-box;
2239
2261
  }
2240
2262
 
2241
2263
  /* stylelint-disable property-no-vendor-prefix */
@@ -2292,8 +2314,10 @@ ejs-multiselect {
2292
2314
  }
2293
2315
 
2294
2316
  .e-popup.e-multi-select-list-wrapper {
2295
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2296
- box-sizing: content-box;
2317
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2318
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2319
+ -webkit-box-sizing: content-box;
2320
+ box-sizing: content-box;
2297
2321
  overflow: initial;
2298
2322
  }
2299
2323
 
@@ -2347,14 +2371,16 @@ ejs-multiselect {
2347
2371
 
2348
2372
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2349
2373
  background-color: #317ab9;
2350
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2374
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2375
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2351
2376
  color: #fff;
2352
2377
  border: 1px solid #66afe9;
2353
2378
  }
2354
2379
 
2355
2380
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2356
2381
  background-color: #317ab9;
2357
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2382
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2383
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2358
2384
  color: #fff;
2359
2385
  border: 1px solid #66afe9;
2360
2386
  }
@@ -2466,11 +2492,13 @@ ejs-multiselect {
2466
2492
  .e-listbox-container,
2467
2493
  .e-listboxtool-wrapper {
2468
2494
  -webkit-overflow-scrolling: touch;
2469
- box-sizing: border-box;
2495
+ -webkit-box-sizing: border-box;
2496
+ box-sizing: border-box;
2470
2497
  cursor: pointer;
2471
2498
  display: block;
2472
2499
  position: relative;
2473
2500
  -webkit-user-select: none;
2501
+ -moz-user-select: none;
2474
2502
  -ms-user-select: none;
2475
2503
  user-select: none;
2476
2504
  width: 100%;
@@ -2478,7 +2506,8 @@ ejs-multiselect {
2478
2506
  .e-listbox-wrapper *,
2479
2507
  .e-listbox-container *,
2480
2508
  .e-listboxtool-wrapper * {
2481
- box-sizing: border-box;
2509
+ -webkit-box-sizing: border-box;
2510
+ box-sizing: border-box;
2482
2511
  }
2483
2512
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2484
2513
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2543,9 +2572,11 @@ ejs-multiselect {
2543
2572
  margin: 0;
2544
2573
  padding: 0;
2545
2574
  }
2546
- .e-listbox-wrapper .e-list-header .e-text.header,
2575
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2547
2576
  .e-listbox-container .e-list-header .e-text.header,
2548
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2577
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2578
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2579
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2549
2580
  display: none;
2550
2581
  }
2551
2582
  .e-listbox-wrapper .e-icon-back,
@@ -2553,17 +2584,14 @@ ejs-multiselect {
2553
2584
  .e-listboxtool-wrapper .e-icon-back {
2554
2585
  margin-top: -2px;
2555
2586
  }
2556
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2557
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2558
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2559
- display: none;
2560
- }
2561
2587
  .e-listbox-wrapper .e-list-header,
2562
2588
  .e-listbox-container .e-list-header,
2563
2589
  .e-listboxtool-wrapper .e-list-header {
2564
- -ms-flex-align: center;
2565
- align-items: center;
2590
+ -webkit-box-align: center;
2591
+ -ms-flex-align: center;
2592
+ align-items: center;
2566
2593
  border-bottom: 1px solid;
2594
+ display: -webkit-box;
2567
2595
  display: -ms-flexbox;
2568
2596
  display: flex;
2569
2597
  font-weight: bold;
@@ -2605,7 +2633,8 @@ ejs-multiselect {
2605
2633
  position: absolute;
2606
2634
  right: 0%;
2607
2635
  top: 50%;
2608
- transform: translateY(-50%);
2636
+ -webkit-transform: translateY(-50%);
2637
+ transform: translateY(-50%);
2609
2638
  }
2610
2639
  .e-listbox-wrapper .e-text-content,
2611
2640
  .e-listbox-container .e-text-content,
@@ -2661,18 +2690,12 @@ ejs-multiselect {
2661
2690
  white-space: nowrap;
2662
2691
  width: 100%;
2663
2692
  }
2664
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2693
+ .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,
2665
2694
  .e-listbox-container .e-list-icon + .e-list-text,
2666
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2667
- width: calc(100% - 60px);
2668
- }
2669
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2670
2695
  .e-listbox-container .e-icon-wrapper .e-list-text,
2671
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2672
- width: calc(100% - 60px);
2673
- }
2674
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2675
2696
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2697
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2698
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2676
2699
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2677
2700
  width: calc(100% - 60px);
2678
2701
  }
@@ -2718,7 +2741,8 @@ ejs-multiselect {
2718
2741
  left: 0%;
2719
2742
  right: initial;
2720
2743
  top: 50%;
2721
- transform: translateY(-50%) rotate(180deg);
2744
+ -webkit-transform: translateY(-50%) rotate(180deg);
2745
+ transform: translateY(-50%) rotate(180deg);
2722
2746
  }
2723
2747
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2724
2748
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2728,7 +2752,8 @@ ejs-multiselect {
2728
2752
  .e-listbox-wrapper.e-rtl .e-but-back,
2729
2753
  .e-listbox-container.e-rtl .e-but-back,
2730
2754
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2731
- transform: rotate(180deg);
2755
+ -webkit-transform: rotate(180deg);
2756
+ transform: rotate(180deg);
2732
2757
  }
2733
2758
  .e-listbox-wrapper.e-rtl .e-icon-back,
2734
2759
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2736,8 +2761,11 @@ ejs-multiselect {
2736
2761
  margin-top: -1px;
2737
2762
  }
2738
2763
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2764
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2739
2765
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2740
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2766
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2767
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2768
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2741
2769
  margin: -4px 0 0 10px;
2742
2770
  }
2743
2771
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2745,11 +2773,6 @@ ejs-multiselect {
2745
2773
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2746
2774
  margin: -4px 10px 0 0;
2747
2775
  }
2748
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2749
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2750
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2751
- margin: -4px 0 0 10px;
2752
- }
2753
2776
  .e-listbox-wrapper .e-checkbox-wrapper,
2754
2777
  .e-listbox-container .e-checkbox-wrapper,
2755
2778
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2794,10 +2817,7 @@ ejs-listbox {
2794
2817
  display: block;
2795
2818
  }
2796
2819
 
2797
- .e-listbox-wrapper:not(.e-listbox-container) {
2798
- overflow: auto;
2799
- }
2800
-
2820
+ .e-listbox-wrapper:not(.e-listbox-container),
2801
2821
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2802
2822
  overflow: auto;
2803
2823
  }
@@ -2812,6 +2832,7 @@ ejs-listbox {
2812
2832
  .e-listbox-container.e-sortableclone .e-list-item,
2813
2833
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2814
2834
  list-style-type: none;
2835
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2815
2836
  }
2816
2837
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2817
2838
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2826,18 +2847,21 @@ ejs-listbox {
2826
2847
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2827
2848
  .e-listbox-container.e-sortableclone .e-list-badge,
2828
2849
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2829
- -ms-flex-align: center;
2830
- align-items: center;
2850
+ -webkit-box-align: center;
2851
+ -ms-flex-align: center;
2852
+ align-items: center;
2831
2853
  background-color: #317ab9;
2832
2854
  border: 1px solid #fff;
2833
2855
  border-radius: 50%;
2834
2856
  color: #fff;
2857
+ display: -webkit-box;
2835
2858
  display: -ms-flexbox;
2836
2859
  display: flex;
2837
2860
  font-size: 12px;
2838
2861
  height: 22px;
2839
- -ms-flex-pack: center;
2840
- justify-content: center;
2862
+ -webkit-box-pack: center;
2863
+ -ms-flex-pack: center;
2864
+ justify-content: center;
2841
2865
  position: absolute;
2842
2866
  right: -10px;
2843
2867
  top: -10px;
@@ -2851,12 +2875,14 @@ ejs-listbox {
2851
2875
  .e-listboxtool-wrapper,
2852
2876
  .e-listboxtool-container {
2853
2877
  cursor: pointer;
2878
+ display: -webkit-box;
2854
2879
  display: -ms-flexbox;
2855
2880
  display: flex;
2856
2881
  }
2857
2882
  .e-listboxtool-wrapper *,
2858
2883
  .e-listboxtool-container * {
2859
- box-sizing: border-box;
2884
+ -webkit-box-sizing: border-box;
2885
+ box-sizing: border-box;
2860
2886
  }
2861
2887
  .e-listboxtool-wrapper.e-disabled,
2862
2888
  .e-listboxtool-container.e-disabled {
@@ -2864,9 +2890,12 @@ ejs-listbox {
2864
2890
  pointer-events: none;
2865
2891
  }
2866
2892
  .e-listboxtool-wrapper .e-listbox-wrapper,
2867
- .e-listboxtool-container .e-listbox-wrapper {
2868
- -ms-flex: 1;
2869
- flex: 1;
2893
+ .e-listboxtool-wrapper .e-list-wrap,
2894
+ .e-listboxtool-container .e-listbox-wrapper,
2895
+ .e-listboxtool-container .e-list-wrap {
2896
+ -webkit-box-flex: 1;
2897
+ -ms-flex: 1;
2898
+ flex: 1;
2870
2899
  }
2871
2900
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2872
2901
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2972,22 +3001,22 @@ ejs-listbox {
2972
3001
  .e-listbox-wrapper.e-bigger .e-list-header,
2973
3002
  .e-bigger .e-listbox-container .e-list-header,
2974
3003
  .e-listbox-container.e-bigger .e-list-header {
2975
- -ms-flex-align: center;
2976
- align-items: center;
3004
+ -webkit-box-align: center;
3005
+ -ms-flex-align: center;
3006
+ align-items: center;
3007
+ display: -webkit-box;
2977
3008
  display: -ms-flexbox;
2978
3009
  display: flex;
2979
3010
  font-weight: bold;
2980
3011
  height: 48px;
2981
3012
  }
2982
3013
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2983
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2984
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2985
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
2986
- display: none;
2987
- }
2988
3014
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3015
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2989
3016
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3017
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2990
3018
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3019
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2991
3020
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2992
3021
  display: none;
2993
3022
  }
@@ -3010,15 +3039,15 @@ ejs-listbox {
3010
3039
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3011
3040
  }
3012
3041
 
3013
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3042
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3043
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3044
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3045
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3014
3046
  height: 100%;
3015
3047
  }
3016
3048
 
3017
3049
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3018
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3019
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3020
- }
3021
-
3050
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3022
3051
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3023
3052
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3024
3053
  }
@@ -3027,23 +3056,11 @@ ejs-listbox {
3027
3056
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3028
3057
  }
3029
3058
 
3030
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3031
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3032
- }
3033
-
3034
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3035
- height: 100%;
3036
- }
3037
-
3038
3059
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3039
3060
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3040
3061
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3041
3062
  }
3042
3063
 
3043
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3044
- height: 100%;
3045
- }
3046
-
3047
3064
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3048
3065
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3049
3066
  height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3057,10 +3074,6 @@ ejs-listbox {
3057
3074
  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3058
3075
  }
3059
3076
 
3060
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3061
- height: 100%;
3062
- }
3063
-
3064
3077
  .e-listbox-wrapper,
3065
3078
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3066
3079
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3100,12 +3113,6 @@ ejs-listbox {
3100
3113
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3101
3114
  }
3102
3115
 
3103
- .e-listbox-wrapper .e-icons,
3104
- .e-listbox-container .e-icons,
3105
- .e-listboxtool-wrapper .e-icons {
3106
- color: rgba(0, 0, 0, 0.75);
3107
- }
3108
-
3109
3116
  .e-listbox-wrapper .e-list-item,
3110
3117
  .e-listbox-container .e-list-item,
3111
3118
  .e-listboxtool-wrapper .e-list-item {
@@ -3127,13 +3134,6 @@ ejs-listbox {
3127
3134
  color: rgba(51, 51, 51, 0.87);
3128
3135
  }
3129
3136
 
3130
- .e-listbox-wrapper .e-list-item.e-selected,
3131
- .e-listbox-container .e-list-item.e-selected,
3132
- .e-listboxtool-wrapper .e-list-item.e-selected {
3133
- background-color: #e6e6e6;
3134
- color: rgba(51, 51, 51, 0.87);
3135
- }
3136
-
3137
3137
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3138
3138
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3139
3139
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3141,11 +3141,13 @@ ejs-listbox {
3141
3141
  color: #333333;
3142
3142
  }
3143
3143
 
3144
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3144
+ .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,
3145
3145
  .e-listbox-container .e-list-item.e-focused,
3146
3146
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3147
+ .e-listbox-container .e-list-item.e-selected,
3147
3148
  .e-listboxtool-wrapper .e-list-item.e-focused,
3148
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3149
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3150
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3149
3151
  background-color: #e6e6e6;
3150
3152
  color: rgba(51, 51, 51, 0.87);
3151
3153
  }
@@ -3235,8 +3237,8 @@ ejs-listbox {
3235
3237
  height: 2.8571em;
3236
3238
  left: 1.0667em;
3237
3239
  position: absolute;
3238
- top: 0.7142em;
3239
3240
  width: 2.8571em;
3241
+ left: 1.0667em;
3240
3242
  }
3241
3243
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3242
3244
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3254,18 +3256,15 @@ ejs-listbox {
3254
3256
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3255
3257
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3256
3258
  height: 2.8571em;
3259
+ left: 1.0667em;
3257
3260
  position: absolute;
3258
- right: 1.0667em;
3259
- top: 0.7142em;
3260
3261
  width: 2.8571em;
3262
+ right: 1.0667em;
3261
3263
  }
3262
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3264
+ .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,
3263
3265
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3264
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3265
- top: 0.7142em;
3266
- }
3267
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3268
3266
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3267
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3269
3268
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3270
3269
  top: 0.7142em;
3271
3270
  }
@@ -3279,7 +3278,8 @@ ejs-listbox {
3279
3278
  position: absolute;
3280
3279
  right: 1em;
3281
3280
  top: 50%;
3282
- transform: translateY(-50%);
3281
+ -webkit-transform: translateY(-50%);
3282
+ transform: translateY(-50%);
3283
3283
  width: 2em;
3284
3284
  }
3285
3285
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3304,23 +3304,17 @@ ejs-listbox {
3304
3304
  text-overflow: ellipsis;
3305
3305
  white-space: nowrap;
3306
3306
  }
3307
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3307
+ .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,
3308
3308
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3309
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3310
- color: rgba(51, 51, 51, 0.87);
3311
- }
3312
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3313
3309
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3310
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3314
3311
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3315
3312
  color: rgba(51, 51, 51, 0.87);
3316
3313
  }
3317
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3314
+ .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,
3318
3315
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3319
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3320
- color: rgba(51, 51, 51, 0.87);
3321
- }
3322
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3323
3316
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3317
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3324
3318
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3325
3319
  color: rgba(51, 51, 51, 0.87);
3326
3320
  }
@@ -3367,15 +3361,7 @@ ejs-listbox {
3367
3361
  padding-right: 1.0714em;
3368
3362
  }
3369
3363
 
3370
- .e-listbox-container.e-filter-list .e-list-parent {
3371
- height: 100%;
3372
- }
3373
-
3374
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3375
- height: 100%;
3376
- }
3377
-
3378
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3364
+ .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 {
3379
3365
  height: 100%;
3380
3366
  }
3381
3367
 
@@ -3389,22 +3375,4 @@ ejs-listbox {
3389
3375
 
3390
3376
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3391
3377
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3392
- }
3393
-
3394
- /* stylelint-disable property-no-vendor-prefix */
3395
- @keyframes material-spinner-rotate {
3396
- 0% {
3397
- transform: rotate(0);
3398
- }
3399
- 100% {
3400
- transform: rotate(360deg);
3401
- }
3402
- }
3403
- @keyframes fabric-spinner-rotate {
3404
- 0% {
3405
- transform: rotate(0);
3406
- }
3407
- 100% {
3408
- transform: rotate(360deg);
3409
- }
3410
3378
  }