@syncfusion/ej2-dropdowns 22.2.12 → 23.1.38

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 (264) hide show
  1. package/.eslintrc.json +260 -0
  2. package/CHANGELOG.md +4 -209
  3. package/dist/ej2-dropdowns.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js +3 -3
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +1149 -70
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +1203 -66
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +3 -3
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +2 -2
  13. package/package.json +13 -12
  14. package/src/auto-complete/auto-complete.js +40 -2
  15. package/src/combo-box/combo-box.js +9 -3
  16. package/src/common/index.d.ts +2 -0
  17. package/src/common/index.js +1 -0
  18. package/src/common/interface.d.ts +76 -0
  19. package/src/common/interface.js +1 -0
  20. package/src/common/virtual-scroll.d.ts +62 -0
  21. package/src/common/virtual-scroll.js +379 -0
  22. package/src/drop-down-base/drop-down-base.d.ts +10 -4
  23. package/src/drop-down-base/drop-down-base.js +72 -8
  24. package/src/drop-down-list/drop-down-list-model.d.ts +8 -1
  25. package/src/drop-down-list/drop-down-list.d.ts +56 -1
  26. package/src/drop-down-list/drop-down-list.js +661 -40
  27. package/src/drop-down-list/index.d.ts +1 -0
  28. package/src/drop-down-list/index.js +1 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  30. package/src/global.js +3 -0
  31. package/src/mention/mention.js +8 -1
  32. package/src/multi-select/checkbox-selection.js +1 -1
  33. package/src/multi-select/multi-select.d.ts +1 -0
  34. package/src/multi-select/multi-select.js +36 -9
  35. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  36. package/styles/auto-complete/bootstrap.scss +1 -1
  37. package/styles/auto-complete/bootstrap4.scss +1 -1
  38. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  39. package/styles/auto-complete/bootstrap5.scss +1 -1
  40. package/styles/auto-complete/fabric-dark.scss +1 -1
  41. package/styles/auto-complete/fabric.scss +1 -1
  42. package/styles/auto-complete/fluent-dark.scss +1 -1
  43. package/styles/auto-complete/fluent.scss +1 -1
  44. package/styles/auto-complete/highcontrast-light.scss +1 -1
  45. package/styles/auto-complete/highcontrast.scss +1 -1
  46. package/styles/auto-complete/material-dark.css +0 -1
  47. package/styles/auto-complete/material-dark.scss +1 -1
  48. package/styles/auto-complete/material.css +0 -1
  49. package/styles/auto-complete/material.scss +1 -1
  50. package/styles/auto-complete/material3-dark.css +0 -1
  51. package/styles/auto-complete/material3-dark.scss +1 -1
  52. package/styles/auto-complete/material3.css +0 -1
  53. package/styles/auto-complete/material3.scss +1 -1
  54. package/styles/auto-complete/tailwind-dark.css +0 -1
  55. package/styles/auto-complete/tailwind-dark.scss +1 -1
  56. package/styles/auto-complete/tailwind.css +0 -1
  57. package/styles/auto-complete/tailwind.scss +1 -1
  58. package/styles/bootstrap-dark.css +70 -15
  59. package/styles/bootstrap.css +70 -15
  60. package/styles/bootstrap4.css +71 -16
  61. package/styles/bootstrap5-dark.css +71 -16
  62. package/styles/bootstrap5.css +71 -16
  63. package/styles/combo-box/bootstrap-dark.scss +1 -1
  64. package/styles/combo-box/bootstrap.scss +1 -1
  65. package/styles/combo-box/bootstrap4.scss +1 -1
  66. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  67. package/styles/combo-box/bootstrap5.scss +1 -1
  68. package/styles/combo-box/fabric-dark.scss +1 -1
  69. package/styles/combo-box/fabric.scss +1 -1
  70. package/styles/combo-box/fluent-dark.scss +1 -1
  71. package/styles/combo-box/fluent.scss +1 -1
  72. package/styles/combo-box/highcontrast-light.scss +1 -1
  73. package/styles/combo-box/highcontrast.scss +1 -1
  74. package/styles/combo-box/material-dark.css +0 -1
  75. package/styles/combo-box/material-dark.scss +1 -1
  76. package/styles/combo-box/material.css +0 -1
  77. package/styles/combo-box/material.scss +1 -1
  78. package/styles/combo-box/material3-dark.css +0 -1
  79. package/styles/combo-box/material3-dark.scss +1 -1
  80. package/styles/combo-box/material3.css +0 -1
  81. package/styles/combo-box/material3.scss +1 -1
  82. package/styles/combo-box/tailwind-dark.css +0 -1
  83. package/styles/combo-box/tailwind-dark.scss +1 -1
  84. package/styles/combo-box/tailwind.css +0 -1
  85. package/styles/combo-box/tailwind.scss +1 -1
  86. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  87. package/styles/drop-down-base/bootstrap.scss +1 -1
  88. package/styles/drop-down-base/bootstrap4.scss +1 -1
  89. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  90. package/styles/drop-down-base/bootstrap5.scss +1 -1
  91. package/styles/drop-down-base/fabric-dark.scss +1 -1
  92. package/styles/drop-down-base/fabric.scss +1 -1
  93. package/styles/drop-down-base/fluent-dark.scss +1 -1
  94. package/styles/drop-down-base/fluent.scss +1 -1
  95. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  96. package/styles/drop-down-base/highcontrast.scss +1 -1
  97. package/styles/drop-down-base/material-dark.css +0 -1
  98. package/styles/drop-down-base/material-dark.scss +1 -1
  99. package/styles/drop-down-base/material.css +0 -1
  100. package/styles/drop-down-base/material.scss +1 -1
  101. package/styles/drop-down-base/material3-dark.css +0 -1
  102. package/styles/drop-down-base/material3-dark.scss +1 -1
  103. package/styles/drop-down-base/material3.css +0 -1
  104. package/styles/drop-down-base/material3.scss +1 -1
  105. package/styles/drop-down-base/tailwind-dark.css +0 -1
  106. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  107. package/styles/drop-down-base/tailwind.css +0 -1
  108. package/styles/drop-down-base/tailwind.scss +1 -1
  109. package/styles/drop-down-list/bootstrap-dark.scss +2 -1
  110. package/styles/drop-down-list/bootstrap.scss +2 -1
  111. package/styles/drop-down-list/bootstrap4.scss +2 -1
  112. package/styles/drop-down-list/bootstrap5-dark.scss +2 -1
  113. package/styles/drop-down-list/bootstrap5.scss +2 -1
  114. package/styles/drop-down-list/fabric-dark.scss +2 -1
  115. package/styles/drop-down-list/fabric.scss +2 -1
  116. package/styles/drop-down-list/fluent-dark.scss +2 -1
  117. package/styles/drop-down-list/fluent.scss +2 -1
  118. package/styles/drop-down-list/highcontrast-light.scss +2 -1
  119. package/styles/drop-down-list/highcontrast.scss +2 -1
  120. package/styles/drop-down-list/material-dark.css +0 -1
  121. package/styles/drop-down-list/material-dark.scss +2 -1
  122. package/styles/drop-down-list/material.css +0 -1
  123. package/styles/drop-down-list/material.scss +2 -1
  124. package/styles/drop-down-list/material3-dark.css +0 -1
  125. package/styles/drop-down-list/material3-dark.scss +2 -1
  126. package/styles/drop-down-list/material3.css +0 -1
  127. package/styles/drop-down-list/material3.scss +2 -1
  128. package/styles/drop-down-list/tailwind-dark.css +0 -1
  129. package/styles/drop-down-list/tailwind-dark.scss +2 -1
  130. package/styles/drop-down-list/tailwind.css +0 -1
  131. package/styles/drop-down-list/tailwind.scss +2 -1
  132. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  133. package/styles/drop-down-tree/bootstrap.scss +1 -1
  134. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  135. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  136. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  137. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  138. package/styles/drop-down-tree/fabric.scss +1 -1
  139. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  140. package/styles/drop-down-tree/fluent.scss +1 -1
  141. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  142. package/styles/drop-down-tree/highcontrast.scss +1 -1
  143. package/styles/drop-down-tree/material-dark.css +0 -1
  144. package/styles/drop-down-tree/material-dark.scss +1 -1
  145. package/styles/drop-down-tree/material.css +0 -1
  146. package/styles/drop-down-tree/material.scss +1 -1
  147. package/styles/drop-down-tree/material3-dark.css +0 -1
  148. package/styles/drop-down-tree/material3-dark.scss +1 -1
  149. package/styles/drop-down-tree/material3.css +0 -1
  150. package/styles/drop-down-tree/material3.scss +1 -1
  151. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  152. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  153. package/styles/drop-down-tree/tailwind.css +0 -1
  154. package/styles/drop-down-tree/tailwind.scss +1 -1
  155. package/styles/fabric-dark.css +70 -15
  156. package/styles/fabric.css +70 -15
  157. package/styles/fluent-dark.css +71 -16
  158. package/styles/fluent.css +71 -16
  159. package/styles/highcontrast-light.css +70 -15
  160. package/styles/highcontrast.css +70 -15
  161. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  162. package/styles/list-box/_bootstrap-definition.scss +7 -3
  163. package/styles/list-box/_bootstrap4-definition.scss +10 -6
  164. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  165. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  166. package/styles/list-box/_fabric-definition.scss +6 -2
  167. package/styles/list-box/_fluent-definition.scss +10 -8
  168. package/styles/list-box/_highcontrast-definition.scss +6 -2
  169. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  170. package/styles/list-box/_layout.scss +0 -6
  171. package/styles/list-box/_material-dark-definition.scss +8 -4
  172. package/styles/list-box/_material-definition.scss +8 -4
  173. package/styles/list-box/_material3-definition.scss +10 -8
  174. package/styles/list-box/_tailwind-definition.scss +9 -7
  175. package/styles/list-box/_theme.scss +72 -7
  176. package/styles/list-box/bootstrap-dark.css +70 -15
  177. package/styles/list-box/bootstrap-dark.scss +1 -1
  178. package/styles/list-box/bootstrap.css +70 -15
  179. package/styles/list-box/bootstrap.scss +1 -1
  180. package/styles/list-box/bootstrap4.css +71 -16
  181. package/styles/list-box/bootstrap4.scss +1 -1
  182. package/styles/list-box/bootstrap5-dark.css +71 -16
  183. package/styles/list-box/bootstrap5-dark.scss +1 -1
  184. package/styles/list-box/bootstrap5.css +71 -16
  185. package/styles/list-box/bootstrap5.scss +1 -1
  186. package/styles/list-box/fabric-dark.css +70 -15
  187. package/styles/list-box/fabric-dark.scss +1 -1
  188. package/styles/list-box/fabric.css +70 -15
  189. package/styles/list-box/fabric.scss +1 -1
  190. package/styles/list-box/fluent-dark.css +71 -16
  191. package/styles/list-box/fluent-dark.scss +1 -1
  192. package/styles/list-box/fluent.css +71 -16
  193. package/styles/list-box/fluent.scss +1 -1
  194. package/styles/list-box/highcontrast-light.css +70 -15
  195. package/styles/list-box/highcontrast-light.scss +1 -1
  196. package/styles/list-box/highcontrast.css +70 -15
  197. package/styles/list-box/highcontrast.scss +1 -1
  198. package/styles/list-box/material-dark.css +71 -17
  199. package/styles/list-box/material-dark.scss +1 -1
  200. package/styles/list-box/material.css +71 -17
  201. package/styles/list-box/material.scss +1 -1
  202. package/styles/list-box/material3-dark.css +71 -17
  203. package/styles/list-box/material3-dark.scss +1 -1
  204. package/styles/list-box/material3.css +71 -17
  205. package/styles/list-box/material3.scss +1 -1
  206. package/styles/list-box/tailwind-dark.css +71 -17
  207. package/styles/list-box/tailwind-dark.scss +1 -1
  208. package/styles/list-box/tailwind.css +71 -17
  209. package/styles/list-box/tailwind.scss +1 -1
  210. package/styles/material-dark.css +71 -17
  211. package/styles/material.css +71 -17
  212. package/styles/material3-dark.css +71 -17
  213. package/styles/material3-dark.scss +1 -1
  214. package/styles/material3.css +71 -17
  215. package/styles/material3.scss +1 -1
  216. package/styles/mention/bootstrap-dark.scss +1 -1
  217. package/styles/mention/bootstrap.scss +1 -1
  218. package/styles/mention/bootstrap4.scss +1 -1
  219. package/styles/mention/bootstrap5-dark.scss +1 -1
  220. package/styles/mention/bootstrap5.scss +1 -1
  221. package/styles/mention/fabric-dark.scss +1 -1
  222. package/styles/mention/fabric.scss +1 -1
  223. package/styles/mention/fluent-dark.scss +1 -1
  224. package/styles/mention/fluent.scss +1 -1
  225. package/styles/mention/highcontrast-light.scss +1 -1
  226. package/styles/mention/highcontrast.scss +1 -1
  227. package/styles/mention/material-dark.css +0 -1
  228. package/styles/mention/material-dark.scss +1 -1
  229. package/styles/mention/material.css +0 -1
  230. package/styles/mention/material.scss +1 -1
  231. package/styles/mention/material3-dark.css +0 -1
  232. package/styles/mention/material3-dark.scss +1 -1
  233. package/styles/mention/material3.css +0 -1
  234. package/styles/mention/material3.scss +1 -1
  235. package/styles/mention/tailwind-dark.css +0 -1
  236. package/styles/mention/tailwind-dark.scss +1 -1
  237. package/styles/mention/tailwind.css +0 -1
  238. package/styles/mention/tailwind.scss +1 -1
  239. package/styles/multi-select/bootstrap-dark.scss +1 -1
  240. package/styles/multi-select/bootstrap.scss +1 -1
  241. package/styles/multi-select/bootstrap4.scss +1 -1
  242. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  243. package/styles/multi-select/bootstrap5.scss +1 -1
  244. package/styles/multi-select/fabric-dark.scss +1 -1
  245. package/styles/multi-select/fabric.scss +1 -1
  246. package/styles/multi-select/fluent-dark.scss +1 -1
  247. package/styles/multi-select/fluent.scss +1 -1
  248. package/styles/multi-select/highcontrast-light.scss +1 -1
  249. package/styles/multi-select/highcontrast.scss +1 -1
  250. package/styles/multi-select/material-dark.css +0 -1
  251. package/styles/multi-select/material-dark.scss +1 -1
  252. package/styles/multi-select/material.css +0 -1
  253. package/styles/multi-select/material.scss +1 -1
  254. package/styles/multi-select/material3-dark.css +0 -1
  255. package/styles/multi-select/material3-dark.scss +1 -1
  256. package/styles/multi-select/material3.css +0 -1
  257. package/styles/multi-select/material3.scss +1 -1
  258. package/styles/multi-select/tailwind-dark.css +0 -1
  259. package/styles/multi-select/tailwind-dark.scss +1 -1
  260. package/styles/multi-select/tailwind.css +0 -1
  261. package/styles/multi-select/tailwind.scss +1 -1
  262. package/styles/tailwind-dark.css +71 -24
  263. package/styles/tailwind.css +71 -24
  264. package/tslint.json +111 -0
