@syncfusion/ej2-dropdowns 27.1.51 → 27.1.53

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 (96) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  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 +149 -56
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +149 -56
  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 +1 -0
  13. package/src/drop-down-base/drop-down-base.js +21 -15
  14. package/src/drop-down-list/drop-down-list.d.ts +2 -1
  15. package/src/drop-down-list/drop-down-list.js +6 -2
  16. package/src/drop-down-tree/drop-down-tree.js +3 -3
  17. package/src/list-box/list-box.js +28 -4
  18. package/src/multi-select/multi-select.js +90 -32
  19. package/styles/bootstrap-dark-lite.css +5 -0
  20. package/styles/bootstrap-dark.css +5 -0
  21. package/styles/bootstrap-lite.css +5 -0
  22. package/styles/bootstrap.css +5 -0
  23. package/styles/bootstrap4-lite.css +5 -0
  24. package/styles/bootstrap4.css +5 -0
  25. package/styles/bootstrap5-dark-lite.css +5 -0
  26. package/styles/bootstrap5-dark.css +5 -0
  27. package/styles/bootstrap5-lite.css +5 -0
  28. package/styles/bootstrap5.3-lite.css +5 -0
  29. package/styles/bootstrap5.3.css +5 -0
  30. package/styles/bootstrap5.css +5 -0
  31. package/styles/drop-down-list/_layout.scss +1 -0
  32. package/styles/drop-down-list/bootstrap-dark.css +1 -0
  33. package/styles/drop-down-list/bootstrap.css +1 -0
  34. package/styles/drop-down-list/bootstrap4.css +1 -0
  35. package/styles/drop-down-list/bootstrap5-dark.css +1 -0
  36. package/styles/drop-down-list/bootstrap5.3.css +1 -0
  37. package/styles/drop-down-list/bootstrap5.css +1 -0
  38. package/styles/drop-down-list/fabric-dark.css +1 -0
  39. package/styles/drop-down-list/fabric.css +1 -0
  40. package/styles/drop-down-list/fluent-dark.css +1 -0
  41. package/styles/drop-down-list/fluent.css +1 -0
  42. package/styles/drop-down-list/fluent2.css +1 -0
  43. package/styles/drop-down-list/highcontrast-light.css +1 -0
  44. package/styles/drop-down-list/highcontrast.css +1 -0
  45. package/styles/drop-down-list/material-dark.css +1 -0
  46. package/styles/drop-down-list/material.css +1 -0
  47. package/styles/drop-down-list/material3-dark.css +1 -0
  48. package/styles/drop-down-list/material3.css +1 -0
  49. package/styles/drop-down-list/tailwind-dark.css +1 -0
  50. package/styles/drop-down-list/tailwind.css +1 -0
  51. package/styles/fabric-dark-lite.css +5 -0
  52. package/styles/fabric-dark.css +5 -0
  53. package/styles/fabric-lite.css +5 -0
  54. package/styles/fabric.css +5 -0
  55. package/styles/fluent-dark-lite.css +5 -0
  56. package/styles/fluent-dark.css +5 -0
  57. package/styles/fluent-lite.css +5 -0
  58. package/styles/fluent.css +5 -0
  59. package/styles/fluent2-lite.css +5 -0
  60. package/styles/fluent2.css +5 -0
  61. package/styles/highcontrast-light-lite.css +5 -0
  62. package/styles/highcontrast-light.css +5 -0
  63. package/styles/highcontrast-lite.css +5 -0
  64. package/styles/highcontrast.css +5 -0
  65. package/styles/material-dark-lite.css +5 -0
  66. package/styles/material-dark.css +5 -0
  67. package/styles/material-lite.css +5 -0
  68. package/styles/material.css +5 -0
  69. package/styles/material3-dark-lite.css +5 -0
  70. package/styles/material3-dark.css +5 -0
  71. package/styles/material3-lite.css +5 -0
  72. package/styles/material3.css +5 -0
  73. package/styles/multi-select/_layout.scss +4 -0
  74. package/styles/multi-select/bootstrap-dark.css +4 -0
  75. package/styles/multi-select/bootstrap.css +4 -0
  76. package/styles/multi-select/bootstrap4.css +4 -0
  77. package/styles/multi-select/bootstrap5-dark.css +4 -0
  78. package/styles/multi-select/bootstrap5.3.css +4 -0
  79. package/styles/multi-select/bootstrap5.css +4 -0
  80. package/styles/multi-select/fabric-dark.css +4 -0
  81. package/styles/multi-select/fabric.css +4 -0
  82. package/styles/multi-select/fluent-dark.css +4 -0
  83. package/styles/multi-select/fluent.css +4 -0
  84. package/styles/multi-select/fluent2.css +4 -0
  85. package/styles/multi-select/highcontrast-light.css +4 -0
  86. package/styles/multi-select/highcontrast.css +4 -0
  87. package/styles/multi-select/material-dark.css +4 -0
  88. package/styles/multi-select/material.css +4 -0
  89. package/styles/multi-select/material3-dark.css +4 -0
  90. package/styles/multi-select/material3.css +4 -0
  91. package/styles/multi-select/tailwind-dark.css +4 -0
  92. package/styles/multi-select/tailwind.css +4 -0
  93. package/styles/tailwind-dark-lite.css +5 -0
  94. package/styles/tailwind-dark.css +5 -0
  95. package/styles/tailwind-lite.css +5 -0
  96. package/styles/tailwind.css +5 -0
