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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (290) hide show
  1. package/.eslintrc.json +3 -2
  2. package/{ReadMe.md → README.md} +1 -1
  3. package/dist/ej2-dropdowns.min.js +10 -1
  4. package/dist/ej2-dropdowns.umd.min.js +10 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +505 -215
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +498 -207
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +10 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +9 -0
  13. package/package.json +80 -79
  14. package/src/auto-complete/auto-complete-model.d.ts +10 -10
  15. package/src/auto-complete/auto-complete.d.ts +12 -12
  16. package/src/auto-complete/auto-complete.js +3 -3
  17. package/src/combo-box/combo-box-model.d.ts +17 -17
  18. package/src/combo-box/combo-box.d.ts +27 -27
  19. package/src/combo-box/combo-box.js +25 -10
  20. package/src/common/interface.js +0 -1
  21. package/src/common/virtual-scroll.js +1 -0
  22. package/src/drop-down-base/drop-down-base-model.d.ts +21 -14
  23. package/src/drop-down-base/drop-down-base.d.ts +43 -17
  24. package/src/drop-down-base/drop-down-base.js +65 -10
  25. package/src/drop-down-list/drop-down-list-model.d.ts +3 -3
  26. package/src/drop-down-list/drop-down-list.d.ts +19 -5
  27. package/src/drop-down-list/drop-down-list.js +130 -5
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +16 -16
  29. package/src/drop-down-tree/drop-down-tree.d.ts +18 -14
  30. package/src/drop-down-tree/drop-down-tree.js +52 -38
  31. package/src/list-box/list-box-model.d.ts +2 -2
  32. package/src/list-box/list-box.d.ts +2 -2
  33. package/src/list-box/list-box.js +30 -9
  34. package/src/mention/mention.js +23 -8
  35. package/src/multi-select/interface.js +0 -1
  36. package/src/multi-select/multi-select.d.ts +15 -0
  37. package/src/multi-select/multi-select.js +135 -12
  38. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  39. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  40. package/styles/auto-complete/bootstrap-dark.css +5 -2
  41. package/styles/auto-complete/bootstrap.css +5 -2
  42. package/styles/auto-complete/bootstrap4.css +6 -2
  43. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  44. package/styles/auto-complete/bootstrap5.css +6 -2
  45. package/styles/auto-complete/fabric-dark.css +3 -1
  46. package/styles/auto-complete/fabric.css +3 -1
  47. package/styles/auto-complete/fluent-dark.css +6 -2
  48. package/styles/auto-complete/fluent.css +6 -2
  49. package/styles/auto-complete/fluent2.css +1140 -0
  50. package/styles/auto-complete/fluent2.scss +4 -0
  51. package/styles/auto-complete/highcontrast-light.css +3 -1
  52. package/styles/auto-complete/highcontrast.css +3 -1
  53. package/styles/auto-complete/material-dark.css +16 -5
  54. package/styles/auto-complete/material.css +16 -5
  55. package/styles/auto-complete/material3-dark.css +17 -6
  56. package/styles/auto-complete/material3-dark.scss +1 -1
  57. package/styles/auto-complete/material3.css +17 -6
  58. package/styles/auto-complete/material3.scss +1 -1
  59. package/styles/auto-complete/tailwind-dark.css +16 -5
  60. package/styles/auto-complete/tailwind.css +16 -5
  61. package/styles/bootstrap-dark.css +196 -228
  62. package/styles/bootstrap-dark.scss +28 -8
  63. package/styles/bootstrap.css +196 -228
  64. package/styles/bootstrap.scss +28 -8
  65. package/styles/bootstrap4.css +199 -229
  66. package/styles/bootstrap4.scss +28 -8
  67. package/styles/bootstrap5-dark.css +196 -221
  68. package/styles/bootstrap5-dark.scss +28 -8
  69. package/styles/bootstrap5.css +196 -221
  70. package/styles/bootstrap5.scss +28 -8
  71. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  72. package/styles/combo-box/_fluent2-definition.scss +2 -0
  73. package/styles/combo-box/bootstrap-dark.css +5 -2
  74. package/styles/combo-box/bootstrap.css +5 -2
  75. package/styles/combo-box/bootstrap4.css +6 -2
  76. package/styles/combo-box/bootstrap5-dark.css +6 -2
  77. package/styles/combo-box/bootstrap5.css +6 -2
  78. package/styles/combo-box/fabric-dark.css +3 -1
  79. package/styles/combo-box/fabric.css +3 -1
  80. package/styles/combo-box/fluent-dark.css +6 -2
  81. package/styles/combo-box/fluent.css +6 -2
  82. package/styles/combo-box/fluent2.css +1140 -0
  83. package/styles/combo-box/fluent2.scss +4 -0
  84. package/styles/combo-box/highcontrast-light.css +3 -1
  85. package/styles/combo-box/highcontrast.css +3 -1
  86. package/styles/combo-box/material-dark.css +16 -5
  87. package/styles/combo-box/material.css +16 -5
  88. package/styles/combo-box/material3-dark.css +17 -6
  89. package/styles/combo-box/material3-dark.scss +1 -1
  90. package/styles/combo-box/material3.css +17 -6
  91. package/styles/combo-box/material3.scss +1 -1
  92. package/styles/combo-box/tailwind-dark.css +16 -5
  93. package/styles/combo-box/tailwind.css +16 -5
  94. package/styles/drop-down-base/_bds-definition.scss +2 -2
  95. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  96. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  97. package/styles/drop-down-base/_layout.scss +12 -2
  98. package/styles/drop-down-base/_material3-definition.scss +0 -11
  99. package/styles/drop-down-base/_theme.scss +2 -11
  100. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  101. package/styles/drop-down-base/bootstrap.css +2 -1
  102. package/styles/drop-down-base/bootstrap4.css +2 -1
  103. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  104. package/styles/drop-down-base/bootstrap5.css +2 -1
  105. package/styles/drop-down-base/fabric-dark.css +2 -1
  106. package/styles/drop-down-base/fabric.css +2 -1
  107. package/styles/drop-down-base/fluent-dark.css +2 -1
  108. package/styles/drop-down-base/fluent.css +2 -1
  109. package/styles/drop-down-base/fluent2.css +1447 -0
  110. package/styles/drop-down-base/fluent2.scss +3 -0
  111. package/styles/drop-down-base/highcontrast-light.css +2 -1
  112. package/styles/drop-down-base/highcontrast.css +2 -1
  113. package/styles/drop-down-base/material-dark.css +2 -1
  114. package/styles/drop-down-base/material.css +2 -1
  115. package/styles/drop-down-base/material3-dark.css +9 -2
  116. package/styles/drop-down-base/material3-dark.scss +1 -1
  117. package/styles/drop-down-base/material3.css +9 -2
  118. package/styles/drop-down-base/material3.scss +1 -1
  119. package/styles/drop-down-base/tailwind-dark.css +2 -1
  120. package/styles/drop-down-base/tailwind.css +2 -1
  121. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  122. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  123. package/styles/drop-down-list/_layout.scss +5 -3
  124. package/styles/drop-down-list/_material3-definition.scss +0 -8
  125. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  126. package/styles/drop-down-list/bootstrap.css +38 -3
  127. package/styles/drop-down-list/bootstrap4.css +39 -3
  128. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  129. package/styles/drop-down-list/bootstrap5.css +39 -3
  130. package/styles/drop-down-list/fabric-dark.css +36 -2
  131. package/styles/drop-down-list/fabric.css +36 -2
  132. package/styles/drop-down-list/fluent-dark.css +39 -3
  133. package/styles/drop-down-list/fluent.css +39 -3
  134. package/styles/drop-down-list/fluent2.css +1684 -0
  135. package/styles/drop-down-list/fluent2.scss +9 -0
  136. package/styles/drop-down-list/highcontrast-light.css +36 -2
  137. package/styles/drop-down-list/highcontrast.css +36 -2
  138. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  139. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  140. package/styles/drop-down-list/material-dark.css +58 -7
  141. package/styles/drop-down-list/material.css +72 -9
  142. package/styles/drop-down-list/material3-dark.css +74 -10
  143. package/styles/drop-down-list/material3-dark.scss +1 -1
  144. package/styles/drop-down-list/material3.css +74 -10
  145. package/styles/drop-down-list/material3.scss +1 -1
  146. package/styles/drop-down-list/tailwind-dark.css +49 -6
  147. package/styles/drop-down-list/tailwind.css +49 -6
  148. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  149. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  150. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  151. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  152. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  153. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  154. package/styles/drop-down-tree/_layout.scss +289 -327
  155. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  156. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  157. package/styles/drop-down-tree/_theme.scss +24 -41
  158. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  159. package/styles/drop-down-tree/bootstrap.css +63 -29
  160. package/styles/drop-down-tree/bootstrap4.css +64 -30
  161. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  162. package/styles/drop-down-tree/bootstrap5.css +63 -27
  163. package/styles/drop-down-tree/fabric-dark.css +63 -29
  164. package/styles/drop-down-tree/fabric.css +63 -29
  165. package/styles/drop-down-tree/fluent-dark.css +71 -35
  166. package/styles/drop-down-tree/fluent.css +71 -35
  167. package/styles/drop-down-tree/fluent2.css +1732 -0
  168. package/styles/drop-down-tree/fluent2.scss +9 -0
  169. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  170. package/styles/drop-down-tree/highcontrast.css +63 -23
  171. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  172. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  173. package/styles/drop-down-tree/material-dark.css +80 -43
  174. package/styles/drop-down-tree/material.css +97 -51
  175. package/styles/drop-down-tree/material3-dark.css +85 -32
  176. package/styles/drop-down-tree/material3-dark.scss +1 -1
  177. package/styles/drop-down-tree/material3.css +85 -32
  178. package/styles/drop-down-tree/material3.scss +1 -1
  179. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  180. package/styles/drop-down-tree/tailwind.css +72 -28
  181. package/styles/fabric-dark.css +194 -227
  182. package/styles/fabric-dark.scss +28 -8
  183. package/styles/fabric.css +194 -227
  184. package/styles/fabric.scss +28 -8
  185. package/styles/fluent-dark.css +206 -236
  186. package/styles/fluent-dark.scss +28 -8
  187. package/styles/fluent.css +206 -236
  188. package/styles/fluent.scss +28 -8
  189. package/styles/fluent2.css +4771 -0
  190. package/styles/fluent2.scss +28 -0
  191. package/styles/highcontrast-light.css +197 -227
  192. package/styles/highcontrast-light.scss +28 -8
  193. package/styles/highcontrast.css +197 -221
  194. package/styles/highcontrast.scss +28 -8
  195. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  196. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  197. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  198. package/styles/list-box/_fluent2-definition.scss +121 -0
  199. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  200. package/styles/list-box/_layout.scss +65 -44
  201. package/styles/list-box/_material-dark-definition.scss +0 -2
  202. package/styles/list-box/_tailwind-definition.scss +1 -1
  203. package/styles/list-box/_theme.scss +36 -65
  204. package/styles/list-box/bootstrap-dark.css +72 -112
  205. package/styles/list-box/bootstrap.css +72 -112
  206. package/styles/list-box/bootstrap4.css +72 -112
  207. package/styles/list-box/bootstrap5-dark.css +72 -106
  208. package/styles/list-box/bootstrap5.css +72 -106
  209. package/styles/list-box/fabric-dark.css +72 -112
  210. package/styles/list-box/fabric.css +72 -112
  211. package/styles/list-box/fluent-dark.css +72 -112
  212. package/styles/list-box/fluent.css +72 -112
  213. package/styles/list-box/fluent2.css +2029 -0
  214. package/styles/list-box/fluent2.scss +5 -0
  215. package/styles/list-box/highcontrast-light.css +72 -112
  216. package/styles/list-box/highcontrast.css +72 -112
  217. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  218. package/styles/list-box/icons/_fluent2.scss +25 -0
  219. package/styles/list-box/material-dark.css +72 -112
  220. package/styles/list-box/material.css +72 -112
  221. package/styles/list-box/material3-dark.css +73 -113
  222. package/styles/list-box/material3-dark.scss +1 -1
  223. package/styles/list-box/material3.css +73 -113
  224. package/styles/list-box/material3.scss +1 -1
  225. package/styles/list-box/tailwind-dark.css +74 -114
  226. package/styles/list-box/tailwind.css +74 -114
  227. package/styles/material-dark.css +236 -260
  228. package/styles/material-dark.scss +28 -8
  229. package/styles/material.css +253 -284
  230. package/styles/material.scss +28 -8
  231. package/styles/material3-dark.css +253 -266
  232. package/styles/material3-dark.scss +29 -9
  233. package/styles/material3.css +253 -266
  234. package/styles/material3.scss +29 -9
  235. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  236. package/styles/mention/_fluent2-definition.scss +1 -0
  237. package/styles/mention/bootstrap-dark.css +24 -0
  238. package/styles/mention/bootstrap.css +24 -0
  239. package/styles/mention/bootstrap4.css +24 -0
  240. package/styles/mention/bootstrap5-dark.css +24 -0
  241. package/styles/mention/bootstrap5.css +24 -0
  242. package/styles/mention/fabric-dark.css +24 -0
  243. package/styles/mention/fabric.css +24 -0
  244. package/styles/mention/fluent-dark.css +24 -0
  245. package/styles/mention/fluent.css +24 -0
  246. package/styles/mention/fluent2.css +1130 -0
  247. package/styles/mention/fluent2.scss +6 -0
  248. package/styles/mention/highcontrast-light.css +24 -0
  249. package/styles/mention/highcontrast.css +24 -0
  250. package/styles/mention/material-dark.css +24 -0
  251. package/styles/mention/material.css +24 -0
  252. package/styles/mention/material3-dark.css +25 -1
  253. package/styles/mention/material3-dark.scss +1 -1
  254. package/styles/mention/material3.css +25 -1
  255. package/styles/mention/material3.scss +1 -1
  256. package/styles/mention/tailwind-dark.css +24 -0
  257. package/styles/mention/tailwind.css +24 -0
  258. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  259. package/styles/multi-select/_fluent2-definition.scss +236 -0
  260. package/styles/multi-select/_layout.scss +32 -38
  261. package/styles/multi-select/_material3-definition.scss +0 -15
  262. package/styles/multi-select/_theme.scss +0 -4
  263. package/styles/multi-select/bootstrap-dark.css +67 -28
  264. package/styles/multi-select/bootstrap.css +67 -28
  265. package/styles/multi-select/bootstrap4.css +70 -29
  266. package/styles/multi-select/bootstrap5-dark.css +67 -28
  267. package/styles/multi-select/bootstrap5.css +67 -28
  268. package/styles/multi-select/fabric-dark.css +67 -28
  269. package/styles/multi-select/fabric.css +67 -28
  270. package/styles/multi-select/fluent-dark.css +69 -29
  271. package/styles/multi-select/fluent.css +69 -29
  272. package/styles/multi-select/fluent2.css +2663 -0
  273. package/styles/multi-select/fluent2.scss +9 -0
  274. package/styles/multi-select/highcontrast-light.css +70 -28
  275. package/styles/multi-select/highcontrast.css +70 -28
  276. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  277. package/styles/multi-select/icons/_fluent2.scss +692 -0
  278. package/styles/multi-select/material-dark.css +88 -32
  279. package/styles/multi-select/material.css +102 -34
  280. package/styles/multi-select/material3-dark.css +109 -35
  281. package/styles/multi-select/material3-dark.scss +1 -1
  282. package/styles/multi-select/material3.css +109 -35
  283. package/styles/multi-select/material3.scss +1 -1
  284. package/styles/multi-select/tailwind-dark.css +67 -28
  285. package/styles/multi-select/tailwind.css +67 -28
  286. package/styles/tailwind-dark.css +217 -233
  287. package/styles/tailwind-dark.scss +28 -8
  288. package/styles/tailwind.css +217 -233
  289. package/styles/tailwind.scss +28 -8
  290. package/CHANGELOG.md +0 -2200
@@ -113,7 +113,8 @@
113
113
  .e-mention.e-popup {
114
114
  background: #212529;
115
115
  border: 0;
116
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
116
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
117
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
117
118
  margin-top: 2px;
118
119
  position: absolute;
119
120
  }
@@ -406,25 +407,50 @@
406
407
  /* stylelint-disable property-no-vendor-prefix */
407
408
  /* stylelint-disable-line no-empty-source */
408
409
  /* stylelint-disable property-no-vendor-prefix */
410
+ @-webkit-keyframes material-spinner-rotate {
411
+ 0% {
412
+ -webkit-transform: rotate(0);
413
+ transform: rotate(0);
414
+ }
415
+ 100% {
416
+ -webkit-transform: rotate(360deg);
417
+ transform: rotate(360deg);
418
+ }
419
+ }
409
420
  @keyframes material-spinner-rotate {
410
421
  0% {
422
+ -webkit-transform: rotate(0);
423
+ transform: rotate(0);
424
+ }
425
+ 100% {
426
+ -webkit-transform: rotate(360deg);
427
+ transform: rotate(360deg);
428
+ }
429
+ }
430
+ @-webkit-keyframes fabric-spinner-rotate {
431
+ 0% {
432
+ -webkit-transform: rotate(0);
411
433
  transform: rotate(0);
412
434
  }
413
435
  100% {
436
+ -webkit-transform: rotate(360deg);
414
437
  transform: rotate(360deg);
415
438
  }
416
439
  }
417
440
  @keyframes fabric-spinner-rotate {
418
441
  0% {
442
+ -webkit-transform: rotate(0);
419
443
  transform: rotate(0);
420
444
  }
421
445
  100% {
446
+ -webkit-transform: rotate(360deg);
422
447
  transform: rotate(360deg);
423
448
  }
424
449
  }
425
450
  .e-popup.e-ddl {
426
451
  border-radius: 4px;
427
- box-shadow: none;
452
+ -webkit-box-shadow: none;
453
+ box-shadow: none;
428
454
  margin-top: 3px;
429
455
  }
430
456
  .e-popup.e-ddl .e-input-group {
@@ -439,6 +465,7 @@
439
465
  }
440
466
 
441
467
  .e-popup.e-ddl .e-filter-parent .e-input-group {
468
+ display: -webkit-box;
442
469
  display: -ms-flexbox;
443
470
  display: flex;
444
471
  width: auto;
@@ -526,11 +553,13 @@
526
553
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
527
554
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
528
555
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
529
- box-shadow: none;
556
+ -webkit-box-shadow: none;
557
+ box-shadow: none;
530
558
  }
531
559
 
532
560
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
533
561
  background: transparent;
562
+ display: -webkit-box;
534
563
  display: -ms-flexbox;
535
564
  display: flex;
536
565
  position: relative;
@@ -640,7 +669,8 @@
640
669
  .e-filter-parent {
641
670
  border: 0;
642
671
  border-top-width: 0;
643
- box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
672
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
673
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
644
674
  display: block;
645
675
  padding: 5px;
646
676
  }
