@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
@@ -101,7 +101,8 @@
101
101
  .e-mention.e-popup {
102
102
  background: #400074;
103
103
  border: 0;
104
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
104
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
105
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
105
106
  margin-top: 2px;
106
107
  position: absolute;
107
108
  }
@@ -387,19 +388,43 @@
387
388
 
388
389
  /* stylelint-disable property-no-vendor-prefix */
389
390
  /* stylelint-disable property-no-vendor-prefix */
391
+ @-webkit-keyframes material-spinner-rotate {
392
+ 0% {
393
+ -webkit-transform: rotate(0);
394
+ transform: rotate(0);
395
+ }
396
+ 100% {
397
+ -webkit-transform: rotate(360deg);
398
+ transform: rotate(360deg);
399
+ }
400
+ }
390
401
  @keyframes material-spinner-rotate {
391
402
  0% {
403
+ -webkit-transform: rotate(0);
404
+ transform: rotate(0);
405
+ }
406
+ 100% {
407
+ -webkit-transform: rotate(360deg);
408
+ transform: rotate(360deg);
409
+ }
410
+ }
411
+ @-webkit-keyframes fabric-spinner-rotate {
412
+ 0% {
413
+ -webkit-transform: rotate(0);
392
414
  transform: rotate(0);
393
415
  }
394
416
  100% {
417
+ -webkit-transform: rotate(360deg);
395
418
  transform: rotate(360deg);
396
419
  }
397
420
  }
398
421
  @keyframes fabric-spinner-rotate {
399
422
  0% {
423
+ -webkit-transform: rotate(0);
400
424
  transform: rotate(0);
401
425
  }
402
426
  100% {
427
+ -webkit-transform: rotate(360deg);
403
428
  transform: rotate(360deg);
404
429
  }
405
430
  }
@@ -413,7 +438,8 @@
413
438
 
414
439
  .e-ddl.e-popup {
415
440
  border: 0;
416
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
441
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
442
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
417
443
  margin-top: 1px;
418
444
  }
419
445
  .e-ddl.e-popup .e-content.e-nodata {
@@ -423,6 +449,7 @@
423
449
  color: #23726c;
424
450
  }
425
451
  .e-ddl.e-popup .e-input-group {
452
+ display: -webkit-box;
426
453
  display: -ms-flexbox;
427
454
  display: flex;
428
455
  width: auto;
@@ -561,7 +588,8 @@
561
588
  .e-filter-parent {
562
589
  border: 1px solid #000;
563
590
  border-top-width: 0;
564
- box-shadow: none;
591
+ -webkit-box-shadow: none;
592
+ box-shadow: none;
565
593
  display: block;
566
594
  padding: 5px;
567
595
  }
@@ -636,6 +664,7 @@
636
664
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
637
665
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
638
666
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
667
+ display: -webkit-box;
639
668
  display: -ms-flexbox;
640
669
  display: flex;
641
670
  }
@@ -657,6 +686,7 @@
657
686
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
658
687
  .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 {
659
688
  cursor: pointer;
689
+ display: -webkit-box;
660
690
  display: -ms-flexbox;
661
691
  display: flex;
662
692
  }
@@ -676,6 +706,11 @@
676
706
  pointer-events: none;
677
707
  }
678
708
 
709
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
710
+ opacity: 0.7;
711
+ pointer-events: none;
712
+ }
713
+
679
714
  ejs-autocomplete,
680
715
  ejs-combobox,