@@ -98,11 +98,6 @@
98
98
  padding: 9px 16px;
99
99
  position: relative;
100
100
  }
101
- .e-listbox-wrapper.e-filter-list,
102
- .e-listbox-container.e-filter-list,
103
- .e-listboxtool-wrapper.e-filter-list {
104
- overflow: inherit;
105
- }
106
101
  .e-listbox-wrapper .e-list-parent,
107
102
  .e-listbox-container .e-list-parent,
108
103
  .e-listboxtool-wrapper .e-list-parent {
@@ -386,9 +381,6 @@ ejs-listbox {
386
381
  overflow: auto;
387
382
  }
388
383
 
389
- .e-listbox-wrapper.e-filter-list {
390
- overflow: inherit;
391
- }
392
384
  .e-listbox-wrapper.e-filter-list .e-list-parent {
393
385
  overflow: auto;
394
386
  }
@@ -584,27 +576,66 @@ ejs-listbox {
584
576
  }
585
577
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
586
578
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
587
- height: calc(100% - 45px);
579
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
580
+ }
581
+
582
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
583
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
584
+ }
585
+
586
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
587
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
588
588
  }
589
589
 
590
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
591
590
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
592
- height: calc(100% - 59px);
591
+ height: 100%;
593
592
  }
594
593
 
