@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: #ffd939;
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: #ffd939;
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 #fff;
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: #fff;
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
  /*! TreeView's high contrast theme wise override definitions and variables */
766
783
  /* stylelint-disable */
767
784
  /* stylelint-disable */
@@ -777,12 +794,20 @@ ejs-dropdownlist {
777
794
  outline: none;
778
795
  }
779
796
  .e-ddt .e-ddt-icon::before {
780
- transform: rotate(0deg);
797
+ -webkit-transform: rotate(0deg);
798
+ transform: rotate(0deg);
799
+ -webkit-transition: -webkit-transform 300ms ease;
800
+ transition: -webkit-transform 300ms ease;
781
801
  transition: transform 300ms ease;
802
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
782
803
  }
783
804
  .e-ddt.e-icon-anim .e-ddt-icon::before {
784
- transform: rotate(180deg);
805
+ -webkit-transform: rotate(180deg);
806
+ transform: rotate(180deg);
807
+ -webkit-transition: -webkit-transform 300ms ease;
808
+ transition: -webkit-transform 300ms ease;
785
809
  transition: transform 300ms ease;
810
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
786
811
  }
787
812
  .e-ddt .e-ddt-hidden {
788
813
  border: 0;
@@ -791,7 +816,8 @@ ejs-dropdownlist {
791
816
  width: 0;
792
817
  }
793
818
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
794
- box-sizing: content-box;
819
+ -webkit-box-sizing: content-box;
820
+ box-sizing: content-box;
795
821
  min-height: 30px;
796
822
  }
797
823
  .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 {
@@ -822,6 +848,7 @@ ejs-dropdownlist {
822
848
  padding-right: 0;
823
849
  }
824
850
  .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 {
851
+ display: -webkit-box;
825
852
  display: -ms-flexbox;
826
853
  display: flex;
827
854
  }
@@ -829,20 +856,25 @@ ejs-dropdownlist {
829
856
  width: 100%;
830
857
  }
831
858
  .e-ddt.e-show-chip .e-chips-close {
832
- line-height: 21px;
833
859
  min-height: 26px;
834
860
  min-width: 18px;
861
+ line-height: 21px;
835
862
  text-align: center;
836
863
  }
837
864
  .e-ddt.e-show-chip .e-chips-close::before {
838
865
  font-size: 10px;
866
+ }
867
+ .e-ddt.e-show-chip .e-chips-close::before {
839
868
  vertical-align: middle;
840
869
  }
841
870
  .e-ddt.e-show-chip .e-chips {
842
- -ms-flex-align: center;
843
- align-items: center;
871
+ -webkit-box-align: center;
872
+ -ms-flex-align: center;
873
+ align-items: center;
844
874
  border-radius: 0;
845
- box-sizing: border-box;
875
+ -webkit-box-sizing: border-box;
876
+ box-sizing: border-box;
877
+ display: -webkit-inline-box;
846
878
  display: -ms-inline-flexbox;
847
879
  display: inline-flex;
848
880
  float: left;
@@ -870,7 +902,8 @@ ejs-dropdownlist {
870
902
  padding: 6px 10px 0 10px;
871
903
  }
872
904
  .e-ddt .e-overflow.e-total-count {
873
- box-sizing: border-box;
905
+ -webkit-box-sizing: border-box;
906
+ box-sizing: border-box;
874
907
  display: inline-block;
875
908
  overflow: hidden;
876
909
  text-overflow: ellipsis;
@@ -914,10 +947,12 @@ ejs-dropdownlist {
914
947
  .e-ddt .e-dropdowntree.e-chip-input,
915
948
  .e-ddt input[readonly].e-input.e-chip-input {
916
949
  width: 0;
950
+ display: none;
917
951
  }
918
952
  .e-ddt.e-popup {
919
953
  border: 1px solid #969696;
920
- 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
+ -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);
955
+ 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);
921
956
  position: absolute;
922
957
  }
923
958
  .e-ddt.e-popup .e-selectall-parent {
@@ -943,19 +978,18 @@ ejs-dropdownlist {
943
978
  font-size: 14px;
944
979
  margin: 10px;
945
980
  }
946
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
947
- padding: 0 12px;
948
- }
949
981
  .e-ddt.e-popup .e-filter-wrap {
950
- border: 1px solid #fff;
951
982
  border-top-width: 0;
952
983
  display: block;
953
984
  padding: 5px;
954
- }
955
- .e-ddt.e-popup .e-filter-wrap {
985
+ border: 1px solid #fff;
956
986
  border-left-width: 0;
957
987
  border-right-width: 0;
958
988
  }
989
+ .e-ddt.e-popup .e-filter-wrap .e-input,
990
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
991
+ padding: 0 12px;
992
+ }
959
993
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
960
994
  margin-bottom: 0;
961
995
  }