package/styles/material3.css CHANGED
@@ -729,6 +729,7 @@
729
729
  margin: 0;
730
730
  outline: none;
731
731
  width: 100%;
732
+ overflow: hidden;
732
733
  }
733
734
  .e-ddl.e-input-group input[readonly].e-input,
734
735
  .e-ddl.e-input-group input[readonly],
@@ -1748,6 +1749,10 @@ ejs-dropdownlist {
1748
1749
  display: block;
1749
1750
  }
1750
1751
 
1752
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1753
+ margin-right: 30px;
1754
+ }
1755
+
1751
1756
  .e-multi-select-wrapper .e-multi-hidden {
1752
1757
  border: 0;
1753
1758
  height: 0;
package/styles/multi-select/_layout.scss CHANGED
@@ -199,6 +199,10 @@
199
199
  display: block;
200
200
  }
201
201
 
202
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
203
+ margin-right: 30px;
204
+ }
205
+
202
206
  .e-multi-select-wrapper .e-multi-hidden {
203
207
  border: 0;
204
208
  height: 0;
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -281,6 +281,10 @@
281
281
  display: block;
282
282
  }
283
283
 
284
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
285
+ margin-right: 30px;
286
+ }
287
+
284
288
  .e-multi-select-wrapper .e-multi-hidden {
285
289
  border: 0;
286
290
  height: 0;
package/styles/multi-select/bootstrap.css CHANGED
@@ -274,6 +274,10 @@
274
274
  display: block;
275
275
  }
276
276
 
277
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
278
+ margin-right: 30px;
279
+ }
280
+
277
281
  .e-multi-select-wrapper .e-multi-hidden {
278
282
  border: 0;
279
283
  height: 0;
package/styles/multi-select/bootstrap4.css CHANGED
@@ -310,6 +310,10 @@
310
310
  display: block;
311
311
  }
312
312
 
313
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
314
+ margin-right: 30px;
315
+ }
316
+
313
317
  .e-multi-select-wrapper .e-multi-hidden {
314
318
  border: 0;
315
319
  height: 0;
package/styles/multi-select/bootstrap5-dark.css CHANGED
@@ -299,6 +299,10 @@
299
299
  display: block;
300
300
  }
301
301
 
302
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
303
+ margin-right: 30px;
304
+ }
305
+
302
306
  .e-multi-select-wrapper .e-multi-hidden {
303
307
  border: 0;
304
308
  height: 0;
package/styles/multi-select/bootstrap5.3.css CHANGED
@@ -303,6 +303,10 @@
303
303
  display: block;
304
304
  }
305
305
 
306
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
307
+ margin-right: 30px;
308
+ }
309
+
306
310
  .e-multi-select-wrapper .e-multi-hidden {
307
311
  border: 0;
308
312
  height: 0;
package/styles/multi-select/bootstrap5.css CHANGED
@@ -299,6 +299,10 @@
299
299
  display: block;
300
300
  }
301
301
 
302
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
303
+ margin-right: 30px;
304
+ }
305
+
302
306
  .e-multi-select-wrapper .e-multi-hidden {
303
307
  border: 0;
304
308
  height: 0;
package/styles/multi-select/fabric-dark.css CHANGED
@@ -277,6 +277,10 @@
277
277
  display: block;
278
278
  }
279
279
 
280
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
281
+ margin-right: 30px;
282
+ }
283
+
280
284
  .e-multi-select-wrapper .e-multi-hidden {
281
285
  border: 0;
282
286
  height: 0;
package/styles/multi-select/fabric.css CHANGED
@@ -272,6 +272,10 @@
272
272
  display: block;
273
273
  }
274
274
 
275
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
276
+ margin-right: 30px;
277
+ }
278
+
275
279
  .e-multi-select-wrapper .e-multi-hidden {
276
280
  border: 0;
277
281
  height: 0;
package/styles/multi-select/fluent-dark.css CHANGED
@@ -305,6 +305,10 @@
305
305
  display: block;
306
306
  }
307
307
 
308
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
309
+ margin-right: 30px;
310
+ }
311
+
308
312
  .e-multi-select-wrapper .e-multi-hidden {
309
313
  border: 0;
310
314
  height: 0;
package/styles/multi-select/fluent.css CHANGED
@@ -305,6 +305,10 @@
305
305
  display: block;
306
306
  }
307
307
 
308
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
309
+ margin-right: 30px;
310
+ }
311
+
308
312
  .e-multi-select-wrapper .e-multi-hidden {
309
313
  border: 0;
310
314
  height: 0;
package/styles/multi-select/fluent2.css CHANGED
@@ -529,6 +529,10 @@
529
529
  display: block;
530
530
  }
531
531
 
532
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
533
+ margin-right: 30px;
534
+ }
535
+
532
536
  .e-multi-select-wrapper .e-multi-hidden {
533
537
  border: 0;
534
538
  height: 0;
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -369,6 +369,10 @@
369
369
  display: block;
370
370
  }
371
371
 
372
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
373
+ margin-right: 30px;
374
+ }
375
+
372
376
  .e-multi-select-wrapper .e-multi-hidden {
373
377
  border: 0;
374
378
  height: 0;
package/styles/multi-select/highcontrast.css CHANGED
@@ -376,6 +376,10 @@
376
376
  display: block;
377
377
  }
378
378
 
379
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
380
+ margin-right: 30px;
381
+ }
382
+
379
383
  .e-multi-select-wrapper .e-multi-hidden {
380
384
  border: 0;
381
385
  height: 0;
package/styles/multi-select/material-dark.css CHANGED
@@ -534,6 +534,10 @@
534
534
  display: block;
535
535
  }
536
536
 
537
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
538
+ margin-right: 30px;
539
+ }
540
+
537
541
  .e-multi-select-wrapper .e-multi-hidden {
538
542
  border: 0;
539
543
  height: 0;
package/styles/multi-select/material.css CHANGED
@@ -554,6 +554,10 @@
554
554
  display: block;
555
555
  }
556
556
 
557
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
558
+ margin-right: 30px;
559
+ }
560
+
557
561
  .e-multi-select-wrapper .e-multi-hidden {
558
562
  border: 0;
559
563
  height: 0;
package/styles/multi-select/material3-dark.css CHANGED
@@ -551,6 +551,10 @@
551
551
  display: block;
552
552
  }
553
553
 
