@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
@@ -1212,6 +1212,9 @@ ejs-dropdownlist {
1212
1212
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1213
1213
  margin: 0 8px;
1214
1214
  }
1215
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1216
+ top: 15px;
1217
+ }
1215
1218
 
1216
1219
  .e-ddt-icon-hide {
1217
1220
  display: none;
@@ -3244,6 +3247,15 @@ ejs-listbox {
3244
3247
  padding: 10px 12px;
3245
3248
  position: relative;
3246
3249
  }
3250
+ .e-listbox-wrapper .e-list-icon,
3251
+ .e-listbox-container .e-list-icon,
3252
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3253
+ display: inline-block;
3254
+ vertical-align: middle;
3255
+ width: auto;
3256
+ height: auto;
3257
+ padding-bottom: 2px;
3258
+ }
3247
3259
 
3248
3260
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3249
3261
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -934,6 +934,11 @@
934
934
  }
935
935
  }
936
936
  }
937
+ &.e-float-input {
938
+ .e-float-text.e-label-top {
939
+ top: 15px;
940
+ }
941
+ }
937
942
  }
938
943
 
939
944
  .e-ddt-icon-hide {
@@ -540,6 +540,9 @@
540
540
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
541
541
  margin: 0 7px;
542
542
  }
543
+ .e-ddt.e-float-input .e-float-text.e-label-top {
544
+ top: 15px;
545
+ }
543
546
 
544
547
  .e-ddt-icon-hide {
545
548
  display: none;
@@ -360,6 +360,9 @@
360
360
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
361
361
  margin: 0 10px;
362
362
  }
363
+ .e-ddt.e-float-input .e-float-text.e-label-top {
364
+ top: 15px;
365
+ }
363
366
 
364
367
  .e-ddt-icon-hide {
365
368
  display: none;
@@ -361,6 +361,9 @@
361
361
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
362
362
  margin: 0 10px;
363
363
  }
364
+ .e-ddt.e-float-input .e-float-text.e-label-top {
365
+ top: 15px;
366
+ }
364
367
 
365
368
  .e-ddt-icon-hide {
366
369
  display: none;
@@ -369,6 +369,9 @@
369
369
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
370
370
  margin: 0 8px;
371
371
  }
372
+ .e-ddt.e-float-input .e-float-text.e-label-top {
373
+ top: 15px;
374
+ }
372
375
 
373
376
  .e-ddt-icon-hide {
374
377
  display: none;
@@ -372,6 +372,9 @@
372
372
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
373
373
  margin: 0 8px;
374
374
  }
375
+ .e-ddt.e-float-input .e-float-text.e-label-top {
376
+ top: 15px;
377
+ }
375
378
 
376
379
  .e-ddt-icon-hide {
377
380
  display: none;
@@ -358,6 +358,9 @@
358
358
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
359
359
  margin: 0 8px;
360
360
  }
361
+ .e-ddt.e-float-input .e-float-text.e-label-top {
362
+ top: 15px;
363
+ }
361
364
 
362
365
  .e-ddt-icon-hide {
363
366
  display: none;
@@ -372,6 +372,9 @@
372
372
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
373
373
  margin: 0 8px;
374
374
  }
375
+ .e-ddt.e-float-input .e-float-text.e-label-top {
376
+ top: 15px;
377
+ }
375
378
 
376
379
  .e-ddt-icon-hide {
377
380
  display: none;
@@ -362,6 +362,9 @@
362
362
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
363
363
  margin: 0 10px;
364
364
  }
365
+ .e-ddt.e-float-input .e-float-text.e-label-top {
366
+ top: 15px;
367
+ }
365
368
 
366
369
  .e-ddt-icon-hide {
367
370
  display: none;
@@ -363,6 +363,9 @@
363
363
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
364
364
  margin: 0 10px;
365
365
  }
366
+ .e-ddt.e-float-input .e-float-text.e-label-top {
367
+ top: 15px;
368
+ }
366
369
 
367
370
  .e-ddt-icon-hide {
368
371
  display: none;
@@ -379,6 +379,9 @@
379
379
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
380
380
  margin: 0 12px;
381
381
  }
382
+ .e-ddt.e-float-input .e-float-text.e-label-top {
383
+ top: 15px;
384
+ }
382
385
 
