@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
@@ -113,7 +113,8 @@
113
113
  .e-mention.e-popup {
114
114
  background: #fff;
115
115
  border: 0;
116
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
116
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
117
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
117
118
  margin-top: 2px;
118
119
  position: absolute;
119
120
  }
@@ -406,25 +407,50 @@
406
407
  /* stylelint-disable property-no-vendor-prefix */
407
408
  /* stylelint-disable-line no-empty-source */
408
409
  /* stylelint-disable property-no-vendor-prefix */
410
+ @-webkit-keyframes material-spinner-rotate {
411
+ 0% {
412
+ -webkit-transform: rotate(0);
413
+ transform: rotate(0);
414
+ }
415
+ 100% {
416
+ -webkit-transform: rotate(360deg);
417
+ transform: rotate(360deg);
418
+ }
419
+ }
409
420
  @keyframes material-spinner-rotate {
410
421
  0% {
422
+ -webkit-transform: rotate(0);
423
+ transform: rotate(0);
424
+ }
425
+ 100% {
426
+ -webkit-transform: rotate(360deg);
427
+ transform: rotate(360deg);
428
+ }
429
+ }
430
+ @-webkit-keyframes fabric-spinner-rotate {
431
+ 0% {
432
+ -webkit-transform: rotate(0);
411
433
  transform: rotate(0);
412
434
  }
413
435
  100% {
436
+ -webkit-transform: rotate(360deg);
414
437
  transform: rotate(360deg);
415
438
  }
416
439
  }
417
440
  @keyframes fabric-spinner-rotate {
418
441
  0% {
442
+ -webkit-transform: rotate(0);
419
443
  transform: rotate(0);
420
444
  }
421
445
  100% {
446
+ -webkit-transform: rotate(360deg);
422
447
  transform: rotate(360deg);
423
448
  }
424
449
  }
425
450
  .e-popup.e-ddl {
426
451
  border-radius: 4px;
427
- box-shadow: none;
452
+ -webkit-box-shadow: none;
453
+ box-shadow: none;
428
454
  margin-top: 3px;
429
455
  }
430
456
  .e-popup.e-ddl .e-input-group {
@@ -439,6 +465,7 @@
439
465
  }
440
466
 
441
467
  .e-popup.e-ddl .e-filter-parent .e-input-group {
468
+ display: -webkit-box;
442
469
  display: -ms-flexbox;
443
470
  display: flex;
444
471
  width: auto;
@@ -526,11 +553,13 @@
526
553
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
527
554
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
528
555
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
529
- box-shadow: none;
556
+ -webkit-box-shadow: none;
557
+ box-shadow: none;
530
558
  }
531
559
 
532
560
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
533
561
  background: transparent;
562
+ display: -webkit-box;
534
563
  display: -ms-flexbox;
535
564
  display: flex;
536
565
  position: relative;
@@ -640,7 +669,8 @@
640
669
  .e-filter-parent {
641
670
  border: 0;
642
671
  border-top-width: 0;
643
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
672
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
673
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
644
674
  display: block;
645
675
  padding: 5px;
646
676
  }
@@ -711,6 +741,7 @@
711
741
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
712
742
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
713
743
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
744
+ display: -webkit-box;
714
745
  display: -ms-flexbox;
715
746
  display: flex;
716
747
  }
@@ -732,6 +763,7 @@
732
763
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
733
764
  .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 {
734
765
  cursor: pointer;
766
+ display: -webkit-box;
735
767
  display: -ms-flexbox;
736
768
  display: flex;
737
769
  }
@@ -751,6 +783,11 @@
751
783
  pointer-events: none;
752
784
  }
753
785
 
786
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
787
+ opacity: 0.7;
788
+ pointer-events: none;
789
+ }
790
+
754
791
  ejs-autocomplete,
755
792
  ejs-combobox,
