@syncfusion/ej2-vue-dropdowns 20.4.53 → 21.1.35

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 (81) hide show
  1. package/CHANGELOG.md +0 -88
  2. package/dist/ej2-vue-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +928 -1087
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +1012 -1206
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +2 -2
  9. package/package.json +9 -9
  10. package/src/auto-complete/autocomplete.component.d.ts +3 -36
  11. package/src/auto-complete/autocomplete.component.js +152 -183
  12. package/src/combo-box/combobox.component.d.ts +3 -36
  13. package/src/combo-box/combobox.component.js +152 -183
  14. package/src/drop-down-list/dropdownlist.component.d.ts +3 -36
  15. package/src/drop-down-list/dropdownlist.component.js +152 -183
  16. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -32
  17. package/src/drop-down-tree/dropdowntree.component.js +140 -171
  18. package/src/list-box/listbox.component.d.ts +3 -44
  19. package/src/list-box/listbox.component.js +176 -207
  20. package/src/mention/mention.component.d.ts +3 -28
  21. package/src/mention/mention.component.js +101 -130
  22. package/src/multi-select/multiselect.component.d.ts +3 -38
  23. package/src/multi-select/multiselect.component.js +158 -189
  24. package/styles/bootstrap-dark.css +2 -15
  25. package/styles/bootstrap.css +2 -5
  26. package/styles/bootstrap4.css +3 -14
  27. package/styles/bootstrap5-dark.css +5 -8
  28. package/styles/bootstrap5.css +5 -8
  29. package/styles/drop-down-base/bootstrap-dark.css +2 -2
  30. package/styles/drop-down-base/bootstrap.css +2 -2
  31. package/styles/drop-down-base/bootstrap4.css +2 -10
  32. package/styles/drop-down-base/bootstrap5-dark.css +2 -2
  33. package/styles/drop-down-base/bootstrap5.css +2 -2
  34. package/styles/drop-down-base/fabric-dark.css +2 -2
  35. package/styles/drop-down-base/fabric.css +2 -2
  36. package/styles/drop-down-base/fluent-dark.css +2 -2
  37. package/styles/drop-down-base/fluent.css +2 -2
  38. package/styles/drop-down-base/highcontrast-light.css +2 -2
  39. package/styles/drop-down-base/highcontrast.css +2 -2
  40. package/styles/drop-down-base/material-dark.css +2 -2
  41. package/styles/drop-down-base/material.css +2 -2
  42. package/styles/drop-down-base/tailwind-dark.css +2 -2
  43. package/styles/drop-down-base/tailwind.css +2 -2
  44. package/styles/drop-down-list/bootstrap-dark.css +0 -3
  45. package/styles/drop-down-list/bootstrap.css +0 -3
  46. package/styles/drop-down-list/bootstrap4.css +1 -12
  47. package/styles/drop-down-list/bootstrap5-dark.css +0 -3
  48. package/styles/drop-down-list/bootstrap5.css +0 -3
  49. package/styles/drop-down-list/fabric-dark.css +0 -3
  50. package/styles/drop-down-list/fabric.css +0 -3
  51. package/styles/drop-down-list/fluent-dark.css +0 -3
  52. package/styles/drop-down-list/fluent.css +0 -3
  53. package/styles/drop-down-list/highcontrast-light.css +0 -3
  54. package/styles/drop-down-list/highcontrast.css +0 -3
  55. package/styles/drop-down-list/material-dark.css +1 -3
  56. package/styles/drop-down-list/material.css +0 -3
  57. package/styles/drop-down-list/tailwind-dark.css +1 -4
  58. package/styles/drop-down-list/tailwind.css +1 -4
  59. package/styles/drop-down-tree/bootstrap4.css +0 -8
  60. package/styles/drop-down-tree/material-dark.css +1 -0
  61. package/styles/fabric-dark.css +2 -15
  62. package/styles/fabric.css +2 -5
  63. package/styles/fluent-dark.css +6 -9
  64. package/styles/fluent.css +6 -9
  65. package/styles/highcontrast-light.css +9 -15
  66. package/styles/highcontrast.css +15 -11
  67. package/styles/list-box/bootstrap4.css +0 -8
  68. package/styles/material-dark.css +4 -15
  69. package/styles/material.css +2 -5
  70. package/styles/mention/bootstrap4.css +0 -8
  71. package/styles/multi-select/bootstrap4.css +0 -8
  72. package/styles/multi-select/bootstrap5-dark.css +3 -3
  73. package/styles/multi-select/bootstrap5.css +3 -3
  74. package/styles/multi-select/fluent-dark.css +4 -4
  75. package/styles/multi-select/fluent.css +4 -4
  76. package/styles/multi-select/highcontrast-light.css +7 -0
  77. package/styles/multi-select/highcontrast.css +13 -6
  78. package/styles/multi-select/tailwind-dark.css +2 -1
  79. package/styles/multi-select/tailwind.css +2 -1
  80. package/styles/tailwind-dark.css +5 -7
  81. package/styles/tailwind.css +5 -7
