@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35-7502

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: #400074;
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: #23726c;
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 #000;
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: #000;
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
  /* stylelint-disable */
766
783
  /* stylelint-disable */
767
784
  .e-ddt .e-ddt-icon::before {
@@ -776,12 +793,20 @@ ejs-dropdownlist {
776
793
  outline: none;
777
794
  }
778
795
  .e-ddt .e-ddt-icon::before {
779
- transform: rotate(0deg);
796
+ -webkit-transform: rotate(0deg);
797
+ transform: rotate(0deg);
798
+ -webkit-transition: -webkit-transform 300ms ease;
799
+ transition: -webkit-transform 300ms ease;
780
800
  transition: transform 300ms ease;
801
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
781
802
  }
782
803
  .e-ddt.e-icon-anim .e-ddt-icon::before {
783
- transform: rotate(180deg);
804
+ -webkit-transform: rotate(180deg);
805
+ transform: rotate(180deg);
806
+ -webkit-transition: -webkit-transform 300ms ease;
807
+ transition: -webkit-transform 300ms ease;
784
808
  transition: transform 300ms ease;
809
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
785
810
  }
786
811
  .e-ddt .e-ddt-hidden {
787
812
  border: 0;
@@ -790,7 +815,8 @@ ejs-dropdownlist {
790
815
  width: 0;
791
816
  }
792
817
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
793
- box-sizing: content-box;
818
+ -webkit-box-sizing: content-box;
819
+ box-sizing: content-box;
794
820
  min-height: 30px;
795
821
  }
796
822
  .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 {
@@ -821,6 +847,7 @@ ejs-dropdownlist {
821
847
  padding-right: 0;
822
848
  }
823
849
  .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 {
850
+ display: -webkit-box;
824
851
  display: -ms-flexbox;
825
852
  display: flex;
826
853
  }
@@ -828,20 +855,25 @@ ejs-dropdownlist {
828
855
  width: 100%;
829
856
  }
830
857
  .e-ddt.e-show-chip .e-chips-close {
831
- line-height: 21px;
832
858
  min-height: 26px;
833
859
  min-width: 18px;
860
+ line-height: 21px;
834
861
  text-align: center;
835
862
  }
836
863
  .e-ddt.e-show-chip .e-chips-close::before {
837
864
  font-size: 10px;
865
+ }
866
+ .e-ddt.e-show-chip .e-chips-close::before {
838
867
  vertical-align: middle;
839
868
  }
840
869
  .e-ddt.e-show-chip .e-chips {
841
- -ms-flex-align: center;
842
- align-items: center;
870
+ -webkit-box-align: center;
871
+ -ms-flex-align: center;
872
+ align-items: center;
843
873
  border-radius: 0;
844
- box-sizing: border-box;
874
+ -webkit-box-sizing: border-box;
875
+ box-sizing: border-box;
876
+ display: -webkit-inline-box;
845
877
  display: -ms-inline-flexbox;
846
878
  display: inline-flex;
847
879
  float: left;
@@ -869,7 +901,8 @@ ejs-dropdownlist {
869
901
  padding: 6px 10px 0 10px;
870
902
  }
871
903
  .e-ddt .e-overflow.e-total-count {
872
- box-sizing: border-box;
904
+ -webkit-box-sizing: border-box;
905
+ box-sizing: border-box;
873
906
  display: inline-block;
874
907
  overflow: hidden;
875
908
  text-overflow: ellipsis;
@@ -916,7 +949,8 @@ ejs-dropdownlist {
916
949
  }
917
950
  .e-ddt.e-popup {
918
951
  border: 1px solid #757575;
919
- 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);
952
+ -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);
953
+ 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);
920
954
  position: absolute;
921
955
  }
922
956
  .e-ddt.e-popup .e-selectall-parent {
@@ -942,19 +976,18 @@ ejs-dropdownlist {
942
976
  font-size: 14px;
943
977
  margin: 10px;
944
978
  }
945
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
946
- padding: 0 12px;
947
- }
948
979
  .e-ddt.e-popup .e-filter-wrap {
949
- border: 1px solid #000;
950
980
  border-top-width: 0;
951
981
  display: block;
952
982
  padding: 5px;
953
- }
954
- .e-ddt.e-popup .e-filter-wrap {
983
+ border: 1px solid #000;
955
984
  border-left-width: 0;
956
985
  border-right-width: 0;
957
986
  }
987
+ .e-ddt.e-popup .e-filter-wrap .e-input,
988
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
989
+ padding: 0 12px;
990
+ }
958
991
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
959
992
  margin-bottom: 0;
