@syncfusion/ej2-dropdowns 25.2.7-130084 → 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 (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
@@ -101,7 +101,8 @@
101
101
  .e-mention.e-popup {
102
102
  background: #ffd939;
103
103
  border: 0;
104
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
104
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
105
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
105
106
  margin-top: 2px;
106
107
  position: absolute;
107
108
  }
@@ -387,19 +388,43 @@
387
388
 
388
389
  /* stylelint-disable property-no-vendor-prefix */
389
390
  /* stylelint-disable property-no-vendor-prefix */
391
+ @-webkit-keyframes material-spinner-rotate {
392
+ 0% {
393
+ -webkit-transform: rotate(0);
394
+ transform: rotate(0);
395
+ }
396
+ 100% {
397
+ -webkit-transform: rotate(360deg);
398
+ transform: rotate(360deg);
399
+ }
400
+ }
390
401
  @keyframes material-spinner-rotate {
391
402
  0% {
403
+ -webkit-transform: rotate(0);
404
+ transform: rotate(0);
405
+ }
406
+ 100% {
407
+ -webkit-transform: rotate(360deg);
408
+ transform: rotate(360deg);
409
+ }
410
+ }
411
+ @-webkit-keyframes fabric-spinner-rotate {
412
+ 0% {
413
+ -webkit-transform: rotate(0);
392
414
  transform: rotate(0);
393
415
  }
394
416
  100% {
417
+ -webkit-transform: rotate(360deg);
395
418
  transform: rotate(360deg);
396
419
  }
397
420
  }
398
421
  @keyframes fabric-spinner-rotate {
399
422
  0% {
423
+ -webkit-transform: rotate(0);
400
424
  transform: rotate(0);
401
425
  }
402
426
  100% {
427
+ -webkit-transform: rotate(360deg);
403
428
  transform: rotate(360deg);
404
429
  }
405
430
  }
@@ -413,7 +438,8 @@
413
438
 
414
439
  .e-ddl.e-popup {
415
440
  border: 0;
416
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
441
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
442
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
417
443
  margin-top: 1px;
418
444
  }
419
445
  .e-ddl.e-popup .e-content.e-nodata {
@@ -423,6 +449,7 @@
423
449
  color: #ffd939;
424
450
  }
425
451
  .e-ddl.e-popup .e-input-group {
452
+ display: -webkit-box;
426
453
  display: -ms-flexbox;
427
454
  display: flex;
428
455
  width: auto;
@@ -561,7 +588,8 @@
561
588
  .e-filter-parent {
562
589
  border: 1px solid #fff;
563
590
  border-top-width: 0;
564
- box-shadow: none;
591
+ -webkit-box-shadow: none;
592
+ box-shadow: none;
565
593
  display: block;
566
594
  padding: 5px;
567
595
  }
@@ -636,6 +664,7 @@
636
664
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
637
665
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
638
666
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
667
+ display: -webkit-box;
639
668
  display: -ms-flexbox;
640
669
  display: flex;
641
670
  }
@@ -657,6 +686,7 @@
657
686
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
658
687
  .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 {
659
688
  cursor: pointer;
689
+ display: -webkit-box;
660
690
  display: -ms-flexbox;
661
691
  display: flex;
662
692
  }
@@ -676,6 +706,11 @@
676
706
  pointer-events: none;
677
707
  }
678
708
 
709
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
710
+ opacity: 0.7;
711
+ pointer-events: none;
712
+ }
713
+
679
714
  ejs-autocomplete,
680
715
  ejs-combobox,