681
716
  ejs-dropdownlist {
@@ -744,24 +779,6 @@ ejs-dropdownlist {
744
779
  color: #000;
745
780
  }
746
781
 
747
- /* stylelint-disable property-no-vendor-prefix */
748
- /* stylelint-disable property-no-vendor-prefix */
749
- @keyframes material-spinner-rotate {
750
- 0% {
751
- transform: rotate(0);
752
- }
753
- 100% {
754
- transform: rotate(360deg);
755
- }
756
- }
757
- @keyframes fabric-spinner-rotate {
758
- 0% {
759
- transform: rotate(0);
760
- }
761
- 100% {
762
- transform: rotate(360deg);
763
- }
764
- }
765
782
  /* stylelint-disable */
766
783
  /* stylelint-disable */
767
784
  .e-ddt .e-ddt-icon::before {
@@ -776,12 +793,20 @@ ejs-dropdownlist {
776
793
  outline: none;
777
794
  }
778
795
  .e-ddt .e-ddt-icon::before {
779
- transform: rotate(0deg);
796
+ -webkit-transform: rotate(0deg);
797
+ transform: rotate(0deg);
798
+ -webkit-transition: -webkit-transform 300ms ease;
799
+ transition: -webkit-transform 300ms ease;
780
800
  transition: transform 300ms ease;
801
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
781
802
  }
782
803
  .e-ddt.e-icon-anim .e-ddt-icon::before {
783
- transform: rotate(180deg);
804
+ -webkit-transform: rotate(180deg);
805
+ transform: rotate(180deg);
806
+ -webkit-transition: -webkit-transform 300ms ease;
807
+ transition: -webkit-transform 300ms ease;
784
808
  transition: transform 300ms ease;
809
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
785
810
  }
786
811
  .e-ddt .e-ddt-hidden {
787
812
  border: 0;
@@ -790,7 +815,8 @@ ejs-dropdownlist {
790
815
  width: 0;
791
816
  }
792
817
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
793
- box-sizing: content-box;
818
+ -webkit-box-sizing: content-box;
819
+ box-sizing: content-box;
794
820
  min-height: 30px;
795
821
  }
796
822
  .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 {
@@ -821,6 +847,7 @@ ejs-dropdownlist {
821
847
  padding-right: 0;
822
848
  }
823
849
  .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 {
850
+ display: -webkit-box;
824
851
  display: -ms-flexbox;
825
852
  display: flex;
826
853
  }
@@ -828,20 +855,25 @@ ejs-dropdownlist {
828
855
  width: 100%;
829
856
  }
830
857
  .e-ddt.e-show-chip .e-chips-close {
831
- line-height: 21px;
832
858
  min-height: 26px;
833
859
  min-width: 18px;
860
+ line-height: 21px;
834
861
  text-align: center;
835
862
  }
836
863
  .e-ddt.e-show-chip .e-chips-close::before {
837
864
  font-size: 10px;
865
+ }
866
+ .e-ddt.e-show-chip .e-chips-close::before {
838
867
  vertical-align: middle;
839
868
  }
840
869
  .e-ddt.e-show-chip .e-chips {
841
- -ms-flex-align: center;
842
- align-items: center;
870
+ -webkit-box-align: center;
871
+ -ms-flex-align: center;
872
+ align-items: center;
843
873
  border-radius: 0;
844
- box-sizing: border-box;
874
+ -webkit-box-sizing: border-box;
875
+ box-sizing: border-box;
876
+ display: -webkit-inline-box;
845
877
  display: -ms-inline-flexbox;
846
878
  display: inline-flex;
847
879
  float: left;
@@ -869,7 +901,8 @@ ejs-dropdownlist {
869
901
  padding: 6px 10px 0 10px;
870
902
  }
871
903
  .e-ddt .e-overflow.e-total-count {
872
- box-sizing: border-box;
904
+ -webkit-box-sizing: border-box;
905
+ box-sizing: border-box;
873
906
  display: inline-block;
874
907
  overflow: hidden;
875
908
  text-overflow: ellipsis;
@@ -913,10 +946,12 @@ ejs-dropdownlist {
913
946
  .e-ddt .e-dropdowntree.e-chip-input,
914
947
  .e-ddt input[readonly].e-input.e-chip-input {
915
948
  width: 0;
949
+ display: none;
916
950
  }
917
951
  .e-ddt.e-popup {
918
952
  border: 1px solid #757575;
919
- 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);
953
+ -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);
954
+ 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);
920
955
  position: absolute;
921
956
  }
922
957
  .e-ddt.e-popup .e-selectall-parent {
@@ -942,19 +977,18 @@ ejs-dropdownlist {
942
977
  font-size: 14px;
943
978
  margin: 10px;
944
979
  }
945
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
946
- padding: 0 12px;
947
- }
948
980
  .e-ddt.e-popup .e-filter-wrap {
949
- border: 1px solid #000;
950
981
  border-top-width: 0;
951
982
  display: block;
952
983
  padding: 5px;
953
- }
954
- .e-ddt.e-popup .e-filter-wrap {
984
+ border: 1px solid #000;
955
985
  border-left-width: 0;
956
986
  border-right-width: 0;
957
987
  }
988
+ .e-ddt.e-popup .e-filter-wrap .e-input,
989
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
990
+ padding: 0 12px;
991
+ }
958
992
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
959
993
  margin-bottom: 0;
960
994
  }
@@ -969,8 +1003,8 @@ ejs-dropdownlist {
969
1003
  cursor: default;
970
1004
  font-family: inherit;
971
1005
  font-size: 14px;
972
- padding: 14px 16px;
973
1006
  text-align: center;
1007
+ padding: 14px 16px;
974
1008
  }
975
1009
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
976
1010
  display: none;
@@ -1025,16 +1059,16 @@ ejs-dropdownlist {
1025
1059
  padding: 6px 10px 0 10px;
1026
1060
  }
1027
1061
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1028
- margin-left: 30px;
1029
1062
  margin-right: 1px;
1063
+ margin-left: 30px;
1030
1064
  }