960
993
  }
@@ -969,8 +1002,8 @@ ejs-dropdownlist {
969
1002
  cursor: default;
970
1003
  font-family: inherit;
971
1004
  font-size: 14px;
972
- padding: 14px 16px;
973
1005
  text-align: center;
1006
+ padding: 14px 16px;
974
1007
  }
975
1008
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
976
1009
  display: none;
@@ -1025,16 +1058,16 @@ ejs-dropdownlist {
1025
1058
  padding: 6px 10px 0 10px;
1026
1059
  }
1027
1060
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1028
- margin-left: 30px;
1029
1061
  margin-right: 1px;
1062
+ margin-left: 30px;
1030
1063
  }
1031
1064
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1032
- margin-left: 30px;
1033
1065
  margin-right: 1px;
1066
+ margin-left: 30px;
1034
1067
  }
1035
1068
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1036
- margin-left: 60px;
1037
1069
  margin-right: 1px;
1070
+ margin-left: 60px;
1038
1071
  }
1039
1072
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1040
1073
  .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,
@@ -1107,18 +1140,18 @@ ejs-dropdownlist {
1107
1140
  }
1108
1141
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1109
1142
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1110
- margin-left: 38px;
1111
1143
  margin-right: 1px;
1144
+ margin-left: 38px;
1112
1145
  }
1113
1146
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1114
1147
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1115
- margin-left: 38px;
1116
1148
  margin-right: 1px;
1149
+ margin-left: 38px;
1117
1150
  }
1118
1151
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1119
1152
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1120
- margin-left: 76px;
1121
- margin-right: 1px;
1153
+ margin-right: 76px;
1154
+ margin-left: 1px;
1122
1155
  }
1123
1156
  .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,
1124
1157
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1136,12 +1169,6 @@ ejs-dropdownlist {
1136
1169
  .e-ddt .e-chips > .e-chipcontent {
1137
1170
  color: #fff;
1138
1171
  }
1139
- .e-ddt .e-chips:hover {
1140
- background-color: #ecf;
1141
- }
1142
- .e-ddt .e-chips:hover > .e-chipcontent {
1143
- color: #000;
1144
- }
1145
1172
  .e-ddt .e-overflow .e-remain {
1146
1173
  color: #000;
1147
1174
  }
@@ -1165,25 +1192,8 @@ ejs-dropdownlist {
1165
1192
  color: #000;
1166
1193
  }
1167
1194
 
1168
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1169
- /* stylelint-disable property-no-vendor-prefix */
1170
- /* stylelint-disable property-no-vendor-prefix */
1171
- @keyframes material-spinner-rotate {
1172
- 0% {
1173
- transform: rotate(0);
1174
- }
1175
- 100% {
1176
- transform: rotate(360deg);
1177
- }
1178
- }
1179
- @keyframes fabric-spinner-rotate {
1180
- 0% {
1181
- transform: rotate(0);
1182
- }
1183
- 100% {
1184
- transform: rotate(360deg);
1185
- }
1186
- }
1195
+ /* stylelint-disable-line no-empty-source */
1196
+ /* stylelint-disable-line no-empty-source */
1187
1197
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1188
1198
  color: #000;
1189
1199
  top: 12px;
@@ -1236,6 +1246,9 @@ ejs-dropdownlist {
1236
1246
  height: 100%;
1237
1247
  min-height: 28px;
1238
1248
  }
1249
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1250
+ background-color: #400074;
1251
+ }
1239
1252
  .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1240
1253
  background-color: #400074;
1241
1254
  }
@@ -1309,13 +1322,15 @@ ejs-dropdownlist {
1309
1322
  }
1310
1323
 
1311
1324
  .e-multi-select-wrapper {
1312
- box-sizing: border-box;
1325
+ -webkit-box-sizing: border-box;
1326
+ box-sizing: border-box;
1313
1327
  cursor: text;
1314
1328
  line-height: normal;
1315
1329
  min-height: 30px;
1316
1330
  padding: 0 32px 0 2px;
1317
1331
  position: relative;
1318
1332
  -webkit-user-select: none;
1333
+ -moz-user-select: none;
1319
1334
  -ms-user-select: none;
1320
1335
  user-select: none;
1321
1336
  width: 100%;
@@ -1332,7 +1347,8 @@ ejs-dropdownlist {
1332
1347
  white-space: nowrap;
1333
1348
  }
1334
1349
  .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 {
1335
- box-sizing: border-box;
1350
+ -webkit-box-sizing: border-box;
1351
+ box-sizing: border-box;
1336
1352
  display: inline-block;
1337
1353
  overflow: hidden;
1338
1354
  text-overflow: ellipsis;
@@ -1363,6 +1379,7 @@ ejs-dropdownlist {
1363
1379
 
1364
1380
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1365
1381
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1382
+ display: -webkit-box;
1366
1383
  display: -ms-flexbox;
1367
1384
  display: flex;
1368
1385
  float: left;
@@ -1370,6 +1387,7 @@ ejs-dropdownlist {
1370
1387
  }
1371
1388
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1372
1389
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1390
+ display: -webkit-inline-box;
1373
1391
  display: -ms-inline-flexbox;
1374
1392
  display: inline-flex;
1375
1393
  float: none;
@@ -1392,8 +1410,9 @@ ejs-dropdownlist {
1392
1410
  }
1393
1411
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1394
1412
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1395
- -ms-flex-align: center;
1396
- align-items: center;
1413
+ -webkit-box-align: center;
1414
+ -ms-flex-align: center;
1415
+ align-items: center;
1397
1416
  display: inline;
1398
1417
  max-width: 100%;
1399
1418
  word-break: break-word;
@@ -1402,12 +1421,15 @@ ejs-dropdownlist {
1402
1421
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1403
1422
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1404
1423
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1405
- -ms-flex-align: center;
1406
- align-items: center;
1424
+ -webkit-box-align: center;
1425
+ -ms-flex-align: center;
1426
+ align-items: center;
1407
1427
  cursor: pointer;
1408
1428
  display: none;
1409
- -ms-flex-direction: row;
1410
- flex-direction: row;
1429
+ -webkit-box-orient: horizontal;
1430
+ -webkit-box-direction: normal;
1431
+ -ms-flex-direction: row;
1432
+ flex-direction: row;
1411
1433
  margin-top: -3.2em;
1412
1434
  outline: 0;
1413
1435
  padding: 0;
@@ -1419,6 +1441,7 @@ ejs-dropdownlist {
1419
1441
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1420
1442
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1421
1443
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1444
+ display: -webkit-box;
1422
1445
  display: -ms-flexbox;
1423
1446
  display: flex;
1424
1447
  }
@@ -1498,8 +1521,10 @@ ejs-dropdownlist {
1498
1521
  }
1499
1522
 
1500
1523
  .e-multi-select-wrapper .e-chips {
1501
- -ms-flex-align: center;
1502
- align-items: center;
1524
+ -webkit-box-align: center;
1525
+ -ms-flex-align: center;
1526
+ align-items: center;
1527
+ display: -webkit-inline-box;
1503
1528
  display: -ms-inline-flexbox;
1504
1529
  display: inline-flex;
1505
1530
  float: left;
@@ -1549,6 +1574,7 @@ ejs-dropdownlist {
1549
1574
  .e-multi-select-wrapper .e-chips-close {
1550
1575
  -ms-flex-item-align: center;
1551
1576
  align-self: center;
1577
+ display: -webkit-box;
1552
1578
  display: -ms-flexbox;
1553
1579
  display: flex;
1554
1580
  float: right;
@@ -1729,7 +1755,9 @@ ejs-dropdownlist {
1729
1755
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1730
1756
  -ms-flex-item-align: center;
1731
1757
  align-self: center;
1732
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1758
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1759
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1760
+ display: -webkit-inline-box;
1733
1761
  display: -ms-inline-flexbox;
1734
1762
  display: inline-flex;
1735
1763
  padding: 0 10px;
@@ -2076,8 +2104,9 @@ ejs-multiselect {
2076
2104
 
2077
2105
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2078
2106
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2079
- -ms-flex-align: normal;
2080
- align-items: normal;
2107
+ -webkit-box-align: normal;
2108
+ -ms-flex-align: normal;
2109
+ align-items: normal;
2081
2110
  }
2082
2111
 
2083
2112
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2140,7 +2169,10 @@ ejs-multiselect {
2140
2169
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2141
2170
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2142
2171
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2143
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2172
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2173
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2174
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2175
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2144
2176
  height: 24px;
2145
2177
  }
2146
2178
 
@@ -2149,10 +2181,6 @@ ejs-multiselect {
2149
2181
  height: 32px;
2150
2182
  }
2151
2183
 
2152
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2153
- height: 24px;
2154
- }
2155
-
2156
2184
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2157
2185
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2158
2186
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2208,11 +2236,6 @@ ejs-multiselect {
2208
2236
  margin: 4px 0 0 4px;
2209
2237
  }
2210
2238
 
2211
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2212
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2213
- height: 24px;
2214
- }
2215
-
2216
2239
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2217
2240
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2218
2241
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2317,7 +2340,8 @@ ejs-multiselect {
2317
2340
  }
2318
2341
 
2319
2342
  .e-multiselect {
2320
- box-sizing: border-box;
2343
+ -webkit-box-sizing: border-box;
2344
+ box-sizing: border-box;
2321
2345
  }
2322
2346
 
2323
2347
  /* stylelint-disable property-no-vendor-prefix */
@@ -2374,8 +2398,10 @@ ejs-multiselect {
2374
2398
  }
2375
2399
 
2376
2400
  .e-popup.e-multi-select-list-wrapper {
2377
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2378
- box-sizing: content-box;
2401
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2402
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2403
+ -webkit-box-sizing: content-box;
2404
+ box-sizing: content-box;
2379
2405
  overflow: initial;
2380
2406
  }
2381
2407
 
@@ -2417,14 +2443,16 @@ ejs-multiselect {
2417
2443
 
2418
2444
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2419
2445
  background-color: #400074;
2420
- box-shadow: none;
2446
+ -webkit-box-shadow: none;
2447
+ box-shadow: none;
2421
2448
  color: #fff;
2422
2449
  border: 1px solid #400074;
2423
2450
  }
2424
2451
 
2425
2452
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2426
2453
  background-color: #400074;
2427
- box-shadow: none;
2454
+ -webkit-box-shadow: none;
2455
+ box-shadow: none;
2428
2456
  color: #fff;
2429
2457
  border: 1px solid #400074;
2430
2458
  }
@@ -2556,11 +2584,13 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2556
2584
  .e-listbox-container,
2557
2585
  .e-listboxtool-wrapper {
2558
2586
  -webkit-overflow-scrolling: touch;
2559
- box-sizing: border-box;
2587
+ -webkit-box-sizing: border-box;
2588
+ box-sizing: border-box;
2560
2589
  cursor: pointer;
2561
2590
  display: block;
2562
2591
  position: relative;
2563
2592
  -webkit-user-select: none;
2593
+ -moz-user-select: none;
2564
2594
  -ms-user-select: none;
2565
2595
  user-select: none;
2566
2596
  width: 100%;
@@ -2568,7 +2598,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2568
2598
  .e-listbox-wrapper *,
2569
2599
  .e-listbox-container *,
2570
2600
  .e-listboxtool-wrapper * {
2571
- box-sizing: border-box;
2601
+ -webkit-box-sizing: border-box;
2602
+ box-sizing: border-box;
2572
2603
  }
2573
2604
  .e-listbox-wrapper:focus,
2574
2605
  .e-listbox-container:focus,
@@ -2628,9 +2659,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2628
2659
  margin: 0;
2629
2660
  padding: 0;
2630
2661
  }
2631
- .e-listbox-wrapper .e-list-header .e-text.header,
2662
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2632
2663
  .e-listbox-container .e-list-header .e-text.header,
2633
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2664
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2665
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2666
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2634
2667
  display: none;
2635
2668
  }
2636
2669
  .e-listbox-wrapper .e-icon-back,
@@ -2638,17 +2671,14 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2638
2671
  .e-listboxtool-wrapper .e-icon-back {
2639
2672
  margin-top: 2px;
2640
2673
  }
2641
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2642
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2643
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2644
- display: none;
2645
- }
2646
2674
  .e-listbox-wrapper .e-list-header,
2647
2675
  .e-listbox-container .e-list-header,
2648
2676
  .e-listboxtool-wrapper .e-list-header {
2649
- -ms-flex-align: center;
2650
- align-items: center;
2677
+ -webkit-box-align: center;
2678
+ -ms-flex-align: center;
2679
+ align-items: center;
2651
2680
  border-bottom: 1px solid;
2681
+ display: -webkit-box;
2652
2682
  display: -ms-flexbox;
2653
2683
  display: flex;
2654
2684
  font-weight: 600;
@@ -2690,7 +2720,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2690
2720
  position: absolute;
2691
2721
  right: 0%;
2692
2722
  top: 50%;
2693
- transform: translateY(-50%);
2723
+ -webkit-transform: translateY(-50%);
2724
+ transform: translateY(-50%);
2694
2725
  }
2695
2726
  .e-listbox-wrapper .e-text-content,
2696
2727
  .e-listbox-container .e-text-content,
@@ -2746,18 +2777,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2746
2777
  white-space: nowrap;
2747
2778
  width: 100%;
2748
2779
  }
2749
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2780
+ .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,
2750
2781
  .e-listbox-container .e-list-icon + .e-list-text,
2751
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2752
- width: calc(100% - 60px);
2753
- }
2754
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2755
2782
  .e-listbox-container .e-icon-wrapper .e-list-text,
2756
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2757
- width: calc(100% - 60px);
2758
- }
2759
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2760
2783
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2784
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2785
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2761
2786
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2762
2787
  width: calc(100% - 60px);
