@syncfusion/ej2-dropdowns 30.1.41 → 30.2.4

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 (126) hide show
  1. package/aceconfig.js +17 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  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 +155 -11
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +156 -11
  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 +8 -8
  13. package/src/combo-box/combo-box.js +2 -2
  14. package/src/common/interface.d.ts +1 -0
  15. package/src/common/virtual-scroll.js +2 -1
  16. package/src/drop-down-base/drop-down-base.d.ts +2 -0
  17. package/src/drop-down-base/drop-down-base.js +90 -3
  18. package/src/drop-down-list/drop-down-list.js +3 -0
  19. package/src/drop-down-tree/drop-down-tree.js +1 -1
  20. package/src/list-box/list-box.d.ts +1 -0
  21. package/src/list-box/list-box.js +21 -3
  22. package/src/multi-select/multi-select.js +37 -1
  23. package/styles/bds-lite.css +12 -0
  24. package/styles/bds.css +12 -0
  25. package/styles/bootstrap-dark-lite.css +12 -0
  26. package/styles/bootstrap-dark.css +12 -0
  27. package/styles/bootstrap-lite.css +12 -0
  28. package/styles/bootstrap.css +12 -0
  29. package/styles/bootstrap4-lite.css +12 -0
  30. package/styles/bootstrap4.css +12 -0
  31. package/styles/bootstrap5-dark-lite.css +12 -0
  32. package/styles/bootstrap5-dark.css +12 -0
  33. package/styles/bootstrap5-lite.css +12 -0
  34. package/styles/bootstrap5.3-lite.css +12 -0
  35. package/styles/bootstrap5.3.css +12 -0
  36. package/styles/bootstrap5.css +12 -0
  37. package/styles/drop-down-tree/_layout.scss +5 -0
  38. package/styles/drop-down-tree/bds.css +3 -0
  39. package/styles/drop-down-tree/bootstrap-dark.css +3 -0
  40. package/styles/drop-down-tree/bootstrap.css +3 -0
  41. package/styles/drop-down-tree/bootstrap4.css +3 -0
  42. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  43. package/styles/drop-down-tree/bootstrap5.3.css +3 -0
  44. package/styles/drop-down-tree/bootstrap5.css +3 -0
  45. package/styles/drop-down-tree/fabric-dark.css +3 -0
  46. package/styles/drop-down-tree/fabric.css +3 -0
  47. package/styles/drop-down-tree/fluent-dark.css +3 -0
  48. package/styles/drop-down-tree/fluent.css +3 -0
  49. package/styles/drop-down-tree/fluent2.css +3 -0
  50. package/styles/drop-down-tree/highcontrast-light.css +3 -0
  51. package/styles/drop-down-tree/highcontrast.css +3 -0
  52. package/styles/drop-down-tree/material-dark.css +3 -0
  53. package/styles/drop-down-tree/material.css +3 -0
  54. package/styles/drop-down-tree/material3-dark.css +3 -0
  55. package/styles/drop-down-tree/material3.css +3 -0
  56. package/styles/drop-down-tree/tailwind-dark.css +3 -0
  57. package/styles/drop-down-tree/tailwind.css +3 -0
  58. package/styles/drop-down-tree/tailwind3.css +3 -0
  59. package/styles/fabric-dark-lite.css +12 -0
  60. package/styles/fabric-dark.css +12 -0
  61. package/styles/fabric-lite.css +12 -0
  62. package/styles/fabric.css +12 -0
  63. package/styles/fluent-dark-lite.css +12 -0
  64. package/styles/fluent-dark.css +12 -0
  65. package/styles/fluent-lite.css +12 -0
  66. package/styles/fluent.css +12 -0
  67. package/styles/fluent2-lite.css +12 -0
  68. package/styles/fluent2.css +12 -0
  69. package/styles/highcontrast-light-lite.css +12 -0
  70. package/styles/highcontrast-light.css +12 -0
  71. package/styles/highcontrast-lite.css +12 -0
  72. package/styles/highcontrast.css +12 -0
  73. package/styles/list-box/_bds-definition.scss +1 -0
  74. package/styles/list-box/_bootstrap-dark-definition.scss +1 -0
  75. package/styles/list-box/_bootstrap-definition.scss +1 -0
  76. package/styles/list-box/_bootstrap4-definition.scss +1 -0
  77. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  78. package/styles/list-box/_bootstrap5.3-definition.scss +1 -0
  79. package/styles/list-box/_fabric-dark-definition.scss +1 -0
  80. package/styles/list-box/_fabric-definition.scss +1 -0
  81. package/styles/list-box/_fluent-definition.scss +1 -0
  82. package/styles/list-box/_fluent2-definition.scss +1 -0
  83. package/styles/list-box/_fusionnew-definition.scss +1 -0
  84. package/styles/list-box/_highcontrast-definition.scss +1 -0
  85. package/styles/list-box/_highcontrast-light-definition.scss +1 -0
  86. package/styles/list-box/_layout.scss +8 -0
  87. package/styles/list-box/_material-dark-definition.scss +1 -0
  88. package/styles/list-box/_material-definition.scss +1 -0
  89. package/styles/list-box/_material3-definition.scss +1 -0
  90. package/styles/list-box/_tailwind-definition.scss +1 -0
  91. package/styles/list-box/_tailwind3-definition.scss +1 -0
  92. package/styles/list-box/bds.css +9 -0
  93. package/styles/list-box/bootstrap-dark.css +9 -0
  94. package/styles/list-box/bootstrap.css +9 -0
  95. package/styles/list-box/bootstrap4.css +9 -0
  96. package/styles/list-box/bootstrap5-dark.css +9 -0
  97. package/styles/list-box/bootstrap5.3.css +9 -0
  98. package/styles/list-box/bootstrap5.css +9 -0
  99. package/styles/list-box/fabric-dark.css +9 -0
  100. package/styles/list-box/fabric.css +9 -0
  101. package/styles/list-box/fluent-dark.css +9 -0
  102. package/styles/list-box/fluent.css +9 -0
  103. package/styles/list-box/fluent2.css +9 -0
  104. package/styles/list-box/highcontrast-light.css +9 -0
  105. package/styles/list-box/highcontrast.css +9 -0
  106. package/styles/list-box/material-dark.css +9 -0
  107. package/styles/list-box/material.css +9 -0
  108. package/styles/list-box/material3-dark.css +9 -0
  109. package/styles/list-box/material3.css +9 -0
  110. package/styles/list-box/tailwind-dark.css +9 -0
  111. package/styles/list-box/tailwind.css +9 -0
  112. package/styles/list-box/tailwind3.css +9 -0
  113. package/styles/material-dark-lite.css +12 -0
  114. package/styles/material-dark.css +12 -0
  115. package/styles/material-lite.css +12 -0
  116. package/styles/material.css +12 -0
  117. package/styles/material3-dark-lite.css +12 -0
  118. package/styles/material3-dark.css +12 -0
  119. package/styles/material3-lite.css +12 -0
  120. package/styles/material3.css +12 -0
  121. package/styles/tailwind-dark-lite.css +12 -0
  122. package/styles/tailwind-dark.css +12 -0
  123. package/styles/tailwind-lite.css +12 -0
  124. package/styles/tailwind.css +12 -0
  125. package/styles/tailwind3-lite.css +12 -0
  126. package/styles/tailwind3.css +12 -0
@@ -1126,6 +1126,9 @@ ejs-dropdownlist {
1126
1126
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1127
1127
  margin: 0 10px;
1128
1128
  }
1129
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1130
+ top: 15px;
1131
+ }
1129
1132
 
1130
1133
  .e-ddt-icon-hide {
1131
1134
  display: none;
@@ -3148,6 +3151,15 @@ ejs-listbox {
3148
3151
  padding: 9px 16px;
3149
3152
  position: relative;
3150
3153
  }
3154
+ .e-listbox-wrapper .e-list-icon,
3155
+ .e-listbox-container .e-list-icon,
3156
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3157
+ display: inline-block;
3158
+ vertical-align: middle;
3159
+ width: auto;
3160
+ height: auto;
3161
+ padding-bottom: 2px;
3162
+ }
3151
3163
 
3152
3164
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3153
3165
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -977,6 +977,9 @@ ejs-dropdownlist {
977
977
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
978
978
  margin: 0 7px;
979
979
  }
980
+ .e-ddt.e-float-input .e-float-text.e-label-top {
981
+ top: 15px;
982
+ }
980
983
 
981
984
  .e-ddt-icon-hide {
982
985
  display: none;
@@ -2627,6 +2630,15 @@ ejs-listbox {
2627
2630
  padding: 9px 16px;
2628
2631
  position: relative;
2629
2632
  }
2633
+ .e-listbox-wrapper .e-list-icon,
2634
+ .e-listbox-container .e-list-icon,
2635
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2636
+ display: inline-block;
2637
+ vertical-align: middle;
2638
+ width: auto;
2639
+ height: auto;
2640
+ padding-bottom: 2px;
2641
+ }
2630
2642
 
2631
2643
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2632
2644
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1142,6 +1142,9 @@ ejs-dropdownlist {
1142
1142
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1143
1143
  margin: 0 7px;
1144
1144
  }
1145
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1146
+ top: 15px;
1147
+ }
1145
1148
 
1146
1149
  .e-ddt-icon-hide {
1147
1150
  display: none;
@@ -3194,6 +3197,15 @@ ejs-listbox {
3194
3197
  padding: 9px 16px;
3195
3198
  position: relative;
3196
3199
  }
3200
+ .e-listbox-wrapper .e-list-icon,
3201
+ .e-listbox-container .e-list-icon,
3202
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3203
+ display: inline-block;
3204
+ vertical-align: middle;
3205
+ width: auto;
3206
+ height: auto;
3207
+ padding-bottom: 2px;
3208
+ }
3197
3209
 
3198
3210
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3199
3211
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -119,6 +119,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
119
119
  $listbox-filter-bigger-height: calc(100% - 58px) !default;
120
120
  $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
121
121
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
122
+ $listbox-icon-padding: 1px !default;
122
123
 
123
124
  /* stylelint-disable */
124
125
  .e-listbox-wrapper{
@@ -124,3 +124,4 @@ $listbox-filter-height: calc(100% - 52px) !default;
124
124
  $listbox-filter-bigger-height: calc(100% - 58px) !default;
125
125
  $listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
126
126
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
127
+ $listbox-icon-padding: 0 !default;
@@ -117,3 +117,4 @@ $listbox-filter-height: calc(100% - 52px) !default;
117
117
  $listbox-filter-bigger-height: calc(100% - 58px) !default;
118
118
  $listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
120
+ $listbox-icon-padding: 0 !default;
@@ -124,3 +124,4 @@ $listbox-filter-height: calc(100% - 51px) !default;
124
124
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
125
125
  $listbox-ej2-filterselect-height: calc(100% - 90.5px) !default;
126
126
  $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
127
+ $listbox-icon-padding: 1px !default;
@@ -119,3 +119,4 @@ $listbox-filter-height: calc(100% - 50px) !default;
119
119
  $listbox-filter-bigger-height: calc(100% - 56px) !default;
120
120
  $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
121
121
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
122
+ $listbox-icon-padding: 2px !default;
@@ -121,3 +121,4 @@ $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
121
121
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
122
122
  $listbox-dragged-item-bg-color: $content-bg-color-dragged !default;
123
123
  $listbox-dragged-item-text-color: $content-text-color-dragged !default;
124
+ $listbox-icon-padding: 1px !default;
@@ -122,3 +122,4 @@ $listbox-filter-height: calc(100% - 51px) !default;
122
122
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
123
123
  $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
124
124
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
125
+ $listbox-icon-padding: 1px !default;
@@ -117,3 +117,4 @@ $listbox-filter-height: calc(100% - 51px) !default;
117
117
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
118
118
  $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
120
+ $listbox-icon-padding: 1px !default;
@@ -118,3 +118,4 @@ $listbox-filter-height: calc(100% - 56px) !default;
118
118
  $listbox-filter-bigger-height: calc(100% - 64px) !default;
119
119
  $listbox-ej2-filterselect-height: calc(100% - 93px) !default;
120
120
  $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
121
+ $listbox-icon-padding: 1px !default;
@@ -119,3 +119,4 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
120
120
  $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
121
121
  $listbox-dragged-item-text-color: $content-text-color !default;
122
+ $listbox-icon-padding: 1px !default;
@@ -109,3 +109,4 @@ $listbox-groupheader-border: $black !default;
109
109
  $listbox-groupheader-icon: $icon-color !default;
110
110
  $listbox-template-multiline-header-color: $content-text-color !default;
111
111
  $listbox-template-multiline-content-color: $content-text-color-alt2 !default;
112
+ $listbox-icon-padding: 1px !default;
@@ -117,3 +117,4 @@ $listbox-filter-height: calc(100% - 51px) !default;
117
117
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
118
118
  $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
120
+ $listbox-icon-padding: 2px !default;
@@ -122,3 +122,4 @@ $listbox-filter-height: calc(100% - 51px) !default;
122
122
  $listbox-filter-bigger-height: calc(100% - 59px) !default;
123
123
  $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
124
124
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
125
+ $listbox-icon-padding: 2px !default;
@@ -493,4 +493,12 @@
493
493
  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
494
494
  }
495
495
  }
496
+
497
+ .e-list-icon {
498
+ display: inline-block;
499
+ vertical-align: middle;
500
+ width: auto;
501
+ height: auto;
502
+ padding-bottom: $listbox-icon-padding;
503
+ }
496
504
  }
@@ -122,3 +122,4 @@ $listbox-filter-height: calc(100% - 48px) !default;
122
122
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
123
123
  $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
124
124
  $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
125
+ $listbox-icon-padding: 2px !default;
@@ -117,3 +117,4 @@ $listbox-filter-height: calc(100% - 48px) !default;
117
117
  $listbox-filter-bigger-height: calc(100% - 55px) !default;
118
118
  $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
120
+ $listbox-icon-padding: 2px !default;
@@ -117,3 +117,4 @@ $listbox-filter-height: calc(100% - 36px) !default;
117
117
  $listbox-filter-bigger-height: calc(100% - 44px) !default;
118
118
  $listbox-ej2-filterselect-height: calc(100% - 76px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
120
+ $listbox-icon-padding: 0 !default;
@@ -117,3 +117,4 @@ $listbox-filter-height: calc(100% - 42px) !default;
117
117
  $listbox-filter-bigger-height: calc(100% - 58px) !default;
118
118
  $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
119
119
  $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
120
+ $listbox-icon-padding: 1px !default;
@@ -121,3 +121,4 @@ $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
121
121
  $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
122
122
  $listbox-dragged-item-bg-color: $content-bg-color-dragged !default;
123
123
  $listbox-dragged-item-text-color: $content-text-color-dragged !default;
124
+ $listbox-icon-padding: 1px !default;
@@ -512,6 +512,15 @@ ejs-listbox {
512
512
  padding: 12px 12px;
513
513
  position: relative;
514
514
  }
515
+ .e-listbox-wrapper .e-list-icon,
516
+ .e-listbox-container .e-list-icon,
517
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
518
+ display: inline-block;
519
+ vertical-align: middle;
520
+ width: auto;
521
+ height: auto;
522
+ padding-bottom: 1px;
523
+ }
515
524
 
516
525
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
517
526
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -473,6 +473,15 @@ ejs-listbox {
473
473
  padding: 13px 16px;
474
474
  position: relative;
475
475
  }