595
594
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
596
595
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
- height: calc(100% - 104px);
596
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
597
+ }
598
+
599
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
600
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
601
+ }
602
+
603
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
604
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
608
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
609
+ }
610
+
611
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
612
+ height: 100%;
598
613
  }
599
614
 
600
615
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
616
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
617
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
618
+ }
619
+
601
620
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
602
- height: calc(100% - 45px);
621
+ height: 100%;
603
622
  }
604
623
 
605
624
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
625
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
626
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
627
+ }
628
+
629
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
630
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
633
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
634
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
635
+ }
636
+
606
637
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
607
- height: calc(100% - 55px);
638
+ height: 100%;
608
639
  }
609
640
 
610
641
  .e-listbox-wrapper,
@@ -637,7 +668,7 @@ ejs-listbox {
637
668
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
638
669
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
639
670
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
640
- height: calc(100% - 87px);
671
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
641
672
  }
642
673
 
643
674
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -911,4 +942,28 @@ ejs-listbox {
911
942
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
912
943
  padding-left: 3.3846em;
913
944
  padding-right: 0.923em;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
952
+ height: 100%;
953
+ }
954
+
955
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
956
+ height: 100%;
957
+ }
958
+
959
+ .e-listbox-container.e-filter-list .e-list-wrap {
960
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }
962
+
963
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
964
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
965
+ }
966
+
967
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
968
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
914
969
  }
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import '../drop-down-base/highcontrast-light-definition.scss';
3
3
  @import 'highcontrast-light-definition.scss';
