@syncfusion/ej2-dropdowns 25.2.7-130084 → 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 (290) hide show
  1. package/.eslintrc.json +3 -2
  2. package/{ReadMe.md → README.md} +1 -1
  3. package/dist/ej2-dropdowns.min.js +10 -1
  4. package/dist/ej2-dropdowns.umd.min.js +10 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +505 -215
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +498 -207
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +10 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +9 -0
  13. package/package.json +80 -79
  14. package/src/auto-complete/auto-complete-model.d.ts +10 -10
  15. package/src/auto-complete/auto-complete.d.ts +12 -12
  16. package/src/auto-complete/auto-complete.js +3 -3
  17. package/src/combo-box/combo-box-model.d.ts +17 -17
  18. package/src/combo-box/combo-box.d.ts +27 -27
  19. package/src/combo-box/combo-box.js +25 -10
  20. package/src/common/interface.js +0 -1
  21. package/src/common/virtual-scroll.js +1 -0
  22. package/src/drop-down-base/drop-down-base-model.d.ts +21 -14
  23. package/src/drop-down-base/drop-down-base.d.ts +43 -17
  24. package/src/drop-down-base/drop-down-base.js +65 -10
  25. package/src/drop-down-list/drop-down-list-model.d.ts +3 -3
  26. package/src/drop-down-list/drop-down-list.d.ts +19 -5
  27. package/src/drop-down-list/drop-down-list.js +130 -5
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +16 -16
  29. package/src/drop-down-tree/drop-down-tree.d.ts +18 -14
  30. package/src/drop-down-tree/drop-down-tree.js +52 -38
  31. package/src/list-box/list-box-model.d.ts +2 -2
  32. package/src/list-box/list-box.d.ts +2 -2
  33. package/src/list-box/list-box.js +30 -9
  34. package/src/mention/mention.js +23 -8
  35. package/src/multi-select/interface.js +0 -1
  36. package/src/multi-select/multi-select.d.ts +15 -0
  37. package/src/multi-select/multi-select.js +135 -12
  38. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  39. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  40. package/styles/auto-complete/bootstrap-dark.css +5 -2
  41. package/styles/auto-complete/bootstrap.css +5 -2
  42. package/styles/auto-complete/bootstrap4.css +6 -2
  43. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  44. package/styles/auto-complete/bootstrap5.css +6 -2
  45. package/styles/auto-complete/fabric-dark.css +3 -1
  46. package/styles/auto-complete/fabric.css +3 -1
  47. package/styles/auto-complete/fluent-dark.css +6 -2
  48. package/styles/auto-complete/fluent.css +6 -2
  49. package/styles/auto-complete/fluent2.css +1140 -0
  50. package/styles/auto-complete/fluent2.scss +4 -0
  51. package/styles/auto-complete/highcontrast-light.css +3 -1
  52. package/styles/auto-complete/highcontrast.css +3 -1
  53. package/styles/auto-complete/material-dark.css +16 -5
  54. package/styles/auto-complete/material.css +16 -5
  55. package/styles/auto-complete/material3-dark.css +17 -6
  56. package/styles/auto-complete/material3-dark.scss +1 -1
  57. package/styles/auto-complete/material3.css +17 -6
  58. package/styles/auto-complete/material3.scss +1 -1
  59. package/styles/auto-complete/tailwind-dark.css +16 -5
  60. package/styles/auto-complete/tailwind.css +16 -5
  61. package/styles/bootstrap-dark.css +196 -228
  62. package/styles/bootstrap-dark.scss +28 -8
  63. package/styles/bootstrap.css +196 -228
  64. package/styles/bootstrap.scss +28 -8
  65. package/styles/bootstrap4.css +199 -229
  66. package/styles/bootstrap4.scss +28 -8
  67. package/styles/bootstrap5-dark.css +196 -221
  68. package/styles/bootstrap5-dark.scss +28 -8
  69. package/styles/bootstrap5.css +196 -221
  70. package/styles/bootstrap5.scss +28 -8
  71. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  72. package/styles/combo-box/_fluent2-definition.scss +2 -0
  73. package/styles/combo-box/bootstrap-dark.css +5 -2
  74. package/styles/combo-box/bootstrap.css +5 -2
  75. package/styles/combo-box/bootstrap4.css +6 -2
  76. package/styles/combo-box/bootstrap5-dark.css +6 -2
  77. package/styles/combo-box/bootstrap5.css +6 -2
  78. package/styles/combo-box/fabric-dark.css +3 -1
  79. package/styles/combo-box/fabric.css +3 -1
  80. package/styles/combo-box/fluent-dark.css +6 -2
  81. package/styles/combo-box/fluent.css +6 -2
  82. package/styles/combo-box/fluent2.css +1140 -0
  83. package/styles/combo-box/fluent2.scss +4 -0
  84. package/styles/combo-box/highcontrast-light.css +3 -1
  85. package/styles/combo-box/highcontrast.css +3 -1
  86. package/styles/combo-box/material-dark.css +16 -5
  87. package/styles/combo-box/material.css +16 -5
  88. package/styles/combo-box/material3-dark.css +17 -6
  89. package/styles/combo-box/material3-dark.scss +1 -1
  90. package/styles/combo-box/material3.css +17 -6
  91. package/styles/combo-box/material3.scss +1 -1
  92. package/styles/combo-box/tailwind-dark.css +16 -5
  93. package/styles/combo-box/tailwind.css +16 -5
  94. package/styles/drop-down-base/_bds-definition.scss +2 -2
  95. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  96. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  97. package/styles/drop-down-base/_layout.scss +12 -2
  98. package/styles/drop-down-base/_material3-definition.scss +0 -11
  99. package/styles/drop-down-base/_theme.scss +2 -11
  100. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  101. package/styles/drop-down-base/bootstrap.css +2 -1
  102. package/styles/drop-down-base/bootstrap4.css +2 -1
  103. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  104. package/styles/drop-down-base/bootstrap5.css +2 -1
  105. package/styles/drop-down-base/fabric-dark.css +2 -1
  106. package/styles/drop-down-base/fabric.css +2 -1
  107. package/styles/drop-down-base/fluent-dark.css +2 -1
  108. package/styles/drop-down-base/fluent.css +2 -1
  109. package/styles/drop-down-base/fluent2.css +1447 -0
  110. package/styles/drop-down-base/fluent2.scss +3 -0
  111. package/styles/drop-down-base/highcontrast-light.css +2 -1
  112. package/styles/drop-down-base/highcontrast.css +2 -1
  113. package/styles/drop-down-base/material-dark.css +2 -1
  114. package/styles/drop-down-base/material.css +2 -1
  115. package/styles/drop-down-base/material3-dark.css +9 -2
  116. package/styles/drop-down-base/material3-dark.scss +1 -1
  117. package/styles/drop-down-base/material3.css +9 -2
  118. package/styles/drop-down-base/material3.scss +1 -1
  119. package/styles/drop-down-base/tailwind-dark.css +2 -1
  120. package/styles/drop-down-base/tailwind.css +2 -1
  121. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  122. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  123. package/styles/drop-down-list/_layout.scss +5 -3
  124. package/styles/drop-down-list/_material3-definition.scss +0 -8
  125. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  126. package/styles/drop-down-list/bootstrap.css +38 -3
  127. package/styles/drop-down-list/bootstrap4.css +39 -3
  128. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  129. package/styles/drop-down-list/bootstrap5.css +39 -3
  130. package/styles/drop-down-list/fabric-dark.css +36 -2
  131. package/styles/drop-down-list/fabric.css +36 -2
  132. package/styles/drop-down-list/fluent-dark.css +39 -3
  133. package/styles/drop-down-list/fluent.css +39 -3
  134. package/styles/drop-down-list/fluent2.css +1684 -0
  135. package/styles/drop-down-list/fluent2.scss +9 -0
  136. package/styles/drop-down-list/highcontrast-light.css +36 -2
  137. package/styles/drop-down-list/highcontrast.css +36 -2
  138. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  139. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  140. package/styles/drop-down-list/material-dark.css +58 -7
  141. package/styles/drop-down-list/material.css +72 -9
  142. package/styles/drop-down-list/material3-dark.css +74 -10
  143. package/styles/drop-down-list/material3-dark.scss +1 -1
  144. package/styles/drop-down-list/material3.css +74 -10
  145. package/styles/drop-down-list/material3.scss +1 -1
  146. package/styles/drop-down-list/tailwind-dark.css +49 -6
  147. package/styles/drop-down-list/tailwind.css +49 -6
  148. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  149. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  150. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  151. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  152. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  153. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  154. package/styles/drop-down-tree/_layout.scss +289 -327
  155. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  156. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  157. package/styles/drop-down-tree/_theme.scss +24 -41
  158. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  159. package/styles/drop-down-tree/bootstrap.css +63 -29
  160. package/styles/drop-down-tree/bootstrap4.css +64 -30
  161. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  162. package/styles/drop-down-tree/bootstrap5.css +63 -27
  163. package/styles/drop-down-tree/fabric-dark.css +63 -29
  164. package/styles/drop-down-tree/fabric.css +63 -29
  165. package/styles/drop-down-tree/fluent-dark.css +71 -35
  166. package/styles/drop-down-tree/fluent.css +71 -35
  167. package/styles/drop-down-tree/fluent2.css +1732 -0
  168. package/styles/drop-down-tree/fluent2.scss +9 -0
  169. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  170. package/styles/drop-down-tree/highcontrast.css +63 -23
  171. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  172. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  173. package/styles/drop-down-tree/material-dark.css +80 -43
  174. package/styles/drop-down-tree/material.css +97 -51
  175. package/styles/drop-down-tree/material3-dark.css +85 -32
  176. package/styles/drop-down-tree/material3-dark.scss +1 -1
  177. package/styles/drop-down-tree/material3.css +85 -32
  178. package/styles/drop-down-tree/material3.scss +1 -1
  179. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  180. package/styles/drop-down-tree/tailwind.css +72 -28
  181. package/styles/fabric-dark.css +194 -227
  182. package/styles/fabric-dark.scss +28 -8
  183. package/styles/fabric.css +194 -227
  184. package/styles/fabric.scss +28 -8
  185. package/styles/fluent-dark.css +206 -236
  186. package/styles/fluent-dark.scss +28 -8
  187. package/styles/fluent.css +206 -236
  188. package/styles/fluent.scss +28 -8
  189. package/styles/fluent2.css +4771 -0
  190. package/styles/fluent2.scss +28 -0
  191. package/styles/highcontrast-light.css +197 -227
  192. package/styles/highcontrast-light.scss +28 -8
  193. package/styles/highcontrast.css +197 -221
  194. package/styles/highcontrast.scss +28 -8
  195. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  196. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  197. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  198. package/styles/list-box/_fluent2-definition.scss +121 -0
  199. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  200. package/styles/list-box/_layout.scss +65 -44
  201. package/styles/list-box/_material-dark-definition.scss +0 -2
  202. package/styles/list-box/_tailwind-definition.scss +1 -1
  203. package/styles/list-box/_theme.scss +36 -65
  204. package/styles/list-box/bootstrap-dark.css +72 -112
  205. package/styles/list-box/bootstrap.css +72 -112
  206. package/styles/list-box/bootstrap4.css +72 -112
  207. package/styles/list-box/bootstrap5-dark.css +72 -106
  208. package/styles/list-box/bootstrap5.css +72 -106
  209. package/styles/list-box/fabric-dark.css +72 -112
  210. package/styles/list-box/fabric.css +72 -112
  211. package/styles/list-box/fluent-dark.css +72 -112
  212. package/styles/list-box/fluent.css +72 -112
  213. package/styles/list-box/fluent2.css +2029 -0
  214. package/styles/list-box/fluent2.scss +5 -0
  215. package/styles/list-box/highcontrast-light.css +72 -112
  216. package/styles/list-box/highcontrast.css +72 -112
  217. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  218. package/styles/list-box/icons/_fluent2.scss +25 -0
  219. package/styles/list-box/material-dark.css +72 -112
  220. package/styles/list-box/material.css +72 -112
  221. package/styles/list-box/material3-dark.css +73 -113
  222. package/styles/list-box/material3-dark.scss +1 -1
  223. package/styles/list-box/material3.css +73 -113
  224. package/styles/list-box/material3.scss +1 -1
  225. package/styles/list-box/tailwind-dark.css +74 -114
  226. package/styles/list-box/tailwind.css +74 -114
  227. package/styles/material-dark.css +236 -260
  228. package/styles/material-dark.scss +28 -8
  229. package/styles/material.css +253 -284
  230. package/styles/material.scss +28 -8
  231. package/styles/material3-dark.css +253 -266
  232. package/styles/material3-dark.scss +29 -9
  233. package/styles/material3.css +253 -266
  234. package/styles/material3.scss +29 -9
  235. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  236. package/styles/mention/_fluent2-definition.scss +1 -0
  237. package/styles/mention/bootstrap-dark.css +24 -0
  238. package/styles/mention/bootstrap.css +24 -0
  239. package/styles/mention/bootstrap4.css +24 -0
  240. package/styles/mention/bootstrap5-dark.css +24 -0
  241. package/styles/mention/bootstrap5.css +24 -0
  242. package/styles/mention/fabric-dark.css +24 -0
  243. package/styles/mention/fabric.css +24 -0
  244. package/styles/mention/fluent-dark.css +24 -0
  245. package/styles/mention/fluent.css +24 -0
  246. package/styles/mention/fluent2.css +1130 -0
  247. package/styles/mention/fluent2.scss +6 -0
  248. package/styles/mention/highcontrast-light.css +24 -0
  249. package/styles/mention/highcontrast.css +24 -0
  250. package/styles/mention/material-dark.css +24 -0
  251. package/styles/mention/material.css +24 -0
  252. package/styles/mention/material3-dark.css +25 -1
  253. package/styles/mention/material3-dark.scss +1 -1
  254. package/styles/mention/material3.css +25 -1
  255. package/styles/mention/material3.scss +1 -1
  256. package/styles/mention/tailwind-dark.css +24 -0
  257. package/styles/mention/tailwind.css +24 -0
  258. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  259. package/styles/multi-select/_fluent2-definition.scss +236 -0
  260. package/styles/multi-select/_layout.scss +32 -38
  261. package/styles/multi-select/_material3-definition.scss +0 -15
  262. package/styles/multi-select/_theme.scss +0 -4
  263. package/styles/multi-select/bootstrap-dark.css +67 -28
  264. package/styles/multi-select/bootstrap.css +67 -28
  265. package/styles/multi-select/bootstrap4.css +70 -29
  266. package/styles/multi-select/bootstrap5-dark.css +67 -28
  267. package/styles/multi-select/bootstrap5.css +67 -28
  268. package/styles/multi-select/fabric-dark.css +67 -28
  269. package/styles/multi-select/fabric.css +67 -28
  270. package/styles/multi-select/fluent-dark.css +69 -29
  271. package/styles/multi-select/fluent.css +69 -29
  272. package/styles/multi-select/fluent2.css +2663 -0
  273. package/styles/multi-select/fluent2.scss +9 -0
  274. package/styles/multi-select/highcontrast-light.css +70 -28
  275. package/styles/multi-select/highcontrast.css +70 -28
  276. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  277. package/styles/multi-select/icons/_fluent2.scss +692 -0
  278. package/styles/multi-select/material-dark.css +88 -32
  279. package/styles/multi-select/material.css +102 -34
  280. package/styles/multi-select/material3-dark.css +109 -35
  281. package/styles/multi-select/material3-dark.scss +1 -1
  282. package/styles/multi-select/material3.css +109 -35
  283. package/styles/multi-select/material3.scss +1 -1
  284. package/styles/multi-select/tailwind-dark.css +67 -28
  285. package/styles/multi-select/tailwind.css +67 -28
  286. package/styles/tailwind-dark.css +217 -233
  287. package/styles/tailwind-dark.scss +28 -8
  288. package/styles/tailwind.css +217 -233
  289. package/styles/tailwind.scss +28 -8
  290. package/CHANGELOG.md +0 -2200