@@ -970,8 +1004,8 @@ ejs-dropdownlist {
970
1004
  cursor: default;
971
1005
  font-family: inherit;
972
1006
  font-size: 14px;
973
- padding: 14px 16px;
974
1007
  text-align: center;
1008
+ padding: 14px 16px;
975
1009
  }
976
1010
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
977
1011
  display: none;
@@ -1026,16 +1060,16 @@ ejs-dropdownlist {
1026
1060
  padding: 6px 10px 0 10px;
1027
1061
  }
1028
1062
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1029
- margin-left: 30px;
1030
1063
  margin-right: 1px;
1064
+ margin-left: 30px;
1031
1065
  }
1032
1066
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1033
- margin-left: 30px;
1034
1067
  margin-right: 1px;
1068
+ margin-left: 30px;
1035
1069
  }
1036
1070
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1037
- margin-left: 60px;
1038
1071
  margin-right: 1px;
1072
+ margin-left: 60px;
1039
1073
  }
1040
1074
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1041
1075
  .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,
@@ -1108,18 +1142,18 @@ ejs-dropdownlist {
1108
1142
  }
1109
1143
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1110
1144
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1111
- margin-left: 38px;
1112
1145
  margin-right: 1px;
1146
+ margin-left: 38px;
1113
1147
  }
1114
1148
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1115
1149
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1116
- margin-left: 38px;
1117
1150
  margin-right: 1px;
1151
+ margin-left: 38px;
1118
1152
  }
1119
1153
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1120
1154
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1121
- margin-left: 76px;
1122
- margin-right: 1px;
1155
+ margin-right: 76px;
1156
+ margin-left: 1px;
1123
1157
  }
1124
1158
  .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,
1125
1159
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1169,25 +1203,8 @@ ejs-dropdownlist {
1169
1203
  color: #fff;
1170
1204
  }
1171
1205
 
1172
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1173
- /* stylelint-disable property-no-vendor-prefix */
1174
- /* stylelint-disable property-no-vendor-prefix */
1175
- @keyframes material-spinner-rotate {
1176
- 0% {
1177
- transform: rotate(0);
1178
- }
1179
- 100% {
1180
- transform: rotate(360deg);
1181
- }
1182
- }
1183
- @keyframes fabric-spinner-rotate {
1184
- 0% {
1185
- transform: rotate(0);
1186
- }
1187
- 100% {
1188
- transform: rotate(360deg);
1189
- }
1190
- }
1206
+ /* stylelint-disable-line no-empty-source */
1207
+ /* stylelint-disable-line no-empty-source */
1191
1208
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1192
1209
  color: #fff;
1193
1210
  top: 12px;
@@ -1242,6 +1259,9 @@ ejs-dropdownlist {
1242
1259
  height: 100%;
1243
1260
  min-height: 28px;
1244
1261
  }
1262
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1263
+ background-color: #ffd939;
1264
+ }
1245
1265
  .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1246
1266
  background-color: #ffd939;
1247
1267
  }
@@ -1320,13 +1340,15 @@ ejs-dropdownlist {
1320
1340
  }
1321
1341
 
