@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
@@ -97,7 +97,8 @@
97
97
  .e-mention.e-popup {
98
98
  background: #fff;
99
99
  border: 0;
100
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
100
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
101
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
101
102
  margin-top: 2px;
102
103
  position: absolute;
103
104
  }
@@ -383,25 +384,50 @@
383
384
 
384
385
  /* stylelint-disable property-no-vendor-prefix */
385
386
  /* stylelint-disable property-no-vendor-prefix */
387
+ @-webkit-keyframes material-spinner-rotate {
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
+ }
386
397
  @keyframes material-spinner-rotate {
387
398
  0% {
399
+ -webkit-transform: rotate(0);
400
+ transform: rotate(0);
401
+ }
402
+ 100% {
403
+ -webkit-transform: rotate(360deg);
404
+ transform: rotate(360deg);
405
+ }
406
+ }
407
+ @-webkit-keyframes fabric-spinner-rotate {
408
+ 0% {
409
+ -webkit-transform: rotate(0);
388
410
  transform: rotate(0);
389
411
  }
390
412
  100% {
413
+ -webkit-transform: rotate(360deg);
391
414
  transform: rotate(360deg);
392
415
  }
393
416
  }
394
417
  @keyframes fabric-spinner-rotate {
395
418
  0% {
419
+ -webkit-transform: rotate(0);
396
420
  transform: rotate(0);
397
421
  }
398
422
  100% {
423
+ -webkit-transform: rotate(360deg);
399
424
  transform: rotate(360deg);
400
425
  }
401
426
  }
402
427
  .e-popup.e-ddl {
403
428
  border-radius: 4px;
404
- box-shadow: none;
429
+ -webkit-box-shadow: none;
430
+ box-shadow: none;
405
431
  margin-top: 3px;
406
432
  }
407
433
  .e-popup.e-ddl .e-input-group {
@@ -416,6 +442,7 @@
416
442
  }
417
443
 
418
444
  .e-popup.e-ddl .e-filter-parent .e-input-group {
445
+ display: -webkit-box;
419
446
  display: -ms-flexbox;
420
447
  display: flex;
421
448
  width: auto;
@@ -492,11 +519,13 @@
492
519
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
493
520
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
494
521
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
495
- box-shadow: none;
522
+ -webkit-box-shadow: none;
523
+ box-shadow: none;
496
524
  }
497
525
 
498
526
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
499
527
  background: transparent;
528
+ display: -webkit-box;
500
529
  display: -ms-flexbox;
501
530
  display: flex;
502
531
  position: relative;
@@ -621,7 +650,8 @@
621
650
  .e-filter-parent {
622
651
  border: rgba(0, 0, 0, 0.12);
623
652
  border-top-width: 0;
624
- box-shadow: none;
653
+ -webkit-box-shadow: none;
654
+ box-shadow: none;
625
655
  display: block;
626
656
  padding: 6px;
627
657
  }
@@ -692,6 +722,7 @@
692
722
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
693
723
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
694
724
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
725
+ display: -webkit-box;
695
726
  display: -ms-flexbox;
696
727
  display: flex;
697
728
  }
@@ -713,6 +744,7 @@
713
744
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
714
745
  .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 {
715
746
  cursor: pointer;
747
+ display: -webkit-box;
716
748
  display: -ms-flexbox;
717
749
  display: flex;
718
750
  }
@@ -732,6 +764,11 @@
732
764
  pointer-events: none;
733
765
  }
734
766
 
767
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
768
+ opacity: 0.7;
769
+ pointer-events: none;
770
+ }
771
+
735
772
  ejs-autocomplete,
736
773
  ejs-combobox,
