@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
package/styles/fabric.css CHANGED
@@ -87,7 +87,8 @@
87
87
  .e-mention.e-popup {
88
88
  background: #fff;
89
89
  border: 0;
90
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
90
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
91
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
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.4);
419
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
420
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
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;
@@ -543,7 +570,8 @@
543
570
  .e-filter-parent {
544
571
  border: 1px solid #c8c8c8;
545
572
  border-top-width: 0;
546
- box-shadow: none;
573
+ -webkit-box-shadow: none;
574
+ box-shadow: none;
547
575
  display: block;
548
576
  padding: 5px;
549
577
  }
@@ -618,6 +646,7 @@
618
646
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
619
647
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
620
648
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
649
+ display: -webkit-box;
621
650
  display: -ms-flexbox;
622
651
  display: flex;
623
652
  }
@@ -639,6 +668,7 @@
639
668
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
640
669
  .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 {
641
670
  cursor: pointer;
671
+ display: -webkit-box;
642
672
  display: -ms-flexbox;
643
673
  display: flex;
644
674
  }
@@ -658,6 +688,11 @@
658
688
  pointer-events: none;
659
689
  }
660
690
 
691
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
692
+ opacity: 0.7;
693
+ pointer-events: none;
694
+ }
695
+
661
696
  ejs-autocomplete,
662
697
  ejs-combobox,
663
698
  ejs-dropdownlist {
@@ -726,24 +761,6 @@ ejs-dropdownlist {
726
761
  color: #333;
727
762
  }
728
763
 
729
- /* stylelint-disable property-no-vendor-prefix */
730
- /* stylelint-disable property-no-vendor-prefix */
731
- @keyframes material-spinner-rotate {
732
- 0% {
733
- transform: rotate(0);
734
- }
735
- 100% {
736
- transform: rotate(360deg);
737
- }
738
- }
739
- @keyframes fabric-spinner-rotate {
740
- 0% {
741
- transform: rotate(0);
742
- }
743
- 100% {
744
- transform: rotate(360deg);
745
- }
746
- }
747
764
  /*! TreeView's fabric theme wise override definitions and variables */
748
765
  /* stylelint-disable */
749
766
  /* stylelint-disable */
@@ -759,12 +776,20 @@ ejs-dropdownlist {
759
776
  outline: none;
760
777
  }
761
778
  .e-ddt .e-ddt-icon::before {
762
- transform: rotate(0deg);
779
+ -webkit-transform: rotate(0deg);
780
+ transform: rotate(0deg);
781
+ -webkit-transition: -webkit-transform 300ms ease;
782
+ transition: -webkit-transform 300ms ease;
763
783
  transition: transform 300ms ease;
784
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
764
785
  }
765
786
  .e-ddt.e-icon-anim .e-ddt-icon::before {
766
- transform: rotate(180deg);
787
+ -webkit-transform: rotate(180deg);
788
+ transform: rotate(180deg);
789
+ -webkit-transition: -webkit-transform 300ms ease;
790
+ transition: -webkit-transform 300ms ease;
767
791
  transition: transform 300ms ease;
792
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
768
793
  }
769
794
  .e-ddt .e-ddt-hidden {
770
795
  border: 0;
@@ -773,7 +798,8 @@ ejs-dropdownlist {
773
798
  width: 0;
774
799
  }
775
800
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
776
- box-sizing: content-box;
801
+ -webkit-box-sizing: content-box;
802
+ box-sizing: content-box;
777
803
  min-height: 30px;
778
804
  }
779
805
  .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 {
@@ -804,6 +830,7 @@ ejs-dropdownlist {
804
830
  padding-right: 0;
805
831
  }
806
832
  .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 {
833
+ display: -webkit-box;
807
834
  display: -ms-flexbox;
808
835
  display: flex;
809
836
  }
@@ -811,20 +838,25 @@ ejs-dropdownlist {
811
838
  width: 100%;
812
839
  }
813
840
  .e-ddt.e-show-chip .e-chips-close {
814
- line-height: 21px;
815
841
  min-height: 26px;
816
842
  min-width: 18px;
843
+ line-height: 21px;
817
844
  text-align: center;
818
845
  }
819
846
  .e-ddt.e-show-chip .e-chips-close::before {
820
847
  font-size: 10px;
848
+ }
849
+ .e-ddt.e-show-chip .e-chips-close::before {
821
850
  vertical-align: middle;
822
851
  }
823
852
  .e-ddt.e-show-chip .e-chips {
824
- -ms-flex-align: center;
825
- align-items: center;
853
+ -webkit-box-align: center;
854
+ -ms-flex-align: center;
855
+ align-items: center;
826
856
  border-radius: 0;
827
- box-sizing: border-box;
857
+ -webkit-box-sizing: border-box;
858
+ box-sizing: border-box;
859
+ display: -webkit-inline-box;
828
860
  display: -ms-inline-flexbox;
829
861
  display: inline-flex;
830
862
  float: left;
@@ -852,7 +884,8 @@ ejs-dropdownlist {
852
884
  padding: 6px 10px 0 10px;
853
885
  }
854
886
  .e-ddt .e-overflow.e-total-count {
855
- box-sizing: border-box;
887
+ -webkit-box-sizing: border-box;
888
+ box-sizing: border-box;
856
889
  display: inline-block;
857
890
  overflow: hidden;
858
891
  text-overflow: ellipsis;
@@ -896,10 +929,12 @@ ejs-dropdownlist {
896
929
  .e-ddt .e-dropdowntree.e-chip-input,
897
930
  .e-ddt input[readonly].e-input.e-chip-input {
898
931
  width: 0;
932
+ display: none;
899
933
  }
900
934
  .e-ddt.e-popup {
901
935
  border: 1px solid #eaeaea;
902
- 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);
936
+ -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);
937
+ 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);
903
938
  position: absolute;
904
939
  }
905
940
  .e-ddt.e-popup .e-selectall-parent {
@@ -925,19 +960,18 @@ ejs-dropdownlist {
925
960
  font-size: 14px;
926
961
  margin: 10px;
927
962
  }
928
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
929
- padding: 0 12px;
930
- }
931
963
  .e-ddt.e-popup .e-filter-wrap {
932
- border: 1px solid #c8c8c8;
933
964
  border-top-width: 0;
934
965
  display: block;
935
966
  padding: 5px;
936
- }
937
- .e-ddt.e-popup .e-filter-wrap {
967
+ border: 1px solid #c8c8c8;
938
968
  border-left-width: 0;
939
969
  border-right-width: 0;
940
970
  }
971
+ .e-ddt.e-popup .e-filter-wrap .e-input,
972
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
973
+ padding: 0 12px;
974
+ }
941
975
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
942
976
  margin-bottom: 0;
943
977
  }