756
793
  ejs-dropdownlist {
@@ -819,25 +856,6 @@ ejs-dropdownlist {
819
856
  color: #fff;
820
857
  }
821
858
 
822
- /* stylelint-disable property-no-vendor-prefix */
823
- /* stylelint-disable-line no-empty-source */
824
- /* stylelint-disable property-no-vendor-prefix */
825
- @keyframes material-spinner-rotate {
826
- 0% {
827
- transform: rotate(0);
828
- }
829
- 100% {
830
- transform: rotate(360deg);
831
- }
832
- }
833
- @keyframes fabric-spinner-rotate {
834
- 0% {
835
- transform: rotate(0);
836
- }
837
- 100% {
838
- transform: rotate(360deg);
839
- }
840
- }
841
859
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
842
860
  /* stylelint-disable */
843
861
  /* stylelint-disable */
@@ -853,12 +871,20 @@ ejs-dropdownlist {
853
871
  outline: none;
854
872
  }
855
873
  .e-ddt .e-ddt-icon::before {
856
- transform: rotate(0deg);
874
+ -webkit-transform: rotate(0deg);
875
+ transform: rotate(0deg);
876
+ -webkit-transition: -webkit-transform 300ms ease;
877
+ transition: -webkit-transform 300ms ease;
857
878
  transition: transform 300ms ease;
879
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
858
880
  }
859
881
  .e-ddt.e-icon-anim .e-ddt-icon::before {
860
- transform: rotate(180deg);
882
+ -webkit-transform: rotate(180deg);
883
+ transform: rotate(180deg);
884
+ -webkit-transition: -webkit-transform 300ms ease;
885
+ transition: -webkit-transform 300ms ease;
861
886
  transition: transform 300ms ease;
887
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
862
888
  }
863
889
  .e-ddt .e-ddt-hidden {
864
890
  border: 0;
@@ -867,7 +893,8 @@ ejs-dropdownlist {
867
893
  width: 0;
868
894
  }
869
895
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
870
- box-sizing: content-box;
896
+ -webkit-box-sizing: content-box;
897
+ box-sizing: content-box;
871
898
  }
872
899
  .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 {
873
900
  border: 0;
@@ -898,6 +925,7 @@ ejs-dropdownlist {
898
925
  padding-right: 0;
899
926
  }
900
927
  .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 {
928
+ display: -webkit-box;
901
929
  display: -ms-flexbox;
902
930
  display: flex;
903
931
  }
@@ -913,10 +941,13 @@ ejs-dropdownlist {
913
941
  font-size: 10px;
914
942
  }
915
943
  .e-ddt.e-show-chip .e-chips {
916
- -ms-flex-align: center;
917
- align-items: center;
944
+ -webkit-box-align: center;
945
+ -ms-flex-align: center;
946
+ align-items: center;
918
947
  border-radius: 4px;
919
- box-sizing: border-box;
948
+ -webkit-box-sizing: border-box;
949
+ box-sizing: border-box;
950
+ display: -webkit-inline-box;
920
951
  display: -ms-inline-flexbox;
921
952
  display: inline-flex;
922
953
  float: left;
@@ -944,7 +975,8 @@ ejs-dropdownlist {
944
975
  line-height: 30px;
945
976
  }
946
977
  .e-ddt .e-overflow.e-total-count {
947
- box-sizing: border-box;
978
+ -webkit-box-sizing: border-box;
979
+ box-sizing: border-box;
948
980
  display: inline-block;
949
981
  overflow: hidden;
950
982
  text-overflow: ellipsis;
@@ -985,12 +1017,14 @@ ejs-dropdownlist {
985
1017
  .e-ddt .e-dropdowntree.e-chip-input,
986
1018
  .e-ddt input[readonly].e-input.e-chip-input {
987
1019
  width: 0;
1020
+ display: none;
988
1021
  }
989
1022
  .e-ddt.e-popup {
990
1023
  border: 1px solid #dee2e6;
991
- border-radius: 4px;
992
1024
  margin-top: 4px;
993
- box-shadow: none;
1025
+ border-radius: 4px;
1026
+ -webkit-box-shadow: none;
1027
+ box-shadow: none;
994
1028
  position: absolute;
995
1029
  }
996
1030
  .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
@@ -1027,10 +1061,10 @@ ejs-dropdownlist {
1027
1061
  margin: 0 8px;
1028
1062
  }
1029
1063
  .e-ddt.e-popup .e-filter-wrap {
1030
- border: 1px solid #dee2e6;
1031
1064
  border-top-width: 0;
1032
1065
  display: block;
1033
1066
  padding: 4px;
1067
+ border: 1px solid #dee2e6;
1034
1068
  }
1035
1069
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1036
1070
  margin-bottom: 0;
@@ -1046,8 +1080,8 @@ ejs-dropdownlist {
1046
1080
  cursor: default;
1047
1081
  font-family: inherit;
1048
1082
  font-size: 14px;
1049
- padding: 7px 16px;
1050
1083
  text-align: center;
1084
+ padding: 7px 16px;
1051
1085
  }
1052
1086
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1053
1087
  display: none;
@@ -1098,16 +1132,16 @@ ejs-dropdownlist {
1098
1132
  padding: 0 8px;
1099
1133
  }
1100
1134
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1101
- margin-left: 18px;
1102
1135
  margin-right: 4px;
1136
+ margin-left: 18px;
1103
1137
  }
1104
1138
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1105
- margin-left: 18px;
1106
1139
  margin-right: 4px;
1140
+ margin-left: 18px;
1107
1141
  }
1108
1142
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1109
- margin-left: 48px;
1110
1143
  margin-right: 4px;
1144
+ margin-left: 48px;
1111
1145
  }
1112
1146
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1113
1147
  .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,
@@ -1167,8 +1201,16 @@ ejs-dropdownlist {
1167
1201
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1168
1202
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1169
1203
  font-size: 12px;
1204
+ }
1205
+ .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1206
+ .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1170
1207
  vertical-align: middle;
1171
1208
  }
1209
+ .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1210
+ .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1211
+ line-height: 36px;
1212
+ padding: 0 12px;
1213
+ }
1172
1214
  .e-bigger .e-ddt .e-overflow.e-show-text,