2763
2788
  }
@@ -2803,7 +2828,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2803
2828
  left: 0%;
2804
2829
  right: initial;
2805
2830
  top: 50%;
2806
- transform: translateY(-50%) rotate(180deg);
2831
+ -webkit-transform: translateY(-50%) rotate(180deg);
2832
+ transform: translateY(-50%) rotate(180deg);
2807
2833
  }
2808
2834
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2809
2835
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2813,7 +2839,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2813
2839
  .e-listbox-wrapper.e-rtl .e-but-back,
2814
2840
  .e-listbox-container.e-rtl .e-but-back,
2815
2841
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2816
- transform: rotate(180deg);
2842
+ -webkit-transform: rotate(180deg);
2843
+ transform: rotate(180deg);
2817
2844
  }
2818
2845
  .e-listbox-wrapper.e-rtl .e-icon-back,
2819
2846
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2821,8 +2848,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2821
2848
  margin-top: 1px;
2822
2849
  }
2823
2850
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2851
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2824
2852
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2825
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2853
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2854
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2855
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2826
2856
  margin: -2px 0 0 10px;
2827
2857
  }
2828
2858
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2830,11 +2860,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2830
2860
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2831
2861
  margin: -2px 10px 0 0;
2832
2862
  }
2833
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2834
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2835
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2836
- margin: -2px 0 0 10px;
2837
- }
2838
2863
  .e-listbox-wrapper .e-checkbox-wrapper,
2839
2864
  .e-listbox-container .e-checkbox-wrapper,
2840
2865
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2879,10 +2904,7 @@ ejs-listbox {
2879
2904
  display: block;
2880
2905
  }
2881
2906
 
2882
- .e-listbox-wrapper:not(.e-listbox-container) {
2883
- overflow: auto;
2884
- }
2885
-
2907
+ .e-listbox-wrapper:not(.e-listbox-container),
2886
2908
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2887
2909
  overflow: auto;
2888
2910
  }
@@ -2897,6 +2919,7 @@ ejs-listbox {
2897
2919
  .e-listbox-container.e-sortableclone .e-list-item,
2898
2920
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2899
2921
  list-style-type: none;
2922
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2900
2923
  }
2901
2924
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2902
2925
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2911,18 +2934,21 @@ ejs-listbox {
2911
2934
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2912
2935
  .e-listbox-container.e-sortableclone .e-list-badge,
2913
2936
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2914
- -ms-flex-align: center;
2915
- align-items: center;
2937
+ -webkit-box-align: center;
2938
+ -ms-flex-align: center;
2939
+ align-items: center;
2916
2940
  background-color: #400074;
2917
2941
  border: 1px solid #fff;
2918
2942
  border-radius: 50%;
2919
2943
  color: #fff;
2944
+ display: -webkit-box;
2920
2945
  display: -ms-flexbox;
2921
2946
  display: flex;
2922
2947
  font-size: 12px;
2923
2948
  height: 22px;
2924
- -ms-flex-pack: center;
2925
- justify-content: center;
2949
+ -webkit-box-pack: center;
2950
+ -ms-flex-pack: center;
2951
+ justify-content: center;
2926
2952
  position: absolute;
2927
2953
  right: -10px;
2928
2954
  top: -10px;
@@ -2936,12 +2962,14 @@ ejs-listbox {
2936
2962
  .e-listboxtool-wrapper,
2937
2963
  .e-listboxtool-container {
2938
2964
  cursor: pointer;
2965
+ display: -webkit-box;
2939
2966
  display: -ms-flexbox;
2940
2967
  display: flex;
2941
2968
  }
2942
2969
  .e-listboxtool-wrapper *,
2943
2970
  .e-listboxtool-container * {
2944
- box-sizing: border-box;
2971
+ -webkit-box-sizing: border-box;
2972
+ box-sizing: border-box;
2945
2973
  }
2946
2974
  .e-listboxtool-wrapper.e-disabled,
2947
2975
  .e-listboxtool-container.e-disabled {
@@ -2949,9 +2977,12 @@ ejs-listbox {
2949
2977
  pointer-events: none;
2950
2978
  }
2951
2979
  .e-listboxtool-wrapper .e-listbox-wrapper,
2952
- .e-listboxtool-container .e-listbox-wrapper {
2953
- -ms-flex: 1;
2954
- flex: 1;
2980
+ .e-listboxtool-wrapper .e-list-wrap,
2981
+ .e-listboxtool-container .e-listbox-wrapper,
2982
+ .e-listboxtool-container .e-list-wrap {
2983
+ -webkit-box-flex: 1;
2984
+ -ms-flex: 1;
2985
+ flex: 1;
2955
2986
  }
2956
2987
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2957
2988
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3051,22 +3082,22 @@ ejs-listbox {
3051
3082
  .e-listbox-wrapper.e-bigger .e-list-header,
3052
3083
  .e-bigger .e-listbox-container .e-list-header,
3053
3084
  .e-listbox-container.e-bigger .e-list-header {
3054
- -ms-flex-align: center;
3055
- align-items: center;
3085
+ -webkit-box-align: center;
3086
+ -ms-flex-align: center;
3087
+ align-items: center;
3088
+ display: -webkit-box;
3056
3089
  display: -ms-flexbox;
3057
3090
  display: flex;
3058
3091
  font-weight: 600;
3059
3092
  height: 45px;
3060
3093
  }
3061
3094
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3062
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3063
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3064
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3065
- display: none;
3066
- }
3067
3095
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3096
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3068
3097
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3098
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3069
3099
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3100
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3070
3101
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3071
3102
  display: none;
3072
3103
  }
@@ -3089,15 +3120,15 @@ ejs-listbox {
3089
3120
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3090
3121
  }
3091
3122
 
3092
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3123
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3124
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3125
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3126
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3093
3127
  height: 100%;
3094
3128
  }
3095
3129
 
3096
3130
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3097
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3098
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3099
- }
3100
-
3131
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3101
3132
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3102
3133
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3103
3134
  }
