@syncfusion/ej2-dropdowns 19.4.50 → 19.4.55

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 (58) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +67 -30
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +68 -30
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/combo-box/combo-box.js +4 -1
  14. package/src/drop-down-base/drop-down-base.js +8 -6
  15. package/src/drop-down-tree/drop-down-tree.js +6 -14
  16. package/src/list-box/list-box.js +32 -0
  17. package/src/multi-select/multi-select.js +18 -9
  18. package/styles/bootstrap-dark.css +17 -5
  19. package/styles/bootstrap.css +17 -5
  20. package/styles/bootstrap4.css +17 -5
  21. package/styles/bootstrap5-dark.css +17 -5
  22. package/styles/bootstrap5.css +17 -5
  23. package/styles/fabric-dark.css +17 -5
  24. package/styles/fabric.css +17 -5
  25. package/styles/highcontrast-light.css +17 -5
  26. package/styles/highcontrast.css +17 -5
  27. package/styles/list-box/_layout.scss +12 -4
  28. package/styles/list-box/bootstrap-dark.css +9 -5
  29. package/styles/list-box/bootstrap.css +9 -5
  30. package/styles/list-box/bootstrap4.css +9 -5
  31. package/styles/list-box/bootstrap5-dark.css +9 -5
  32. package/styles/list-box/bootstrap5.css +9 -5
  33. package/styles/list-box/fabric-dark.css +9 -5
  34. package/styles/list-box/fabric.css +9 -5
  35. package/styles/list-box/highcontrast-light.css +9 -5
  36. package/styles/list-box/highcontrast.css +9 -5
  37. package/styles/list-box/material-dark.css +9 -5
  38. package/styles/list-box/material.css +9 -5
  39. package/styles/list-box/tailwind-dark.css +9 -5
  40. package/styles/list-box/tailwind.css +9 -5
  41. package/styles/material-dark.css +17 -5
  42. package/styles/material.css +17 -5
  43. package/styles/multi-select/_layout.scss +8 -0
  44. package/styles/multi-select/bootstrap-dark.css +8 -0
  45. package/styles/multi-select/bootstrap.css +8 -0
  46. package/styles/multi-select/bootstrap4.css +8 -0
  47. package/styles/multi-select/bootstrap5-dark.css +8 -0
  48. package/styles/multi-select/bootstrap5.css +8 -0
  49. package/styles/multi-select/fabric-dark.css +8 -0
  50. package/styles/multi-select/fabric.css +8 -0
  51. package/styles/multi-select/highcontrast-light.css +8 -0
  52. package/styles/multi-select/highcontrast.css +8 -0
  53. package/styles/multi-select/material-dark.css +8 -0
  54. package/styles/multi-select/material.css +8 -0
  55. package/styles/multi-select/tailwind-dark.css +8 -0
  56. package/styles/multi-select/tailwind.css +8 -0
  57. package/styles/tailwind-dark.css +17 -5
  58. package/styles/tailwind.css +17 -5
package/styles/multi-select/bootstrap5-dark.css CHANGED
@@ -1087,6 +1087,14 @@ ejs-multiselect {
1087
1087
  width: 16px;
1088
1088
  }
1089
1089
 
1090
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1091
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1092
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1093
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1094
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1095
+ display: none;
1096
+ }
1097
+
1090
1098
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1091
1099
  color: #fff;
1092
1100
  }
package/styles/multi-select/bootstrap5.css CHANGED
@@ -1087,6 +1087,14 @@ ejs-multiselect {
1087
1087
  width: 16px;
1088
1088
  }
1089
1089
 
1090
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1091
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1092
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1093
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1094
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1095
+ display: none;
1096
+ }
1097
+
1090
1098
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1091
1099
  color: #212529;
1092
1100
  }
package/styles/multi-select/fabric-dark.css CHANGED
@@ -1044,6 +1044,14 @@ ejs-multiselect {
1044
1044
  width: 16px;
1045
1045
  }
1046
1046
 
1047
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1048
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1049
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1050
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1051
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1052
+ display: none;
1053
+ }
1054
+
1047
1055
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1048
1056
  color: #fff;
1049
1057
  }
package/styles/multi-select/fabric.css CHANGED
@@ -1044,6 +1044,14 @@ ejs-multiselect {
1044
1044
  width: 16px;
1045
1045
  }
1046
1046
 
1047
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1048
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1049
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1050
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1051
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1052
+ display: none;
1053
+ }
1054
+
1047
1055
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1048
1056
  color: #666;
1049
1057
  }
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -1167,6 +1167,14 @@ ejs-multiselect {
1167
1167
  width: 16px;
1168
1168
  }
1169
1169
 
1170
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1171
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1172
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1173
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1174
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1175
+ display: none;
1176
+ }
1177
+
1170
1178
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1171
1179
  color: #fff;
1172
1180
  }
package/styles/multi-select/highcontrast.css CHANGED
@@ -1169,6 +1169,14 @@ ejs-multiselect {
1169
1169
  width: 16px;
1170
1170
  }
1171
1171
 