package/styles/fluent.css CHANGED
@@ -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
  }
@@ -422,25 +423,50 @@
422
423
  /* stylelint-disable property-no-vendor-prefix */
423
424
  /* stylelint-disable-line no-empty-source */
424
425
  /* stylelint-disable property-no-vendor-prefix */
426
+ @-webkit-keyframes material-spinner-rotate {
427
+ 0% {
428
+ -webkit-transform: rotate(0);
429
+ transform: rotate(0);
430
+ }
431
+ 100% {
432
+ -webkit-transform: rotate(360deg);
433
+ transform: rotate(360deg);
434
+ }
435
+ }
425
436
  @keyframes material-spinner-rotate {
426
437
  0% {
438
+ -webkit-transform: rotate(0);
439
+ transform: rotate(0);
440
+ }
441
+ 100% {
442
+ -webkit-transform: rotate(360deg);
443
+ transform: rotate(360deg);
444
+ }
445
+ }
446
+ @-webkit-keyframes fabric-spinner-rotate {
447
+ 0% {
448
+ -webkit-transform: rotate(0);
427
449
  transform: rotate(0);
428
450
  }
429
451
  100% {
452
+ -webkit-transform: rotate(360deg);
430
453
  transform: rotate(360deg);
431
454
  }
432
455
  }
433
456
  @keyframes fabric-spinner-rotate {
434
457
  0% {
458
+ -webkit-transform: rotate(0);
435
459
  transform: rotate(0);
436
460
  }
437
461
  100% {
462
+ -webkit-transform: rotate(360deg);
438
463
  transform: rotate(360deg);
439
464
  }
440
465
  }
441
466
  .e-popup.e-ddl {
442
467
  border-radius: 4px;
443
- box-shadow: none;
468
+ -webkit-box-shadow: none;
469
+ box-shadow: none;
444
470
  margin-top: 1px;
445
471
  }
446
472
  .e-popup.e-ddl .e-input-group {
@@ -455,6 +481,7 @@
455
481
  }
456
482
 
457
483
  .e-popup.e-ddl .e-filter-parent .e-input-group {
484
+ display: -webkit-box;
458
485
  display: -ms-flexbox;
459
486
  display: flex;
460
487
  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: none;
562
+ display: -webkit-box;
534
563
  display: -ms-flexbox;
535
564
  display: flex;
536
565
  position: relative;
@@ -636,7 +665,8 @@
636
665
  .e-filter-parent {
637
666
  border: 0;
638
667
  border-top-width: 0;
639
- box-shadow: none;
668
+ -webkit-box-shadow: none;
669
+ box-shadow: none;
640
670
  display: block;
641
671
  padding: 8px;
642
672
  border-bottom: 1px solid #edebe9;
@@ -708,6 +738,7 @@
708
738
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
709
739
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
710
740
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
741
+ display: -webkit-box;
711
742
  display: -ms-flexbox;
712
743
  display: flex;
713
744
  }
@@ -729,6 +760,7 @@
729
760
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
730
761
  .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 {
731
762
  cursor: pointer;
763
+ display: -webkit-box;
732
764
  display: -ms-flexbox;
733
765
  display: flex;
734
766
  }
@@ -748,6 +780,11 @@
748
780
  pointer-events: none;
749
781
  }
750
782
 
783
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
784
+ opacity: 0.7;
785
+ pointer-events: none;
786
+ }
787
+
751
788
  ejs-autocomplete,
752
789
  ejs-combobox,
753
790
  ejs-dropdownlist {
@@ -816,25 +853,6 @@ ejs-dropdownlist {
816
853
  color: #201f1e;
817
854
  }
818
855
 
819
- /* stylelint-disable property-no-vendor-prefix */
820
- /* stylelint-disable-line no-empty-source */
821
- /* stylelint-disable property-no-vendor-prefix */
822
- @keyframes material-spinner-rotate {
823
- 0% {
824
- transform: rotate(0);
825
- }
826
- 100% {
827
- transform: rotate(360deg);
828
- }
829
- }
830
- @keyframes fabric-spinner-rotate {
831
- 0% {
832
- transform: rotate(0);
833
- }
834
- 100% {
835
- transform: rotate(360deg);
836
- }
837
- }
838
856
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
839
857
  /* stylelint-disable */
840
858
  /* stylelint-disable */
@@ -850,12 +868,20 @@ ejs-dropdownlist {
850
868
  outline: none;
851
869
  }
852
870
  .e-ddt .e-ddt-icon::before {
853
- transform: rotate(0deg);
871
+ -webkit-transform: rotate(0deg);
872
+ transform: rotate(0deg);
873
+ -webkit-transition: -webkit-transform 300ms ease;
874
+ transition: -webkit-transform 300ms ease;
854
875
  transition: transform 300ms ease;
876
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
855
877
  }
856
878
  .e-ddt.e-icon-anim .e-ddt-icon::before {
857
- transform: rotate(180deg);
879
+ -webkit-transform: rotate(180deg);
880
+ transform: rotate(180deg);
881
+ -webkit-transition: -webkit-transform 300ms ease;
882
+ transition: -webkit-transform 300ms ease;
858
883
  transition: transform 300ms ease;
884
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
859
885
  }
860
886
  .e-ddt .e-ddt-hidden {
861
887
  border: 0;
@@ -864,7 +890,8 @@ ejs-dropdownlist {
864
890
  width: 0;
865
891
  }
866
892
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
867
- box-sizing: content-box;
893
+ -webkit-box-sizing: content-box;
894
+ box-sizing: content-box;
868
895
  min-height: 30px;
869
896
  }
870
897
  .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 {
@@ -895,6 +922,7 @@ ejs-dropdownlist {
895
922
  padding-right: 0;
896
923
  }
897
924
  .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 {
925
+ display: -webkit-box;
898
926
  display: -ms-flexbox;
899
927
  display: flex;
900
928
  }
@@ -902,20 +930,25 @@ ejs-dropdownlist {
902
930
  width: 100%;
903
931
  }
904
932
  .e-ddt.e-show-chip .e-chips-close {
905
- line-height: 20px;
906
933
  min-height: 24px;
907
934
  min-width: 24px;
935
+ line-height: 20px;
908
936
  text-align: center;
909
937
  }
910
938
  .e-ddt.e-show-chip .e-chips-close::before {
911
939
  font-size: 10px;
940
+ }
941
+ .e-ddt.e-show-chip .e-chips-close::before {
912
942
  vertical-align: middle;
913
943
  }
914
944
  .e-ddt.e-show-chip .e-chips {
915
- -ms-flex-align: center;
916
- align-items: center;
945
+ -webkit-box-align: center;
946
+ -ms-flex-align: center;
947
+ align-items: center;
917
948
  border-radius: 0;
918
- box-sizing: border-box;
949
+ -webkit-box-sizing: border-box;
950
+ box-sizing: border-box;
951
+ display: -webkit-inline-box;
919
952
  display: -ms-inline-flexbox;
920
953
  display: inline-flex;
921
954
  float: left;
@@ -946,7 +979,8 @@ ejs-dropdownlist {
946
979
  line-height: 30px;
947
980
  }
948
981
  .e-ddt .e-overflow.e-total-count {
949
- box-sizing: border-box;
982
+ -webkit-box-sizing: border-box;
983
+ box-sizing: border-box;
950
984
  display: inline-block;
951
985
  overflow: hidden;
952
986
  text-overflow: ellipsis;
@@ -996,7 +1030,8 @@ ejs-dropdownlist {
996
1030
  }
997
1031
  .e-ddt.e-popup {
998
1032
  border-radius: 2px;
999
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
1033
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
1034
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
1000
1035
  position: absolute;
1001
1036
  }
1002
1037
  .e-ddt.e-popup .e-selectall-parent {
@@ -1025,14 +1060,15 @@ ejs-dropdownlist {
1025
1060
  font-size: 14px;
1026
1061
  margin: 0 12px;
1027
1062
  }
1028
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1029
- padding: 0 20px;
1030
- }
1031
1063
  .e-ddt.e-popup .e-filter-wrap {
1032
- border-bottom: 1px solid #edebe9;
1033
1064
  border-top-width: 0;
1034
1065
  display: block;
1035
1066
  padding: 4px 12px;
1067
+ border-bottom: 1px solid #edebe9;
1068
+ }
1069
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1070
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1071
+ padding: 0 20px;
1036
1072
  }
1037
1073
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1038
1074
  margin-bottom: 0;
@@ -1048,8 +1084,8 @@ ejs-dropdownlist {
1048
1084
  cursor: default;
1049
1085
  font-family: inherit;
1050
1086
  font-size: 14px;
1051
- padding: 14px 16px;
1052
1087
  text-align: center;
1088
+ padding: 14px 16px;
1053
1089
  }
1054
1090
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1055
1091
  display: none;
@@ -1099,16 +1135,16 @@ ejs-dropdownlist {
1099
1135
  padding: 0 8px;
1100
1136
  }
1101
1137
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1102
- margin-left: 18px;
1103
1138
  margin-right: 4px;
1139
+ margin-left: 18px;
1104
1140
  }
1105
1141
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1106
- margin-left: 18px;
1107
1142
  margin-right: 4px;
1143
+ margin-left: 18px;
1108
1144
  }
1109
1145
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1110
- margin-left: 54px;
1111
1146
  margin-right: 4px;
1147
+ margin-left: 54px;
1112
1148
  }
1113
1149
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1114
1150
  .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,
@@ -1163,23 +1199,14 @@ ejs-dropdownlist {
1163
1199
  }
1164
1200
  .e-bigger .e-ddt.e-show-chip .e-chips-close,