681
716
  ejs-dropdownlist {
@@ -744,24 +779,6 @@ ejs-dropdownlist {
744
779
  color: #fff;
745
780
  }
746
781
 
747
- /* stylelint-disable property-no-vendor-prefix */
748
- /* stylelint-disable property-no-vendor-prefix */
749
- @keyframes material-spinner-rotate {
750
- 0% {
751
- transform: rotate(0);
752
- }
753
- 100% {
754
- transform: rotate(360deg);
755
- }
756
- }
757
- @keyframes fabric-spinner-rotate {
758
- 0% {
759
- transform: rotate(0);
760
- }
761
- 100% {
762
- transform: rotate(360deg);
763
- }
764
- }
765
782
  /*! TreeView's high contrast theme wise override definitions and variables */
766
783
  /* stylelint-disable */
767
784
  /* stylelint-disable */
@@ -777,12 +794,20 @@ ejs-dropdownlist {
777
794
  outline: none;
778
795
  }
779
796
  .e-ddt .e-ddt-icon::before {
780
- transform: rotate(0deg);
797
+ -webkit-transform: rotate(0deg);
798
+ transform: rotate(0deg);
799
+ -webkit-transition: -webkit-transform 300ms ease;
800
+ transition: -webkit-transform 300ms ease;
781
801
  transition: transform 300ms ease;
802
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
782
803
  }
783
804
  .e-ddt.e-icon-anim .e-ddt-icon::before {
784
- transform: rotate(180deg);
805
+ -webkit-transform: rotate(180deg);
806
+ transform: rotate(180deg);
807
+ -webkit-transition: -webkit-transform 300ms ease;
808
+ transition: -webkit-transform 300ms ease;
785
809
  transition: transform 300ms ease;
810
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
786
811
  }
787
812
  .e-ddt .e-ddt-hidden {
788
813
  border: 0;
@@ -791,7 +816,8 @@ ejs-dropdownlist {
791
816
  width: 0;
792
817
  }
793
818
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
794
- box-sizing: content-box;
819
+ -webkit-box-sizing: content-box;
820
+ box-sizing: content-box;
795
821
  min-height: 30px;
796
822
  }
797
823
  .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 {
@@ -822,6 +848,7 @@ ejs-dropdownlist {
822
848
  padding-right: 0;
823
849
  }
824
850
  .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 {
851
+ display: -webkit-box;
825
852
  display: -ms-flexbox;
826
853
  display: flex;
827
854
  }
@@ -829,20 +856,25 @@ ejs-dropdownlist {
829
856
  width: 100%;
830
857
  }
831
858
  .e-ddt.e-show-chip .e-chips-close {
832
- line-height: 21px;
833
859
  min-height: 26px;
834
860
  min-width: 18px;
861
+ line-height: 21px;
835
862
  text-align: center;
836
863
  }
837
864
  .e-ddt.e-show-chip .e-chips-close::before {
838
865
  font-size: 10px;
866
+ }
867
+ .e-ddt.e-show-chip .e-chips-close::before {
839
868
  vertical-align: middle;
840
869
  }
841
870
  .e-ddt.e-show-chip .e-chips {
842
- -ms-flex-align: center;
843
- align-items: center;
871
+ -webkit-box-align: center;
872
+ -ms-flex-align: center;
873
+ align-items: center;
844
874
  border-radius: 0;
845
- box-sizing: border-box;
875
+ -webkit-box-sizing: border-box;
876
+ box-sizing: border-box;
877
+ display: -webkit-inline-box;
846
878
  display: -ms-inline-flexbox;
847
879
  display: inline-flex;
848
880
  float: left;
@@ -870,7 +902,8 @@ ejs-dropdownlist {
870
902
  padding: 6px 10px 0 10px;
871
903
  }
872
904
  .e-ddt .e-overflow.e-total-count {
873
- box-sizing: border-box;
905
+ -webkit-box-sizing: border-box;
906
+ box-sizing: border-box;
874
907
  display: inline-block;
875
908
  overflow: hidden;
876
909
  text-overflow: ellipsis;
@@ -917,7 +950,8 @@ ejs-dropdownlist {
917
950
  }
918
951
  .e-ddt.e-popup {
919
952
  border: 1px solid #969696;
920
- 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);
953
+ -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);
954
+ 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);
921
955
  position: absolute;
922
956
  }
923
957
  .e-ddt.e-popup .e-selectall-parent {
@@ -943,19 +977,18 @@ ejs-dropdownlist {
943
977
  font-size: 14px;
944
978
  margin: 10px;
945
979
  }
946
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
947
- padding: 0 12px;
948
- }
949
980
  .e-ddt.e-popup .e-filter-wrap {
950
- border: 1px solid #fff;
951
981
  border-top-width: 0;
952
982
  display: block;
953
983
  padding: 5px;
954
- }
955
- .e-ddt.e-popup .e-filter-wrap {
984
+ border: 1px solid #fff;
956
985
  border-left-width: 0;
957
986
  border-right-width: 0;
958
987
  }
988
+ .e-ddt.e-popup .e-filter-wrap .e-input,
989
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
990
+ padding: 0 12px;
991
+ }
959
992
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
960
993
  margin-bottom: 0;