@@ -952,8 +986,8 @@ ejs-dropdownlist {
952
986
  cursor: default;
953
987
  font-family: inherit;
954
988
  font-size: 14px;
955
- padding: 14px 16px;
956
989
  text-align: center;
990
+ padding: 14px 16px;
957
991
  }
958
992
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
959
993
  display: none;
@@ -1007,16 +1041,16 @@ ejs-dropdownlist {
1007
1041
  padding: 6px 10px 0 10px;
1008
1042
  }
1009
1043
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1010
- margin-left: 30px;
1011
1044
  margin-right: 1px;
1045
+ margin-left: 30px;
1012
1046
  }
1013
1047
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1014
- margin-left: 30px;
1015
1048
  margin-right: 1px;
1049
+ margin-left: 30px;
1016
1050
  }
1017
1051
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1018
- margin-left: 60px;
1019
1052
  margin-right: 1px;
1053
+ margin-left: 60px;
1020
1054
  }
1021
1055
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1022
1056
  .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,
@@ -1089,18 +1123,18 @@ ejs-dropdownlist {
1089
1123
  }
1090
1124
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1091
1125
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1092
- margin-left: 38px;
1093
1126
  margin-right: 1px;
1127
+ margin-left: 38px;
1094
1128
  }
1095
1129
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1096
1130
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1097
- margin-left: 38px;
1098
1131
  margin-right: 1px;
1132
+ margin-left: 38px;
1099
1133
  }
1100
1134
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1101
1135
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1102
- margin-left: 76px;
1103
- margin-right: 1px;
1136
+ margin-right: 76px;
1137
+ margin-left: 1px;
1104
1138
  }
1105
1139
  .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,
1106
1140
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1118,12 +1152,6 @@ ejs-dropdownlist {
1118
1152
  .e-ddt .e-chips > .e-chipcontent {
1119
1153
  color: #666;
1120
1154
  }
1121
- .e-ddt .e-chips:hover {
1122
- background-color: #eaeaea;
1123
- }
1124
- .e-ddt .e-chips:hover > .e-chipcontent {
1125
- color: #666;
1126
- }
1127
1155
  .e-ddt .e-overflow .e-remain {
1128
1156
  color: #666;
1129
1157
  }
@@ -1147,25 +1175,8 @@ ejs-dropdownlist {
1147
1175
  color: rgba(51, 51, 51, 0.87);
1148
1176
  }
1149
1177
 
1150
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1151
- /* stylelint-disable property-no-vendor-prefix */
1152
- /* stylelint-disable property-no-vendor-prefix */
1153
- @keyframes material-spinner-rotate {
1154
- 0% {
1155
- transform: rotate(0);
1156
- }
1157
- 100% {
1158
- transform: rotate(360deg);
1159
- }
1160
- }
1161
- @keyframes fabric-spinner-rotate {
1162
- 0% {
1163
- transform: rotate(0);
1164
- }
1165
- 100% {
1166
- transform: rotate(360deg);
1167
- }
1168
- }
1178
+ /* stylelint-disable-line no-empty-source */
1179
+ /* stylelint-disable-line no-empty-source */
1169
1180
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1170
1181
  height: 30px;
1171
1182
  width: 30px;
@@ -1211,13 +1222,15 @@ ejs-dropdownlist {
1211
1222
  }
1212
1223
 
1213
1224
  .e-multi-select-wrapper {
1214
- box-sizing: border-box;
1225
+ -webkit-box-sizing: border-box;
1226
+ box-sizing: border-box;
1215
1227
  cursor: text;
1216
1228
  line-height: normal;
1217
1229
  min-height: 30px;
1218
1230
  padding: 0 32px 0 2px;
1219
1231
  position: relative;
1220
1232
  -webkit-user-select: none;
1233
+ -moz-user-select: none;
1221
1234
  -ms-user-select: none;
1222
1235
  user-select: none;
1223
1236
  width: 100%;
@@ -1234,7 +1247,8 @@ ejs-dropdownlist {
1234
1247
  white-space: nowrap;
1235
1248
  }
1236
1249
  .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 {
1237
- box-sizing: border-box;
1250
+ -webkit-box-sizing: border-box;
1251
+ box-sizing: border-box;
1238
1252
  display: inline-block;
1239
1253
  overflow: hidden;
1240
1254
  text-overflow: ellipsis;
@@ -1265,6 +1279,7 @@ ejs-dropdownlist {
1265
1279
 
1266
1280
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1267
1281
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1282
+ display: -webkit-box;
1268
1283
  display: -ms-flexbox;
1269
1284
  display: flex;
1270
1285
  float: left;
@@ -1272,6 +1287,7 @@ ejs-dropdownlist {
1272
1287
  }
1273
1288
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1274
1289
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1290
+ display: -webkit-inline-box;
1275
1291
  display: -ms-inline-flexbox;
1276
1292
  display: inline-flex;
1277
1293
  float: none;
@@ -1294,8 +1310,9 @@ ejs-dropdownlist {
1294
1310
  }
1295
1311
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1296
1312
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1297
- -ms-flex-align: center;
1298
- align-items: center;
1313
+ -webkit-box-align: center;
1314
+ -ms-flex-align: center;
1315
+ align-items: center;
1299
1316
  display: inline;
1300
1317
  max-width: 100%;
1301
1318
  word-break: break-word;
@@ -1304,12 +1321,15 @@ ejs-dropdownlist {
1304
1321
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1305
1322
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1306
1323
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1307
- -ms-flex-align: center;
1308
- align-items: center;
1324
+ -webkit-box-align: center;
1325
+ -ms-flex-align: center;
1326
+ align-items: center;
1309
1327
  cursor: pointer;
1310
1328
  display: none;
1311
- -ms-flex-direction: row;
1312
- flex-direction: row;
1329
+ -webkit-box-orient: horizontal;
1330
+ -webkit-box-direction: normal;
1331
+ -ms-flex-direction: row;
1332
+ flex-direction: row;
1313
1333
  margin-top: -3em;
1314
1334
  outline: 0;
1315
1335
  padding: 0;
@@ -1321,6 +1341,7 @@ ejs-dropdownlist {
1321
1341
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1322
1342
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1323
1343
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1344
+ display: -webkit-box;
1324
1345
  display: -ms-flexbox;
1325
1346
  display: flex;
1326
1347
  }
@@ -1400,8 +1421,10 @@ ejs-dropdownlist {
1400
1421
  }
1401
1422
 
1402
1423
  .e-multi-select-wrapper .e-chips {
1403
- -ms-flex-align: center;
1404
- align-items: center;
1424
+ -webkit-box-align: center;
1425
+ -ms-flex-align: center;
1426
+ align-items: center;
1427
+ display: -webkit-inline-box;
1405
1428
  display: -ms-inline-flexbox;
1406
1429
  display: inline-flex;
1407
1430
  float: left;
@@ -1444,6 +1467,7 @@ ejs-dropdownlist {
1444
1467
  .e-multi-select-wrapper .e-chips-close {
1445
1468
  -ms-flex-item-align: center;
1446
1469
  align-self: center;
1470
+ display: -webkit-box;
1447
1471
  display: -ms-flexbox;
1448
1472
  display: flex;
1449
1473
  float: right;
@@ -1613,7 +1637,9 @@ ejs-dropdownlist {
1613
1637
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1614
1638
  -ms-flex-item-align: center;
1615
1639
  align-self: center;
1616
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1640
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1641
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1642
+ display: -webkit-inline-box;
1617
1643
  display: -ms-inline-flexbox;
1618
1644
  display: inline-flex;
1619
1645
  padding: 0 10px;
@@ -1964,8 +1990,9 @@ ejs-multiselect {
1964
1990
 
1965
1991
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1966
1992
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1967
- -ms-flex-align: normal;
1968
- align-items: normal;
1993
+ -webkit-box-align: normal;
1994
+ -ms-flex-align: normal;
1995
+ align-items: normal;
1969
1996
  }
1970
1997
 
1971
1998
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2028,7 +2055,10 @@ ejs-multiselect {
2028
2055
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2029
2056
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2030
2057
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2031
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2058
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2059
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2060
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2061
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2032
2062
  height: 24px;
2033
2063
  }
2034
2064
 
@@ -2037,10 +2067,6 @@ ejs-multiselect {
2037
2067
  height: 32px;
2038
2068
  }
2039
2069
 
2040
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2041
- height: 24px;
2042
- }
2043
-
2044
2070
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2045
2071
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2046
2072
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2096,11 +2122,6 @@ ejs-multiselect {
2096
2122
  margin: 4px 0 0 4px;
2097
2123
  }
2098
2124
 
2099
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2100
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2101
- height: 24px;
2102
- }
2103
-
2104
2125
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2105
2126
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2106
2127
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2205,7 +2226,8 @@ ejs-multiselect {
2205
2226
  }
2206
2227
 
2207
2228
  .e-multiselect {
2208
- box-sizing: border-box;
2229
+ -webkit-box-sizing: border-box;
2230
+ box-sizing: border-box;
2209
2231
  }
2210
2232
 
2211
2233
  /* stylelint-disable property-no-vendor-prefix */
@@ -2262,8 +2284,10 @@ ejs-multiselect {
2262
2284
  }
2263
2285
 
2264
2286
  .e-popup.e-multi-select-list-wrapper {
2265
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2266
- box-sizing: content-box;
2287
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2288
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2289
+ -webkit-box-sizing: content-box;
2290
+ box-sizing: content-box;
2267
2291
  overflow: initial;
2268
2292
  }
2269
2293
 
@@ -2317,14 +2341,16 @@ ejs-multiselect {
2317
2341
 
2318
2342
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2319
2343
  background-color: #d1ebff;
2320
- box-shadow: none;
2344
+ -webkit-box-shadow: none;
2345
+ box-shadow: none;
2321
2346
  color: #333;
2322
2347
  border: 1px solid #666;
2323
2348
  }
2324
2349
 
2325
2350
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2326
2351
  background-color: #d1ebff;
2327
- box-shadow: none;
2352
+ -webkit-box-shadow: none;
2353
+ box-shadow: none;
2328
2354
  color: #333;
2329
2355
  border: 1px solid #666;
2330
2356
  }
@@ -2436,11 +2462,13 @@ ejs-multiselect {
2436
2462
  .e-listbox-container,
2437
2463
  .e-listboxtool-wrapper {
2438
2464
  -webkit-overflow-scrolling: touch;
2439
- box-sizing: border-box;
2465
+ -webkit-box-sizing: border-box;
2466
+ box-sizing: border-box;
2440
2467
  cursor: pointer;
2441
2468
  display: block;
2442
2469
  position: relative;
2443
2470
  -webkit-user-select: none;
2471
+ -moz-user-select: none;
2444
2472
  -ms-user-select: none;
2445
2473
  user-select: none;
2446
2474
  width: 100%;
@@ -2448,7 +2476,8 @@ ejs-multiselect {
2448
2476
  .e-listbox-wrapper *,
2449
2477
  .e-listbox-container *,
2450
2478
  .e-listboxtool-wrapper * {
2451
- box-sizing: border-box;
2479
+ -webkit-box-sizing: border-box;
2480
+ box-sizing: border-box;
2452
2481
  }
2453
2482
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2454
2483
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2513,9 +2542,11 @@ ejs-multiselect {
2513
2542
  margin: 0;
2514
2543
  padding: 0;
2515
2544
  }
2516
- .e-listbox-wrapper .e-list-header .e-text.header,
2545
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2517
2546
  .e-listbox-container .e-list-header .e-text.header,
2518
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2547
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2548
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2549
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2519
2550
  display: none;
2520
2551
  }
2521
2552
  .e-listbox-wrapper .e-icon-back,
@@ -2523,17 +2554,14 @@ ejs-multiselect {
2523
2554
  .e-listboxtool-wrapper .e-icon-back {
2524
2555
  margin-top: 2px;
2525
2556
  }
2526
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2527
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2528
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2529
- display: none;
2530
- }
2531
2557
  .e-listbox-wrapper .e-list-header,
2532
2558
  .e-listbox-container .e-list-header,
2533
2559
  .e-listboxtool-wrapper .e-list-header {
2534
- -ms-flex-align: center;
2535
- align-items: center;
2560
+ -webkit-box-align: center;
2561
+ -ms-flex-align: center;
2562
+ align-items: center;
2536
2563
  border-bottom: 1px solid;
2564
+ display: -webkit-box;
2537
2565
  display: -ms-flexbox;
2538
2566
  display: flex;
2539
2567
  font-weight: 600;
@@ -2575,7 +2603,8 @@ ejs-multiselect {
2575
2603
  position: absolute;
2576
2604
  right: 0%;
2577
2605
  top: 50%;
2578
- transform: translateY(-50%);
2606
+ -webkit-transform: translateY(-50%);
2607
+ transform: translateY(-50%);
2579
2608
  }
2580
2609
  .e-listbox-wrapper .e-text-content,
2581
2610
  .e-listbox-container .e-text-content,
@@ -2631,18 +2660,12 @@ ejs-multiselect {
2631
2660
  white-space: nowrap;
2632
2661
  width: 100%;
2633
2662
  }
2634
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2663
+ .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,
2635
2664
  .e-listbox-container .e-list-icon + .e-list-text,
2636
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2637
- width: calc(100% - 60px);
2638
- }
2639
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2640
2665
  .e-listbox-container .e-icon-wrapper .e-list-text,
2641
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2642
- width: calc(100% - 60px);
2643
- }
2644
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2645
2666
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2667
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2668
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2646
2669
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2647
2670
  width: calc(100% - 60px);
2648
2671
  }
@@ -2688,7 +2711,8 @@ ejs-multiselect {
2688
2711
  left: 0%;
2689
2712
  right: initial;
2690
2713
  top: 50%;
2691
- transform: translateY(-50%) rotate(180deg);
2714
+ -webkit-transform: translateY(-50%) rotate(180deg);
2715
+ transform: translateY(-50%) rotate(180deg);
2692
2716
  }
2693
2717
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2694
2718
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2698,7 +2722,8 @@ ejs-multiselect {
2698
2722
  .e-listbox-wrapper.e-rtl .e-but-back,
2699
2723
  .e-listbox-container.e-rtl .e-but-back,
2700
2724
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2701
- transform: rotate(180deg);
2725
+ -webkit-transform: rotate(180deg);
2726
+ transform: rotate(180deg);
2702
2727
  }
2703
2728
  .e-listbox-wrapper.e-rtl .e-icon-back,
2704
2729
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2706,8 +2731,11 @@ ejs-multiselect {
2706
2731
  margin-top: 1px;
2707
2732
  }
2708
2733
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2734
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2709
2735
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2710
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2736
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2737
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2738
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2711
2739
  margin: -2px 0 0 10px;
2712
2740
  }
2713
2741
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2715,11 +2743,6 @@ ejs-multiselect {
2715
2743
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2716
2744
  margin: -2px 10px 0 0;
2717
2745
  }
2718
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2719
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2720
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2721
- margin: -2px 0 0 10px;
2722
- }
2723
2746
  .e-listbox-wrapper .e-checkbox-wrapper,
2724
2747
  .e-listbox-container .e-checkbox-wrapper,
2725
2748
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2764,10 +2787,7 @@ ejs-listbox {
2764
2787
  display: block;
2765
2788
  }
2766
2789
 
2767
- .e-listbox-wrapper:not(.e-listbox-container) {
2768
- overflow: auto;
2769
- }
2770
-
2790
+ .e-listbox-wrapper:not(.e-listbox-container),
2771
2791
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2772
2792
  overflow: auto;
2773
2793
  }
@@ -2782,6 +2802,7 @@ ejs-listbox {
2782
2802
  .e-listbox-container.e-sortableclone .e-list-item,
2783
2803
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2784
2804
  list-style-type: none;
2805
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2785
2806
  }
2786
2807
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2787
2808
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2796,18 +2817,21 @@ ejs-listbox {
2796
2817
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2797
2818
  .e-listbox-container.e-sortableclone .e-list-badge,
2798
2819
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2799
- -ms-flex-align: center;
2800
- align-items: center;
2820
+ -webkit-box-align: center;
2821
+ -ms-flex-align: center;
2822
+ align-items: center;
2801
2823
  background-color: #0078d6;
2802
2824
  border: 1px solid #fff;
2803
2825
  border-radius: 50%;
2804
2826
  color: #fff;
2827
+ display: -webkit-box;
2805
2828
  display: -ms-flexbox;
2806
2829
  display: flex;
2807
2830
  font-size: 12px;
2808
2831
  height: 22px;
2809
- -ms-flex-pack: center;
2810
- justify-content: center;
2832
+ -webkit-box-pack: center;
2833
+ -ms-flex-pack: center;
2834
+ justify-content: center;
2811
2835
  position: absolute;
2812
2836
  right: -10px;
2813
2837
  top: -10px;
@@ -2821,12 +2845,14 @@ ejs-listbox {
2821
2845
  .e-listboxtool-wrapper,
2822
2846
  .e-listboxtool-container {
2823
2847
  cursor: pointer;
2848
+ display: -webkit-box;
2824
2849
  display: -ms-flexbox;
2825
2850
  display: flex;
2826
2851
  }
2827
2852
  .e-listboxtool-wrapper *,
2828
2853
  .e-listboxtool-container * {
2829
- box-sizing: border-box;
2854
+ -webkit-box-sizing: border-box;
2855
+ box-sizing: border-box;
2830
2856
  }
2831
2857
  .e-listboxtool-wrapper.e-disabled,
2832
2858
  .e-listboxtool-container.e-disabled {
@@ -2834,9 +2860,12 @@ ejs-listbox {
2834
2860
  pointer-events: none;
2835
2861
  }
2836
2862
  .e-listboxtool-wrapper .e-listbox-wrapper,
2837
- .e-listboxtool-container .e-listbox-wrapper {
2838
- -ms-flex: 1;
2839
- flex: 1;
2863
+ .e-listboxtool-wrapper .e-list-wrap,
2864
+ .e-listboxtool-container .e-listbox-wrapper,
2865
+ .e-listboxtool-container .e-list-wrap {
2866
+ -webkit-box-flex: 1;
2867
+ -ms-flex: 1;
2868
+ flex: 1;
2840
2869
  }
2841
2870
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2842
2871
  .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: #333;
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: #333;
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: #d1ebff;
3104
- color: #333;
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: #333;
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: #d1ebff;
3120
3122
  color: #333;
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: #333;
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: #333;
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: #333;
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: #333;
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
  }