@syncfusion/ej2-vue-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 (111) hide show
  1. package/CHANGELOG.md +9 -212
  2. package/dist/ej2-vue-dropdowns.umd.min.js +3 -3
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +15 -6
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +15 -6
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +3 -3
  9. package/package.json +9 -9
  10. package/src/auto-complete/autocomplete.component.d.ts +3 -1
  11. package/src/auto-complete/autocomplete.component.js +5 -2
  12. package/src/combo-box/combobox.component.d.ts +3 -1
  13. package/src/combo-box/combobox.component.js +5 -2
  14. package/src/drop-down-list/dropdownlist.component.d.ts +3 -1
  15. package/src/drop-down-list/dropdownlist.component.js +5 -2
  16. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -1
  17. package/src/list-box/listbox.component.d.ts +3 -1
  18. package/src/mention/mention.component.d.ts +3 -1
  19. package/src/multi-select/multiselect.component.d.ts +3 -1
  20. package/styles/auto-complete/material-dark.css +0 -1
  21. package/styles/auto-complete/material.css +0 -1
  22. package/styles/auto-complete/material3-dark.css +0 -1
  23. package/styles/auto-complete/material3-dark.scss +1 -1
  24. package/styles/auto-complete/material3.css +0 -1
  25. package/styles/auto-complete/material3.scss +1 -1
  26. package/styles/auto-complete/tailwind-dark.css +0 -1
  27. package/styles/auto-complete/tailwind.css +0 -1
  28. package/styles/bootstrap-dark.css +70 -15
  29. package/styles/bootstrap.css +70 -15
  30. package/styles/bootstrap4.css +71 -16
  31. package/styles/bootstrap5-dark.css +71 -16
  32. package/styles/bootstrap5.css +71 -16
  33. package/styles/combo-box/material-dark.css +0 -1
  34. package/styles/combo-box/material.css +0 -1
  35. package/styles/combo-box/material3-dark.css +0 -1
  36. package/styles/combo-box/material3-dark.scss +1 -1
  37. package/styles/combo-box/material3.css +0 -1
  38. package/styles/combo-box/material3.scss +1 -1
  39. package/styles/combo-box/tailwind-dark.css +0 -1
  40. package/styles/combo-box/tailwind.css +0 -1
  41. package/styles/drop-down-base/material-dark.css +0 -1
  42. package/styles/drop-down-base/material.css +0 -1
  43. package/styles/drop-down-base/material3-dark.css +0 -1
  44. package/styles/drop-down-base/material3-dark.scss +1 -1
  45. package/styles/drop-down-base/material3.css +0 -1
  46. package/styles/drop-down-base/material3.scss +1 -1
  47. package/styles/drop-down-base/tailwind-dark.css +0 -1
  48. package/styles/drop-down-base/tailwind.css +0 -1
  49. package/styles/drop-down-list/material-dark.css +0 -1
  50. package/styles/drop-down-list/material.css +0 -1
  51. package/styles/drop-down-list/material3-dark.css +0 -1
  52. package/styles/drop-down-list/material3-dark.scss +1 -1
  53. package/styles/drop-down-list/material3.css +0 -1
  54. package/styles/drop-down-list/material3.scss +1 -1
  55. package/styles/drop-down-list/tailwind-dark.css +0 -1
  56. package/styles/drop-down-list/tailwind.css +0 -1
  57. package/styles/drop-down-tree/material-dark.css +0 -1
  58. package/styles/drop-down-tree/material.css +0 -1
  59. package/styles/drop-down-tree/material3-dark.css +0 -1
  60. package/styles/drop-down-tree/material3-dark.scss +1 -1
  61. package/styles/drop-down-tree/material3.css +0 -1
  62. package/styles/drop-down-tree/material3.scss +1 -1
  63. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  64. package/styles/drop-down-tree/tailwind.css +0 -1
  65. package/styles/fabric-dark.css +70 -15
  66. package/styles/fabric.css +70 -15
  67. package/styles/fluent-dark.css +71 -16
  68. package/styles/fluent.css +71 -16
  69. package/styles/highcontrast-light.css +70 -15
  70. package/styles/highcontrast.css +70 -15
  71. package/styles/list-box/bootstrap-dark.css +70 -15
  72. package/styles/list-box/bootstrap.css +70 -15
  73. package/styles/list-box/bootstrap4.css +71 -16
  74. package/styles/list-box/bootstrap5-dark.css +71 -16
  75. package/styles/list-box/bootstrap5.css +71 -16
  76. package/styles/list-box/fabric-dark.css +70 -15
  77. package/styles/list-box/fabric.css +70 -15
  78. package/styles/list-box/fluent-dark.css +71 -16
  79. package/styles/list-box/fluent.css +71 -16
  80. package/styles/list-box/highcontrast-light.css +70 -15
  81. package/styles/list-box/highcontrast.css +70 -15
  82. package/styles/list-box/material-dark.css +71 -17
  83. package/styles/list-box/material.css +71 -17
  84. package/styles/list-box/material3-dark.css +71 -17
  85. package/styles/list-box/material3-dark.scss +1 -1
  86. package/styles/list-box/material3.css +71 -17
  87. package/styles/list-box/material3.scss +1 -1
  88. package/styles/list-box/tailwind-dark.css +71 -17
  89. package/styles/list-box/tailwind.css +71 -17
  90. package/styles/material-dark.css +71 -17
  91. package/styles/material.css +71 -17
  92. package/styles/material3-dark.css +71 -24
  93. package/styles/material3.css +71 -17
  94. package/styles/mention/material-dark.css +0 -1
  95. package/styles/mention/material.css +0 -1
  96. package/styles/mention/material3-dark.css +0 -1
  97. package/styles/mention/material3-dark.scss +1 -1
  98. package/styles/mention/material3.css +0 -1
  99. package/styles/mention/material3.scss +1 -1
  100. package/styles/mention/tailwind-dark.css +0 -1
  101. package/styles/mention/tailwind.css +0 -1
  102. package/styles/multi-select/material-dark.css +0 -1
  103. package/styles/multi-select/material.css +0 -1
  104. package/styles/multi-select/material3-dark.css +0 -1
  105. package/styles/multi-select/material3-dark.scss +1 -1
  106. package/styles/multi-select/material3.css +0 -1
  107. package/styles/multi-select/material3.scss +1 -1
  108. package/styles/multi-select/tailwind-dark.css +0 -1
  109. package/styles/multi-select/tailwind.css +0 -1
  110. package/styles/tailwind-dark.css +71 -24
  111. package/styles/tailwind.css +71 -24
@@ -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,11 +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
- @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");
3
- @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");
4
- @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");
5
- @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");
6
- @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");
7
- @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");
8
- @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");
9
1
  :root {
10
2
  --color-sf-black: 0, 0, 0;
11
3
  --color-sf-white: 255, 255, 255;
@@ -4159,11 +4151,6 @@ ejs-multiselect {
4159
4151
  padding: 10px 16px;
4160
4152
  position: relative;
4161
4153
  }
4162
- .e-listbox-wrapper.e-filter-list,
4163
- .e-listbox-container.e-filter-list,
4164
- .e-listboxtool-wrapper.e-filter-list {
4165
- overflow: inherit;
4166
- }
4167
4154
  .e-listbox-wrapper .e-list-parent,
4168
4155
  .e-listbox-container .e-list-parent,
4169
4156
  .e-listboxtool-wrapper .e-list-parent {
@@ -4448,9 +4435,6 @@ ejs-listbox {
4448
4435
  overflow: auto;
4449
4436
  }
4450
4437
 
4451
- .e-listbox-wrapper.e-filter-list {
4452
- overflow: inherit;
4453
- }
4454
4438
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4455
4439
  overflow: auto;
4456
4440
  }
@@ -4646,27 +4630,66 @@ ejs-listbox {
4646
4630
  }
4647
4631
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4648
4632
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4649
- height: calc(100% - 45px);
4633
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
4634
+ }
4635
+
4636
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4637
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4638
+ }
4639
+
4640
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4641
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4650
4642
  }
4651
4643
 
4652
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4653
4644
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4654
- height: calc(100% - 55px);
4645
+ height: 100%;
4655
4646
  }
4656
4647
 
4657
4648
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4658
4649
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4659
- height: calc(100% - 98px);
4650
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4651
+ }
4652
+
4653
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4654
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4655
+ }
4656
+
4657
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4658
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4659
+ }
4660
+
4661
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4662
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4663
+ }
4664
+
4665
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4666
+ height: 100%;
4660
4667
  }
4661
4668
 
4662
4669
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4670
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4671
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4672
+ }
4673
+
4663
4674
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4664
- height: calc(100% - 48px);
4675
+ height: 100%;
4665
4676
  }
4666
4677
 
4667
4678
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4679
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4680
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
4681
+ }
4682
+
4683
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4684
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
4685
+ }
4686
+
4687
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4688
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
4689
+ }
4690
+
4668
4691
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4669
- height: calc(100% - 45px);
4692
+ height: 100%;
4670
4693
  }
4671
4694
 
4672
4695
  .e-listbox-wrapper,
@@ -4693,13 +4716,13 @@ ejs-listbox {
4693
4716
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4694
4717
  .e-listbox-container.e-filter-list .e-list-parent,
4695
4718
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4696
- height: calc(100% - 47px);
4719
+ height: calc(100% - 36px);
4697
4720
  }
4698
4721
 
4699
4722
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4700
4723
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4701
4724
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4702
- height: calc(100% - 79px);
4725
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4703
4726
  }
4704
4727
 
4705
4728
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4975,6 +4998,30 @@ ejs-listbox {
4975
4998
  padding-right: 16px;
4976
4999
  }
