@syncfusion/ej2-dropdowns 23.1.36 → 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 (65) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +32 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +32 -5
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +8 -8
  13. package/src/common/virtual-scroll.d.ts +1 -0
  14. package/src/common/virtual-scroll.js +3 -0
  15. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  16. package/src/drop-down-list/drop-down-list.js +27 -4
  17. package/src/multi-select/multi-select.js +2 -1
  18. package/styles/bootstrap-dark.css +70 -7
  19. package/styles/bootstrap.css +70 -7
  20. package/styles/bootstrap4.css +71 -8
  21. package/styles/bootstrap5-dark.css +71 -8
  22. package/styles/bootstrap5.css +71 -8
  23. package/styles/fabric-dark.css +70 -7
  24. package/styles/fabric.css +70 -7
  25. package/styles/fluent-dark.css +70 -7
  26. package/styles/fluent.css +70 -7
  27. package/styles/highcontrast-light.css +70 -7
  28. package/styles/highcontrast.css +70 -7
  29. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  30. package/styles/list-box/_bootstrap-definition.scss +7 -3
  31. package/styles/list-box/_bootstrap4-definition.scss +8 -4
  32. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  33. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  34. package/styles/list-box/_fabric-definition.scss +6 -2
  35. package/styles/list-box/_fluent-definition.scss +8 -6
  36. package/styles/list-box/_highcontrast-definition.scss +6 -2
  37. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  38. package/styles/list-box/_material-dark-definition.scss +8 -4
  39. package/styles/list-box/_material-definition.scss +8 -4
  40. package/styles/list-box/_material3-definition.scss +8 -6
  41. package/styles/list-box/_tailwind-definition.scss +8 -6
  42. package/styles/list-box/_theme.scss +72 -7
  43. package/styles/list-box/bootstrap-dark.css +70 -7
  44. package/styles/list-box/bootstrap.css +70 -7
  45. package/styles/list-box/bootstrap4.css +71 -8
  46. package/styles/list-box/bootstrap5-dark.css +71 -8
  47. package/styles/list-box/bootstrap5.css +71 -8
  48. package/styles/list-box/fabric-dark.css +70 -7
  49. package/styles/list-box/fabric.css +70 -7
  50. package/styles/list-box/fluent-dark.css +70 -7
  51. package/styles/list-box/fluent.css +70 -7
  52. package/styles/list-box/highcontrast-light.css +70 -7
  53. package/styles/list-box/highcontrast.css +70 -7
  54. package/styles/list-box/material-dark.css +71 -8
  55. package/styles/list-box/material.css +71 -8
  56. package/styles/list-box/material3-dark.css +71 -8
  57. package/styles/list-box/material3.css +71 -8
  58. package/styles/list-box/tailwind-dark.css +71 -8
  59. package/styles/list-box/tailwind.css +71 -8
  60. package/styles/material-dark.css +71 -8
  61. package/styles/material.css +71 -8
  62. package/styles/material3-dark.css +71 -8
  63. package/styles/material3.css +71 -8
  64. package/styles/tailwind-dark.css +71 -8
  65. package/styles/tailwind.css +71 -8
package/styles/material.css CHANGED
@@ -4501,27 +4501,66 @@ ejs-listbox {
4501
4501
  }
4502
4502
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4503
4503
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4504
- 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 */
4505
4513
  }
4506
4514
 
4507
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4508
4515
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4509
- height: calc(100% - 50px);
4516
+ height: 100%;
4510
4517
  }
4511
4518
 
4512
4519
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4513
4520
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4514
- 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%;
4515
4538
  }
4516
4539
 
4517
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
+
4518
4545
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4519
- height: calc(100% - 48px);
4546
+ height: 100%;
4520
4547
  }
4521
4548
 
4522
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
+
4523
4562
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4524
- height: calc(100% - 45px);
4563
+ height: 100%;
4525
4564
  }
4526
4565
 
4527
4566
  .e-listbox-wrapper,
@@ -4548,13 +4587,13 @@ ejs-listbox {
4548
4587
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4549
4588
  .e-listbox-container.e-filter-list .e-list-parent,
4550
4589
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4551
- height: calc(100% - 43px);
4590
+ height: calc(100% - 48px);
4552
4591
  }
4553
4592
 
4554
4593
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4555
4594
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4556
4595
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4557
- height: calc(100% - 79px);
4596
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4558
4597
  }
4559
4598
 
4560
4599
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4830,6 +4869,30 @@ ejs-listbox {
4830
4869
  padding-right: 1.0666em;
4831
4870
  }