1173
1215
  .e-ddt.e-bigger .e-overflow.e-show-text {
1174
1216
  padding: 0 12px;
@@ -1178,11 +1220,6 @@ ejs-dropdownlist {
1178
1220
  .e-ddt.e-bigger .e-overflow .e-remain {
1179
1221
  font-size: 16px;
1180
1222
  }
1181
- .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1182
- .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1183
- line-height: 36px;
1184
- padding: 0 12px;
1185
- }
1186
1223
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1187
1224
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1188
1225
  max-width: calc(100% - 37px);
@@ -1238,8 +1275,8 @@ ejs-dropdownlist {
1238
1275
  }
1239
1276
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1240
1277
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1241
- margin-left: 52px;
1242
- margin-right: 4px;
1278
+ margin-right: 52px;
1279
+ margin-left: 4px;
1243
1280
  }
1244
1281
  .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,
1245
1282
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1256,12 +1293,6 @@ ejs-dropdownlist {
1256
1293
  .e-ddt .e-chips > .e-chipcontent {
1257
1294
  color: #fff;
1258
1295
  }
1259
- .e-ddt .e-chips:hover {
1260
- background-color: #565e64;
1261
- }
1262
- .e-ddt .e-chips:hover > .e-chipcontent {
1263
- color: #fff;
1264
- }
1265
1296
  .e-ddt .e-overflow .e-remain {
1266
1297
  color: #6c757d;
1267
1298
  }
@@ -1289,26 +1320,8 @@ ejs-dropdownlist {
1289
1320
  color: #212529;
1290
1321
  }
1291
1322
 
1292
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1293
- /* stylelint-disable property-no-vendor-prefix */
1294
1323
  /* stylelint-disable-line no-empty-source */
1295
- /* stylelint-disable property-no-vendor-prefix */
1296
- @keyframes material-spinner-rotate {
1297
- 0% {
1298
- transform: rotate(0);
1299
- }
1300
- 100% {
1301
- transform: rotate(360deg);
1302
- }
1303
- }
1304
- @keyframes fabric-spinner-rotate {
1305
- 0% {
1306
- transform: rotate(0);
1307
- }
1308
- 100% {
1309
- transform: rotate(360deg);
1310
- }
1311
- }
1324
+ /* stylelint-disable-line no-empty-source */
1312
1325
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1313
1326
  line-height: 30px;
1314
1327
  top: 0;
@@ -1371,13 +1384,15 @@ ejs-dropdownlist {
1371
1384
  }
1372
1385
 
1373
1386
  .e-multi-select-wrapper {
1374
- box-sizing: border-box;
1387
+ -webkit-box-sizing: border-box;
1388
+ box-sizing: border-box;
1375
1389
  cursor: text;
1376
1390
  line-height: normal;
1377
1391
  min-height: 30px;
1378
1392
  padding: 0 32px 0 0;
1379
1393
  position: relative;
1380
1394
  -webkit-user-select: none;
1395
+ -moz-user-select: none;
1381
1396
  -ms-user-select: none;
1382
1397
  user-select: none;
1383
1398
  width: 100%;
@@ -1394,7 +1409,8 @@ ejs-dropdownlist {
1394
1409
  white-space: nowrap;
1395
1410
  }
1396
1411
  .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 {
1397
- box-sizing: border-box;
1412
+ -webkit-box-sizing: border-box;
1413
+ box-sizing: border-box;
1398
1414
  display: inline-block;
1399
1415
  overflow: hidden;
1400
1416
  text-overflow: ellipsis;
@@ -1425,6 +1441,7 @@ ejs-dropdownlist {
1425
1441
 
1426
1442
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1427
1443
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1444
+ display: -webkit-box;
1428
1445
  display: -ms-flexbox;
1429
1446
  display: flex;
1430
1447
  float: left;
@@ -1432,6 +1449,7 @@ ejs-dropdownlist {
1432
1449
  }
1433
1450
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1434
1451
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1452
+ display: -webkit-inline-box;
1435
1453
  display: -ms-inline-flexbox;
1436
1454
  display: inline-flex;
1437
1455
  float: none;
@@ -1454,8 +1472,9 @@ ejs-dropdownlist {
1454
1472
  }
1455
1473
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1456
1474
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1457
- -ms-flex-align: center;
1458
- align-items: center;
1475
+ -webkit-box-align: center;
1476
+ -ms-flex-align: center;
1477
+ align-items: center;
1459
1478
  display: inline;
1460
1479
  max-width: 100%;
1461
1480
  word-break: break-word;
@@ -1464,12 +1483,15 @@ ejs-dropdownlist {
1464
1483
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1465
1484
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1466
1485
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1467
- -ms-flex-align: center;
1468
- align-items: center;
1486
+ -webkit-box-align: center;
1487
+ -ms-flex-align: center;
1488
+ align-items: center;
1469
1489
  cursor: pointer;
1470
1490
  display: none;
1471
- -ms-flex-direction: row;
1472
- flex-direction: row;
1491
+ -webkit-box-orient: horizontal;
1492
+ -webkit-box-direction: normal;
1493
+ -ms-flex-direction: row;
1494
+ flex-direction: row;
1473
1495
  margin-top: -2em;
1474
1496
  outline: 0;
1475
1497
  padding: 0;
@@ -1481,6 +1503,7 @@ ejs-dropdownlist {
1481
1503
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1482
1504
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1483
1505
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1506
+ display: -webkit-box;
1484
1507
  display: -ms-flexbox;
1485
1508
  display: flex;
1486
1509
  }
@@ -1560,8 +1583,10 @@ ejs-dropdownlist {
1560
1583
  }
1561
1584
 
1562
1585
  .e-multi-select-wrapper .e-chips {
1563
- -ms-flex-align: center;
1564
- align-items: center;
1586
+ -webkit-box-align: center;
1587
+ -ms-flex-align: center;
1588
+ align-items: center;
1589
+ display: -webkit-inline-box;
1565
1590
  display: -ms-inline-flexbox;
1566
1591
  display: inline-flex;
1567
1592
  float: left;
@@ -1609,6 +1634,7 @@ ejs-dropdownlist {
1609
1634
  .e-multi-select-wrapper .e-chips-close {
1610
1635
  -ms-flex-item-align: center;
1611
1636
  align-self: center;
1637
+ display: -webkit-box;
1612
1638
  display: -ms-flexbox;
1613
1639
  display: flex;
1614
1640
  float: right;
@@ -1800,7 +1826,9 @@ ejs-dropdownlist {
1800
1826
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1801
1827
  -ms-flex-item-align: center;
1802
1828
  align-self: center;
1803
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1829
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1830
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1831
+ display: -webkit-inline-box;
1804
1832
  display: -ms-inline-flexbox;
1805
1833
  display: inline-flex;
1806
1834
  padding: 0 0 0 16px;
@@ -2158,8 +2186,9 @@ ejs-multiselect {
2158
2186
 
2159
2187
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2160
2188
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2161
- -ms-flex-align: normal;
2162
- align-items: normal;
2189
+ -webkit-box-align: normal;
2190
+ -ms-flex-align: normal;
2191
+ align-items: normal;
2163
2192
  }
2164
2193
 
2165
2194
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2222,7 +2251,10 @@ ejs-multiselect {
2222
2251
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2223
2252
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2224
2253
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2225
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2254
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2255
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2256
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2257
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2226
2258
  height: 24px;
2227
2259
  }
2228
2260
 
@@ -2231,10 +2263,6 @@ ejs-multiselect {
2231
2263
  height: 32px;
2232
2264
  }
2233
2265
 
2234
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2235
- height: 24px;
2236
- }
2237
-
2238
2266
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2239
2267
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2240
2268
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2290,11 +2318,6 @@ ejs-multiselect {
2290
2318
  margin: 4px 0 0 4px;
2291
2319
  }
2292
2320
 
2293
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2294
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2295
- height: 24px;
2296
- }
2297
-
2298
2321
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2299
2322
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2300
2323
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2399,7 +2422,8 @@ ejs-multiselect {
2399
2422
  }
2400
2423
 
2401
2424
  .e-multiselect {
2402
- box-sizing: border-box;
2425
+ -webkit-box-sizing: border-box;
2426
+ box-sizing: border-box;
2403
2427
  }
2404
2428
 
2405
2429
  /* stylelint-disable property-no-vendor-prefix */
@@ -2460,8 +2484,10 @@ ejs-multiselect {
2460
2484
  }
2461
2485
 
2462
2486
  .e-popup.e-multi-select-list-wrapper {
2463
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2464
- box-sizing: content-box;
2487
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2488
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2489
+ -webkit-box-sizing: content-box;
2490
+ box-sizing: content-box;
2465
2491
  overflow: initial;
2466
2492
  }
2467
2493
 
@@ -2509,14 +2535,16 @@ ejs-multiselect {
2509
2535
 
2510
2536
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2511
2537
  background-color: #0d6efd;
2512
- box-shadow: none;
2538
+ -webkit-box-shadow: none;
2539
+ box-shadow: none;
2513
2540
  color: #fff;
2514
2541
  border: 0 solid transparent;
2515
2542
  }
2516
2543
 
2517
2544
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2518
2545
  background-color: #0d6efd;
2519
- box-shadow: none;
2546
+ -webkit-box-shadow: none;
2547
+ box-shadow: none;
2520
2548
  color: #fff;
2521
2549
  border: 0 solid transparent;
2522
2550
  }
@@ -2631,11 +2659,13 @@ ejs-multiselect {
2631
2659
  .e-listbox-container,
2632
2660
  .e-listboxtool-wrapper {
2633
2661
  -webkit-overflow-scrolling: touch;
2634
- box-sizing: border-box;
2662
+ -webkit-box-sizing: border-box;
2663
+ box-sizing: border-box;
2635
2664
  cursor: pointer;
2636
2665
  display: block;
2637
2666
  position: relative;
2638
2667
  -webkit-user-select: none;
2668
+ -moz-user-select: none;
2639
2669
  -ms-user-select: none;
2640
2670
  user-select: none;
2641
2671
  width: 100%;
@@ -2643,7 +2673,8 @@ ejs-multiselect {
2643
2673
  .e-listbox-wrapper *,
2644
2674
  .e-listbox-container *,
2645
2675
  .e-listboxtool-wrapper * {
2646
- box-sizing: border-box;
2676
+ -webkit-box-sizing: border-box;
2677
+ box-sizing: border-box;
2647
2678
  }
2648
2679
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2649
2680
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2708,9 +2739,11 @@ ejs-multiselect {
2708
2739
  margin: 0;
2709
2740
  padding: 0;
2710
2741
  }
2711
- .e-listbox-wrapper .e-list-header .e-text.header,
2742
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2712
2743
  .e-listbox-container .e-list-header .e-text.header,
2713
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2744
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2745
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2746
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2714
2747
  display: none;
2715
2748
  }
2716
2749
  .e-listbox-wrapper .e-icon-back,
@@ -2718,17 +2751,14 @@ ejs-multiselect {
2718
2751
  .e-listboxtool-wrapper .e-icon-back {
2719
2752
  margin-top: 2px;
2720
2753
  }
2721
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2722
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2723
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2724
- display: none;
2725
- }
2726
2754
  .e-listbox-wrapper .e-list-header,
2727
2755
  .e-listbox-container .e-list-header,
2728
2756
  .e-listboxtool-wrapper .e-list-header {
2729
- -ms-flex-align: center;
2730
- align-items: center;
2757
+ -webkit-box-align: center;
2758
+ -ms-flex-align: center;
2759
+ align-items: center;
2731
2760
  border-bottom: 1px solid;
2761
+ display: -webkit-box;
2732
2762
  display: -ms-flexbox;
2733
2763
  display: flex;
2734
2764
  font-weight: 500;
@@ -2770,7 +2800,8 @@ ejs-multiselect {
2770
2800
  position: absolute;
2771
2801
  right: 0%;
2772
2802
  top: 50%;
2773
- transform: translateY(-50%);
2803
+ -webkit-transform: translateY(-50%);
2804
+ transform: translateY(-50%);
2774
2805
  }
2775
2806
  .e-listbox-wrapper .e-text-content,
2776
2807
  .e-listbox-container .e-text-content,
@@ -2826,18 +2857,12 @@ ejs-multiselect {
2826
2857
  white-space: nowrap;
2827
2858
  width: 100%;
2828
2859
  }
2829
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2860
+ .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,
2830
2861
  .e-listbox-container .e-list-icon + .e-list-text,
2831
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2832
- width: calc(100% - 60px);
2833
- }
2834
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2835
2862
  .e-listbox-container .e-icon-wrapper .e-list-text,
2836
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2837
- width: calc(100% - 60px);
2838
- }
2839
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2840
2863
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2864
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2865
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2841
2866
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2842
2867
  width: calc(100% - 60px);
2843
2868
  }
@@ -2883,7 +2908,8 @@ ejs-multiselect {
2883
2908
  left: 0%;
2884
2909
  right: initial;
2885
2910
  top: 50%;
2886
- transform: translateY(-50%) rotate(180deg);
2911
+ -webkit-transform: translateY(-50%) rotate(180deg);
2912
+ transform: translateY(-50%) rotate(180deg);
2887
2913
  }
2888
2914
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2889
2915
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2893,7 +2919,8 @@ ejs-multiselect {
2893
2919
  .e-listbox-wrapper.e-rtl .e-but-back,
2894
2920
  .e-listbox-container.e-rtl .e-but-back,
2895
2921
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2896
- transform: rotate(180deg);
2922
+ -webkit-transform: rotate(180deg);
2923
+ transform: rotate(180deg);
2897
2924
  }
2898
2925
  .e-listbox-wrapper.e-rtl .e-icon-back,
2899
2926
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2901,8 +2928,11 @@ ejs-multiselect {
2901
2928
  margin-top: -2px;
2902
2929
  }
2903
2930
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2931
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2904
2932
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2905
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2933
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2934
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2935
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2906
2936
  margin: -2px 0 0 8px;
2907
2937
  }
2908
2938
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2910,11 +2940,6 @@ ejs-multiselect {
2910
2940
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2911
2941
  margin: -2px 8px 0 0;
2912
2942
  }
2913
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2914
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2915
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2916
- margin: -2px 0 0 8px;
2917
- }
2918
2943
  .e-listbox-wrapper .e-checkbox-wrapper,
2919
2944
  .e-listbox-container .e-checkbox-wrapper,
2920
2945
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2959,10 +2984,7 @@ ejs-listbox {
2959
2984
  display: block;
2960
2985
  }
2961
2986
 
2962
- .e-listbox-wrapper:not(.e-listbox-container) {
2963
- overflow: auto;
2964
- }
2965
-
2987
+ .e-listbox-wrapper:not(.e-listbox-container),
2966
2988
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2967
2989
  overflow: auto;
2968
2990
  }
@@ -2977,6 +2999,7 @@ ejs-listbox {
2977
2999
  .e-listbox-container.e-sortableclone .e-list-item,
2978
3000
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2979
3001
  list-style-type: none;
3002
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2980
3003
  }
2981
3004
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2982
3005
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2991,18 +3014,21 @@ ejs-listbox {
2991
3014
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2992
3015
  .e-listbox-container.e-sortableclone .e-list-badge,
2993
3016
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2994
- -ms-flex-align: center;
2995
- align-items: center;
3017
+ -webkit-box-align: center;
3018
+ -ms-flex-align: center;
3019
+ align-items: center;
2996
3020
  background-color: #0d6efd;
2997
3021
  border: 1px solid #fff;
2998
3022
  border-radius: 50%;
2999
3023
  color: #fff;
3024
+ display: -webkit-box;
3000
3025
  display: -ms-flexbox;
3001
3026
  display: flex;
3002
3027
  font-size: 12px;
3003
3028
  height: 22px;
3004
- -ms-flex-pack: center;
3005
- justify-content: center;
3029
+ -webkit-box-pack: center;
3030
+ -ms-flex-pack: center;
3031
+ justify-content: center;
3006
3032
  position: absolute;
3007
3033
  right: -10px;
3008
3034
  top: -10px;
@@ -3016,12 +3042,14 @@ ejs-listbox {
3016
3042
  .e-listboxtool-wrapper,
3017
3043
  .e-listboxtool-container {
3018
3044
  cursor: pointer;
3045
+ display: -webkit-box;
3019
3046
  display: -ms-flexbox;
3020
3047
  display: flex;
3021
3048
  }
3022
3049
  .e-listboxtool-wrapper *,
3023
3050
  .e-listboxtool-container * {
3024
- box-sizing: border-box;
3051
+ -webkit-box-sizing: border-box;
3052
+ box-sizing: border-box;
3025
3053
  }
3026
3054
  .e-listboxtool-wrapper.e-disabled,
3027
3055
  .e-listboxtool-container.e-disabled {
@@ -3029,9 +3057,12 @@ ejs-listbox {
3029
3057
  pointer-events: none;
3030
3058
  }
3031
3059
  .e-listboxtool-wrapper .e-listbox-wrapper,
3032
- .e-listboxtool-container .e-listbox-wrapper {
3033
- -ms-flex: 1;
3034
- flex: 1;
3060
+ .e-listboxtool-wrapper .e-list-wrap,
3061
+ .e-listboxtool-container .e-listbox-wrapper,
3062
+ .e-listboxtool-container .e-list-wrap {
3063
+ -webkit-box-flex: 1;
3064
+ -ms-flex: 1;
3065
+ flex: 1;
3035
3066
  }
3036
3067
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
3037
3068
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3137,22 +3168,22 @@ ejs-listbox {
3137
3168
  .e-listbox-wrapper.e-bigger .e-list-header,
3138
3169
  .e-bigger .e-listbox-container .e-list-header,
3139
3170
  .e-listbox-container.e-bigger .e-list-header {
3140
- -ms-flex-align: center;
3141
- align-items: center;
3171
+ -webkit-box-align: center;
3172
+ -ms-flex-align: center;
3173
+ align-items: center;
3174
+ display: -webkit-box;
3142
3175
  display: -ms-flexbox;
3143
3176
  display: flex;
3144
3177
  font-weight: 500;
3145
3178
  height: 22px;
3146
3179
  }
3147
3180
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3148
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3149
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3150
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3151
- display: none;
3152
- }
3153
3181
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3182
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3154
3183
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3184
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3155
3185
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3186
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3156
3187
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3157
3188
  display: none;
3158
3189
  }
@@ -3175,15 +3206,15 @@ ejs-listbox {
3175
3206
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3176
3207
  }
3177
3208
 
3178
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3209
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3210
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3211
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3212
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3179
3213
  height: 100%;
3180
3214
  }
3181
3215
 
3182
3216
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3183
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3184
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3185
- }
3186
-
3217
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3187
3218
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3188
3219
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3189
3220
  }
@@ -3192,23 +3223,11 @@ ejs-listbox {
3192
3223
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3193
3224
  }
3194
3225
 
3195
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3196
- height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3197
- }
3198
-
3199
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3200
- height: 100%;
3201
- }
3202
-
3203
3226
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3204
3227
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3205
3228
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3206
3229
  }
