@syncfusion/ej2-dropdowns 20.1.51 → 20.1.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 (141) hide show
  1. package/CHANGELOG.md +26 -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 +90 -69
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +54 -32
  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 +11 -11
  12. package/src/auto-complete/auto-complete.js +3 -1
  13. package/src/combo-box/combo-box.js +4 -3
  14. package/src/common/incremental-search.js +1 -1
  15. package/src/drop-down-base/drop-down-base.js +5 -3
  16. package/src/drop-down-list/drop-down-list.js +10 -2
  17. package/src/drop-down-tree/drop-down-tree-model.d.ts +2 -2
  18. package/src/drop-down-tree/drop-down-tree.js +5 -5
  19. package/src/list-box/list-box.js +16 -10
  20. package/src/multi-select/multi-select-model.d.ts +1 -1
  21. package/src/multi-select/multi-select.js +10 -7
  22. package/styles/auto-complete/bootstrap-dark.css +5 -14
  23. package/styles/auto-complete/bootstrap.css +5 -14
  24. package/styles/auto-complete/bootstrap4.css +5 -13
  25. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  26. package/styles/auto-complete/bootstrap5.css +5 -13
  27. package/styles/auto-complete/fabric-dark.css +5 -12
  28. package/styles/auto-complete/fabric.css +5 -12
  29. package/styles/auto-complete/fluent-dark.css +4 -11
  30. package/styles/auto-complete/fluent.css +4 -11
  31. package/styles/auto-complete/highcontrast-light.css +3 -23
  32. package/styles/auto-complete/highcontrast.css +3 -23
  33. package/styles/auto-complete/material-dark.css +1 -1
  34. package/styles/auto-complete/material.css +1 -1
  35. package/styles/auto-complete/tailwind-dark.css +1 -1
  36. package/styles/auto-complete/tailwind.css +1 -1
  37. package/styles/bootstrap-dark.css +62 -337
  38. package/styles/bootstrap.css +62 -337
  39. package/styles/bootstrap4.css +62 -343
  40. package/styles/bootstrap5-dark.css +63 -343
  41. package/styles/bootstrap5.css +63 -343
  42. package/styles/combo-box/bootstrap-dark.css +5 -14
  43. package/styles/combo-box/bootstrap.css +5 -14
  44. package/styles/combo-box/bootstrap4.css +5 -13
  45. package/styles/combo-box/bootstrap5-dark.css +5 -13
  46. package/styles/combo-box/bootstrap5.css +5 -13
  47. package/styles/combo-box/fabric-dark.css +5 -12
  48. package/styles/combo-box/fabric.css +5 -12
  49. package/styles/combo-box/fluent-dark.css +4 -11
  50. package/styles/combo-box/fluent.css +4 -11
  51. package/styles/combo-box/highcontrast-light.css +3 -23
  52. package/styles/combo-box/highcontrast.css +3 -23
  53. package/styles/combo-box/material-dark.css +1 -1
  54. package/styles/combo-box/material.css +1 -1
  55. package/styles/combo-box/tailwind-dark.css +1 -1
  56. package/styles/combo-box/tailwind.css +1 -1
  57. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  58. package/styles/drop-down-base/bootstrap.css +8 -22
  59. package/styles/drop-down-base/bootstrap4.css +8 -22
  60. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  61. package/styles/drop-down-base/bootstrap5.css +8 -22
  62. package/styles/drop-down-base/fabric-dark.css +8 -22
  63. package/styles/drop-down-base/fabric.css +8 -22
  64. package/styles/drop-down-base/fluent-dark.css +8 -22
  65. package/styles/drop-down-base/fluent.css +8 -22
  66. package/styles/drop-down-base/highcontrast-light.css +8 -27
  67. package/styles/drop-down-base/highcontrast.css +8 -27
  68. package/styles/drop-down-base/material-dark.css +8 -22
  69. package/styles/drop-down-base/material.css +8 -22
  70. package/styles/drop-down-base/tailwind-dark.css +12 -34
  71. package/styles/drop-down-base/tailwind.css +12 -34
  72. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  73. package/styles/drop-down-list/bootstrap.css +15 -44
  74. package/styles/drop-down-list/bootstrap4.css +14 -38
  75. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  76. package/styles/drop-down-list/bootstrap5.css +14 -38
  77. package/styles/drop-down-list/fabric-dark.css +15 -42
  78. package/styles/drop-down-list/fabric.css +15 -42
  79. package/styles/drop-down-list/fluent-dark.css +13 -36
  80. package/styles/drop-down-list/fluent.css +13 -36
  81. package/styles/drop-down-list/highcontrast-light.css +13 -58
  82. package/styles/drop-down-list/highcontrast.css +13 -58
  83. package/styles/drop-down-list/material-dark.css +11 -32
  84. package/styles/drop-down-list/material.css +11 -33
  85. package/styles/drop-down-list/tailwind-dark.css +10 -24
  86. package/styles/drop-down-list/tailwind.css +10 -24
  87. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  88. package/styles/drop-down-tree/bootstrap.css +4 -92
  89. package/styles/drop-down-tree/bootstrap4.css +5 -99
  90. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  91. package/styles/drop-down-tree/bootstrap5.css +5 -103
  92. package/styles/drop-down-tree/fabric-dark.css +4 -92
  93. package/styles/drop-down-tree/fabric.css +4 -92
  94. package/styles/drop-down-tree/fluent-dark.css +5 -105
  95. package/styles/drop-down-tree/fluent.css +5 -105
  96. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  97. package/styles/drop-down-tree/highcontrast.css +4 -98
  98. package/styles/drop-down-tree/material-dark.css +11 -182
  99. package/styles/drop-down-tree/material.css +11 -184
  100. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  101. package/styles/drop-down-tree/tailwind.css +4 -107
  102. package/styles/fabric-dark.css +62 -335
  103. package/styles/fabric.css +62 -335
  104. package/styles/fluent-dark.css +62 -342
  105. package/styles/fluent.css +62 -342
  106. package/styles/highcontrast-light.css +63 -375
  107. package/styles/highcontrast.css +63 -376
  108. package/styles/list-box/bootstrap-dark.css +11 -115
  109. package/styles/list-box/bootstrap.css +11 -115
  110. package/styles/list-box/bootstrap4.css +11 -120
  111. package/styles/list-box/bootstrap5-dark.css +11 -115
  112. package/styles/list-box/bootstrap5.css +11 -115
  113. package/styles/list-box/fabric-dark.css +11 -115
  114. package/styles/list-box/fabric.css +11 -115
  115. package/styles/list-box/fluent-dark.css +11 -115
  116. package/styles/list-box/fluent.css +11 -115
  117. package/styles/list-box/highcontrast-light.css +11 -120
  118. package/styles/list-box/highcontrast.css +11 -120
  119. package/styles/list-box/material-dark.css +11 -115
  120. package/styles/list-box/material.css +11 -115
  121. package/styles/list-box/tailwind-dark.css +12 -118
  122. package/styles/list-box/tailwind.css +12 -118
  123. package/styles/material-dark.css +103 -462
  124. package/styles/material.css +103 -466
  125. package/styles/multi-select/bootstrap-dark.css +28 -68
  126. package/styles/multi-select/bootstrap.css +28 -68
  127. package/styles/multi-select/bootstrap4.css +28 -68
  128. package/styles/multi-select/bootstrap5-dark.css +29 -69
  129. package/styles/multi-select/bootstrap5.css +29 -69
  130. package/styles/multi-select/fabric-dark.css +28 -68
  131. package/styles/multi-select/fabric.css +28 -68
  132. package/styles/multi-select/fluent-dark.css +29 -68
  133. package/styles/multi-select/fluent.css +29 -68
  134. package/styles/multi-select/highcontrast-light.css +31 -97
  135. package/styles/multi-select/highcontrast.css +31 -97
  136. package/styles/multi-select/material-dark.css +66 -115
  137. package/styles/multi-select/material.css +66 -116
  138. package/styles/multi-select/tailwind-dark.css +29 -69
  139. package/styles/multi-select/tailwind.css +29 -69
  140. package/styles/tailwind-dark.css +63 -348
  141. package/styles/tailwind.css +63 -348