383
386
  .e-ddt-icon-hide {
384
387
  display: none;
@@ -379,6 +379,9 @@
379
379
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
380
380
  margin: 0 12px;
381
381
  }
382
+ .e-ddt.e-float-input .e-float-text.e-label-top {
383
+ top: 15px;
384
+ }
382
385
 
383
386
  .e-ddt-icon-hide {
384
387
  display: none;
@@ -577,6 +577,9 @@
577
577
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
578
578
  margin: 0 12px;
579
579
  }
580
+ .e-ddt.e-float-input .e-float-text.e-label-top {
581
+ top: 15px;
582
+ }
580
583
 
581
584
  .e-ddt-icon-hide {
582
585
  display: none;
@@ -375,6 +375,9 @@
375
375
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
376
376
  margin: 0 10px;
377
377
  }
378
+ .e-ddt.e-float-input .e-float-text.e-label-top {
379
+ top: 15px;
380
+ }
378
381
 
379
382
  .e-ddt-icon-hide {
380
383
  display: none;
@@ -376,6 +376,9 @@
376
376
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
377
377
  margin: 0 7px;
378
378
  }
379
+ .e-ddt.e-float-input .e-float-text.e-label-top {
380
+ top: 15px;
381
+ }
379
382
 
380
383
  .e-ddt-icon-hide {
381
384
  display: none;
@@ -513,6 +513,9 @@
513
513
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
514
514
  margin: 0 10px;
515
515
  }
516
+ .e-ddt.e-float-input .e-float-text.e-label-top {
517
+ top: 15px;
518
+ }
516
519
 
517
520
  .e-ddt-icon-hide {
518
521
  display: none;
@@ -537,6 +537,9 @@
537
537
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
538
538
  margin: 0 10px;
539
539
  }
540
+ .e-ddt.e-float-input .e-float-text.e-label-top {
541
+ top: 15px;
542
+ }
540
543
 
541
544
  .e-ddt-icon-hide {
542
545
  display: none;
@@ -392,6 +392,9 @@
392
392
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
393
393
  margin: 0 12px;
394
394
  }
395
+ .e-ddt.e-float-input .e-float-text.e-label-top {
396
+ top: 15px;
397
+ }
395
398
 
396
399
  .e-ddt-icon-hide {
397
400
  display: none;
@@ -394,6 +394,9 @@
394
394
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
395
395
  margin: 0 12px;
396
396
  }
397
+ .e-ddt.e-float-input .e-float-text.e-label-top {
398
+ top: 15px;
399
+ }
397
400
 
398
401
  .e-ddt-icon-hide {
399
402
  display: none;
@@ -386,6 +386,9 @@
386
386
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
387
387
  margin: 0 8px;
388
388
  }
389
+ .e-ddt.e-float-input .e-float-text.e-label-top {
390
+ top: 15px;
391
+ }
389
392
 
390
393
  .e-ddt-icon-hide {
391
394
  display: none;
@@ -386,6 +386,9 @@
386
386
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
387
387
  margin: 0 8px;
388
388
  }
389
+ .e-ddt.e-float-input .e-float-text.e-label-top {
390
+ top: 15px;
391
+ }
389
392
 
390
393
  .e-ddt-icon-hide {
391
394
  display: none;
@@ -382,6 +382,9 @@
382
382
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
383
383
  margin: 0 8px;
384
384
  }
385
+ .e-ddt.e-float-input .e-float-text.e-label-top {
386
+ top: 15px;
387
+ }
385
388
 
386
389
  .e-ddt-icon-hide {
387
390
  display: none;
@@ -948,6 +948,9 @@ ejs-dropdownlist {
948
948
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
949
949
  margin: 0 10px;
950
950
  }
951
+ .e-ddt.e-float-input .e-float-text.e-label-top {
952
+ top: 15px;
953
+ }
951
954
 
952
955
  .e-ddt-icon-hide {
953
956
  display: none;
@@ -2482,6 +2485,15 @@ ejs-listbox {
2482
2485
  padding: 10px 16px;
2483
2486
  position: relative;
2484
2487
  }
2488
+ .e-listbox-wrapper .e-list-icon,
2489
+ .e-listbox-container .e-list-icon,
2490
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2491
+ display: inline-block;
2492
+ vertical-align: middle;
2493
+ width: auto;
2494
+ height: auto;
2495
+ padding-bottom: 1px;
2496
+ }
2485
2497
 
2486
2498
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2487
2499
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1124,6 +1124,9 @@ ejs-dropdownlist {
1124
1124
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1125
1125
  margin: 0 10px;
1126
1126
  }
1127
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1128
+ top: 15px;
1129
+ }
1127
1130
 