3207
3230
 
3208
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3209
- height: 100%;
3210
- }
3211
-
3212
3231
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3213
3232
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3214
3233
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3222,10 +3241,6 @@ ejs-listbox {
3222
3241
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3223
3242
  }
3224
3243
 
3225
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3226
- height: 100%;
3227
- }
3228
-
3229
3244
  .e-listbox-wrapper,
3230
3245
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3231
3246
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3286,13 +3301,6 @@ ejs-listbox {
3286
3301
  color: #212529;
3287
3302
  }
3288
3303
 
3289
- .e-listbox-wrapper .e-list-item.e-selected,
3290
- .e-listbox-container .e-list-item.e-selected,
3291
- .e-listboxtool-wrapper .e-list-item.e-selected {
3292
- background-color: #e9ecef;
3293
- color: rgba(33, 37, 41, 0.87);
3294
- }
3295
-
3296
3304
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3297
3305
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3298
3306
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3300,11 +3308,13 @@ ejs-listbox {
3300
3308
  color: #212529;
3301
3309
  }
3302
3310
 
3303
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3311
+ .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,
3304
3312
  .e-listbox-container .e-list-item.e-focused,
3305
3313
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3314
+ .e-listbox-container .e-list-item.e-selected,
3306
3315
  .e-listboxtool-wrapper .e-list-item.e-focused,
3307
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3316
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3317
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3308
3318
  background-color: #e9ecef;
3309
3319
  color: rgba(33, 37, 41, 0.87);
3310
3320
  }
@@ -3394,8 +3404,8 @@ ejs-listbox {
3394
3404
  height: 40px;
3395
3405
  left: 0;
3396
3406
  position: absolute;
3397
- top: 0;
3398
3407
  width: 40px;
3408
+ left: 0;
3399
3409
  }
3400
3410
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3401
3411
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3413,18 +3423,15 @@ ejs-listbox {
3413
3423
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3414
3424
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3415
3425
  height: 40px;
3426
+ left: 0;
3416
3427
  position: absolute;
3417
- right: 0;
3418
- top: 0;
3419
3428
  width: 40px;
3429
+ right: 0;
3420
3430
  }
3421
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3431
+ .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,
3422
3432
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3423
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3424
- top: 0;
3425
- }
3426
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3427
3433
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3434
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3428
3435
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3429
3436
  top: 0;
3430
3437
  }
@@ -3438,7 +3445,8 @@ ejs-listbox {
3438
3445
  position: absolute;
3439
3446
  right: 12px;
3440
3447
  top: 50%;
3441
- transform: translateY(-50%);
3448
+ -webkit-transform: translateY(-50%);
3449
+ transform: translateY(-50%);
3442
3450
  width: 32px;
3443
3451
  }