1322
1342
  .e-multi-select-wrapper {
1323
- box-sizing: border-box;
1343
+ -webkit-box-sizing: border-box;
1344
+ box-sizing: border-box;
1324
1345
  cursor: text;
1325
1346
  line-height: normal;
1326
1347
  min-height: 30px;
1327
1348
  padding: 0 32px 0 2px;
1328
1349
  position: relative;
1329
1350
  -webkit-user-select: none;
1351
+ -moz-user-select: none;
1330
1352
  -ms-user-select: none;
1331
1353
  user-select: none;
1332
1354
  width: 100%;
@@ -1343,7 +1365,8 @@ ejs-dropdownlist {
1343
1365
  white-space: nowrap;
1344
1366
  }
1345
1367
  .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 {
1346
- box-sizing: border-box;
1368
+ -webkit-box-sizing: border-box;
1369
+ box-sizing: border-box;
1347
1370
  display: inline-block;
1348
1371
  overflow: hidden;
1349
1372
  text-overflow: ellipsis;
@@ -1374,6 +1397,7 @@ ejs-dropdownlist {
1374
1397
 
1375
1398
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1376
1399
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1400
+ display: -webkit-box;
1377
1401
  display: -ms-flexbox;
1378
1402
  display: flex;
1379
1403
  float: left;
@@ -1381,6 +1405,7 @@ ejs-dropdownlist {
1381
1405
  }
1382
1406
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1383
1407
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1408
+ display: -webkit-inline-box;
1384
1409
  display: -ms-inline-flexbox;
1385
1410
  display: inline-flex;
1386
1411
  float: none;
@@ -1403,8 +1428,9 @@ ejs-dropdownlist {
1403
1428
  }
1404
1429
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1405
1430
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1406
- -ms-flex-align: center;
1407
- align-items: center;
1431
+ -webkit-box-align: center;
1432
+ -ms-flex-align: center;
1433
+ align-items: center;
1408
1434
  display: inline;
1409
1435
  max-width: 100%;
1410
1436
  word-break: break-word;
@@ -1413,12 +1439,15 @@ ejs-dropdownlist {
1413
1439
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1414
1440
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1415
1441
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1416
- -ms-flex-align: center;
1417
- align-items: center;
1442
+ -webkit-box-align: center;
1443
+ -ms-flex-align: center;
1444
+ align-items: center;
1418
1445
  cursor: pointer;
1419
1446
  display: none;
1420
- -ms-flex-direction: row;
1421
- flex-direction: row;
1447
+ -webkit-box-orient: horizontal;
1448
+ -webkit-box-direction: normal;
1449
+ -ms-flex-direction: row;
1450
+ flex-direction: row;
1422
1451
  margin-top: -3.2em;
1423
1452
  outline: 0;
1424
1453
  padding: 0;
@@ -1430,6 +1459,7 @@ ejs-dropdownlist {
1430
1459
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1431
1460
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1432
1461
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1462
+ display: -webkit-box;
1433
1463
  display: -ms-flexbox;
1434
1464
  display: flex;
1435
1465
  }
@@ -1509,8 +1539,10 @@ ejs-dropdownlist {
1509
1539
  }
1510
1540
 
1511
1541
  .e-multi-select-wrapper .e-chips {
1512
- -ms-flex-align: center;
1513
- align-items: center;
1542
+ -webkit-box-align: center;
1543
+ -ms-flex-align: center;
1544
+ align-items: center;
1545
+ display: -webkit-inline-box;
1514
1546
  display: -ms-inline-flexbox;
1515
1547
  display: inline-flex;
1516
1548
  float: left;
@@ -1560,6 +1592,7 @@ ejs-dropdownlist {
1560
1592
  .e-multi-select-wrapper .e-chips-close {
1561
1593
  -ms-flex-item-align: center;
1562
1594
  align-self: center;
1595
+ display: -webkit-box;
1563
1596
  display: -ms-flexbox;
1564
1597
  display: flex;
1565
1598
  float: right;
@@ -1740,7 +1773,9 @@ ejs-dropdownlist {
1740
1773
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1741
1774
  -ms-flex-item-align: center;
1742
1775
  align-self: center;
1743
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1776
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1777
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1778
+ display: -webkit-inline-box;
1744
1779
  display: -ms-inline-flexbox;
1745
1780
  display: inline-flex;
1746
1781
  padding: 0 10px;
@@ -2087,8 +2122,9 @@ ejs-multiselect {
2087
2122
 
2088
2123
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2089
2124
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2090
- -ms-flex-align: normal;
2091
- align-items: normal;
2125
+ -webkit-box-align: normal;
2126
+ -ms-flex-align: normal;
2127
+ align-items: normal;
2092
2128
  }
2093
2129
 
2094
2130
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2151,7 +2187,10 @@ ejs-multiselect {
2151
2187
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2152
2188
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2153
2189
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2154
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2190
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2191
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2192
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2193
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2155
2194
  height: 24px;
2156
2195
  }
2157
2196
 
@@ -2160,10 +2199,6 @@ ejs-multiselect {
2160
2199
  height: 32px;
2161
2200
  }
2162
2201
 
2163
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2164
- height: 24px;
2165
- }
2166
-
2167
2202
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2168
2203
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2169
2204
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2219,11 +2254,6 @@ ejs-multiselect {
2219
2254
  margin: 4px 0 0 4px;
2220
2255
  }
2221
2256
 
2222
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2223
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2224
- height: 24px;
2225
- }
2226
-
2227
2257
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2228
2258
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2229
2259
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2328,7 +2358,8 @@ ejs-multiselect {
2328
2358
  }
2329
2359
 
2330
2360
  .e-multiselect {
2331
- box-sizing: border-box;
2361
+ -webkit-box-sizing: border-box;
2362
+ box-sizing: border-box;
2332
2363
  }
2333
2364
 
2334
2365
  /* stylelint-disable property-no-vendor-prefix */
@@ -2385,8 +2416,10 @@ ejs-multiselect {
2385
2416
  }
2386
2417
 
2387
2418
  .e-popup.e-multi-select-list-wrapper {
2388
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2389
- box-sizing: content-box;
2419
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2420
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2421
+ -webkit-box-sizing: content-box;
2422
+ box-sizing: content-box;
2390
2423
  overflow: initial;
2391
2424
  }
2392
2425
 
@@ -2428,14 +2461,16 @@ ejs-multiselect {
2428
2461
 
2429
2462
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2430
2463
  background-color: #ffd939;
2431
- box-shadow: none;
2464
+ -webkit-box-shadow: none;
2465
+ box-shadow: none;
2432
2466
  color: #000;
2433
2467
  border: 1px solid #ffd939;
2434
2468
  }
2435
2469
 
2436
2470
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2437
2471
  background-color: #ffd939;
2438
- box-shadow: none;
2472
+ -webkit-box-shadow: none;
2473
+ box-shadow: none;
2439
2474
  color: #000;
2440
2475
  border: 1px solid #ffd939;
2441
2476
  }
@@ -2567,11 +2602,13 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2567
2602
  .e-listbox-container,
2568
2603
  .e-listboxtool-wrapper {
2569
2604
  -webkit-overflow-scrolling: touch;
2570
- box-sizing: border-box;
2605
+ -webkit-box-sizing: border-box;
2606
+ box-sizing: border-box;
2571
2607
  cursor: pointer;
2572
2608
  display: block;
2573
2609
  position: relative;
2574
2610
  -webkit-user-select: none;
2611
+ -moz-user-select: none;
2575
2612
  -ms-user-select: none;
2576
2613
  user-select: none;
2577
2614
  width: 100%;
@@ -2579,7 +2616,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2579
2616
  .e-listbox-wrapper *,
2580
2617
  .e-listbox-container *,
2581
2618
  .e-listboxtool-wrapper * {
2582
- box-sizing: border-box;
2619
+ -webkit-box-sizing: border-box;
2620
+ box-sizing: border-box;
2583
2621
  }
2584
2622
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2585
2623
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2644,9 +2682,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2644
2682
  margin: 0;
2645
2683
  padding: 0;
2646
2684
  }
2647
- .e-listbox-wrapper .e-list-header .e-text.header,
2685
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2648
2686
  .e-listbox-container .e-list-header .e-text.header,
2649
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2687
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2688
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2689
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2650
2690
  display: none;
2651
2691
  }
2652
2692
  .e-listbox-wrapper .e-icon-back,
@@ -2654,17 +2694,14 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2654
2694
  .e-listboxtool-wrapper .e-icon-back {
2655
2695
  margin-top: 2px;
2656
2696
  }
2657
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2658
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2659
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2660
- display: none;
2661
- }
2662
2697
  .e-listbox-wrapper .e-list-header,
2663
2698
  .e-listbox-container .e-list-header,
2664
2699
  .e-listboxtool-wrapper .e-list-header {
2665
- -ms-flex-align: center;
2666
- align-items: center;
2700
+ -webkit-box-align: center;
2701
+ -ms-flex-align: center;
2702
+ align-items: center;
2667
2703
  border-bottom: 1px solid;
2704
+ display: -webkit-box;
2668
2705
  display: -ms-flexbox;
2669
2706
  display: flex;
2670
2707
  font-weight: 600;
@@ -2706,7 +2743,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2706
2743
  position: absolute;
2707
2744
  right: 0%;
2708
2745
  top: 50%;
2709
- transform: translateY(-50%);
2746
+ -webkit-transform: translateY(-50%);
2747
+ transform: translateY(-50%);
2710
2748
  }
2711
2749
  .e-listbox-wrapper .e-text-content,
2712
2750
  .e-listbox-container .e-text-content,
@@ -2762,18 +2800,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2762
2800
  white-space: nowrap;
2763
2801
  width: 100%;
2764
2802
  }
2765
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2803
+ .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,
2766
2804
  .e-listbox-container .e-list-icon + .e-list-text,
2767
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2768
- width: calc(100% - 60px);
2769
- }
2770
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2771
2805
  .e-listbox-container .e-icon-wrapper .e-list-text,
2772
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2773
- width: calc(100% - 60px);
2774
- }
2775
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2776
2806
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2807
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2808
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2777
2809
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2778
2810
  width: calc(100% - 60px);
2779
2811
  }
@@ -2819,7 +2851,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2819
2851
  left: 0%;
2820
2852
  right: initial;
2821
2853
  top: 50%;
2822
- transform: translateY(-50%) rotate(180deg);
2854
+ -webkit-transform: translateY(-50%) rotate(180deg);
2855
+ transform: translateY(-50%) rotate(180deg);
2823
2856
  }
2824
2857
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2825
2858
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2829,7 +2862,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2829
2862
  .e-listbox-wrapper.e-rtl .e-but-back,
2830
2863
  .e-listbox-container.e-rtl .e-but-back,
2831
2864
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2832
- transform: rotate(180deg);
2865
+ -webkit-transform: rotate(180deg);
2866
+ transform: rotate(180deg);
2833
2867
  }
2834
2868
  .e-listbox-wrapper.e-rtl .e-icon-back,
2835
2869
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2837,8 +2871,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2837
2871
  margin-top: 1px;
2838
2872
  }
2839
2873
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2874
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2840
2875
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2841
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2876
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2877
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2878
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2842
2879
  margin: -2px 0 0 10px;
2843
2880
  }
2844
2881
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2846,11 +2883,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2846
2883
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2847
2884
  margin: -2px 10px 0 0;
2848
2885
  }
2849
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2850
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2851
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2852
- margin: -2px 0 0 10px;
2853
- }
2854
2886
  .e-listbox-wrapper .e-checkbox-wrapper,
