@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
@@ -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
  }
@@ -3958,11 +3957,6 @@ ejs-multiselect {
3958
3957
  padding: 11px 16px;
3959
3958
  position: relative;
3960
3959
  }
3961
- .e-listbox-wrapper.e-filter-list,
3962
- .e-listbox-container.e-filter-list,
3963
- .e-listboxtool-wrapper.e-filter-list {
3964
- overflow: inherit;
3965
- }
3966
3960
  .e-listbox-wrapper .e-list-parent,
3967
3961
  .e-listbox-container .e-list-parent,
3968
3962
  .e-listboxtool-wrapper .e-list-parent {
@@ -4246,9 +4240,6 @@ ejs-listbox {
4246
4240
  overflow: auto;
4247
4241
  }
4248
4242
 
4249
- .e-listbox-wrapper.e-filter-list {
4250
- overflow: inherit;
4251
- }
4252
4243
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4253
4244
  overflow: auto;
4254
4245
  }
@@ -4444,27 +4435,66 @@ ejs-listbox {
4444
4435
  }
4445
4436
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4446
4437
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4447
- height: calc(100% - 45px);
4438
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4439
+ }
4440
+
4441
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4442
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4443
+ }
4444
+
4445
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4446
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4448
4447
  }
4449
4448
 
4450
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4451
4449
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4452
- height: calc(100% - 50px);
4450
+ height: 100%;
4453
4451
  }
4454
4452
 
4455
4453
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4456
4454
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4457
- height: calc(100% - 98px);
4455
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4456
+ }
4457
+
4458
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4459
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4460
+ }
4461
+
4462
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4463
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4464
+ }
4465
+
4466
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4467
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4468
+ }
4469
+
4470
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4471
+ height: 100%;
4458
4472
  }
4459
4473
 
4460
4474
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4475
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4476
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4477
+ }
4478
+
4461
4479
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4462
- height: calc(100% - 48px);
4480
+ height: 100%;
4463
4481
  }
4464
4482
 
4465
4483
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4484
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4485
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4486
+ }
4487
+
4488
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4489
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4490
+ }
4491
+
4492
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4493
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4494
+ }
4495
+
4466
4496
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4467
- height: calc(100% - 45px);
4497
+ height: 100%;
4468
4498
  }
4469
4499
 
4470
4500
  .e-listbox-wrapper,
@@ -4491,13 +4521,13 @@ ejs-listbox {
4491
4521
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4492
4522
  .e-listbox-container.e-filter-list .e-list-parent,
4493
4523
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4494
- height: calc(100% - 43px);
4524
+ height: calc(100% - 48px);
4495
4525
  }
4496
4526
 
4497
4527
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4498
4528
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4499
4529
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4500
- height: calc(100% - 79px);
4530
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4501
4531
  }
4502
4532
 
4503
4533
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4773,6 +4803,30 @@ ejs-listbox {
4773
4803
  padding-right: 1.0666em;
4774
4804
  }
4775
4805
 
4806
+ .e-listbox-container.e-filter-list .e-list-parent {
4807
+ height: 100%;
4808
+ }
4809
+
4810
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4811
+ height: 100%;
4812
+ }
4813
+
4814
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4815
+ height: 100%;
4816
+ }
4817
+
4818
+ .e-listbox-container.e-filter-list .e-list-wrap {
4819
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
4820
+ }
4821
+
4822
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4823
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4824
+ }
4825
+
4826
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4827
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4828
+ }
4829
+
4776
4830
  /* stylelint-disable property-no-vendor-prefix */
4777
4831
  @keyframes material-spinner-rotate {
4778
4832
  0% {
@@ -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
  }
@@ -4018,11 +4017,6 @@ ejs-multiselect {
4018
4017
  padding: 11px 16px;
4019
4018
  position: relative;
4020
4019
  }
4021
- .e-listbox-wrapper.e-filter-list,
4022
- .e-listbox-container.e-filter-list,
4023
- .e-listboxtool-wrapper.e-filter-list {
4024
- overflow: inherit;
4025
- }
4026
4020
  .e-listbox-wrapper .e-list-parent,
4027
4021
  .e-listbox-container .e-list-parent,
4028
4022
  .e-listboxtool-wrapper .e-list-parent {
@@ -4306,9 +4300,6 @@ ejs-listbox {
4306
4300
  overflow: auto;
4307
4301
  }
4308
4302
 
4309
- .e-listbox-wrapper.e-filter-list {
4310
- overflow: inherit;
4311
- }
4312
4303
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4313
4304
  overflow: auto;
4314
4305
  }
@@ -4510,27 +4501,66 @@ ejs-listbox {
4510
4501
  }
4511
4502
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4512
4503
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4513
- height: calc(100% - 45px);
4504
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4505
+ }
4506
+
4507
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4508
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4509
+ }
4510
+
4511
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4512
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4514
4513
  }
4515
4514
 
4516
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4517
4515
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4518
- height: calc(100% - 50px);
4516
+ height: 100%;
4519
4517
  }
4520
4518
 
4521
4519
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4522
4520
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4523
- height: calc(100% - 98px);
4521
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4522
+ }
4523
+
4524
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4525
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4526
+ }
4527
+
4528
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4529
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4530
+ }
4531
+
4532
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4533
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4534
+ }
4535
+
4536
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4537
+ height: 100%;
4524
4538
  }
4525
4539
 
4526
4540
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4541
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4542
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4543
+ }
4544
+
4527
4545
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4528
- height: calc(100% - 48px);
4546
+ height: 100%;
4529
4547
  }
4530
4548
 
4531
4549
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4550
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4551
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4552
+ }
4553
+
4554
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4555
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4556
+ }
4557
+
4558
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4559
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4560
+ }
4561
+
4532
4562
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4533
- height: calc(100% - 45px);
4563
+ height: 100%;
4534
4564
  }
4535
4565
 
4536
4566
  .e-listbox-wrapper,
@@ -4557,13 +4587,13 @@ ejs-listbox {
4557
4587
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4558
4588
  .e-listbox-container.e-filter-list .e-list-parent,
4559
4589
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4560
- height: calc(100% - 43px);
4590
+ height: calc(100% - 48px);
4561
4591
  }
4562
4592
 
4563
4593
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4564
4594
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4565
4595
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4566
- height: calc(100% - 79px);
4596
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4567
4597
  }
4568
4598
 
4569
4599
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4839,6 +4869,30 @@ ejs-listbox {
4839
4869
  padding-right: 1.0666em;
4840
4870
  }
4841
4871
 
4872
+ .e-listbox-container.e-filter-list .e-list-parent {
4873
+ height: 100%;
4874
+ }
4875
+
4876
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4877
+ height: 100%;
4878
+ }
4879
+
4880
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4881
+ height: 100%;
4882
+ }
4883
+
4884
+ .e-listbox-container.e-filter-list .e-list-wrap {
4885
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
4886
+ }
4887
+
4888
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4889
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4890
+ }
4891
+
4892
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4893
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4894
+ }
4895
+
4842
4896
  /* stylelint-disable property-no-vendor-prefix */
4843
4897
  @keyframes material-spinner-rotate {
4844
4898
  0% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -3821,11 +3820,6 @@ ejs-multiselect {
3821
3820
  padding: 10px 16px;
3822
3821
  position: relative;
3823
3822
  }
3824
- .e-listbox-wrapper.e-filter-list,
3825
- .e-listbox-container.e-filter-list,
3826
- .e-listboxtool-wrapper.e-filter-list {
3827
- overflow: inherit;
3828
- }
3829
3823
  .e-listbox-wrapper .e-list-parent,
3830
3824
  .e-listbox-container .e-list-parent,
3831
3825
  .e-listboxtool-wrapper .e-list-parent {
@@ -4110,9 +4104,6 @@ ejs-listbox {
4110
4104
  overflow: auto;
4111
4105
  }
4112
4106
 
4113
- .e-listbox-wrapper.e-filter-list {
4114
- overflow: inherit;
4115
- }
4116
4107
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4117
4108
  overflow: auto;
4118
4109
  }
@@ -4308,27 +4299,66 @@ ejs-listbox {
4308
4299
  }
4309
4300
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4310
4301
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4311
- height: calc(100% - 45px);
4302
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
4303
+ }
4304
+
4305
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4306
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4307
+ }
4308
+
4309
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4310
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4312
4311
  }
4313
4312
 
4314
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4315
4313
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4316
- height: calc(100% - 55px);
4314
+ height: 100%;
4317
4315
  }
4318
4316
 
4319
4317
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4320
4318
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4321
- height: calc(100% - 98px);
4319
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4320
+ }
4321
+
4322
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4323
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4324
+ }
4325
+
4326
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4327
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4328
+ }
4329
+
4330
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4331
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4332
+ }
4333
+
4334
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4335
+ height: 100%;
4322
4336
  }
4323
4337
 
4324
4338
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4339
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4340
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4341
+ }
4342
+
4325
4343
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4326
- height: calc(100% - 48px);
4344
+ height: 100%;
4327
4345
  }
4328
4346
 
4329
4347
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4348
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4349
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
4350
+ }
4351
+
4352
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4353
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
4354
+ }
4355
+
4356
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4357
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
4358
+ }
4359
+
4330
4360
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4331
- height: calc(100% - 45px);
4361
+ height: 100%;
4332
4362
  }
4333
4363
 
4334
4364
  .e-listbox-wrapper,
@@ -4355,13 +4385,13 @@ ejs-listbox {
4355
4385
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4356
4386
  .e-listbox-container.e-filter-list .e-list-parent,
4357
4387
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4358
- height: calc(100% - 47px);
4388
+ height: calc(100% - 36px);
4359
4389
  }
4360
4390
 
4361
4391
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4362
4392
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4363
4393
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4364
- height: calc(100% - 79px);
4394
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4365
4395
  }
4366
4396
 
4367
4397
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4637,6 +4667,30 @@ ejs-listbox {
4637
4667
  padding-right: 16px;
4638
4668
  }
4639
4669
 
4670
+ .e-listbox-container.e-filter-list .e-list-parent {
4671
+ height: 100%;
4672
+ }
4673
+
4674
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4675
+ height: 100%;
4676
+ }
4677
+
4678
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4679
+ height: 100%;
4680
+ }
4681
+
4682
+ .e-listbox-container.e-filter-list .e-list-wrap {
4683
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4684
+ }
4685
+
4686
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4687
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4688
+ }
4689
+
4690
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4691
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4692
+ }
4693
+
4640
4694
  /* stylelint-disable-line no-empty-source */
4641
4695
  /* stylelint-disable property-no-vendor-prefix */
4642
4696
  @keyframes material-spinner-rotate {
@@ -1,5 +1,5 @@
1
1
 
2
- @import 'ej2-base/styles/material3-dark-definition.scss';
2
+
3
3
  @import 'drop-down-base/material3-dark.scss';
4
4
  @import 'drop-down-list/material3-dark.scss';
5
5
  @import 'drop-down-tree/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -3877,11 +3876,6 @@ ejs-multiselect {
3877
3876
  padding: 10px 16px;
3878
3877
  position: relative;
3879
3878
  }
3880
- .e-listbox-wrapper.e-filter-list,
3881
- .e-listbox-container.e-filter-list,
3882
- .e-listboxtool-wrapper.e-filter-list {
3883
- overflow: inherit;
3884
- }
3885
3879
  .e-listbox-wrapper .e-list-parent,
3886
3880
  .e-listbox-container .e-list-parent,
3887
3881
  .e-listboxtool-wrapper .e-list-parent {
@@ -4166,9 +4160,6 @@ ejs-listbox {
4166
4160
  overflow: auto;
4167
4161
  }
4168
4162
 
4169
- .e-listbox-wrapper.e-filter-list {
4170
- overflow: inherit;
4171
- }
4172
4163
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4173
4164
  overflow: auto;
4174
4165
  }
@@ -4364,27 +4355,66 @@ ejs-listbox {
4364
4355
  }
4365
4356
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4366
4357
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4367
- height: calc(100% - 45px);
4358
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
4359
+ }
4360
+
4361
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4362
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4363
+ }
4364
+
4365
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4366
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4368
4367
  }
4369
4368
 
4370
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4371
4369
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4372
- height: calc(100% - 55px);
4370
+ height: 100%;
4373
4371
  }
4374
4372
 
4375
4373
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4376
4374
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4377
- height: calc(100% - 98px);
4375
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4376
+ }
4377
+
4378
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4379
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4380
+ }
4381
+
4382
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4383
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4384
+ }
4385
+
4386
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4387
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4388
+ }
4389
+
4390
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4391
+ height: 100%;
4378
4392
  }
4379
4393
 
4380
4394
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4395
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4396
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4397
+ }
4398
+
4381
4399
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4382
- height: calc(100% - 48px);
4400
+ height: 100%;
4383
4401
  }
4384
4402
 
4385
4403
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4404
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4405
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
4406
+ }
4407
+
4408
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4409
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
4410
+ }
4411
+
4412
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4413
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
4414
+ }
4415
+
4386
4416
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4387
- height: calc(100% - 45px);
4417
+ height: 100%;
4388
4418
  }
4389
4419
 
4390
4420
  .e-listbox-wrapper,
@@ -4411,13 +4441,13 @@ ejs-listbox {
4411
4441
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4412
4442
  .e-listbox-container.e-filter-list .e-list-parent,
4413
4443
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4414
- height: calc(100% - 47px);
4444
+ height: calc(100% - 36px);
4415
4445
  }
4416
4446
 
4417
4447
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4418
4448
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4419
4449
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4420
- height: calc(100% - 79px);
4450
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4421
4451
  }
4422
4452
 
4423
4453
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4693,6 +4723,30 @@ ejs-listbox {
4693
4723
  padding-right: 16px;
4694
4724
  }
4695
4725
 
4726
+ .e-listbox-container.e-filter-list .e-list-parent {
4727
+ height: 100%;
4728
+ }
4729
+
4730
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4731
+ height: 100%;
4732
+ }
4733
+
4734
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4735
+ height: 100%;
4736
+ }
4737
+
4738
+ .e-listbox-container.e-filter-list .e-list-wrap {
4739
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4740
+ }
4741
+
4742
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4743
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4744
+ }
4745
+
4746
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4747
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4748
+ }
4749
+
4696
4750
  /* stylelint-disable-line no-empty-source */
4697
4751
  /* stylelint-disable property-no-vendor-prefix */
4698
4752
  @keyframes material-spinner-rotate {
@@ -1,5 +1,5 @@
1
1
 
2
- @import 'ej2-base/styles/material3-definition.scss';
2
+
3
3
  @import 'drop-down-base/material3.scss';
4
4
  @import 'drop-down-list/material3.scss';
5
5
  @import 'drop-down-tree/material3.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
4
4
  @import '../drop-down-base/bootstrap-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
4
4
  @import '../drop-down-base/bootstrap-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
4
4
  @import '../drop-down-base/bootstrap4-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
4
4
  @import '../drop-down-base/bootstrap5-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
4
4
  @import '../drop-down-base/bootstrap5-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
4
4
  @import '../drop-down-base/fabric-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-popups/styles/popup/fabric-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fabric-definition.scss';
4
4
  @import '../drop-down-base/fabric-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
4
4
  @import '../drop-down-base/fluent-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-popups/styles/popup/fluent-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/fluent-definition.scss';
4
4
  @import '../drop-down-base/fluent-definition.scss';
@@ -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 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
4
4
  @import '../drop-down-base/highcontrast-light-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
3
3
  @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
4
4
  @import '../drop-down-base/highcontrast-definition.scss';