4
4
  @import 'icons/highcontrast-light.scss';
@@ -103,11 +103,6 @@
103
103
  padding: 9px 16px;
104
104
  position: relative;
105
105
  }
106
- .e-listbox-wrapper.e-filter-list,
107
- .e-listbox-container.e-filter-list,
108
- .e-listboxtool-wrapper.e-filter-list {
109
- overflow: inherit;
110
- }
111
106
  .e-listbox-wrapper .e-list-parent,
112
107
  .e-listbox-container .e-list-parent,
113
108
  .e-listboxtool-wrapper .e-list-parent {
@@ -391,9 +386,6 @@ ejs-listbox {
391
386
  overflow: auto;
392
387
  }
393
388
 
394
- .e-listbox-wrapper.e-filter-list {
395
- overflow: inherit;
396
- }
397
389
  .e-listbox-wrapper.e-filter-list .e-list-parent {
398
390
  overflow: auto;
399
391
  }
@@ -595,27 +587,66 @@ ejs-listbox {
595
587
  }
596
588
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
597
589
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
598
- height: calc(100% - 45px);
590
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
591
+ }
592
+
593
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
594
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
595
+ }
596
+
597
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
598
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
599
599
  }
600
600
 
601
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
602
601
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
603
- height: calc(100% - 59px);
602
+ height: 100%;
604
603
  }