package/styles/multi-select/fluent.css CHANGED
@@ -352,7 +352,7 @@
352
352
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
353
353
  max-width: 100%;
354
354
  overflow: hidden;
355
- padding: 0 6px 1px 0;
355
+ padding: 0 6px 1.5px 0;
356
356
  text-indent: 0;
357
357
  text-overflow: ellipsis;
358
358
  white-space: nowrap;
@@ -365,7 +365,7 @@
365
365
 
366
366
  .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
367
367
  .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
368
- padding: 8px 4px 8px 0;
368
+ padding: 8px 4px 10px 0;
369
369
  }
370
370
 
371
371
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
@@ -904,7 +904,7 @@ ejs-multiselect {
904
904
  }
905
905
 
906
906
  .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
907
- font-size: 13px;
907
+ font-size: 14px;
908
908
  line-height: 28px;
909
909
  }
910
910
 
@@ -1386,7 +1386,7 @@ ejs-multiselect {
1386
1386
  }
1387
1387
 
1388
1388
  .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1389
- font-size: 13px;
1389
+ font-size: 14px;
1390
1390
  }
1391
1391
 
1392
1392
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -382,6 +382,13 @@
382
382
  white-space: nowrap;
383
383
  }
384
384
 
385
+ .e-small .e-multi-select-wrapper .e-chips {
386
+ margin: none;
387
+ }
388
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
389
+ padding: none;
390
+ }
391
+
385
392
  .e-multi-select-wrapper.e-delimiter .e-searcher {
386
393
  display: inline-block;
387
394
  float: none;
package/styles/multi-select/highcontrast.css CHANGED
@@ -286,7 +286,7 @@
286
286
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
287
287
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
288
288
  margin-right: 0;
289
- margin-top: -2.8em;
289
+ margin-top: -2.5em;
290
290
  right: 0;
291
291
  }
292
292
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
@@ -317,7 +317,7 @@
317
317
  }
318
318
 
319
319
  .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
320
- margin-top: -2.8em;
320
+ margin-top: -3.1em;
321
321
  }
322
322
 
323
323
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -363,7 +363,7 @@
363
363
  display: -ms-inline-flexbox;
364
364
  display: inline-flex;
365
365
  float: left;
366
- margin: 1.5px 2px 2px 0;
366
+ margin: 2px 2px 2px 0;
367
367
  max-width: 100%;
368
368
  overflow: hidden;
369
369
  padding: 0 0 0 8px;
@@ -378,12 +378,19 @@
378
378
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
379
379
  max-width: 100%;
380
380
  overflow: hidden;
381
- padding: 3px 8px 4.2px 0;
381
+ padding: 3px 8px 5.5px 0;
382
382
  text-indent: 0;
383
383
  text-overflow: ellipsis;
384
384
  white-space: nowrap;
385
385
  }
386
386
 
387
+ .e-small .e-multi-select-wrapper .e-chips {
388
+ margin: 1.5px 2px 2px 0;
389
+ }
390
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
391
+ padding: 3px 8px 4.2px 0;
392
+ }
393
+
387
394
  .e-multi-select-wrapper.e-delimiter .e-searcher {
388
395
  display: inline-block;
389
396
  float: none;
@@ -391,7 +398,7 @@
391
398
 
392
399
  .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
393
400
  .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
394
- padding: 6px 8px 6px 0;
401
+ padding: 6px 8px 7.5px 0;
395
402
  }
396
403
 
397
404
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
@@ -423,7 +430,7 @@
423
430
  cursor: default;
424
431
  font-size: 10px;
425
432
  height: 30px;
426
- margin-top: -3.2em;
433
+ margin-top: -3em;
427
434
  position: absolute;
428
435
  right: 0;
429
436
  top: 100%;
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -224,7 +224,7 @@
224
224
  -ms-flex-direction: row;
225
225
  flex-direction: row;
226
226
  margin-top: -2em;
227
- margin-top: -1.45em;
227
+ margin-top: -1.55em;
228
228
  outline: 0;
229
229
  padding: 0;
230
230
  position: absolute;
@@ -243,6 +243,7 @@
243
243
  margin-right: 0;
244
244
  margin-top: -1.3em;
245
245
  right: 0;
246
+ min-width: 30px;
246
247
  }
247
248
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
248
249
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
package/styles/multi-select/tailwind.css CHANGED
@@ -224,7 +224,7 @@
224
224
  -ms-flex-direction: row;
225
225
  flex-direction: row;
226
226
  margin-top: -2em;
227
- margin-top: -1.45em;
227
+ margin-top: -1.55em;
228
228
  outline: 0;
229
229
  padding: 0;
230
230
  position: absolute;