@@ -711,6 +741,7 @@
711
741
  .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
712
742
  .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
713
743
  .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
744
+ display: -webkit-box;
714
745
  display: -ms-flexbox;
715
746
  display: flex;
716
747
  }
@@ -732,6 +763,7 @@
732
763
  .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
733
764
  .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 {
734
765
  cursor: pointer;
766
+ display: -webkit-box;
735
767
  display: -ms-flexbox;
736
768
  display: flex;
737
769
  }
@@ -751,6 +783,11 @@
751
783
  pointer-events: none;
752
784
  }
753
785
 
786
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
787
+ opacity: 0.7;
788
+ pointer-events: none;
789
+ }
790
+
754
791
  ejs-autocomplete,
755
792
  ejs-combobox,
756
793
  ejs-dropdownlist {
@@ -819,25 +856,6 @@ ejs-dropdownlist {
819
856
  color: #fff;
820
857
  }
821
858
 
822
- /* stylelint-disable property-no-vendor-prefix */
823
- /* stylelint-disable-line no-empty-source */
824
- /* stylelint-disable property-no-vendor-prefix */
825
- @keyframes material-spinner-rotate {
826
- 0% {
827
- transform: rotate(0);
828
- }
829
- 100% {
830
- transform: rotate(360deg);
831
- }
832
- }
833
- @keyframes fabric-spinner-rotate {
834
- 0% {
835
- transform: rotate(0);
836
- }
837
- 100% {
838
- transform: rotate(360deg);
839
- }
840
- }
841
859
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
842
860
  /* stylelint-disable */
843
861
  /* stylelint-disable */
@@ -853,12 +871,20 @@ ejs-dropdownlist {
853
871
  outline: none;
854
872
  }
855
873
  .e-ddt .e-ddt-icon::before {
856
- transform: rotate(0deg);
874
+ -webkit-transform: rotate(0deg);
875
+ transform: rotate(0deg);
876
+ -webkit-transition: -webkit-transform 300ms ease;
877
+ transition: -webkit-transform 300ms ease;
857
878
  transition: transform 300ms ease;
879
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
858
880
  }
859
881
  .e-ddt.e-icon-anim .e-ddt-icon::before {
860
- transform: rotate(180deg);
882
+ -webkit-transform: rotate(180deg);
883
+ transform: rotate(180deg);
884
+ -webkit-transition: -webkit-transform 300ms ease;
885
+ transition: -webkit-transform 300ms ease;
861
886
  transition: transform 300ms ease;
887
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
862
888
  }
863
889
  .e-ddt .e-ddt-hidden {
864
890
  border: 0;
@@ -867,7 +893,8 @@ ejs-dropdownlist {
867
893
  width: 0;
868
894
  }
869
895
  .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
870
- box-sizing: content-box;
896
+ -webkit-box-sizing: content-box;
897
+ box-sizing: content-box;
871
898
  }
872
899
  .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 {
873
900
  border: 0;
@@ -898,6 +925,7 @@ ejs-dropdownlist {
898
925
  padding-right: 0;
899
926
  }
900
927
  .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 {
928
+ display: -webkit-box;
901
929
  display: -ms-flexbox;
902
930
  display: flex;
903
931
  }
@@ -913,10 +941,13 @@ ejs-dropdownlist {
913
941
  font-size: 10px;
914
942
  }
915
943
  .e-ddt.e-show-chip .e-chips {
916
- -ms-flex-align: center;
917
- align-items: center;
944
+ -webkit-box-align: center;
945
+ -ms-flex-align: center;
946
+ align-items: center;
918
947
  border-radius: 4px;
919
- box-sizing: border-box;
948
+ -webkit-box-sizing: border-box;
949
+ box-sizing: border-box;
950
+ display: -webkit-inline-box;
920
951
  display: -ms-inline-flexbox;
921
952
  display: inline-flex;
922
953
  float: left;
@@ -944,7 +975,8 @@ ejs-dropdownlist {
944
975
  line-height: 30px;
945
976
  }
946
977
  .e-ddt .e-overflow.e-total-count {
947
- box-sizing: border-box;
978
+ -webkit-box-sizing: border-box;
979
+ box-sizing: border-box;
948
980
  display: inline-block;
949
981
  overflow: hidden;
950
982
  text-overflow: ellipsis;
@@ -988,9 +1020,10 @@ ejs-dropdownlist {
988
1020
  }
989
1021
  .e-ddt.e-popup {
990
1022
  border: 1px solid #444c54;
991
- border-radius: 4px;
992
1023
  margin-top: 4px;
993
- box-shadow: none;
1024
+ border-radius: 4px;
1025
+ -webkit-box-shadow: none;
1026
+ box-shadow: none;
994
1027
  position: absolute;
995
1028
  }
996
1029
  .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
@@ -1027,10 +1060,10 @@ ejs-dropdownlist {
1027
1060
  margin: 0 8px;
1028
1061
  }
1029
1062
  .e-ddt.e-popup .e-filter-wrap {
1030
- border: 1px solid #444c54;
1031
1063
  border-top-width: 0;
1032
1064
  display: block;
1033
1065
  padding: 4px;
1066
+ border: 1px solid #444c54;
1034
1067
  }
1035
1068
  .e-ddt.e-popup .e-filter-wrap .e-input-group {
1036
1069
  margin-bottom: 0;
@@ -1046,8 +1079,8 @@ ejs-dropdownlist {
1046
1079
  cursor: default;
1047
1080
  font-family: inherit;
1048
1081
  font-size: 14px;
1049
- padding: 7px 16px;
1050
1082
  text-align: center;
1083
+ padding: 7px 16px;
1051
1084
  }
1052
1085
  .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1053
1086
  display: none;
@@ -1098,16 +1131,16 @@ ejs-dropdownlist {
1098
1131
  padding: 0 8px;
1099
1132
  }
1100
1133
  .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1101
- margin-left: 18px;
1102
1134
  margin-right: 4px;
1135
+ margin-left: 18px;
1103
1136
  }
1104
1137
  .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1105
- margin-left: 18px;
1106
1138
  margin-right: 4px;
1139
+ margin-left: 18px;
1107
1140
  }
1108
1141
  .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1109
- margin-left: 48px;
1110
1142
  margin-right: 4px;
1143
+ margin-left: 48px;
1111
1144
  }
1112
1145
  .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1113
1146
  .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,
@@ -1167,8 +1200,16 @@ ejs-dropdownlist {
1167
1200
  .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1168
1201
  .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1169
1202
  font-size: 12px;
1203
+ }
1204
+ .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1205
+ .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1170
1206
  vertical-align: middle;
1171
1207
  }
1208
+ .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1209
+ .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1210
+ line-height: 36px;
1211
+ padding: 0 12px;
1212
+ }
1172
1213
  .e-bigger .e-ddt .e-overflow.e-show-text,
1173
1214
  .e-ddt.e-bigger .e-overflow.e-show-text {
1174
1215
  padding: 0 12px;
@@ -1178,11 +1219,6 @@ ejs-dropdownlist {
1178
1219
  .e-ddt.e-bigger .e-overflow .e-remain {
1179
1220
  font-size: 16px;
1180
1221
  }
1181
- .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1182
- .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1183
- line-height: 36px;
1184
- padding: 0 12px;
1185
- }
1186
1222
  .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1187
1223
  .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1188
1224
  max-width: calc(100% - 37px);
@@ -1238,8 +1274,8 @@ ejs-dropdownlist {
1238
1274
  }
1239
1275
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1240
1276
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1241
- margin-left: 52px;
1242
- margin-right: 4px;
1277
+ margin-right: 52px;
1278
+ margin-left: 4px;
1243
1279
  }
1244
1280
  .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,
1245
1281
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
@@ -1256,12 +1292,6 @@ ejs-dropdownlist {
1256
1292
  .e-ddt .e-chips > .e-chipcontent {
1257
1293
  color: #fff;
1258
1294
  }
1259
- .e-ddt .e-chips:hover {
1260
- background-color: #565e64;
1261
- }
1262
- .e-ddt .e-chips:hover > .e-chipcontent {
1263
- color: #fff;
1264
- }
1265
1295
  .e-ddt .e-overflow .e-remain {
1266
1296
  color: #7b848d;
1267
1297
  }
@@ -1289,26 +1319,8 @@ ejs-dropdownlist {
1289
1319
  color: #fff;
1290
1320
  }
1291
1321
 
1292
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1293
- /* stylelint-disable property-no-vendor-prefix */
1294
1322
  /* stylelint-disable-line no-empty-source */
1295
- /* stylelint-disable property-no-vendor-prefix */
1296
- @keyframes material-spinner-rotate {
1297
- 0% {
1298
- transform: rotate(0);
1299
- }
1300
- 100% {
1301
- transform: rotate(360deg);
1302
- }
1303
- }
1304
- @keyframes fabric-spinner-rotate {
1305
- 0% {
1306
- transform: rotate(0);
1307
- }
1308
- 100% {
1309
- transform: rotate(360deg);
1310
- }
1311
- }
1323
+ /* stylelint-disable-line no-empty-source */
1312
1324
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1313
1325
  line-height: 30px;
1314
1326
  top: 0;
@@ -1371,13 +1383,15 @@ ejs-dropdownlist {
1371
1383
  }
1372
1384
 
1373
1385
  .e-multi-select-wrapper {
1374
- box-sizing: border-box;
1386
+ -webkit-box-sizing: border-box;
1387
+ box-sizing: border-box;
1375
1388
  cursor: text;
1376
1389
  line-height: normal;
1377
1390
  min-height: 30px;
1378
1391
  padding: 0 32px 0 0;
1379
1392
  position: relative;
1380
1393
  -webkit-user-select: none;
1394
+ -moz-user-select: none;
1381
1395
  -ms-user-select: none;
1382
1396
  user-select: none;
1383
1397
  width: 100%;
@@ -1394,7 +1408,8 @@ ejs-dropdownlist {
1394
1408
  white-space: nowrap;
1395
1409
  }
1396
1410
  .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 {
1397
- box-sizing: border-box;
1411
+ -webkit-box-sizing: border-box;
1412
+ box-sizing: border-box;
1398
1413
  display: inline-block;
1399
1414
  overflow: hidden;
1400
1415
  text-overflow: ellipsis;
@@ -1425,6 +1440,7 @@ ejs-dropdownlist {
1425
1440
 
1426
1441
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1427
1442
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1443
+ display: -webkit-box;
1428
1444
  display: -ms-flexbox;
1429
1445
  display: flex;
1430
1446
  float: left;
@@ -1432,6 +1448,7 @@ ejs-dropdownlist {
1432
1448
  }
1433
1449
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1434
1450
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1451
+ display: -webkit-inline-box;
1435
1452
  display: -ms-inline-flexbox;
1436
1453
  display: inline-flex;
1437
1454
  float: none;
@@ -1454,8 +1471,9 @@ ejs-dropdownlist {
1454
1471
  }
1455
1472
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1456
1473
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1457
- -ms-flex-align: center;
1458
- align-items: center;
1474
+ -webkit-box-align: center;
1475
+ -ms-flex-align: center;
1476
+ align-items: center;
1459
1477
  display: inline;
1460
1478
  max-width: 100%;
1461
1479
  word-break: break-word;
@@ -1464,12 +1482,15 @@ ejs-dropdownlist {
1464
1482
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1465
1483
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1466
1484
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1467
- -ms-flex-align: center;
1468
- align-items: center;
1485
+ -webkit-box-align: center;
1486
+ -ms-flex-align: center;
1487
+ align-items: center;
1469
1488
  cursor: pointer;
1470
1489
  display: none;
1471
- -ms-flex-direction: row;
1472
- flex-direction: row;
1490
+ -webkit-box-orient: horizontal;
1491
+ -webkit-box-direction: normal;
1492
+ -ms-flex-direction: row;
1493
+ flex-direction: row;
1473
1494
  margin-top: -2em;
1474
1495
  outline: 0;
1475
1496
  padding: 0;
@@ -1481,6 +1502,7 @@ ejs-dropdownlist {
1481
1502
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1482
1503
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1483
1504
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1505
+ display: -webkit-box;
1484
1506
  display: -ms-flexbox;
1485
1507
  display: flex;
1486
1508
  }
@@ -1560,8 +1582,10 @@ ejs-dropdownlist {
1560
1582
  }
1561
1583
 
1562
1584
  .e-multi-select-wrapper .e-chips {
1563
- -ms-flex-align: center;
1564
- align-items: center;
1585
+ -webkit-box-align: center;
1586
+ -ms-flex-align: center;
1587
+ align-items: center;
1588
+ display: -webkit-inline-box;
1565
1589
  display: -ms-inline-flexbox;
1566
1590
  display: inline-flex;
1567
1591
  float: left;
@@ -1609,6 +1633,7 @@ ejs-dropdownlist {
1609
1633
  .e-multi-select-wrapper .e-chips-close {
1610
1634
  -ms-flex-item-align: center;
1611
1635
  align-self: center;
1636
+ display: -webkit-box;
1612
1637
  display: -ms-flexbox;
1613
1638
  display: flex;
1614
1639
  float: right;
@@ -1800,7 +1825,9 @@ ejs-dropdownlist {
1800
1825
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1801
1826
  -ms-flex-item-align: center;
1802
1827
  align-self: center;
1803
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1828
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1829
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1830
+ display: -webkit-inline-box;
1804
1831
  display: -ms-inline-flexbox;
1805
1832
  display: inline-flex;
1806
1833
  padding: 0 0 0 16px;
@@ -2158,8 +2185,9 @@ ejs-multiselect {
2158
2185
 
2159
2186
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2160
2187
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2161
- -ms-flex-align: normal;
2162
- align-items: normal;
2188
+ -webkit-box-align: normal;
2189
+ -ms-flex-align: normal;
2190
+ align-items: normal;
2163
2191
  }
2164
2192
 
2165
2193
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -2222,7 +2250,10 @@ ejs-multiselect {
2222
2250
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2223
2251
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2224
2252
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2225
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2253
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2254
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2255
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2256
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2226
2257
  height: 24px;
2227
2258
  }
2228
2259
 
@@ -2231,10 +2262,6 @@ ejs-multiselect {
2231
2262
  height: 32px;
2232
2263
  }
2233
2264
 
2234
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2235
- height: 24px;
2236
- }
2237
-
2238
2265
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2239
2266
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2240
2267
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -2290,11 +2317,6 @@ ejs-multiselect {
2290
2317
  margin: 4px 0 0 4px;
2291
2318
  }
2292
2319
 
2293
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2294
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2295
- height: 24px;
2296
- }
2297
-
2298
2320
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2299
2321
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2300
2322
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -2399,7 +2421,8 @@ ejs-multiselect {
2399
2421
  }
2400
2422
 
2401
2423
  .e-multiselect {
2402
- box-sizing: border-box;
2424
+ -webkit-box-sizing: border-box;
2425
+ box-sizing: border-box;
2403
2426
  }
2404
2427
 
2405
2428
  /* stylelint-disable property-no-vendor-prefix */
@@ -2460,8 +2483,10 @@ ejs-multiselect {
2460
2483
  }
2461
2484
 
2462
2485
  .e-popup.e-multi-select-list-wrapper {
2463
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2464
- box-sizing: content-box;
2486
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2487
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
2488
+ -webkit-box-sizing: content-box;
2489
+ box-sizing: content-box;
2465
2490
  overflow: initial;
2466
2491
  }
2467
2492
 
@@ -2509,14 +2534,16 @@ ejs-multiselect {
2509
2534
 
2510
2535
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2511
2536
  background-color: #0d6efd;
2512
- box-shadow: none;
2537
+ -webkit-box-shadow: none;
2538
+ box-shadow: none;
2513
2539
  color: #fff;
2514
2540
  border: 0 solid transparent;
2515
2541
  }
2516
2542
 
2517
2543
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2518
2544
  background-color: #0d6efd;
2519
- box-shadow: none;
2545
+ -webkit-box-shadow: none;
2546
+ box-shadow: none;
2520
2547
  color: #fff;
2521
2548
  border: 0 solid transparent;
2522
2549
  }
@@ -2631,11 +2658,13 @@ ejs-multiselect {
2631
2658
  .e-listbox-container,
2632
2659
  .e-listboxtool-wrapper {
2633
2660
  -webkit-overflow-scrolling: touch;
2634
- box-sizing: border-box;
2661
+ -webkit-box-sizing: border-box;
2662
+ box-sizing: border-box;
2635
2663
  cursor: pointer;
2636
2664
  display: block;
2637
2665
  position: relative;
2638
2666
  -webkit-user-select: none;
2667
+ -moz-user-select: none;
2639
2668
  -ms-user-select: none;
2640
2669
  user-select: none;
2641
2670
  width: 100%;
@@ -2643,7 +2672,8 @@ ejs-multiselect {
2643
2672
  .e-listbox-wrapper *,
2644
2673
  .e-listbox-container *,
2645
2674
  .e-listboxtool-wrapper * {
2646
- box-sizing: border-box;
2675
+ -webkit-box-sizing: border-box;
2676
+ box-sizing: border-box;
2647
2677
  }
2648
2678
  .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2649
2679
  .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -2708,9 +2738,11 @@ ejs-multiselect {
2708
2738
  margin: 0;
2709
2739
  padding: 0;
2710
2740
  }
2711
- .e-listbox-wrapper .e-list-header .e-text.header,
2741
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2712
2742
  .e-listbox-container .e-list-header .e-text.header,
2713
- .e-listboxtool-wrapper .e-list-header .e-text.header {
2743
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2744
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2745
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2714
2746
  display: none;
2715
2747
  }
2716
2748
  .e-listbox-wrapper .e-icon-back,
@@ -2718,17 +2750,14 @@ ejs-multiselect {
2718
2750
  .e-listboxtool-wrapper .e-icon-back {
2719
2751
  margin-top: 2px;
2720
2752
  }
2721
- .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2722
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2723
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2724
- display: none;
2725
- }
2726
2753
  .e-listbox-wrapper .e-list-header,
2727
2754
  .e-listbox-container .e-list-header,
2728
2755
  .e-listboxtool-wrapper .e-list-header {
2729
- -ms-flex-align: center;
2730
- align-items: center;
2756
+ -webkit-box-align: center;
2757
+ -ms-flex-align: center;
2758
+ align-items: center;
2731
2759
  border-bottom: 1px solid;
2760
+ display: -webkit-box;
2732
2761
  display: -ms-flexbox;
2733
2762
  display: flex;
2734
2763
  font-weight: 500;
@@ -2770,7 +2799,8 @@ ejs-multiselect {
2770
2799
  position: absolute;
2771
2800
  right: 0%;
2772
2801
  top: 50%;
2773
- transform: translateY(-50%);
2802
+ -webkit-transform: translateY(-50%);
2803
+ transform: translateY(-50%);
2774
2804
  }
2775
2805
  .e-listbox-wrapper .e-text-content,
2776
2806
  .e-listbox-container .e-text-content,
@@ -2826,18 +2856,12 @@ ejs-multiselect {
2826
2856
  white-space: nowrap;
2827
2857
  width: 100%;
2828
2858
  }
2829
- .e-listbox-wrapper .e-list-icon + .e-list-text,
2859
+ .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,
2830
2860
  .e-listbox-container .e-list-icon + .e-list-text,
2831
- .e-listboxtool-wrapper .e-list-icon + .e-list-text {
2832
- width: calc(100% - 60px);
2833
- }
2834
- .e-listbox-wrapper .e-icon-wrapper .e-list-text,
2835
2861
  .e-listbox-container .e-icon-wrapper .e-list-text,
2836
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
2837
- width: calc(100% - 60px);
2838
- }
2839
- .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2840
2862
  .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2863
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2864
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2841
2865
  .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2842
2866
  width: calc(100% - 60px);
2843
2867
  }
@@ -2883,7 +2907,8 @@ ejs-multiselect {
2883
2907
  left: 0%;
2884
2908
  right: initial;
2885
2909
  top: 50%;
2886
- transform: translateY(-50%) rotate(180deg);
2910
+ -webkit-transform: translateY(-50%) rotate(180deg);
2911
+ transform: translateY(-50%) rotate(180deg);
2887
2912
  }
2888
2913
  .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2889
2914
  .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -2893,7 +2918,8 @@ ejs-multiselect {
2893
2918
  .e-listbox-wrapper.e-rtl .e-but-back,
2894
2919
  .e-listbox-container.e-rtl .e-but-back,
2895
2920
  .e-listboxtool-wrapper.e-rtl .e-but-back {
2896
- transform: rotate(180deg);
2921
+ -webkit-transform: rotate(180deg);
2922
+ transform: rotate(180deg);
2897
2923
  }
2898
2924
  .e-listbox-wrapper.e-rtl .e-icon-back,
2899
2925
  .e-listbox-container.e-rtl .e-icon-back,
@@ -2901,8 +2927,11 @@ ejs-multiselect {
2901
2927
  margin-top: -2px;
2902
2928
  }
2903
2929
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2930
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2904
2931
  .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2905
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
2932
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2933
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2934
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2906
2935
  margin: -2px 0 0 8px;
2907
2936
  }
2908
2937
  .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -2910,11 +2939,6 @@ ejs-multiselect {
2910
2939
  .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2911
2940
  margin: -2px 8px 0 0;
2912
2941
  }
2913
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2914
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2915
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2916
- margin: -2px 0 0 8px;
2917
- }
2918
2942
  .e-listbox-wrapper .e-checkbox-wrapper,
2919
2943
  .e-listbox-container .e-checkbox-wrapper,
2920
2944
  .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -2959,10 +2983,7 @@ ejs-listbox {
2959
2983
  display: block;
2960
2984
  }
2961
2985
 
2962
- .e-listbox-wrapper:not(.e-listbox-container) {
2963
- overflow: auto;
2964
- }
2965
-
2986
+ .e-listbox-wrapper:not(.e-listbox-container),
2966
2987
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2967
2988
  overflow: auto;
2968
2989
  }
@@ -2977,6 +2998,7 @@ ejs-listbox {
2977
2998
  .e-listbox-container.e-sortableclone .e-list-item,
2978
2999
  .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2979
3000
  list-style-type: none;
3001
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
2980
3002
  }
2981
3003
  .e-listbox-wrapper.e-sortableclone .e-ripple,
2982
3004
  .e-listbox-container.e-sortableclone .e-ripple,
@@ -2991,18 +3013,21 @@ ejs-listbox {
2991
3013
  .e-listbox-wrapper.e-sortableclone .e-list-badge,
2992
3014
  .e-listbox-container.e-sortableclone .e-list-badge,
2993
3015
  .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2994
- -ms-flex-align: center;
2995
- align-items: center;
3016
+ -webkit-box-align: center;
3017
+ -ms-flex-align: center;
3018
+ align-items: center;
2996
3019
  background-color: #0d6efd;
2997
3020
  border: 1px solid #fff;
2998
3021
  border-radius: 50%;
2999
3022
  color: #fff;
3023
+ display: -webkit-box;
3000
3024
  display: -ms-flexbox;
3001
3025
  display: flex;
3002
3026
  font-size: 12px;
3003
3027
  height: 22px;
3004
- -ms-flex-pack: center;
3005
- justify-content: center;
3028
+ -webkit-box-pack: center;
3029
+ -ms-flex-pack: center;
3030
+ justify-content: center;
3006
3031
  position: absolute;
3007
3032
  right: -10px;
3008
3033
  top: -10px;
@@ -3016,12 +3041,14 @@ ejs-listbox {
3016
3041
  .e-listboxtool-wrapper,
3017
3042
  .e-listboxtool-container {
3018
3043
  cursor: pointer;
3044
+ display: -webkit-box;
3019
3045
  display: -ms-flexbox;
3020
3046
  display: flex;
3021
3047
  }
3022
3048
  .e-listboxtool-wrapper *,
3023
3049
  .e-listboxtool-container * {
3024
- box-sizing: border-box;
3050
+ -webkit-box-sizing: border-box;
3051
+ box-sizing: border-box;
3025
3052
  }
3026
3053
  .e-listboxtool-wrapper.e-disabled,
3027
3054
  .e-listboxtool-container.e-disabled {
@@ -3029,9 +3056,12 @@ ejs-listbox {
3029
3056
  pointer-events: none;
3030
3057
  }
3031
3058
  .e-listboxtool-wrapper .e-listbox-wrapper,
3032
- .e-listboxtool-container .e-listbox-wrapper {
3033
- -ms-flex: 1;
3034
- flex: 1;
3059
+ .e-listboxtool-wrapper .e-list-wrap,
3060
+ .e-listboxtool-container .e-listbox-wrapper,
3061
+ .e-listboxtool-container .e-list-wrap {
3062
+ -webkit-box-flex: 1;
3063
+ -ms-flex: 1;
3064
+ flex: 1;
3035
3065
  }
3036
3066
  .e-listboxtool-wrapper.e-right .e-listbox-tool,
3037
3067
  .e-listboxtool-container.e-right .e-listbox-tool {
@@ -3137,22 +3167,22 @@ ejs-listbox {
3137
3167
  .e-listbox-wrapper.e-bigger .e-list-header,
3138
3168
  .e-bigger .e-listbox-container .e-list-header,
3139
3169
  .e-listbox-container.e-bigger .e-list-header {
3140
- -ms-flex-align: center;
3141
- align-items: center;
3170
+ -webkit-box-align: center;
3171
+ -ms-flex-align: center;
3172
+ align-items: center;
3173
+ display: -webkit-box;
3142
3174
  display: -ms-flexbox;
3143
3175
  display: flex;
3144
3176
  font-weight: 500;
3145
3177
  height: 22px;
3146
3178
  }
3147
3179
  .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3148
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3149
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3150
- .e-listbox-container.e-bigger .e-list-header .e-text.header {
3151
- display: none;
3152
- }
3153
3180
  .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3181
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3154
3182
  .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3183
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3155
3184
  .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3185
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3156
3186
  .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3157
3187
  display: none;
3158
3188
  }
@@ -3175,15 +3205,15 @@ ejs-listbox {
3175
3205
  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3176
3206
  }
3177
3207
 
3178
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3208
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3209
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3210
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3211
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3179
3212
  height: 100%;
3180
3213
  }
3181
3214
 
3182
3215
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3183
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3184
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3185
- }
3186
-
3216
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3187
3217
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3188
3218
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3189
3219
  }
@@ -3192,23 +3222,11 @@ ejs-listbox {
3192
3222
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3193
3223
  }
3194
3224
 
3195
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3196
- height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3197
- }
3198
-
3199
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3200
- height: 100%;
3201
- }
3202
-
3203
3225
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3204
3226
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3205
3227
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3206
3228
  }
3207
3229
 
3208
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3209
- height: 100%;
3210
- }
3211
-
3212
3230
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3213
3231
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3214
3232
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -3222,10 +3240,6 @@ ejs-listbox {
3222
3240
  height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3223
3241
  }
3224
3242
 
3225
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3226
- height: 100%;
3227
- }
3228
-
3229
3243
  .e-listbox-wrapper,
3230
3244
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3231
3245
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3286,13 +3300,6 @@ ejs-listbox {
3286
3300
  color: #fff;
3287
3301
  }
3288
3302
 
3289
- .e-listbox-wrapper .e-list-item.e-selected,
3290
- .e-listbox-container .e-list-item.e-selected,
3291
- .e-listboxtool-wrapper .e-list-item.e-selected {
3292
- background-color: #343a40;
3293
- color: rgba(255, 255, 255, 0.87);
3294
- }
3295
-
3296
3303
  .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3297
3304
  .e-listbox-container .e-list-item.e-selected.e-checklist,
3298
3305
  .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -3300,11 +3307,13 @@ ejs-listbox {
3300
3307
  color: #fff;
3301
3308
  }
3302
3309
 
3303
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3310
+ .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,
3304
3311
  .e-listbox-container .e-list-item.e-focused,
3305
3312
  .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3313
+ .e-listbox-container .e-list-item.e-selected,
3306
3314
  .e-listboxtool-wrapper .e-list-item.e-focused,
3307
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
3315
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3316
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3308
3317
  background-color: #343a40;
3309
3318
  color: rgba(255, 255, 255, 0.87);
3310
3319
  }
@@ -3394,8 +3403,8 @@ ejs-listbox {
3394
3403
  height: 40px;
3395
3404
  left: 0;
3396
3405
  position: absolute;
3397
- top: 0;
3398
3406
  width: 40px;
3407
+ left: 0;
3399
3408
  }
3400
3409
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3401
3410
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -3413,18 +3422,15 @@ ejs-listbox {
3413
3422
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3414
3423
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3415
3424
  height: 40px;
3425
+ left: 0;
3416
3426
  position: absolute;
3417
- right: 0;
3418
- top: 0;
3419
3427
  width: 40px;
3428
+ right: 0;
3420
3429
  }
3421
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3430
+ .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,
3422
3431
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3423
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
3424
- top: 0;
3425
- }
3426
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3427
3432
  .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3433
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3428
3434
  .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3429
3435
  top: 0;
3430
3436
  }
