@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-750253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (266) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +505 -224
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +498 -216
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +14 -13
  13. package/src/auto-complete/auto-complete.js +1 -1
  14. package/src/combo-box/combo-box.js +15 -0
  15. package/src/common/interface.js +0 -1
  16. package/src/common/virtual-scroll.js +1 -0
  17. package/src/drop-down-base/drop-down-base-model.d.ts +8 -1
  18. package/src/drop-down-base/drop-down-base.d.ts +28 -2
  19. package/src/drop-down-base/drop-down-base.js +64 -9
  20. package/src/drop-down-list/drop-down-list.d.ts +15 -2
  21. package/src/drop-down-list/drop-down-list.js +129 -13
  22. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -15
  23. package/src/drop-down-tree/drop-down-tree.d.ts +17 -13
  24. package/src/drop-down-tree/drop-down-tree.js +52 -38
  25. package/src/list-box/list-box.js +30 -9
  26. package/src/mention/mention.js +23 -8
  27. package/src/multi-select/interface.js +0 -1
  28. package/src/multi-select/multi-select.d.ts +15 -0
  29. package/src/multi-select/multi-select.js +135 -12
  30. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  31. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  32. package/styles/auto-complete/bootstrap-dark.css +5 -2
  33. package/styles/auto-complete/bootstrap.css +5 -2
  34. package/styles/auto-complete/bootstrap4.css +6 -2
  35. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  36. package/styles/auto-complete/bootstrap5.css +6 -2
  37. package/styles/auto-complete/fabric-dark.css +3 -1
  38. package/styles/auto-complete/fabric.css +3 -1
  39. package/styles/auto-complete/fluent-dark.css +6 -2
  40. package/styles/auto-complete/fluent.css +6 -2
  41. package/styles/auto-complete/fluent2.css +1140 -0
  42. package/styles/auto-complete/fluent2.scss +4 -0
  43. package/styles/auto-complete/highcontrast-light.css +3 -1
  44. package/styles/auto-complete/highcontrast.css +3 -1
  45. package/styles/auto-complete/material-dark.css +16 -5
  46. package/styles/auto-complete/material.css +16 -5
  47. package/styles/auto-complete/material3-dark.css +17 -6
  48. package/styles/auto-complete/material3.css +17 -6
  49. package/styles/auto-complete/tailwind-dark.css +16 -5
  50. package/styles/auto-complete/tailwind.css +16 -5
  51. package/styles/bootstrap-dark.css +196 -228
  52. package/styles/bootstrap-dark.scss +28 -8
  53. package/styles/bootstrap.css +196 -228
  54. package/styles/bootstrap.scss +28 -8
  55. package/styles/bootstrap4.css +199 -229
  56. package/styles/bootstrap4.scss +28 -8
  57. package/styles/bootstrap5-dark.css +196 -221
  58. package/styles/bootstrap5-dark.scss +28 -8
  59. package/styles/bootstrap5.css +196 -221
  60. package/styles/bootstrap5.scss +28 -8
  61. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  62. package/styles/combo-box/_fluent2-definition.scss +2 -0
  63. package/styles/combo-box/bootstrap-dark.css +5 -2
  64. package/styles/combo-box/bootstrap.css +5 -2
  65. package/styles/combo-box/bootstrap4.css +6 -2
  66. package/styles/combo-box/bootstrap5-dark.css +6 -2
  67. package/styles/combo-box/bootstrap5.css +6 -2
  68. package/styles/combo-box/fabric-dark.css +3 -1
  69. package/styles/combo-box/fabric.css +3 -1
  70. package/styles/combo-box/fluent-dark.css +6 -2
  71. package/styles/combo-box/fluent.css +6 -2
  72. package/styles/combo-box/fluent2.css +1140 -0
  73. package/styles/combo-box/fluent2.scss +4 -0
  74. package/styles/combo-box/highcontrast-light.css +3 -1
  75. package/styles/combo-box/highcontrast.css +3 -1
  76. package/styles/combo-box/material-dark.css +16 -5
  77. package/styles/combo-box/material.css +16 -5
  78. package/styles/combo-box/material3-dark.css +17 -6
  79. package/styles/combo-box/material3.css +17 -6
  80. package/styles/combo-box/tailwind-dark.css +16 -5
  81. package/styles/combo-box/tailwind.css +16 -5
  82. package/styles/drop-down-base/_bds-definition.scss +2 -2
  83. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  84. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  85. package/styles/drop-down-base/_layout.scss +12 -2
  86. package/styles/drop-down-base/_material3-definition.scss +0 -11
  87. package/styles/drop-down-base/_theme.scss +2 -11
  88. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  89. package/styles/drop-down-base/bootstrap.css +2 -1
  90. package/styles/drop-down-base/bootstrap4.css +2 -1
  91. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  92. package/styles/drop-down-base/bootstrap5.css +2 -1
  93. package/styles/drop-down-base/fabric-dark.css +2 -1
  94. package/styles/drop-down-base/fabric.css +2 -1
  95. package/styles/drop-down-base/fluent-dark.css +2 -1
  96. package/styles/drop-down-base/fluent.css +2 -1
  97. package/styles/drop-down-base/fluent2.css +1447 -0
  98. package/styles/drop-down-base/fluent2.scss +3 -0
  99. package/styles/drop-down-base/highcontrast-light.css +2 -1
  100. package/styles/drop-down-base/highcontrast.css +2 -1
  101. package/styles/drop-down-base/material-dark.css +2 -1
  102. package/styles/drop-down-base/material.css +2 -1
  103. package/styles/drop-down-base/material3-dark.css +9 -2
  104. package/styles/drop-down-base/material3.css +9 -2
  105. package/styles/drop-down-base/tailwind-dark.css +2 -1
  106. package/styles/drop-down-base/tailwind.css +2 -1
  107. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  108. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  109. package/styles/drop-down-list/_layout.scss +5 -3
  110. package/styles/drop-down-list/_material3-definition.scss +0 -8
  111. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  112. package/styles/drop-down-list/bootstrap.css +38 -3
  113. package/styles/drop-down-list/bootstrap4.css +39 -3
  114. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  115. package/styles/drop-down-list/bootstrap5.css +39 -3
  116. package/styles/drop-down-list/fabric-dark.css +36 -2
  117. package/styles/drop-down-list/fabric.css +36 -2
  118. package/styles/drop-down-list/fluent-dark.css +39 -3
  119. package/styles/drop-down-list/fluent.css +39 -3
  120. package/styles/drop-down-list/fluent2.css +1684 -0
  121. package/styles/drop-down-list/fluent2.scss +9 -0
  122. package/styles/drop-down-list/highcontrast-light.css +36 -2
  123. package/styles/drop-down-list/highcontrast.css +36 -2
  124. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  125. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  126. package/styles/drop-down-list/material-dark.css +58 -7
  127. package/styles/drop-down-list/material.css +72 -9
  128. package/styles/drop-down-list/material3-dark.css +74 -10
  129. package/styles/drop-down-list/material3.css +74 -10
  130. package/styles/drop-down-list/tailwind-dark.css +49 -6
  131. package/styles/drop-down-list/tailwind.css +49 -6
  132. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  133. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  134. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  135. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  136. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  137. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  138. package/styles/drop-down-tree/_layout.scss +289 -327
  139. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  140. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  141. package/styles/drop-down-tree/_theme.scss +24 -41
  142. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  143. package/styles/drop-down-tree/bootstrap.css +63 -29
  144. package/styles/drop-down-tree/bootstrap4.css +64 -30
  145. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  146. package/styles/drop-down-tree/bootstrap5.css +63 -27
  147. package/styles/drop-down-tree/fabric-dark.css +63 -29
  148. package/styles/drop-down-tree/fabric.css +63 -29
  149. package/styles/drop-down-tree/fluent-dark.css +71 -35
  150. package/styles/drop-down-tree/fluent.css +71 -35
  151. package/styles/drop-down-tree/fluent2.css +1732 -0
  152. package/styles/drop-down-tree/fluent2.scss +9 -0
  153. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  154. package/styles/drop-down-tree/highcontrast.css +63 -23
  155. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  156. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  157. package/styles/drop-down-tree/material-dark.css +80 -43
  158. package/styles/drop-down-tree/material.css +97 -51
  159. package/styles/drop-down-tree/material3-dark.css +85 -32
  160. package/styles/drop-down-tree/material3.css +85 -32
  161. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  162. package/styles/drop-down-tree/tailwind.css +72 -28
  163. package/styles/fabric-dark.css +194 -227
  164. package/styles/fabric-dark.scss +28 -8
  165. package/styles/fabric.css +194 -227
  166. package/styles/fabric.scss +28 -8
  167. package/styles/fluent-dark.css +206 -236
  168. package/styles/fluent-dark.scss +28 -8
  169. package/styles/fluent.css +206 -236
  170. package/styles/fluent.scss +28 -8
  171. package/styles/fluent2.css +4771 -0
  172. package/styles/fluent2.scss +28 -0
  173. package/styles/highcontrast-light.css +197 -227
  174. package/styles/highcontrast-light.scss +28 -8
  175. package/styles/highcontrast.css +197 -221
  176. package/styles/highcontrast.scss +28 -8
  177. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  178. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  179. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  180. package/styles/list-box/_fluent2-definition.scss +121 -0
  181. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  182. package/styles/list-box/_layout.scss +65 -44
  183. package/styles/list-box/_material-dark-definition.scss +0 -2
  184. package/styles/list-box/_tailwind-definition.scss +1 -1
  185. package/styles/list-box/_theme.scss +36 -65
  186. package/styles/list-box/bootstrap-dark.css +72 -112
  187. package/styles/list-box/bootstrap.css +72 -112
  188. package/styles/list-box/bootstrap4.css +72 -112
  189. package/styles/list-box/bootstrap5-dark.css +72 -106
  190. package/styles/list-box/bootstrap5.css +72 -106
  191. package/styles/list-box/fabric-dark.css +72 -112
  192. package/styles/list-box/fabric.css +72 -112
  193. package/styles/list-box/fluent-dark.css +72 -112
  194. package/styles/list-box/fluent.css +72 -112
  195. package/styles/list-box/fluent2.css +2029 -0
  196. package/styles/list-box/fluent2.scss +5 -0
  197. package/styles/list-box/highcontrast-light.css +72 -112
  198. package/styles/list-box/highcontrast.css +72 -112
  199. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  200. package/styles/list-box/icons/_fluent2.scss +25 -0
  201. package/styles/list-box/material-dark.css +72 -112
  202. package/styles/list-box/material.css +72 -112
  203. package/styles/list-box/material3-dark.css +73 -113
  204. package/styles/list-box/material3.css +73 -113
  205. package/styles/list-box/tailwind-dark.css +74 -114
  206. package/styles/list-box/tailwind.css +74 -114
  207. package/styles/material-dark.css +236 -260
  208. package/styles/material-dark.scss +28 -8
  209. package/styles/material.css +253 -284
  210. package/styles/material.scss +28 -8
  211. package/styles/material3-dark.css +253 -266
  212. package/styles/material3-dark.scss +28 -8
  213. package/styles/material3.css +253 -266
  214. package/styles/material3.scss +28 -8
  215. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  216. package/styles/mention/_fluent2-definition.scss +1 -0
  217. package/styles/mention/bootstrap-dark.css +24 -0
  218. package/styles/mention/bootstrap.css +24 -0
  219. package/styles/mention/bootstrap4.css +24 -0
  220. package/styles/mention/bootstrap5-dark.css +24 -0
  221. package/styles/mention/bootstrap5.css +24 -0
  222. package/styles/mention/fabric-dark.css +24 -0
  223. package/styles/mention/fabric.css +24 -0
  224. package/styles/mention/fluent-dark.css +24 -0
  225. package/styles/mention/fluent.css +24 -0
  226. package/styles/mention/fluent2.css +1130 -0
  227. package/styles/mention/fluent2.scss +6 -0
  228. package/styles/mention/highcontrast-light.css +24 -0
  229. package/styles/mention/highcontrast.css +24 -0
  230. package/styles/mention/material-dark.css +24 -0
  231. package/styles/mention/material.css +24 -0
  232. package/styles/mention/material3-dark.css +25 -1
  233. package/styles/mention/material3.css +25 -1
  234. package/styles/mention/tailwind-dark.css +24 -0
  235. package/styles/mention/tailwind.css +24 -0
  236. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  237. package/styles/multi-select/_fluent2-definition.scss +236 -0
  238. package/styles/multi-select/_layout.scss +32 -38
  239. package/styles/multi-select/_material3-definition.scss +0 -15
  240. package/styles/multi-select/_theme.scss +0 -4
  241. package/styles/multi-select/bootstrap-dark.css +67 -28
  242. package/styles/multi-select/bootstrap.css +67 -28
  243. package/styles/multi-select/bootstrap4.css +70 -29
  244. package/styles/multi-select/bootstrap5-dark.css +67 -28
  245. package/styles/multi-select/bootstrap5.css +67 -28
  246. package/styles/multi-select/fabric-dark.css +67 -28
  247. package/styles/multi-select/fabric.css +67 -28
  248. package/styles/multi-select/fluent-dark.css +69 -29
  249. package/styles/multi-select/fluent.css +69 -29
  250. package/styles/multi-select/fluent2.css +2663 -0
  251. package/styles/multi-select/fluent2.scss +9 -0
  252. package/styles/multi-select/highcontrast-light.css +70 -28
  253. package/styles/multi-select/highcontrast.css +70 -28
  254. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  255. package/styles/multi-select/icons/_fluent2.scss +692 -0
  256. package/styles/multi-select/material-dark.css +88 -32
  257. package/styles/multi-select/material.css +102 -34
  258. package/styles/multi-select/material3-dark.css +109 -35
  259. package/styles/multi-select/material3.css +109 -35
  260. package/styles/multi-select/tailwind-dark.css +67 -28
  261. package/styles/multi-select/tailwind.css +67 -28
  262. package/styles/tailwind-dark.css +217 -233
  263. package/styles/tailwind-dark.scss +28 -8
  264. package/styles/tailwind.css +217 -233
  265. package/styles/tailwind.scss +28 -8
  266. package/CHANGELOG.md +0 -2200