@@ -243,6 +243,7 @@
243
243
  margin-right: 0;
244
244
  margin-top: -1.3em;
245
245
  right: 0;
246
+ min-width: 30px;
246
247
  }
247
248
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
248
249
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
package/styles/tailwind-dark.css CHANGED
@@ -303,7 +303,6 @@
303
303
  .e-dropdownbase .e-list-item {
304
304
  /* stylelint-disable property-no-vendor-prefix */
305
305
  -webkit-tap-highlight-color: transparent;
306
- background-color: #374151;
307
306
  border-bottom: 0;
308
307
  border-color: #4b5563;
309
308
  color: #fff;
@@ -313,11 +312,11 @@
313
312
  min-height: 30px;
314
313
  padding-right: 16px;
315
314
  text-indent: 12px;
315
+ background-color: #374151;
316
316
  }
317
317
 
318
318
  .e-dropdownbase .e-list-group-item,
319
319
  .e-fixed-head {
320
- background-color: #374151;
321
320
  border-color: #4b5563;
322
321
  color: #9ca3af;
323
322
  font-family: "Inter";
@@ -327,6 +326,7 @@
327
326
  min-height: 30px;
328
327
  padding-left: 12px;
329
328
  padding-right: 16px;
329
+ background-color: #374151;
330
330
  }
331
331
 
332
332
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -639,9 +639,6 @@
639
639
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
640
640
  margin: 0;
641
641
  }
642
- .e-popup-full-page .e-popup-full-page.e-ios {
643
- position: fixed;
644
- }
645
642
 
646
643
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
647
644
  position: relative;
@@ -670,7 +667,7 @@
670
667
  border-top-width: 0;
671
668
  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
672
669
  display: block;
673
- padding: 0;
670
+ padding: 6px;
674
671
  }
675
672
 
676
673
  .e-ddl.e-input-group:not(.e-disabled) {
@@ -1486,7 +1483,7 @@ ejs-dropdownlist {
1486
1483
  -ms-flex-direction: row;
1487
1484
  flex-direction: row;
1488
1485
  margin-top: -2em;
1489
- margin-top: -1.45em;
1486
+ margin-top: -1.55em;
1490
1487
  outline: 0;
1491
1488
  padding: 0;
1492
1489
  position: absolute;
@@ -1505,6 +1502,7 @@ ejs-dropdownlist {
1505
1502
  margin-right: 0;
1506
1503
  margin-top: -1.3em;
1507
1504
  right: 0;
1505
+ min-width: 30px;
1508
1506
  }
1509
1507
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1510
1508
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
package/styles/tailwind.css CHANGED
@@ -303,7 +303,6 @@
303
303
  .e-dropdownbase .e-list-item {
304
304
  /* stylelint-disable property-no-vendor-prefix */
305
305
  -webkit-tap-highlight-color: transparent;
306
- background-color: #fff;
307
306
  border-bottom: 0;
308
307
  border-color: #e5e7eb;
309
308
  color: #111827;
@@ -313,11 +312,11 @@
313
312
  min-height: 30px;
314
313
  padding-right: 16px;
315
314
  text-indent: 12px;
315
+ background-color: #fff;
316
316
  }
317
317
 
318
318
  .e-dropdownbase .e-list-group-item,
319
319
  .e-fixed-head {
320
- background-color: #fff;
321
320
  border-color: #e5e7eb;
322
321
  color: #6b7280;
323
322
  font-family: "Inter";
@@ -327,6 +326,7 @@
327
326
  min-height: 30px;
328
327
  padding-left: 12px;
329
328
  padding-right: 16px;
329
+ background-color: #fff;
330
330
  }
331
331
 
332
332
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -639,9 +639,6 @@
639
639
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
640
640
  margin: 0;
641
641
  }
642
- .e-popup-full-page .e-popup-full-page.e-ios {
643
- position: fixed;
644
- }
645
642
 
646
643
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
647
644
  position: relative;
@@ -670,7 +667,7 @@
670
667
  border-top-width: 0;
671
668
  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
672
669
  display: block;
673
- padding: 0;
670
+ padding: 6px;
674
671
  }
675
672
 
676
673
  .e-ddl.e-input-group:not(.e-disabled) {
@@ -1486,7 +1483,7 @@ ejs-dropdownlist {
1486
1483
  -ms-flex-direction: row;
1487
1484
  flex-direction: row;
1488
1485
  margin-top: -2em;
1489
- margin-top: -1.45em;
1486
+ margin-top: -1.55em;
1490
1487
  outline: 0;
1491
1488
  padding: 0;
1492
1489
  position: absolute;
@@ -1505,6 +1502,7 @@ ejs-dropdownlist {
1505
1502
  margin-right: 0;
1506
1503
  margin-top: -1.3em;
1507
1504
  right: 0;
1505
+ min-width: 30px;
1508
1506
  }
1509
1507
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1510
1508
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {