@syncfusion/ej2-dropdowns 24.1.41 → 24.1.44

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 (72) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +58 -8
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +58 -8
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +7 -7
  14. package/src/auto-complete/auto-complete.js +1 -1
  15. package/src/drop-down-list/drop-down-list.js +29 -0
  16. package/src/drop-down-tree/drop-down-tree.js +1 -1
  17. package/src/list-box/list-box.d.ts +1 -0
  18. package/src/list-box/list-box.js +19 -3
  19. package/src/mention/mention.js +8 -3
  20. package/styles/bootstrap-dark.css +4 -3
  21. package/styles/bootstrap.css +4 -3
  22. package/styles/bootstrap4.css +4 -3
  23. package/styles/bootstrap5-dark.css +4 -3
  24. package/styles/bootstrap5.css +4 -3
  25. package/styles/drop-down-base/_layout.scss +0 -3
  26. package/styles/drop-down-base/bootstrap-dark.css +0 -3
  27. package/styles/drop-down-base/bootstrap.css +0 -3
  28. package/styles/drop-down-base/bootstrap4.css +0 -3
  29. package/styles/drop-down-base/bootstrap5-dark.css +0 -3
  30. package/styles/drop-down-base/bootstrap5.css +0 -3
  31. package/styles/drop-down-base/fabric-dark.css +0 -3
  32. package/styles/drop-down-base/fabric.css +0 -3
  33. package/styles/drop-down-base/fluent-dark.css +0 -3
  34. package/styles/drop-down-base/fluent.css +0 -3
  35. package/styles/drop-down-base/highcontrast-light.css +0 -3
  36. package/styles/drop-down-base/highcontrast.css +0 -3
  37. package/styles/drop-down-base/material-dark.css +0 -3
  38. package/styles/drop-down-base/material.css +0 -3
  39. package/styles/drop-down-base/material3-dark.css +0 -3
  40. package/styles/drop-down-base/material3.css +0 -3
  41. package/styles/drop-down-base/tailwind-dark.css +0 -3
  42. package/styles/drop-down-base/tailwind.css +0 -3
  43. package/styles/drop-down-tree/_layout.scss +5 -0
  44. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  45. package/styles/drop-down-tree/bootstrap.css +4 -0
  46. package/styles/drop-down-tree/bootstrap4.css +4 -0
  47. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  48. package/styles/drop-down-tree/bootstrap5.css +4 -0
  49. package/styles/drop-down-tree/fabric-dark.css +4 -0
  50. package/styles/drop-down-tree/fabric.css +4 -0
  51. package/styles/drop-down-tree/fluent-dark.css +4 -0
  52. package/styles/drop-down-tree/fluent.css +4 -0
  53. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  54. package/styles/drop-down-tree/highcontrast.css +4 -0
  55. package/styles/drop-down-tree/material-dark.css +4 -0
  56. package/styles/drop-down-tree/material.css +4 -0
  57. package/styles/drop-down-tree/material3-dark.css +4 -0
  58. package/styles/drop-down-tree/material3.css +4 -0
  59. package/styles/drop-down-tree/tailwind-dark.css +4 -0
  60. package/styles/drop-down-tree/tailwind.css +4 -0
  61. package/styles/fabric-dark.css +4 -3
  62. package/styles/fabric.css +4 -3
  63. package/styles/fluent-dark.css +4 -3
  64. package/styles/fluent.css +4 -3
  65. package/styles/highcontrast-light.css +4 -3
  66. package/styles/highcontrast.css +4 -3
  67. package/styles/material-dark.css +4 -3
  68. package/styles/material.css +4 -3
  69. package/styles/material3-dark.css +4 -3
  70. package/styles/material3.css +4 -3
  71. package/styles/tailwind-dark.css +4 -3
  72. package/styles/tailwind.css +4 -3
@@ -88,6 +88,10 @@
88
88
  padding-left: 0;
89
89
  padding-right: 0;
90
90
  }
91
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
92
+ display: -ms-flexbox;
93
+ display: flex;
94
+ }
91
95
  .e-ddt .e-chips-wrapper {
92
96
  width: 100%;
93
97
  }
@@ -115,6 +115,10 @@
115
115
  padding-left: 0;
116
116
  padding-right: 0;
117
117
  }
118
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
119
+ display: -ms-flexbox;
120
+ display: flex;
121
+ }
118
122
  .e-ddt .e-chips-wrapper {
119
123
  width: 100%;
120
124
  }
@@ -115,6 +115,10 @@
115
115
  padding-left: 0;
116
116
  padding-right: 0;
117
117
  }
118
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
119
+ display: -ms-flexbox;
120
+ display: flex;
121
+ }
118
122
  .e-ddt .e-chips-wrapper {
119
123
  width: 100%;
120
124
  }
@@ -101,6 +101,10 @@
101
101
  padding-left: 0;
102
102
  padding-right: 0;
103
103
  }
104
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
105
+ display: -ms-flexbox;
106
+ display: flex;
107
+ }
104
108
  .e-ddt .e-chips-wrapper {
105
109
  width: 100%;
106
110
  }
@@ -102,6 +102,10 @@
102
102
  padding-left: 0;
103
103
  padding-right: 0;
104
104
  }
105
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
106
+ display: -ms-flexbox;
107
+ display: flex;
108
+ }
105
109
  .e-ddt .e-chips-wrapper {
106
110
  width: 100%;
107
111
  }
@@ -92,6 +92,10 @@
92
92
  padding-left: 0;
93
93
  padding-right: 0;
94
94
  }
95
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
96
+ display: -ms-flexbox;
97
+ display: flex;
98
+ }
95
99
  .e-ddt .e-chips-wrapper {
96
100
  width: 100%;
97
101
  }
@@ -101,6 +101,10 @@
101
101
  padding-left: 0;
102
102
  padding-right: 0;
103
103
  }
104
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
105
+ display: -ms-flexbox;
106
+ display: flex;
107
+ }
104
108
  .e-ddt .e-chips-wrapper {
105
109
  width: 100%;
106
110
  }
@@ -165,6 +165,10 @@
165
165
  padding-left: 0;
166
166
  padding-right: 0;
167
167
  }
168
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
169
+ display: -ms-flexbox;
170
+ display: flex;
171
+ }
168
172
  .e-ddt .e-chips-wrapper {
169
173
  width: 100%;
170
174
  }
@@ -221,6 +221,10 @@
221
221
  padding-left: 0;
222
222
  padding-right: 0;
223
223
  }
224
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
225
+ display: -ms-flexbox;
226
+ display: flex;
227
+ }
224
228
  .e-ddt .e-chips-wrapper {
225
229
  width: 100%;
226
230
  }
@@ -123,6 +123,10 @@
123
123
  padding-left: 0;
124
124
  padding-right: 0;
125
125
  }
126
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
127
+ display: -ms-flexbox;
128
+ display: flex;
129
+ }
126
130
  .e-ddt .e-chips-wrapper {
127
131
  width: 100%;
128
132
  }
@@ -123,6 +123,10 @@
123
123
  padding-left: 0;
124
124
  padding-right: 0;
125
125
  }
126
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
127
+ display: -ms-flexbox;
128
+ display: flex;
129
+ }
126
130
  .e-ddt .e-chips-wrapper {
127
131
  width: 100%;
128
132
  }
@@ -68,9 +68,6 @@
68
68
  position: absolute;
69
69
  top: 0;
70
70
  }
71
- .e-rtl .e-dropdownbase .e-fixed-head {
72
- left: 33px;
73
- }
74
71
 
75
72
  .e-dropdownbase.e-content {
76
73
  overflow: auto;
@@ -812,6 +809,10 @@ ejs-dropdownlist {
812
809
  padding-left: 0;
813
810
  padding-right: 0;
814
811
  }
812
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
813
+ display: -ms-flexbox;
814
+ display: flex;
815
+ }
815
816
  .e-ddt .e-chips-wrapper {
816
817
  width: 100%;
817
818
  }
package/styles/fabric.css CHANGED
@@ -68,9 +68,6 @@
68
68
  position: absolute;
69
69
  top: 0;
70
70
  }
71
- .e-rtl .e-dropdownbase .e-fixed-head {
72
- left: 33px;
73
- }
74
71
 
75
72
  .e-dropdownbase.e-content {
76
73
  overflow: auto;
@@ -806,6 +803,10 @@ ejs-dropdownlist {
806
803
  padding-left: 0;
807
804
  padding-right: 0;
808
805
  }
806
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
807
+ display: -ms-flexbox;
808
+ display: flex;
809
+ }
809
810
  .e-ddt .e-chips-wrapper {
810
811
  width: 100%;
811
812
  }
@@ -94,9 +94,6 @@
94
94
  position: absolute;
95
95
  top: 0;
96
96
  }
97
- .e-rtl .e-dropdownbase .e-fixed-head {
98
- left: 33px;
99
- }
100
97
 
101
98
  .e-dropdownbase.e-content {
102
99
  overflow: auto;
@@ -897,6 +894,10 @@ ejs-dropdownlist {
897
894
  padding-left: 0;
898
895
  padding-right: 0;
899
896
  }
897
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
898
+ display: -ms-flexbox;
899
+ display: flex;
900
+ }
900
901
  .e-ddt .e-chips-wrapper {
901
902
  width: 100%;
902
903
  }
package/styles/fluent.css CHANGED
@@ -94,9 +94,6 @@
94
94
  position: absolute;
95
95
  top: 0;
96
96
  }
97
- .e-rtl .e-dropdownbase .e-fixed-head {
98
- left: 33px;
99
- }
100
97
 
101
98
  .e-dropdownbase.e-content {
102
99
  overflow: auto;
@@ -897,6 +894,10 @@ ejs-dropdownlist {
897
894
  padding-left: 0;
898
895
  padding-right: 0;
899
896
  }
897
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
898
+ display: -ms-flexbox;
899
+ display: flex;
900
+ }
900
901
  .e-ddt .e-chips-wrapper {
901
902
  width: 100%;
902
903
  }
@@ -82,9 +82,6 @@
82
82
  position: absolute;
83
83
  top: 0;
84
84
  }
85
- .e-rtl .e-dropdownbase .e-fixed-head {
86
- left: 33px;
87
- }
88
85
 
89
86
  .e-dropdownbase.e-content {
90
87
  overflow: auto;
@@ -823,6 +820,10 @@ ejs-dropdownlist {
823
820
  padding-left: 0;
824
821
  padding-right: 0;
825
822
  }
823
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
824
+ display: -ms-flexbox;
825
+ display: flex;
826
+ }
826
827
  .e-ddt .e-chips-wrapper {
827
828
  width: 100%;
828
829
  }
@@ -82,9 +82,6 @@
82
82
  position: absolute;
83
83
  top: 0;
84
84
  }
85
- .e-rtl .e-dropdownbase .e-fixed-head {
86
- left: 33px;
87
- }
88
85
 
89
86
  .e-dropdownbase.e-content {
90
87
  overflow: auto;
@@ -824,6 +821,10 @@ ejs-dropdownlist {
824
821
  padding-left: 0;
825
822
  padding-right: 0;
826
823
  }
824
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
825
+ display: -ms-flexbox;
826
+ display: flex;
827
+ }
827
828
  .e-ddt .e-chips-wrapper {
828
829
  width: 100%;
829
830
  }
@@ -67,9 +67,6 @@
67
67
  position: absolute;
68
68
  top: 0;
69
69
  }
70
- .e-rtl .e-dropdownbase .e-fixed-head {
71
- left: 33px;
72
- }
73
70
 
74
71
  .e-dropdownbase.e-content {
75
72
  overflow: auto;
@@ -848,6 +845,10 @@ ejs-dropdownlist {
848
845
  padding-left: 0;
849
846
  padding-right: 0;
850
847
  }
848
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
849
+ display: -ms-flexbox;
850
+ display: flex;
851
+ }
851
852
  .e-ddt .e-chips-wrapper {
852
853
  width: 100%;
853
854
  }
@@ -67,9 +67,6 @@
67
67
  position: absolute;
68
68
  top: 0;
69
69
  }
70
- .e-rtl .e-dropdownbase .e-fixed-head {
71
- left: 33px;
72
- }
73
70
 
74
71
  .e-dropdownbase.e-content {
75
72
  overflow: auto;
@@ -889,6 +886,10 @@ ejs-dropdownlist {
889
886
  padding-left: 0;
890
887
  padding-right: 0;
891
888
  }
889
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
890
+ display: -ms-flexbox;
891
+ display: flex;
892
+ }
892
893
  .e-ddt .e-chips-wrapper {
893
894
  width: 100%;
894
895
  }
@@ -122,9 +122,6 @@
122
122
  position: absolute;
123
123
  top: 0;
124
124
  }
125
- .e-rtl .e-dropdownbase .e-fixed-head {
126
- left: 33px;
127
- }
128
125
 
129
126
  .e-dropdownbase.e-content {
130
127
  overflow: auto;
@@ -973,6 +970,10 @@ ejs-dropdownlist {
973
970
  padding-left: 0;
974
971
  padding-right: 0;
975
972
  }
973
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
974
+ display: -ms-flexbox;
975
+ display: flex;
976
+ }
976
977
  .e-ddt .e-chips-wrapper {
977
978
  width: 100%;
978
979
  }
@@ -178,9 +178,6 @@
178
178
  position: absolute;
179
179
  top: 0;
180
180
  }
181
- .e-rtl .e-dropdownbase .e-fixed-head {
182
- left: 33px;
183
- }
184
181
 
185
182
  .e-dropdownbase.e-content {
186
183
  overflow: auto;
@@ -1029,6 +1026,10 @@ ejs-dropdownlist {
1029
1026
  padding-left: 0;
1030
1027
  padding-right: 0;
1031
1028
  }
1029
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
1030
+ display: -ms-flexbox;
1031
+ display: flex;
1032
+ }
1032
1033
  .e-ddt .e-chips-wrapper {
1033
1034
  width: 100%;
1034
1035
  }
@@ -102,9 +102,6 @@
102
102
  position: absolute;
103
103
  top: 0;
104
104
  }
105
- .e-rtl .e-dropdownbase .e-fixed-head {
106
- left: 33px;
107
- }
108
105
 
109
106
  .e-dropdownbase.e-content {
110
107
  overflow: auto;
@@ -897,6 +894,10 @@ ejs-dropdownlist {
897
894
  padding-left: 0;
898
895
  padding-right: 0;
899
896
  }
897
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
898
+ display: -ms-flexbox;
899
+ display: flex;
900
+ }
900
901
  .e-ddt .e-chips-wrapper {
901
902
  width: 100%;
902
903
  }
@@ -102,9 +102,6 @@
102
102
  position: absolute;
103
103
  top: 0;
104
104
  }
105
- .e-rtl .e-dropdownbase .e-fixed-head {
106
- left: 33px;
107
- }
108
105
 
109
106
  .e-dropdownbase.e-content {
110
107
  overflow: auto;
@@ -897,6 +894,10 @@ ejs-dropdownlist {
897
894
  padding-left: 0;
898
895
  padding-right: 0;
899
896
  }
897
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
898
+ display: -ms-flexbox;
899
+ display: flex;
900
+ }
900
901
  .e-ddt .e-chips-wrapper {
901
902
  width: 100%;
902
903
  }