1031
1065
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1032
- margin-left: 30px;
1033
1066
  margin-right: 1px;
1067
+ margin-left: 30px;
1034
1068
  }
1035
1069
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1036
- margin-left: 60px;
1037
1070
  margin-right: 1px;
1071
+ margin-left: 60px;
1038
1072
  }
1039
1073
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1040
1074
  .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,
@@ -1107,18 +1141,18 @@ ejs-dropdownlist {
1107
1141
  }
1108
1142
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1109
1143
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1110
- margin-left: 38px;
1111
1144
  margin-right: 1px;
1145
+ margin-left: 38px;
1112
1146
  }
1113
1147
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1114
1148
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1115
- margin-left: 38px;
1116
1149
  margin-right: 1px;
1150
+ margin-left: 38px;
1117
1151
  }
1118
1152
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1119
1153
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1120
- margin-left: 76px;
1121
- margin-right: 1px;
1154
+ margin-right: 76px;
1155
+ margin-left: 1px;
1122
1156
  }
1123
1157
  .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,
1124
1158
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1136,12 +1170,6 @@ ejs-dropdownlist {
1136
1170
  .e-ddt .e-chips > .e-chipcontent {
1137
1171
  color: #fff;
1138
1172
  }
1139
- .e-ddt .e-chips:hover {
1140
- background-color: #ecf;
1141
- }
1142
- .e-ddt .e-chips:hover > .e-chipcontent {
1143
- color: #000;
1144
- }
1145
1173
  .e-ddt .e-overflow .e-remain {
1146
1174
  color: #000;
1147
1175
  }
@@ -1165,25 +1193,8 @@ ejs-dropdownlist {
1165
1193
  color: #000;
1166
1194
  }
1167
1195
 
1168
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1169
- /* stylelint-disable property-no-vendor-prefix */
1170
- /* stylelint-disable property-no-vendor-prefix */
1171
- @keyframes material-spinner-rotate {
1172
- 0% {
1173
- transform: rotate(0);
1174
- }
1175
- 100% {
1176
- transform: rotate(360deg);
1177
- }
1178
- }
1179
- @keyframes fabric-spinner-rotate {
1180
- 0% {
1181
- transform: rotate(0);
1182
- }
1183
- 100% {
1184
- transform: rotate(360deg);
1185
- }
1186
- }
1196
+ /* stylelint-disable-line no-empty-source */
1197
+ /* stylelint-disable-line no-empty-source */
1187
1198
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1188
1199
  color: #000;
1189
1200
  top: 12px;
@@ -1236,6 +1247,9 @@ ejs-dropdownlist {
1236
1247
  height: 100%;
1237
1248
  min-height: 28px;
1238
1249
  }
1250
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1251
+ background-color: #400074;
1252
+ }
1239
1253
  .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1240
1254
  background-color: #400074;
1241
1255
  }
@@ -1309,13 +1323,15 @@ ejs-dropdownlist {
1309
1323
  }
1310
1324
 