961
994
  }
@@ -970,8 +1003,8 @@ ejs-dropdownlist {
970
1003
  cursor: default;
971
1004
  font-family: inherit;
972
1005
  font-size: 14px;
973
- padding: 14px 16px;
974
1006
  text-align: center;
1007
+ padding: 14px 16px;
975
1008
  }
976
1009
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
977
1010
  display: none;
@@ -1026,16 +1059,16 @@ ejs-dropdownlist {
1026
1059
  padding: 6px 10px 0 10px;
1027
1060
  }
1028
1061
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1029
- margin-left: 30px;
1030
1062
  margin-right: 1px;
1063
+ margin-left: 30px;
1031
1064
  }
1032
1065
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1033
- margin-left: 30px;
1034
1066
  margin-right: 1px;
1067
+ margin-left: 30px;
1035
1068
  }
1036
1069
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1037
- margin-left: 60px;
1038
1070
  margin-right: 1px;
1071
+ margin-left: 60px;
1039
1072
  }
1040
1073
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1041
1074
  .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,
@@ -1108,18 +1141,18 @@ ejs-dropdownlist {
1108
1141
  }
1109
1142
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1110
1143
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1111
- margin-left: 38px;
1112
1144
  margin-right: 1px;
1145
+ margin-left: 38px;
1113
1146
  }
1114
1147
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1115
1148
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1116
- margin-left: 38px;
1117
1149
  margin-right: 1px;
1150
+ margin-left: 38px;
1118
1151
  }
1119
1152
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1120
1153
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1121
- margin-left: 76px;
1122
- margin-right: 1px;
1154
+ margin-right: 76px;
1155
+ margin-left: 1px;
1123
1156
  }
1124
1157
  .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,
1125
1158
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1169,25 +1202,8 @@ ejs-dropdownlist {
1169
1202
  color: #fff;
1170
1203
  }
1171
1204
 
1172
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1173
- /* stylelint-disable property-no-vendor-prefix */
1174
- /* stylelint-disable property-no-vendor-prefix */
1175
- @keyframes material-spinner-rotate {
1176
- 0% {
1177
- transform: rotate(0);
1178
- }
1179
- 100% {
1180
- transform: rotate(360deg);
1181
- }
1182
- }
1183
- @keyframes fabric-spinner-rotate {
1184
- 0% {
1185
- transform: rotate(0);
1186
- }
1187
- 100% {
1188
- transform: rotate(360deg);
1189
- }
1190
- }
1205
+ /* stylelint-disable-line no-empty-source */
1206
+ /* stylelint-disable-line no-empty-source */
1191
1207
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1192
1208
  color: #fff;
1193
1209
  top: 12px;
@@ -1242,6 +1258,9 @@ ejs-dropdownlist {
1242
1258
  height: 100%;
1243
1259
  min-height: 28px;
1244
1260
  }
1261
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1262
+ background-color: #ffd939;
1263
+ }
1245
1264
  .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1246
1265
  background-color: #ffd939;
1247
1266
  }
@@ -1320,13 +1339,15 @@ ejs-dropdownlist {
1320
1339
  }
1321
1340
 
