@syncfusion/ej2-dropdowns 30.1.42 → 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 (122) 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 +142 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +143 -5
  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/drop-down-base/drop-down-base.d.ts +2 -0
  14. package/src/drop-down-base/drop-down-base.js +87 -1
  15. package/src/drop-down-list/drop-down-list.js +3 -0
  16. package/src/list-box/list-box.d.ts +1 -0
  17. package/src/list-box/list-box.js +21 -3
  18. package/src/multi-select/multi-select.js +32 -1
  19. package/styles/bds-lite.css +12 -0
  20. package/styles/bds.css +12 -0
  21. package/styles/bootstrap-dark-lite.css +12 -0
  22. package/styles/bootstrap-dark.css +12 -0
  23. package/styles/bootstrap-lite.css +12 -0
  24. package/styles/bootstrap.css +12 -0
  25. package/styles/bootstrap4-lite.css +12 -0
  26. package/styles/bootstrap4.css +12 -0
  27. package/styles/bootstrap5-dark-lite.css +12 -0
  28. package/styles/bootstrap5-dark.css +12 -0
  29. package/styles/bootstrap5-lite.css +12 -0
  30. package/styles/bootstrap5.3-lite.css +12 -0
  31. package/styles/bootstrap5.3.css +12 -0
  32. package/styles/bootstrap5.css +12 -0
  33. package/styles/drop-down-tree/_layout.scss +5 -0
  34. package/styles/drop-down-tree/bds.css +3 -0
  35. package/styles/drop-down-tree/bootstrap-dark.css +3 -0
  36. package/styles/drop-down-tree/bootstrap.css +3 -0
  37. package/styles/drop-down-tree/bootstrap4.css +3 -0
  38. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  39. package/styles/drop-down-tree/bootstrap5.3.css +3 -0
  40. package/styles/drop-down-tree/bootstrap5.css +3 -0
  41. package/styles/drop-down-tree/fabric-dark.css +3 -0
  42. package/styles/drop-down-tree/fabric.css +3 -0
  43. package/styles/drop-down-tree/fluent-dark.css +3 -0
  44. package/styles/drop-down-tree/fluent.css +3 -0
  45. package/styles/drop-down-tree/fluent2.css +3 -0
  46. package/styles/drop-down-tree/highcontrast-light.css +3 -0
  47. package/styles/drop-down-tree/highcontrast.css +3 -0
  48. package/styles/drop-down-tree/material-dark.css +3 -0
  49. package/styles/drop-down-tree/material.css +3 -0
  50. package/styles/drop-down-tree/material3-dark.css +3 -0
  51. package/styles/drop-down-tree/material3.css +3 -0
  52. package/styles/drop-down-tree/tailwind-dark.css +3 -0
  53. package/styles/drop-down-tree/tailwind.css +3 -0
  54. package/styles/drop-down-tree/tailwind3.css +3 -0
  55. package/styles/fabric-dark-lite.css +12 -0
  56. package/styles/fabric-dark.css +12 -0
  57. package/styles/fabric-lite.css +12 -0
  58. package/styles/fabric.css +12 -0
  59. package/styles/fluent-dark-lite.css +12 -0
  60. package/styles/fluent-dark.css +12 -0
  61. package/styles/fluent-lite.css +12 -0
  62. package/styles/fluent.css +12 -0
  63. package/styles/fluent2-lite.css +12 -0
  64. package/styles/fluent2.css +12 -0
  65. package/styles/highcontrast-light-lite.css +12 -0
  66. package/styles/highcontrast-light.css +12 -0
  67. package/styles/highcontrast-lite.css +12 -0
  68. package/styles/highcontrast.css +12 -0
  69. package/styles/list-box/_bds-definition.scss +1 -0
  70. package/styles/list-box/_bootstrap-dark-definition.scss +1 -0
  71. package/styles/list-box/_bootstrap-definition.scss +1 -0
  72. package/styles/list-box/_bootstrap4-definition.scss +1 -0
  73. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  74. package/styles/list-box/_bootstrap5.3-definition.scss +1 -0
  75. package/styles/list-box/_fabric-dark-definition.scss +1 -0
  76. package/styles/list-box/_fabric-definition.scss +1 -0
  77. package/styles/list-box/_fluent-definition.scss +1 -0
  78. package/styles/list-box/_fluent2-definition.scss +1 -0
  79. package/styles/list-box/_fusionnew-definition.scss +1 -0
  80. package/styles/list-box/_highcontrast-definition.scss +1 -0
  81. package/styles/list-box/_highcontrast-light-definition.scss +1 -0
  82. package/styles/list-box/_layout.scss +8 -0
  83. package/styles/list-box/_material-dark-definition.scss +1 -0
  84. package/styles/list-box/_material-definition.scss +1 -0
  85. package/styles/list-box/_material3-definition.scss +1 -0
  86. package/styles/list-box/_tailwind-definition.scss +1 -0
  87. package/styles/list-box/_tailwind3-definition.scss +1 -0
  88. package/styles/list-box/bds.css +9 -0
  89. package/styles/list-box/bootstrap-dark.css +9 -0
  90. package/styles/list-box/bootstrap.css +9 -0
  91. package/styles/list-box/bootstrap4.css +9 -0
  92. package/styles/list-box/bootstrap5-dark.css +9 -0
  93. package/styles/list-box/bootstrap5.3.css +9 -0
  94. package/styles/list-box/bootstrap5.css +9 -0
  95. package/styles/list-box/fabric-dark.css +9 -0
  96. package/styles/list-box/fabric.css +9 -0
  97. package/styles/list-box/fluent-dark.css +9 -0
  98. package/styles/list-box/fluent.css +9 -0
  99. package/styles/list-box/fluent2.css +9 -0
  100. package/styles/list-box/highcontrast-light.css +9 -0
  101. package/styles/list-box/highcontrast.css +9 -0
  102. package/styles/list-box/material-dark.css +9 -0
  103. package/styles/list-box/material.css +9 -0
  104. package/styles/list-box/material3-dark.css +9 -0
  105. package/styles/list-box/material3.css +9 -0
  106. package/styles/list-box/tailwind-dark.css +9 -0
  107. package/styles/list-box/tailwind.css +9 -0
  108. package/styles/list-box/tailwind3.css +9 -0
  109. package/styles/material-dark-lite.css +12 -0
  110. package/styles/material-dark.css +12 -0
  111. package/styles/material-lite.css +12 -0
  112. package/styles/material.css +12 -0
  113. package/styles/material3-dark-lite.css +12 -0
  114. package/styles/material3-dark.css +12 -0
  115. package/styles/material3-lite.css +12 -0
  116. package/styles/material3.css +12 -0
  117. package/styles/tailwind-dark-lite.css +12 -0
  118. package/styles/tailwind-dark.css +12 -0
  119. package/styles/tailwind-lite.css +12 -0
  120. package/styles/tailwind.css +12 -0
  121. package/styles/tailwind3-lite.css +12 -0
  122. package/styles/tailwind3.css +12 -0
@@ -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 {
@@ -1351,6 +1351,9 @@ ejs-dropdownlist {
1351
1351
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1352
1352
  margin: 0 10px;
1353
1353
  }
1354
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1355
+ top: 15px;
1356
+ }
1354
1357
 
1355
1358
  .e-ddt-icon-hide {
1356
1359
  display: none;
@@ -4669,6 +4672,15 @@ ejs-listbox {
4669
4672
  padding: 11px 16px;
4670
4673
  position: relative;
4671
4674
  }
4675
+ .e-listbox-wrapper .e-list-icon,
4676
+ .e-listbox-container .e-list-icon,
4677
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4678
+ display: inline-block;
4679
+ vertical-align: middle;
4680
+ width: auto;
4681
+ height: auto;
4682
+ padding-bottom: 2px;
4683
+ }
4672
4684
 
4673
4685
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4674
4686
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1047,6 +1047,9 @@ ejs-dropdownlist {
1047
1047
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1048
1048
  margin: 0 12px;
1049
1049
  }
1050
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1051
+ top: 15px;
1052
+ }
1050
1053
 
1051
1054
  .e-ddt-icon-hide {
1052
1055
  display: none;
@@ -3197,6 +3200,15 @@ ejs-listbox {
3197
3200
  padding: 10px 16px;
3198
3201
  position: relative;
3199
3202
  }
3203
+ .e-listbox-wrapper .e-list-icon,
3204
+ .e-listbox-container .e-list-icon,
3205
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3206
+ display: inline-block;
3207
+ vertical-align: middle;
3208
+ width: auto;
3209
+ height: auto;
3210
+ padding-bottom: 0;
3211
+ }
3200
3212
 
3201
3213
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3202
3214
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1232,6 +1232,9 @@ ejs-dropdownlist {
1232
1232
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1233
1233
  margin: 0 12px;
1234
1234
  }
1235
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1236
+ top: 15px;
1237
+ }
1235
1238
 
1236
1239
  .e-ddt-icon-hide {
1237
1240
  display: none;
@@ -4664,6 +4667,15 @@ ejs-listbox {
4664
4667
  padding: 10px 16px;
4665
4668
  position: relative;
4666
4669
  }
4670
+ .e-listbox-wrapper .e-list-icon,
4671
+ .e-listbox-container .e-list-icon,
4672
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4673
+ display: inline-block;
4674
+ vertical-align: middle;
4675
+ width: auto;
4676
+ height: auto;
4677
+ padding-bottom: 0;
4678
+ }
4667
4679
 
4668
4680
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4669
4681
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1049,6 +1049,9 @@ ejs-dropdownlist {
1049
1049
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1050
1050
  margin: 0 12px;
1051
1051
  }
1052
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1053
+ top: 15px;
1054
+ }
1052
1055
 
1053
1056
  .e-ddt-icon-hide {
1054
1057
  display: none;
@@ -3199,6 +3202,15 @@ ejs-listbox {
3199
3202
  padding: 10px 16px;
3200
3203
  position: relative;
3201
3204
  }
3205
+ .e-listbox-wrapper .e-list-icon,
3206
+ .e-listbox-container .e-list-icon,
3207
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3208
+ display: inline-block;
3209
+ vertical-align: middle;
3210
+ width: auto;
3211
+ height: auto;
3212
+ padding-bottom: 0;
3213
+ }
3202
3214
 
3203
3215
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3204
3216
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1234,6 +1234,9 @@ ejs-dropdownlist {
1234
1234
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1235
1235
  margin: 0 12px;
1236
1236
  }
1237
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1238
+ top: 15px;
1239
+ }
1237
1240
 
1238
1241
  .e-ddt-icon-hide {
1239
1242
  display: none;
@@ -4666,6 +4669,15 @@ ejs-listbox {
4666
4669
  padding: 10px 16px;
4667
4670
  position: relative;
4668
4671
  }
4672
+ .e-listbox-wrapper .e-list-icon,
4673
+ .e-listbox-container .e-list-icon,
4674
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4675
+ display: inline-block;
4676
+ vertical-align: middle;
4677
+ width: auto;
4678
+ height: auto;
4679
+ padding-bottom: 0;
4680
+ }
4669
4681
 
4670
4682
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4671
4683
  .e-small .e-listbox-container.e-filter-list .e-list-parent {