737
774
  ejs-dropdownlist {
@@ -800,24 +837,6 @@ ejs-dropdownlist {
800
837
  color: #fff;
801
838
  }
802
839
 
803
- /* stylelint-disable property-no-vendor-prefix */
804
- /* stylelint-disable property-no-vendor-prefix */
805
- @keyframes material-spinner-rotate {
806
- 0% {
807
- transform: rotate(0);
808
- }
809
- 100% {
810
- transform: rotate(360deg);
811
- }
812
- }
813
- @keyframes fabric-spinner-rotate {
814
- 0% {
815
- transform: rotate(0);
816
- }
817
- 100% {
818
- transform: rotate(360deg);
819
- }
820
- }
821
840
  /* stylelint-disable */
822
841
  /* stylelint-disable */
823
842
  .e-ddt .e-ddt-icon::before {
@@ -832,12 +851,20 @@ ejs-dropdownlist {
832
851
  outline: none;
833
852
  }
834
853
  .e-ddt .e-ddt-icon::before {
835
- transform: rotate(0deg);
854
+ -webkit-transform: rotate(0deg);
855
+ transform: rotate(0deg);
856
+ -webkit-transition: -webkit-transform 300ms ease;
857
+ transition: -webkit-transform 300ms ease;
836
858
  transition: transform 300ms ease;
859
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
837
860
  }
838
861
  .e-ddt.e-icon-anim .e-ddt-icon::before {
839
- transform: rotate(180deg);
862
+ -webkit-transform: rotate(180deg);
863
+ transform: rotate(180deg);
864
+ -webkit-transition: -webkit-transform 300ms ease;
865
+ transition: -webkit-transform 300ms ease;
840
866
  transition: transform 300ms ease;
867
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
841
868
  }
842
869
  .e-ddt .e-ddt-hidden {
843
870
  border: 0;
@@ -846,7 +873,8 @@ ejs-dropdownlist {
846
873
  width: 0;
847
874
  }
848
875
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
849
- box-sizing: content-box;
876
+ -webkit-box-sizing: content-box;
877
+ box-sizing: content-box;
850
878
  min-height: 29px;
851
879
  }
852
880
  .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 {
@@ -878,6 +906,7 @@ ejs-dropdownlist {
878
906
  padding-right: 0;
879
907
  }
880
908
  .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 {
909
+ display: -webkit-box;
881
910
  display: -ms-flexbox;
882
911
  display: flex;
883
912
  }
@@ -885,20 +914,25 @@ ejs-dropdownlist {
885
914
  width: 100%;
886
915
  }
887
916
  .e-ddt.e-show-chip .e-chips-close {
888
- line-height: 24px;
889
917
  min-height: 24px;
890
918
  min-width: 24px;
919
+ line-height: 24px;
891
920
  text-align: center;
892
921
  }
893
922
  .e-ddt.e-show-chip .e-chips-close::before {
894
923
  font-size: 8px;
924
+ }
925
+ .e-ddt.e-show-chip .e-chips-close::before {
895
926
  vertical-align: middle;
896
927
  }
897
928
  .e-ddt.e-show-chip .e-chips {
898
- -ms-flex-align: center;
899
- align-items: center;
929
+ -webkit-box-align: center;
930
+ -ms-flex-align: center;
931
+ align-items: center;
900
932
  border-radius: 4px;
901
- box-sizing: border-box;
933
+ -webkit-box-sizing: border-box;
934
+ box-sizing: border-box;
935
+ display: -webkit-inline-box;
902
936
  display: -ms-inline-flexbox;
903
937
  display: inline-flex;
904
938
  float: left;
@@ -925,7 +959,8 @@ ejs-dropdownlist {
925
959
  padding: 4px 8px 0 8px;
926
960
  }
927
961
  .e-ddt .e-overflow.e-total-count {
928
- box-sizing: border-box;
962
+ -webkit-box-sizing: border-box;
963
+ box-sizing: border-box;
929
964
  display: inline-block;
930
965
  overflow: hidden;
931
966
  text-overflow: ellipsis;
@@ -969,11 +1004,13 @@ ejs-dropdownlist {
969
1004
  .e-ddt .e-dropdowntree.e-chip-input,
970
1005
  .e-ddt input[readonly].e-input.e-chip-input {
971
1006
  width: 0;
1007
+ display: none;
972
1008
  }
973
1009
  .e-ddt.e-popup {
974
1010
  border: 1px solid rgba(0, 0, 0, 0.15);
975
1011
  border-radius: 4px;
976
- 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);
1012
+ -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);
1013
+ 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);
977
1014
  position: absolute;
978
1015
  }
979
1016
  .e-ddt.e-popup .e-selectall-parent {
@@ -999,18 +1036,17 @@ ejs-dropdownlist {
999
1036
  font-size: 14px;
1000
1037
  margin: 10px;
1001
1038
  }
1002
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1003
- padding: 0 20px;
1004
- }
1005
1039
  .e-ddt.e-popup .e-filter-wrap {
1006
- border: rgba(0, 0, 0, 0.12);
1007
1040
  border-top-width: 0;
1008
1041
  display: block;
1009
1042
  padding: 0;
1010
- }
1011
- .e-ddt.e-popup .e-filter-wrap {
1043
+ border: rgba(0, 0, 0, 0.12);
1012
1044
  background: rgba(0, 0, 0, 0.03);
1013
1045
  }
1046
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1047
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1048
+ padding: 0 20px;
1049
+ }
1014
1050
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1015
1051
  margin-bottom: 0;
1016
1052
  background: rgba(0, 0, 0, 0.03);
@@ -1026,8 +1062,8 @@ ejs-dropdownlist {
1026
1062
  cursor: default;
1027
1063
  font-family: inherit;
1028
1064
  font-size: 14px;
1029
- padding: 14px 16px;
1030
1065
  text-align: center;
1066
+ padding: 14px 16px;
1031
1067
  }
1032
1068
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1033
1069
  display: none;
@@ -1081,16 +1117,16 @@ ejs-dropdownlist {
1081
1117
  padding: 4px 8px 0 8px;
1082
1118
  }
1083
1119
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1084
- margin-left: 23px;
1085
1120
  margin-right: 1px;
1121
+ margin-left: 23px;
1086
1122
  }
1087
1123
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1088
- margin-left: 24px;
1089
1124
  margin-right: 1px;
1125
+ margin-left: 24px;
1090
1126
  }