1322
1341
  .e-multi-select-wrapper {
1323
- box-sizing: border-box;
1342
+ -webkit-box-sizing: border-box;
1343
+ box-sizing: border-box;
1324
1344
  cursor: text;
1325
1345
  line-height: normal;
1326
1346
  min-height: 30px;
1327
1347
  padding: 0 32px 0 2px;
1328
1348
  position: relative;
1329
1349
  -webkit-user-select: none;
1350
+ -moz-user-select: none;
1330
1351
  -ms-user-select: none;
1331
1352
  user-select: none;
1332
1353
  width: 100%;
@@ -1343,7 +1364,8 @@ ejs-dropdownlist {
1343
1364
  white-space: nowrap;
1344
1365
  }
1345
1366
  .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 {
1346
- box-sizing: border-box;
1367
+ -webkit-box-sizing: border-box;
1368
+ box-sizing: border-box;
1347
1369
  display: inline-block;
1348
1370
  overflow: hidden;
1349
1371
  text-overflow: ellipsis;
@@ -1374,6 +1396,7 @@ ejs-dropdownlist {
1374
1396
 
1375
1397
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1376
1398
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1399
+ display: -webkit-box;
1377
1400
  display: -ms-flexbox;
1378
1401
  display: flex;
1379
1402
  float: left;
@@ -1381,6 +1404,7 @@ ejs-dropdownlist {
1381
1404
  }
1382
1405
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1383
1406
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1407
+ display: -webkit-inline-box;
1384
1408
  display: -ms-inline-flexbox;
1385
1409
  display: inline-flex;
1386
1410
  float: none;
@@ -1403,8 +1427,9 @@ ejs-dropdownlist {
1403
1427
  }
1404
1428
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1405
1429
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1406
- -ms-flex-align: center;
1407
- align-items: center;
1430
+ -webkit-box-align: center;
1431
+ -ms-flex-align: center;
1432
+ align-items: center;
1408
1433
  display: inline;
1409
1434
  max-width: 100%;
1410
1435
  word-break: break-word;
@@ -1413,12 +1438,15 @@ ejs-dropdownlist {
1413
1438
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1414
1439
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1415
1440
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1416
- -ms-flex-align: center;
1417
- align-items: center;
1441
+ -webkit-box-align: center;
1442
+ -ms-flex-align: center;
1443
+ align-items: center;
1418
1444
  cursor: pointer;
1419
1445
  display: none;
1420
- -ms-flex-direction: row;
1421
- flex-direction: row;
1446
+ -webkit-box-orient: horizontal;
1447
+ -webkit-box-direction: normal;
1448
+ -ms-flex-direction: row;
1449
+ flex-direction: row;
1422
1450
  margin-top: -3.2em;
1423
1451
  outline: 0;
1424
1452
  padding: 0;
@@ -1430,6 +1458,7 @@ ejs-dropdownlist {
1430
1458
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1431
1459
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1432
1460
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1461
+ display: -webkit-box;
1433
1462
  display: -ms-flexbox;
1434
1463
  display: flex;
1435
1464
  }
@@ -1509,8 +1538,10 @@ ejs-dropdownlist {
1509
1538
  }
1510
1539
 
1511
1540
  .e-multi-select-wrapper .e-chips {
1512
- -ms-flex-align: center;
1513
- align-items: center;
1541
+ -webkit-box-align: center;
1542
+ -ms-flex-align: center;
1543
+ align-items: center;
1544
+ display: -webkit-inline-box;
1514
1545
  display: -ms-inline-flexbox;
1515
1546
  display: inline-flex;
1516
1547
  float: left;
@@ -1560,6 +1591,7 @@ ejs-dropdownlist {
1560
1591
  .e-multi-select-wrapper .e-chips-close {
1561
1592
  -ms-flex-item-align: center;
1562
1593
  align-self: center;
1594
+ display: -webkit-box;
1563
1595
  display: -ms-flexbox;
1564
1596
  display: flex;
1565
1597
  float: right;
@@ -1740,7 +1772,9 @@ ejs-dropdownlist {
1740
1772
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1741
1773
  -ms-flex-item-align: center;
1742
1774
  align-self: center;
1743
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1775
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1776
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1777
+ display: -webkit-inline-box;
1744
1778
  display: -ms-inline-flexbox;
1745
1779
  display: inline-flex;
1746
1780
  padding: 0 10px;
@@ -2087,8 +2121,9 @@ ejs-multiselect {
2087
2121
 
2088
2122
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2089
2123
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2090
- -ms-flex-align: normal;
2091
- align-items: normal;
2124
+ -webkit-box-align: normal;
2125
+ -ms-flex-align: normal;
2126
+ align-items: normal;
2092
2127
  }
2093
2128
 
2094
2129
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2151,7 +2186,10 @@ ejs-multiselect {
2151
2186
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2152
2187
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2153
2188
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2154
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2189
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2190
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2191
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2192
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2155
2193
  height: 24px;
2156
2194
  }
2157
2195
 
@@ -2160,10 +2198,6 @@ ejs-multiselect {
2160
2198
  height: 32px;
2161
2199
  }
2162
2200
 
2163
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2164
- height: 24px;
2165
- }
2166
-
2167
2201
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2168
2202
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2169
2203
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2219,11 +2253,6 @@ ejs-multiselect {
2219
2253
  margin: 4px 0 0 4px;
2220
2254
  }
2221
2255
 
2222
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2223
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2224
- height: 24px;
2225
- }
2226
-
2227
2256
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2228
2257
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2229
2258
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2328,7 +2357,8 @@ ejs-multiselect {
2328
2357
  }
2329
2358
 
2330
2359
  .e-multiselect {
2331
- box-sizing: border-box;
2360
+ -webkit-box-sizing: border-box;
2361
+ box-sizing: border-box;
2332
2362
  }
2333
2363
 
2334
2364
  /* stylelint-disable property-no-vendor-prefix */
@@ -2385,8 +2415,10 @@ ejs-multiselect {
2385
2415
  }
2386
2416
 
2387
2417
  .e-popup.e-multi-select-list-wrapper {
2388
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2389
- box-sizing: content-box;
2418
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2419
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2420
+ -webkit-box-sizing: content-box;
2421
+ box-sizing: content-box;
2390
2422
  overflow: initial;
2391
2423
  }
2392
2424
 
@@ -2428,14 +2460,16 @@ ejs-multiselect {
2428
2460
 
2429
2461
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2430
2462
  background-color: #ffd939;
2431
- box-shadow: none;
2463
+ -webkit-box-shadow: none;
2464
+ box-shadow: none;
2432
2465
  color: #000;
2433
2466
  border: 1px solid #ffd939;
2434
2467
  }
2435
2468
 
2436
2469
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2437
2470
  background-color: #ffd939;
2438
- box-shadow: none;
2471
+ -webkit-box-shadow: none;
2472
+ box-shadow: none;
2439
2473
  color: #000;
2440
2474
  border: 1px solid #ffd939;
2441
2475
  }
@@ -2567,11 +2601,13 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2567
2601
  .e-listbox-container,
2568
2602
  .e-listboxtool-wrapper {
2569
2603
  -webkit-overflow-scrolling: touch;
2570
- box-sizing: border-box;
2604
+ -webkit-box-sizing: border-box;
2605
+ box-sizing: border-box;
2571
2606
  cursor: pointer;
2572
2607
  display: block;
2573
2608
  position: relative;
2574
2609
  -webkit-user-select: none;
2610
+ -moz-user-select: none;
2575
2611
  -ms-user-select: none;
2576
2612
  user-select: none;
2577
2613
  width: 100%;
@@ -2579,7 +2615,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2579
2615
  .e-listbox-wrapper *,
2580
2616
  .e-listbox-container *,
2581
2617
  .e-listboxtool-wrapper * {
2582
- box-sizing: border-box;
2618
+ -webkit-box-sizing: border-box;
2619
+ box-sizing: border-box;
2583
2620
  }
2584
2621
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2585
2622
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2644,9 +2681,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2644
2681
  margin: 0;
2645
2682
  padding: 0;
2646
2683
  }
2647
- .e-listbox-wrapper .e-list-header .e-text.header,
2684
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2648
2685
  .e-listbox-container .e-list-header .e-text.header,
2649
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2686
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2687
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2688
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2650
2689
  display: none;
2651
2690
  }
2652
2691
  .e-listbox-wrapper .e-icon-back,
@@ -2654,17 +2693,14 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2654
2693
  .e-listboxtool-wrapper .e-icon-back {
2655
2694
  margin-top: 2px;
2656
2695
  }
2657
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2658
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2659
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2660
- display: none;
2661
- }
2662
2696
  .e-listbox-wrapper .e-list-header,
2663
2697
  .e-listbox-container .e-list-header,
2664
2698
  .e-listboxtool-wrapper .e-list-header {
2665
- -ms-flex-align: center;
2666
- align-items: center;
2699
+ -webkit-box-align: center;
2700
+ -ms-flex-align: center;
2701
+ align-items: center;
2667
2702
  border-bottom: 1px solid;
2703
+ display: -webkit-box;
2668
2704
  display: -ms-flexbox;
2669
2705
  display: flex;
2670
2706
  font-weight: 600;
@@ -2706,7 +2742,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2706
2742
  position: absolute;
2707
2743
  right: 0%;
2708
2744
  top: 50%;
2709
- transform: translateY(-50%);
2745
+ -webkit-transform: translateY(-50%);
2746
+ transform: translateY(-50%);
2710
2747
  }
2711
2748
  .e-listbox-wrapper .e-text-content,
2712
2749
  .e-listbox-container .e-text-content,
@@ -2762,18 +2799,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2762
2799
  white-space: nowrap;
2763
2800
  width: 100%;
2764
2801
  }
2765
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2802
+ .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,
2766
2803
  .e-listbox-container .e-list-icon + .e-list-text,
2767
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2768
- width: calc(100% - 60px);
2769
- }
2770
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2771
2804
  .e-listbox-container .e-icon-wrapper .e-list-text,
2772
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2773
- width: calc(100% - 60px);
2774
- }
2775
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2776
2805
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2806
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2807
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2777
2808
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2778
2809
  width: calc(100% - 60px);