605
604
 
606
605
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
607
606
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
608
- height: calc(100% - 104px);
607
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
608
+ }
609
+
610
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
619
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
622
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
623
+ height: 100%;
609
624
  }
610
625
 
611
626
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
627
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
628
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
612
631
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
613
- height: calc(100% - 45px);
632
+ height: 100%;
614
633
  }
615
634
 
616
635
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
636
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
637
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
638
+ }
639
+
640
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
641
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
642
+ }
643
+
644
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
645
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
646
+ }
647
+
617
648
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
618
- height: calc(100% - 55px);
649
+ height: 100%;
619
650
  }
620
651
 
621
652
  .e-listbox-wrapper,
@@ -648,7 +679,7 @@ ejs-listbox {
648
679
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
649
680
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
650
681
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
651
- height: calc(100% - 87px);
682
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
652
683
  }
653
684
 
654
685
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -922,4 +953,28 @@ ejs-listbox {
922
953
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
923
954
  padding-left: 3.3846em;
924
955
  padding-right: 0.923em;
956
+ }
957
+
958
+ .e-listbox-container.e-filter-list .e-list-parent {
959
+ height: 100%;
960
+ }
961
+
962
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
963
+ height: 100%;
964
+ }
965
+
966
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
967
+ height: 100%;
968
+ }
969
+
970
+ .e-listbox-container.e-filter-list .e-list-wrap {
971
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
972
+ }
973
+
974
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
975
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
976
+ }
977
+
978
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
979
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
925
980
  }
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import '../drop-down-base/highcontrast-definition.scss';
3
3
  @import 'highcontrast-definition.scss';
4
4
  @import 'icons/highcontrast.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -84,11 +83,6 @@
84
83
  padding: 11px 16px;
85
84
  position: relative;
86
85
  }
87
- .e-listbox-wrapper.e-filter-list,
88
- .e-listbox-container.e-filter-list,
89
- .e-listboxtool-wrapper.e-filter-list {
90
- overflow: inherit;
91
- }
92
86
  .e-listbox-wrapper .e-list-parent,
93
87
  .e-listbox-container .e-list-parent,
94
88
  .e-listboxtool-wrapper .e-list-parent {
@@ -372,9 +366,6 @@ ejs-listbox {
372
366
  overflow: auto;
373
367
  }
374
368
 
375
- .e-listbox-wrapper.e-filter-list {
376
- overflow: inherit;
377
- }
378
369
  .e-listbox-wrapper.e-filter-list .e-list-parent {
379
370
  overflow: auto;
380
371
  }
@@ -570,27 +561,66 @@ ejs-listbox {
570
561
  }
571
562
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
572
563
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
573
- height: calc(100% - 45px);
564
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
568
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
569
+ }
570
+
571
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
572
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
574
573
  }
575
574
 
576
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
577
575
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
578
- height: calc(100% - 50px);
576
+ height: 100%;
579
577
  }
580
578
 
581
579
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
582
580
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
583
- height: calc(100% - 98px);
581
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
582
+ }
583
+
584
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
585
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
586
+ }
587
+
588
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
589
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
590
+ }
591
+
592
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
593
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
594
+ }
595
+
596
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
+ height: 100%;
584
598
  }
585
599
 
586
600
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
601
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
602
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
603
+ }
604
+
587
605
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
588
- height: calc(100% - 48px);
606
+ height: 100%;
589
607
  }
590
608
 
591
609
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
610
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
615
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
619
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
592
622
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
593
- height: calc(100% - 45px);
623
+ height: 100%;
594
624
  }
595
625
 
596
626
  .e-listbox-wrapper,
@@ -617,13 +647,13 @@ ejs-listbox {
617
647
  .e-listbox-wrapper.e-filter-list .e-list-parent,
618
648
  .e-listbox-container.e-filter-list .e-list-parent,
619
649
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
620
- height: calc(100% - 43px);
650
+ height: calc(100% - 48px);
621
651
  }
622
652
 
623
653
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
624
654
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
625
655
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 79px);
656
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
627
657
  }