1172
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1173
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1174
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1175
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1176
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1177
+ display: none;
1178
+ }
1179
+
1172
1180
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1173
1181
  color: #000;
1174
1182
  }
package/styles/multi-select/material-dark.css CHANGED
@@ -2088,6 +2088,14 @@ ejs-multiselect {
2088
2088
  width: 16px;
2089
2089
  }
2090
2090
 
2091
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2092
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2093
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2094
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2095
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2096
+ display: none;
2097
+ }
2098
+
2091
2099
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2092
2100
  color: #fff;
2093
2101
  }
package/styles/multi-select/material.css CHANGED
@@ -2097,6 +2097,14 @@ ejs-multiselect {
2097
2097
  width: 16px;
2098
2098
  }
2099
2099
 
2100
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2101
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2102
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2103
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2104
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2105
+ display: none;
2106
+ }
2107
+
2100
2108
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2101
2109
  color: #fff;
2102
2110
  }
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -1083,6 +1083,14 @@ ejs-multiselect {
1083
1083
  width: 16px;
1084
1084
  }
1085
1085
 
1086
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1087
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1088
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1089
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1090
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1091
+ display: none;
1092
+ }
1093
+
1086
1094
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1087
1095
  color: #fff;
1088
1096
  }
package/styles/multi-select/tailwind.css CHANGED
@@ -1083,6 +1083,14 @@ ejs-multiselect {
1083
1083
  width: 16px;
1084
1084
  }
1085
1085
 
1086
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1087
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1088
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1089
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1090
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1091
+ display: none;
1092
+ }
1093
+
1086
1094
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1087
1095
  color: #111827;
1088
1096
  }
package/styles/tailwind-dark.css CHANGED
@@ -2413,6 +2413,14 @@ ejs-multiselect {
2413
2413
  width: 16px;
2414
2414
  }
2415
2415
 
2416
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2417
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2418
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2419
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2420
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2421
+ display: none;
2422
+ }
2423
+
2416
2424
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2417
2425
  color: #fff;
2418
2426
  }
@@ -2650,6 +2658,7 @@ ejs-multiselect {
2650
2658
  .e-listbox-wrapper,
2651
2659
  .e-listbox-container {
2652
2660
  -webkit-overflow-scrolling: touch;
2661
+ box-sizing: border-box;
2653
2662
  cursor: pointer;
2654
2663
  display: block;
2655
2664
  position: relative;
@@ -2697,11 +2706,6 @@ ejs-multiselect {
2697
2706
  overflow: inherit;
2698
2707
  }
2699
2708
 
2700
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2701
- .e-listbox-container.e-filter-list .e-list-parent {
2702
- overflow: auto;
2703
- }
2704
-
2705
2709
  .e-listbox-wrapper .e-list-parent,
2706
2710
  .e-listbox-container .e-list-parent {
2707
2711
  height: 100%;
@@ -2984,6 +2988,14 @@ ejs-listbox {
2984
2988
  overflow: auto;
2985
2989
  }
2986
2990
 
2991
+ .e-listbox-wrapper.e-filter-list {
2992
+ overflow: inherit;
2993
+ }
2994
+
2995
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
2996
+ overflow: auto;
2997
+ }
2998
+
2987
2999
  .e-listbox-wrapper.e-sortableclone,
2988
3000
  .e-listbox-container.e-sortableclone {
2989
3001
  border-width: 0;
package/styles/tailwind.css CHANGED
@@ -2413,6 +2413,14 @@ ejs-multiselect {
2413
2413
  width: 16px;
2414
2414
  }
2415
2415
 
2416
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2417
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2418
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2419
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2420
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2421
+ display: none;
2422
+ }
2423
+
2416
2424
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2417
2425
  color: #111827;
2418
2426
  }
@@ -2650,6 +2658,7 @@ ejs-multiselect {
2650
2658
  .e-listbox-wrapper,
2651
2659
  .e-listbox-container {
2652
2660
  -webkit-overflow-scrolling: touch;
2661
+ box-sizing: border-box;
2653
2662
  cursor: pointer;
2654
2663
  display: block;
2655
2664
  position: relative;
@@ -2697,11 +2706,6 @@ ejs-multiselect {
2697
2706
  overflow: inherit;
2698
2707
  }
2699
2708
 
2700
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2701
- .e-listbox-container.e-filter-list .e-list-parent {
2702
- overflow: auto;
2703
- }
2704
-
2705
2709
  .e-listbox-wrapper .e-list-parent,
2706
2710
  .e-listbox-container .e-list-parent {
2707
2711
  height: 100%;
@@ -2984,6 +2988,14 @@ ejs-listbox {
2984
2988
  overflow: auto;
2985
2989
  }
2986
2990
 
2991
+ .e-listbox-wrapper.e-filter-list {
2992
+ overflow: inherit;
2993
+ }
2994
+
2995
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
2996
+ overflow: auto;
2997
+ }
2998
+
2987
2999
  .e-listbox-wrapper.e-sortableclone,
2988
3000
  .e-listbox-container.e-sortableclone {
2989
3001
  border-width: 0;