@syncfusion/ej2-vue-dropdowns 18.2.44-4568 → 18.2.44-4571

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 (66) hide show
  1. package/CHANGELOG.md +206 -0
  2. package/dist/ej2-vue-dropdowns.umd.min.js +10 -1
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +9 -6
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +9 -6
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +10 -0
  9. package/package.json +72 -72
  10. package/src/drop-down-tree/dropdowntree.component.d.ts +1 -0
  11. package/src/drop-down-tree/dropdowntree.component.js +4 -1
  12. package/src/list-box/listbox.component.d.ts +2 -2
  13. package/src/list-box/listbox.component.js +4 -4
  14. package/src/multi-select/multiselect.component.js +1 -1
  15. package/styles/auto-complete/bootstrap-dark.css +0 -1
  16. package/styles/auto-complete/bootstrap.css +0 -1
  17. package/styles/auto-complete/bootstrap4.css +0 -1
  18. package/styles/bootstrap-dark.css +790 -173
  19. package/styles/bootstrap.css +790 -173
  20. package/styles/bootstrap4.css +826 -187
  21. package/styles/combo-box/bootstrap-dark.css +0 -1
  22. package/styles/combo-box/bootstrap.css +0 -1
  23. package/styles/combo-box/bootstrap4.css +0 -1
  24. package/styles/drop-down-base/bootstrap4.css +2 -1
  25. package/styles/drop-down-list/bootstrap-dark.css +35 -2
  26. package/styles/drop-down-list/bootstrap.css +35 -2
  27. package/styles/drop-down-list/bootstrap4.css +37 -3
  28. package/styles/drop-down-list/fabric-dark.css +35 -1
  29. package/styles/drop-down-list/fabric.css +35 -1
  30. package/styles/drop-down-list/highcontrast-light.css +35 -1
  31. package/styles/drop-down-list/highcontrast.css +35 -1
  32. package/styles/drop-down-list/material-dark.css +35 -1
  33. package/styles/drop-down-list/material.css +44 -1
  34. package/styles/drop-down-tree/bootstrap-dark.css +97 -19
  35. package/styles/drop-down-tree/bootstrap.css +97 -19
  36. package/styles/drop-down-tree/bootstrap4.css +108 -24
  37. package/styles/drop-down-tree/fabric-dark.css +97 -19
  38. package/styles/drop-down-tree/fabric.css +97 -19
  39. package/styles/drop-down-tree/highcontrast-light.css +97 -19
  40. package/styles/drop-down-tree/highcontrast.css +97 -19
  41. package/styles/drop-down-tree/material-dark.css +98 -20
  42. package/styles/drop-down-tree/material.css +107 -20
  43. package/styles/fabric-dark.css +782 -172
  44. package/styles/fabric.css +782 -172
  45. package/styles/highcontrast-light.css +789 -173
  46. package/styles/highcontrast.css +789 -173
  47. package/styles/list-box/bootstrap-dark.css +291 -140
  48. package/styles/list-box/bootstrap.css +291 -140
  49. package/styles/list-box/bootstrap4.css +311 -147
  50. package/styles/list-box/fabric-dark.css +291 -140
  51. package/styles/list-box/fabric.css +291 -140
  52. package/styles/list-box/highcontrast-light.css +291 -140
  53. package/styles/list-box/highcontrast.css +291 -140
  54. package/styles/list-box/material-dark.css +295 -144
  55. package/styles/list-box/material.css +295 -144
  56. package/styles/material-dark.css +956 -186
  57. package/styles/material.css +1311 -193
  58. package/styles/multi-select/bootstrap-dark.css +367 -12
  59. package/styles/multi-select/bootstrap.css +367 -12
  60. package/styles/multi-select/bootstrap4.css +376 -16
  61. package/styles/multi-select/fabric-dark.css +359 -12
  62. package/styles/multi-select/fabric.css +359 -12
  63. package/styles/multi-select/highcontrast-light.css +366 -13
  64. package/styles/multi-select/highcontrast.css +366 -13
  65. package/styles/multi-select/material-dark.css +528 -21
  66. package/styles/multi-select/material.css +865 -28
package/styles/combo-box/bootstrap-dark.css CHANGED
@@ -2,7 +2,6 @@
2
2
  border-radius: 4px;
3
3
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
4
4
  margin-top: 3px;
5
- overflow: auto;
6
5
  }
7
6
 
8
7
  .e-popup.e-ddl .e-input-group {
package/styles/combo-box/bootstrap.css CHANGED
@@ -2,7 +2,6 @@
2
2
  border-radius: 4px;
3
3
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
4
4
  margin-top: 3px;
5
- overflow: auto;
6
5
  }
7
6
 
8
7
  .e-popup.e-ddl .e-input-group {
package/styles/combo-box/bootstrap4.css CHANGED
@@ -2,7 +2,6 @@
2
2
  border-radius: 4px;
3
3
  box-shadow: none;
4
4
  margin-top: 3px;
5
- overflow: auto;
6
5
  }
7
6
 
8
7
  .e-popup.e-ddl .e-input-group {
package/styles/drop-down-base/bootstrap4.css CHANGED
@@ -24,7 +24,8 @@
24
24
  }
25
25
 
26
26
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
27
- .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
27
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
28
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
28
29
  stroke-width: 1px;
29
30
  }
30
31
 
package/styles/drop-down-list/bootstrap-dark.css CHANGED
@@ -33,7 +33,6 @@
33
33
  border-radius: 4px;
34
34
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
35
35
  margin-top: 3px;
36
- overflow: auto;
37
36
  }
38
37
 
39
38
  .e-popup.e-ddl .e-input-group {
@@ -245,7 +244,9 @@
245
244
 
246
245
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
247
246
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
248
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
247
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
248
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
249
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
249
250
  padding: 0 12px;
250
251
  }
251
252
 
@@ -282,6 +283,38 @@
282
283
  opacity: 1;
283
284
  }
284
285
 
286
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
287
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
288
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
289
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
290
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
291
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
292
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
293
+ display: -ms-flexbox;
294
+ display: flex;
295
+ }
296
+
297
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
298
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
299
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
300
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
301
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
302
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
303
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
304
+ display: none;
305
+ }
306
+
307
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
308
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
309
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
310
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
311
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
312
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
313
+ cursor: pointer;
314
+ display: -ms-flexbox;
315
+ display: flex;
316
+ }
317
+
285
318
  .e-ddl.e-input-group .e-input-value,
286
319
  .e-ddl.e-input-group .e-input-value:focus {
287
320
  font-family: inherit;
package/styles/drop-down-list/bootstrap.css CHANGED
@@ -33,7 +33,6 @@
33
33
  border-radius: 4px;
34
34
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
35
35
  margin-top: 3px;
36
- overflow: auto;
37
36
  }
38
37
 
39
38
  .e-popup.e-ddl .e-input-group {
@@ -245,7 +244,9 @@
245
244
 
246
245
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
247
246
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
248
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
247
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
248
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
249
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
249
250
  padding: 0 12px;
250
251
  }
251
252
 
@@ -282,6 +283,38 @@
282
283
  opacity: 1;
283
284
  }
284
285
 
286
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
287
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
288
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
289
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
290
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
291
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
292
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
293
+ display: -ms-flexbox;
294
+ display: flex;
295
+ }
296
+
297
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
298
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
299
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
300
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
301
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
302
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
303
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
304
+ display: none;
305
+ }
306
+
307
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
308
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
309
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
310
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
311
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
312
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
313
+ cursor: pointer;
314
+ display: -ms-flexbox;
315
+ display: flex;
316
+ }
317
+
285
318
  .e-ddl.e-input-group .e-input-value,
286
319
  .e-ddl.e-input-group .e-input-value:focus {
287
320
  font-family: inherit;
package/styles/drop-down-list/bootstrap4.css CHANGED
@@ -42,7 +42,8 @@
42
42
  }
43
43
 
44
44
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
45
- .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
45
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
46
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
46
47
  stroke-width: 1px;
47
48
  }
48
49
 
@@ -50,7 +51,6 @@
50
51
  border-radius: 4px;
51
52
  box-shadow: none;
52
53
  margin-top: 3px;
53
- overflow: auto;
54
54
  }
55
55
 
56
56
  .e-popup.e-ddl .e-input-group {
@@ -290,7 +290,9 @@
290
290
 
291
291
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
292
292
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
293
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
293
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
294
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
295
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
294
296
  padding: 0 20px;
295
297
  }
296
298
 
@@ -327,6 +329,38 @@
327
329
  opacity: 1;
328
330
  }
329
331
 
332
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
333
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
334
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
335
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
336
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
337
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
338
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
339
+ display: -ms-flexbox;
340
+ display: flex;
341
+ }
342
+
343
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
344
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
345
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
346
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
347
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
348
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
349
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
350
+ display: none;
351
+ }
352
+
353
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
354
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
355
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
356
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
357
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
358
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
359
+ cursor: pointer;
360
+ display: -ms-flexbox;
361
+ display: flex;
362
+ }
363
+
330
364
  .e-ddl.e-input-group .e-input-value,
331
365
  .e-ddl.e-input-group .e-input-value:focus {
332
366
  font-family: inherit;
package/styles/drop-down-list/fabric-dark.css CHANGED
@@ -218,7 +218,9 @@
218
218
 
219
219
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
220
220
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
221
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
221
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
222
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
223
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
222
224
  padding: 0 12px;
223
225
  }
224
226
 
@@ -255,6 +257,38 @@
255
257
  opacity: 1;
256
258
  }
257
259
 
260
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
261
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
262
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
263
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
264
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
265
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
266
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
267
+ display: -ms-flexbox;
268
+ display: flex;
269
+ }
270
+
271
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
272
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
273
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
274
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
275
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
276
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
277
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
278
+ display: none;
279
+ }
280
+
281
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
282
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
283
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
284
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
285
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
286
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
287
+ cursor: pointer;
288
+ display: -ms-flexbox;
289
+ display: flex;
290
+ }
291
+
258
292
  .e-ddl.e-input-group .e-input-value,
259
293
  .e-ddl.e-input-group .e-input-value:focus {
260
294
  font-family: inherit;
package/styles/drop-down-list/fabric.css CHANGED
@@ -211,7 +211,9 @@
211
211
 
212
212
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
213
213
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
214
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
214
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
215
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
216
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
215
217
  padding: 0 12px;
216
218
  }
217
219
 
@@ -248,6 +250,38 @@
248
250
  opacity: 1;
249
251
  }
250
252
 
253
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
254
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
255
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
256
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
257
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
258
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
259
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
260
+ display: -ms-flexbox;
261
+ display: flex;
262
+ }
263
+
264
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
265
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
266
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
267
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
268
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
269
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
270
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
271
+ display: none;
272
+ }
273
+
274
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
275
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
276
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
277
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
278
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
279
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
280
+ cursor: pointer;
281
+ display: -ms-flexbox;
282
+ display: flex;
283
+ }
284
+
251
285
  .e-ddl.e-input-group .e-input-value,
252
286
  .e-ddl.e-input-group .e-input-value:focus {
253
287
  font-family: inherit;
package/styles/drop-down-list/highcontrast-light.css CHANGED
@@ -247,7 +247,9 @@
247
247
 
248
248
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
249
249
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
250
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
250
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
251
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
252
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
251
253
  padding: 0 12px;
252
254
  }
253
255
 
@@ -284,6 +286,38 @@
284
286
  opacity: 1;
285
287
  }
286
288
 
289
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
290
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
291
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
292
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
293
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
294
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
295
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
296
+ display: -ms-flexbox;
297
+ display: flex;
298
+ }
299
+
300
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
301
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
302
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
303
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
304
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
305
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
306
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
307
+ display: none;
308
+ }
309
+
310
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
311
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
312
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
313
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
314
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
315
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
316
+ cursor: pointer;
317
+ display: -ms-flexbox;
318
+ display: flex;
319
+ }
320
+
287
321
  .e-ddl.e-input-group .e-input-value,
288
322
  .e-ddl.e-input-group .e-input-value:focus {
289
323
  font-family: inherit;
package/styles/drop-down-list/highcontrast.css CHANGED
@@ -247,7 +247,9 @@
247
247
 
248
248
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
249
249
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
250
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
250
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
251
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
252
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
251
253
  padding: 0 12px;
252
254
  }
253
255
 
@@ -284,6 +286,38 @@
284
286
  opacity: 1;
285
287
  }
286
288
 
289
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
290
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
291
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
292
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
293
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
294
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
295
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
296
+ display: -ms-flexbox;
297
+ display: flex;
298
+ }
299
+
300
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
301
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
302
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
303
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
304
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
305
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
306
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
307
+ display: none;
308
+ }
309
+
310
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
311
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
312
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
313
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
314
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
315
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
316
+ cursor: pointer;
317
+ display: -ms-flexbox;
318
+ display: flex;
319
+ }
320
+
287
321
  .e-ddl.e-input-group .e-input-value,
288
322
  .e-ddl.e-input-group .e-input-value:focus {
289
323
  font-family: inherit;
package/styles/drop-down-list/material-dark.css CHANGED
@@ -242,7 +242,9 @@
242
242
 
243
243
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
244
244
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
245
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
245
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
246
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
247
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
246
248
  padding: 8px 16px 8px;
247
249
  }
248
250
 
@@ -279,6 +281,38 @@
279
281
  opacity: 1;
280
282
  }
281
283
 
284
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
285
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
286
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
287
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
288
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
289
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
290
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
291
+ display: -ms-flexbox;
292
+ display: flex;
293
+ }
294
+
295
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
296
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
297
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
298
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
299
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
300
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
301
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
302
+ display: none;
303
+ }
304
+
305
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
306
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
307
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
308
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
309
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
310
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
311
+ cursor: pointer;
312
+ display: -ms-flexbox;
313
+ display: flex;
314
+ }
315
+
282
316
  .e-ddl.e-input-group .e-input-value,
283
317
  .e-ddl.e-input-group .e-input-value:focus {
284
318
  font-family: inherit;
package/styles/drop-down-list/material.css CHANGED
@@ -6,6 +6,15 @@
6
6
  }
7
7
  }
8
8
 
9
+ @keyframes slideTopUp {
10
+ from {
11
+ transform: translate3d(0, 0, 0) scale(1);
12
+ }
13
+ to {
14
+ transform: translate3d(0, 0, 0) scale(1);
15
+ }
16
+ }
17
+
9
18
  @keyframes material-spinner-rotate {
10
19
  0% {
11
20
  transform: rotate(0deg);
@@ -267,7 +276,9 @@
267
276
 
268
277
  .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
269
278
  .e-ddl.e-popup .e-filter-parent .e-input-filter,
270
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
279
+ .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
280
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
281
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
271
282
  padding: 8px 16px 8px;
272
283
  }
273
284
 
@@ -304,6 +315,38 @@
304
315
  opacity: 1;
305
316
  }
306
317
 
318
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
319
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
320
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
321
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
322
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
323
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
324
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
325
+ display: -ms-flexbox;
326
+ display: flex;
327
+ }
328
+
329
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
330
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
331
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
332
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
333
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
334
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
335
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
336
+ display: none;
337
+ }
338
+
339
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
340
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
341
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
342
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
343
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
344
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
345
+ cursor: pointer;
346
+ display: -ms-flexbox;
347
+ display: flex;
348
+ }
349
+
307
350
  .e-ddl.e-input-group .e-input-value,
308
351
  .e-ddl.e-input-group .e-input-value:focus {
309
352
  font-family: inherit;