1311
1325
  .e-multi-select-wrapper {
1312
- box-sizing: border-box;
1326
+ -webkit-box-sizing: border-box;
1327
+ box-sizing: border-box;
1313
1328
  cursor: text;
1314
1329
  line-height: normal;
1315
1330
  min-height: 30px;
1316
1331
  padding: 0 32px 0 2px;
1317
1332
  position: relative;
1318
1333
  -webkit-user-select: none;
1334
+ -moz-user-select: none;
1319
1335
  -ms-user-select: none;
1320
1336
  user-select: none;
1321
1337
  width: 100%;
@@ -1332,7 +1348,8 @@ ejs-dropdownlist {
1332
1348
  white-space: nowrap;
1333
1349
  }
1334
1350
  .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 {
1335
- box-sizing: border-box;
1351
+ -webkit-box-sizing: border-box;
1352
+ box-sizing: border-box;
1336
1353
  display: inline-block;
1337
1354
  overflow: hidden;
1338
1355
  text-overflow: ellipsis;
@@ -1363,6 +1380,7 @@ ejs-dropdownlist {
1363
1380
 
1364
1381
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1365
1382
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1383
+ display: -webkit-box;
1366
1384
  display: -ms-flexbox;
1367
1385
  display: flex;
1368
1386
  float: left;
@@ -1370,6 +1388,7 @@ ejs-dropdownlist {
1370
1388
  }
1371
1389
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1372
1390
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1391
+ display: -webkit-inline-box;
1373
1392
  display: -ms-inline-flexbox;
1374
1393
  display: inline-flex;
1375
1394
  float: none;
@@ -1392,8 +1411,9 @@ ejs-dropdownlist {
1392
1411
  }
1393
1412
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1394
1413
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1395
- -ms-flex-align: center;
1396
- align-items: center;
1414
+ -webkit-box-align: center;
1415
+ -ms-flex-align: center;
1416
+ align-items: center;
1397
1417
  display: inline;
1398
1418
  max-width: 100%;
1399
1419
  word-break: break-word;
@@ -1402,12 +1422,15 @@ ejs-dropdownlist {
1402
1422
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1403
1423
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1404
1424
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1405
- -ms-flex-align: center;
1406
- align-items: center;
1425
+ -webkit-box-align: center;
1426
+ -ms-flex-align: center;
1427
+ align-items: center;
1407
1428
  cursor: pointer;
1408
1429
  display: none;
1409
- -ms-flex-direction: row;
1410
- flex-direction: row;
1430
+ -webkit-box-orient: horizontal;
1431
+ -webkit-box-direction: normal;
1432
+ -ms-flex-direction: row;
1433
+ flex-direction: row;
1411
1434
  margin-top: -3.2em;
1412
1435
  outline: 0;
1413
1436
  padding: 0;
@@ -1419,6 +1442,7 @@ ejs-dropdownlist {
1419
1442
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1420
1443
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1421
1444
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1445
+ display: -webkit-box;
1422
1446
  display: -ms-flexbox;
1423
1447
  display: flex;
1424
1448
  }
@@ -1498,8 +1522,10 @@ ejs-dropdownlist {
1498
1522
  }
1499
1523
 
1500
1524
  .e-multi-select-wrapper .e-chips {
1501
- -ms-flex-align: center;
1502
- align-items: center;
1525
+ -webkit-box-align: center;
1526
+ -ms-flex-align: center;
1527
+ align-items: center;
1528
+ display: -webkit-inline-box;
1503
1529
  display: -ms-inline-flexbox;
1504
1530
  display: inline-flex;
1505
1531
  float: left;
@@ -1549,6 +1575,7 @@ ejs-dropdownlist {
1549
1575
  .e-multi-select-wrapper .e-chips-close {
1550
1576
  -ms-flex-item-align: center;
1551
1577
  align-self: center;
1578
+ display: -webkit-box;
1552
1579
  display: -ms-flexbox;
1553
1580
  display: flex;
1554
1581
  float: right;
@@ -1729,7 +1756,9 @@ ejs-dropdownlist {
1729
1756
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1730
1757
  -ms-flex-item-align: center;
1731
1758
  align-self: center;
1732
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1759
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1760
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1761
+ display: -webkit-inline-box;
1733
1762
  display: -ms-inline-flexbox;
1734
1763
  display: inline-flex;
1735
1764
  padding: 0 10px;
@@ -2076,8 +2105,9 @@ ejs-multiselect {
2076
2105
 
2077
2106
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2078
2107
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2079
- -ms-flex-align: normal;
2080
- align-items: normal;
2108
+ -webkit-box-align: normal;
2109
+ -ms-flex-align: normal;
2110
+ align-items: normal;
2081
2111
  }
2082
2112
 
2083
2113
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2140,7 +2170,10 @@ ejs-multiselect {
2140
2170
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2141
2171
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2142
2172
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2143
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2173
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2174
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2175
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2176
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2144
2177
  height: 24px;
2145
2178
  }
2146
2179
 
@@ -2149,10 +2182,6 @@ ejs-multiselect {
2149
2182
  height: 32px;
2150
2183
  }
2151
2184
 
2152
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2153
- height: 24px;
2154
- }
2155
-
2156
2185
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2157
2186
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2158
2187
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2208,11 +2237,6 @@ ejs-multiselect {
2208
2237
  margin: 4px 0 0 4px;
2209
2238
  }
2210
2239
 
2211
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2212
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2213
- height: 24px;
2214
- }
2215
-
2216
2240
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2217
2241
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2218
2242
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2317,7 +2341,8 @@ ejs-multiselect {
2317
2341
  }
2318
2342
 
2319
2343
  .e-multiselect {
2320
- box-sizing: border-box;
2344
+ -webkit-box-sizing: border-box;
2345
+ box-sizing: border-box;
2321
2346
  }
2322
2347
 
2323
2348
  /* stylelint-disable property-no-vendor-prefix */
@@ -2374,8 +2399,10 @@ ejs-multiselect {
2374
2399
  }
2375
2400
 
2376
2401
  .e-popup.e-multi-select-list-wrapper {
2377
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2378
- box-sizing: content-box;
2402
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2403
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2404
+ -webkit-box-sizing: content-box;
2405
+ box-sizing: content-box;
2379
2406
  overflow: initial;
2380
2407
  }
2381
2408
 
@@ -2417,14 +2444,16 @@ ejs-multiselect {
2417
2444
 
2418
2445
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2419
2446
  background-color: #400074;
2420
- box-shadow: none;
2447
+ -webkit-box-shadow: none;
2448
+ box-shadow: none;
2421
2449
  color: #fff;
2422
2450
  border: 1px solid #400074;
2423
2451
  }
2424
2452
 
2425
2453
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2426
2454
  background-color: #400074;
2427
- box-shadow: none;
2455
+ -webkit-box-shadow: none;
2456
+ box-shadow: none;
2428
2457
  color: #fff;
2429
2458
  border: 1px solid #400074;
2430
2459
  }
@@ -2556,11 +2585,13 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2556
2585
  .e-listbox-container,
2557
2586
  .e-listboxtool-wrapper {
2558
2587
  -webkit-overflow-scrolling: touch;
2559
- box-sizing: border-box;
2588
+ -webkit-box-sizing: border-box;
2589
+ box-sizing: border-box;
2560
2590
  cursor: pointer;
2561
2591
  display: block;
2562
2592
  position: relative;
2563
2593
  -webkit-user-select: none;
2594
+ -moz-user-select: none;
2564
2595
  -ms-user-select: none;
2565
2596
  user-select: none;
2566
2597
  width: 100%;
@@ -2568,7 +2599,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2568
2599
  .e-listbox-wrapper *,
2569
2600
  .e-listbox-container *,
2570
2601
  .e-listboxtool-wrapper * {
2571
- box-sizing: border-box;
2602
+ -webkit-box-sizing: border-box;
2603
+ box-sizing: border-box;
2572
2604
  }
2573
2605
  .e-listbox-wrapper:focus,
2574
2606
  .e-listbox-container:focus,
@@ -2628,9 +2660,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2628
2660
  margin: 0;
2629
2661
  padding: 0;
2630
2662
  }
2631
- .e-listbox-wrapper .e-list-header .e-text.header,
2663
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2632
2664
  .e-listbox-container .e-list-header .e-text.header,
2633
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2665
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2666
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2667
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2634
2668
  display: none;
2635
2669
  }
2636
2670
  .e-listbox-wrapper .e-icon-back,
@@ -2638,17 +2672,14 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2638
2672
  .e-listboxtool-wrapper .e-icon-back {
2639
2673
  margin-top: 2px;
2640
2674
  }
2641
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2642
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2643
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2644
- display: none;
2645
- }
2646
2675
  .e-listbox-wrapper .e-list-header,
2647
2676
  .e-listbox-container .e-list-header,
2648
2677
  .e-listboxtool-wrapper .e-list-header {
2649
- -ms-flex-align: center;
2650
- align-items: center;
2678
+ -webkit-box-align: center;
2679
+ -ms-flex-align: center;
2680
+ align-items: center;
2651
2681
  border-bottom: 1px solid;
2682
+ display: -webkit-box;
2652
2683
  display: -ms-flexbox;
2653
2684
  display: flex;
2654
2685
  font-weight: 600;
@@ -2690,7 +2721,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2690
2721
  position: absolute;
2691
2722
  right: 0%;
2692
2723
  top: 50%;
2693
- transform: translateY(-50%);
2724
+ -webkit-transform: translateY(-50%);
2725
+ transform: translateY(-50%);
2694
2726
  }
2695
2727
  .e-listbox-wrapper .e-text-content,
2696
2728
  .e-listbox-container .e-text-content,
@@ -2746,18 +2778,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2746
2778
  white-space: nowrap;
2747
2779
  width: 100%;
2748
2780
  }
2749
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2781
+ .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,
2750
2782
  .e-listbox-container .e-list-icon + .e-list-text,
2751
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2752
- width: calc(100% - 60px);
2753
- }
2754
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2755
2783
  .e-listbox-container .e-icon-wrapper .e-list-text,
2756
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2757
- width: calc(100% - 60px);
2758
- }
2759
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2760
2784
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2785
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2786
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2761
2787
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2762
2788
  width: calc(100% - 60px);