package/styles/fabric.css CHANGED
@@ -87,7 +87,8 @@
87
87
  .e-mention.e-popup {
88
88
  background: #fff;
89
89
  border: 0;
90
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
90
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
91
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
91
92
  margin-top: 2px;
92
93
  position: absolute;
93
94
  }
@@ -373,25 +374,50 @@
373
374
 
374
375
  /* stylelint-disable property-no-vendor-prefix */
375
376
  /* stylelint-disable property-no-vendor-prefix */
377
+ @-webkit-keyframes material-spinner-rotate {
378
+ 0% {
379
+ -webkit-transform: rotate(0);
380
+ transform: rotate(0);
381
+ }
382
+ 100% {
383
+ -webkit-transform: rotate(360deg);
384
+ transform: rotate(360deg);
385
+ }
386
+ }
376
387
  @keyframes material-spinner-rotate {
377
388
  0% {
389
+ -webkit-transform: rotate(0);
390
+ transform: rotate(0);
391
+ }
392
+ 100% {
393
+ -webkit-transform: rotate(360deg);
394
+ transform: rotate(360deg);
395
+ }
396
+ }
397
+ @-webkit-keyframes fabric-spinner-rotate {
398
+ 0% {
399
+ -webkit-transform: rotate(0);
378
400
  transform: rotate(0);
379
401
  }
380
402
  100% {
403
+ -webkit-transform: rotate(360deg);
381
404
  transform: rotate(360deg);
382
405
  }
383
406
  }
384
407
  @keyframes fabric-spinner-rotate {
385
408
  0% {
409
+ -webkit-transform: rotate(0);
386
410
  transform: rotate(0);
387
411
  }
388
412
  100% {
413
+ -webkit-transform: rotate(360deg);
389
414
  transform: rotate(360deg);
390
415
  }
391
416
  }
392
417
  .e-ddl.e-popup {
393
418
  border: 0;
394
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
419
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
420
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
395
421
  margin-top: 1px;
396
422
  }
397
423
  .e-ddl.e-popup .e-input-group input {
@@ -399,6 +425,7 @@
399
425
  }
400
426
 
401
427
  .e-ddl.e-popup .e-input-group {
428
+ display: -webkit-box;
402
429
  display: -ms-flexbox;
403
430
  display: flex;
404
431
  width: auto;
@@ -543,7 +570,8 @@
543
570
  .e-filter-parent {
544
571
  border: 1px solid #c8c8c8;
545
572
  border-top-width: 0;
546
- box-shadow: none;
573
+ -webkit-box-shadow: none;
574
+ box-shadow: none;
547
575
  display: block;
548
576
  padding: 5px;
549
577
  }
@@ -618,6 +646,7 @@
618
646
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
619
647
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
620
648
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
649
+ display: -webkit-box;
621
650
  display: -ms-flexbox;
622
651
  display: flex;
623
652
  }
@@ -639,6 +668,7 @@
639
668
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
640
669
  .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
641
670
  cursor: pointer;
671
+ display: -webkit-box;
642
672
  display: -ms-flexbox;
643
673
  display: flex;
644
674
  }
@@ -658,6 +688,11 @@
658
688
  pointer-events: none;
659
689
  }
660
690
 
691
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
692
+ opacity: 0.7;
693
+ pointer-events: none;
694
+ }
695
+
661
696
  ejs-autocomplete,
662
697
  ejs-combobox,