1165
1201
  .e-ddt.e-bigger.e-show-chip .e-chips-close {
1166
- line-height: 27px;
1167
1202
  min-height: 32px;
1168
1203
  min-width: 32px;
1204
+ line-height: 27px;
1169
1205
  }
1170
1206
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1171
1207
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1172
1208
  font-size: 12px;
1173
1209
  }
1174
- .e-bigger .e-ddt .e-overflow.e-show-text,
1175
- .e-ddt.e-bigger .e-overflow.e-show-text {
1176
- padding: 0 12px;
1177
- line-height: 38px;
1178
- }
1179
- .e-bigger .e-ddt .e-overflow .e-remain,
1180
- .e-ddt.e-bigger .e-overflow .e-remain {
1181
- font-size: 18px;
1182
- }
1183
1210
  .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
1184
1211
  .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
1185
1212
  line-height: 38px;
@@ -1190,6 +1217,15 @@ ejs-dropdownlist {
1190
1217
  line-height: 38px;
1191
1218
  padding: 0 8px;
1192
1219
  }
1220
+ .e-bigger .e-ddt .e-overflow.e-show-text,
1221
+ .e-ddt.e-bigger .e-overflow.e-show-text {
1222
+ padding: 0 12px;
1223
+ line-height: 38px;
1224
+ }
1225
+ .e-bigger .e-ddt .e-overflow .e-remain,
1226
+ .e-ddt.e-bigger .e-overflow .e-remain {
1227
+ font-size: 18px;
1228
+ }
1193
1229
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1194
1230
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1195
1231
  margin-right: 38px;
@@ -1243,8 +1279,8 @@ ejs-dropdownlist {
1243
1279
  }
1244
1280
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1245
1281
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1246
- margin-left: 58px;
1247
- margin-right: 4px;
1282
+ margin-right: 58px;
1283
+ margin-left: 4px;
1248
1284
  }
1249
1285
  .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,
1250
1286
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1262,12 +1298,6 @@ ejs-dropdownlist {
1262
1298
  .e-ddt .e-chips > .e-chipcontent {
1263
1299
  color: #201f1e;
1264
1300
  }
1265
- .e-ddt .e-chips:hover {
1266
- background-color: #edebe9;
1267
- }
1268
- .e-ddt .e-chips:hover > .e-chipcontent {
1269
- color: #201f1e;
1270
- }
1271
1301
  .e-ddt .e-overflow .e-remain {
1272
1302
  color: #605e5c;
1273
1303
  }
@@ -1291,26 +1321,8 @@ ejs-dropdownlist {
1291
1321
  color: #201f1e;
1292
1322
  }
1293
1323
 
1294
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1295
- /* stylelint-disable property-no-vendor-prefix */
1296
1324
  /* stylelint-disable-line no-empty-source */
1297
- /* stylelint-disable property-no-vendor-prefix */
1298
- @keyframes material-spinner-rotate {
1299
- 0% {
1300
- transform: rotate(0);
1301
- }
1302
- 100% {
1303
- transform: rotate(360deg);
1304
- }
1305
- }
1306
- @keyframes fabric-spinner-rotate {
1307
- 0% {
1308
- transform: rotate(0);
1309
- }
1310
- 100% {
1311
- transform: rotate(360deg);
1312
- }
1313
- }
1325
+ /* stylelint-disable-line no-empty-source */
1314
1326
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1315
1327
  line-height: 30px;
1316
1328
  top: 0;
@@ -1407,13 +1419,15 @@ ejs-dropdownlist {
1407
1419
  }
1408
1420
 
1409
1421
  .e-multi-select-wrapper {
1410
- box-sizing: border-box;
1422
+ -webkit-box-sizing: border-box;
1423
+ box-sizing: border-box;
1411
1424
  cursor: text;
1412
1425
  line-height: normal;
1413
1426
  min-height: 30px;
1414
1427
  padding: 0 32px 0 0;
1415
1428
  position: relative;
1416
1429
  -webkit-user-select: none;
1430
+ -moz-user-select: none;
1417
1431
  -ms-user-select: none;
1418
1432
  user-select: none;
1419
1433
  width: 100%;
@@ -1430,7 +1444,8 @@ ejs-dropdownlist {
1430
1444
  white-space: nowrap;
1431
1445
  }
1432
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 {
1433
- box-sizing: border-box;
1447
+ -webkit-box-sizing: border-box;
1448
+ box-sizing: border-box;
1434
1449
  display: inline-block;
1435
1450
  overflow: hidden;
1436
1451
  text-overflow: ellipsis;
@@ -1461,6 +1476,7 @@ ejs-dropdownlist {
1461
1476
 
1462
1477
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1463
1478
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1479
+ display: -webkit-box;
1464
1480
  display: -ms-flexbox;
1465
1481
  display: flex;
1466
1482
  float: left;
@@ -1468,6 +1484,7 @@ ejs-dropdownlist {
1468
1484
  }
1469
1485
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1470
1486
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1487
+ display: -webkit-inline-box;
1471
1488
  display: -ms-inline-flexbox;
1472
1489
  display: inline-flex;
1473
1490
  float: none;
@@ -1490,8 +1507,9 @@ ejs-dropdownlist {
1490
1507
  }
1491
1508
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1492
1509
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1493
- -ms-flex-align: center;
1494
- align-items: center;
1510
+ -webkit-box-align: center;
1511
+ -ms-flex-align: center;
1512
+ align-items: center;
1495
1513
  display: inline;
1496
1514
  max-width: 100%;
1497
1515
  word-break: break-word;
@@ -1500,12 +1518,15 @@ ejs-dropdownlist {
1500
1518
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1501
1519
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1502
1520
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1503
- -ms-flex-align: center;
1504
- align-items: center;
1521
+ -webkit-box-align: center;
1522
+ -ms-flex-align: center;
1523
+ align-items: center;
1505
1524
  cursor: pointer;
1506
1525
  display: none;
1507
- -ms-flex-direction: row;
1508
- flex-direction: row;
1526
+ -webkit-box-orient: horizontal;
1527
+ -webkit-box-direction: normal;
1528
+ -ms-flex-direction: row;
1529
+ flex-direction: row;
1509
1530
  margin-top: -2em;
1510
1531
  outline: 0;
1511
1532
  padding: 0;
@@ -1519,6 +1540,7 @@ ejs-dropdownlist {
1519
1540
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1520
1541
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1521
1542
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1543
+ display: -webkit-box;
1522
1544
  display: -ms-flexbox;
1523
1545
  display: flex;
1524
1546
  }
@@ -1594,8 +1616,10 @@ ejs-dropdownlist {
1594
1616
  }
1595
1617
 
1596
1618
  .e-multi-select-wrapper .e-chips {
1597
- -ms-flex-align: center;
1598
- align-items: center;
1619
+ -webkit-box-align: center;
1620
+ -ms-flex-align: center;
1621
+ align-items: center;
1622
+ display: -webkit-inline-box;
1599
1623
  display: -ms-inline-flexbox;
1600
1624
  display: inline-flex;
1601
1625
  float: left;
@@ -1638,6 +1662,7 @@ ejs-dropdownlist {
1638
1662
  .e-multi-select-wrapper .e-chips-close {
1639
1663
  -ms-flex-item-align: center;
1640
1664
  align-self: center;
1665
+ display: -webkit-box;
1641
1666
  display: -ms-flexbox;
1642
1667
  display: flex;
1643
1668
  float: right;
@@ -1843,7 +1868,9 @@ ejs-dropdownlist {
1843
1868
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1844
1869
  -ms-flex-item-align: center;
1845
1870
  align-self: center;
1846
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1871
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1872
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1873
+ display: -webkit-inline-box;
1847
1874
  display: -ms-inline-flexbox;
1848
1875
  display: inline-flex;
1849
1876
  padding: 0 0 0 16px;
@@ -2205,8 +2232,9 @@ ejs-multiselect {
2205
2232
 
2206
2233
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2207
2234
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2208
- -ms-flex-align: normal;
2209
- align-items: normal;
2235
+ -webkit-box-align: normal;
2236
+ -ms-flex-align: normal;
2237
+ align-items: normal;
2210
2238
  }
2211
2239
 
2212
2240
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2269,7 +2297,10 @@ ejs-multiselect {
2269
2297
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2270
2298
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2271
2299
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2272
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2300
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2301
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2302
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2303
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2273
2304
  height: 24px;
2274
2305
  }
2275
2306
 
@@ -2278,10 +2309,6 @@ ejs-multiselect {
2278
2309
  height: 32px;
2279
2310
  }
2280
2311
 
2281
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2282
- height: 24px;
2283
- }
2284
-
2285
2312
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2286
2313
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2287
2314
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2337,11 +2364,6 @@ ejs-multiselect {
2337
2364
  margin: 4px 0 0 4px;
2338
2365
  }
2339
2366
 
2340
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2341
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2342
- height: 24px;
2343
- }
2344
-
2345
2367
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2346
2368
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2347
2369
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2446,7 +2468,8 @@ ejs-multiselect {
2446
2468
  }
2447
2469
 
2448
2470
  .e-multiselect {
2449
- box-sizing: border-box;
2471
+ -webkit-box-sizing: border-box;
2472
+ box-sizing: border-box;
2450
2473
  }
2451
2474
 
2452
2475
  /* stylelint-disable property-no-vendor-prefix */
@@ -2507,8 +2530,10 @@ ejs-multiselect {
2507
2530
  }
2508
2531
 
2509
2532
  .e-popup.e-multi-select-list-wrapper {
2510
- box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
2511
- box-sizing: content-box;
2533
+ -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
2534
+ box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
2535
+ -webkit-box-sizing: content-box;
2536
+ box-sizing: content-box;
2512
2537
  overflow: initial;
2513
2538
  }
2514
2539
 
@@ -2533,7 +2558,8 @@ ejs-multiselect {
2533
2558
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child:not(.e-item-focus),
2534
2559
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child:not(.e-item-focus),
2535
2560
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover:not(.e-item-focus) {
2536
- box-shadow: none;
2561
+ -webkit-box-shadow: none;
2562
+ box-shadow: none;
2537
2563
  }
2538
2564
 
2539
2565
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
@@ -2558,7 +2584,8 @@ ejs-multiselect {
2558
2584
 
2559
2585
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2560
2586
  background-color: #f3f2f1;
2561
- box-shadow: none;
2587
+ -webkit-box-shadow: none;
2588
+ box-shadow: none;
2562
2589
  }
2563
2590
 
2564
2591
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
@@ -2582,7 +2609,8 @@ ejs-multiselect {
2582
2609
 
2583
2610
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2584
2611
  background-color: #edebe9;
2585
- box-shadow: none;
2612
+ -webkit-box-shadow: none;
2613
+ box-shadow: none;
2586
2614
  color: #201f1e;
2587
2615
  border: 0 solid transparent;
2588
2616
  }
@@ -2705,11 +2733,13 @@ ejs-multiselect {
2705
2733
  .e-listbox-container,
2706
2734
  .e-listboxtool-wrapper {
2707
2735
  -webkit-overflow-scrolling: touch;
2708
- box-sizing: border-box;
2736
+ -webkit-box-sizing: border-box;
2737
+ box-sizing: border-box;
2709
2738
  cursor: pointer;
2710
2739
  display: block;
2711
2740
  position: relative;
2712
2741
  -webkit-user-select: none;
2742
+ -moz-user-select: none;
2713
2743
  -ms-user-select: none;
2714
2744
  user-select: none;
2715
2745
  width: 100%;
@@ -2717,7 +2747,8 @@ ejs-multiselect {
2717
2747
  .e-listbox-wrapper *,
2718
2748
  .e-listbox-container *,
2719
2749
  .e-listboxtool-wrapper * {
2720
- box-sizing: border-box;
2750
+ -webkit-box-sizing: border-box;
2751
+ box-sizing: border-box;
2721
2752
  }
2722
2753
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2723
2754
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2782,9 +2813,11 @@ ejs-multiselect {
2782
2813
  margin: 0;
2783
2814
  padding: 0;
2784
2815
  }
2785
- .e-listbox-wrapper .e-list-header .e-text.header,
2816
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2786
2817
  .e-listbox-container .e-list-header .e-text.header,
2787
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2818
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2819
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2820
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2788
2821
  display: none;
2789
2822
  }
2790
2823
  .e-listbox-wrapper .e-icon-back,
@@ -2792,17 +2825,14 @@ ejs-multiselect {
2792
2825
  .e-listboxtool-wrapper .e-icon-back {
2793
2826
  margin-top: 2px;
2794
2827
  }
2795
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2796
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2797
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2798
- display: none;
2799
- }
2800
2828
  .e-listbox-wrapper .e-list-header,
2801
2829
  .e-listbox-container .e-list-header,
2802
2830
  .e-listboxtool-wrapper .e-list-header {
2803
- -ms-flex-align: center;
2804
- align-items: center;
2831
+ -webkit-box-align: center;
2832
+ -ms-flex-align: center;
2833
+ align-items: center;
2805
2834
  border-bottom: 1px solid;
2835
+ display: -webkit-box;
2806
2836
  display: -ms-flexbox;
2807
2837
  display: flex;
2808
2838
  font-weight: 600;
@@ -2844,7 +2874,8 @@ ejs-multiselect {
2844
2874
  position: absolute;
2845
2875
  right: 0%;
2846
2876
  top: 50%;
2847
- transform: translateY(-50%);
2877
+ -webkit-transform: translateY(-50%);
2878
+ transform: translateY(-50%);
2848
2879
  }
2849
2880
  .e-listbox-wrapper .e-text-content,
2850
2881
  .e-listbox-container .e-text-content,
@@ -2900,18 +2931,12 @@ ejs-multiselect {
2900
2931
  white-space: nowrap;
2901
2932
  width: 100%;
2902
2933
  }
2903
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2934
+ .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,
2904
2935
  .e-listbox-container .e-list-icon + .e-list-text,
2905
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2906
- width: calc(100% - 60px);
2907
- }
2908
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2909
2936
  .e-listbox-container .e-icon-wrapper .e-list-text,
2910
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2911
- width: calc(100% - 60px);
2912
- }
2913
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2914
2937
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2938
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2939
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2915
2940
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2916
2941
  width: calc(100% - 60px);
2917
2942
  }
@@ -2957,7 +2982,8 @@ ejs-multiselect {
2957
2982
  left: 0%;
2958
2983
  right: initial;
2959
2984
  top: 50%;
2960
- transform: translateY(-50%) rotate(180deg);
2985
+ -webkit-transform: translateY(-50%) rotate(180deg);
2986
+ transform: translateY(-50%) rotate(180deg);
2961
2987
  }
2962
2988
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2963
2989
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2967,7 +2993,8 @@ ejs-multiselect {
2967
2993
  .e-listbox-wrapper.e-rtl .e-but-back,
2968
2994
  .e-listbox-container.e-rtl .e-but-back,
2969
2995
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2970
- transform: rotate(180deg);
2996
+ -webkit-transform: rotate(180deg);
2997
+ transform: rotate(180deg);
2971
2998
  }
2972
2999
  .e-listbox-wrapper.e-rtl .e-icon-back,
2973
3000
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2975,8 +3002,11 @@ ejs-multiselect {
2975
3002
  margin-top: -2px;
2976
3003
  }
2977
3004
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3005
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2978
3006
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2979
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
3007
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3008
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3009
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2980
3010
  margin: -2px 0 0 8px;
2981
3011
  }
2982
3012
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2984,11 +3014,6 @@ ejs-multiselect {
2984
3014
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2985
3015
  margin: -2px 8px 0 0;
2986
3016
  }
2987
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2988
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2989
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2990
- margin: -2px 0 0 8px;
2991
- }
2992
3017
  .e-listbox-wrapper .e-checkbox-wrapper,
2993
3018
  .e-listbox-container .e-checkbox-wrapper,
2994
3019
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -3033,10 +3058,7 @@ ejs-listbox {
3033
3058
  display: block;
3034
3059
  }
3035
3060
 
3036
- .e-listbox-wrapper:not(.e-listbox-container) {
3037
- overflow: auto;
3038
- }
3039
-
3061
+ .e-listbox-wrapper:not(.e-listbox-container),
3040
3062
  .e-listbox-wrapper.e-filter-list .e-list-parent {
3041
3063
  overflow: auto;
3042
3064
  }
@@ -3051,6 +3073,7 @@ ejs-listbox {
3051
3073
  .e-listbox-container.e-sortableclone .e-list-item,
3052
3074
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3053
3075
  list-style-type: none;
3076
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3054
3077
  }
3055
3078
  .e-listbox-wrapper.e-sortableclone .e-ripple,
3056
3079
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -3065,18 +3088,21 @@ ejs-listbox {
3065
3088
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
3066
3089
  .e-listbox-container.e-sortableclone .e-list-badge,
3067
3090
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3068
- -ms-flex-align: center;
3069
- align-items: center;
3091
+ -webkit-box-align: center;
3092
+ -ms-flex-align: center;
3093
+ align-items: center;
3070
3094
  background-color: #0078d4;
3071
3095
  border: 1px solid #fff;
3072
3096
  border-radius: 50%;
3073
3097
  color: #fff;
3098
+ display: -webkit-box;
3074
3099
  display: -ms-flexbox;
3075
3100
  display: flex;
3076
3101
  font-size: 12px;
3077
3102
  height: 22px;
3078
- -ms-flex-pack: center;
3079
- justify-content: center;
3103
+ -webkit-box-pack: center;
3104
+ -ms-flex-pack: center;
3105
+ justify-content: center;
3080
3106
  position: absolute;
3081
3107
  right: -10px;
3082
3108
  top: -10px;
@@ -3090,12 +3116,14 @@ ejs-listbox {
3090
3116
  .e-listboxtool-wrapper,
3091
3117
  .e-listboxtool-container {
3092
3118
  cursor: pointer;
3119
+ display: -webkit-box;
3093
3120
  display: -ms-flexbox;
3094
3121
  display: flex;
3095
3122
  }
3096
3123
  .e-listboxtool-wrapper *,
3097
3124
  .e-listboxtool-container * {
3098
- box-sizing: border-box;
3125
+ -webkit-box-sizing: border-box;
3126
+ box-sizing: border-box;
3099
3127
  }
3100
3128
  .e-listboxtool-wrapper.e-disabled,
3101
3129
  .e-listboxtool-container.e-disabled {
@@ -3103,9 +3131,12 @@ ejs-listbox {
3103
3131
  pointer-events: none;
3104
3132
  }
3105
3133
  .e-listboxtool-wrapper .e-listbox-wrapper,
3106
- .e-listboxtool-container .e-listbox-wrapper {
3107
- -ms-flex: 1;
3108
- flex: 1;
3134
+ .e-listboxtool-wrapper .e-list-wrap,
3135
+ .e-listboxtool-container .e-listbox-wrapper,
3136
+ .e-listboxtool-container .e-list-wrap {
3137
+ -webkit-box-flex: 1;
3138
+ -ms-flex: 1;
3139
+ flex: 1;
3109
3140
  }
3110
3141
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
3111
3142
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3211,22 +3242,22 @@ ejs-listbox {
3211
3242
  .e-listbox-wrapper.e-bigger .e-list-header,
3212
3243
  .e-bigger .e-listbox-container .e-list-header,
3213
3244
  .e-listbox-container.e-bigger .e-list-header {
3214
- -ms-flex-align: center;
3215
- align-items: center;
3245
+ -webkit-box-align: center;
3246
+ -ms-flex-align: center;
3247
+ align-items: center;
3248
+ display: -webkit-box;
3216
3249
  display: -ms-flexbox;
3217
3250
  display: flex;
3218
3251
  font-weight: 600;
3219
3252
  height: 22px;
3220
3253
  }
3221
3254
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3222
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3223
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3224
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3225
- display: none;
3226
- }
3227
3255
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3256
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3228
3257
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3258
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3229
3259
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3260
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3230
3261
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3231
3262
  display: none;
3232
3263
  }
@@ -3249,15 +3280,15 @@ ejs-listbox {
3249
3280
  height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3250
3281
  }
3251
3282
 
3252
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3283
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3284
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3285
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3286
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3253
3287
  height: 100%;
3254
3288
  }
3255
3289
 
3256
3290
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3257
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3258
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3259
- }
3260
-
3291
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3261
3292
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3262
3293
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3263
3294
  }
@@ -3266,23 +3297,11 @@ ejs-listbox {
3266
3297
  height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3267
3298
  }
3268
3299
 
3269
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3270
- height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3271
- }
3272
-
3273
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3274
- height: 100%;
3275
- }
3276
-
3277
3300
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3278
3301
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3279
3302
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3280
3303
  }
3281
3304
 
3282
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3283
- height: 100%;
3284
- }
3285
-
3286
3305
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3287
3306
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3288
3307
  height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3296,10 +3315,6 @@ ejs-listbox {
3296
3315
  height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
3297
3316
  }
3298
3317
 
3299
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3300
- height: 100%;
3301
- }
3302
-
3303
3318
  .e-listbox-wrapper,
3304
3319
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3305
3320
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3339,12 +3354,6 @@ ejs-listbox {
3339
3354
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3340
3355
  }
3341
3356
 
3342
- .e-listbox-wrapper .e-icons,
3343
- .e-listbox-container .e-icons,
3344
- .e-listboxtool-wrapper .e-icons {
3345
- color: #605e5c;
3346
- }
3347
-
3348
3357
  .e-listbox-wrapper .e-list-item,
3349
3358
  .e-listbox-container .e-list-item,
3350
3359
  .e-listboxtool-wrapper .e-list-item {
@@ -3366,13 +3375,6 @@ ejs-listbox {
3366
3375
  color: #201f1e;
3367
3376
  }
3368
3377
 
3369
- .e-listbox-wrapper .e-list-item.e-selected,
3370
- .e-listbox-container .e-list-item.e-selected,
3371
- .e-listboxtool-wrapper .e-list-item.e-selected {
3372
- background-color: #edebe9;
3373
- color: #201f1e;
3374
- }
3375
-
3376
3378
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3377
3379
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3378
3380
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3380,11 +3382,13 @@ ejs-listbox {
3380
3382
  color: #201f1e;
3381
3383
  }
3382
3384
 
3383
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3385
+ .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,
3384
3386
  .e-listbox-container .e-list-item.e-focused,
3385
3387
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3388
+ .e-listbox-container .e-list-item.e-selected,
3386
3389
  .e-listboxtool-wrapper .e-list-item.e-focused,
3387
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3390
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3391
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3388
3392
  background-color: #edebe9;
3389
3393
  color: #201f1e;
3390
3394
  }
@@ -3474,8 +3478,8 @@ ejs-listbox {
3474
3478
  height: 40px;
3475
3479
  left: 0;
3476
3480
  position: absolute;
3477
- top: 0;
3478
3481
  width: 40px;
3482
+ left: 0;
3479
3483
  }
3480
3484
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3481
3485
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3493,18 +3497,15 @@ ejs-listbox {
3493
3497
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3494
3498
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3495
3499
  height: 40px;
3500
+ left: 0;
3496
3501
  position: absolute;
3497
- right: 0;
3498
- top: 0;
3499
3502
  width: 40px;
3503
+ right: 0;
3500
3504
  }
3501
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3505
+ .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,
3502
3506
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3503
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3504
- top: 0;
3505
- }
3506
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3507
3507
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3508
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3508
3509
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3509
3510
  top: 0;
3510
3511
  }
@@ -3518,7 +3519,8 @@ ejs-listbox {
3518
3519
  position: absolute;
3519
3520
  right: 12px;
3520
3521
  top: 50%;
3521
- transform: translateY(-50%);
3522
+ -webkit-transform: translateY(-50%);
3523
+ transform: translateY(-50%);
3522
3524
  width: 32px;
3523
3525
  }
3524
3526
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3543,23 +3545,17 @@ ejs-listbox {
3543
3545
  text-overflow: ellipsis;
3544
3546
  white-space: nowrap;
3545
3547
  }
3546
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3548
+ .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,
3547
3549
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3548
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3549
- color: #201f1e;
3550
- }
3551
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3552
3550
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3551
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3553
3552
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3554
3553
  color: #201f1e;
3555
3554
  }
3556
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3555
+ .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,
3557
3556
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3558
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3559
- color: #201f1e;
3560
- }
3561
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3562
3557
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3558
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3563
3559
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3564
3560
  color: #201f1e;
3565
3561
  }
@@ -3606,15 +3602,7 @@ ejs-listbox {
3606
3602
  padding-right: 16px;
3607
3603
  }
3608
3604
 
3609
- .e-listbox-container.e-filter-list .e-list-parent {
3610
- height: 100%;
3611
- }
3612
-
3613
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3614
- height: 100%;
3615
- }
3616
-
3617
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3605
+ .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 {
3618
3606
  height: 100%;
3619
3607
  }
3620
3608
 
@@ -3630,22 +3618,4 @@ ejs-listbox {
3630
3618
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3631
3619
  }
3632
3620
 
3633
- /* stylelint-disable-line no-empty-source */
3634
- /* stylelint-disable property-no-vendor-prefix */
3635
- @keyframes material-spinner-rotate {
3636
- 0% {
3637
- transform: rotate(0);
3638
- }
3639
- 100% {
3640
- transform: rotate(360deg);
3641
- }
3642
- }
3643
- @keyframes fabric-spinner-rotate {
3644
- 0% {
3645
- transform: rotate(0);
3646
- }
3647
- 100% {
3648
- transform: rotate(360deg);
3649
- }
3650
- }
3651
3621
  /* stylelint-disable-line no-empty-source */