2763
2789
  }
@@ -2803,7 +2829,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2803
2829
  left: 0%;
2804
2830
  right: initial;
2805
2831
  top: 50%;
2806
- transform: translateY(-50%) rotate(180deg);
2832
+ -webkit-transform: translateY(-50%) rotate(180deg);
2833
+ transform: translateY(-50%) rotate(180deg);
2807
2834
  }
2808
2835
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2809
2836
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2813,7 +2840,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2813
2840
  .e-listbox-wrapper.e-rtl .e-but-back,
2814
2841
  .e-listbox-container.e-rtl .e-but-back,
2815
2842
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2816
- transform: rotate(180deg);
2843
+ -webkit-transform: rotate(180deg);
2844
+ transform: rotate(180deg);
2817
2845
  }
2818
2846
  .e-listbox-wrapper.e-rtl .e-icon-back,
2819
2847
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2821,8 +2849,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2821
2849
  margin-top: 1px;
2822
2850
  }
2823
2851
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2852
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2824
2853
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2825
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2854
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2855
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2856
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2826
2857
  margin: -2px 0 0 10px;
2827
2858
  }
2828
2859
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2830,11 +2861,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2830
2861
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2831
2862
  margin: -2px 10px 0 0;
2832
2863
  }
2833
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2834
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2835
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2836
- margin: -2px 0 0 10px;
2837
- }
2838
2864
  .e-listbox-wrapper .e-checkbox-wrapper,