1091
1127
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1092
- margin-left: 48px;
1093
1128
  margin-right: 1px;
1129
+ margin-left: 48px;
1094
1130
  }
1095
1131
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1096
1132
  .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,
@@ -1141,9 +1177,9 @@ ejs-dropdownlist {
1141
1177
  }
1142
1178
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
1143
1179
  .e-ddt.e-bigger.e-show-chip .e-chips-close {
1144
- line-height: 27px;
1145
1180
  min-height: 30px;
1146
1181
  min-width: 30px;
1182
+ line-height: 27px;
1147
1183
  }
1148
1184
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1149
1185
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
@@ -1178,18 +1214,18 @@ ejs-dropdownlist {
1178
1214
  }
1179
1215
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1180
1216
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1181
- margin-left: 32px;
1182
1217
  margin-right: 1px;
1218
+ margin-left: 32px;
1183
1219
  }
1184
1220
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1185
1221
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1186
- margin-left: 35px;
1187
1222
  margin-right: 1px;
1223
+ margin-left: 35px;
1188
1224
  }
1189
1225
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1190
1226
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1191
- margin-left: 68px;
1192
- margin-right: 1px;
1227
+ margin-right: 68px;
1228
+ margin-left: 1px;
1193
1229
  }
1194
1230
  .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,
1195
1231
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1207,12 +1243,6 @@ ejs-dropdownlist {
1207
1243
  .e-ddt .e-chips > .e-chipcontent {
1208
1244
  color: #fff;
1209
1245
  }
1210
- .e-ddt .e-chips:hover {
1211
- background-color: #5a6268;
1212
- }
1213
- .e-ddt .e-chips:hover > .e-chipcontent {
1214
- color: #fff;
1215
- }
1216
1246
  .e-ddt .e-overflow {
1217
1247
  color: #6c757d;
1218
1248
  }
@@ -1260,24 +1290,6 @@ ejs-dropdownlist {
1260
1290
  }
1261
1291
 
1262
1292
  /* stylelint-disable-line no-empty-source */
1263
- /* stylelint-disable property-no-vendor-prefix */
1264
- /* stylelint-disable property-no-vendor-prefix */
1265
- @keyframes material-spinner-rotate {
1266
- 0% {
1267
- transform: rotate(0);
1268
- }
1269
- 100% {
1270
- transform: rotate(360deg);
1271
- }
1272
- }
1273
- @keyframes fabric-spinner-rotate {
1274
- 0% {
1275
- transform: rotate(0);
1276
- }
1277
- 100% {
1278
- transform: rotate(360deg);
1279
- }
1280
- }
1281
1293
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1282
1294
  line-height: 30px;
1283
1295
  top: 0;
@@ -1323,10 +1335,12 @@ ejs-dropdownlist {
1323
1335
  }
1324
1336
 
1325
1337
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
1326
- box-shadow: none;
1338
+ -webkit-box-shadow: none;
1339
+ box-shadow: none;
1327
1340
  }
1328
1341
 
1329
1342
  .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
1343
+ display: -webkit-box;
1330
1344
  display: -ms-flexbox;
1331
1345
  display: flex;
1332
1346
  }
@@ -1406,13 +1420,15 @@ ejs-dropdownlist {
1406
1420
  }
1407
1421
 