628
658
 
629
659
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -897,4 +927,28 @@ ejs-listbox {
897
927
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
898
928
  padding-left: 4.1333em;
899
929
  padding-right: 1.0666em;
930
+ }
931
+
932
+ .e-listbox-container.e-filter-list .e-list-parent {
933
+ height: 100%;
934
+ }
935
+
936
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
937
+ height: 100%;
938
+ }
939
+
940
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
941
+ height: 100%;
942
+ }
943
+
944
+ .e-listbox-container.e-filter-list .e-list-wrap {
945
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
946
+ }
947
+
948
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
949
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
950
+ }
951
+
952
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
953
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
900
954
  }
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import '../drop-down-base/material-dark-definition.scss';
3
3
  @import 'material-dark-definition.scss';
4
4
  @import 'icons/material-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -89,11 +88,6 @@
89
88
  padding: 11px 16px;
90
89
  position: relative;
91
90
  }
92
- .e-listbox-wrapper.e-filter-list,
93
- .e-listbox-container.e-filter-list,
94
- .e-listboxtool-wrapper.e-filter-list {
95
- overflow: inherit;
96
- }
97
91
  .e-listbox-wrapper .e-list-parent,
98
92
  .e-listbox-container .e-list-parent,
99
93
  .e-listboxtool-wrapper .e-list-parent {
@@ -377,9 +371,6 @@ ejs-listbox {
377
371
  overflow: auto;
378
372
  }
379
373
 
380
- .e-listbox-wrapper.e-filter-list {
381
- overflow: inherit;
382
- }
383
374
  .e-listbox-wrapper.e-filter-list .e-list-parent {
384
375
  overflow: auto;
385
376
  }
@@ -581,27 +572,66 @@ ejs-listbox {
581
572
  }
582
573
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
583
574
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
584
- height: calc(100% - 45px);
575
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
576
+ }
577
+
578
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
579
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
580
+ }
581
+
582
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
583
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
585
584
  }
586
585
 
587
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
588
586
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 50px);
587
+ height: 100%;
590
588
  }
591
589
 
592
590
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
591
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
- height: calc(100% - 98px);
592
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
593
+ }
594
+
595
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
596
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
597
+ }
598
+
599
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
600
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
601
+ }
602
+
603
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
604
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
608
+ height: 100%;
595
609
  }
596
610
 
597
611
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
612
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
613
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
614
+ }
615
+
598
616
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
599
- height: calc(100% - 48px);
617
+ height: 100%;
600
618
  }
601
619
 
602
620
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
621
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
622
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
623
+ }
624
+
625
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
626
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
627
+ }
628
+
629
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
630
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
603
633
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
604
- height: calc(100% - 45px);
634
+ height: 100%;
605
635
  }
606
636
 
607
637
  .e-listbox-wrapper,
@@ -628,13 +658,13 @@ ejs-listbox {
628
658
  .e-listbox-wrapper.e-filter-list .e-list-parent,
629
659
  .e-listbox-container.e-filter-list .e-list-parent,
630
660
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
631
- height: calc(100% - 43px);
661
+ height: calc(100% - 48px);
632
662
  }
633
663
 
634
664
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
635
665
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
636
666
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
637
- height: calc(100% - 79px);
667
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
638
668
  }
639
669
 
640
670
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -908,4 +938,28 @@ ejs-listbox {
908
938
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
909
939
  padding-left: 4.1333em;
910
940
  padding-right: 1.0666em;
941
+ }
942
+
943
+ .e-listbox-container.e-filter-list .e-list-parent {
944
+ height: 100%;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
952
+ height: 100%;
953
+ }
954
+
955
+ .e-listbox-container.e-filter-list .e-list-wrap {
956
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
957
+ }
958
+
959
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
960
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }
962
+
963
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
964
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
911
965
  }
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import '../drop-down-base/material-definition.scss';
3
3
  @import 'material-definition.scss';
4
4
  @import 'icons/material.scss';