2839
2865
  .e-listbox-container .e-checkbox-wrapper,
2840
2866
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2879,10 +2905,7 @@ ejs-listbox {
2879
2905
  display: block;
2880
2906
  }
2881
2907
 
2882
- .e-listbox-wrapper:not(.e-listbox-container) {
2883
- overflow: auto;
2884
- }
2885
-
2908
+ .e-listbox-wrapper:not(.e-listbox-container),
2886
2909
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2887
2910
  overflow: auto;
2888
2911
  }
@@ -2897,6 +2920,7 @@ ejs-listbox {
2897
2920
  .e-listbox-container.e-sortableclone .e-list-item,
2898
2921
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2899
2922
  list-style-type: none;
2923
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2900
2924
  }
2901
2925
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2902
2926
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2911,18 +2935,21 @@ ejs-listbox {
2911
2935
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2912
2936
  .e-listbox-container.e-sortableclone .e-list-badge,
2913
2937
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2914
- -ms-flex-align: center;
2915
- align-items: center;
2938
+ -webkit-box-align: center;
2939
+ -ms-flex-align: center;
2940
+ align-items: center;
2916
2941
  background-color: #400074;
2917
2942
  border: 1px solid #fff;
2918
2943
  border-radius: 50%;
2919
2944
  color: #fff;
2945
+ display: -webkit-box;
2920
2946
  display: -ms-flexbox;
2921
2947
  display: flex;
2922
2948
  font-size: 12px;
2923
2949
  height: 22px;
2924
- -ms-flex-pack: center;
2925
- justify-content: center;
2950
+ -webkit-box-pack: center;
2951
+ -ms-flex-pack: center;
2952
+ justify-content: center;
2926
2953
  position: absolute;
2927
2954
  right: -10px;
2928
2955
  top: -10px;
@@ -2936,12 +2963,14 @@ ejs-listbox {
2936
2963
  .e-listboxtool-wrapper,
2937
2964
  .e-listboxtool-container {
2938
2965
  cursor: pointer;
2966
+ display: -webkit-box;
2939
2967
  display: -ms-flexbox;
2940
2968
  display: flex;
2941
2969
  }
2942
2970
  .e-listboxtool-wrapper *,
2943
2971
  .e-listboxtool-container * {
2944
- box-sizing: border-box;
2972
+ -webkit-box-sizing: border-box;
2973
+ box-sizing: border-box;
2945
2974
  }
2946
2975
  .e-listboxtool-wrapper.e-disabled,
2947
2976
  .e-listboxtool-container.e-disabled {
@@ -2949,9 +2978,12 @@ ejs-listbox {
2949
2978
  pointer-events: none;
2950
2979
  }
2951
2980
  .e-listboxtool-wrapper .e-listbox-wrapper,
2952
- .e-listboxtool-container .e-listbox-wrapper {
2953
- -ms-flex: 1;
2954
- flex: 1;
2981
+ .e-listboxtool-wrapper .e-list-wrap,
2982
+ .e-listboxtool-container .e-listbox-wrapper,
2983
+ .e-listboxtool-container .e-list-wrap {
2984
+ -webkit-box-flex: 1;
2985
+ -ms-flex: 1;
2986
+ flex: 1;
2955
2987
  }
2956
2988
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2957
2989
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3051,22 +3083,22 @@ ejs-listbox {
3051
3083
  .e-listbox-wrapper.e-bigger .e-list-header,
3052
3084
  .e-bigger .e-listbox-container .e-list-header,
3053
3085
  .e-listbox-container.e-bigger .e-list-header {
3054
- -ms-flex-align: center;
3055
- align-items: center;
3086
+ -webkit-box-align: center;
3087
+ -ms-flex-align: center;
3088
+ align-items: center;
3089
+ display: -webkit-box;
3056
3090
  display: -ms-flexbox;
3057
3091
  display: flex;
3058
3092
  font-weight: 600;
3059
3093
  height: 45px;
3060
3094
  }
3061
3095
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3062
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3063
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3064
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3065
- display: none;
3066
- }
3067
3096
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3097
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3068
3098
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3099
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3069
3100
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3101
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3070
3102
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3071
3103
  display: none;
3072
3104
  }
@@ -3089,15 +3121,15 @@ ejs-listbox {
3089
3121
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3090
3122
  }
3091
3123
 
3092
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3124
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3125
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3126
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3127
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3093
3128
  height: 100%;
3094
3129
  }
3095
3130
 
3096
3131
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3097
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3098
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3099
- }
3100
-
3132
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3101
3133
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3102
3134
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3103
3135
  }
@@ -3106,23 +3138,11 @@ ejs-listbox {
3106
3138
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3107
3139
  }
3108
3140
 
3109
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3110
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3111
- }
3112
-
3113
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3114
- height: 100%;
3115
- }
3116
-
3117
3141
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3118
3142
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3119
3143
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3120
3144
  }
3121
3145
 
3122
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3123
- height: 100%;
3124
- }
3125
-
3126
3146
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3127
3147
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3128
3148
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3136,10 +3156,6 @@ ejs-listbox {
3136
3156
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3137
3157
  }
3138
3158
 
3139
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3140
- height: 100%;
3141
- }
3142
-
3143
3159
  .e-listbox-wrapper,
3144
3160
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3145
3161
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3179,12 +3195,6 @@ ejs-listbox {
3179
3195
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3180
3196
  }
3181
3197
 
3182
- .e-listbox-wrapper .e-icons,
3183
- .e-listbox-container .e-icons,
3184
- .e-listboxtool-wrapper .e-icons {
3185
- color: #000;
3186
- }
3187
-
3188
3198
  .e-listbox-wrapper .e-list-item,
3189
3199
  .e-listbox-container .e-list-item,
3190
3200
  .e-listboxtool-wrapper .e-list-item {
@@ -3206,13 +3216,6 @@ ejs-listbox {
3206
3216
  color: #000;
3207
3217
  }
3208
3218
 
3209
- .e-listbox-wrapper .e-list-item.e-selected,
3210
- .e-listbox-container .e-list-item.e-selected,
3211
- .e-listboxtool-wrapper .e-list-item.e-selected {
3212
- background-color: #400074;
3213
- color: #fff;
3214
- }
3215
-
3216
3219
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3217
3220
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3218
3221
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3220,11 +3223,13 @@ ejs-listbox {
3220
3223
  color: #000;
3221
3224
  }
3222
3225
 
3223
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3226
+ .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,
3224
3227
  .e-listbox-container .e-list-item.e-focused,
3225
3228
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3229
+ .e-listbox-container .e-list-item.e-selected,
3226
3230
  .e-listboxtool-wrapper .e-list-item.e-focused,
3227
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3231
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3232
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3228
3233
  background-color: #400074;
3229
3234
  color: #fff;
3230
3235
  }