4832
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
+
4833
4896
  /* stylelint-disable property-no-vendor-prefix */
4834
4897
  @keyframes material-spinner-rotate {
4835
4898
  0% {
package/styles/material3-dark.css CHANGED
@@ -4299,27 +4299,66 @@ ejs-listbox {
4299
4299
  }
4300
4300
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4301
4301
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4302
- height: calc(100% - 35px);
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 */
4303
4311
  }
4304
4312
 
4305
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4306
4313
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4307
- height: calc(100% - 48px);
4314
+ height: 100%;
4308
4315
  }
4309
4316
 
4310
4317
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4311
4318
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4312
- 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%;
4313
4336
  }
4314
4337
 
4315
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
+
4316
4343
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4317
- height: calc(100% - 48px);
4344
+ height: 100%;
4318
4345
  }
4319
4346
 
4320
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
+
4321
4360
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4322
- height: calc(100% - 37px);
4361
+ height: 100%;
4323
4362
  }
4324
4363
 
4325
4364
  .e-listbox-wrapper,
@@ -4346,13 +4385,13 @@ ejs-listbox {
4346
4385
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4347
4386
  .e-listbox-container.e-filter-list .e-list-parent,
4348
4387
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4349
- height: calc(100% - 40px);
4388
+ height: calc(100% - 36px);
4350
4389
  }
4351
4390
 
4352
4391
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4353
4392
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4354
4393
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4355
- height: calc(100% - 79px);
4394
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4356
4395
  }
4357
4396
 
4358
4397
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4628,6 +4667,30 @@ ejs-listbox {
4628
4667
  padding-right: 16px;
4629
4668
  }
4630
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
+
4631
4694
  /* stylelint-disable-line no-empty-source */
4632
4695
  /* stylelint-disable property-no-vendor-prefix */
4633
4696
  @keyframes material-spinner-rotate {
package/styles/material3.css CHANGED
@@ -4355,27 +4355,66 @@ ejs-listbox {
4355
4355
  }
4356
4356
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4357
4357
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4358
- height: calc(100% - 35px);
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 */
4359
4367
  }
4360
4368
 
4361
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4362
4369
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4363
- height: calc(100% - 48px);
4370
+ height: 100%;
4364
4371
  }
4365
4372
 
4366
4373
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4367
4374
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4368
- 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%;
4369
4392
  }
4370
4393
 
4371
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
+
4372
4399
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4373
- height: calc(100% - 48px);
4400
+ height: 100%;
4374
4401
  }
4375
4402
 
4376
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
+
4377
4416
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4378
- height: calc(100% - 37px);
4417
+ height: 100%;
4379
4418
  }
4380
4419
 
4381
4420
  .e-listbox-wrapper,
@@ -4402,13 +4441,13 @@ ejs-listbox {
4402
4441
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4403
4442
  .e-listbox-container.e-filter-list .e-list-parent,
4404
4443
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4405
- height: calc(100% - 40px);
4444
+ height: calc(100% - 36px);
4406
4445
  }
4407
4446
 
4408
4447
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4409
4448
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4410
4449
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4411
- height: calc(100% - 79px);
4450
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4412
4451
  }
4413
4452
 
4414
4453
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4684,6 +4723,30 @@ ejs-listbox {
4684
4723
  padding-right: 16px;
4685
4724
  }
4686
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
+
4687
4750
  /* stylelint-disable-line no-empty-source */
4688
4751
  /* stylelint-disable property-no-vendor-prefix */
4689
4752
  @keyframes material-spinner-rotate {
package/styles/tailwind-dark.css CHANGED
@@ -3148,27 +3148,66 @@ ejs-listbox {
3148
3148
  }
3149
3149
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3150
3150
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3151
- height: calc(100% - 45px);
3151
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3152
+ }
3153
+
3154
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3155
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3156
+ }
3157
+
3158
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3159
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3152
3160
  }
3153
3161
 
3154
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3155
3162
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3156
- height: calc(100% - 57px);
3163
+ height: 100%;
3157
3164
  }
3158
3165
 
3159
3166
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3160
3167
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3161
- height: calc(100% - 94px);
3168
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3169
+ }
3170
+
3171
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3172
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3173
+ }
3174
+
3175
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3176
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3177
+ }
3178
+
3179
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3180
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3181
+ }
3182
+
3183
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3184
+ height: 100%;
3162
3185
  }
3163
3186
 