2855
2887
  .e-listbox-container .e-checkbox-wrapper,
2856
2888
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2895,10 +2927,7 @@ ejs-listbox {
2895
2927
  display: block;
2896
2928
  }
2897
2929
 
2898
- .e-listbox-wrapper:not(.e-listbox-container) {
2899
- overflow: auto;
2900
- }
2901
-
2930
+ .e-listbox-wrapper:not(.e-listbox-container),
2902
2931
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2903
2932
  overflow: auto;
2904
2933
  }
@@ -2913,6 +2942,7 @@ ejs-listbox {
2913
2942
  .e-listbox-container.e-sortableclone .e-list-item,
2914
2943
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2915
2944
  list-style-type: none;
2945
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2916
2946
  }
2917
2947
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2918
2948
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2927,18 +2957,21 @@ ejs-listbox {
2927
2957
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2928
2958
  .e-listbox-container.e-sortableclone .e-list-badge,
2929
2959
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2930
- -ms-flex-align: center;
2931
- align-items: center;
2960
+ -webkit-box-align: center;
2961
+ -ms-flex-align: center;
2962
+ align-items: center;
2932
2963
  background-color: #ffd939;
2933
2964
  border: 1px solid #000;
2934
2965
  border-radius: 50%;
2935
2966
  color: #000;
2967
+ display: -webkit-box;
2936
2968
  display: -ms-flexbox;
2937
2969
  display: flex;
2938
2970
  font-size: 12px;
2939
2971
  height: 22px;
2940
- -ms-flex-pack: center;
2941
- justify-content: center;
2972
+ -webkit-box-pack: center;
2973
+ -ms-flex-pack: center;
2974
+ justify-content: center;
2942
2975
  position: absolute;
2943
2976
  right: -10px;
2944
2977
  top: -10px;
@@ -2952,12 +2985,14 @@ ejs-listbox {
2952
2985
  .e-listboxtool-wrapper,
2953
2986
  .e-listboxtool-container {
2954
2987
  cursor: pointer;
2988
+ display: -webkit-box;
2955
2989
  display: -ms-flexbox;
2956
2990
  display: flex;
2957
2991
  }
2958
2992
  .e-listboxtool-wrapper *,
2959
2993
  .e-listboxtool-container * {
2960
- box-sizing: border-box;
2994
+ -webkit-box-sizing: border-box;
2995
+ box-sizing: border-box;
2961
2996
  }
2962
2997
  .e-listboxtool-wrapper.e-disabled,
2963
2998
  .e-listboxtool-container.e-disabled {
@@ -2965,9 +3000,12 @@ ejs-listbox {
2965
3000
  pointer-events: none;
2966
3001
  }
2967
3002
  .e-listboxtool-wrapper .e-listbox-wrapper,
2968
- .e-listboxtool-container .e-listbox-wrapper {
2969
- -ms-flex: 1;
2970
- flex: 1;
3003
+ .e-listboxtool-wrapper .e-list-wrap,
3004
+ .e-listboxtool-container .e-listbox-wrapper,
3005
+ .e-listboxtool-container .e-list-wrap {
3006
+ -webkit-box-flex: 1;
3007
+ -ms-flex: 1;
3008
+ flex: 1;
2971
3009
  }
2972
3010
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2973
3011
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3073,22 +3111,22 @@ ejs-listbox {
3073
3111
  .e-listbox-wrapper.e-bigger .e-list-header,
3074
3112
  .e-bigger .e-listbox-container .e-list-header,
3075
3113
  .e-listbox-container.e-bigger .e-list-header {
3076
- -ms-flex-align: center;
3077
- align-items: center;
3114
+ -webkit-box-align: center;
3115
+ -ms-flex-align: center;
3116
+ align-items: center;
3117
+ display: -webkit-box;
3078
3118
  display: -ms-flexbox;
3079
3119
  display: flex;
3080
3120
  font-weight: 600;
3081
3121
  height: 45px;
3082
3122
  }
3083
3123
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3084
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3085
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3086
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3087
- display: none;
3088
- }
3089
3124
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3125
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3090
3126
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3127
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3091
3128
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3129
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3092
3130
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3093
3131
  display: none;
3094
3132
  }
@@ -3111,15 +3149,15 @@ ejs-listbox {
3111
3149
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3112
3150
  }
3113
3151
 
3114
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3152
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3153
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3154
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3155
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3115
3156
  height: 100%;
3116
3157
  }
3117
3158
 
3118
3159
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3119
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3120
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3121
- }
3122
-
3160
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3123
3161
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3124
3162
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3125
3163
  }
@@ -3128,23 +3166,11 @@ ejs-listbox {
3128
3166
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3129
3167
  }
3130
3168
 
3131
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3132
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3133
- }
3134
-
3135
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3136
- height: 100%;
3137
- }
3138
-
3139
3169
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3140
3170
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3141
3171
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3142
3172
  }
3143
3173
 
3144
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3145
- height: 100%;
3146
- }
3147
-
3148
3174
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3149
3175
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3150
3176
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3158,10 +3184,6 @@ ejs-listbox {
3158
3184
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3159
3185
  }
3160
3186
 
3161
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3162
- height: 100%;
3163
- }
3164
-
3165
3187
  .e-listbox-wrapper,
3166
3188
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3167
3189
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3201,12 +3223,6 @@ ejs-listbox {
3201
3223
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3202
3224
  }
3203
3225
 
3204
- .e-listbox-wrapper .e-icons,
3205
- .e-listbox-container .e-icons,
3206
- .e-listboxtool-wrapper .e-icons {
3207
- color: #fff;
3208
- }
3209
-
3210
3226
  .e-listbox-wrapper .e-list-item,
3211
3227
  .e-listbox-container .e-list-item,
3212
3228
  .e-listboxtool-wrapper .e-list-item {
@@ -3228,13 +3244,6 @@ ejs-listbox {
3228
3244
  color: #fff;
3229
3245
  }
3230
3246
 
3231
- .e-listbox-wrapper .e-list-item.e-selected,
3232
- .e-listbox-container .e-list-item.e-selected,
3233
- .e-listboxtool-wrapper .e-list-item.e-selected {
3234
- background-color: #ffd939;
3235
- color: #000;
3236
- }
3237
-
3238
3247
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3239
3248
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3240
3249
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3242,11 +3251,13 @@ ejs-listbox {
3242
3251
  color: #fff;
3243
3252
  }
3244
3253
 
3245
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3254
+ .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,
3246
3255
  .e-listbox-container .e-list-item.e-focused,
3247
3256
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3257
+ .e-listbox-container .e-list-item.e-selected,
3248
3258
  .e-listboxtool-wrapper .e-list-item.e-focused,
3249
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3259
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3260
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3250
3261
  background-color: #ffd939;
3251
3262
  color: #000;
3252
3263
  }
