@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
@@ -87,7 +87,8 @@
87
87
  .e-mention.e-popup {
88
88
  background: #514f4f;
89
89
  border: 0;
90
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
90
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
91
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
91
92
  margin-top: 2px;
92
93
  position: absolute;
93
94
  }
@@ -373,25 +374,50 @@
373
374
 
374
375
  /* stylelint-disable property-no-vendor-prefix */
375
376
  /* stylelint-disable property-no-vendor-prefix */
377
+ @-webkit-keyframes material-spinner-rotate {
378
+ 0% {
379
+ -webkit-transform: rotate(0);
380
+ transform: rotate(0);
381
+ }
382
+ 100% {
383
+ -webkit-transform: rotate(360deg);
384
+ transform: rotate(360deg);
385
+ }
386
+ }
376
387
  @keyframes material-spinner-rotate {
377
388
  0% {
389
+ -webkit-transform: rotate(0);
390
+ transform: rotate(0);
391
+ }
392
+ 100% {
393
+ -webkit-transform: rotate(360deg);
394
+ transform: rotate(360deg);
395
+ }
396
+ }
397
+ @-webkit-keyframes fabric-spinner-rotate {
398
+ 0% {
399
+ -webkit-transform: rotate(0);
378
400
  transform: rotate(0);
379
401
  }
380
402
  100% {
403
+ -webkit-transform: rotate(360deg);
381
404
  transform: rotate(360deg);
382
405
  }
383
406
  }
384
407
  @keyframes fabric-spinner-rotate {
385
408
  0% {
409
+ -webkit-transform: rotate(0);
386
410
  transform: rotate(0);
387
411
  }
388
412
  100% {
413
+ -webkit-transform: rotate(360deg);
389
414
  transform: rotate(360deg);
390
415
  }
391
416
  }
392
417
  .e-ddl.e-popup {
393
418
  border: 0;
394
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
419
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
420
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
395
421
  margin-top: 1px;
396
422
  }
397
423
  .e-ddl.e-popup .e-input-group input {
@@ -399,6 +425,7 @@
399
425
  }
400
426
 
401
427
  .e-ddl.e-popup .e-input-group {
428
+ display: -webkit-box;
402
429
  display: -ms-flexbox;
403
430
  display: flex;
404
431
  width: auto;
@@ -550,7 +577,8 @@
550
577
  .e-filter-parent {
551
578
  border: 1px solid #414040;
552
579
  border-top-width: 0;
553
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
580
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
581
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
554
582
  display: block;
555
583
  padding: 5px;
556
584
  }
@@ -625,6 +653,7 @@
625
653
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
626
654
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
627
655
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
656
+ display: -webkit-box;
628
657
  display: -ms-flexbox;
629
658
  display: flex;
630
659
  }
@@ -646,6 +675,7 @@
646
675
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
647
676
  .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 {
648
677
  cursor: pointer;
678
+ display: -webkit-box;
649
679
  display: -ms-flexbox;
650
680
  display: flex;
651
681
  }
@@ -665,6 +695,11 @@
665
695
  pointer-events: none;
666
696
  }
667
697
 
698
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
699
+ opacity: 0.7;
700
+ pointer-events: none;
701
+ }
702
+
668
703
  ejs-autocomplete,
669
704
  ejs-combobox,
