@syncfusion/ej2-dropdowns 19.4.42 → 19.4.52

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 (69) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +73 -20
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +150 -92
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/drop-down-base/drop-down-base.js +18 -6
  14. package/src/drop-down-list/drop-down-list.js +107 -72
  15. package/src/list-box/list-box.js +4 -3
  16. package/src/multi-select/multi-select.js +18 -8
  17. package/styles/bootstrap-dark.css +18 -4
  18. package/styles/bootstrap.css +18 -4
  19. package/styles/bootstrap4.css +18 -4
  20. package/styles/bootstrap5-dark.css +18 -4
  21. package/styles/bootstrap5.css +18 -4
  22. package/styles/fabric-dark.css +18 -4
  23. package/styles/fabric.css +18 -4
  24. package/styles/highcontrast-light.css +18 -4
  25. package/styles/highcontrast.css +18 -4
  26. package/styles/list-box/_bootstrap-dark-definition.scss +3 -0
  27. package/styles/list-box/_bootstrap-definition.scss +3 -0
  28. package/styles/list-box/_bootstrap4-definition.scss +3 -0
  29. package/styles/list-box/_bootstrap5-definition.scss +3 -0
  30. package/styles/list-box/_fabric-dark-definition.scss +3 -0
  31. package/styles/list-box/_fabric-definition.scss +3 -0
  32. package/styles/list-box/_fluent-definition.scss +3 -0
  33. package/styles/list-box/_highcontrast-definition.scss +3 -0
  34. package/styles/list-box/_highcontrast-light-definition.scss +3 -0
  35. package/styles/list-box/_material-dark-definition.scss +3 -0
  36. package/styles/list-box/_material-definition.scss +3 -0
  37. package/styles/list-box/_tailwind-definition.scss +3 -0
  38. package/styles/list-box/_theme.scss +8 -0
  39. package/styles/list-box/bootstrap-dark.css +10 -0
  40. package/styles/list-box/bootstrap.css +10 -0
  41. package/styles/list-box/bootstrap4.css +10 -0
  42. package/styles/list-box/bootstrap5-dark.css +10 -0
  43. package/styles/list-box/bootstrap5.css +10 -0
  44. package/styles/list-box/fabric-dark.css +10 -0
  45. package/styles/list-box/fabric.css +10 -0
  46. package/styles/list-box/highcontrast-light.css +10 -0
  47. package/styles/list-box/highcontrast.css +10 -0
  48. package/styles/list-box/material-dark.css +10 -0
  49. package/styles/list-box/material.css +10 -0
  50. package/styles/list-box/tailwind-dark.css +10 -0
  51. package/styles/list-box/tailwind.css +10 -0
  52. package/styles/material-dark.css +18 -4
  53. package/styles/material.css +18 -4
  54. package/styles/multi-select/_layout.scss +6 -4
  55. package/styles/multi-select/bootstrap-dark.css +8 -4
  56. package/styles/multi-select/bootstrap.css +8 -4
  57. package/styles/multi-select/bootstrap4.css +8 -4
  58. package/styles/multi-select/bootstrap5-dark.css +8 -4
  59. package/styles/multi-select/bootstrap5.css +8 -4
  60. package/styles/multi-select/fabric-dark.css +8 -4
  61. package/styles/multi-select/fabric.css +8 -4
  62. package/styles/multi-select/highcontrast-light.css +8 -4
  63. package/styles/multi-select/highcontrast.css +8 -4
  64. package/styles/multi-select/material-dark.css +8 -4
  65. package/styles/multi-select/material.css +8 -4
  66. package/styles/multi-select/tailwind-dark.css +8 -4
  67. package/styles/multi-select/tailwind.css +8 -4
  68. package/styles/tailwind-dark.css +18 -4
  69. package/styles/tailwind.css +18 -4
@@ -1445,11 +1445,13 @@ ejs-dropdownlist {
1445
1445
  padding: 12px 4px 11px 0;
1446
1446
  }
1447
1447
 
1448
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1448
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1449
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1449
1450
  width: 0;
1450
1451
  }
1451
1452
 
1452
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1453
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1454
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1453
1455
  height: 1px;
1454
1456
  min-height: 1px;
1455
1457
  }
@@ -1579,7 +1581,8 @@ ejs-dropdownlist {
1579
1581
  word-wrap: initial;
1580
1582
  }
1581
1583
 
1582
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1584
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1585
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1583
1586
  top: 15px;
1584
1587
  }
1585
1588
 
@@ -1789,7 +1792,8 @@ ejs-dropdownlist {
1789
1792
  padding-left: 0;
1790
1793
  }
1791
1794
 
1792
- .e-multi-select-list-wrapper .e-hide-listitem {
1795
+ .e-multi-select-list-wrapper .e-hide-listitem,
1796
+ .e-multi-select-list-wrapper .e-hide-group-header {
1793
1797
  display: none;
1794
1798
  }
1795
1799
 
@@ -3173,6 +3177,16 @@ ejs-listbox {
3173
3177
  height: calc(100% - 47px);
3174
3178
  }
3175
3179
 
3180
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3181
+ .e-listbox-container.e-select-all .e-list-parent {
3182
+ height: calc(100% - 36px);
3183
+ }
3184
+
3185
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3186
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3187
+ height: calc(100% - 86px);
3188
+ }
3189
+
3176
3190
  .e-listbox-wrapper .e-list-item,
3177
3191
  .e-listbox-container .e-list-item {
3178
3192
  background-color: transparent;
@@ -1445,11 +1445,13 @@ ejs-dropdownlist {
1445
1445
  padding: 12px 4px 11px 0;
1446
1446
  }
1447
1447
 
1448
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1448
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1449
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1449
1450
  width: 0;
1450
1451
  }
1451
1452
 
1452
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1453
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1454
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1453
1455
  height: 1px;
1454
1456
  min-height: 1px;
1455
1457
  }
@@ -1579,7 +1581,8 @@ ejs-dropdownlist {
1579
1581
  word-wrap: initial;
1580
1582
  }
1581
1583
 
1582
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1584
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1585
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1583
1586
  top: 15px;
1584
1587
  }
1585
1588
 
@@ -1789,7 +1792,8 @@ ejs-dropdownlist {
1789
1792
  padding-left: 0;
1790
1793
  }
1791
1794
 
1792
- .e-multi-select-list-wrapper .e-hide-listitem {
1795
+ .e-multi-select-list-wrapper .e-hide-listitem,
1796
+ .e-multi-select-list-wrapper .e-hide-group-header {
1793
1797
  display: none;
1794
1798
  }
1795
1799
 
@@ -3173,6 +3177,16 @@ ejs-listbox {
3173
3177
  height: calc(100% - 47px);
3174
3178
  }
3175
3179
 
3180
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3181
+ .e-listbox-container.e-select-all .e-list-parent {
3182
+ height: calc(100% - 36px);
3183
+ }
3184
+
3185
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3186
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3187
+ height: calc(100% - 86px);
3188
+ }
3189
+
3176
3190
  .e-listbox-wrapper .e-list-item,
3177
3191
  .e-listbox-container .e-list-item {
3178
3192
  background-color: transparent;
@@ -1306,11 +1306,13 @@ ejs-dropdownlist {
1306
1306
  padding: 9px 0;
1307
1307
  }
1308
1308
 
1309
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1309
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1310
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1310
1311
  width: 0;
1311
1312
  }
1312
1313
 
1313
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1314
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1315
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1314
1316
  height: 1px;
1315
1317
  min-height: 1px;
1316
1318
  }
@@ -1440,7 +1442,8 @@ ejs-dropdownlist {
1440
1442
  word-wrap: initial;
1441
1443
  }
1442
1444
 
1443
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1445
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1446
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1444
1447
  top: 15px;
1445
1448
  }
1446
1449
 
@@ -1640,7 +1643,8 @@ ejs-dropdownlist {
1640
1643
  padding-left: 10px;
1641
1644
  }
1642
1645
 
1643
- .e-multi-select-list-wrapper .e-hide-listitem {
1646
+ .e-multi-select-list-wrapper .e-hide-listitem,
1647
+ .e-multi-select-list-wrapper .e-hide-group-header {
1644
1648
  display: none;
1645
1649
  }
1646
1650
 
@@ -3033,6 +3037,16 @@ ejs-listbox {
3033
3037
  height: calc(100% - 51px);
3034
3038
  }
3035
3039
 
3040
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3041
+ .e-listbox-container.e-select-all .e-list-parent {
3042
+ height: calc(100% - 36px);
3043
+ }
3044
+
3045
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3046
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3047
+ height: calc(100% - 87px);
3048
+ }
3049
+
3036
3050
  .e-listbox-wrapper .e-icons,
3037
3051
  .e-listbox-container .e-icons {
3038
3052
  color: #dadada;
package/styles/fabric.css CHANGED
@@ -1300,11 +1300,13 @@ ejs-dropdownlist {
1300
1300
  padding: 9px 0;
1301
1301
  }
1302
1302
 
1303
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1303
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1304
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1304
1305
  width: 0;
1305
1306
  }
1306
1307
 
1307
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1308
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1309
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1308
1310
  height: 1px;
1309
1311
  min-height: 1px;
1310
1312
  }
@@ -1434,7 +1436,8 @@ ejs-dropdownlist {
1434
1436
  word-wrap: initial;
1435
1437
  }
1436
1438
 
1437
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1439
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1440
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1438
1441
  top: 15px;
1439
1442
  }
1440
1443
 
@@ -1634,7 +1637,8 @@ ejs-dropdownlist {
1634
1637
  padding-left: 10px;
1635
1638
  }
1636
1639
 
1637
- .e-multi-select-list-wrapper .e-hide-listitem {
1640
+ .e-multi-select-list-wrapper .e-hide-listitem,
1641
+ .e-multi-select-list-wrapper .e-hide-group-header {
1638
1642
  display: none;
1639
1643
  }
1640
1644
 
@@ -3027,6 +3031,16 @@ ejs-listbox {
3027
3031
  height: calc(100% - 51px);
3028
3032
  }
3029
3033
 
3034
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3035
+ .e-listbox-container.e-select-all .e-list-parent {
3036
+ height: calc(100% - 36px);
3037
+ }
3038
+
3039
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3040
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3041
+ height: calc(100% - 87px);
3042
+ }
3043
+
3030
3044
  .e-listbox-wrapper .e-icons,
3031
3045
  .e-listbox-container .e-icons {
3032
3046
  color: #333;
@@ -1434,11 +1434,13 @@ ejs-dropdownlist {
1434
1434
  padding: 9px 0;
1435
1435
  }
1436
1436
 
1437
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1437
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1438
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1438
1439
  width: 0;
1439
1440
  }
1440
1441
 
1441
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1442
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1443
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1442
1444
  height: 1px;
1443
1445
  min-height: 1px;
1444
1446
  }
@@ -1568,7 +1570,8 @@ ejs-dropdownlist {
1568
1570
  word-wrap: initial;
1569
1571
  }
1570
1572
 
1571
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1573
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1574
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1572
1575
  top: 15px;
1573
1576
  }
1574
1577
 
@@ -1778,7 +1781,8 @@ ejs-dropdownlist {
1778
1781
  padding-left: 10px;
1779
1782
  }
1780
1783
 
1781
- .e-multi-select-list-wrapper .e-hide-listitem {
1784
+ .e-multi-select-list-wrapper .e-hide-listitem,
1785
+ .e-multi-select-list-wrapper .e-hide-group-header {
1782
1786
  display: none;
1783
1787
  }
1784
1788
 
@@ -3175,6 +3179,16 @@ ejs-listbox {
3175
3179
  height: calc(100% - 51px);
3176
3180
  }
3177
3181
 
3182
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3183
+ .e-listbox-container.e-select-all .e-list-parent {
3184
+ height: calc(100% - 36px);
3185
+ }
3186
+
3187
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3188
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3189
+ height: calc(100% - 87px);
3190
+ }
3191
+
3178
3192
  .e-listbox-wrapper .e-icons,
3179
3193
  .e-listbox-container .e-icons {
3180
3194
  color: #000;
@@ -1441,11 +1441,13 @@ ejs-dropdownlist {
1441
1441
  padding: 9px 0;
1442
1442
  }
1443
1443
 
1444
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1444
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1445
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1445
1446
  width: 0;
1446
1447
  }
1447
1448
 
1448
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1449
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1450
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1449
1451
  height: 1px;
1450
1452
  min-height: 1px;
1451
1453
  }
@@ -1575,7 +1577,8 @@ ejs-dropdownlist {
1575
1577
  word-wrap: initial;
1576
1578
  }
1577
1579
 
1578
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1580
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1581
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1579
1582
  top: 15px;
1580
1583
  }
1581
1584
 
@@ -1785,7 +1788,8 @@ ejs-dropdownlist {
1785
1788
  padding-left: 10px;
1786
1789
  }
1787
1790
 
1788
- .e-multi-select-list-wrapper .e-hide-listitem {
1791
+ .e-multi-select-list-wrapper .e-hide-listitem,
1792
+ .e-multi-select-list-wrapper .e-hide-group-header {
1789
1793
  display: none;
1790
1794
  }
1791
1795
 
@@ -3182,6 +3186,16 @@ ejs-listbox {
3182
3186
  height: calc(100% - 51px);
3183
3187
  }
3184
3188
 
3189
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3190
+ .e-listbox-container.e-select-all .e-list-parent {
3191
+ height: calc(100% - 36px);
3192
+ }
3193
+
3194
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3195
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3196
+ height: calc(100% - 87px);
3197
+ }
3198
+
3185
3199
  .e-listbox-wrapper .e-icons,
3186
3200
  .e-listbox-container .e-icons {
3187
3201
  color: #fff;
@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 52px) !default;
118
118
  $listbox-filter-small-height: calc(100% - 46px) !default;
119
119
  $listbox-filter-bigger-small-height: calc(100% - 54px) !default;
120
120
  $listbox-filter-bigger-height: calc(100% - 58px) !default;
121
+
122
+ $listbox-select-all-height: calc(100% - 40px) !default;
123
+ $listbox-filter-select-all-height: calc(100% - 92px) !default;
@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 52px) !default;
112
112
  $listbox-filter-small-height: calc(100% - 46px) !default;
113
113
  $listbox-filter-bigger-small-height: calc(100% - 54px) !default;
114
114
  $listbox-filter-bigger-height: calc(100% - 58px) !default;
115
+
116
+ $listbox-select-all-height: calc(100% - 40px) !default;
117
+ $listbox-filter-select-all-height: calc(100% - 92px) !default;
@@ -117,3 +117,6 @@ $listbox-filter-height: calc(100% - 39px) !default;
117
117
  $listbox-filter-small-height: calc(100% - 32px) !default;
118
118
  $listbox-filter-bigger-small-height: calc(100% - 44px) !default;
119
119
  $listbox-filter-bigger-height: calc(100% - 46px) !default;
120
+
121
+ $listbox-select-all-height: calc(100% - 40px) !default;
122
+ $listbox-filter-select-all-height: calc(100% - 79px) !default;
@@ -78,6 +78,9 @@ $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
78
78
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
79
79
  $listbox-item-height: 36px !default;
80
80
 
81
+ $listbox-select-all-height: calc(100% - 36px) !default;
82
+ $listbox-filter-select-all-height: calc(100% - 86px) !default;
83
+
81
84
  $listbox-border-color: $border-light;
82
85
  $badge-color: $primary-text-color !default;
83
86
  $badge-bgcolor: $primary !default;
@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
118
118
  $listbox-filter-small-height: calc(100% - 45px) !default;
119
119
  $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
120
120
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
121
+
122
+ $listbox-select-all-height: calc(100% - 36px) !default;
123
+ $listbox-filter-select-all-height: calc(100% - 87px) !default;
@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
112
112
  $listbox-filter-small-height: calc(100% - 45px) !default;
113
113
  $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
114
114
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
115
+
116
+ $listbox-select-all-height: calc(100% - 36px) !default;
117
+ $listbox-filter-select-all-height: calc(100% - 87px) !default;
@@ -78,6 +78,9 @@ $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
78
78
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
79
79
  $listbox-item-height: 36px !default;
80
80
 
81
+ $listbox-select-all-height: calc(100% - 36px) !default;
82
+ $listbox-filter-select-all-height: calc(100% - 83px) !default;
83
+
81
84
  $listbox-border-color: $border-light;
82
85
  $badge-color: $primary-text-color !default;
83
86
  $badge-bgcolor: $primary !default;
@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
112
112
  $listbox-filter-small-height: calc(100% - 45px) !default;
113
113
  $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
114
114
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
115
+
116
+ $listbox-select-all-height: calc(100% - 36px) !default;
117
+ $listbox-filter-select-all-height: calc(100% - 87px) !default;
@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
118
118
  $listbox-filter-small-height: calc(100% - 45px) !default;
119
119
  $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
120
120
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
121
+
122
+ $listbox-select-all-height: calc(100% - 36px) !default;
123
+ $listbox-filter-select-all-height: calc(100% - 87px) !default;
@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 47px) !default;
118
118
  $listbox-filter-small-height: calc(100% - 45px) !default;
119
119
  $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
120
120
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
121
+
122
+ $listbox-select-all-height: calc(100% - 36px) !default;
123
+ $listbox-filter-select-all-height: calc(100% - 79px) !default;
@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 47px) !default;
112
112
  $listbox-filter-small-height: calc(100% - 45px) !default;
113
113
  $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
114
114
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
115
+
116
+ $listbox-select-all-height: calc(100% - 36px) !default;
117
+ $listbox-filter-select-all-height: calc(100% - 79px) !default;
@@ -77,6 +77,9 @@ $listbox-filter-small-height: calc(100% - 45px) !default;
77
77
  $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
78
78
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
79
79
 
80
+ $listbox-select-all-height: calc(100% - 38px) !default;
81
+ $listbox-filter-select-all-height: calc(100% - 76px) !default;
82
+
80
83
  $listbox-border-color: $border-light;
81
84
  $badge-color: $primary-text-color !default;
82
85
  $badge-bgcolor: $primary !default;
@@ -50,6 +50,14 @@
50
50
  height: $listbox-filter-height;
51
51
  }
52
52
 
53
+ &.e-select-all .e-list-parent {
54
+ height: $listbox-select-all-height;
55
+ }
56
+
57
+ &.e-filter-list.e-select-all .e-list-parent {
58
+ height: $listbox-filter-select-all-height;
59
+ }
60
+
53
61
  & .e-icons {
54
62
  @if $skin-name != 'bootstrap5' {
55
63
  color: $listview-icon-color;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 52px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 40px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 92px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #f0f0f0;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 52px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 40px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 92px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: rgba(0, 0, 0, 0.75);
@@ -675,6 +675,16 @@ ejs-listbox {
675
675
  height: calc(100% - 39px);
676
676
  }
677
677
 
678
+ .e-listbox-wrapper.e-select-all .e-list-parent,
679
+ .e-listbox-container.e-select-all .e-list-parent {
680
+ height: calc(100% - 40px);
681
+ }
682
+
683
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
684
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
685
+ height: calc(100% - 79px);
686
+ }
687
+
678
688
  .e-listbox-wrapper .e-icons,
679
689
  .e-listbox-container .e-icons {
680
690
  color: #212529;
@@ -634,6 +634,16 @@ ejs-listbox {
634
634
  height: calc(100% - 47px);
635
635
  }
636
636
 
637
+ .e-listbox-wrapper.e-select-all .e-list-parent,
638
+ .e-listbox-container.e-select-all .e-list-parent {
639
+ height: calc(100% - 36px);
640
+ }
641
+
642
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
643
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
644
+ height: calc(100% - 86px);
645
+ }
646
+
637
647
  .e-listbox-wrapper .e-list-item,
638
648
  .e-listbox-container .e-list-item {
639
649
  background-color: transparent;
@@ -634,6 +634,16 @@ ejs-listbox {
634
634
  height: calc(100% - 47px);
635
635
  }
636
636
 
637
+ .e-listbox-wrapper.e-select-all .e-list-parent,
638
+ .e-listbox-container.e-select-all .e-list-parent {
639
+ height: calc(100% - 36px);
640
+ }
641
+
642
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
643
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
644
+ height: calc(100% - 86px);
645
+ }
646
+
637
647
  .e-listbox-wrapper .e-list-item,
638
648
  .e-listbox-container .e-list-item {
639
649
  background-color: transparent;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 51px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 87px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #dadada;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 51px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 87px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #333;
@@ -627,6 +627,16 @@ ejs-listbox {
627
627
  height: calc(100% - 51px);
628
628
  }
629
629
 
630
+ .e-listbox-wrapper.e-select-all .e-list-parent,
631
+ .e-listbox-container.e-select-all .e-list-parent {
632
+ height: calc(100% - 36px);
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
636
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
637
+ height: calc(100% - 87px);
638
+ }
639
+
630
640
  .e-listbox-wrapper .e-icons,
631
641
  .e-listbox-container .e-icons {
632
642
  color: #000;
@@ -627,6 +627,16 @@ ejs-listbox {
627
627
  height: calc(100% - 51px);
628
628
  }
629
629
 
630
+ .e-listbox-wrapper.e-select-all .e-list-parent,
631
+ .e-listbox-container.e-select-all .e-list-parent {
632
+ height: calc(100% - 36px);
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
636
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
637
+ height: calc(100% - 87px);
638
+ }
639
+
630
640
  .e-listbox-wrapper .e-icons,
631
641
  .e-listbox-container .e-icons {
632
642
  color: #fff;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 47px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 79px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #fff;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 47px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 79px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: rgba(0, 0, 0, 0.54);
@@ -653,6 +653,16 @@ ejs-listbox {
653
653
  height: calc(100% - 47px);
654
654
  }
655
655
 
656
+ .e-listbox-wrapper.e-select-all .e-list-parent,
657
+ .e-listbox-container.e-select-all .e-list-parent {
658
+ height: calc(100% - 38px);
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
662
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
663
+ height: calc(100% - 76px);
664
+ }
665
+
656
666
  .e-listbox-wrapper .e-icons,
657
667
  .e-listbox-container .e-icons {
658
668
  color: #d1d5db;
@@ -653,6 +653,16 @@ ejs-listbox {
653
653
  height: calc(100% - 47px);
654
654
  }
655
655
 
656
+ .e-listbox-wrapper.e-select-all .e-list-parent,
657
+ .e-listbox-container.e-select-all .e-list-parent {
658
+ height: calc(100% - 38px);
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
662
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
663
+ height: calc(100% - 76px);
664
+ }
665
+
656
666
  .e-listbox-wrapper .e-icons,
657
667
  .e-listbox-container .e-icons {
658
668
  color: #6b7280;