1408
1422
  .e-multi-select-wrapper {
1409
- box-sizing: border-box;
1423
+ -webkit-box-sizing: border-box;
1424
+ box-sizing: border-box;
1410
1425
  cursor: text;
1411
1426
  line-height: normal;
1412
1427
  min-height: 29px;
1413
1428
  padding: 0 32px 0 2px;
1414
1429
  position: relative;
1415
1430
  -webkit-user-select: none;
1431
+ -moz-user-select: none;
1416
1432
  -ms-user-select: none;
1417
1433
  user-select: none;
1418
1434
  width: 100%;
@@ -1429,7 +1445,8 @@ ejs-dropdownlist {
1429
1445
  white-space: nowrap;
1430
1446
  }
1431
1447
  .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 {
1432
- box-sizing: border-box;
1448
+ -webkit-box-sizing: border-box;
1449
+ box-sizing: border-box;
1433
1450
  display: inline-block;
1434
1451
  overflow: hidden;
1435
1452
  text-overflow: ellipsis;
@@ -1460,6 +1477,7 @@ ejs-dropdownlist {
1460
1477
 
1461
1478
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1462
1479
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1480
+ display: -webkit-box;
1463
1481
  display: -ms-flexbox;
1464
1482
  display: flex;
1465
1483
  float: left;
@@ -1467,6 +1485,7 @@ ejs-dropdownlist {
1467
1485
  }
1468
1486
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1469
1487
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1488
+ display: -webkit-inline-box;
1470
1489
  display: -ms-inline-flexbox;
1471
1490
  display: inline-flex;
1472
1491
  float: none;
@@ -1489,8 +1508,9 @@ ejs-dropdownlist {
1489
1508
  }
1490
1509
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1491
1510
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1492
- -ms-flex-align: center;
1493
- align-items: center;
1511
+ -webkit-box-align: center;
1512
+ -ms-flex-align: center;
1513
+ align-items: center;
1494
1514
  display: inline;
1495
1515
  max-width: 100%;
1496
1516
  word-break: break-word;
@@ -1499,12 +1519,15 @@ ejs-dropdownlist {
1499
1519
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1500
1520
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1501
1521
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1502
- -ms-flex-align: center;
1503
- align-items: center;
1522
+ -webkit-box-align: center;
1523
+ -ms-flex-align: center;
1524
+ align-items: center;
1504
1525
  cursor: pointer;
1505
1526
  display: none;
1506
- -ms-flex-direction: row;
1507
- flex-direction: row;
1527
+ -webkit-box-orient: horizontal;
1528
+ -webkit-box-direction: normal;
1529
+ -ms-flex-direction: row;
1530
+ flex-direction: row;
1508
1531
  margin-top: -2.9em;
1509
1532
  outline: 0;
1510
1533
  padding: 0;
@@ -1516,6 +1539,7 @@ ejs-dropdownlist {
1516
1539
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1517
1540
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1518
1541
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1542
+ display: -webkit-box;
1519
1543
  display: -ms-flexbox;
1520
1544
  display: flex;
1521
1545
  }
@@ -1595,8 +1619,10 @@ ejs-dropdownlist {
1595
1619
  }
1596
1620
 
1597
1621
  .e-multi-select-wrapper .e-chips {
1598
- -ms-flex-align: center;
1599
- align-items: center;
1622
+ -webkit-box-align: center;
1623
+ -ms-flex-align: center;
1624
+ align-items: center;
1625
+ display: -webkit-inline-box;
1600
1626
  display: -ms-inline-flexbox;
1601
1627
  display: inline-flex;
1602
1628
  float: left;
@@ -1643,6 +1669,7 @@ ejs-dropdownlist {
1643
1669
  .e-multi-select-wrapper .e-chips-close {
1644
1670
  -ms-flex-item-align: center;
1645
1671
  align-self: center;
1672
+ display: -webkit-box;
1646
1673
  display: -ms-flexbox;
1647
1674
  display: flex;
1648
1675
  float: right;
@@ -1822,7 +1849,9 @@ ejs-dropdownlist {
1822
1849
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1823
1850
  -ms-flex-item-align: center;
1824
1851
  align-self: center;
1825
- box-shadow: none;
1852
+ -webkit-box-shadow: none;
1853
+ box-shadow: none;
1854
+ display: -webkit-inline-box;
1826
1855
  display: -ms-inline-flexbox;
1827
1856
  display: inline-flex;
1828
1857
  padding: 0 0 0 20px;
@@ -2174,8 +2203,9 @@ ejs-multiselect {
2174
2203
 
2175
2204
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2176
2205
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2177
- -ms-flex-align: normal;
2178
- align-items: normal;
2206
+ -webkit-box-align: normal;
2207
+ -ms-flex-align: normal;
2208
+ align-items: normal;
2179
2209
  }
2180
2210
 
2181
2211
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2238,7 +2268,10 @@ ejs-multiselect {
2238
2268
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2239
2269
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2240
2270
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2241
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2271
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2272
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2273
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2274
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2242
2275
  height: 24px;
2243
2276
  }
2244
2277
 
@@ -2247,10 +2280,6 @@ ejs-multiselect {
2247
2280
  height: 32px;
2248
2281
  }
2249
2282
 
2250
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2251
- height: 24px;
2252
- }
2253
-
2254
2283
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2255
2284
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2256
2285
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2306,11 +2335,6 @@ ejs-multiselect {
2306
2335
  margin: 4px 0 0 4px;
2307
2336
  }
2308
2337
 
2309
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2310
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2311
- height: 24px;
2312
- }
2313
-
2314
2338
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2315
2339
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2316
2340
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2415,7 +2439,8 @@ ejs-multiselect {
2415
2439
  }
2416
2440
 
2417
2441
  .e-multiselect {
2418
- box-sizing: border-box;
2442
+ -webkit-box-sizing: border-box;
2443
+ box-sizing: border-box;
2419
2444
  }
2420
2445
 
2421
2446
  /* stylelint-disable property-no-vendor-prefix */
@@ -2476,8 +2501,10 @@ ejs-multiselect {
2476
2501
  }
2477
2502
 
2478
2503
  .e-popup.e-multi-select-list-wrapper {
2479
- box-shadow: none;
2480
- box-sizing: content-box;
2504
+ -webkit-box-shadow: none;
2505
+ box-shadow: none;
2506
+ -webkit-box-sizing: content-box;
2507
+ box-sizing: content-box;
2481
2508
  overflow: initial;
2482
2509
  }
2483
2510
 
@@ -2531,14 +2558,16 @@ ejs-multiselect {
2531
2558
 
2532
2559
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2533
2560
  background-color: #007bff;
2534
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2561
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2562
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2535
2563
  color: #fff;
2536
2564
  border: 1px solid #6c757d;
2537
2565
  }
2538
2566
 
2539
2567
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2540
2568
  background-color: #007bff;
2541
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2569
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2570
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2542
2571
  color: #fff;
2543
2572
  border: 1px solid #6c757d;
2544
2573
  }
@@ -2668,11 +2697,13 @@ ejs-multiselect {
2668
2697
  .e-listbox-container,
2669
2698
  .e-listboxtool-wrapper {
2670
2699
  -webkit-overflow-scrolling: touch;
2671
- box-sizing: border-box;
2700
+ -webkit-box-sizing: border-box;
2701
+ box-sizing: border-box;
2672
2702
  cursor: pointer;
2673
2703
  display: block;
2674
2704
  position: relative;
2675
2705
  -webkit-user-select: none;
2706
+ -moz-user-select: none;
2676
2707
  -ms-user-select: none;
2677
2708
  user-select: none;
2678
2709
  width: 100%;
@@ -2680,7 +2711,8 @@ ejs-multiselect {
2680
2711
  .e-listbox-wrapper *,
2681
2712
  .e-listbox-container *,
2682
2713
  .e-listboxtool-wrapper * {
2683
- box-sizing: border-box;
2714
+ -webkit-box-sizing: border-box;
2715
+ box-sizing: border-box;
2684
2716
  }
2685
2717
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2686
2718
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2745,9 +2777,11 @@ ejs-multiselect {
2745
2777
  margin: 0;
2746
2778
  padding: 0;
2747
2779
  }
2748
- .e-listbox-wrapper .e-list-header .e-text.header,
2780
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2749
2781
  .e-listbox-container .e-list-header .e-text.header,
2750
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2782
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2783
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2784
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2751
2785
  display: none;
2752
2786
  }
2753
2787
  .e-listbox-wrapper .e-icon-back,
@@ -2755,17 +2789,14 @@ ejs-multiselect {
2755
2789
  .e-listboxtool-wrapper .e-icon-back {
2756
2790
  margin-top: 0;
2757
2791
  }
2758
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2759
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2760
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2761
- display: none;
2762
- }
2763
2792
  .e-listbox-wrapper .e-list-header,
2764
2793
  .e-listbox-container .e-list-header,
2765
2794
  .e-listboxtool-wrapper .e-list-header {
2766
- -ms-flex-align: center;
2767
- align-items: center;
2795
+ -webkit-box-align: center;
2796
+ -ms-flex-align: center;
2797
+ align-items: center;
2768
2798
  border-bottom: 1px solid;
2799
+ display: -webkit-box;
2769
2800
  display: -ms-flexbox;
2770
2801
  display: flex;
2771
2802
  font-weight: bold;
@@ -2807,7 +2838,8 @@ ejs-multiselect {
2807
2838
  position: absolute;
2808
2839
  right: 0%;
2809
2840
  top: 50%;
2810
- transform: translateY(-50%);
2841
+ -webkit-transform: translateY(-50%);
2842
+ transform: translateY(-50%);
2811
2843
  }
2812
2844
  .e-listbox-wrapper .e-text-content,
2813
2845
  .e-listbox-container .e-text-content,
@@ -2863,18 +2895,12 @@ ejs-multiselect {
2863
2895
  white-space: nowrap;
2864
2896
  width: 100%;
2865
2897
  }
2866
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2898
+ .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,
2867
2899
  .e-listbox-container .e-list-icon + .e-list-text,
2868
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2869
- width: calc(100% - 60px);
2870
- }
2871
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2872
2900
  .e-listbox-container .e-icon-wrapper .e-list-text,
2873
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2874
- width: calc(100% - 60px);
2875
- }
2876
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2877
2901
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2902
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2903
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2878
2904
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2879
2905
  width: calc(100% - 60px);
2880
2906
  }
@@ -2920,7 +2946,8 @@ ejs-multiselect {
2920
2946
  left: 0%;
2921
2947
  right: initial;
2922
2948
  top: 50%;
2923
- transform: translateY(-50%) rotate(180deg);
2949
+ -webkit-transform: translateY(-50%) rotate(180deg);
2950
+ transform: translateY(-50%) rotate(180deg);
2924
2951
  }
2925
2952
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2926
2953
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2930,7 +2957,8 @@ ejs-multiselect {
2930
2957
  .e-listbox-wrapper.e-rtl .e-but-back,
2931
2958
  .e-listbox-container.e-rtl .e-but-back,
2932
2959
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2933
- transform: rotate(180deg);
2960
+ -webkit-transform: rotate(180deg);
2961
+ transform: rotate(180deg);
2934
2962
  }
2935
2963
  .e-listbox-wrapper.e-rtl .e-icon-back,
2936
2964
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2938,8 +2966,11 @@ ejs-multiselect {
2938
2966
  margin-top: 0;
2939
2967
  }
2940
2968
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2969
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2941
2970
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2942
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2971
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2972
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2973
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2943
2974
  margin: 0 0 0 10px;
2944
2975
  }
2945
2976
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2947,11 +2978,6 @@ ejs-multiselect {
2947
2978
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2948
2979
  margin: 0 10px 0 0;
2949
2980
  }
2950
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2951
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2952
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2953
- margin: 0 0 0 10px;
2954
- }
2955
2981
  .e-listbox-wrapper .e-checkbox-wrapper,
2956
2982
  .e-listbox-container .e-checkbox-wrapper,
2957
2983
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2996,10 +3022,7 @@ ejs-listbox {
2996
3022
  display: block;
2997
3023
  }
2998
3024
 
2999
- .e-listbox-wrapper:not(.e-listbox-container) {
3000
- overflow: auto;
3001
- }
3002
-
3025
+ .e-listbox-wrapper:not(.e-listbox-container),
3003
3026
  .e-listbox-wrapper.e-filter-list .e-list-parent {
3004
3027
  overflow: auto;
3005
3028
  }
@@ -3014,6 +3037,7 @@ ejs-listbox {
3014
3037
  .e-listbox-container.e-sortableclone .e-list-item,
3015
3038
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3016
3039
  list-style-type: none;
3040
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3017
3041
  }
3018
3042
  .e-listbox-wrapper.e-sortableclone .e-ripple,
3019
3043
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -3028,18 +3052,21 @@ ejs-listbox {
3028
3052
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
3029
3053
  .e-listbox-container.e-sortableclone .e-list-badge,
3030
3054
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3031
- -ms-flex-align: center;
3032
- align-items: center;
3055
+ -webkit-box-align: center;
3056
+ -ms-flex-align: center;
3057
+ align-items: center;
3033
3058
  background-color: #007bff;
3034
3059
  border: 1px solid #fff;
3035
3060
  border-radius: 50%;
3036
3061
  color: #fff;
3062
+ display: -webkit-box;
3037
3063
  display: -ms-flexbox;
3038
3064
  display: flex;
3039
3065
  font-size: 12px;
3040
3066
  height: 22px;
3041
- -ms-flex-pack: center;
3042
- justify-content: center;
3067
+ -webkit-box-pack: center;
3068
+ -ms-flex-pack: center;
3069
+ justify-content: center;
3043
3070
  position: absolute;
3044
3071
  right: -10px;
3045
3072
  top: -10px;
@@ -3053,12 +3080,14 @@ ejs-listbox {
3053
3080
  .e-listboxtool-wrapper,
3054
3081
  .e-listboxtool-container {
3055
3082
  cursor: pointer;
3083
+ display: -webkit-box;
3056
3084
  display: -ms-flexbox;
3057
3085
  display: flex;
3058
3086
  }
3059
3087
  .e-listboxtool-wrapper *,
3060
3088
  .e-listboxtool-container * {
3061
- box-sizing: border-box;
3089
+ -webkit-box-sizing: border-box;
3090
+ box-sizing: border-box;
3062
3091
  }
3063
3092
  .e-listboxtool-wrapper.e-disabled,
3064
3093
  .e-listboxtool-container.e-disabled {
@@ -3066,9 +3095,12 @@ ejs-listbox {
3066
3095
  pointer-events: none;
3067
3096
  }
3068
3097
  .e-listboxtool-wrapper .e-listbox-wrapper,
3069
- .e-listboxtool-container .e-listbox-wrapper {
3070
- -ms-flex: 1;
3071
- flex: 1;
3098
+ .e-listboxtool-wrapper .e-list-wrap,
3099
+ .e-listboxtool-container .e-listbox-wrapper,
3100
+ .e-listboxtool-container .e-list-wrap {
3101
+ -webkit-box-flex: 1;
3102
+ -ms-flex: 1;
3103
+ flex: 1;
3072
3104
  }
3073
3105
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
3074
3106
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3183,8 +3215,10 @@ ejs-listbox {
3183
3215
  .e-listbox-wrapper.e-bigger .e-list-header,
3184
3216
  .e-bigger .e-listbox-container .e-list-header,
3185
3217
  .e-listbox-container.e-bigger .e-list-header {
3186
- -ms-flex-align: center;
3187
- align-items: center;
3218
+ -webkit-box-align: center;
3219
+ -ms-flex-align: center;
3220
+ align-items: center;
3221
+ display: -webkit-box;
3188
3222
  display: -ms-flexbox;
3189
3223
  display: flex;
3190
3224
  font-weight: bold;
@@ -3194,14 +3228,12 @@ ejs-listbox {
3194
3228
  padding: 0 0 0 20px;
3195
3229
  }
3196
3230
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3197
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3198
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3199
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3200
- display: none;
3201
- }
3202
3231
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3232
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3203
3233
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3234
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3204
3235
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3236
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3205
3237
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3206
3238
  display: none;
3207
3239
  }
@@ -3256,15 +3288,15 @@ ejs-listbox {
3256
3288
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3257
3289
  }
3258
3290
 
3259
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3291
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3292
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3293
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3294
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3260
3295
  height: 100%;
3261
3296
  }
3262
3297
 
3263
3298
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3264
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3265
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3266
- }
3267
-
3299
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3268
3300
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3269
3301
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3270
3302
  }
@@ -3273,23 +3305,11 @@ ejs-listbox {
3273
3305
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3274
3306
  }
3275
3307
 
3276
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3277
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3278
- }
3279
-
3280
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3281
- height: 100%;
3282
- }
3283
-
3284
3308
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3285
3309
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3286
3310
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3287
3311
  }
3288
3312
 
3289
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3290
- height: 100%;
3291
- }
3292
-
3293
3313
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3294
3314
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3295
3315
  height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3303,10 +3323,6 @@ ejs-listbox {
3303
3323
  height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
3304
3324
  }
3305
3325
 
3306
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3307
- height: 100%;
3308
- }
3309
-
3310
3326
  .e-listbox-wrapper,
3311
3327
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3312
3328
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3346,12 +3362,6 @@ ejs-listbox {
3346
3362
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3347
3363
  }
3348
3364
 
3349
- .e-listbox-wrapper .e-icons,
3350
- .e-listbox-container .e-icons,
3351
- .e-listboxtool-wrapper .e-icons {
3352
- color: #212529;
3353
- }
3354
-
3355
3365
  .e-listbox-wrapper .e-list-item,
3356
3366
  .e-listbox-container .e-list-item,
3357
3367
  .e-listboxtool-wrapper .e-list-item {
@@ -3373,13 +3383,6 @@ ejs-listbox {
3373
3383
  color: #212529;
3374
3384
  }
3375
3385
 
3376
- .e-listbox-wrapper .e-list-item.e-selected,
3377
- .e-listbox-container .e-list-item.e-selected,
3378
- .e-listboxtool-wrapper .e-list-item.e-selected {
3379
- background-color: #007bff;
3380
- color: #fff;
3381
- }
3382
-
3383
3386
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3384
3387
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3385
3388
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3387,11 +3390,13 @@ ejs-listbox {
3387
3390
  color: #212529;
3388
3391
  }
3389
3392
 
3390
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3393
+ .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,
3391
3394
  .e-listbox-container .e-list-item.e-focused,
3392
3395
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3396
+ .e-listbox-container .e-list-item.e-selected,
3393
3397
  .e-listboxtool-wrapper .e-list-item.e-focused,
3394
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3398
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3399
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3395
3400
  background-color: #007bff;
3396
3401
  color: #fff;
3397
3402
  }