670
705
  ejs-dropdownlist {
@@ -733,24 +768,6 @@ ejs-dropdownlist {
733
768
  color: #000;
734
769
  }
735
770
 
736
- /* stylelint-disable property-no-vendor-prefix */
737
- /* stylelint-disable property-no-vendor-prefix */
738
- @keyframes material-spinner-rotate {
739
- 0% {
740
- transform: rotate(0);
741
- }
742
- 100% {
743
- transform: rotate(360deg);
744
- }
745
- }
746
- @keyframes fabric-spinner-rotate {
747
- 0% {
748
- transform: rotate(0);
749
- }
750
- 100% {
751
- transform: rotate(360deg);
752
- }
753
- }
754
771
  /* stylelint-disable */
755
772
  /* stylelint-disable */
756
773
  .e-ddt .e-ddt-icon::before {
@@ -765,12 +782,20 @@ ejs-dropdownlist {
765
782
  outline: none;
766
783
  }
767
784
  .e-ddt .e-ddt-icon::before {
768
- transform: rotate(0deg);
785
+ -webkit-transform: rotate(0deg);
786
+ transform: rotate(0deg);
787
+ -webkit-transition: -webkit-transform 300ms ease;
788
+ transition: -webkit-transform 300ms ease;
769
789
  transition: transform 300ms ease;
790
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
770
791
  }
771
792
  .e-ddt.e-icon-anim .e-ddt-icon::before {
772
- transform: rotate(180deg);
793
+ -webkit-transform: rotate(180deg);
794
+ transform: rotate(180deg);
795
+ -webkit-transition: -webkit-transform 300ms ease;
796
+ transition: -webkit-transform 300ms ease;
773
797
  transition: transform 300ms ease;
798
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
774
799
  }
775
800
  .e-ddt .e-ddt-hidden {
776
801
  border: 0;
@@ -779,7 +804,8 @@ ejs-dropdownlist {
779
804
  width: 0;
780
805
  }
781
806
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
782
- box-sizing: content-box;
807
+ -webkit-box-sizing: content-box;
808
+ box-sizing: content-box;
783
809
  min-height: 30px;
784
810
  }
785
811
  .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 {
@@ -810,6 +836,7 @@ ejs-dropdownlist {
810
836
  padding-right: 0;
811
837
  }
812
838
  .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 {
839
+ display: -webkit-box;
813
840
  display: -ms-flexbox;
814
841
  display: flex;
815
842
  }
@@ -817,20 +844,25 @@ ejs-dropdownlist {
817
844
  width: 100%;
818
845
  }
819
846
  .e-ddt.e-show-chip .e-chips-close {
820
- line-height: 23px;
821
847
  min-height: 26px;
822
848
  min-width: 18px;
849
+ line-height: 23px;
823
850
  text-align: center;
824
851
  }
825
852
  .e-ddt.e-show-chip .e-chips-close::before {
826
853
  font-size: 10px;
854
+ }
855
+ .e-ddt.e-show-chip .e-chips-close::before {
827
856
  vertical-align: middle;
828
857
  }
829
858
  .e-ddt.e-show-chip .e-chips {
830
- -ms-flex-align: center;
831
- align-items: center;
859
+ -webkit-box-align: center;
860
+ -ms-flex-align: center;
861
+ align-items: center;
832
862
  border-radius: 0;
833
- box-sizing: border-box;
863
+ -webkit-box-sizing: border-box;
864
+ box-sizing: border-box;
865
+ display: -webkit-inline-box;
834
866
  display: -ms-inline-flexbox;
835
867
  display: inline-flex;
836
868
  float: left;
@@ -858,7 +890,8 @@ ejs-dropdownlist {
858
890
  padding: 6px 10px 0 10px;
859
891
  }
860
892
  .e-ddt .e-overflow.e-total-count {
861
- box-sizing: border-box;
893
+ -webkit-box-sizing: border-box;
894
+ box-sizing: border-box;
862
895
  display: inline-block;
863
896
  overflow: hidden;
864
897
  text-overflow: ellipsis;
@@ -905,7 +938,8 @@ ejs-dropdownlist {
905
938
  }
906
939
  .e-ddt.e-popup {
907
940
  border: 1px solid #414040;
908
- 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);
941
+ -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);
942
+ 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);
909
943
  position: absolute;
910
944
  }
911
945
  .e-ddt.e-popup .e-selectall-parent {
@@ -931,19 +965,18 @@ ejs-dropdownlist {
931
965
  font-size: 14px;
932
966
  margin: 10px;
933
967
  }
934
- .e-ddt.e-popup .e-filter-wrap .e-input, .e-ddt.e-popup .e-filter-wrap .e-input:focus {
935
- padding: 0 12px;
936
- }
937
968
  .e-ddt.e-popup .e-filter-wrap {
938
- border: 1px solid #414040;
939
969
  border-top-width: 0;
940
970
  display: block;
941
971
  padding: 5px;
942
- }
943
- .e-ddt.e-popup .e-filter-wrap {
972
+ border: 1px solid #414040;
944
973
  border-left-width: 0;
945
974
  border-right-width: 0;
946
975
  }
976
+ .e-ddt.e-popup .e-filter-wrap .e-input,
977
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
978
+ padding: 0 12px;
979
+ }
947
980
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
948
981
  margin-bottom: 0;
949
982
  }
@@ -958,8 +991,8 @@ ejs-dropdownlist {
958
991
  cursor: default;
959
992
  font-family: inherit;
960
993
  font-size: 14px;
961
- padding: 14px 16px;
962
994
  text-align: center;
995
+ padding: 14px 16px;
963
996
  }
964
997
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
965
998
  display: none;
@@ -1013,16 +1046,16 @@ ejs-dropdownlist {
1013
1046
  padding: 6px 10px 0 10px;
1014
1047
  }
1015
1048
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1016
- margin-left: 30px;
1017
1049
  margin-right: 1px;
1050
+ margin-left: 30px;
1018
1051
  }
1019
1052
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1020
- margin-left: 30px;
1021
1053
  margin-right: 1px;
1054
+ margin-left: 30px;
1022
1055
  }
1023
1056
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1024
- margin-left: 60px;
1025
1057
  margin-right: 1px;
1058
+ margin-left: 60px;
1026
1059
  }
1027
1060
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1028
1061
  .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,
@@ -1095,18 +1128,18 @@ ejs-dropdownlist {
1095
1128
  }
1096
1129
  .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1097
1130
  .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1098
- margin-left: 38px;
1099
1131
  margin-right: 1px;
1132
+ margin-left: 38px;
1100
1133
  }
1101
1134
  .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1102
1135
  .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1103
- margin-left: 38px;
1104
1136
  margin-right: 1px;
1137
+ margin-left: 38px;
1105
1138
  }
1106
1139
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1107
1140
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1108
- margin-left: 76px;
1109
- margin-right: 1px;
1141
+ margin-right: 76px;
1142
+ margin-left: 1px;
1110
1143
  }
1111
1144
  .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,
1112
1145
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1124,12 +1157,6 @@ ejs-dropdownlist {
1124
1157
  .e-ddt .e-chips > .e-chipcontent {
1125
1158
  color: #dadada;
1126
1159
  }
1127
- .e-ddt .e-chips:hover {
1128
- background-color: #514f4f;
1129
- }
1130
- .e-ddt .e-chips:hover > .e-chipcontent {
1131
- color: #fff;
1132
- }
1133
1160
  .e-ddt .e-overflow .e-remain {
1134
1161
  color: #9a9a9a;
1135
1162
  }
@@ -1153,25 +1180,8 @@ ejs-dropdownlist {
1153
1180
  color: #dadada;
1154
1181
  }
1155
1182
 
1156
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1157
- /* stylelint-disable property-no-vendor-prefix */
1158
- /* stylelint-disable property-no-vendor-prefix */
1159
- @keyframes material-spinner-rotate {
1160
- 0% {
1161
- transform: rotate(0);
1162
- }
1163
- 100% {
1164
- transform: rotate(360deg);
1165
- }
1166
- }
1167
- @keyframes fabric-spinner-rotate {
1168
- 0% {
1169
- transform: rotate(0);
1170
- }
1171
- 100% {
1172
- transform: rotate(360deg);
1173
- }
1174
- }
1183
+ /* stylelint-disable-line no-empty-source */
1184
+ /* stylelint-disable-line no-empty-source */
1175
1185
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1176
1186
  height: 30px;
1177
1187
  width: 30px;
@@ -1222,13 +1232,15 @@ ejs-dropdownlist {
1222
1232
  }
1223
1233
 
1224
1234
  .e-multi-select-wrapper {
1225
- box-sizing: border-box;
1235
+ -webkit-box-sizing: border-box;
1236
+ box-sizing: border-box;
1226
1237
  cursor: text;
1227
1238
  line-height: normal;
1228
1239
  min-height: 30px;
1229
1240
  padding: 0 32px 0 2px;
1230
1241
  position: relative;
1231
1242
  -webkit-user-select: none;
1243
+ -moz-user-select: none;
1232
1244
  -ms-user-select: none;
1233
1245
  user-select: none;
1234
1246
  width: 100%;
@@ -1245,7 +1257,8 @@ ejs-dropdownlist {
1245
1257
  white-space: nowrap;
1246
1258
  }
1247
1259
  .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 {
1248
- box-sizing: border-box;
1260
+ -webkit-box-sizing: border-box;
1261
+ box-sizing: border-box;
1249
1262
  display: inline-block;
1250
1263
  overflow: hidden;
1251
1264
  text-overflow: ellipsis;
@@ -1276,6 +1289,7 @@ ejs-dropdownlist {
1276
1289
 
1277
1290
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1278
1291
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1292
+ display: -webkit-box;
1279
1293
  display: -ms-flexbox;
1280
1294
  display: flex;
1281
1295
  float: left;
@@ -1283,6 +1297,7 @@ ejs-dropdownlist {
1283
1297
  }
1284
1298
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1285
1299
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1300
+ display: -webkit-inline-box;
1286
1301
  display: -ms-inline-flexbox;
1287
1302
  display: inline-flex;
1288
1303
  float: none;
@@ -1305,8 +1320,9 @@ ejs-dropdownlist {
1305
1320
  }
1306
1321
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1307
1322
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1308
- -ms-flex-align: center;
1309
- align-items: center;
1323
+ -webkit-box-align: center;
1324
+ -ms-flex-align: center;
1325
+ align-items: center;
1310
1326
  display: inline;
1311
1327
  max-width: 100%;
1312
1328
  word-break: break-word;
@@ -1315,12 +1331,15 @@ ejs-dropdownlist {
1315
1331
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1316
1332
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1317
1333
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1318
- -ms-flex-align: center;
1319
- align-items: center;
1334
+ -webkit-box-align: center;
1335
+ -ms-flex-align: center;
1336
+ align-items: center;
1320
1337
  cursor: pointer;
1321
1338
  display: none;
1322
- -ms-flex-direction: row;
1323
- flex-direction: row;
1339
+ -webkit-box-orient: horizontal;
1340
+ -webkit-box-direction: normal;
1341
+ -ms-flex-direction: row;
1342
+ flex-direction: row;
1324
1343
  margin-top: -3em;
1325
1344
  outline: 0;
1326
1345
  padding: 0;
@@ -1332,6 +1351,7 @@ ejs-dropdownlist {
1332
1351
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1333
1352
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1334
1353
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1354
+ display: -webkit-box;
1335
1355
  display: -ms-flexbox;
1336
1356
  display: flex;
1337
1357
  }
@@ -1411,8 +1431,10 @@ ejs-dropdownlist {
1411
1431
  }
1412
1432
 
1413
1433
  .e-multi-select-wrapper .e-chips {
1414
- -ms-flex-align: center;
1415
- align-items: center;
1434
+ -webkit-box-align: center;
1435
+ -ms-flex-align: center;
1436
+ align-items: center;
1437
+ display: -webkit-inline-box;
1416
1438
  display: -ms-inline-flexbox;
1417
1439
  display: inline-flex;
1418
1440
  float: left;
@@ -1455,6 +1477,7 @@ ejs-dropdownlist {
1455
1477
  .e-multi-select-wrapper .e-chips-close {
1456
1478
  -ms-flex-item-align: center;
1457
1479
  align-self: center;
1480
+ display: -webkit-box;
1458
1481
  display: -ms-flexbox;
1459
1482
  display: flex;
1460
1483
  float: right;
@@ -1624,7 +1647,9 @@ ejs-dropdownlist {
1624
1647
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1625
1648
  -ms-flex-item-align: center;
1626
1649
  align-self: center;
1627
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1650
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1651
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1652
+ display: -webkit-inline-box;
1628
1653
  display: -ms-inline-flexbox;
1629
1654
  display: inline-flex;
1630
1655
  padding: 0 10px;
@@ -1975,8 +2000,9 @@ ejs-multiselect {
1975
2000
 
1976
2001
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1977
2002
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1978
- -ms-flex-align: normal;
1979
- align-items: normal;
2003
+ -webkit-box-align: normal;
2004
+ -ms-flex-align: normal;
2005
+ align-items: normal;
1980
2006
  }
1981
2007
 
1982
2008
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2039,7 +2065,10 @@ ejs-multiselect {
2039
2065
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2040
2066
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2041
2067
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2042
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2068
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2069
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2070
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2071
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2043
2072
  height: 24px;
2044
2073
  }
2045
2074
 
@@ -2048,10 +2077,6 @@ ejs-multiselect {
2048
2077
  height: 32px;
2049
2078
  }
2050
2079
 
2051
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2052
- height: 24px;
2053
- }
2054
-
2055
2080
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2056
2081
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2057
2082
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2107,11 +2132,6 @@ ejs-multiselect {
2107
2132
  margin: 4px 0 0 4px;
2108
2133
  }
2109
2134
 
2110
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2111
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2112
- height: 24px;
2113
- }
2114
-
2115
2135
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2116
2136
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2117
2137
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2216,7 +2236,8 @@ ejs-multiselect {
2216
2236
  }
2217
2237
 
2218
2238
  .e-multiselect {
2219
- box-sizing: border-box;
2239
+ -webkit-box-sizing: border-box;
2240
+ box-sizing: border-box;
2220
2241
  }
2221
2242
 
2222
2243
  /* stylelint-disable property-no-vendor-prefix */
@@ -2273,8 +2294,10 @@ ejs-multiselect {
2273
2294
  }
2274
2295
 
2275
2296
  .e-popup.e-multi-select-list-wrapper {
2276
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2277
- box-sizing: content-box;
2297
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2298
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2299
+ -webkit-box-sizing: content-box;
2300
+ box-sizing: content-box;
2278
2301
  overflow: initial;
2279
2302
  }
2280
2303
 
@@ -2328,14 +2351,16 @@ ejs-multiselect {
2328
2351
 
2329
2352
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2330
2353
  background-color: #514f4f;
2331
- box-shadow: none;
2354
+ -webkit-box-shadow: none;
2355
+ box-shadow: none;
2332
2356
  color: #fff;
2333
2357
  border: 1px solid #dadada;
2334
2358
  }
2335
2359
 
2336
2360
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2337
2361
  background-color: #514f4f;
2338
- box-shadow: none;
2362
+ -webkit-box-shadow: none;
2363
+ box-shadow: none;
2339
2364
  color: #fff;
2340
2365
  border: 1px solid #dadada;
2341
2366
  }
@@ -2447,11 +2472,13 @@ ejs-multiselect {
2447
2472
  .e-listbox-container,
2448
2473
  .e-listboxtool-wrapper {
2449
2474
  -webkit-overflow-scrolling: touch;
2450
- box-sizing: border-box;
2475
+ -webkit-box-sizing: border-box;
2476
+ box-sizing: border-box;
2451
2477
  cursor: pointer;
2452
2478
  display: block;
2453
2479
  position: relative;
2454
2480
  -webkit-user-select: none;
2481
+ -moz-user-select: none;
2455
2482
  -ms-user-select: none;
2456
2483
  user-select: none;
2457
2484
  width: 100%;
@@ -2459,7 +2486,8 @@ ejs-multiselect {
2459
2486
  .e-listbox-wrapper *,
2460
2487
  .e-listbox-container *,
2461
2488
  .e-listboxtool-wrapper * {
2462
- box-sizing: border-box;
2489
+ -webkit-box-sizing: border-box;
2490
+ box-sizing: border-box;
2463
2491
  }
2464
2492
  .e-listbox-wrapper:focus,
2465
2493
  .e-listbox-container:focus,
@@ -2519,9 +2547,11 @@ ejs-multiselect {
2519
2547
  margin: 0;
2520
2548
  padding: 0;
2521
2549
  }
2522
- .e-listbox-wrapper .e-list-header .e-text.header,
2550
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2523
2551
  .e-listbox-container .e-list-header .e-text.header,
2524
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2552
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2553
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2554
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2525
2555
  display: none;
2526
2556
  }
2527
2557
  .e-listbox-wrapper .e-icon-back,
@@ -2529,17 +2559,14 @@ ejs-multiselect {
2529
2559
  .e-listboxtool-wrapper .e-icon-back {
2530
2560
  margin-top: 2px;
2531
2561
  }
2532
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2533
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2534
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2535
- display: none;
2536
- }
2537
2562
  .e-listbox-wrapper .e-list-header,
2538
2563
  .e-listbox-container .e-list-header,
2539
2564
  .e-listboxtool-wrapper .e-list-header {
2540
- -ms-flex-align: center;
2541
- align-items: center;
2565
+ -webkit-box-align: center;
2566
+ -ms-flex-align: center;
2567
+ align-items: center;
2542
2568
  border-bottom: 1px solid;
2569
+ display: -webkit-box;
2543
2570
  display: -ms-flexbox;
2544
2571
  display: flex;
2545
2572
  font-weight: 600;
@@ -2581,7 +2608,8 @@ ejs-multiselect {
2581
2608
  position: absolute;
2582
2609
  right: 0%;
2583
2610
  top: 50%;
2584
- transform: translateY(-50%);
2611
+ -webkit-transform: translateY(-50%);
2612
+ transform: translateY(-50%);
2585
2613
  }
2586
2614
  .e-listbox-wrapper .e-text-content,
2587
2615
  .e-listbox-container .e-text-content,
@@ -2637,18 +2665,12 @@ ejs-multiselect {
2637
2665
  white-space: nowrap;
2638
2666
  width: 100%;
2639
2667
  }
2640
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2668
+ .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,
2641
2669
  .e-listbox-container .e-list-icon + .e-list-text,
2642
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2643
- width: calc(100% - 60px);
2644
- }
2645
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2646
2670
  .e-listbox-container .e-icon-wrapper .e-list-text,
2647
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2648
- width: calc(100% - 60px);
2649
- }
2650
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2651
2671
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2672
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2673
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2652
2674
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2653
2675
  width: calc(100% - 60px);
2654
2676
  }
@@ -2694,7 +2716,8 @@ ejs-multiselect {
2694
2716
  left: 0%;
2695
2717
  right: initial;
2696
2718
  top: 50%;
2697
- transform: translateY(-50%) rotate(180deg);
2719
+ -webkit-transform: translateY(-50%) rotate(180deg);
2720
+ transform: translateY(-50%) rotate(180deg);
2698
2721
  }
2699
2722
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2700
2723
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2704,7 +2727,8 @@ ejs-multiselect {
2704
2727
  .e-listbox-wrapper.e-rtl .e-but-back,
2705
2728
  .e-listbox-container.e-rtl .e-but-back,
2706
2729
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2707
- transform: rotate(180deg);
2730
+ -webkit-transform: rotate(180deg);
2731
+ transform: rotate(180deg);
2708
2732
  }
2709
2733
  .e-listbox-wrapper.e-rtl .e-icon-back,
2710
2734
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2712,8 +2736,11 @@ ejs-multiselect {
2712
2736
  margin-top: 1px;
2713
2737
  }
2714
2738
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2739
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2715
2740
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2716
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2741
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2742
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2743
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2717
2744
  margin: -2px 0 0 10px;
2718
2745
  }
2719
2746
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2721,11 +2748,6 @@ ejs-multiselect {
2721
2748
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2722
2749
  margin: -2px 10px 0 0;
2723
2750
  }
2724
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2725
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2726
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2727
- margin: -2px 0 0 10px;
2728
- }
2729
2751
  .e-listbox-wrapper .e-checkbox-wrapper,
2730
2752
  .e-listbox-container .e-checkbox-wrapper,
2731
2753
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2770,10 +2792,7 @@ ejs-listbox {
2770
2792
  display: block;
2771
2793
  }
2772
2794
 
2773
- .e-listbox-wrapper:not(.e-listbox-container) {
2774
- overflow: auto;
2775
- }
2776
-
2795
+ .e-listbox-wrapper:not(.e-listbox-container),
2777
2796
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2778
2797
  overflow: auto;
2779
2798
  }
@@ -2788,6 +2807,7 @@ ejs-listbox {
2788
2807
  .e-listbox-container.e-sortableclone .e-list-item,
2789
2808
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2790
2809
  list-style-type: none;
2810
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2791
2811
  }
2792
2812
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2793
2813
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2802,18 +2822,21 @@ ejs-listbox {
2802
2822
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2803
2823
  .e-listbox-container.e-sortableclone .e-list-badge,
2804
2824
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2805
- -ms-flex-align: center;
2806
- align-items: center;
2825
+ -webkit-box-align: center;
2826
+ -ms-flex-align: center;
2827
+ align-items: center;
2807
2828
  background-color: #0074cc;
2808
2829
  border: 1px solid #fff;
2809
2830
  border-radius: 50%;
2810
2831
  color: #fff;
2832
+ display: -webkit-box;
2811
2833
  display: -ms-flexbox;
2812
2834
  display: flex;
2813
2835
  font-size: 12px;
2814
2836
  height: 22px;
2815
- -ms-flex-pack: center;
2816
- justify-content: center;
2837
+ -webkit-box-pack: center;
2838
+ -ms-flex-pack: center;
2839
+ justify-content: center;
2817
2840
  position: absolute;
2818
2841
  right: -10px;
2819
2842
  top: -10px;
@@ -2827,12 +2850,14 @@ ejs-listbox {
2827
2850
  .e-listboxtool-wrapper,
2828
2851
  .e-listboxtool-container {
2829
2852
  cursor: pointer;
2853
+ display: -webkit-box;
2830
2854
  display: -ms-flexbox;
2831
2855
  display: flex;
2832
2856
  }
2833
2857
  .e-listboxtool-wrapper *,
2834
2858
  .e-listboxtool-container * {
2835
- box-sizing: border-box;
2859
+ -webkit-box-sizing: border-box;
2860
+ box-sizing: border-box;
2836
2861
  }
2837
2862
  .e-listboxtool-wrapper.e-disabled,
2838
2863
  .e-listboxtool-container.e-disabled {
@@ -2840,9 +2865,12 @@ ejs-listbox {
2840
2865
  pointer-events: none;
2841
2866
  }
2842
2867
  .e-listboxtool-wrapper .e-listbox-wrapper,
2843
- .e-listboxtool-container .e-listbox-wrapper {
2844
- -ms-flex: 1;
2845
- flex: 1;
2868
+ .e-listboxtool-wrapper .e-list-wrap,
2869
+ .e-listboxtool-container .e-listbox-wrapper,
2870
+ .e-listboxtool-container .e-list-wrap {
2871
+ -webkit-box-flex: 1;
2872
+ -ms-flex: 1;
2873
+ flex: 1;
2846
2874
  }
2847
2875
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
2848
2876
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -2942,22 +2970,22 @@ ejs-listbox {
2942
2970
  .e-listbox-wrapper.e-bigger .e-list-header,
2943
2971
  .e-bigger .e-listbox-container .e-list-header,
2944
2972
  .e-listbox-container.e-bigger .e-list-header {
2945
- -ms-flex-align: center;
2946
- align-items: center;
2973
+ -webkit-box-align: center;
2974
+ -ms-flex-align: center;
2975
+ align-items: center;
2976
+ display: -webkit-box;
2947
2977
  display: -ms-flexbox;
2948
2978
  display: flex;
2949
2979
  font-weight: 600;
2950
2980
  height: 45px;
2951
2981
  }
2952
2982
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
2953
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2954
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
2955
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
2956
- display: none;
2957
- }
2958
2983
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2984
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
2959
2985
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
2986
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
2960
2987
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2988
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
2961
2989
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
2962
2990
  display: none;
2963
2991
  }
@@ -2980,15 +3008,15 @@ ejs-listbox {
2980
3008
  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2981
3009
  }
2982
3010
 
2983
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3011
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3012
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3013
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3014
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2984
3015
  height: 100%;
2985
3016
  }
2986
3017
 
2987
3018
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2988
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2989
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2990
- }
2991
-
3019
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2992
3020
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2993
3021
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2994
3022
  }
@@ -2997,23 +3025,11 @@ ejs-listbox {
2997
3025
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2998
3026
  }
2999
3027
 
3000
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3001
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3002
- }
3003
-
3004
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3005
- height: 100%;
3006
- }
3007
-
3008
3028
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3009
3029
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3010
3030
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3011
3031
  }