4977
5000
 
5001
+ .e-listbox-container.e-filter-list .e-list-parent {
5002
+ height: 100%;
5003
+ }
5004
+
5005
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5006
+ height: 100%;
5007
+ }
5008
+
5009
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
5010
+ height: 100%;
5011
+ }
5012
+
5013
+ .e-listbox-container.e-filter-list .e-list-wrap {
5014
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5015
+ }
5016
+
5017
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
5018
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
5019
+ }
5020
+
5021
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
5022
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5023
+ }
5024
+
4978
5025
  :root {
4979
5026
  --color-sf-black: 0, 0, 0;
4980
5027
  --color-sf-white: 255, 255, 255;
@@ -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;
@@ -4544,11 +4543,6 @@ ejs-multiselect {
4544
4543
  padding: 10px 16px;
4545
4544
  position: relative;
4546
4545
  }
4547
- .e-listbox-wrapper.e-filter-list,
4548
- .e-listbox-container.e-filter-list,
4549
- .e-listboxtool-wrapper.e-filter-list {
4550
- overflow: inherit;
4551
- }
4552
4546
  .e-listbox-wrapper .e-list-parent,
4553
4547
  .e-listbox-container .e-list-parent,
4554
4548
  .e-listboxtool-wrapper .e-list-parent {
@@ -4833,9 +4827,6 @@ ejs-listbox {
4833
4827
  overflow: auto;
4834
4828
  }
4835
4829
 
4836
- .e-listbox-wrapper.e-filter-list {
4837
- overflow: inherit;
4838
- }
4839
4830
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4840
4831
  overflow: auto;
4841
4832
  }
@@ -5031,27 +5022,66 @@ ejs-listbox {
5031
5022
  }
5032
5023
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
5033
5024
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
5034
- height: calc(100% - 45px);
5025
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
5026
+ }
5027
+
5028
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
5029
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
5030
+ }
5031
+
5032
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
5033
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
5035
5034
  }
5036
5035
 
5037
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
5038
5036
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
5039
- height: calc(100% - 55px);
5037
+ height: 100%;
5040
5038
  }
5041
5039
 
5042
5040
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
5043
5041
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5044
- height: calc(100% - 98px);
5042
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
5043
+ }
5044
+
5045
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5046
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
5047
+ }
5048
+
5049
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
5050
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5051
+ }
5052
+
5053
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
5054
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
5055
+ }
5056
+
5057
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5058
+ height: 100%;
5045
5059
  }
5046
5060
 
5047
5061
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
5062
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
5063
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
5064
+ }
5065
+
5048
5066
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
5049
- height: calc(100% - 48px);
5067
+ height: 100%;
5050
5068
  }
5051
5069
 
5052
5070
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
5071
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
5072
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
5073
+ }
5074
+
5075
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
5076
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
5077
+ }
5078
+
5079
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
5080
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
5081
+ }
5082
+
5053
5083
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
5054
- height: calc(100% - 45px);
5084
+ height: 100%;
5055
5085
  }
5056
5086
 
5057
5087
  .e-listbox-wrapper,
@@ -5078,13 +5108,13 @@ ejs-listbox {
5078
5108
  .e-listbox-wrapper.e-filter-list .e-list-parent,
5079
5109
  .e-listbox-container.e-filter-list .e-list-parent,
5080
5110
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
5081
- height: calc(100% - 47px);
5111
+ height: calc(100% - 36px);
5082
5112
  }
5083
5113
 
5084
5114
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
5085
5115
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
5086
5116
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
5087
- height: calc(100% - 79px);
5117
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
5088
5118
  }
5089
5119
 
5090
5120
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -5360,6 +5390,30 @@ ejs-listbox {
5360
5390
  padding-right: 16px;
5361
5391
  }
5362
5392
 
5393
+ .e-listbox-container.e-filter-list .e-list-parent {
5394
+ height: 100%;
5395
+ }
5396
+
5397
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5398
+ height: 100%;
5399
+ }
5400
+
5401
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
5402
+ height: 100%;
5403
+ }
5404
+
5405
+ .e-listbox-container.e-filter-list .e-list-wrap {
5406
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5407
+ }
5408
+
5409
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
5410
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
5411
+ }
5412
+
5413
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
5414
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5415
+ }
5416
+
5363
5417
  :root {
5364
5418
  --color-sf-black: 0, 0, 0;
5365
5419
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes material-spinner-rotate {
4
3
  0% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes material-spinner-rotate {
4
3
  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;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/mention/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;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/mention/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  /* stylelint-disable property-no-vendor-prefix */
4
3
  @keyframes material-spinner-rotate {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable-line no-empty-source */
3
2
  /* stylelint-disable property-no-vendor-prefix */
4
3
  @keyframes material-spinner-rotate {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -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;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/multi-select/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;
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-dropdowns/styles/multi-select/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */