@syncfusion/ej2-vue-dropdowns 20.1.61 → 20.2.39

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 (40) hide show
  1. package/CHANGELOG.md +3 -65
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +2 -2
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +2 -2
  6. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-dropdowns.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/multi-select/multiselect.component.d.ts +1 -1
  10. package/src/multi-select/multiselect.component.js +2 -2
  11. package/styles/bootstrap-dark.css +69 -11
  12. package/styles/bootstrap.css +69 -11
  13. package/styles/bootstrap4.css +69 -11
  14. package/styles/bootstrap5-dark.css +70 -12
  15. package/styles/bootstrap5.css +70 -12
  16. package/styles/fabric-dark.css +69 -11
  17. package/styles/fabric.css +69 -11
  18. package/styles/fluent-dark.css +73 -15
  19. package/styles/fluent.css +70 -12
  20. package/styles/highcontrast-light.css +69 -11
  21. package/styles/highcontrast.css +69 -11
  22. package/styles/list-box/bootstrap-dark.css +59 -11
  23. package/styles/list-box/bootstrap.css +69 -11
  24. package/styles/list-box/bootstrap4.css +69 -11
  25. package/styles/list-box/bootstrap5-dark.css +70 -12
  26. package/styles/list-box/bootstrap5.css +70 -12
  27. package/styles/list-box/fabric-dark.css +59 -11
  28. package/styles/list-box/fabric.css +69 -11
  29. package/styles/list-box/fluent-dark.css +73 -15
  30. package/styles/list-box/fluent.css +70 -12
  31. package/styles/list-box/highcontrast-light.css +59 -11
  32. package/styles/list-box/highcontrast.css +69 -11
  33. package/styles/list-box/material-dark.css +60 -12
  34. package/styles/list-box/material.css +70 -12
  35. package/styles/list-box/tailwind-dark.css +70 -12
  36. package/styles/list-box/tailwind.css +70 -12
  37. package/styles/material-dark.css +70 -12
  38. package/styles/material.css +70 -12
  39. package/styles/tailwind-dark.css +70 -12
  40. package/styles/tailwind.css +70 -12
package/styles/list-box/tailwind-dark.css CHANGED
@@ -87,6 +87,10 @@
87
87
  .e-listbox-container * {
88
88
  box-sizing: border-box;
89
89
  }
90
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
91
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
92
+ width: 84% !important;
93
+ }
90
94
  .e-listbox-wrapper:focus,
91
95
  .e-listbox-container:focus {
92
96
  outline: none;
@@ -317,8 +321,8 @@
317
321
  text-indent: 0;
318
322
  vertical-align: middle;
319
323
  }
320
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
321
- .e-listbox-container.e-right .e-checkbox-wrapper {
324
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
325
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
322
326
  position: absolute;
323
327
  right: 0;
324
328
  top: 30%;
@@ -437,6 +441,22 @@ ejs-listbox {
437
441
  list-style-type: none;
438
442
  margin-bottom: 10px;
439
443
  }
444
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
445
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
446
+ position: absolute;
447
+ right: 0;
448
+ top: 30%;
449
+ }
450
+
451
+ .e-listboxtool-container .e-left {
452
+ -ms-flex-direction: row-reverse;
453
+ flex-direction: row-reverse;
454
+ }
455
+
456
+ .e-listboxtool-wrapper .e-left {
457
+ -ms-flex-direction: column-reverse;
458
+ flex-direction: column-reverse;
459
+ }
440
460
 
441
461
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
442
462
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -447,6 +467,12 @@ ejs-listbox {
447
467
  margin-left: 15px;
448
468
  }
449
469
 
470
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
471
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
472
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
473
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
474
+ width: 80% !important;
475
+ }
450
476
  .e-bigger .e-listbox-wrapper .e-list-item,
451
477
  .e-listbox-wrapper.e-bigger .e-list-item,
452
478
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,21 +560,48 @@ ejs-listbox {
534
560
  .e-listbox-container.e-bigger .e-list-header .e-text {
535
561
  font-size: 14px;
536
562
  }
537
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
563
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
564
+ height: calc(100% - 38px);
565
+ }
566
+
567
+ .e-listbox-container.e-filter-list .e-list-wrap {
568
+ height: calc(100% - 38px) !important;
569
+ }
570
+
571
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
539
572
  height: calc(100% - 45px);
540
573
  }
541
574
 
542
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
543
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
544
- height: calc(100% - 55px);
575
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
576
+ height: calc(100% - 45px) !important;
577
+ }
578
+
579
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
580
+ height: calc(100% - 46px);
581
+ }
582
+
583
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 46px) !important;
585
+ }
586
+
587
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
588
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
589
+ height: calc(100% - 94px);
545
590
  }
546
591
 
547
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
548
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
592
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
593
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 48px);
595
+ }
596
+
597
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
549
598
  height: calc(100% - 45px);
550
599
  }
551
600
 
601
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
602
+ height: calc(100% - 45px) !important;
603
+ }
604
+
552
605
  .e-listbox-wrapper,
553
606
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
554
607
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -578,9 +631,14 @@ ejs-listbox {
578
631
  font-size: 12px;
579
632
  }
580
633
 
581
- .e-listbox-wrapper.e-filter-list .e-list-parent,
582
- .e-listbox-container.e-filter-list .e-list-parent {
583
- height: calc(100% - 47px);
634
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
635
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
636
+ height: calc(100% - 76px);
637
+ }
638
+
639
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
640
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
641
+ height: calc(100% - 38px);
584
642
  }
585
643
 
586
644
  .e-listbox-wrapper .e-icons,
package/styles/list-box/tailwind.css CHANGED
@@ -87,6 +87,10 @@
87
87
  .e-listbox-container * {
88
88
  box-sizing: border-box;
89
89
  }
90
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
91
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
92
+ width: 84% !important;
93
+ }
90
94
  .e-listbox-wrapper:focus,
91
95
  .e-listbox-container:focus {
92
96
  outline: none;
@@ -317,8 +321,8 @@
317
321
  text-indent: 0;
318
322
  vertical-align: middle;
319
323
  }
320
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
321
- .e-listbox-container.e-right .e-checkbox-wrapper {
324
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
325
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
322
326
  position: absolute;
323
327
  right: 0;
324
328
  top: 30%;
@@ -437,6 +441,22 @@ ejs-listbox {
437
441
  list-style-type: none;
438
442
  margin-bottom: 10px;
439
443
  }
444
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
445
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
446
+ position: absolute;
447
+ right: 0;
448
+ top: 30%;
449
+ }
450
+
451
+ .e-listboxtool-container .e-left {
452
+ -ms-flex-direction: row-reverse;
453
+ flex-direction: row-reverse;
454
+ }
455
+
456
+ .e-listboxtool-wrapper .e-left {
457
+ -ms-flex-direction: column-reverse;
458
+ flex-direction: column-reverse;
459
+ }
440
460
 
441
461
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
442
462
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -447,6 +467,12 @@ ejs-listbox {
447
467
  margin-left: 15px;
448
468
  }
449
469
 
470
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
471
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
472
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
473
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
474
+ width: 80% !important;
475
+ }
450
476
  .e-bigger .e-listbox-wrapper .e-list-item,
451
477
  .e-listbox-wrapper.e-bigger .e-list-item,
452
478
  .e-bigger .e-listbox-container .e-list-item,
@@ -534,21 +560,48 @@ ejs-listbox {
534
560
  .e-listbox-container.e-bigger .e-list-header .e-text {
535
561
  font-size: 14px;
536
562
  }
537
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
563
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
564
+ height: calc(100% - 38px);
565
+ }
566
+
567
+ .e-listbox-container.e-filter-list .e-list-wrap {
568
+ height: calc(100% - 38px) !important;
569
+ }
570
+
571
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
539
572
  height: calc(100% - 45px);
540
573
  }
541
574
 
542
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
543
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
544
- height: calc(100% - 55px);
575
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
576
+ height: calc(100% - 45px) !important;
577
+ }
578
+
579
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
580
+ height: calc(100% - 46px);
581
+ }
582
+
583
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 46px) !important;
585
+ }
586
+
587
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
588
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
589
+ height: calc(100% - 94px);
545
590
  }
546
591
 
547
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
548
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
592
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
593
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
594
+ height: calc(100% - 48px);
595
+ }
596
+
597
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
549
598
  height: calc(100% - 45px);
550
599
  }
551
600
 
601
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
602
+ height: calc(100% - 45px) !important;
603
+ }
604
+
552
605
  .e-listbox-wrapper,
553
606
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
554
607
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -578,9 +631,14 @@ ejs-listbox {
578
631
  font-size: 12px;
579
632
  }
580
633
 
581
- .e-listbox-wrapper.e-filter-list .e-list-parent,
582
- .e-listbox-container.e-filter-list .e-list-parent {
583
- height: calc(100% - 47px);
634
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
635
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
636
+ height: calc(100% - 76px);
637
+ }
638
+
639
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
640
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
641
+ height: calc(100% - 38px);
584
642
  }
585
643
 
586
644
  .e-listbox-wrapper .e-icons,
package/styles/material-dark.css CHANGED
@@ -3842,6 +3842,10 @@ ejs-multiselect {
3842
3842
  .e-listbox-container * {
3843
3843
  box-sizing: border-box;
3844
3844
  }
3845
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3846
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
3847
+ width: 86% !important;
3848
+ }
3845
3849
  .e-listbox-wrapper:focus,
3846
3850
  .e-listbox-container:focus {
3847
3851
  outline: none;
@@ -4072,8 +4076,8 @@ ejs-multiselect {
4072
4076
  text-indent: 0;
4073
4077
  vertical-align: middle;
4074
4078
  }
4075
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
4076
- .e-listbox-container.e-right .e-checkbox-wrapper {
4079
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4080
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
4077
4081
  position: absolute;
4078
4082
  right: 0;
4079
4083
  top: 30%;
@@ -4192,6 +4196,22 @@ ejs-listbox {
4192
4196
  list-style-type: none;
4193
4197
  margin-bottom: 10px;
4194
4198
  }
4199
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4200
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4201
+ position: absolute;
4202
+ right: 0;
4203
+ top: 30%;
4204
+ }
4205
+
4206
+ .e-listboxtool-container .e-left {
4207
+ -ms-flex-direction: row-reverse;
4208
+ flex-direction: row-reverse;
4209
+ }
4210
+
4211
+ .e-listboxtool-wrapper .e-left {
4212
+ -ms-flex-direction: column-reverse;
4213
+ flex-direction: column-reverse;
4214
+ }
4195
4215
 
4196
4216
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4197
4217
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -4202,6 +4222,12 @@ ejs-listbox {
4202
4222
  margin-left: 15px;
4203
4223
  }
4204
4224
 
4225
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4226
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
4227
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
4228
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
4229
+ width: 85% !important;
4230
+ }
4205
4231
  .e-bigger .e-listbox-wrapper .e-list-item,
4206
4232
  .e-listbox-wrapper.e-bigger .e-list-item,
4207
4233
  .e-bigger .e-listbox-container .e-list-item,
@@ -4289,21 +4315,48 @@ ejs-listbox {
4289
4315
  .e-listbox-container.e-bigger .e-list-header .e-text {
4290
4316
  font-size: 20px;
4291
4317
  }
4292
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4293
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
4318
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4319
+ height: calc(100% - 43px);
4320
+ }
4321
+
4322
+ .e-listbox-container.e-filter-list .e-list-wrap {
4323
+ height: calc(100% - 43px) !important;
4324
+ }
4325
+
4326
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
4294
4327
  height: calc(100% - 45px);
4295
4328
  }
4296
4329
 
4297
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4298
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4299
- height: calc(100% - 55px);
4330
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
4331
+ height: calc(100% - 45px) !important;
4332
+ }
4333
+
4334
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4335
+ height: calc(100% - 50px);
4336
+ }
4337
+
4338
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4339
+ height: calc(100% - 50px) !important;
4340
+ }
4341
+
4342
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4343
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4344
+ height: calc(100% - 98px);
4300
4345
  }
4301
4346
 
4302
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4303
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4347
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4348
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4349
+ height: calc(100% - 48px);
4350
+ }
4351
+
4352
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4304
4353
  height: calc(100% - 45px);
4305
4354
  }
4306
4355
 
4356
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4357
+ height: calc(100% - 45px) !important;
4358
+ }
4359
+
4307
4360
  .e-listbox-wrapper,
4308
4361
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4309
4362
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4323,9 +4376,14 @@ ejs-listbox {
4323
4376
  font-size: 20px;
4324
4377
  }
4325
4378
 
4326
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4327
- .e-listbox-container.e-filter-list .e-list-parent {
4328
- height: calc(100% - 47px);
4379
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4380
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4381
+ height: calc(100% - 79px);
4382
+ }
4383
+
4384
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4385
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4386
+ height: calc(100% - 36px);
4329
4387
  }
4330
4388
 
4331
4389
  .e-listbox-wrapper .e-icons,
package/styles/material.css CHANGED
@@ -3899,6 +3899,10 @@ ejs-multiselect {
3899
3899
  .e-listbox-container * {
3900
3900
  box-sizing: border-box;
3901
3901
  }
3902
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3903
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
3904
+ width: 86% !important;
3905
+ }
3902
3906
  .e-listbox-wrapper:focus,
3903
3907
  .e-listbox-container:focus {
3904
3908
  outline: none;
@@ -4129,8 +4133,8 @@ ejs-multiselect {
4129
4133
  text-indent: 0;
4130
4134
  vertical-align: middle;
4131
4135
  }
4132
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
4133
- .e-listbox-container.e-right .e-checkbox-wrapper {
4136
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4137
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
4134
4138
  position: absolute;
4135
4139
  right: 0;
4136
4140
  top: 30%;
@@ -4249,6 +4253,22 @@ ejs-listbox {
4249
4253
  list-style-type: none;
4250
4254
  margin-bottom: 10px;
4251
4255
  }
4256
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4257
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4258
+ position: absolute;
4259
+ right: 0;
4260
+ top: 30%;
4261
+ }
4262
+
4263
+ .e-listboxtool-container .e-left {
4264
+ -ms-flex-direction: row-reverse;
4265
+ flex-direction: row-reverse;
4266
+ }
4267
+
4268
+ .e-listboxtool-wrapper .e-left {
4269
+ -ms-flex-direction: column-reverse;
4270
+ flex-direction: column-reverse;
4271
+ }
4252
4272
 
4253
4273
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4254
4274
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -4259,6 +4279,12 @@ ejs-listbox {
4259
4279
  margin-left: 15px;
4260
4280
  }
4261
4281
 
4282
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
4283
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
4284
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
4285
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
4286
+ width: 85% !important;
4287
+ }
4262
4288
  .e-bigger .e-listbox-wrapper .e-list-item,
4263
4289
  .e-listbox-wrapper.e-bigger .e-list-item,
4264
4290
  .e-bigger .e-listbox-container .e-list-item,
@@ -4346,21 +4372,48 @@ ejs-listbox {
4346
4372
  .e-listbox-container.e-bigger .e-list-header .e-text {
4347
4373
  font-size: 20px;
4348
4374
  }
4349
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4350
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
4375
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4376
+ height: calc(100% - 43px);
4377
+ }
4378
+
4379
+ .e-listbox-container.e-filter-list .e-list-wrap {
4380
+ height: calc(100% - 43px) !important;
4381
+ }
4382
+
4383
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
4351
4384
  height: calc(100% - 45px);
4352
4385
  }
4353
4386
 
4354
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4355
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4356
- height: calc(100% - 55px);
4387
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
4388
+ height: calc(100% - 45px) !important;
4389
+ }
4390
+
4391
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4392
+ height: calc(100% - 50px);
4393
+ }
4394
+
4395
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4396
+ height: calc(100% - 50px) !important;
4397
+ }
4398
+
4399
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4400
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4401
+ height: calc(100% - 98px);
4357
4402
  }
4358
4403
 
4359
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4360
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4404
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4405
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4406
+ height: calc(100% - 48px);
4407
+ }
4408
+
4409
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4361
4410
  height: calc(100% - 45px);
4362
4411
  }
4363
4412
 
4413
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4414
+ height: calc(100% - 45px) !important;
4415
+ }
4416
+
4364
4417
  .e-listbox-wrapper,
4365
4418
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4366
4419
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4380,9 +4433,14 @@ ejs-listbox {
4380
4433
  font-size: 20px;
4381
4434
  }
4382
4435
 
4383
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4384
- .e-listbox-container.e-filter-list .e-list-parent {
4385
- height: calc(100% - 47px);
4436
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4437
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4438
+ height: calc(100% - 79px);
4439
+ }
4440
+
4441
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4442
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4443
+ height: calc(100% - 36px);
4386
4444
  }
4387
4445
 
4388
4446
  .e-listbox-wrapper .e-icons,
package/styles/tailwind-dark.css CHANGED
@@ -2546,6 +2546,10 @@ ejs-multiselect {
2546
2546
  .e-listbox-container * {
2547
2547
  box-sizing: border-box;
2548
2548
  }
2549
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2550
+ .e-listbox-container.e-listboxtool-container .e-list-wrap {
2551
+ width: 84% !important;
2552
+ }
2549
2553
  .e-listbox-wrapper:focus,
2550
2554
  .e-listbox-container:focus {
2551
2555
  outline: none;
@@ -2776,8 +2780,8 @@ ejs-multiselect {
2776
2780
  text-indent: 0;
2777
2781
  vertical-align: middle;
2778
2782
  }
2779
- .e-listbox-wrapper.e-right .e-checkbox-wrapper,
2780
- .e-listbox-container.e-right .e-checkbox-wrapper {
2783
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2784
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
2781
2785
  position: absolute;
2782
2786
  right: 0;
2783
2787
  top: 30%;
@@ -2896,6 +2900,22 @@ ejs-listbox {
2896
2900
  list-style-type: none;
2897
2901
  margin-bottom: 10px;
2898
2902
  }
2903
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2904
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2905
+ position: absolute;
2906
+ right: 0;
2907
+ top: 30%;
2908
+ }
2909
+
2910
+ .e-listboxtool-container .e-left {
2911
+ -ms-flex-direction: row-reverse;
2912
+ flex-direction: row-reverse;
2913
+ }
2914
+
2915
+ .e-listboxtool-wrapper .e-left {
2916
+ -ms-flex-direction: column-reverse;
2917
+ flex-direction: column-reverse;
2918
+ }
2899
2919
 
2900
2920
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2901
2921
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2906,6 +2926,12 @@ ejs-listbox {
2906
2926
  margin-left: 15px;
2907
2927
  }
2908
2928
 
2929
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2930
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
2931
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
2932
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
2933
+ width: 80% !important;
2934
+ }
2909
2935
  .e-bigger .e-listbox-wrapper .e-list-item,
2910
2936
  .e-listbox-wrapper.e-bigger .e-list-item,
2911
2937
  .e-bigger .e-listbox-container .e-list-item,
@@ -2993,21 +3019,48 @@ ejs-listbox {
2993
3019
  .e-listbox-container.e-bigger .e-list-header .e-text {
2994
3020
  font-size: 14px;
2995
3021
  }
2996
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2997
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3022
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3023
+ height: calc(100% - 38px);
3024
+ }
3025
+
3026
+ .e-listbox-container.e-filter-list .e-list-wrap {
3027
+ height: calc(100% - 38px) !important;
3028
+ }
3029
+
3030
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
2998
3031
  height: calc(100% - 45px);
2999
3032
  }
3000
3033
 
3001
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3002
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3003
- height: calc(100% - 55px);
3034
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
3035
+ height: calc(100% - 45px) !important;
3036
+ }
3037
+
3038
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3039
+ height: calc(100% - 46px);
3040
+ }
3041
+
3042
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3043
+ height: calc(100% - 46px) !important;
3044
+ }
3045
+
3046
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3047
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3048
+ height: calc(100% - 94px);
3004
3049
  }
3005
3050
 
3006
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3007
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3051
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3052
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3053
+ height: calc(100% - 48px);
3054
+ }
3055
+
3056
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
3008
3057
  height: calc(100% - 45px);
3009
3058
  }
3010
3059
 
3060
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3061
+ height: calc(100% - 45px) !important;
3062
+ }
3063
+
3011
3064
  .e-listbox-wrapper,
3012
3065
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3013
3066
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3037,9 +3090,14 @@ ejs-listbox {
3037
3090
  font-size: 12px;
3038
3091
  }
3039
3092
 
3040
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3041
- .e-listbox-container.e-filter-list .e-list-parent {
3042
- height: calc(100% - 47px);
3093
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3094
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3095
+ height: calc(100% - 76px);
3096
+ }
3097
+
3098
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3099
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3100
+ height: calc(100% - 38px);
3043
3101
  }
3044
3102
 
3045
3103
  .e-listbox-wrapper .e-icons,