476
+ .e-listbox-wrapper .e-list-icon,
477
+ .e-listbox-container .e-list-icon,
478
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
479
+ display: inline-block;
480
+ vertical-align: middle;
481
+ width: auto;
482
+ height: auto;
483
+ padding-bottom: 0;
484
+ }
476
485
 
477
486
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
478
487
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -478,6 +478,15 @@ ejs-listbox {
478
478
  padding: 13px 16px;
479
479
  position: relative;
480
480
  }
481
+ .e-listbox-wrapper .e-list-icon,
482
+ .e-listbox-container .e-list-icon,
483
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
484
+ display: inline-block;
485
+ vertical-align: middle;
486
+ width: auto;
487
+ height: auto;
488
+ padding-bottom: 0;
489
+ }
481
490
 
482
491
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
483
492
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -484,6 +484,15 @@ ejs-listbox {
484
484
  padding: 10px 16px 10px 16px;
485
485
  position: relative;
486
486
  }
487
+ .e-listbox-wrapper .e-list-icon,
488
+ .e-listbox-container .e-list-icon,
489
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
490
+ display: inline-block;
491
+ vertical-align: middle;
492
+ width: auto;
493
+ height: auto;
494
+ padding-bottom: 1px;
495
+ }
487
496
 
488
497
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
489
498
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -490,6 +490,15 @@ ejs-listbox {
490
490
  padding: 10px 12px;
491
491
  position: relative;
492
492
  }
493
+ .e-listbox-wrapper .e-list-icon,
494
+ .e-listbox-container .e-list-icon,
495
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
496
+ display: inline-block;
497
+ vertical-align: middle;
498
+ width: auto;
499
+ height: auto;
500
+ padding-bottom: 2px;
501
+ }
493
502
 
494
503
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
495
504
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -493,6 +493,15 @@ ejs-listbox {
493
493
  padding: 10px 12px;
494
494
  position: relative;
495
495
  }
496
+ .e-listbox-wrapper .e-list-icon,
497
+ .e-listbox-container .e-list-icon,
498
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
499
+ display: inline-block;
500
+ vertical-align: middle;
501
+ width: auto;
502
+ height: auto;
503
+ padding-bottom: 1px;
504
+ }
496
505
 
497
506
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
498
507
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -490,6 +490,15 @@ ejs-listbox {
490
490
  padding: 10px 12px;
491
491
  position: relative;
492
492
  }
493
+ .e-listbox-wrapper .e-list-icon,
494
+ .e-listbox-container .e-list-icon,
495
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
496
+ display: inline-block;
497
+ vertical-align: middle;
498
+ width: auto;
499
+ height: auto;
500
+ padding-bottom: 2px;
501
+ }
493
502
 
494
503
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
495
504
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -473,6 +473,15 @@ ejs-listbox {
473
473
  padding: 10px 16px;
474
474
  position: relative;
475
475
  }
476
+ .e-listbox-wrapper .e-list-icon,
477
+ .e-listbox-container .e-list-icon,
478
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
479
+ display: inline-block;
480
+ vertical-align: middle;
481
+ width: auto;
482
+ height: auto;
483
+ padding-bottom: 1px;
484
+ }
476
485
 
477
486
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
478
487
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -478,6 +478,15 @@ ejs-listbox {
478
478
  padding: 10px 16px;
479
479
  position: relative;
480
480
  }
481
+ .e-listbox-wrapper .e-list-icon,
482
+ .e-listbox-container .e-list-icon,
483
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
484
+ display: inline-block;
485
+ vertical-align: middle;
486
+ width: auto;
487
+ height: auto;
488
+ padding-bottom: 1px;
489
+ }
481
490
 
482
491
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
483
492
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -490,6 +490,15 @@ ejs-listbox {
490
490
  padding: 10px 12px;
491
491
  position: relative;
492
492
  }
493
+ .e-listbox-wrapper .e-list-icon,
494
+ .e-listbox-container .e-list-icon,
495
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
496
+ display: inline-block;
497
+ vertical-align: middle;
498
+ width: auto;
499
+ height: auto;
500
+ padding-bottom: 1px;
501
+ }
493
502
 
494
503
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
495
504
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -490,6 +490,15 @@ ejs-listbox {
490
490
  padding: 10px 12px;
491
491
  position: relative;
492
492
  }
493
+ .e-listbox-wrapper .e-list-icon,
494
+ .e-listbox-container .e-list-icon,
495
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
496
+ display: inline-block;
497
+ vertical-align: middle;
498
+ width: auto;
499
+ height: auto;
500
+ padding-bottom: 1px;
501
+ }
493
502
 
494
503
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
495
504
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -540,6 +540,15 @@ ejs-listbox {
540
540
  font-size: 14px;
541
541
  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
542
542
  }
543
+ .e-listbox-wrapper .e-list-icon,
544
+ .e-listbox-container .e-list-icon,
545
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
546
+ display: inline-block;
547
+ vertical-align: middle;
548
+ width: auto;
549
+ height: auto;
550
+ padding-bottom: 1px;
551
+ }
543
552
 
544
553
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
545
554
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -485,6 +485,15 @@ ejs-listbox {
485
485
  padding: 9px 16px;
486
486
  position: relative;
487
487
  }
488
+ .e-listbox-wrapper .e-list-icon,
489
+ .e-listbox-container .e-list-icon,
490
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
491
+ display: inline-block;
492
+ vertical-align: middle;
493
+ width: auto;
494
+ height: auto;
495
+ padding-bottom: 2px;
496
+ }
488
497
 
489
498
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
490
499
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -490,6 +490,15 @@ ejs-listbox {
490
490
  padding: 9px 16px;
491
491
  position: relative;
492
492
  }
493
+ .e-listbox-wrapper .e-list-icon,
494
+ .e-listbox-container .e-list-icon,
495
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
496
+ display: inline-block;
497
+ vertical-align: middle;
498
+ width: auto;
499
+ height: auto;
500
+ padding-bottom: 2px;
501
+ }
493
502
 
494
503
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
495
504
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -473,6 +473,15 @@ ejs-listbox {
473
473
  padding: 11px 16px;
474
474
  position: relative;
475
475
  }
476
+ .e-listbox-wrapper .e-list-icon,
477
+ .e-listbox-container .e-list-icon,
478
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
479
+ display: inline-block;
480
+ vertical-align: middle;
481
+ width: auto;
482
+ height: auto;
483
+ padding-bottom: 2px;
484
+ }
476
485
 
477
486
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
478
487
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -478,6 +478,15 @@ ejs-listbox {
478
478
  padding: 11px 16px;
479
479
  position: relative;
480
480
  }
481
+ .e-listbox-wrapper .e-list-icon,
482
+ .e-listbox-container .e-list-icon,
483
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
484
+ display: inline-block;
485
+ vertical-align: middle;
486
+ width: auto;
487
+ height: auto;
488
+ padding-bottom: 2px;
489
+ }
481
490
 
482
491
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
483
492
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -476,6 +476,15 @@ ejs-listbox {
476
476
  padding: 10px 16px;
477
477
  position: relative;
478
478
  }
479
+ .e-listbox-wrapper .e-list-icon,
480
+ .e-listbox-container .e-list-icon,
481
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
482
+ display: inline-block;
483
+ vertical-align: middle;
484
+ width: auto;
485
+ height: auto;
486
+ padding-bottom: 0;
487
+ }
479
488
 
480
489
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
481
490
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -478,6 +478,15 @@ ejs-listbox {
478
478
  padding: 10px 16px;
479
479
  position: relative;
480
480
  }
481
+ .e-listbox-wrapper .e-list-icon,
482
+ .e-listbox-container .e-list-icon,
483
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
484
+ display: inline-block;
485
+ vertical-align: middle;
486
+ width: auto;
487
+ height: auto;
488
+ padding-bottom: 0;
489
+ }
481
490
 
482
491
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
483
492
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -486,6 +486,15 @@ ejs-listbox {
486
486
  padding: 12px 12px;
487
487
  position: relative;
488
488
  }
489
+ .e-listbox-wrapper .e-list-icon,
490
+ .e-listbox-container .e-list-icon,
491
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
492
+ display: inline-block;
493
+ vertical-align: middle;
494
+ width: auto;
495
+ height: auto;
496
+ padding-bottom: 1px;
497
+ }
489
498
 
490
499
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
491
500
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -486,6 +486,15 @@ ejs-listbox {
486
486
  padding: 12px 12px;
487
487
  position: relative;
488
488
  }
489
+ .e-listbox-wrapper .e-list-icon,
490
+ .e-listbox-container .e-list-icon,
491
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
492
+ display: inline-block;
493
+ vertical-align: middle;
494
+ width: auto;
495
+ height: auto;
496
+ padding-bottom: 1px;
497
+ }
489
498
 
490
499
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
491
500
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -523,6 +523,15 @@ ejs-listbox {
523
523
  padding: 12px 12px;
524
524
  position: relative;
525
525
  }
526
+ .e-listbox-wrapper .e-list-icon,
527
+ .e-listbox-container .e-list-icon,
528
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
529
+ display: inline-block;
530
+ vertical-align: middle;
531
+ width: auto;
532
+ height: auto;
533
+ padding-bottom: 1px;
534
+ }
526
535
 
527
536
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
528
537
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1148,6 +1148,9 @@ ejs-dropdownlist {
1148
1148
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1149
1149
  margin: 0 10px;
1150
1150
  }
1151
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1152
+ top: 15px;
1153
+ }
1151
1154
 
1152
1155
  .e-ddt-icon-hide {
1153
1156
  display: none;
@@ -3265,6 +3268,15 @@ ejs-listbox {
3265
3268
  padding: 11px 16px;
3266
3269
  position: relative;
3267
3270
  }
3271
+ .e-listbox-wrapper .e-list-icon,
3272
+ .e-listbox-container .e-list-icon,
3273
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3274
+ display: inline-block;
3275
+ vertical-align: middle;
3276
+ width: auto;
3277
+ height: auto;
3278
+ padding-bottom: 2px;
3279
+ }
3268
3280
 
3269
3281
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3270
3282
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1308,6 +1308,9 @@ ejs-dropdownlist {
1308
1308
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1309
1309
  margin: 0 10px;
1310
1310
  }
1311
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1312
+ top: 15px;
1313
+ }
1311
1314
 
1312
1315
  .e-ddt-icon-hide {
1313
1316
  display: none;
@@ -4617,6 +4620,15 @@ ejs-listbox {
4617
4620
  padding: 11px 16px;
4618
4621
  position: relative;
4619
4622
  }
4623
+ .e-listbox-wrapper .e-list-icon,
4624
+ .e-listbox-container .e-list-icon,
4625
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4626
+ display: inline-block;
4627
+ vertical-align: middle;
4628
+ width: auto;
4629
+ height: auto;
4630
+ padding-bottom: 2px;
4631
+ }
4620
4632
 
4621
4633
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4622
4634
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1170,6 +1170,9 @@ ejs-dropdownlist {
1170
1170
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1171
1171
  margin: 0 10px;
1172
1172
  }
1173
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1174
+ top: 15px;
1175
+ }
1173
1176
 
1174
1177
  .e-ddt-icon-hide {
1175
1178
  display: none;
@@ -3296,6 +3299,15 @@ ejs-listbox {
3296
3299
  padding: 11px 16px;
3297
3300
  position: relative;
3298
3301
  }
3302
+ .e-listbox-wrapper .e-list-icon,
3303
+ .e-listbox-container .e-list-icon,
3304
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3305
+ display: inline-block;
3306
+ vertical-align: middle;
3307
+ width: auto;
3308
+ height: auto;
3309
+ padding-bottom: 2px;
3310
+ }
3299
3311
 
3300
3312
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3301
3313
  .e-small .e-listbox-container.e-filter-list .e-list-parent {