2779
2810
  }
@@ -2819,7 +2850,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2819
2850
  left: 0%;
2820
2851
  right: initial;
2821
2852
  top: 50%;
2822
- transform: translateY(-50%) rotate(180deg);
2853
+ -webkit-transform: translateY(-50%) rotate(180deg);
2854
+ transform: translateY(-50%) rotate(180deg);
2823
2855
  }
2824
2856
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2825
2857
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2829,7 +2861,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2829
2861
  .e-listbox-wrapper.e-rtl .e-but-back,
2830
2862
  .e-listbox-container.e-rtl .e-but-back,
2831
2863
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2832
- transform: rotate(180deg);
2864
+ -webkit-transform: rotate(180deg);
2865
+ transform: rotate(180deg);
2833
2866
  }
2834
2867
  .e-listbox-wrapper.e-rtl .e-icon-back,
2835
2868
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2837,8 +2870,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2837
2870
  margin-top: 1px;
2838
2871
  }
2839
2872
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2873
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2840
2874
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2841
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2875
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2876
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2877
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2842
2878
  margin: -2px 0 0 10px;
2843
2879
  }
2844
2880
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2846,11 +2882,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2846
2882
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2847
2883
  margin: -2px 10px 0 0;
2848
2884
  }
2849
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2850
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2851
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2852
- margin: -2px 0 0 10px;
2853
- }
2854
2885
  .e-listbox-wrapper .e-checkbox-wrapper,