@@ -3438,7 +3444,8 @@ ejs-listbox {
3438
3444
  position: absolute;
3439
3445
  right: 12px;
3440
3446
  top: 50%;
3441
- transform: translateY(-50%);
3447
+ -webkit-transform: translateY(-50%);
3448
+ transform: translateY(-50%);
3442
3449
  width: 32px;
3443
3450
  }
3444
3451
  .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -3463,23 +3470,17 @@ ejs-listbox {
3463
3470
  text-overflow: ellipsis;
3464
3471
  white-space: nowrap;
3465
3472
  }
3466
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3473
+ .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,
3467
3474
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3468
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
3469
- color: #fff;
3470
- }
3471
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3472
3475
  .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3476
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3473
3477
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3474
3478
  color: #fff;
3475
3479
  }
3476
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3480
+ .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,
3477
3481
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3478
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
3479
- color: rgba(255, 255, 255, 0.87);
3480
- }
3481
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3482
3482
  .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3483
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3483
3484
  .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3484
3485
  color: rgba(255, 255, 255, 0.87);
3485
3486
  }
@@ -3526,15 +3527,7 @@ ejs-listbox {
3526
3527
  padding-right: 16px;
3527
3528
  }
3528
3529
 
3529
- .e-listbox-container.e-filter-list .e-list-parent {
3530
- height: 100%;
3531
- }
3532
-
3533
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3534
- height: 100%;
3535
- }
3536
-
3537
- .e-listbox-container .e-selectall-parent + .e-list-parent {
3530
+ .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 {
3538
3531
  height: 100%;
3539
3532
  }
3540
3533
 
@@ -3550,22 +3543,4 @@ ejs-listbox {
3550
3543
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3551
3544
  }
3552
3545
 
3553
- /* stylelint-disable-line no-empty-source */
3554
- /* stylelint-disable property-no-vendor-prefix */
3555
- @keyframes material-spinner-rotate {
3556
- 0% {
3557
- transform: rotate(0);
3558
- }
3559
- 100% {
3560
- transform: rotate(360deg);
3561
- }
3562
- }
3563
- @keyframes fabric-spinner-rotate {
3564
- 0% {
3565
- transform: rotate(0);
3566
- }
3567
- 100% {
3568
- transform: rotate(360deg);
3569
- }
3570
- }
3571
3546
  /* stylelint-disable-line no-empty-source */