@@ -3314,8 +3319,8 @@ ejs-listbox {
3314
3319
  height: 3.0769em;
3315
3320
  left: 0.923em;
3316
3321
  position: absolute;
3317
- top: 0.6153em;
3318
3322
  width: 3.0769em;
3323
+ left: 0.923em;
3319
3324
  }
3320
3325
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3321
3326
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3333,18 +3338,15 @@ ejs-listbox {
3333
3338
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3334
3339
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3335
3340
  height: 3.0769em;
3341
+ left: 0.923em;
3336
3342
  position: absolute;
3337
- right: 0.923em;
3338
- top: 0.6153em;
3339
3343
  width: 3.0769em;
3344
+ right: 0.923em;
3340
3345
  }
3341
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3346
+ .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,
3342
3347
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3343
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3344
- top: 0.6153em;
3345
- }
3346
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3347
3348
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3349
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3348
3350
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3349
3351
  top: 0.6153em;
3350
3352
  }
@@ -3358,7 +3360,8 @@ ejs-listbox {
3358
3360
  position: absolute;
3359
3361
  right: 0.923em;
3360
3362
  top: 50%;
3361
- transform: translateY(-50%);
3363
+ -webkit-transform: translateY(-50%);
3364
+ transform: translateY(-50%);
3362
3365
  width: 1.5384em;
3363
3366
  }
3364
3367
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3383,23 +3386,17 @@ ejs-listbox {
3383
3386
  text-overflow: ellipsis;
3384
3387
  white-space: nowrap;
3385
3388
  }
3386
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3389
+ .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,
3387
3390
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3388
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3389
- color: #000;
3390
- }
3391
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3392
3391
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3392
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3393
3393
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3394
3394
  color: #000;
3395
3395
  }
3396
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3396
+ .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,
3397
3397
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3398
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3399
- color: #fff;
3400
- }
3401
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3402
3398
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3399
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3403
3400
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3404
3401
  color: #fff;
3405
3402
  }
@@ -3446,15 +3443,7 @@ ejs-listbox {
3446
3443
  padding-right: 0.923em;
3447
3444
  }
3448
3445
 
3449
- .e-listbox-container.e-filter-list .e-list-parent {
3450
- height: 100%;
3451
- }
3452
-
3453
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3454
- height: 100%;
3455
- }
3456
-
3457
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3446
+ .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 {
3458
3447
  height: 100%;
3459
3448
  }
3460
3449
 
@@ -3468,22 +3457,4 @@ ejs-listbox {
3468
3457
 
3469
3458
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3470
3459
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3471
- }
3472
-
3473
- /* stylelint-disable property-no-vendor-prefix */
3474
- @keyframes material-spinner-rotate {
3475
- 0% {
3476
- transform: rotate(0);
3477
- }
3478
- 100% {
3479
- transform: rotate(360deg);
3480
- }
3481
- }
3482
- @keyframes fabric-spinner-rotate {
3483
- 0% {
3484
- transform: rotate(0);
3485
- }
3486
- 100% {
3487
- transform: rotate(360deg);
3488
- }
3489
3460
  }