2855
2886
  .e-listbox-container .e-checkbox-wrapper,
2856
2887
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2895,10 +2926,7 @@ ejs-listbox {
2895
2926
  display: block;
2896
2927
  }
2897
2928
 
2898
- .e-listbox-wrapper:not(.e-listbox-container) {
2899
- overflow: auto;
2900
- }
2901
-
2929
+ .e-listbox-wrapper:not(.e-listbox-container),
2902
2930
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2903
2931
  overflow: auto;
2904
2932
  }
@@ -2913,6 +2941,7 @@ ejs-listbox {
2913
2941
  .e-listbox-container.e-sortableclone .e-list-item,
2914
2942
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2915
2943
  list-style-type: none;
2944
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2916
2945
  }
2917
2946
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2918
2947
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2927,18 +2956,21 @@ ejs-listbox {
2927
2956
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2928
2957
  .e-listbox-container.e-sortableclone .e-list-badge,
2929
2958
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2930
- -ms-flex-align: center;
2931
- align-items: center;
2959
+ -webkit-box-align: center;
2960
+ -ms-flex-align: center;
2961
+ align-items: center;
2932
2962
  background-color: #ffd939;
2933
2963
  border: 1px solid #000;
2934
2964
  border-radius: 50%;
2935
2965
  color: #000;
2966
+ display: -webkit-box;
2936
2967
  display: -ms-flexbox;
2937
2968
  display: flex;
2938
2969
  font-size: 12px;
2939
2970
  height: 22px;
2940
- -ms-flex-pack: center;
2941
- justify-content: center;
2971
+ -webkit-box-pack: center;
2972
+ -ms-flex-pack: center;
2973
+ justify-content: center;
2942
2974
  position: absolute;
2943
2975
  right: -10px;
2944
2976
  top: -10px;
@@ -2952,12 +2984,14 @@ ejs-listbox {
2952
2984
  .e-listboxtool-wrapper,
2953
2985
  .e-listboxtool-container {
2954
2986
  cursor: pointer;
2987
+ display: -webkit-box;
2955
2988
  display: -ms-flexbox;
2956
2989
  display: flex;
2957
2990
  }
2958
2991
  .e-listboxtool-wrapper *,
2959
2992
  .e-listboxtool-container * {
2960
- box-sizing: border-box;
2993
+ -webkit-box-sizing: border-box;
2994
+ box-sizing: border-box;
2961
2995
  }
2962
2996
  .e-listboxtool-wrapper.e-disabled,
2963
2997
  .e-listboxtool-container.e-disabled {
@@ -2965,9 +2999,12 @@ ejs-listbox {
2965
2999
  pointer-events: none;
2966
3000
  }
2967
3001
  .e-listboxtool-wrapper .e-listbox-wrapper,
2968
- .e-listboxtool-container .e-listbox-wrapper {
2969
- -ms-flex: 1;
2970
- flex: 1;
3002
+ .e-listboxtool-wrapper .e-list-wrap,
3003
+ .e-listboxtool-container .e-listbox-wrapper,
3004
+ .e-listboxtool-container .e-list-wrap {
3005
+ -webkit-box-flex: 1;
3006
+ -ms-flex: 1;
3007
+ flex: 1;
2971
3008
  }
2972
3009
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2973
3010
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3073,22 +3110,22 @@ ejs-listbox {
3073
3110
  .e-listbox-wrapper.e-bigger .e-list-header,
3074
3111
  .e-bigger .e-listbox-container .e-list-header,
3075
3112
  .e-listbox-container.e-bigger .e-list-header {
3076
- -ms-flex-align: center;
3077
- align-items: center;
3113
+ -webkit-box-align: center;
3114
+ -ms-flex-align: center;
3115
+ align-items: center;
3116
+ display: -webkit-box;
3078
3117
  display: -ms-flexbox;
3079
3118
  display: flex;
3080
3119
  font-weight: 600;
3081
3120
  height: 45px;
3082
3121
  }
3083
3122
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3084
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3085
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3086
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3087
- display: none;
3088
- }
3089
3123
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3124
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3090
3125
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3126
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3091
3127
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3128
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3092
3129
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3093
3130
  display: none;
3094
3131
  }
@@ -3111,15 +3148,15 @@ ejs-listbox {
3111
3148
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3112
3149
  }
3113
3150
 
3114
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3151
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3152
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3153
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3154
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3115
3155
  height: 100%;
3116
3156
  }
3117
3157
 
3118
3158
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3119
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3120
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3121
- }
3122
-
3159
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3123
3160
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3124
3161
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3125
3162
  }