3012
3032
 
3013
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3014
- height: 100%;
3015
- }
3016
-
3017
3033
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3018
3034
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3019
3035
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3027,10 +3043,6 @@ ejs-listbox {
3027
3043
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3028
3044
  }
3029
3045
 
3030
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3031
- height: 100%;
3032
- }
3033
-
3034
3046
  .e-listbox-wrapper,
3035
3047
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3036
3048
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3070,12 +3082,6 @@ ejs-listbox {
3070
3082
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3071
3083
  }
3072
3084
 
3073
- .e-listbox-wrapper .e-icons,
3074
- .e-listbox-container .e-icons,
3075
- .e-listboxtool-wrapper .e-icons {
3076
- color: #dadada;
3077
- }
3078
-
3079
3085
  .e-listbox-wrapper .e-list-item,
3080
3086
  .e-listbox-container .e-list-item,
3081
3087
  .e-listboxtool-wrapper .e-list-item {
@@ -3097,13 +3103,6 @@ ejs-listbox {
3097
3103
  color: #dadada;
3098
3104
  }
3099
3105
 
3100
- .e-listbox-wrapper .e-list-item.e-selected,
3101
- .e-listbox-container .e-list-item.e-selected,
3102
- .e-listboxtool-wrapper .e-list-item.e-selected {
3103
- background-color: #514f4f;
3104
- color: #fff;
3105
- }
3106
-
3107
3106
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3108
3107
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3109
3108
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3111,11 +3110,13 @@ ejs-listbox {
3111
3110
  color: #dadada;
3112
3111
  }
3113
3112
 
3114
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3113
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3115
3114
  .e-listbox-container .e-list-item.e-focused,
3116
3115
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3116
+ .e-listbox-container .e-list-item.e-selected,
3117
3117
  .e-listboxtool-wrapper .e-list-item.e-focused,
3118
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3118
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3119
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3119
3120
  background-color: #514f4f;
3120
3121
  color: #fff;
3121
3122
  }