3444
3452
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3463,23 +3471,17 @@ ejs-listbox {
3463
3471
  text-overflow: ellipsis;
3464
3472
  white-space: nowrap;
3465
3473
  }
3466
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3474
+ .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,
3467
3475
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3468
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3469
- color: #212529;
3470
- }
3471
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3472
3476
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3477
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3473
3478
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3474
3479
  color: #212529;
3475
3480
  }
3476
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3481
+ .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,
3477
3482
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3478
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3479
- color: rgba(33, 37, 41, 0.87);
3480
- }
3481
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3482
3483
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3484
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3483
3485
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3484
3486
  color: rgba(33, 37, 41, 0.87);
3485
3487
  }
@@ -3526,15 +3528,7 @@ ejs-listbox {
3526
3528
  padding-right: 16px;
3527
3529
  }
3528
3530
 
3529
- .e-listbox-container.e-filter-list .e-list-parent {
3530
- height: 100%;
3531
- }
3532
-
3533
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3534
- height: 100%;
3535
- }
3536
-
3537
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3531
+ .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 {
3538
3532
  height: 100%;
3539
3533
  }
3540
3534
 
@@ -3550,22 +3544,4 @@ ejs-listbox {
3550
3544
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3551
3545
  }
3552
3546
 
3553
- /* stylelint-disable-line no-empty-source */
3554
- /* stylelint-disable property-no-vendor-prefix */
3555
- @keyframes material-spinner-rotate {
3556
- 0% {
3557
- transform: rotate(0);
3558
- }
3559
- 100% {
3560
- transform: rotate(360deg);
3561
- }
3562
- }
3563
- @keyframes fabric-spinner-rotate {
3564
- 0% {
3565
- transform: rotate(0);
3566
- }
3567
- 100% {
3568
- transform: rotate(360deg);
3569
- }
3570
- }
3571
3547
  /* stylelint-disable-line no-empty-source */