@@ -3481,8 +3486,8 @@ ejs-listbox {
3481
3486
  height: 2.8571em;
3482
3487
  left: 1.0667em;
3483
3488
  position: absolute;
3484
- top: 0.7142em;
3485
3489
  width: 2.8571em;
3490
+ left: 1.0667em;
3486
3491
  }
3487
3492
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3488
3493
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3500,18 +3505,15 @@ ejs-listbox {
3500
3505
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3501
3506
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3502
3507
  height: 2.8571em;
3508
+ left: 1.0667em;
3503
3509
  position: absolute;
3504
- right: 1.0667em;
3505
- top: 0.7142em;
3506
3510
  width: 2.8571em;
3511
+ right: 1.0667em;
3507
3512
  }
3508
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3513
+ .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,
3509
3514
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3510
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3511
- top: 0.7142em;
3512
- }
3513
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3514
3515
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3516
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3515
3517
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3516
3518
  top: 0.7142em;
3517
3519
  }
@@ -3525,7 +3527,8 @@ ejs-listbox {
3525
3527
  position: absolute;
3526
3528
  right: 1em;
3527
3529
  top: 50%;
3528
- transform: translateY(-50%);
3530
+ -webkit-transform: translateY(-50%);
3531
+ transform: translateY(-50%);
3529
3532
  width: 2em;
3530
3533
  }