@@ -3205,8 +3206,8 @@ ejs-listbox {
3205
3206
  height: 3.0769em;
3206
3207
  left: 0.923em;
3207
3208
  position: absolute;
3208
- top: 0.6153em;
3209
3209
  width: 3.0769em;
3210
+ left: 0.923em;
3210
3211
  }
3211
3212
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3212
3213
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3224,18 +3225,15 @@ ejs-listbox {
3224
3225
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3225
3226
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3226
3227
  height: 3.0769em;
3228
+ left: 0.923em;
3227
3229
  position: absolute;
3228
- right: 0.923em;
3229
- top: 0.6153em;
3230
3230
  width: 3.0769em;
3231
+ right: 0.923em;
3231
3232
  }
3232
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3233
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3233
3234
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3234
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3235
- top: 0.6153em;
3236
- }
3237
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3238
3235
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3236
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3239
3237
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3240
3238
  top: 0.6153em;
3241
3239
  }
@@ -3249,7 +3247,8 @@ ejs-listbox {
3249
3247
  position: absolute;
3250
3248
  right: 0.923em;
3251
3249
  top: 50%;
3252
- transform: translateY(-50%);
3250
+ -webkit-transform: translateY(-50%);
3251
+ transform: translateY(-50%);
3253
3252
  width: 1.5384em;
3254
3253
  }
3255
3254
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3274,23 +3273,17 @@ ejs-listbox {
3274
3273
  text-overflow: ellipsis;
3275
3274
  white-space: nowrap;
3276
3275
  }
3277
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3276
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3278
3277
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3279
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3280
- color: #dadada;
3281
- }
3282
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3283
3278
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3279
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3284
3280
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3285
3281
  color: #dadada;
3286
3282
  }
3287
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3283
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3288
3284
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3289
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3290
- color: #fff;
3291
- }
3292
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3293
3285
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3286
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3294
3287
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3295
3288
  color: #fff;
3296
3289
  }
@@ -3337,15 +3330,7 @@ ejs-listbox {
3337
3330
  padding-right: 0.923em;
3338
3331
  }
3339
3332
 
3340
- .e-listbox-container.e-filter-list .e-list-parent {
3341
- height: 100%;
3342
- }
3343
-
3344
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3345
- height: 100%;
3346
- }
3347
-
3348
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3333
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3349
3334
  height: 100%;
3350
3335
  }
3351
3336
 
@@ -3359,22 +3344,4 @@ ejs-listbox {
3359
3344
 
3360
3345
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3361
3346
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3362
- }
3363
-
3364
- /* stylelint-disable property-no-vendor-prefix */
3365
- @keyframes material-spinner-rotate {
3366
- 0% {
3367
- transform: rotate(0);
3368
- }
3369
- 100% {
3370
- transform: rotate(360deg);
3371
- }
3372
- }
3373
- @keyframes fabric-spinner-rotate {
3374
- 0% {
3375
- transform: rotate(0);
3376
- }
3377
- 100% {
3378
- transform: rotate(360deg);
3379
- }
3380
3347
  }