@@ -3336,8 +3347,8 @@ ejs-listbox {
3336
3347
  height: 3.0769em;
3337
3348
  left: 0.923em;
3338
3349
  position: absolute;
3339
- top: 0.6153em;
3340
3350
  width: 3.0769em;
3351
+ left: 0.923em;
3341
3352
  }
3342
3353
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3343
3354
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3355,18 +3366,15 @@ ejs-listbox {
3355
3366
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3356
3367
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3357
3368
  height: 3.0769em;
3369
+ left: 0.923em;
3358
3370
  position: absolute;
3359
- right: 0.923em;
3360
- top: 0.6153em;
3361
3371
  width: 3.0769em;
3372
+ right: 0.923em;
3362
3373
  }
3363
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3374
+ .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,
3364
3375
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3365
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3366
- top: 0.6153em;
3367
- }
3368
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3369
3376
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3377
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3370
3378
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3371
3379
  top: 0.6153em;
3372
3380
  }
@@ -3380,7 +3388,8 @@ ejs-listbox {
3380
3388
  position: absolute;
3381
3389
  right: 0.923em;
3382
3390
  top: 50%;
3383
- transform: translateY(-50%);
3391
+ -webkit-transform: translateY(-50%);
3392
+ transform: translateY(-50%);
3384
3393
  width: 1.5384em;
3385
3394
  }
3386
3395
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3405,23 +3414,17 @@ ejs-listbox {
3405
3414
  text-overflow: ellipsis;
3406
3415
  white-space: nowrap;
3407
3416
  }
3408
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3417
+ .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,
3409
3418
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3410
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3411
- color: #fff;
3412
- }
3413
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3414
3419
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3420
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3415
3421
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3416
3422
  color: #fff;
3417
3423
  }
3418
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3424
+ .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,
3419
3425
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3420
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3421
- color: #000;
3422
- }
3423
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3424
3426
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3427
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3425
3428
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3426
3429
  color: #000;
3427
3430
  }
@@ -3468,15 +3471,7 @@ ejs-listbox {
3468
3471
  padding-right: 0.923em;
3469
3472
  }
3470
3473
 
3471
- .e-listbox-container.e-filter-list .e-list-parent {
3472
- height: 100%;
3473
- }
3474
-
3475
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3476
- height: 100%;
3477
- }
3478
-
3479
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3474
+ .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 {
3480
3475
  height: 100%;
3481
3476
  }
3482
3477
 
@@ -3490,22 +3485,4 @@ ejs-listbox {
3490
3485
 
3491
3486
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3492
3487
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3493
- }
3494
-
3495
- /* stylelint-disable property-no-vendor-prefix */
3496
- @keyframes material-spinner-rotate {
3497
- 0% {
3498
- transform: rotate(0);
3499
- }
3500
- 100% {
3501
- transform: rotate(360deg);
3502
- }
3503
- }
3504
- @keyframes fabric-spinner-rotate {
3505
- 0% {
3506
- transform: rotate(0);
3507
- }
3508
- 100% {
3509
- transform: rotate(360deg);
3510
- }
3511
3488
  }