3164
3187
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3188
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3189
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3190
+ }
3191
+
3165
3192
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3166
- height: calc(100% - 48px);
3193
+ height: 100%;
3167
3194
  }
3168
3195
 
3169
3196
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3197
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3198
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3199
+ }
3200
+
3201
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3202
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3203
+ }
3204
+
3205
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3206
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3207
+ }
3208
+
3170
3209
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3171
- height: calc(100% - 53px);
3210
+ height: 100%;
3172
3211
  }
3173
3212
 
3174
3213
  .e-listbox-wrapper,
@@ -3205,13 +3244,13 @@ ejs-listbox {
3205
3244
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3206
3245
  .e-listbox-container.e-filter-list .e-list-parent,
3207
3246
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3208
- height: calc(100% - 49px);
3247
+ height: calc(100% - 50px);
3209
3248
  }
3210
3249
 
3211
3250
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3212
3251
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3213
3252
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3214
- height: calc(100% - 76px);
3253
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3215
3254
  }
3216
3255
 
3217
3256
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3487,6 +3526,30 @@ ejs-listbox {
3487
3526
  padding-right: 16px;
3488
3527
  }
3489
3528
 
3529
+ .e-listbox-container.e-filter-list .e-list-parent {
3530
+ height: 100%;
3531
+ }
3532
+
3533
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3534
+ height: 100%;
3535
+ }
3536
+
3537
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3538
+ height: 100%;
3539
+ }
3540
+
3541
+ .e-listbox-container.e-filter-list .e-list-wrap {
3542
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3543
+ }
3544
+
3545
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3546
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3547
+ }
3548
+
3549
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3550
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3551
+ }
3552
+
3490
3553
  /* stylelint-disable-line no-empty-source */
3491
3554
  /* stylelint-disable property-no-vendor-prefix */
3492
3555
  @keyframes material-spinner-rotate {
package/styles/tailwind.css CHANGED
@@ -3148,27 +3148,66 @@ ejs-listbox {
3148
3148
  }
3149
3149
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3150
3150
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3151
- height: calc(100% - 45px);
3151
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3152
+ }
3153
+
3154
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3155
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3156
+ }
3157
+
3158
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3159
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3152
3160
  }
3153
3161
 
3154
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3155
3162
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3156
- height: calc(100% - 57px);
3163
+ height: 100%;
3157
3164
  }
3158
3165
 
3159
3166
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3160
3167
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3161
- height: calc(100% - 94px);
3168
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3169
+ }
3170
+
3171
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3172
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3173
+ }
3174
+
3175
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3176
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3177
+ }
3178
+
3179
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3180
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3181
+ }
3182
+
3183
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3184
+ height: 100%;
3162
3185
  }
3163
3186
 
3164
3187
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3188
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3189
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3190
+ }
3191
+
3165
3192
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3166
- height: calc(100% - 48px);
3193
+ height: 100%;
3167
3194
  }
3168
3195
 
3169
3196
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3197
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3198
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3199
+ }
3200
+
3201
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3202
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3203
+ }
3204
+
3205
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3206
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3207
+ }
3208
+
3170
3209
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3171
- height: calc(100% - 53px);
3210
+ height: 100%;
3172
3211
  }
3173
3212
 
3174
3213
  .e-listbox-wrapper,
@@ -3205,13 +3244,13 @@ ejs-listbox {
3205
3244
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3206
3245
  .e-listbox-container.e-filter-list .e-list-parent,
3207
3246
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3208
- height: calc(100% - 49px);
3247
+ height: calc(100% - 50px);
3209
3248
  }
3210
3249
 
3211
3250
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3212
3251
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3213
3252
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3214
- height: calc(100% - 76px);
3253
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3215
3254
  }
3216
3255
 
3217
3256
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3487,6 +3526,30 @@ ejs-listbox {
3487
3526
  padding-right: 16px;
3488
3527
  }
3489
3528
 
3529
+ .e-listbox-container.e-filter-list .e-list-parent {
3530
+ height: 100%;
3531
+ }
3532
+
3533
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3534
+ height: 100%;
3535
+ }
3536
+
3537
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3538
+ height: 100%;
3539
+ }
3540
+
3541
+ .e-listbox-container.e-filter-list .e-list-wrap {
3542
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3543
+ }
3544
+
3545
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3546
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3547
+ }
3548
+
3549
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3550
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3551
+ }
3552
+
3490
3553
  /* stylelint-disable-line no-empty-source */
3491
3554
  /* stylelint-disable property-no-vendor-prefix */
3492
3555
  @keyframes material-spinner-rotate {