@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: #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;
@@ -926,10 +960,12 @@ ejs-dropdownlist {
926
960
  .e-ddt .e-dropdowntree.e-chip-input,
927
961
  .e-ddt input[readonly].e-input.e-chip-input {
928
962
  width: 0;
963
+ display: none;
929
964
  }
930
965
  .e-ddt.e-popup {
931
966
  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);
967
+ -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);
968
+ 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
969
  position: absolute;
934
970
  }
935
971
  .e-ddt.e-popup .e-selectall-parent {
@@ -955,18 +991,17 @@ ejs-dropdownlist {
955
991
  font-size: 14px;
956
992
  margin: 10px;
957
993
  }
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
994
  .e-ddt.e-popup .e-filter-wrap {
962
- border: none;
963
995
  border-top-width: 0;
964
996
  display: block;
965
997
  padding: 5px 8px;
966
- }
967
- .e-ddt.e-popup .e-filter-wrap {
998
+ border: none;
968
999
  border-bottom: 1px solid #ccc;
969
1000
  }
1001
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1002
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1003
+ padding: 0 12px;
1004
+ }
970
1005
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
971
1006
  margin-bottom: 0;
972
1007
  }
@@ -981,8 +1016,8 @@ ejs-dropdownlist {
981
1016
  cursor: default;
982
1017
  font-family: inherit;
983
1018
  font-size: 14px;
984
- padding: 14px 16px;
985
1019
  text-align: center;
1020
+ padding: 14px 16px;
986
1021
  }
987
1022
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
988
1023
  display: none;
@@ -1036,16 +1071,16 @@ ejs-dropdownlist {
1036
1071
  padding: 6px 12px 0 12px;
1037
1072
  }
1038
1073
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1039
- margin-left: 32px;
1040
1074
  margin-right: 1px;
1075
+ margin-left: 32px;
1041
1076
  }
1042
1077
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1043
- margin-left: 32px;
1044
1078
  margin-right: 1px;
1079
+ margin-left: 32px;
1045
1080
  }
1046
1081
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1047
- margin-left: 64px;
1048
1082
  margin-right: 1px;
1083
+ margin-left: 64px;
1049
1084
  }
1050
1085
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1051
1086
  .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 +1153,18 @@ ejs-dropdownlist {
1118
1153
  }
1119
1154
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1120
1155
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1121
- margin-left: 38px;
1122
1156
  margin-right: 1px;
1157
+ margin-left: 38px;
1123
1158
  }
1124
1159
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1125
1160
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1126
- margin-left: 38px;
1127
1161
  margin-right: 1px;
1162
+ margin-left: 38px;
1128
1163
  }
1129
1164
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1130
1165
  .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;
1166
+ margin-right: 76px;
1167
+ margin-left: 1px;
1133
1168
  }
1134
1169
  .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
1170
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1147,12 +1182,6 @@ ejs-dropdownlist {
1147
1182
  .e-ddt .e-chips > .e-chipcontent {
1148
1183
  color: #333;
1149
1184
  }
1150
- .e-ddt .e-chips:hover {
1151
- background-color: #d4d4d4;
1152
- }
1153
- .e-ddt .e-chips:hover > .e-chipcontent {
1154
- color: #333;
1155
- }
1156
1185
  .e-ddt .e-overflow .e-remain {
1157
1186
  color: #888;
1158
1187
  }
@@ -1176,25 +1205,8 @@ ejs-dropdownlist {
1176
1205
  color: #333;
1177
1206
  }
1178
1207
 
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
- }
1208
+ /* stylelint-disable-line no-empty-source */
1209
+ /* stylelint-disable-line no-empty-source */
1198
1210
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1199
1211
  line-height: 30px;
1200
1212
  top: 0;
@@ -1251,13 +1263,15 @@ ejs-dropdownlist {
1251
1263
  }
1252
1264
 
1253
1265
  .e-multi-select-wrapper {
1254
- box-sizing: border-box;
1266
+ -webkit-box-sizing: border-box;
1267
+ box-sizing: border-box;
1255
1268
  cursor: text;
1256
1269
  line-height: normal;
1257
1270
  min-height: 32px;
1258
1271
  padding: 0 32px 0 2px;
1259
1272
  position: relative;
1260
1273
  -webkit-user-select: none;
1274
+ -moz-user-select: none;
1261
1275
  -ms-user-select: none;
1262
1276
  user-select: none;
1263
1277
  width: 100%;
@@ -1274,7 +1288,8 @@ ejs-dropdownlist {
1274
1288
  white-space: nowrap;
1275
1289
  }
1276
1290
  .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;
1291
+ -webkit-box-sizing: border-box;
1292
+ box-sizing: border-box;
1278
1293
  display: inline-block;
1279
1294
  overflow: hidden;
1280
1295
  text-overflow: ellipsis;
@@ -1305,6 +1320,7 @@ ejs-dropdownlist {
1305
1320
 
1306
1321
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1307
1322
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1323
+ display: -webkit-box;
1308
1324
  display: -ms-flexbox;
1309
1325
  display: flex;
1310
1326
  float: left;
@@ -1312,6 +1328,7 @@ ejs-dropdownlist {
1312
1328
  }
1313
1329
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1314
1330
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1331
+ display: -webkit-inline-box;
1315
1332
  display: -ms-inline-flexbox;
1316
1333
  display: inline-flex;
1317
1334
  float: none;
@@ -1334,8 +1351,9 @@ ejs-dropdownlist {
1334
1351
  }
1335
1352
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1336
1353
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1337
- -ms-flex-align: center;
1338
- align-items: center;
1354
+ -webkit-box-align: center;
1355
+ -ms-flex-align: center;
1356
+ align-items: center;
1339
1357
  display: inline;
1340
1358
  max-width: 100%;
1341
1359
  word-break: break-word;
@@ -1344,12 +1362,15 @@ ejs-dropdownlist {
1344
1362
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1345
1363
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1346
1364
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1347
- -ms-flex-align: center;
1348
- align-items: center;
1365
+ -webkit-box-align: center;
1366
+ -ms-flex-align: center;
1367
+ align-items: center;
1349
1368
  cursor: pointer;
1350
1369
  display: none;
1351
- -ms-flex-direction: row;
1352
- flex-direction: row;
1370
+ -webkit-box-orient: horizontal;
1371
+ -webkit-box-direction: normal;
1372
+ -ms-flex-direction: row;
1373
+ flex-direction: row;
1353
1374
  margin-top: -3.2em;
1354
1375
  outline: 0;
1355
1376
  padding: 0;
@@ -1361,6 +1382,7 @@ ejs-dropdownlist {
1361
1382
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1362
1383
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1363
1384
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1385
+ display: -webkit-box;
1364
1386
  display: -ms-flexbox;
1365
1387
  display: flex;
1366
1388
  }
@@ -1438,8 +1460,10 @@ ejs-dropdownlist {
1438
1460
  }
1439
1461
 
1440
1462
  .e-multi-select-wrapper .e-chips {
1441
- -ms-flex-align: center;
1442
- align-items: center;
1463
+ -webkit-box-align: center;
1464
+ -ms-flex-align: center;
1465
+ align-items: center;
1466
+ display: -webkit-inline-box;
1443
1467
  display: -ms-inline-flexbox;
1444
1468
  display: inline-flex;
1445
1469
  float: left;
@@ -1482,6 +1506,7 @@ ejs-dropdownlist {
1482
1506
  .e-multi-select-wrapper .e-chips-close {
1483
1507
  -ms-flex-item-align: center;
1484
1508
  align-self: center;
1509
+ display: -webkit-box;
1485
1510
  display: -ms-flexbox;
1486
1511
  display: flex;
1487
1512
  float: right;
@@ -1651,7 +1676,9 @@ ejs-dropdownlist {
1651
1676
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1652
1677
  -ms-flex-item-align: center;
1653
1678
  align-self: center;
1654
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1679
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1680
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1681
+ display: -webkit-inline-box;
1655
1682
  display: -ms-inline-flexbox;
1656
1683
  display: inline-flex;
1657
1684
  padding: 0 0 0 20px;
@@ -1994,8 +2021,9 @@ ejs-multiselect {
1994
2021
 
1995
2022
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1996
2023
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1997
- -ms-flex-align: normal;
1998
- align-items: normal;
2024
+ -webkit-box-align: normal;
2025
+ -ms-flex-align: normal;
2026
+ align-items: normal;
1999
2027
  }
2000
2028
 
2001
2029
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2058,7 +2086,10 @@ ejs-multiselect {
2058
2086
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2059
2087
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2060
2088
  .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 {
2089
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2090
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2091
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2092
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2062
2093
  height: 24px;
2063
2094
  }
2064
2095
 
@@ -2067,10 +2098,6 @@ ejs-multiselect {
2067
2098
  height: 32px;
2068
2099
  }
2069
2100
 
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
2101
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2075
2102
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2076
2103
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2126,11 +2153,6 @@ ejs-multiselect {
2126
2153
  margin: 4px 0 0 4px;
2127
2154
  }
2128
2155
 
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
2156
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2135
2157
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2136
2158
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2235,7 +2257,8 @@ ejs-multiselect {
2235
2257
  }
2236
2258
 
2237
2259
  .e-multiselect {
2238
- box-sizing: border-box;
2260
+ -webkit-box-sizing: border-box;
2261
+ box-sizing: border-box;
2239
2262
  }
2240
2263
 
2241
2264
  /* stylelint-disable property-no-vendor-prefix */
@@ -2292,8 +2315,10 @@ ejs-multiselect {
2292
2315
  }
2293
2316
 
2294
2317
  .e-popup.e-multi-select-list-wrapper {
2295
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2296
- box-sizing: content-box;
2318
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2319
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2320
+ -webkit-box-sizing: content-box;
2321
+ box-sizing: content-box;
2297
2322
  overflow: initial;
2298
2323
  }
2299
2324
 
@@ -2347,14 +2372,16 @@ ejs-multiselect {
2347
2372
 
2348
2373
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2349
2374
  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);
2375
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2376
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2351
2377
  color: #fff;
2352
2378
  border: 1px solid #66afe9;
2353
2379
  }
2354
2380
 
2355
2381
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2356
2382
  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);
2383
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2384
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2358
2385
  color: #fff;
2359
2386
  border: 1px solid #66afe9;
2360
2387
  }
@@ -2466,11 +2493,13 @@ ejs-multiselect {
2466
2493
  .e-listbox-container,
2467
2494
  .e-listboxtool-wrapper {
2468
2495
  -webkit-overflow-scrolling: touch;
2469
- box-sizing: border-box;
2496
+ -webkit-box-sizing: border-box;
2497
+ box-sizing: border-box;
2470
2498
  cursor: pointer;
2471
2499
  display: block;
2472
2500
  position: relative;
2473
2501
  -webkit-user-select: none;
2502
+ -moz-user-select: none;
2474
2503
  -ms-user-select: none;
2475
2504
  user-select: none;
2476
2505
  width: 100%;
@@ -2478,7 +2507,8 @@ ejs-multiselect {
2478
2507
  .e-listbox-wrapper *,
2479
2508
  .e-listbox-container *,
2480
2509
  .e-listboxtool-wrapper * {
2481
- box-sizing: border-box;
2510
+ -webkit-box-sizing: border-box;
2511
+ box-sizing: border-box;
2482
2512
  }
2483
2513
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2484
2514
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2543,9 +2573,11 @@ ejs-multiselect {
2543
2573
  margin: 0;
2544
2574
  padding: 0;
2545
2575
  }
2546
- .e-listbox-wrapper .e-list-header .e-text.header,
2576
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2547
2577
  .e-listbox-container .e-list-header .e-text.header,
2548
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2578
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2579
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2580
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2549
2581
  display: none;
2550
2582
  }
2551
2583
  .e-listbox-wrapper .e-icon-back,
@@ -2553,17 +2585,14 @@ ejs-multiselect {
2553
2585
  .e-listboxtool-wrapper .e-icon-back {
2554
2586
  margin-top: -2px;
2555
2587
  }
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
2588
  .e-listbox-wrapper .e-list-header,
2562
2589
  .e-listbox-container .e-list-header,
2563
2590
  .e-listboxtool-wrapper .e-list-header {
2564
- -ms-flex-align: center;
2565
- align-items: center;
2591
+ -webkit-box-align: center;
2592
+ -ms-flex-align: center;
2593
+ align-items: center;
2566
2594
  border-bottom: 1px solid;
2595
+ display: -webkit-box;
2567
2596
  display: -ms-flexbox;
2568
2597
  display: flex;
2569
2598
  font-weight: bold;
@@ -2605,7 +2634,8 @@ ejs-multiselect {
2605
2634
  position: absolute;
2606
2635
  right: 0%;
2607
2636
  top: 50%;
2608
- transform: translateY(-50%);
2637
+ -webkit-transform: translateY(-50%);
2638
+ transform: translateY(-50%);
2609
2639
  }
2610
2640
  .e-listbox-wrapper .e-text-content,
2611
2641
  .e-listbox-container .e-text-content,
@@ -2661,18 +2691,12 @@ ejs-multiselect {
2661
2691
  white-space: nowrap;
2662
2692
  width: 100%;
2663
2693
  }
2664
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2694
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2665
2695
  .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
2696
  .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
2697
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2698
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2699
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2676
2700
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2677
2701
  width: calc(100% - 60px);
2678
2702
  }
@@ -2718,7 +2742,8 @@ ejs-multiselect {
2718
2742
  left: 0%;
2719
2743
  right: initial;
2720
2744
  top: 50%;
2721
- transform: translateY(-50%) rotate(180deg);
2745
+ -webkit-transform: translateY(-50%) rotate(180deg);
2746
+ transform: translateY(-50%) rotate(180deg);
2722
2747
  }
2723
2748
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2724
2749
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2728,7 +2753,8 @@ ejs-multiselect {
2728
2753
  .e-listbox-wrapper.e-rtl .e-but-back,
2729
2754
  .e-listbox-container.e-rtl .e-but-back,
2730
2755
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2731
- transform: rotate(180deg);
2756
+ -webkit-transform: rotate(180deg);
2757
+ transform: rotate(180deg);
2732
2758
  }
2733
2759
  .e-listbox-wrapper.e-rtl .e-icon-back,
2734
2760
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2736,8 +2762,11 @@ ejs-multiselect {
2736
2762
  margin-top: -1px;
2737
2763
  }
2738
2764
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2765
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2739
2766
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2740
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2767
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2768
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2769
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2741
2770
  margin: -4px 0 0 10px;
2742
2771
  }
2743
2772
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2745,11 +2774,6 @@ ejs-multiselect {
2745
2774
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2746
2775
  margin: -4px 10px 0 0;
2747
2776
  }
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
2777
  .e-listbox-wrapper .e-checkbox-wrapper,
2754
2778
  .e-listbox-container .e-checkbox-wrapper,
2755
2779
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2794,10 +2818,7 @@ ejs-listbox {
2794
2818
  display: block;
2795
2819
  }
2796
2820
 
2797
- .e-listbox-wrapper:not(.e-listbox-container) {
2798
- overflow: auto;
2799
- }
2800
-
2821
+ .e-listbox-wrapper:not(.e-listbox-container),
2801
2822
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2802
2823
  overflow: auto;
2803
2824
  }
@@ -2812,6 +2833,7 @@ ejs-listbox {
2812
2833
  .e-listbox-container.e-sortableclone .e-list-item,
2813
2834
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2814
2835
  list-style-type: none;
2836
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2815
2837
  }
2816
2838
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2817
2839
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2826,18 +2848,21 @@ ejs-listbox {
2826
2848
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2827
2849
  .e-listbox-container.e-sortableclone .e-list-badge,
2828
2850
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2829
- -ms-flex-align: center;
2830
- align-items: center;
2851
+ -webkit-box-align: center;
2852
+ -ms-flex-align: center;
2853
+ align-items: center;
2831
2854
  background-color: #317ab9;
2832
2855
  border: 1px solid #fff;
2833
2856
  border-radius: 50%;
2834
2857
  color: #fff;
2858
+ display: -webkit-box;
2835
2859
  display: -ms-flexbox;
2836
2860
  display: flex;
2837
2861
  font-size: 12px;
2838
2862
  height: 22px;
2839
- -ms-flex-pack: center;
2840
- justify-content: center;
2863
+ -webkit-box-pack: center;
2864
+ -ms-flex-pack: center;
2865
+ justify-content: center;
2841
2866
  position: absolute;
2842
2867
  right: -10px;
2843
2868
  top: -10px;
@@ -2851,12 +2876,14 @@ ejs-listbox {
2851
2876
  .e-listboxtool-wrapper,
2852
2877
  .e-listboxtool-container {
2853
2878
  cursor: pointer;
2879
+ display: -webkit-box;
2854
2880
  display: -ms-flexbox;
2855
2881
  display: flex;
2856
2882
  }
2857
2883
  .e-listboxtool-wrapper *,
2858
2884
  .e-listboxtool-container * {
2859
- box-sizing: border-box;
2885
+ -webkit-box-sizing: border-box;
2886
+ box-sizing: border-box;
2860
2887
  }
2861
2888
  .e-listboxtool-wrapper.e-disabled,
2862
2889
  .e-listboxtool-container.e-disabled {
@@ -2864,9 +2891,12 @@ ejs-listbox {
2864
2891
  pointer-events: none;
2865
2892
  }
2866
2893
  .e-listboxtool-wrapper .e-listbox-wrapper,
2867
- .e-listboxtool-container .e-listbox-wrapper {
2868
- -ms-flex: 1;
2869
- flex: 1;
2894
+ .e-listboxtool-wrapper .e-list-wrap,
2895
+ .e-listboxtool-container .e-listbox-wrapper,
2896
+ .e-listboxtool-container .e-list-wrap {
2897
+ -webkit-box-flex: 1;
2898
+ -ms-flex: 1;
2899
+ flex: 1;
2870
2900
  }
2871
2901
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2872
2902
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2972,22 +3002,22 @@ ejs-listbox {
2972
3002
  .e-listbox-wrapper.e-bigger .e-list-header,
2973
3003
  .e-bigger .e-listbox-container .e-list-header,
2974
3004
  .e-listbox-container.e-bigger .e-list-header {
2975
- -ms-flex-align: center;
2976
- align-items: center;
3005
+ -webkit-box-align: center;
3006
+ -ms-flex-align: center;
3007
+ align-items: center;
3008
+ display: -webkit-box;
2977
3009
  display: -ms-flexbox;
2978
3010
  display: flex;
2979
3011
  font-weight: bold;
2980
3012
  height: 48px;
2981
3013
  }
2982
3014
  .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
3015
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3016
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2989
3017
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3018
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2990
3019
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3020
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2991
3021
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2992
3022
  display: none;
2993
3023
  }
@@ -3010,15 +3040,15 @@ ejs-listbox {
3010
3040
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3011
3041
  }
3012
3042
 
3013
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3043
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3044
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3045
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3046
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3014
3047
  height: 100%;
3015
3048
  }
3016
3049
 
3017
3050
  .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
-
3051
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3022
3052
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3023
3053
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3024
3054
  }
@@ -3027,23 +3057,11 @@ ejs-listbox {
3027
3057
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3028
3058
  }
3029
3059
 
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
3060
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3039
3061
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3040
3062
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3041
3063
  }
3042
3064
 
3043
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3044
- height: 100%;
3045
- }
3046
-
3047
3065
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3048
3066
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3049
3067
  height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3057,10 +3075,6 @@ ejs-listbox {
3057
3075
  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3058
3076
  }
3059
3077
 
3060
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3061
- height: 100%;
3062
- }
3063
-
3064
3078
  .e-listbox-wrapper,
3065
3079
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3066
3080
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3100,12 +3114,6 @@ ejs-listbox {
3100
3114
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3101
3115
  }
3102
3116
 
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
3117
  .e-listbox-wrapper .e-list-item,
3110
3118
  .e-listbox-container .e-list-item,
3111
3119
  .e-listboxtool-wrapper .e-list-item {
@@ -3127,13 +3135,6 @@ ejs-listbox {
3127
3135
  color: rgba(51, 51, 51, 0.87);
3128
3136
  }
3129
3137
 
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
3138
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3138
3139
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3139
3140
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3141,11 +3142,13 @@ ejs-listbox {
3141
3142
  color: #333333;
3142
3143
  }
3143
3144
 
3144
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3145
+ .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
3146
  .e-listbox-container .e-list-item.e-focused,
3146
3147
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3148
+ .e-listbox-container .e-list-item.e-selected,
3147
3149
  .e-listboxtool-wrapper .e-list-item.e-focused,
3148
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3150
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3151
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3149
3152
  background-color: #e6e6e6;
3150
3153
  color: rgba(51, 51, 51, 0.87);
3151
3154
  }
@@ -3235,8 +3238,8 @@ ejs-listbox {
3235
3238
  height: 2.8571em;
3236
3239
  left: 1.0667em;
3237
3240
  position: absolute;
3238
- top: 0.7142em;
3239
3241
  width: 2.8571em;
3242
+ left: 1.0667em;
3240
3243
  }
3241
3244
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3242
3245
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3254,18 +3257,15 @@ ejs-listbox {
3254
3257
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3255
3258
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3256
3259
  height: 2.8571em;
3260
+ left: 1.0667em;
3257
3261
  position: absolute;
3258
- right: 1.0667em;
3259
- top: 0.7142em;
3260
3262
  width: 2.8571em;
3263
+ right: 1.0667em;
3261
3264
  }
3262
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3265
+ .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
3266
  .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
3267
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3268
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3269
3269
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3270
3270
  top: 0.7142em;
3271
3271
  }
@@ -3279,7 +3279,8 @@ ejs-listbox {
3279
3279
  position: absolute;
3280
3280
  right: 1em;
3281
3281
  top: 50%;
3282
- transform: translateY(-50%);
3282
+ -webkit-transform: translateY(-50%);
3283
+ transform: translateY(-50%);
3283
3284
  width: 2em;
3284
3285
  }
3285
3286
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3304,23 +3305,17 @@ ejs-listbox {
3304
3305
  text-overflow: ellipsis;
3305
3306
  white-space: nowrap;
3306
3307
  }
3307
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3308
+ .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
3309
  .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
3310
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3311
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3314
3312
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3315
3313
  color: rgba(51, 51, 51, 0.87);
3316
3314
  }
3317
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3315
+ .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
3316
  .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
3317
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3318
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3324
3319
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3325
3320
  color: rgba(51, 51, 51, 0.87);
3326
3321
  }
@@ -3367,15 +3362,7 @@ ejs-listbox {
3367
3362
  padding-right: 1.0714em;
3368
3363
  }
3369
3364
 
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 {
3365
+ .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
3366
  height: 100%;
3380
3367
  }
3381
3368
 
@@ -3389,22 +3376,4 @@ ejs-listbox {
3389
3376
 
3390
3377
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3391
3378
  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
3379
  }