@@ -3106,23 +3137,11 @@ ejs-listbox {
3106
3137
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3107
3138
  }
3108
3139
 
3109
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3110
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3111
- }
3112
-
3113
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3114
- height: 100%;
3115
- }
3116
-
3117
3140
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3118
3141
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3119
3142
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3120
3143
  }
3121
3144
 
3122
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3123
- height: 100%;
3124
- }
3125
-
3126
3145
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3127
3146
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3128
3147
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3136,10 +3155,6 @@ ejs-listbox {
3136
3155
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3137
3156
  }
3138
3157
 
3139
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3140
- height: 100%;
3141
- }
3142
-
3143
3158
  .e-listbox-wrapper,
3144
3159
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3145
3160
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3179,12 +3194,6 @@ ejs-listbox {
3179
3194
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3180
3195
  }
3181
3196
 
3182
- .e-listbox-wrapper .e-icons,
3183
- .e-listbox-container .e-icons,
3184
- .e-listboxtool-wrapper .e-icons {
3185
- color: #000;
3186
- }
3187
-
3188
3197
  .e-listbox-wrapper .e-list-item,
3189
3198
  .e-listbox-container .e-list-item,
3190
3199
  .e-listboxtool-wrapper .e-list-item {
@@ -3206,13 +3215,6 @@ ejs-listbox {
3206
3215
  color: #000;
3207
3216
  }
3208
3217
 
3209
- .e-listbox-wrapper .e-list-item.e-selected,
3210
- .e-listbox-container .e-list-item.e-selected,
3211
- .e-listboxtool-wrapper .e-list-item.e-selected {
3212
- background-color: #400074;
3213
- color: #fff;
3214
- }
3215
-
3216
3218
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3217
3219
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3218
3220
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3220,11 +3222,13 @@ ejs-listbox {
3220
3222
  color: #000;
3221
3223
  }
3222
3224
 
3223
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3225
+ .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,
3224
3226
  .e-listbox-container .e-list-item.e-focused,
3225
3227
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3228
+ .e-listbox-container .e-list-item.e-selected,
3226
3229
  .e-listboxtool-wrapper .e-list-item.e-focused,
3227
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3230
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3231
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3228
3232
  background-color: #400074;
3229
3233
  color: #fff;
3230
3234
  }
