@syncfusion/ej2-dropdowns 19.4.52 → 19.4.56

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 (56) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +44 -17
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +45 -17
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/combo-box/combo-box.js +4 -1
  13. package/src/drop-down-tree/drop-down-tree.js +6 -14
  14. package/src/list-box/list-box.js +32 -0
  15. package/src/multi-select/multi-select.js +3 -2
  16. package/styles/bootstrap-dark.css +17 -5
  17. package/styles/bootstrap.css +17 -5
  18. package/styles/bootstrap4.css +17 -5
  19. package/styles/bootstrap5-dark.css +17 -5
  20. package/styles/bootstrap5.css +17 -5
  21. package/styles/fabric-dark.css +17 -5
  22. package/styles/fabric.css +17 -5
  23. package/styles/highcontrast-light.css +17 -5
  24. package/styles/highcontrast.css +17 -5
  25. package/styles/list-box/_layout.scss +12 -4
  26. package/styles/list-box/bootstrap-dark.css +9 -5
  27. package/styles/list-box/bootstrap.css +9 -5
  28. package/styles/list-box/bootstrap4.css +9 -5
  29. package/styles/list-box/bootstrap5-dark.css +9 -5
  30. package/styles/list-box/bootstrap5.css +9 -5
  31. package/styles/list-box/fabric-dark.css +9 -5
  32. package/styles/list-box/fabric.css +9 -5
  33. package/styles/list-box/highcontrast-light.css +9 -5
  34. package/styles/list-box/highcontrast.css +9 -5
  35. package/styles/list-box/material-dark.css +9 -5
  36. package/styles/list-box/material.css +9 -5
  37. package/styles/list-box/tailwind-dark.css +9 -5
  38. package/styles/list-box/tailwind.css +9 -5
  39. package/styles/material-dark.css +17 -5
  40. package/styles/material.css +17 -5
  41. package/styles/multi-select/_layout.scss +8 -0
  42. package/styles/multi-select/bootstrap-dark.css +8 -0
  43. package/styles/multi-select/bootstrap.css +8 -0
  44. package/styles/multi-select/bootstrap4.css +8 -0
  45. package/styles/multi-select/bootstrap5-dark.css +8 -0
  46. package/styles/multi-select/bootstrap5.css +8 -0
  47. package/styles/multi-select/fabric-dark.css +8 -0
  48. package/styles/multi-select/fabric.css +8 -0
  49. package/styles/multi-select/highcontrast-light.css +8 -0
  50. package/styles/multi-select/highcontrast.css +8 -0
  51. package/styles/multi-select/material-dark.css +8 -0
  52. package/styles/multi-select/material.css +8 -0
  53. package/styles/multi-select/tailwind-dark.css +8 -0
  54. package/styles/multi-select/tailwind.css +8 -0
  55. package/styles/tailwind-dark.css +17 -5
  56. package/styles/tailwind.css +17 -5
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;