@@ -7,7 +7,6 @@
7
7
  transform: rotate(360deg);
8
8
  }
9
9
  }
10
-
11
10
  @keyframes fabric-spinner-rotate {
12
11
  0% {
13
12
  transform: rotate(0);
@@ -16,7 +15,6 @@
16
15
  transform: rotate(360deg);
17
16
  }
18
17
  }
19
-
20
18
  .e-dropdownbase .e-list-item.e-active,
21
19
  .e-dropdownbase .e-list-item.e-active.e-hover {
22
20
  font-weight: 500;
@@ -160,31 +158,28 @@
160
158
  }
161
159
 
162
160
  .e-ddl .e-search-icon::before {
163
- content: '\e754';
161
+ content: "\e754";
164
162
  }
165
163
 
166
164
  .e-ddl .e-back-icon::before {
167
- content: '\e773';
165
+ content: "\e773";
168
166
  }
169
167
 
170
168
  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
171
- content: '\e729';
172
- font-family: 'e-icons';
169
+ content: "\e729";
170
+ font-family: "e-icons";
173
171
  }
174
172
 
175
- .e-bigger .e-input-group.e-ddl .e-input-filter,
176
- .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
173
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
177
174
  margin-left: -20px;
178
175
  }
179
176
 
180
177
  .e-bigger .e-ddl.e-popup .e-list-item {
181
178
  font-size: 16px;
182
179
  }
183
-
184
180
  .e-bigger.e-ddl.e-popup .e-list-item {
185
181
  font-size: 16px;
186
182
  }
187
-
188
183
  .e-popup-full-page {
189
184
  bottom: 0;
190
185
  left: 0;
@@ -194,7 +189,6 @@
194
189
  right: 0;
195
190
  top: 0;
196
191
  }
197
-
198
192
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
199
193
  margin: 0;
200
194
  }
@@ -204,7 +198,7 @@
204
198
  }
205
199
 
206
200
  .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
207
- content: '';
201
+ content: "";
208
202
  }
209
203
 
210
204
  .e-ddl-device-filter .e-filter-parent {
@@ -231,8 +225,7 @@
231
225
  cursor: pointer;
232
226
  }
233
227
 
234
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
235
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
228
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
236
229
  width: 0;
237
230
  }
238
231
 
@@ -241,10 +234,9 @@
241
234
  border: 1px solid #4b5563;
242
235
  position: absolute;
243
236
  }
244
-
245
237
  .e-ddl.e-popup .e-search-icon {
246
238
  margin: 0;
247
- opacity: .57;
239
+ opacity: 0.57;
248
240
  padding: 12px 8px 8px;
249
241
  }
250
242
 
@@ -256,8 +248,7 @@
256
248
  margin-bottom: 0;
257
249
  }
258
250
 
259
- .e-ddl.e-popup .e-ddl-footer,
260
- .e-ddl.e-popup .e-ddl-header {
251
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
261
252
  cursor: default;
262
253
  }
263
254
 
@@ -329,7 +320,6 @@
329
320
  outline: none;
330
321
  width: 100%;
331
322
  }
332
-
333
323
  .e-ddl.e-input-group input[readonly].e-input,
334
324
  .e-ddl.e-input-group input[readonly],
335
325
  .e-ddl.e-input-group .e-dropdownlist {
@@ -346,22 +336,18 @@ ejs-dropdownlist {
346
336
  .e-input-group.e-ddl.e-small .e-list-item {
347
337
  font-size: 12px;
348
338
  }
349
-
350
339
  .e-small.e-ddl.e-popup .e-list-item,
351
340
  .e-input-group.e-ddl.e-small .e-list-item {
352
341
  font-size: 12px;
353
342
  }
354
-
355
343
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
356
344
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
357
345
  font-size: 14px;
358
346
  }
359
-
360
347
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
361
348
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
362
349
  font-size: 14px;
363
350
  }
364
-
365
351
  .e-content-placeholder.e-ddl.e-placeholder-ddl,
366
352
  .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
367
353
  .e-content-placeholder.e-combobox.e-placeholder-combobox {
@@ -386,4 +372,4 @@ ejs-dropdownlist {
386
372
  .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
387
373
  .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
388
374
  color: #fff;
389
- }
375
+ }
@@ -7,7 +7,6 @@
7
7
  transform: rotate(360deg);
8
8
  }
9
9
  }
10
-
11
10
  @keyframes fabric-spinner-rotate {
12
11
  0% {
13
12
  transform: rotate(0);
@@ -16,7 +15,6 @@
16
15
  transform: rotate(360deg);
17
16
  }
18
17
  }
19
-
20
18
  .e-dropdownbase .e-list-item.e-active,
21
19
  .e-dropdownbase .e-list-item.e-active.e-hover {
22
20
  font-weight: 500;
@@ -160,31 +158,28 @@
160
158
  }
161
159
 
162
160
  .e-ddl .e-search-icon::before {
163
- content: '\e754';
161
+ content: "\e754";
164
162
  }
165
163
 
166
164
  .e-ddl .e-back-icon::before {
167
- content: '\e773';
165
+ content: "\e773";
168
166
  }
169
167
 
170
168
  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
171
- content: '\e729';
172
- font-family: 'e-icons';
169
+ content: "\e729";
170
+ font-family: "e-icons";
173
171
  }
174
172
 
175
- .e-bigger .e-input-group.e-ddl .e-input-filter,
176
- .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
173
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
177
174
  margin-left: -20px;
178
175
  }
179
176
 
180
177
  .e-bigger .e-ddl.e-popup .e-list-item {
181
178
  font-size: 16px;
182
179
  }
183
-
184
180
  .e-bigger.e-ddl.e-popup .e-list-item {
185
181
  font-size: 16px;
186
182
  }
187
-
188
183
  .e-popup-full-page {
189
184
  bottom: 0;
190
185
  left: 0;
@@ -194,7 +189,6 @@
194
189
  right: 0;
195
190
  top: 0;
196
191
  }
197
-
198
192
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
199
193
  margin: 0;
200
194
  }
@@ -204,7 +198,7 @@
204
198
  }
205
199
 
206
200
  .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
207
- content: '';
201
+ content: "";
208
202
  }
209
203
 
210
204
  .e-ddl-device-filter .e-filter-parent {
@@ -231,8 +225,7 @@
231
225
  cursor: pointer;
232
226
  }
233
227
 
234
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
235
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
228
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
236
229
  width: 0;
237
230
  }
238
231
 
@@ -241,10 +234,9 @@
241
234
  border: 1px solid #e5e7eb;
242
235
  position: absolute;
243
236
  }
244
-
245
237
  .e-ddl.e-popup .e-search-icon {
246
238
  margin: 0;
247
- opacity: .57;
239
+ opacity: 0.57;
248
240
  padding: 12px 8px 8px;
249
241
  }
250
242
 
@@ -256,8 +248,7 @@
256
248
  margin-bottom: 0;
257
249
  }
258
250
 
259
- .e-ddl.e-popup .e-ddl-footer,
260
- .e-ddl.e-popup .e-ddl-header {
251
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
261
252
  cursor: default;
262
253
  }
263
254
 
@@ -329,7 +320,6 @@
329
320
  outline: none;
330
321
  width: 100%;
331
322
  }
332
-
333
323
  .e-ddl.e-input-group input[readonly].e-input,
334
324
  .e-ddl.e-input-group input[readonly],
335
325
  .e-ddl.e-input-group .e-dropdownlist {
@@ -346,22 +336,18 @@ ejs-dropdownlist {
346
336
  .e-input-group.e-ddl.e-small .e-list-item {
347
337
  font-size: 12px;
348
338
  }
349
-
350
339
  .e-small.e-ddl.e-popup .e-list-item,
351
340
  .e-input-group.e-ddl.e-small .e-list-item {
352
341
  font-size: 12px;
353
342
  }
354
-
355
343
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
356
344
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
357
345
  font-size: 14px;
358
346
  }
359
-
360
347
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
361
348
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
362
349
  font-size: 14px;
363
350
  }
364
-
365
351
  .e-content-placeholder.e-ddl.e-placeholder-ddl,
366
352
  .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
367
353
  .e-content-placeholder.e-combobox.e-placeholder-combobox {
@@ -386,4 +372,4 @@ ejs-dropdownlist {
386
372
  .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
387
373
  .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
388
374
  color: #111827;
389
- }
375
+ }