1128
1131
  .e-ddt-icon-hide {
1129
1132
  display: none;
@@ -3057,6 +3060,15 @@ ejs-listbox {
3057
3060
  padding: 10px 16px;
3058
3061
  position: relative;
3059
3062
  }
3063
+ .e-listbox-wrapper .e-list-icon,
3064
+ .e-listbox-container .e-list-icon,
3065
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3066
+ display: inline-block;
3067
+ vertical-align: middle;
3068
+ width: auto;
3069
+ height: auto;
3070
+ padding-bottom: 1px;
3071
+ }
3060
3072
 
3061
3073
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3062
3074
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -949,6 +949,9 @@ ejs-dropdownlist {
949
949
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
950
950
  margin: 0 10px;
951
951
  }
952
+ .e-ddt.e-float-input .e-float-text.e-label-top {
953
+ top: 15px;
954
+ }
952
955
 
953
956
  .e-ddt-icon-hide {
954
957
  display: none;
@@ -2478,6 +2481,15 @@ ejs-listbox {
2478
2481
  padding: 10px 16px;
2479
2482
  position: relative;
2480
2483
  }
2484
+ .e-listbox-wrapper .e-list-icon,
2485
+ .e-listbox-container .e-list-icon,
2486
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2487
+ display: inline-block;
2488
+ vertical-align: middle;
2489
+ width: auto;
2490
+ height: auto;
2491
+ padding-bottom: 1px;
2492
+ }
2481
2493
 
2482
2494
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2483
2495
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/fabric.css CHANGED
@@ -1125,6 +1125,9 @@ ejs-dropdownlist {
1125
1125
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1126
1126
  margin: 0 10px;
1127
1127
  }
1128
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1129
+ top: 15px;
1130
+ }
1128
1131
 
1129
1132
  .e-ddt-icon-hide {
1130
1133
  display: none;
@@ -3053,6 +3056,15 @@ ejs-listbox {
3053
3056
  padding: 10px 16px;
3054
3057
  position: relative;
3055
3058
  }
3059
+ .e-listbox-wrapper .e-list-icon,
3060
+ .e-listbox-container .e-list-icon,
3061
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3062
+ display: inline-block;
3063
+ vertical-align: middle;
3064
+ width: auto;
3065
+ height: auto;
3066
+ padding-bottom: 1px;
3067
+ }
3056
3068
 
3057
3069
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3058
3070
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1022,6 +1022,9 @@ ejs-dropdownlist {
1022
1022
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1023
1023
  margin: 0 12px;
1024
1024
  }
1025
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1026
+ top: 15px;
1027
+ }
1025
1028
 
1026
1029
  .e-ddt-icon-hide {
1027
1030
  display: none;
@@ -2607,6 +2610,15 @@ ejs-listbox {
2607
2610
  padding: 10px 12px;
2608
2611
  position: relative;
2609
2612
  }
2613
+ .e-listbox-wrapper .e-list-icon,
2614
+ .e-listbox-container .e-list-icon,
2615
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2616
+ display: inline-block;
2617
+ vertical-align: middle;
2618
+ width: auto;
2619
+ height: auto;
2620
+ padding-bottom: 1px;
2621
+ }
2610
2622
 
2611
2623
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2612
2624
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1208,6 +1208,9 @@ ejs-dropdownlist {
1208
1208
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1209
1209
  margin: 0 12px;
1210
1210
  }
1211
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1212
+ top: 15px;
1213
+ }
1211
1214
 
1212
1215
  .e-ddt-icon-hide {
1213
1216
  display: none;
@@ -3279,6 +3282,15 @@ ejs-listbox {
3279
3282
  padding: 10px 12px;
3280
3283
  position: relative;
3281
3284
  }
3285
+ .e-listbox-wrapper .e-list-icon,
3286
+ .e-listbox-container .e-list-icon,
3287
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3288
+ display: inline-block;
3289
+ vertical-align: middle;
3290
+ width: auto;
3291
+ height: auto;
3292
+ padding-bottom: 1px;
3293
+ }
3282
3294
 
3283
3295
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3284
3296
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1022,6 +1022,9 @@ ejs-dropdownlist {
1022
1022
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1023
1023
  margin: 0 12px;
1024
1024
  }
1025
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1026
+ top: 15px;
1027
+ }
1025
1028
 
1026
1029
  .e-ddt-icon-hide {
1027
1030
  display: none;
@@ -2607,6 +2610,15 @@ ejs-listbox {
2607
2610
  padding: 10px 12px;
2608
2611
  position: relative;
2609
2612
  }
2613
+ .e-listbox-wrapper .e-list-icon,
2614
+ .e-listbox-container .e-list-icon,
2615
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2616
+ display: inline-block;
2617
+ vertical-align: middle;
2618
+ width: auto;
2619
+ height: auto;
2620
+ padding-bottom: 1px;
2621
+ }
2610
2622
 
2611
2623
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2612
2624
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/fluent.css CHANGED
@@ -1208,6 +1208,9 @@ ejs-dropdownlist {
1208
1208
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1209
1209
  margin: 0 12px;
1210
1210
  }
1211
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1212
+ top: 15px;
1213
+ }
1211
1214
 
1212
1215
  .e-ddt-icon-hide {
1213
1216
  display: none;
@@ -3279,6 +3282,15 @@ ejs-listbox {
3279
3282
  padding: 10px 12px;
3280
3283
  position: relative;
3281
3284
  }
3285
+ .e-listbox-wrapper .e-list-icon,
3286
+ .e-listbox-container .e-list-icon,
3287
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3288
+ display: inline-block;
3289
+ vertical-align: middle;
3290
+ width: auto;
3291
+ height: auto;
3292
+ padding-bottom: 1px;
3293
+ }
3282
3294
 
3283
3295
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3284
3296
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1197,6 +1197,9 @@ ejs-dropdownlist {
1197
1197
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1198
1198
  margin: 0 12px;
1199
1199
  }
1200
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1201
+ top: 15px;
1202
+ }
1200
1203
 
1201
1204
  .e-ddt-icon-hide {
1202
1205
  display: none;
@@ -2802,6 +2805,15 @@ ejs-listbox {
2802
2805
  font-size: 14px;
2803
2806
  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
2804
2807
  }
2808
+ .e-listbox-wrapper .e-list-icon,
2809
+ .e-listbox-container .e-list-icon,
2810
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2811
+ display: inline-block;
2812
+ vertical-align: middle;
2813
+ width: auto;
2814
+ height: auto;
2815
+ padding-bottom: 1px;
2816
+ }
2805
2817
 
2806
2818
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2807
2819
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -1376,6 +1376,9 @@ ejs-dropdownlist {
1376
1376
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1377
1377
  margin: 0 12px;
1378
1378
  }
1379
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1380
+ top: 15px;
1381
+ }
1379
1382
 
1380
1383
  .e-ddt-icon-hide {
1381
1384
  display: none;
@@ -3474,6 +3477,15 @@ ejs-listbox {
3474
3477
  font-size: 14px;
3475
3478
  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
3476
3479
  }
3480
+ .e-listbox-wrapper .e-list-icon,
3481
+ .e-listbox-container .e-list-icon,
3482
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3483
+ display: inline-block;
3484
+ vertical-align: middle;
3485
+ width: auto;
3486
+ height: auto;
3487
+ padding-bottom: 1px;
3488
+ }
3477
3489
 
3478
3490
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3479
3491
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -961,6 +961,9 @@ ejs-dropdownlist {
961
961
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
962
962
  margin: 0 10px;
963
963
  }
964
+ .e-ddt.e-float-input .e-float-text.e-label-top {
965
+ top: 15px;
966
+ }
964
967
 
965
968
  .e-ddt-icon-hide {
966
969
  display: none;
@@ -2581,6 +2584,15 @@ ejs-listbox {
2581
2584
  padding: 9px 16px;
2582
2585
  position: relative;
2583
2586
  }
2587
+ .e-listbox-wrapper .e-list-icon,
2588
+ .e-listbox-container .e-list-icon,
2589
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2590
+ display: inline-block;
2591
+ vertical-align: middle;
2592
+ width: auto;
2593
+ height: auto;
2594
+ padding-bottom: 2px;
2595
+ }
2584
2596
 
2585
2597
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2586
2598
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -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;