@@ -3128,23 +3165,11 @@ ejs-listbox {
3128
3165
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3129
3166
  }
3130
3167
 
3131
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3132
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3133
- }
3134
-
3135
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3136
- height: 100%;
3137
- }
3138
-
3139
3168
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3140
3169
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3141
3170
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3142
3171
  }
3143
3172
 
3144
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3145
- height: 100%;
3146
- }
3147
-
3148
3173
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3149
3174
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3150
3175
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3158,10 +3183,6 @@ ejs-listbox {
3158
3183
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3159
3184
  }
3160
3185
 
3161
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3162
- height: 100%;
3163
- }
3164
-
3165
3186
  .e-listbox-wrapper,
3166
3187
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3167
3188
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3201,12 +3222,6 @@ ejs-listbox {
3201
3222
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3202
3223
  }
3203
3224
 
3204
- .e-listbox-wrapper .e-icons,
3205
- .e-listbox-container .e-icons,
3206
- .e-listboxtool-wrapper .e-icons {
3207
- color: #fff;
3208
- }
3209
-
3210
3225
  .e-listbox-wrapper .e-list-item,
3211
3226
  .e-listbox-container .e-list-item,
3212
3227
  .e-listboxtool-wrapper .e-list-item {
@@ -3228,13 +3243,6 @@ ejs-listbox {
3228
3243
  color: #fff;
3229
3244
  }
3230
3245
 
3231
- .e-listbox-wrapper .e-list-item.e-selected,
3232
- .e-listbox-container .e-list-item.e-selected,
3233
- .e-listboxtool-wrapper .e-list-item.e-selected {
3234
- background-color: #ffd939;
3235
- color: #000;
3236
- }
3237
-
3238
3246
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3239
3247
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3240
3248
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3242,11 +3250,13 @@ ejs-listbox {
3242
3250
  color: #fff;
3243
3251
  }
3244
3252
 
3245
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3253
+ .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,
3246
3254
  .e-listbox-container .e-list-item.e-focused,
3247
3255
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3256
+ .e-listbox-container .e-list-item.e-selected,
3248
3257
  .e-listboxtool-wrapper .e-list-item.e-focused,
3249
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3258
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3259
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3250
3260
  background-color: #ffd939;
3251
3261
  color: #000;
3252
3262
  }