663
698
  ejs-dropdownlist {
@@ -726,24 +761,6 @@ ejs-dropdownlist {
726
761
  color: #333;
727
762
  }
728
763
 
729
- /* stylelint-disable property-no-vendor-prefix */
730
- /* stylelint-disable property-no-vendor-prefix */
731
- @keyframes material-spinner-rotate {
732
- 0% {
733
- transform: rotate(0);
734
- }
735
- 100% {
736
- transform: rotate(360deg);
737
- }
738
- }
739
- @keyframes fabric-spinner-rotate {
740
- 0% {
741
- transform: rotate(0);
742
- }
743
- 100% {
744
- transform: rotate(360deg);
745
- }
746
- }
747
764
  /*! TreeView's fabric theme wise override definitions and variables */
748
765
  /* stylelint-disable */
749
766
  /* stylelint-disable */
@@ -759,12 +776,20 @@ ejs-dropdownlist {
759
776
  outline: none;
760
777
  }
761
778
  .e-ddt .e-ddt-icon::before {
762
- transform: rotate(0deg);
779
+ -webkit-transform: rotate(0deg);
780
+ transform: rotate(0deg);
781
+ -webkit-transition: -webkit-transform 300ms ease;
782
+ transition: -webkit-transform 300ms ease;
763
783
  transition: transform 300ms ease;
784
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
764
785
  }
765
786
  .e-ddt.e-icon-anim .e-ddt-icon::before {
766
- transform: rotate(180deg);
787
+ -webkit-transform: rotate(180deg);
788
+ transform: rotate(180deg);
789
+ -webkit-transition: -webkit-transform 300ms ease;
790
+ transition: -webkit-transform 300ms ease;
767
791
  transition: transform 300ms ease;
792
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
768
793
  }
769
794
  .e-ddt .e-ddt-hidden {
770
795
  border: 0;
@@ -773,7 +798,8 @@ ejs-dropdownlist {
773
798
  width: 0;
774
799
  }
775
800
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
776
- box-sizing: content-box;
801
+ -webkit-box-sizing: content-box;
802
+ box-sizing: content-box;
777
803
  min-height: 30px;
778
804
  }
779
805
  .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
@@ -804,6 +830,7 @@ ejs-dropdownlist {
804
830
  padding-right: 0;
805
831
  }
806
832
  .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
833
+ display: -webkit-box;
807
834
  display: -ms-flexbox;
808
835
  display: flex;
809
836
  }
@@ -811,20 +838,25 @@ ejs-dropdownlist {
811
838
  width: 100%;
812
839
  }
813
840
  .e-ddt.e-show-chip .e-chips-close {
814
- line-height: 21px;
815
841
  min-height: 26px;
816
842
  min-width: 18px;
843
+ line-height: 21px;
817
844
  text-align: center;
818
845
  }
819
846
  .e-ddt.e-show-chip .e-chips-close::before {
820
847
  font-size: 10px;
848
+ }
849
+ .e-ddt.e-show-chip .e-chips-close::before {
821
850
  vertical-align: middle;
822
851
  }
823
852
  .e-ddt.e-show-chip .e-chips {
824
- -ms-flex-align: center;
825
- align-items: center;
853
+ -webkit-box-align: center;
854
+ -ms-flex-align: center;
855
+ align-items: center;
826
856
  border-radius: 0;
827
- box-sizing: border-box;
857
+ -webkit-box-sizing: border-box;
858
+ box-sizing: border-box;
859
+ display: -webkit-inline-box;
828
860
  display: -ms-inline-flexbox;
829
861
  display: inline-flex;
830
862
  float: left;
@@ -852,7 +884,8 @@ ejs-dropdownlist {
852
884
  padding: 6px 10px 0 10px;
853
885
  }
854
886
  .e-ddt .e-overflow.e-total-count {
855
- box-sizing: border-box;
887
+ -webkit-box-sizing: border-box;
888
+ box-sizing: border-box;
856
889
  display: inline-block;
857
890
  overflow: hidden;
858
891
  text-overflow: ellipsis;
@@ -899,7 +932,8 @@ ejs-dropdownlist {
899
932
  }
900
933
  .e-ddt.e-popup {
901
934
  border: 1px solid #eaeaea;
902
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
935
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
936
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
903
937
  position: absolute;
904
938
  }
905
939
  .e-ddt.e-popup .e-selectall-parent {
@@ -925,19 +959,18 @@ ejs-dropdownlist {
925
959
  font-size: 14px;
926
960
  margin: 10px;
927
961
  }
928
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
929
- padding: 0 12px;
930
- }
931
962
  .e-ddt.e-popup .e-filter-wrap {
932
- border: 1px solid #c8c8c8;
933
963
  border-top-width: 0;
934
964
  display: block;
935
965
  padding: 5px;
936
- }
937
- .e-ddt.e-popup .e-filter-wrap {
966
+ border: 1px solid #c8c8c8;
938
967
  border-left-width: 0;
939
968
  border-right-width: 0;
940
969
  }
970
+ .e-ddt.e-popup .e-filter-wrap .e-input,
971
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
972
+ padding: 0 12px;
973
+ }
941
974
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
942
975
  margin-bottom: 0;
943
976
  }
@@ -952,8 +985,8 @@ ejs-dropdownlist {
952
985
  cursor: default;
953
986
  font-family: inherit;
954
987
  font-size: 14px;
955
- padding: 14px 16px;
956
988
  text-align: center;
989
+ padding: 14px 16px;
957
990
  }
958
991
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
959
992
  display: none;
@@ -1007,16 +1040,16 @@ ejs-dropdownlist {
1007
1040
  padding: 6px 10px 0 10px;
1008
1041
  }
1009
1042
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1010
- margin-left: 30px;
1011
1043
  margin-right: 1px;
1044
+ margin-left: 30px;
1012
1045
  }
1013
1046
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1014
- margin-left: 30px;
1015
1047
  margin-right: 1px;
1048
+ margin-left: 30px;
1016
1049
  }
1017
1050
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1018
- margin-left: 60px;
1019
1051
  margin-right: 1px;
1052
+ margin-left: 60px;
1020
1053
  }
1021
1054
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1022
1055
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
@@ -1089,18 +1122,18 @@ ejs-dropdownlist {
1089
1122
  }
1090
1123
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1091
1124
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1092
- margin-left: 38px;
1093
1125
  margin-right: 1px;
1126
+ margin-left: 38px;
1094
1127
  }
1095
1128
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1096
1129
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1097
- margin-left: 38px;
1098
1130
  margin-right: 1px;
1131
+ margin-left: 38px;
1099
1132
  }
1100
1133
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1101
1134
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1102
- margin-left: 76px;
1103
- margin-right: 1px;
1135
+ margin-right: 76px;
1136
+ margin-left: 1px;
1104
1137
  }
1105
1138
  .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1106
1139
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1118,12 +1151,6 @@ ejs-dropdownlist {
1118
1151
  .e-ddt .e-chips > .e-chipcontent {
1119
1152
  color: #666;
1120
1153
  }
1121
- .e-ddt .e-chips:hover {
1122
- background-color: #eaeaea;
1123
- }
1124
- .e-ddt .e-chips:hover > .e-chipcontent {
1125
- color: #666;
1126
- }
1127
1154
  .e-ddt .e-overflow .e-remain {
1128
1155
  color: #666;
1129
1156
  }
@@ -1147,25 +1174,8 @@ ejs-dropdownlist {
1147
1174
  color: rgba(51, 51, 51, 0.87);
1148
1175
  }
1149
1176
 
1150
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1151
- /* stylelint-disable property-no-vendor-prefix */
1152
- /* stylelint-disable property-no-vendor-prefix */
1153
- @keyframes material-spinner-rotate {
1154
- 0% {
1155
- transform: rotate(0);
1156
- }
1157
- 100% {
1158
- transform: rotate(360deg);
1159
- }
1160
- }
1161
- @keyframes fabric-spinner-rotate {
1162
- 0% {
1163
- transform: rotate(0);
1164
- }
1165
- 100% {
1166
- transform: rotate(360deg);
1167
- }
1168
- }
1177
+ /* stylelint-disable-line no-empty-source */
1178
+ /* stylelint-disable-line no-empty-source */
1169
1179
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1170
1180
  height: 30px;
1171
1181
  width: 30px;
@@ -1211,13 +1221,15 @@ ejs-dropdownlist {
1211
1221
  }
1212
1222
 
1213
1223
  .e-multi-select-wrapper {
1214
- box-sizing: border-box;
1224
+ -webkit-box-sizing: border-box;
1225
+ box-sizing: border-box;
1215
1226
  cursor: text;
1216
1227
  line-height: normal;
1217
1228
  min-height: 30px;
1218
1229
  padding: 0 32px 0 2px;
1219
1230
  position: relative;
1220
1231
  -webkit-user-select: none;
1232
+ -moz-user-select: none;
1221
1233
  -ms-user-select: none;
1222
1234
  user-select: none;
1223
1235
  width: 100%;
@@ -1234,7 +1246,8 @@ ejs-dropdownlist {
1234
1246
  white-space: nowrap;
1235
1247
  }
1236
1248
  .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1237
- box-sizing: border-box;
1249
+ -webkit-box-sizing: border-box;
1250
+ box-sizing: border-box;
1238
1251
  display: inline-block;
1239
1252
  overflow: hidden;
1240
1253
  text-overflow: ellipsis;
@@ -1265,6 +1278,7 @@ ejs-dropdownlist {
1265
1278
 
1266
1279
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1267
1280
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1281
+ display: -webkit-box;
1268
1282
  display: -ms-flexbox;
1269
1283
  display: flex;
1270
1284
  float: left;
@@ -1272,6 +1286,7 @@ ejs-dropdownlist {
1272
1286
  }
1273
1287
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1274
1288
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1289
+ display: -webkit-inline-box;
1275
1290
  display: -ms-inline-flexbox;
1276
1291
  display: inline-flex;
1277
1292
  float: none;
@@ -1294,8 +1309,9 @@ ejs-dropdownlist {
1294
1309
  }
1295
1310
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1296
1311
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1297
- -ms-flex-align: center;
1298
- align-items: center;
1312
+ -webkit-box-align: center;
1313
+ -ms-flex-align: center;
1314
+ align-items: center;
1299
1315
  display: inline;
1300
1316
  max-width: 100%;
1301
1317
  word-break: break-word;
@@ -1304,12 +1320,15 @@ ejs-dropdownlist {
1304
1320
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1305
1321
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1306
1322
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1307
- -ms-flex-align: center;
1308
- align-items: center;
1323
+ -webkit-box-align: center;
1324
+ -ms-flex-align: center;
1325
+ align-items: center;
1309
1326
  cursor: pointer;
1310
1327
  display: none;
1311
- -ms-flex-direction: row;
1312
- flex-direction: row;
1328
+ -webkit-box-orient: horizontal;
1329
+ -webkit-box-direction: normal;
1330
+ -ms-flex-direction: row;
1331
+ flex-direction: row;
1313
1332
  margin-top: -3em;
1314
1333
  outline: 0;
1315
1334
  padding: 0;
@@ -1321,6 +1340,7 @@ ejs-dropdownlist {
1321
1340
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1322
1341
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1323
1342
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1343
+ display: -webkit-box;
1324
1344
  display: -ms-flexbox;
1325
1345
  display: flex;
1326
1346
  }
@@ -1400,8 +1420,10 @@ ejs-dropdownlist {
1400
1420
  }
1401
1421
 
1402
1422
  .e-multi-select-wrapper .e-chips {
1403
- -ms-flex-align: center;
1404
- align-items: center;
1423
+ -webkit-box-align: center;
1424
+ -ms-flex-align: center;
1425
+ align-items: center;
1426
+ display: -webkit-inline-box;
1405
1427
  display: -ms-inline-flexbox;
1406
1428
  display: inline-flex;
1407
1429
  float: left;
@@ -1444,6 +1466,7 @@ ejs-dropdownlist {
1444
1466
  .e-multi-select-wrapper .e-chips-close {
1445
1467
  -ms-flex-item-align: center;
1446
1468
  align-self: center;
1469
+ display: -webkit-box;
1447
1470
  display: -ms-flexbox;
1448
1471
  display: flex;
1449
1472
  float: right;
@@ -1613,7 +1636,9 @@ ejs-dropdownlist {
1613
1636
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1614
1637
  -ms-flex-item-align: center;
1615
1638
  align-self: center;
1616
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1639
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1640
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1641
+ display: -webkit-inline-box;
1617
1642
  display: -ms-inline-flexbox;
1618
1643
  display: inline-flex;
1619
1644
  padding: 0 10px;
@@ -1964,8 +1989,9 @@ ejs-multiselect {
1964
1989
 
1965
1990
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1966
1991
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1967
- -ms-flex-align: normal;
1968
- align-items: normal;
1992
+ -webkit-box-align: normal;
1993
+ -ms-flex-align: normal;
1994
+ align-items: normal;
1969
1995
  }
1970
1996
 
1971
1997
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2028,7 +2054,10 @@ ejs-multiselect {
2028
2054
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2029
2055
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2030
2056
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2031
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2057
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2058
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2059
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2060
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2032
2061
  height: 24px;
2033
2062
  }
2034
2063
 
@@ -2037,10 +2066,6 @@ ejs-multiselect {
2037
2066
  height: 32px;
2038
2067
  }
2039
2068
 
2040
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2041
- height: 24px;
2042
- }
2043
-
2044
2069
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2045
2070
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2046
2071
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2096,11 +2121,6 @@ ejs-multiselect {
2096
2121
  margin: 4px 0 0 4px;
2097
2122
  }
2098
2123
 
2099
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2100
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2101
- height: 24px;
2102
- }
2103
-
2104
2124
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2105
2125
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2106
2126
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2205,7 +2225,8 @@ ejs-multiselect {
2205
2225
  }
2206
2226
 
2207
2227
  .e-multiselect {
2208
- box-sizing: border-box;
2228
+ -webkit-box-sizing: border-box;
2229
+ box-sizing: border-box;
2209
2230
  }
2210
2231
 
2211
2232
  /* stylelint-disable property-no-vendor-prefix */
@@ -2262,8 +2283,10 @@ ejs-multiselect {
2262
2283
  }
2263
2284
 
2264
2285
  .e-popup.e-multi-select-list-wrapper {
2265
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2266
- box-sizing: content-box;
2286
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2287
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2288
+ -webkit-box-sizing: content-box;
2289
+ box-sizing: content-box;
2267
2290
  overflow: initial;
2268
2291
  }
2269
2292
 
@@ -2317,14 +2340,16 @@ ejs-multiselect {
2317
2340
 
2318
2341
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2319
2342
  background-color: #d1ebff;
2320
- box-shadow: none;
2343
+ -webkit-box-shadow: none;
2344
+ box-shadow: none;
2321
2345
  color: #333;
2322
2346
  border: 1px solid #666;
2323
2347
  }
2324
2348
 
2325
2349
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2326
2350
  background-color: #d1ebff;
2327
- box-shadow: none;
2351
+ -webkit-box-shadow: none;
2352
+ box-shadow: none;
2328
2353
  color: #333;
2329
2354
  border: 1px solid #666;
2330
2355
  }
@@ -2436,11 +2461,13 @@ ejs-multiselect {
2436
2461
  .e-listbox-container,
2437
2462
  .e-listboxtool-wrapper {
2438
2463
  -webkit-overflow-scrolling: touch;
2439
- box-sizing: border-box;
2464
+ -webkit-box-sizing: border-box;
2465
+ box-sizing: border-box;
2440
2466
  cursor: pointer;
2441
2467
  display: block;
2442
2468
  position: relative;
2443
2469
  -webkit-user-select: none;
2470
+ -moz-user-select: none;
2444
2471
  -ms-user-select: none;
2445
2472
  user-select: none;
2446
2473
  width: 100%;
@@ -2448,7 +2475,8 @@ ejs-multiselect {
2448
2475
  .e-listbox-wrapper *,
2449
2476
  .e-listbox-container *,
2450
2477
  .e-listboxtool-wrapper * {
2451
- box-sizing: border-box;
2478
+ -webkit-box-sizing: border-box;
2479
+ box-sizing: border-box;
2452
2480
  }
2453
2481
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2454
2482
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2513,9 +2541,11 @@ ejs-multiselect {
2513
2541
  margin: 0;
2514
2542
  padding: 0;
2515
2543
  }
2516
- .e-listbox-wrapper .e-list-header .e-text.header,
2544
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2517
2545
  .e-listbox-container .e-list-header .e-text.header,
2518
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2546
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2547
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2548
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2519
2549
  display: none;
2520
2550
  }
2521
2551
  .e-listbox-wrapper .e-icon-back,
@@ -2523,17 +2553,14 @@ ejs-multiselect {
2523
2553
  .e-listboxtool-wrapper .e-icon-back {
2524
2554
  margin-top: 2px;
2525
2555
  }
2526
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2527
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2528
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2529
- display: none;
2530
- }
2531
2556
  .e-listbox-wrapper .e-list-header,
2532
2557
  .e-listbox-container .e-list-header,
2533
2558
  .e-listboxtool-wrapper .e-list-header {
2534
- -ms-flex-align: center;
2535
- align-items: center;
2559
+ -webkit-box-align: center;
2560
+ -ms-flex-align: center;
2561
+ align-items: center;
2536
2562
  border-bottom: 1px solid;
2563
+ display: -webkit-box;
2537
2564
  display: -ms-flexbox;
2538
2565
  display: flex;
2539
2566
  font-weight: 600;
@@ -2575,7 +2602,8 @@ ejs-multiselect {
2575
2602
  position: absolute;
2576
2603
  right: 0%;
2577
2604
  top: 50%;
2578
- transform: translateY(-50%);
2605
+ -webkit-transform: translateY(-50%);
2606
+ transform: translateY(-50%);
2579
2607
  }
2580
2608
  .e-listbox-wrapper .e-text-content,
2581
2609
  .e-listbox-container .e-text-content,
@@ -2631,18 +2659,12 @@ ejs-multiselect {
2631
2659
  white-space: nowrap;
2632
2660
  width: 100%;
2633
2661
  }
2634
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2662
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2635
2663
  .e-listbox-container .e-list-icon + .e-list-text,
2636
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2637
- width: calc(100% - 60px);
2638
- }
2639
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2640
2664
  .e-listbox-container .e-icon-wrapper .e-list-text,
2641
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2642
- width: calc(100% - 60px);
2643
- }
2644
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2645
2665
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2666
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2667
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2646
2668
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2647
2669
  width: calc(100% - 60px);
2648
2670
  }
@@ -2688,7 +2710,8 @@ ejs-multiselect {
2688
2710
  left: 0%;
2689
2711
  right: initial;
2690
2712
  top: 50%;
2691
- transform: translateY(-50%) rotate(180deg);
2713
+ -webkit-transform: translateY(-50%) rotate(180deg);
2714
+ transform: translateY(-50%) rotate(180deg);
2692
2715
  }
2693
2716
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2694
2717
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2698,7 +2721,8 @@ ejs-multiselect {
2698
2721
  .e-listbox-wrapper.e-rtl .e-but-back,
2699
2722
  .e-listbox-container.e-rtl .e-but-back,
2700
2723
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2701
- transform: rotate(180deg);
2724
+ -webkit-transform: rotate(180deg);
2725
+ transform: rotate(180deg);
2702
2726
  }
2703
2727
  .e-listbox-wrapper.e-rtl .e-icon-back,
2704
2728
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2706,8 +2730,11 @@ ejs-multiselect {
2706
2730
  margin-top: 1px;
2707
2731
  }
2708
2732
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2733
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2709
2734
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2710
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2735
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2736
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2737
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2711
2738
  margin: -2px 0 0 10px;
2712
2739
  }
2713
2740
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2715,11 +2742,6 @@ ejs-multiselect {
2715
2742
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2716
2743
  margin: -2px 10px 0 0;
2717
2744
  }
2718
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2719
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2720
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2721
- margin: -2px 0 0 10px;
2722
- }
2723
2745
  .e-listbox-wrapper .e-checkbox-wrapper,
2724
2746
  .e-listbox-container .e-checkbox-wrapper,
2725
2747
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2764,10 +2786,7 @@ ejs-listbox {
2764
2786
  display: block;
2765
2787
  }
2766
2788
 
2767
- .e-listbox-wrapper:not(.e-listbox-container) {
2768
- overflow: auto;
2769
- }
2770
-
2789
+ .e-listbox-wrapper:not(.e-listbox-container),
2771
2790
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2772
2791
  overflow: auto;
2773
2792
  }
@@ -2782,6 +2801,7 @@ ejs-listbox {
2782
2801
  .e-listbox-container.e-sortableclone .e-list-item,
2783
2802
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2784
2803
  list-style-type: none;
2804
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2785
2805
  }
2786
2806
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2787
2807
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2796,18 +2816,21 @@ ejs-listbox {
2796
2816
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2797
2817
  .e-listbox-container.e-sortableclone .e-list-badge,
2798
2818
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2799
- -ms-flex-align: center;
2800
- align-items: center;
2819
+ -webkit-box-align: center;
2820
+ -ms-flex-align: center;
2821
+ align-items: center;
2801
2822
  background-color: #0078d6;
2802
2823
  border: 1px solid #fff;
2803
2824
  border-radius: 50%;
2804
2825
  color: #fff;
2826
+ display: -webkit-box;
2805
2827
  display: -ms-flexbox;
2806
2828
  display: flex;
2807
2829
  font-size: 12px;
2808
2830
  height: 22px;
2809
- -ms-flex-pack: center;
2810
- justify-content: center;
2831
+ -webkit-box-pack: center;
2832
+ -ms-flex-pack: center;
2833
+ justify-content: center;
2811
2834
  position: absolute;
2812
2835
  right: -10px;
2813
2836
  top: -10px;
@@ -2821,12 +2844,14 @@ ejs-listbox {
2821
2844
  .e-listboxtool-wrapper,
2822
2845
  .e-listboxtool-container {
2823
2846
  cursor: pointer;
2847
+ display: -webkit-box;
2824
2848
  display: -ms-flexbox;
2825
2849
  display: flex;
2826
2850
  }
2827
2851
  .e-listboxtool-wrapper *,
2828
2852
  .e-listboxtool-container * {
2829
- box-sizing: border-box;
2853
+ -webkit-box-sizing: border-box;
2854
+ box-sizing: border-box;
2830
2855
  }
2831
2856
  .e-listboxtool-wrapper.e-disabled,
2832
2857
  .e-listboxtool-container.e-disabled {
@@ -2834,9 +2859,12 @@ ejs-listbox {
2834
2859
  pointer-events: none;
2835
2860
  }
2836
2861
  .e-listboxtool-wrapper .e-listbox-wrapper,
2837
- .e-listboxtool-container .e-listbox-wrapper {
2838
- -ms-flex: 1;
2839
- flex: 1;
2862
+ .e-listboxtool-wrapper .e-list-wrap,
2863
+ .e-listboxtool-container .e-listbox-wrapper,
2864
+ .e-listboxtool-container .e-list-wrap {
2865
+ -webkit-box-flex: 1;
2866
+ -ms-flex: 1;
2867
+ flex: 1;
2840
2868
  }
2841
2869
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2842
2870
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2942,22 +2970,22 @@ ejs-listbox {
2942
2970
  .e-listbox-wrapper.e-bigger .e-list-header,
2943
2971
  .e-bigger .e-listbox-container .e-list-header,
2944
2972
  .e-listbox-container.e-bigger .e-list-header {
2945
- -ms-flex-align: center;
2946
- align-items: center;
2973
+ -webkit-box-align: center;
2974
+ -ms-flex-align: center;
2975
+ align-items: center;
2976
+ display: -webkit-box;
2947
2977
  display: -ms-flexbox;
2948
2978
  display: flex;
2949
2979
  font-weight: 600;
2950
2980
  height: 45px;
2951
2981
  }
2952
2982
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2953
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2954
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2955
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
2956
- display: none;
2957
- }
2958
2983
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2984
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2959
2985
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
2986
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2960
2987
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2988
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2961
2989
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2962
2990
  display: none;
2963
2991
  }
@@ -2980,15 +3008,15 @@ ejs-listbox {
2980
3008
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2981
3009
  }
2982
3010
 
2983
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3011
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3012
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3013
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3014
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2984
3015
  height: 100%;
2985
3016
  }
2986
3017
 
2987
3018
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2988
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2989
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2990
- }
2991
-
3019
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2992
3020
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2993
3021
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2994
3022
  }
@@ -2997,23 +3025,11 @@ ejs-listbox {
2997
3025
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2998
3026
  }
2999
3027
 
3000
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3001
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3002
- }
3003
-
3004
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3005
- height: 100%;
3006
- }
3007
-
3008
3028
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3009
3029
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3010
3030
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3011
3031
  }
3012
3032
 
3013
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3014
- height: 100%;
3015
- }
3016
-
3017
3033
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3018
3034
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3019
3035
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3027,10 +3043,6 @@ ejs-listbox {
3027
3043
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3028
3044
  }
3029
3045
 
3030
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3031
- height: 100%;
3032
- }
3033
-
3034
3046
  .e-listbox-wrapper,
3035
3047
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3036
3048
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3070,12 +3082,6 @@ ejs-listbox {
3070
3082
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3071
3083
  }
3072
3084
 
3073
- .e-listbox-wrapper .e-icons,
3074
- .e-listbox-container .e-icons,
3075
- .e-listboxtool-wrapper .e-icons {
3076
- color: #333;
3077
- }
3078
-
3079
3085
  .e-listbox-wrapper .e-list-item,
3080
3086
  .e-listbox-container .e-list-item,
3081
3087
  .e-listboxtool-wrapper .e-list-item {
@@ -3097,13 +3103,6 @@ ejs-listbox {
3097
3103
  color: #333;
3098
3104
  }
3099
3105
 
3100
- .e-listbox-wrapper .e-list-item.e-selected,
3101
- .e-listbox-container .e-list-item.e-selected,
3102
- .e-listboxtool-wrapper .e-list-item.e-selected {
3103
- background-color: #d1ebff;
3104
- color: #333;
3105
- }
3106
-
3107
3106
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3108
3107
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3109
3108
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3111,11 +3110,13 @@ ejs-listbox {
3111
3110
  color: #333;
3112
3111
  }
3113
3112
 
3114
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3113
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3115
3114
  .e-listbox-container .e-list-item.e-focused,
3116
3115
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3116
+ .e-listbox-container .e-list-item.e-selected,
3117
3117
  .e-listboxtool-wrapper .e-list-item.e-focused,
3118
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3118
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3119
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3119
3120
  background-color: #d1ebff;
3120
3121
  color: #333;
3121
3122
  }
@@ -3205,8 +3206,8 @@ ejs-listbox {
3205
3206
  height: 3.0769em;
3206
3207
  left: 0.923em;
3207
3208
  position: absolute;
3208
- top: 0.6153em;
3209
3209
  width: 3.0769em;
3210
+ left: 0.923em;
3210
3211
  }
3211
3212
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3212
3213
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3224,18 +3225,15 @@ ejs-listbox {
3224
3225
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3225
3226
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3226
3227
  height: 3.0769em;
3228
+ left: 0.923em;
3227
3229
  position: absolute;
3228
- right: 0.923em;
3229
- top: 0.6153em;
3230
3230
  width: 3.0769em;
3231
+ right: 0.923em;
3231
3232
  }
3232
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3233
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3233
3234
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3234
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3235
- top: 0.6153em;
3236
- }
3237
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3238
3235
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3236
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3239
3237
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3240
3238
  top: 0.6153em;
3241
3239
  }
@@ -3249,7 +3247,8 @@ ejs-listbox {
3249
3247
  position: absolute;
3250
3248
  right: 0.923em;
3251
3249
  top: 50%;
3252
- transform: translateY(-50%);
3250
+ -webkit-transform: translateY(-50%);
3251
+ transform: translateY(-50%);
3253
3252
  width: 1.5384em;
3254
3253
  }
3255
3254
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3274,23 +3273,17 @@ ejs-listbox {
3274
3273
  text-overflow: ellipsis;
3275
3274
  white-space: nowrap;
3276
3275
  }
3277
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3276
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3278
3277
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3279
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3280
- color: #333;
3281
- }
3282
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3283
3278
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3279
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3284
3280
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3285
3281
  color: #333;
3286
3282
  }
3287
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3283
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3288
3284
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3289
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3290
- color: #333;
3291
- }
3292
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3293
3285
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3286
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3294
3287
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3295
3288
  color: #333;
3296
3289
  }
@@ -3337,15 +3330,7 @@ ejs-listbox {
3337
3330
  padding-right: 0.923em;
3338
3331
  }
3339
3332
 
3340
- .e-listbox-container.e-filter-list .e-list-parent {
3341
- height: 100%;
3342
- }
3343
-
3344
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3345
- height: 100%;
3346
- }
3347
-
3348
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3333
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3349
3334
  height: 100%;
3350
3335
  }
3351
3336
 
@@ -3359,22 +3344,4 @@ ejs-listbox {
3359
3344
 
3360
3345
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3361
3346
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3362
- }
3363
-
3364
- /* stylelint-disable property-no-vendor-prefix */
3365
- @keyframes material-spinner-rotate {
3366
- 0% {
3367
- transform: rotate(0);
3368
- }
3369
- 100% {
3370
- transform: rotate(360deg);
3371
- }
3372
- }
3373
- @keyframes fabric-spinner-rotate {
3374
- 0% {
3375
- transform: rotate(0);
3376
- }
3377
- 100% {
3378
- transform: rotate(360deg);
3379
- }
3380
3347
  }