3531
3534
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3550,23 +3553,17 @@ ejs-listbox {
3550
3553
  text-overflow: ellipsis;
3551
3554
  white-space: nowrap;
3552
3555
  }
3553
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3556
+ .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,
3554
3557
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3555
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3556
- color: #212529;
3557
- }
3558
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3559
3558
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3559
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3560
3560
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3561
3561
  color: #212529;
3562
3562
  }
3563
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3563
+ .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,
3564
3564
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3565
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3566
- color: #fff;
3567
- }
3568
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3569
3565
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3566
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3570
3567
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3571
3568
  color: #fff;
3572
3569
  }
@@ -3613,15 +3610,7 @@ ejs-listbox {
3613
3610
  padding-right: 1.0714em;
3614
3611
  }
3615
3612
 
3616
- .e-listbox-container.e-filter-list .e-list-parent {
3617
- height: 100%;
3618
- }
3619
-
3620
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3621
- height: 100%;
3622
- }
3623
-
3624
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3613
+ .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 {
3625
3614
  height: 100%;
3626
3615
  }
3627
3616
 
@@ -3635,22 +3624,4 @@ ejs-listbox {
3635
3624
 
3636
3625
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3637
3626
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3638
- }
3639
-
3640
- /* stylelint-disable property-no-vendor-prefix */
3641
- @keyframes material-spinner-rotate {
3642
- 0% {
3643
- transform: rotate(0);
3644
- }
3645
- 100% {
3646
- transform: rotate(360deg);
3647
- }
3648
- }
3649
- @keyframes fabric-spinner-rotate {
3650
- 0% {
3651
- transform: rotate(0);
3652
- }
3653
- 100% {
3654
- transform: rotate(360deg);
3655
- }
3656
3627
  }