554
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
555
+ margin-right: 30px;
556
+ }
557
+
554
558
  .e-multi-select-wrapper .e-multi-hidden {
555
559
  border: 0;
556
560
  height: 0;
package/styles/multi-select/material3.css CHANGED
@@ -553,6 +553,10 @@
553
553
  display: block;
554
554
  }
555
555
 
556
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
557
+ margin-right: 30px;
558
+ }
559
+
556
560
  .e-multi-select-wrapper .e-multi-hidden {
557
561
  border: 0;
558
562
  height: 0;
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -304,6 +304,10 @@
304
304
  display: block;
305
305
  }
306
306
 
307
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
308
+ margin-right: 30px;
309
+ }
310
+
307
311
  .e-multi-select-wrapper .e-multi-hidden {
308
312
  border: 0;
309
313
  height: 0;
package/styles/multi-select/tailwind.css CHANGED
@@ -304,6 +304,10 @@
304
304
  display: block;
305
305
  }
306
306
 
307
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
308
+ margin-right: 30px;
309
+ }
310
+
307
311
  .e-multi-select-wrapper .e-multi-hidden {
308
312
  border: 0;
309
313
  height: 0;
package/styles/tailwind-dark-lite.css CHANGED
@@ -623,6 +623,7 @@
623
623
  margin: 0;
624
624
  outline: none;
625
625
  width: 100%;
626
+ overflow: hidden;
626
627
  }
627
628
  .e-ddl.e-input-group input[readonly].e-input,
628
629
  .e-ddl.e-input-group input[readonly],
@@ -1274,6 +1275,10 @@ ejs-dropdownlist {
1274
1275
  display: block;
1275
1276
  }
1276
1277
 
1278
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1279
+ margin-right: 30px;
1280
+ }
1281
+
1277
1282
  .e-multi-select-wrapper .e-multi-hidden {
1278
1283
  border: 0;
1279
1284
  height: 0;
package/styles/tailwind-dark.css CHANGED
@@ -758,6 +758,7 @@
758
758
  margin: 0;
759
759
  outline: none;
760
760
  width: 100%;
761
+ overflow: hidden;
761
762
  }
762
763
  .e-ddl.e-input-group input[readonly].e-input,
763
764
  .e-ddl.e-input-group input[readonly],
@@ -1632,6 +1633,10 @@ ejs-dropdownlist {
1632
1633
  display: block;
1633
1634
  }
1634
1635
 
1636
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1637
+ margin-right: 30px;
1638
+ }
1639
+
1635
1640
  .e-multi-select-wrapper .e-multi-hidden {
1636
1641
  border: 0;
1637
1642
  height: 0;
package/styles/tailwind-lite.css CHANGED
@@ -623,6 +623,7 @@
623
623
  margin: 0;
624
624
  outline: none;
625
625
  width: 100%;
626
+ overflow: hidden;
626
627
  }
627
628
  .e-ddl.e-input-group input[readonly].e-input,
628
629
  .e-ddl.e-input-group input[readonly],
@@ -1274,6 +1275,10 @@ ejs-dropdownlist {
1274
1275
  display: block;
1275
1276
  }
1276
1277
 
1278
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1279
+ margin-right: 30px;
1280
+ }
1281
+
1277
1282
  .e-multi-select-wrapper .e-multi-hidden {
1278
1283
  border: 0;
1279
1284
  height: 0;
package/styles/tailwind.css CHANGED
@@ -758,6 +758,7 @@
758
758
  margin: 0;
759
759
  outline: none;
760
760
  width: 100%;
761
+ overflow: hidden;
761
762
  }
762
763
  .e-ddl.e-input-group input[readonly].e-input,
763
764
  .e-ddl.e-input-group input[readonly],
@@ -1632,6 +1633,10 @@ ejs-dropdownlist {
1632
1633
  display: block;
1633
1634
  }
1634
1635
 
1636
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1637
+ margin-right: 30px;
1638
+ }
1639
+
1635
1640
  .e-multi-select-wrapper .e-multi-hidden {
1636
1641
  border: 0;
1637
1642
  height: 0;