@@ -3336,8 +3346,8 @@ ejs-listbox {
3336
3346
  height: 3.0769em;
3337
3347
  left: 0.923em;
3338
3348
  position: absolute;
3339
- top: 0.6153em;
3340
3349
  width: 3.0769em;
3350
+ left: 0.923em;
3341
3351
  }
3342
3352
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3343
3353
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3355,18 +3365,15 @@ ejs-listbox {
3355
3365
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3356
3366
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3357
3367
  height: 3.0769em;
3368
+ left: 0.923em;
3358
3369
  position: absolute;
3359
- right: 0.923em;
3360
- top: 0.6153em;
3361
3370
  width: 3.0769em;
3371
+ right: 0.923em;
3362
3372
  }
3363
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3373
+ .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,
3364
3374
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3365
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3366
- top: 0.6153em;
3367
- }
3368
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3369
3375
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3376
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3370
3377
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3371
3378
  top: 0.6153em;
3372
3379
  }
@@ -3380,7 +3387,8 @@ ejs-listbox {
3380
3387
  position: absolute;
3381
3388
  right: 0.923em;
3382
3389
  top: 50%;
3383
- transform: translateY(-50%);
3390
+ -webkit-transform: translateY(-50%);
3391
+ transform: translateY(-50%);
3384
3392
  width: 1.5384em;
3385
3393
  }
3386
3394
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3405,23 +3413,17 @@ ejs-listbox {
3405
3413
  text-overflow: ellipsis;
3406
3414
  white-space: nowrap;
3407
3415
  }
3408
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3416
+ .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,
3409
3417
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3410
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3411
- color: #fff;
3412
- }
3413
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3414
3418
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3419
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3415
3420
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3416
3421
  color: #fff;
3417
3422
  }
3418
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3423
+ .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,
3419
3424
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3420
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3421
- color: #000;
3422
- }
3423
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3424
3425
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3426
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3425
3427
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3426
3428
  color: #000;
3427
3429
  }
@@ -3468,15 +3470,7 @@ ejs-listbox {
3468
3470
  padding-right: 0.923em;
3469
3471
  }
3470
3472
 
3471
- .e-listbox-container.e-filter-list .e-list-parent {
3472
- height: 100%;
3473
- }
3474
-
3475
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3476
- height: 100%;
3477
- }
3478
-
3479
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3473
+ .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 {
3480
3474
  height: 100%;
3481
3475
  }
3482
3476
 
@@ -3490,22 +3484,4 @@ ejs-listbox {
3490
3484
 
3491
3485
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3492
3486
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3493
- }
3494
-
3495
- /* stylelint-disable property-no-vendor-prefix */
3496
- @keyframes material-spinner-rotate {
3497
- 0% {
3498
- transform: rotate(0);
3499
- }
3500
- 100% {
3501
- transform: rotate(360deg);
3502
- }
3503
- }
3504
- @keyframes fabric-spinner-rotate {
3505
- 0% {
3506
- transform: rotate(0);
3507
- }
3508
- 100% {
3509
- transform: rotate(360deg);
3510
- }
3511
3487
  }