@@ -3314,8 +3318,8 @@ ejs-listbox {
3314
3318
  height: 3.0769em;
3315
3319
  left: 0.923em;
3316
3320
  position: absolute;
3317
- top: 0.6153em;
3318
3321
  width: 3.0769em;
3322
+ left: 0.923em;
3319
3323
  }
3320
3324
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3321
3325
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3333,18 +3337,15 @@ ejs-listbox {
3333
3337
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3334
3338
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3335
3339
  height: 3.0769em;
3340
+ left: 0.923em;
3336
3341
  position: absolute;
3337
- right: 0.923em;
3338
- top: 0.6153em;
3339
3342
  width: 3.0769em;
3343
+ right: 0.923em;
3340
3344
  }
3341
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3345
+ .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,
3342
3346
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3343
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3344
- top: 0.6153em;
3345
- }
3346
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3347
3347
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3348
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3348
3349
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3349
3350
  top: 0.6153em;
3350
3351
  }
@@ -3358,7 +3359,8 @@ ejs-listbox {
3358
3359
  position: absolute;
3359
3360
  right: 0.923em;
3360
3361
  top: 50%;
3361
- transform: translateY(-50%);
3362
+ -webkit-transform: translateY(-50%);
3363
+ transform: translateY(-50%);
3362
3364
  width: 1.5384em;
3363
3365
  }
3364
3366
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3383,23 +3385,17 @@ ejs-listbox {
3383
3385
  text-overflow: ellipsis;
3384
3386
  white-space: nowrap;
3385
3387
  }
3386
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3388
+ .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,
3387
3389
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3388
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3389
- color: #000;
3390
- }
3391
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3392
3390
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3391
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3393
3392
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3394
3393
  color: #000;
3395
3394
  }
3396
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3395
+ .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,
3397
3396
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3398
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3399
- color: #fff;
3400
- }
3401
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3402
3397
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3398
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3403
3399
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3404
3400
  color: #fff;
3405
3401
  }
@@ -3446,15 +3442,7 @@ ejs-listbox {
3446
3442
  padding-right: 0.923em;
3447
3443
  }
3448
3444
 
3449
- .e-listbox-container.e-filter-list .e-list-parent {
3450
- height: 100%;
3451
- }
3452
-
3453
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3454
- height: 100%;
3455
- }
3456
-
3457
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3445
+ .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 {
3458
3446
  height: 100%;
3459
3447
  }
3460
3448
 
@@ -3468,22 +3456,4 @@ ejs-listbox {
3468
3456
 
3469
3457
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3470
3458
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3471
- }
3472
-
3473
- /* stylelint-disable property-no-vendor-prefix */
3474
- @keyframes material-spinner-rotate {
3475
- 0% {
3476
- transform: rotate(0);
3477
- }
3478
- 100% {
3479
- transform: rotate(360deg);
3480
- }
3481
- }
3482
- @keyframes fabric-spinner-rotate {
3483
- 0% {
3484
- transform: rotate(0);
3485
- }
3486
- 100% {
3487
- transform: rotate(360deg);
3488
- }
3489
3459
  }