@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35

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