@syncfusion/ej2-dropdowns 25.2.7 → 26.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +531 -224
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +524 -216
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +14 -13
  13. package/src/auto-complete/auto-complete.js +1 -1
  14. package/src/combo-box/combo-box.js +15 -0
  15. package/src/common/interface.js +0 -1
  16. package/src/common/virtual-scroll.js +1 -0
  17. package/src/drop-down-base/drop-down-base-model.d.ts +8 -1
  18. package/src/drop-down-base/drop-down-base.d.ts +28 -2
  19. package/src/drop-down-base/drop-down-base.js +64 -9
  20. package/src/drop-down-list/drop-down-list.d.ts +15 -2
  21. package/src/drop-down-list/drop-down-list.js +129 -13
  22. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -15
  23. package/src/drop-down-tree/drop-down-tree.d.ts +17 -13
  24. package/src/drop-down-tree/drop-down-tree.js +67 -38
  25. package/src/list-box/list-box.d.ts +1 -0
  26. package/src/list-box/list-box.js +41 -9
  27. package/src/mention/mention.js +23 -8
  28. package/src/multi-select/interface.js +0 -1
  29. package/src/multi-select/multi-select.d.ts +15 -0
  30. package/src/multi-select/multi-select.js +135 -12
  31. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  32. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  33. package/styles/auto-complete/bootstrap-dark.css +5 -2
  34. package/styles/auto-complete/bootstrap.css +5 -2
  35. package/styles/auto-complete/bootstrap4.css +6 -2
  36. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  37. package/styles/auto-complete/bootstrap5.css +6 -2
  38. package/styles/auto-complete/fabric-dark.css +3 -1
  39. package/styles/auto-complete/fabric.css +3 -1
  40. package/styles/auto-complete/fluent-dark.css +6 -2
  41. package/styles/auto-complete/fluent.css +6 -2
  42. package/styles/auto-complete/fluent2.css +1140 -0
  43. package/styles/auto-complete/fluent2.scss +4 -0
  44. package/styles/auto-complete/highcontrast-light.css +3 -1
  45. package/styles/auto-complete/highcontrast.css +3 -1
  46. package/styles/auto-complete/material-dark.css +16 -5
  47. package/styles/auto-complete/material.css +16 -5
  48. package/styles/auto-complete/material3-dark.css +17 -6
  49. package/styles/auto-complete/material3.css +17 -6
  50. package/styles/auto-complete/tailwind-dark.css +16 -5
  51. package/styles/auto-complete/tailwind.css +16 -5
  52. package/styles/bootstrap-dark.css +197 -228
  53. package/styles/bootstrap-dark.scss +28 -8
  54. package/styles/bootstrap.css +197 -228
  55. package/styles/bootstrap.scss +28 -8
  56. package/styles/bootstrap4.css +200 -229
  57. package/styles/bootstrap4.scss +28 -8
  58. package/styles/bootstrap5-dark.css +197 -221
  59. package/styles/bootstrap5-dark.scss +28 -8
  60. package/styles/bootstrap5.css +197 -221
  61. package/styles/bootstrap5.scss +28 -8
  62. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  63. package/styles/combo-box/_fluent2-definition.scss +2 -0
  64. package/styles/combo-box/bootstrap-dark.css +5 -2
  65. package/styles/combo-box/bootstrap.css +5 -2
  66. package/styles/combo-box/bootstrap4.css +6 -2
  67. package/styles/combo-box/bootstrap5-dark.css +6 -2
  68. package/styles/combo-box/bootstrap5.css +6 -2
  69. package/styles/combo-box/fabric-dark.css +3 -1
  70. package/styles/combo-box/fabric.css +3 -1
  71. package/styles/combo-box/fluent-dark.css +6 -2
  72. package/styles/combo-box/fluent.css +6 -2
  73. package/styles/combo-box/fluent2.css +1140 -0
  74. package/styles/combo-box/fluent2.scss +4 -0
  75. package/styles/combo-box/highcontrast-light.css +3 -1
  76. package/styles/combo-box/highcontrast.css +3 -1
  77. package/styles/combo-box/material-dark.css +16 -5
  78. package/styles/combo-box/material.css +16 -5
  79. package/styles/combo-box/material3-dark.css +17 -6
  80. package/styles/combo-box/material3.css +17 -6
  81. package/styles/combo-box/tailwind-dark.css +16 -5
  82. package/styles/combo-box/tailwind.css +16 -5
  83. package/styles/drop-down-base/_bds-definition.scss +2 -2
  84. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  85. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  86. package/styles/drop-down-base/_layout.scss +12 -2
  87. package/styles/drop-down-base/_material3-definition.scss +0 -11
  88. package/styles/drop-down-base/_theme.scss +2 -11
  89. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  90. package/styles/drop-down-base/bootstrap.css +2 -1
  91. package/styles/drop-down-base/bootstrap4.css +2 -1
  92. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  93. package/styles/drop-down-base/bootstrap5.css +2 -1
  94. package/styles/drop-down-base/fabric-dark.css +2 -1
  95. package/styles/drop-down-base/fabric.css +2 -1
  96. package/styles/drop-down-base/fluent-dark.css +2 -1
  97. package/styles/drop-down-base/fluent.css +2 -1
  98. package/styles/drop-down-base/fluent2.css +1447 -0
  99. package/styles/drop-down-base/fluent2.scss +3 -0
  100. package/styles/drop-down-base/highcontrast-light.css +2 -1
  101. package/styles/drop-down-base/highcontrast.css +2 -1
  102. package/styles/drop-down-base/material-dark.css +2 -1
  103. package/styles/drop-down-base/material.css +2 -1
  104. package/styles/drop-down-base/material3-dark.css +9 -2
  105. package/styles/drop-down-base/material3.css +9 -2
  106. package/styles/drop-down-base/tailwind-dark.css +2 -1
  107. package/styles/drop-down-base/tailwind.css +2 -1
  108. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  109. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  110. package/styles/drop-down-list/_layout.scss +5 -3
  111. package/styles/drop-down-list/_material3-definition.scss +0 -8
  112. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  113. package/styles/drop-down-list/bootstrap.css +38 -3
  114. package/styles/drop-down-list/bootstrap4.css +39 -3
  115. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  116. package/styles/drop-down-list/bootstrap5.css +39 -3
  117. package/styles/drop-down-list/fabric-dark.css +36 -2
  118. package/styles/drop-down-list/fabric.css +36 -2
  119. package/styles/drop-down-list/fluent-dark.css +39 -3
  120. package/styles/drop-down-list/fluent.css +39 -3
  121. package/styles/drop-down-list/fluent2.css +1684 -0
  122. package/styles/drop-down-list/fluent2.scss +9 -0
  123. package/styles/drop-down-list/highcontrast-light.css +36 -2
  124. package/styles/drop-down-list/highcontrast.css +36 -2
  125. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  126. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  127. package/styles/drop-down-list/material-dark.css +58 -7
  128. package/styles/drop-down-list/material.css +72 -9
  129. package/styles/drop-down-list/material3-dark.css +74 -10
  130. package/styles/drop-down-list/material3.css +74 -10
  131. package/styles/drop-down-list/tailwind-dark.css +49 -6
  132. package/styles/drop-down-list/tailwind.css +49 -6
  133. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  134. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  135. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  136. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  137. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  138. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  139. package/styles/drop-down-tree/_layout.scss +290 -327
  140. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  141. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  142. package/styles/drop-down-tree/_theme.scss +24 -41
  143. package/styles/drop-down-tree/bootstrap-dark.css +64 -29
  144. package/styles/drop-down-tree/bootstrap.css +64 -29
  145. package/styles/drop-down-tree/bootstrap4.css +65 -30
  146. package/styles/drop-down-tree/bootstrap5-dark.css +64 -27
  147. package/styles/drop-down-tree/bootstrap5.css +64 -27
  148. package/styles/drop-down-tree/fabric-dark.css +64 -29
  149. package/styles/drop-down-tree/fabric.css +64 -29
  150. package/styles/drop-down-tree/fluent-dark.css +72 -35
  151. package/styles/drop-down-tree/fluent.css +72 -35
  152. package/styles/drop-down-tree/fluent2.css +1733 -0
  153. package/styles/drop-down-tree/fluent2.scss +9 -0
  154. package/styles/drop-down-tree/highcontrast-light.css +64 -29
  155. package/styles/drop-down-tree/highcontrast.css +64 -23
  156. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  157. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  158. package/styles/drop-down-tree/material-dark.css +81 -43
  159. package/styles/drop-down-tree/material.css +98 -51
  160. package/styles/drop-down-tree/material3-dark.css +86 -32
  161. package/styles/drop-down-tree/material3.css +86 -32
  162. package/styles/drop-down-tree/tailwind-dark.css +73 -28
  163. package/styles/drop-down-tree/tailwind.css +73 -28
  164. package/styles/fabric-dark.css +195 -227
  165. package/styles/fabric-dark.scss +28 -8
  166. package/styles/fabric.css +195 -227
  167. package/styles/fabric.scss +28 -8
  168. package/styles/fluent-dark.css +207 -236
  169. package/styles/fluent-dark.scss +28 -8
  170. package/styles/fluent.css +207 -236
  171. package/styles/fluent.scss +28 -8
  172. package/styles/fluent2.css +4772 -0
  173. package/styles/fluent2.scss +28 -0
  174. package/styles/highcontrast-light.css +198 -227
  175. package/styles/highcontrast-light.scss +28 -8
  176. package/styles/highcontrast.css +198 -221
  177. package/styles/highcontrast.scss +28 -8
  178. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  179. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  180. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  181. package/styles/list-box/_fluent2-definition.scss +121 -0
  182. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  183. package/styles/list-box/_layout.scss +65 -44
  184. package/styles/list-box/_material-dark-definition.scss +0 -2
  185. package/styles/list-box/_tailwind-definition.scss +1 -1
  186. package/styles/list-box/_theme.scss +36 -65
  187. package/styles/list-box/bootstrap-dark.css +72 -112
  188. package/styles/list-box/bootstrap.css +72 -112
  189. package/styles/list-box/bootstrap4.css +72 -112
  190. package/styles/list-box/bootstrap5-dark.css +72 -106
  191. package/styles/list-box/bootstrap5.css +72 -106
  192. package/styles/list-box/fabric-dark.css +72 -112
  193. package/styles/list-box/fabric.css +72 -112
  194. package/styles/list-box/fluent-dark.css +72 -112
  195. package/styles/list-box/fluent.css +72 -112
  196. package/styles/list-box/fluent2.css +2029 -0
  197. package/styles/list-box/fluent2.scss +5 -0
  198. package/styles/list-box/highcontrast-light.css +72 -112
  199. package/styles/list-box/highcontrast.css +72 -112
  200. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  201. package/styles/list-box/icons/_fluent2.scss +25 -0
  202. package/styles/list-box/material-dark.css +72 -112
  203. package/styles/list-box/material.css +72 -112
  204. package/styles/list-box/material3-dark.css +73 -113
  205. package/styles/list-box/material3.css +73 -113
  206. package/styles/list-box/tailwind-dark.css +74 -114
  207. package/styles/list-box/tailwind.css +74 -114
  208. package/styles/material-dark.css +237 -260
  209. package/styles/material-dark.scss +28 -8
  210. package/styles/material.css +254 -284
  211. package/styles/material.scss +28 -8
  212. package/styles/material3-dark.css +254 -266
  213. package/styles/material3-dark.scss +28 -8
  214. package/styles/material3.css +254 -266
  215. package/styles/material3.scss +28 -8
  216. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  217. package/styles/mention/_fluent2-definition.scss +1 -0
  218. package/styles/mention/bootstrap-dark.css +24 -0
  219. package/styles/mention/bootstrap.css +24 -0
  220. package/styles/mention/bootstrap4.css +24 -0
  221. package/styles/mention/bootstrap5-dark.css +24 -0
  222. package/styles/mention/bootstrap5.css +24 -0
  223. package/styles/mention/fabric-dark.css +24 -0
  224. package/styles/mention/fabric.css +24 -0
  225. package/styles/mention/fluent-dark.css +24 -0
  226. package/styles/mention/fluent.css +24 -0
  227. package/styles/mention/fluent2.css +1130 -0
  228. package/styles/mention/fluent2.scss +6 -0
  229. package/styles/mention/highcontrast-light.css +24 -0
  230. package/styles/mention/highcontrast.css +24 -0
  231. package/styles/mention/material-dark.css +24 -0
  232. package/styles/mention/material.css +24 -0
  233. package/styles/mention/material3-dark.css +25 -1
  234. package/styles/mention/material3.css +25 -1
  235. package/styles/mention/tailwind-dark.css +24 -0
  236. package/styles/mention/tailwind.css +24 -0
  237. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  238. package/styles/multi-select/_fluent2-definition.scss +236 -0
  239. package/styles/multi-select/_layout.scss +32 -38
  240. package/styles/multi-select/_material3-definition.scss +0 -15
  241. package/styles/multi-select/_theme.scss +0 -4
  242. package/styles/multi-select/bootstrap-dark.css +67 -28
  243. package/styles/multi-select/bootstrap.css +67 -28
  244. package/styles/multi-select/bootstrap4.css +70 -29
  245. package/styles/multi-select/bootstrap5-dark.css +67 -28
  246. package/styles/multi-select/bootstrap5.css +67 -28
  247. package/styles/multi-select/fabric-dark.css +67 -28
  248. package/styles/multi-select/fabric.css +67 -28
  249. package/styles/multi-select/fluent-dark.css +69 -29
  250. package/styles/multi-select/fluent.css +69 -29
  251. package/styles/multi-select/fluent2.css +2663 -0
  252. package/styles/multi-select/fluent2.scss +9 -0
  253. package/styles/multi-select/highcontrast-light.css +70 -28
  254. package/styles/multi-select/highcontrast.css +70 -28
  255. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  256. package/styles/multi-select/icons/_fluent2.scss +692 -0
  257. package/styles/multi-select/material-dark.css +88 -32
  258. package/styles/multi-select/material.css +102 -34
  259. package/styles/multi-select/material3-dark.css +109 -35
  260. package/styles/multi-select/material3.css +109 -35
  261. package/styles/multi-select/tailwind-dark.css +67 -28
  262. package/styles/multi-select/tailwind.css +67 -28
  263. package/styles/tailwind-dark.css +218 -233
  264. package/styles/tailwind-dark.scss +28 -8
  265. package/styles/tailwind.css +218 -233
  266. package/styles/tailwind.scss +28 -8
  267. package/CHANGELOG.md +0 -2200
@@ -87,7 +87,8 @@
87
87
  .e-mention.e-popup {
88
88
  background: #514f4f;
89
89
  border: 0;
90
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
90
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
91
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
91
92
  margin-top: 2px;
92
93
  position: absolute;
93
94
  }
@@ -373,25 +374,50 @@
373
374
 
374
375
  /* stylelint-disable property-no-vendor-prefix */
375
376
  /* stylelint-disable property-no-vendor-prefix */
377
+ @-webkit-keyframes material-spinner-rotate {
378
+ 0% {
379
+ -webkit-transform: rotate(0);
380
+ transform: rotate(0);
381
+ }
382
+ 100% {
383
+ -webkit-transform: rotate(360deg);
384
+ transform: rotate(360deg);
385
+ }
386
+ }
376
387
  @keyframes material-spinner-rotate {
377
388
  0% {
389
+ -webkit-transform: rotate(0);
390
+ transform: rotate(0);
391
+ }
392
+ 100% {
393
+ -webkit-transform: rotate(360deg);
394
+ transform: rotate(360deg);
395
+ }
396
+ }
397
+ @-webkit-keyframes fabric-spinner-rotate {
398
+ 0% {
399
+ -webkit-transform: rotate(0);
378
400
  transform: rotate(0);
379
401
  }
380
402
  100% {
403
+ -webkit-transform: rotate(360deg);
381
404
  transform: rotate(360deg);
382
405
  }
383
406
  }
384
407
  @keyframes fabric-spinner-rotate {
385
408
  0% {
409
+ -webkit-transform: rotate(0);
386
410
  transform: rotate(0);
387
411
  }
388
412
  100% {
413
+ -webkit-transform: rotate(360deg);
389
414
  transform: rotate(360deg);
390
415
  }
391
416
  }
392
417
  .e-ddl.e-popup {
393
418
  border: 0;
394
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
419
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
420
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
395
421
  margin-top: 1px;
396
422
  }
397
423
  .e-ddl.e-popup .e-input-group input {
@@ -399,6 +425,7 @@
399
425
  }
400
426
 
401
427
  .e-ddl.e-popup .e-input-group {
428
+ display: -webkit-box;
402
429
  display: -ms-flexbox;
403
430
  display: flex;
404
431
  width: auto;
@@ -550,7 +577,8 @@
550
577
  .e-filter-parent {
551
578
  border: 1px solid #414040;
552
579
  border-top-width: 0;
553
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
580
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
581
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
554
582
  display: block;
555
583
  padding: 5px;
556
584
  }
@@ -625,6 +653,7 @@
625
653
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
626
654
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
627
655
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
656
+ display: -webkit-box;
628
657
  display: -ms-flexbox;
629
658
  display: flex;
630
659
  }
@@ -646,6 +675,7 @@
646
675
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
647
676
  .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 {
648
677
  cursor: pointer;
678
+ display: -webkit-box;
649
679
  display: -ms-flexbox;
650
680
  display: flex;
651
681
  }
@@ -665,6 +695,11 @@
665
695
  pointer-events: none;
666
696
  }
667
697
 
698
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
699
+ opacity: 0.7;
700
+ pointer-events: none;
701
+ }
702
+
668
703
  ejs-autocomplete,
669
704
  ejs-combobox,
670
705
  ejs-dropdownlist {
@@ -733,24 +768,6 @@ ejs-dropdownlist {
733
768
  color: #000;
734
769
  }
735
770
 
736
- /* stylelint-disable property-no-vendor-prefix */
737
- /* stylelint-disable property-no-vendor-prefix */
738
- @keyframes material-spinner-rotate {
739
- 0% {
740
- transform: rotate(0);
741
- }
742
- 100% {
743
- transform: rotate(360deg);
744
- }
745
- }
746
- @keyframes fabric-spinner-rotate {
747
- 0% {
748
- transform: rotate(0);
749
- }
750
- 100% {
751
- transform: rotate(360deg);
752
- }
753
- }
754
771
  /* stylelint-disable */
755
772
  /* stylelint-disable */
756
773
  .e-ddt .e-ddt-icon::before {
@@ -765,12 +782,20 @@ ejs-dropdownlist {
765
782
  outline: none;
766
783
  }
767
784
  .e-ddt .e-ddt-icon::before {
768
- transform: rotate(0deg);
785
+ -webkit-transform: rotate(0deg);
786
+ transform: rotate(0deg);
787
+ -webkit-transition: -webkit-transform 300ms ease;
788
+ transition: -webkit-transform 300ms ease;
769
789
  transition: transform 300ms ease;
790
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
770
791
  }
771
792
  .e-ddt.e-icon-anim .e-ddt-icon::before {
772
- transform: rotate(180deg);
793
+ -webkit-transform: rotate(180deg);
794
+ transform: rotate(180deg);
795
+ -webkit-transition: -webkit-transform 300ms ease;
796
+ transition: -webkit-transform 300ms ease;
773
797
  transition: transform 300ms ease;
798
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
774
799
  }
775
800
  .e-ddt .e-ddt-hidden {
776
801
  border: 0;
@@ -779,7 +804,8 @@ ejs-dropdownlist {
779
804
  width: 0;
780
805
  }
781
806
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
782
- box-sizing: content-box;
807
+ -webkit-box-sizing: content-box;
808
+ box-sizing: content-box;
783
809
  min-height: 30px;
784
810
  }
785
811
  .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 {
@@ -810,6 +836,7 @@ ejs-dropdownlist {
810
836
  padding-right: 0;
811
837
  }
812
838
  .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 {
839
+ display: -webkit-box;
813
840
  display: -ms-flexbox;
814
841
  display: flex;
815
842
  }
@@ -817,20 +844,25 @@ ejs-dropdownlist {
817
844
  width: 100%;
818
845
  }
819
846
  .e-ddt.e-show-chip .e-chips-close {
820
- line-height: 23px;
821
847
  min-height: 26px;
822
848
  min-width: 18px;
849
+ line-height: 23px;
823
850
  text-align: center;
824
851
  }
825
852
  .e-ddt.e-show-chip .e-chips-close::before {
826
853
  font-size: 10px;
854
+ }
855
+ .e-ddt.e-show-chip .e-chips-close::before {
827
856
  vertical-align: middle;
828
857
  }
829
858
  .e-ddt.e-show-chip .e-chips {
830
- -ms-flex-align: center;
831
- align-items: center;
859
+ -webkit-box-align: center;
860
+ -ms-flex-align: center;
861
+ align-items: center;
832
862
  border-radius: 0;
833
- box-sizing: border-box;
863
+ -webkit-box-sizing: border-box;
864
+ box-sizing: border-box;
865
+ display: -webkit-inline-box;
834
866
  display: -ms-inline-flexbox;
835
867
  display: inline-flex;
836
868
  float: left;
@@ -858,7 +890,8 @@ ejs-dropdownlist {
858
890
  padding: 6px 10px 0 10px;
859
891
  }
860
892
  .e-ddt .e-overflow.e-total-count {
861
- box-sizing: border-box;
893
+ -webkit-box-sizing: border-box;
894
+ box-sizing: border-box;
862
895
  display: inline-block;
863
896
  overflow: hidden;
864
897
  text-overflow: ellipsis;
@@ -902,10 +935,12 @@ ejs-dropdownlist {
902
935
  .e-ddt .e-dropdowntree.e-chip-input,
903
936
  .e-ddt input[readonly].e-input.e-chip-input {
904
937
  width: 0;
938
+ display: none;
905
939
  }
906
940
  .e-ddt.e-popup {
907
941
  border: 1px solid #414040;
908
- 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);
942
+ -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);
943
+ 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);
909
944
  position: absolute;
910
945
  }
911
946
  .e-ddt.e-popup .e-selectall-parent {
@@ -931,19 +966,18 @@ ejs-dropdownlist {
931
966
  font-size: 14px;
932
967
  margin: 10px;
933
968
  }
934
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
935
- padding: 0 12px;
936
- }
937
969
  .e-ddt.e-popup .e-filter-wrap {
938
- border: 1px solid #414040;
939
970
  border-top-width: 0;
940
971
  display: block;
941
972
  padding: 5px;
942
- }
943
- .e-ddt.e-popup .e-filter-wrap {
973
+ border: 1px solid #414040;
944
974
  border-left-width: 0;
945
975
  border-right-width: 0;
946
976
  }
977
+ .e-ddt.e-popup .e-filter-wrap .e-input,
978
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
979
+ padding: 0 12px;
980
+ }
947
981
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
948
982
  margin-bottom: 0;
949
983
  }
@@ -958,8 +992,8 @@ ejs-dropdownlist {
958
992
  cursor: default;
959
993
  font-family: inherit;
960
994
  font-size: 14px;
961
- padding: 14px 16px;
962
995
  text-align: center;
996
+ padding: 14px 16px;
963
997
  }
964
998
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
965
999
  display: none;
@@ -1013,16 +1047,16 @@ ejs-dropdownlist {
1013
1047
  padding: 6px 10px 0 10px;
1014
1048
  }
1015
1049
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1016
- margin-left: 30px;
1017
1050
  margin-right: 1px;
1051
+ margin-left: 30px;
1018
1052
  }
1019
1053
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1020
- margin-left: 30px;
1021
1054
  margin-right: 1px;
1055
+ margin-left: 30px;
1022
1056
  }
1023
1057
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1024
- margin-left: 60px;
1025
1058
  margin-right: 1px;
1059
+ margin-left: 60px;
1026
1060
  }
1027
1061
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1028
1062
  .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,
@@ -1095,18 +1129,18 @@ ejs-dropdownlist {
1095
1129
  }
1096
1130
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1097
1131
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1098
- margin-left: 38px;
1099
1132
  margin-right: 1px;
1133
+ margin-left: 38px;
1100
1134
  }
1101
1135
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1102
1136
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1103
- margin-left: 38px;
1104
1137
  margin-right: 1px;
1138
+ margin-left: 38px;
1105
1139
  }
1106
1140
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1107
1141
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1108
- margin-left: 76px;
1109
- margin-right: 1px;
1142
+ margin-right: 76px;
1143
+ margin-left: 1px;
1110
1144
  }
1111
1145
  .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,
1112
1146
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1124,12 +1158,6 @@ ejs-dropdownlist {
1124
1158
  .e-ddt .e-chips > .e-chipcontent {
1125
1159
  color: #dadada;
1126
1160
  }
1127
- .e-ddt .e-chips:hover {
1128
- background-color: #514f4f;
1129
- }
1130
- .e-ddt .e-chips:hover > .e-chipcontent {
1131
- color: #fff;
1132
- }
1133
1161
  .e-ddt .e-overflow .e-remain {
1134
1162
  color: #9a9a9a;
1135
1163
  }
@@ -1153,25 +1181,8 @@ ejs-dropdownlist {
1153
1181
  color: #dadada;
1154
1182
  }
1155
1183
 
1156
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1157
- /* stylelint-disable property-no-vendor-prefix */
1158
- /* stylelint-disable property-no-vendor-prefix */
1159
- @keyframes material-spinner-rotate {
1160
- 0% {
1161
- transform: rotate(0);
1162
- }
1163
- 100% {
1164
- transform: rotate(360deg);
1165
- }
1166
- }
1167
- @keyframes fabric-spinner-rotate {
1168
- 0% {
1169
- transform: rotate(0);
1170
- }
1171
- 100% {
1172
- transform: rotate(360deg);
1173
- }
1174
- }
1184
+ /* stylelint-disable-line no-empty-source */
1185
+ /* stylelint-disable-line no-empty-source */
1175
1186
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1176
1187
  height: 30px;
1177
1188
  width: 30px;
@@ -1222,13 +1233,15 @@ ejs-dropdownlist {
1222
1233
  }
1223
1234
 
1224
1235
  .e-multi-select-wrapper {
1225
- box-sizing: border-box;
1236
+ -webkit-box-sizing: border-box;
1237
+ box-sizing: border-box;
1226
1238
  cursor: text;
1227
1239
  line-height: normal;
1228
1240
  min-height: 30px;
1229
1241
  padding: 0 32px 0 2px;
1230
1242
  position: relative;
1231
1243
  -webkit-user-select: none;
1244
+ -moz-user-select: none;
1232
1245
  -ms-user-select: none;
1233
1246
  user-select: none;
1234
1247
  width: 100%;
@@ -1245,7 +1258,8 @@ ejs-dropdownlist {
1245
1258
  white-space: nowrap;
1246
1259
  }
1247
1260
  .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 {
1248
- box-sizing: border-box;
1261
+ -webkit-box-sizing: border-box;
1262
+ box-sizing: border-box;
1249
1263
  display: inline-block;
1250
1264
  overflow: hidden;
1251
1265
  text-overflow: ellipsis;
@@ -1276,6 +1290,7 @@ ejs-dropdownlist {
1276
1290
 
1277
1291
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1278
1292
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1293
+ display: -webkit-box;
1279
1294
  display: -ms-flexbox;
1280
1295
  display: flex;
1281
1296
  float: left;
@@ -1283,6 +1298,7 @@ ejs-dropdownlist {
1283
1298
  }
1284
1299
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1285
1300
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1301
+ display: -webkit-inline-box;
1286
1302
  display: -ms-inline-flexbox;
1287
1303
  display: inline-flex;
1288
1304
  float: none;
@@ -1305,8 +1321,9 @@ ejs-dropdownlist {
1305
1321
  }
1306
1322
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1307
1323
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1308
- -ms-flex-align: center;
1309
- align-items: center;
1324
+ -webkit-box-align: center;
1325
+ -ms-flex-align: center;
1326
+ align-items: center;
1310
1327
  display: inline;
1311
1328
  max-width: 100%;
1312
1329
  word-break: break-word;
@@ -1315,12 +1332,15 @@ ejs-dropdownlist {
1315
1332
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1316
1333
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1317
1334
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1318
- -ms-flex-align: center;
1319
- align-items: center;
1335
+ -webkit-box-align: center;
1336
+ -ms-flex-align: center;
1337
+ align-items: center;
1320
1338
  cursor: pointer;
1321
1339
  display: none;
1322
- -ms-flex-direction: row;
1323
- flex-direction: row;
1340
+ -webkit-box-orient: horizontal;
1341
+ -webkit-box-direction: normal;
1342
+ -ms-flex-direction: row;
1343
+ flex-direction: row;
1324
1344
  margin-top: -3em;
1325
1345
  outline: 0;
1326
1346
  padding: 0;
@@ -1332,6 +1352,7 @@ ejs-dropdownlist {
1332
1352
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1333
1353
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1334
1354
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1355
+ display: -webkit-box;
1335
1356
  display: -ms-flexbox;
1336
1357
  display: flex;
1337
1358
  }
@@ -1411,8 +1432,10 @@ ejs-dropdownlist {
1411
1432
  }
1412
1433
 
1413
1434
  .e-multi-select-wrapper .e-chips {
1414
- -ms-flex-align: center;
1415
- align-items: center;
1435
+ -webkit-box-align: center;
1436
+ -ms-flex-align: center;
1437
+ align-items: center;
1438
+ display: -webkit-inline-box;
1416
1439
  display: -ms-inline-flexbox;
1417
1440
  display: inline-flex;
1418
1441
  float: left;
@@ -1455,6 +1478,7 @@ ejs-dropdownlist {
1455
1478
  .e-multi-select-wrapper .e-chips-close {
1456
1479
  -ms-flex-item-align: center;
1457
1480
  align-self: center;
1481
+ display: -webkit-box;
1458
1482
  display: -ms-flexbox;
1459
1483
  display: flex;
1460
1484
  float: right;
@@ -1624,7 +1648,9 @@ ejs-dropdownlist {
1624
1648
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1625
1649
  -ms-flex-item-align: center;
1626
1650
  align-self: center;
1627
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1651
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1652
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1653
+ display: -webkit-inline-box;
1628
1654
  display: -ms-inline-flexbox;
1629
1655
  display: inline-flex;
1630
1656
  padding: 0 10px;
@@ -1975,8 +2001,9 @@ ejs-multiselect {
1975
2001
 
1976
2002
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1977
2003
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1978
- -ms-flex-align: normal;
1979
- align-items: normal;
2004
+ -webkit-box-align: normal;
2005
+ -ms-flex-align: normal;
2006
+ align-items: normal;
1980
2007
  }
1981
2008
 
1982
2009
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2039,7 +2066,10 @@ ejs-multiselect {
2039
2066
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2040
2067
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2041
2068
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2042
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2069
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2070
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2071
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2072
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2043
2073
  height: 24px;
2044
2074
  }
2045
2075
 
@@ -2048,10 +2078,6 @@ ejs-multiselect {
2048
2078
  height: 32px;
2049
2079
  }
2050
2080
 
2051
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2052
- height: 24px;
2053
- }
2054
-
2055
2081
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2056
2082
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2057
2083
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2107,11 +2133,6 @@ ejs-multiselect {
2107
2133
  margin: 4px 0 0 4px;
2108
2134
  }
2109
2135
 
2110
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2111
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2112
- height: 24px;
2113
- }
2114
-
2115
2136
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2116
2137
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2117
2138
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2216,7 +2237,8 @@ ejs-multiselect {
2216
2237
  }
2217
2238
 
2218
2239
  .e-multiselect {
2219
- box-sizing: border-box;
2240
+ -webkit-box-sizing: border-box;
2241
+ box-sizing: border-box;
2220
2242
  }
2221
2243
 
2222
2244
  /* stylelint-disable property-no-vendor-prefix */
@@ -2273,8 +2295,10 @@ ejs-multiselect {
2273
2295
  }
2274
2296
 
2275
2297
  .e-popup.e-multi-select-list-wrapper {
2276
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2277
- box-sizing: content-box;
2298
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2299
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2300
+ -webkit-box-sizing: content-box;
2301
+ box-sizing: content-box;
2278
2302
  overflow: initial;
2279
2303
  }
2280
2304
 
@@ -2328,14 +2352,16 @@ ejs-multiselect {
2328
2352
 
2329
2353
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2330
2354
  background-color: #514f4f;
2331
- box-shadow: none;
2355
+ -webkit-box-shadow: none;
2356
+ box-shadow: none;
2332
2357
  color: #fff;
2333
2358
  border: 1px solid #dadada;
2334
2359
  }
2335
2360
 
2336
2361
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2337
2362
  background-color: #514f4f;
2338
- box-shadow: none;
2363
+ -webkit-box-shadow: none;
2364
+ box-shadow: none;
2339
2365
  color: #fff;
2340
2366
  border: 1px solid #dadada;
2341
2367
  }
@@ -2447,11 +2473,13 @@ ejs-multiselect {
2447
2473
  .e-listbox-container,
2448
2474
  .e-listboxtool-wrapper {
2449
2475
  -webkit-overflow-scrolling: touch;
2450
- box-sizing: border-box;
2476
+ -webkit-box-sizing: border-box;
2477
+ box-sizing: border-box;
2451
2478
  cursor: pointer;
2452
2479
  display: block;
2453
2480
  position: relative;
2454
2481
  -webkit-user-select: none;
2482
+ -moz-user-select: none;
2455
2483
  -ms-user-select: none;
2456
2484
  user-select: none;
2457
2485
  width: 100%;
@@ -2459,7 +2487,8 @@ ejs-multiselect {
2459
2487
  .e-listbox-wrapper *,
2460
2488
  .e-listbox-container *,
2461
2489
  .e-listboxtool-wrapper * {
2462
- box-sizing: border-box;
2490
+ -webkit-box-sizing: border-box;
2491
+ box-sizing: border-box;
2463
2492
  }
2464
2493
  .e-listbox-wrapper:focus,
2465
2494
  .e-listbox-container:focus,
@@ -2519,9 +2548,11 @@ ejs-multiselect {
2519
2548
  margin: 0;
2520
2549
  padding: 0;
2521
2550
  }
2522
- .e-listbox-wrapper .e-list-header .e-text.header,
2551
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2523
2552
  .e-listbox-container .e-list-header .e-text.header,
2524
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2553
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2554
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2555
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2525
2556
  display: none;
2526
2557
  }
2527
2558
  .e-listbox-wrapper .e-icon-back,
@@ -2529,17 +2560,14 @@ ejs-multiselect {
2529
2560
  .e-listboxtool-wrapper .e-icon-back {
2530
2561
  margin-top: 2px;
2531
2562
  }
2532
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2533
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2534
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2535
- display: none;
2536
- }
2537
2563
  .e-listbox-wrapper .e-list-header,
2538
2564
  .e-listbox-container .e-list-header,
2539
2565
  .e-listboxtool-wrapper .e-list-header {
2540
- -ms-flex-align: center;
2541
- align-items: center;
2566
+ -webkit-box-align: center;
2567
+ -ms-flex-align: center;
2568
+ align-items: center;
2542
2569
  border-bottom: 1px solid;
2570
+ display: -webkit-box;
2543
2571
  display: -ms-flexbox;
2544
2572
  display: flex;
2545
2573
  font-weight: 600;
@@ -2581,7 +2609,8 @@ ejs-multiselect {
2581
2609
  position: absolute;
2582
2610
  right: 0%;
2583
2611
  top: 50%;
2584
- transform: translateY(-50%);
2612
+ -webkit-transform: translateY(-50%);
2613
+ transform: translateY(-50%);
2585
2614
  }
2586
2615
  .e-listbox-wrapper .e-text-content,
2587
2616
  .e-listbox-container .e-text-content,
@@ -2637,18 +2666,12 @@ ejs-multiselect {
2637
2666
  white-space: nowrap;
2638
2667
  width: 100%;
2639
2668
  }
2640
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2669
+ .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,
2641
2670
  .e-listbox-container .e-list-icon + .e-list-text,
2642
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2643
- width: calc(100% - 60px);
2644
- }
2645
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2646
2671
  .e-listbox-container .e-icon-wrapper .e-list-text,
2647
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2648
- width: calc(100% - 60px);
2649
- }
2650
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2651
2672
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2673
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2674
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2652
2675
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2653
2676
  width: calc(100% - 60px);
2654
2677
  }
@@ -2694,7 +2717,8 @@ ejs-multiselect {
2694
2717
  left: 0%;
2695
2718
  right: initial;
2696
2719
  top: 50%;
2697
- transform: translateY(-50%) rotate(180deg);
2720
+ -webkit-transform: translateY(-50%) rotate(180deg);
2721
+ transform: translateY(-50%) rotate(180deg);
2698
2722
  }
2699
2723
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2700
2724
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2704,7 +2728,8 @@ ejs-multiselect {
2704
2728
  .e-listbox-wrapper.e-rtl .e-but-back,
2705
2729
  .e-listbox-container.e-rtl .e-but-back,
2706
2730
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2707
- transform: rotate(180deg);
2731
+ -webkit-transform: rotate(180deg);
2732
+ transform: rotate(180deg);
2708
2733
  }
2709
2734
  .e-listbox-wrapper.e-rtl .e-icon-back,
2710
2735
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2712,8 +2737,11 @@ ejs-multiselect {
2712
2737
  margin-top: 1px;
2713
2738
  }
2714
2739
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2740
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2715
2741
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2716
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2742
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2743
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2744
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2717
2745
  margin: -2px 0 0 10px;
2718
2746
  }
2719
2747
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2721,11 +2749,6 @@ ejs-multiselect {
2721
2749
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2722
2750
  margin: -2px 10px 0 0;
2723
2751
  }
2724
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2725
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2726
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2727
- margin: -2px 0 0 10px;
2728
- }
2729
2752
  .e-listbox-wrapper .e-checkbox-wrapper,
2730
2753
  .e-listbox-container .e-checkbox-wrapper,
2731
2754
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2770,10 +2793,7 @@ ejs-listbox {
2770
2793
  display: block;
2771
2794
  }
2772
2795
 
2773
- .e-listbox-wrapper:not(.e-listbox-container) {
2774
- overflow: auto;
2775
- }
2776
-
2796
+ .e-listbox-wrapper:not(.e-listbox-container),
2777
2797
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2778
2798
  overflow: auto;
2779
2799
  }
@@ -2788,6 +2808,7 @@ ejs-listbox {
2788
2808
  .e-listbox-container.e-sortableclone .e-list-item,
2789
2809
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2790
2810
  list-style-type: none;
2811
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2791
2812
  }
2792
2813
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2793
2814
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2802,18 +2823,21 @@ ejs-listbox {
2802
2823
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2803
2824
  .e-listbox-container.e-sortableclone .e-list-badge,
2804
2825
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2805
- -ms-flex-align: center;
2806
- align-items: center;
2826
+ -webkit-box-align: center;
2827
+ -ms-flex-align: center;
2828
+ align-items: center;
2807
2829
  background-color: #0074cc;
2808
2830
  border: 1px solid #fff;
2809
2831
  border-radius: 50%;
2810
2832
  color: #fff;
2833
+ display: -webkit-box;
2811
2834
  display: -ms-flexbox;
2812
2835
  display: flex;
2813
2836
  font-size: 12px;
2814
2837
  height: 22px;
2815
- -ms-flex-pack: center;
2816
- justify-content: center;
2838
+ -webkit-box-pack: center;
2839
+ -ms-flex-pack: center;
2840
+ justify-content: center;
2817
2841
  position: absolute;
2818
2842
  right: -10px;
2819
2843
  top: -10px;
@@ -2827,12 +2851,14 @@ ejs-listbox {
2827
2851
  .e-listboxtool-wrapper,
2828
2852
  .e-listboxtool-container {
2829
2853
  cursor: pointer;
2854
+ display: -webkit-box;
2830
2855
  display: -ms-flexbox;
2831
2856
  display: flex;
2832
2857
  }
2833
2858
  .e-listboxtool-wrapper *,
2834
2859
  .e-listboxtool-container * {
2835
- box-sizing: border-box;
2860
+ -webkit-box-sizing: border-box;
2861
+ box-sizing: border-box;
2836
2862
  }
2837
2863
  .e-listboxtool-wrapper.e-disabled,
2838
2864
  .e-listboxtool-container.e-disabled {
@@ -2840,9 +2866,12 @@ ejs-listbox {
2840
2866
  pointer-events: none;
2841
2867
  }
2842
2868
  .e-listboxtool-wrapper .e-listbox-wrapper,
2843
- .e-listboxtool-container .e-listbox-wrapper {
2844
- -ms-flex: 1;
2845
- flex: 1;
2869
+ .e-listboxtool-wrapper .e-list-wrap,
2870
+ .e-listboxtool-container .e-listbox-wrapper,
2871
+ .e-listboxtool-container .e-list-wrap {
2872
+ -webkit-box-flex: 1;
2873
+ -ms-flex: 1;
2874
+ flex: 1;
2846
2875
  }
2847
2876
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2848
2877
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2942,22 +2971,22 @@ ejs-listbox {
2942
2971
  .e-listbox-wrapper.e-bigger .e-list-header,
2943
2972
  .e-bigger .e-listbox-container .e-list-header,
2944
2973
  .e-listbox-container.e-bigger .e-list-header {
2945
- -ms-flex-align: center;
2946
- align-items: center;
2974
+ -webkit-box-align: center;
2975
+ -ms-flex-align: center;
2976
+ align-items: center;
2977
+ display: -webkit-box;
2947
2978
  display: -ms-flexbox;
2948
2979
  display: flex;
2949
2980
  font-weight: 600;
2950
2981
  height: 45px;
2951
2982
  }
2952
2983
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2953
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2954
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2955
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
2956
- display: none;
2957
- }
2958
2984
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2985
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2959
2986
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
2987
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2960
2988
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2989
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2961
2990
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2962
2991
  display: none;
2963
2992
  }
@@ -2980,15 +3009,15 @@ ejs-listbox {
2980
3009
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2981
3010
  }
2982
3011
 
2983
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3012
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3013
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3014
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3015
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2984
3016
  height: 100%;
2985
3017
  }
2986
3018
 
2987
3019
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2988
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2989
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2990
- }
2991
-
3020
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2992
3021
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2993
3022
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2994
3023
  }
@@ -2997,23 +3026,11 @@ ejs-listbox {
2997
3026
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2998
3027
  }
2999
3028
 
3000
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3001
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3002
- }
3003
-
3004
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3005
- height: 100%;
3006
- }
3007
-
3008
3029
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3009
3030
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3010
3031
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3011
3032
  }
3012
3033
 
3013
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3014
- height: 100%;
3015
- }
3016
-
3017
3034
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3018
3035
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3019
3036
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3027,10 +3044,6 @@ ejs-listbox {
3027
3044
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3028
3045
  }
3029
3046
 
3030
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3031
- height: 100%;
3032
- }
3033
-
3034
3047
  .e-listbox-wrapper,
3035
3048
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3036
3049
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3070,12 +3083,6 @@ ejs-listbox {
3070
3083
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3071
3084
  }
3072
3085
 
3073
- .e-listbox-wrapper .e-icons,
3074
- .e-listbox-container .e-icons,
3075
- .e-listboxtool-wrapper .e-icons {
3076
- color: #dadada;
3077
- }
3078
-
3079
3086
  .e-listbox-wrapper .e-list-item,
3080
3087
  .e-listbox-container .e-list-item,
3081
3088
  .e-listboxtool-wrapper .e-list-item {
@@ -3097,13 +3104,6 @@ ejs-listbox {
3097
3104
  color: #dadada;
3098
3105
  }
3099
3106
 
3100
- .e-listbox-wrapper .e-list-item.e-selected,
3101
- .e-listbox-container .e-list-item.e-selected,
3102
- .e-listboxtool-wrapper .e-list-item.e-selected {
3103
- background-color: #514f4f;
3104
- color: #fff;
3105
- }
3106
-
3107
3107
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3108
3108
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3109
3109
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3111,11 +3111,13 @@ ejs-listbox {
3111
3111
  color: #dadada;
3112
3112
  }
3113
3113
 
3114
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3114
+ .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,
3115
3115
  .e-listbox-container .e-list-item.e-focused,
3116
3116
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3117
+ .e-listbox-container .e-list-item.e-selected,
3117
3118
  .e-listboxtool-wrapper .e-list-item.e-focused,
3118
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3119
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3120
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3119
3121
  background-color: #514f4f;
3120
3122
  color: #fff;
3121
3123
  }
@@ -3205,8 +3207,8 @@ ejs-listbox {
3205
3207
  height: 3.0769em;
3206
3208
  left: 0.923em;
3207
3209
  position: absolute;
3208
- top: 0.6153em;
3209
3210
  width: 3.0769em;
3211
+ left: 0.923em;
3210
3212
  }
3211
3213
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3212
3214
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3224,18 +3226,15 @@ ejs-listbox {
3224
3226
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3225
3227
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3226
3228
  height: 3.0769em;
3229
+ left: 0.923em;
3227
3230
  position: absolute;
3228
- right: 0.923em;
3229
- top: 0.6153em;
3230
3231
  width: 3.0769em;
3232
+ right: 0.923em;
3231
3233
  }
3232
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3234
+ .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,
3233
3235
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3234
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3235
- top: 0.6153em;
3236
- }
3237
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3238
3236
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3237
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3239
3238
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3240
3239
  top: 0.6153em;
3241
3240
  }
@@ -3249,7 +3248,8 @@ ejs-listbox {
3249
3248
  position: absolute;
3250
3249
  right: 0.923em;
3251
3250
  top: 50%;
3252
- transform: translateY(-50%);
3251
+ -webkit-transform: translateY(-50%);
3252
+ transform: translateY(-50%);
3253
3253
  width: 1.5384em;
3254
3254
  }
3255
3255
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3274,23 +3274,17 @@ ejs-listbox {
3274
3274
  text-overflow: ellipsis;
3275
3275
  white-space: nowrap;
3276
3276
  }
3277
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3277
+ .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,
3278
3278
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3279
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3280
- color: #dadada;
3281
- }
3282
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3283
3279
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3280
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3284
3281
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3285
3282
  color: #dadada;
3286
3283
  }
3287
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3284
+ .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,
3288
3285
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3289
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3290
- color: #fff;
3291
- }
3292
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3293
3286
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3287
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3294
3288
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3295
3289
  color: #fff;
3296
3290
  }
@@ -3337,15 +3331,7 @@ ejs-listbox {
3337
3331
  padding-right: 0.923em;
3338
3332
  }
3339
3333
 
3340
- .e-listbox-container.e-filter-list .e-list-parent {
3341
- height: 100%;
3342
- }
3343
-
3344
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3345
- height: 100%;
3346
- }
3347
-
3348
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3334
+ .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 {
3349
3335
  height: 100%;
3350
3336
  }
3351
3337
 
@@ -3359,22 +3345,4 @@ ejs-listbox {
3359
3345
 
3360
3346
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3361
3347
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3362
- }
3363
-
3364
- /* stylelint-disable property-no-vendor-prefix */
3365
- @keyframes material-spinner-rotate {
3366
- 0% {
3367
- transform: rotate(0);
3368
- }
3369
- 100% {
3370
- transform: rotate(360deg);
3371
- }
3372
- }
3373
- @keyframes fabric-spinner-rotate {
3374
- 0% {
3375
- transform: rotate(0);
3376
- }
3377
- 100% {
3378
- transform: rotate(360deg);
3379
- }
3380
3348
  }