@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
package/styles/material.css CHANGED
@@ -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 {
package/styles/material3-dark-lite.css CHANGED
@@ -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 {
package/styles/material3-dark.css CHANGED
@@ -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 {
package/styles/material3-lite.css CHANGED
@@ -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 {
package/styles/material3.css CHANGED
@@ -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 {
package/styles/tailwind-dark-lite.css CHANGED
@@ -1019,6 +1019,9 @@ ejs-dropdownlist {
1019
1019
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1020
1020
  margin: 0 8px;
1021
1021
  }
1022
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1023
+ top: 15px;
1024
+ }
1022
1025
 
1023
1026
  .e-ddt-icon-hide {
1024
1027
  display: none;
@@ -2553,6 +2556,15 @@ ejs-listbox {
2553
2556
  padding: 12px 12px;
2554
2557
  position: relative;
2555
2558
  }
2559
+ .e-listbox-wrapper .e-list-icon,
2560
+ .e-listbox-container .e-list-icon,
2561
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2562
+ display: inline-block;
2563
+ vertical-align: middle;
2564
+ width: auto;
2565
+ height: auto;
2566
+ padding-bottom: 1px;
2567
+ }
2556
2568
 
2557
2569
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2558
2570
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/tailwind-dark.css CHANGED
@@ -1252,6 +1252,9 @@ ejs-dropdownlist {
1252
1252
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1253
1253
  margin: 0 8px;
1254
1254
  }
1255
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1256
+ top: 15px;
1257
+ }
1255
1258
 
1256
1259
  .e-ddt-icon-hide {
1257
1260
  display: none;
@@ -3266,6 +3269,15 @@ ejs-listbox {
3266
3269
  padding: 12px 12px;
3267
3270
  position: relative;
3268
3271
  }
3272
+ .e-listbox-wrapper .e-list-icon,
3273
+ .e-listbox-container .e-list-icon,
3274
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3275
+ display: inline-block;
3276
+ vertical-align: middle;
3277
+ width: auto;
3278
+ height: auto;
3279
+ padding-bottom: 1px;
3280
+ }
3269
3281
 
3270
3282
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3271
3283
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/tailwind-lite.css CHANGED
@@ -1019,6 +1019,9 @@ ejs-dropdownlist {
1019
1019
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1020
1020
  margin: 0 8px;
1021
1021
  }
1022
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1023
+ top: 15px;
1024
+ }
1022
1025
 
1023
1026
  .e-ddt-icon-hide {
1024
1027
  display: none;
@@ -2553,6 +2556,15 @@ ejs-listbox {
2553
2556
  padding: 12px 12px;
2554
2557
  position: relative;
2555
2558
  }
2559
+ .e-listbox-wrapper .e-list-icon,
2560
+ .e-listbox-container .e-list-icon,
2561
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2562
+ display: inline-block;
2563
+ vertical-align: middle;
2564
+ width: auto;
2565
+ height: auto;
2566
+ padding-bottom: 1px;
2567
+ }
2556
2568
 
2557
2569
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2558
2570
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/tailwind.css CHANGED
@@ -1252,6 +1252,9 @@ ejs-dropdownlist {
1252
1252
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1253
1253
  margin: 0 8px;
1254
1254
  }
1255
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1256
+ top: 15px;
1257
+ }
1255
1258
 
1256
1259
  .e-ddt-icon-hide {
1257
1260
  display: none;
@@ -3266,6 +3269,15 @@ ejs-listbox {
3266
3269
  padding: 12px 12px;
3267
3270
  position: relative;
3268
3271
  }
3272
+ .e-listbox-wrapper .e-list-icon,
3273
+ .e-listbox-container .e-list-icon,
3274
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3275
+ display: inline-block;
3276
+ vertical-align: middle;
3277
+ width: auto;
3278
+ height: auto;
3279
+ padding-bottom: 1px;
3280
+ }
3269
3281
 
3270
3282
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3271
3283
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/tailwind3-lite.css CHANGED
@@ -1019,6 +1019,9 @@ ejs-dropdownlist {
1019
1019
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1020
1020
  margin: 0 8px;
1021
1021
  }
1022
+ .e-ddt.e-float-input .e-float-text.e-label-top {
1023
+ top: 15px;
1024
+ }
1022
1025
 
1023
1026
  .e-ddt-icon-hide {
1024
1027
  display: none;
@@ -2584,6 +2587,15 @@ ejs-listbox {
2584
2587
  padding: 12px 12px;
2585
2588
  position: relative;
2586
2589
  }
2590
+ .e-listbox-wrapper .e-list-icon,
2591
+ .e-listbox-container .e-list-icon,
2592
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2593
+ display: inline-block;
2594
+ vertical-align: middle;
2595
+ width: auto;
2596
+ height: auto;
2597
+ padding-bottom: 1px;
2598
+ }
2587
2599
 
2588
2600
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2589
2601
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
package/styles/tailwind3.css CHANGED
@@ -1142,6 +1142,9 @@ ejs-dropdownlist {
1142
1142
  .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1143
1143
  margin: 0 8px;
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;
@@ -3122,6 +3125,15 @@ ejs-listbox {
3122
3125
  padding: 12px 12px;
3123
3126
  position: relative;
3124
3127
  }
3128
+ .e-listbox-wrapper .e-list-icon,
3129
+ .e-listbox-container .e-list-icon,
3130
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3131
+ display: inline-block;
3132
+ vertical-align: middle;
3133
+ width: auto;
3134
+ height: auto;
3135
+ padding-bottom: 1px;
3136
+ }
3125
3137
 
3126
3138
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3127
3139
  .e-small .e-listbox-container.e-filter-list .e-list-parent {