@syncfusion/ej2-dropdowns 20.4.43 → 20.4.49

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 (78) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +28 -10
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +28 -10
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/drop-down-list/drop-down-list.js +1 -1
  14. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  15. package/src/drop-down-tree/drop-down-tree.d.ts +2 -0
  16. package/src/drop-down-tree/drop-down-tree.js +21 -6
  17. package/src/list-box/list-box.js +3 -0
  18. package/src/mention/mention.js +3 -3
  19. package/styles/bootstrap-dark.css +5 -2
  20. package/styles/bootstrap.css +5 -2
  21. package/styles/bootstrap4.css +5 -2
  22. package/styles/bootstrap5-dark.css +5 -2
  23. package/styles/bootstrap5.css +5 -2
  24. package/styles/drop-down-list/_layout.scss +3 -0
  25. package/styles/drop-down-list/bootstrap-dark.css +3 -0
  26. package/styles/drop-down-list/bootstrap.css +3 -0
  27. package/styles/drop-down-list/bootstrap4.css +3 -0
  28. package/styles/drop-down-list/bootstrap5-dark.css +3 -0
  29. package/styles/drop-down-list/bootstrap5.css +3 -0
  30. package/styles/drop-down-list/fabric-dark.css +3 -0
  31. package/styles/drop-down-list/fabric.css +3 -0
  32. package/styles/drop-down-list/fluent-dark.css +3 -0
  33. package/styles/drop-down-list/fluent.css +3 -0
  34. package/styles/drop-down-list/highcontrast-light.css +3 -0
  35. package/styles/drop-down-list/highcontrast.css +3 -0
  36. package/styles/drop-down-list/material-dark.css +3 -0
  37. package/styles/drop-down-list/material.css +3 -0
  38. package/styles/drop-down-list/tailwind-dark.css +3 -0
  39. package/styles/drop-down-list/tailwind.css +3 -0
  40. package/styles/fabric-dark.css +5 -2
  41. package/styles/fabric.css +5 -2
  42. package/styles/fluent-dark.css +5 -2
  43. package/styles/fluent.css +5 -2
  44. package/styles/highcontrast-light.css +5 -2
  45. package/styles/highcontrast.css +5 -2
  46. package/styles/material-dark.css +4 -1
  47. package/styles/material.css +4 -1
  48. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  49. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  50. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  51. package/styles/multi-select/_bootstrap5-definition.scss +1 -0
  52. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  53. package/styles/multi-select/_fabric-definition.scss +1 -0
  54. package/styles/multi-select/_fluent-definition.scss +1 -0
  55. package/styles/multi-select/_fusionnew-definition.scss +1 -0
  56. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  57. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  58. package/styles/multi-select/_layout.scss +2 -2
  59. package/styles/multi-select/_material-dark-definition.scss +1 -0
  60. package/styles/multi-select/_material-definition.scss +1 -0
  61. package/styles/multi-select/_tailwind-definition.scss +1 -0
  62. package/styles/multi-select/bootstrap-dark.css +2 -2
  63. package/styles/multi-select/bootstrap.css +2 -2
  64. package/styles/multi-select/bootstrap4.css +2 -2
  65. package/styles/multi-select/bootstrap5-dark.css +2 -2
  66. package/styles/multi-select/bootstrap5.css +2 -2
  67. package/styles/multi-select/fabric-dark.css +2 -2
  68. package/styles/multi-select/fabric.css +2 -2
  69. package/styles/multi-select/fluent-dark.css +2 -2
  70. package/styles/multi-select/fluent.css +2 -2
  71. package/styles/multi-select/highcontrast-light.css +2 -2
  72. package/styles/multi-select/highcontrast.css +2 -2
  73. package/styles/multi-select/material-dark.css +1 -1
  74. package/styles/multi-select/material.css +1 -1
  75. package/styles/multi-select/tailwind-dark.css +2 -2
  76. package/styles/multi-select/tailwind.css +2 -2
  77. package/styles/tailwind-dark.css +5 -2
  78. package/styles/tailwind.css +5 -2
package/styles/material-dark.css CHANGED
@@ -554,6 +554,9 @@
554
554
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
555
555
  margin: 0;
556
556
  }
557
+ .e-popup-full-page .e-popup-full-page.e-ios {
558
+ position: fixed;
559
+ }
557
560
 
558
561
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
559
562
  position: relative;
@@ -2394,7 +2397,7 @@ ejs-dropdownlist {
2394
2397
  height: 28px;
2395
2398
  min-height: 28px;
2396
2399
  outline: none;
2397
- padding: 0;
2400
+ padding: 4px 0 4px 0;
2398
2401
  text-indent: 0;
2399
2402
  }
2400
2403
 
package/styles/material.css CHANGED
@@ -587,6 +587,9 @@
587
587
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
588
588
  margin: 0;
589
589
  }
590
+ .e-popup-full-page .e-popup-full-page.e-ios {
591
+ position: fixed;
592
+ }
590
593
 
591
594
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
592
595
  position: relative;
@@ -2451,7 +2454,7 @@ ejs-dropdownlist {
2451
2454
  height: 28px;
2452
2455
  min-height: 28px;
2453
2456
  outline: none;
2454
- padding: 0;
2457
+ padding: 4px 0 4px 0;
2455
2458
  text-indent: 0;
2456
2459
  }
2457
2460
 
package/styles/multi-select/_bootstrap-dark-definition.scss CHANGED
@@ -88,6 +88,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
88
88
  $ddl-chip-sel-mobile-close-height: 40px !default;
89
89
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
90
90
  $ddl-input-text-indent: 6px !default;
91
+ $ddl-input-placeholder-padding: 0 0 0 12px !default;
91
92
  $ddl-rtl-chip-sel-close-left: -10px !default;
92
93
  $ddl-popup-active-focus-bg-color: $brand-primary !default;
93
94
  $ddl-popup-active-focus-font-color: $brand-primary-font !default;
package/styles/multi-select/_bootstrap-definition.scss CHANGED
@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
87
87
  $ddl-chip-sel-mobile-close-height: 40px !default;
88
88
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
89
89
  $ddl-input-text-indent: 6px !default;
90
+ $ddl-input-placeholder-padding: 0 0 0 12px !default;
90
91
  $ddl-rtl-chip-sel-close-left: -10px !default;
91
92
  $ddl-popup-active-focus-bg-color: $brand-primary !default;
92
93
  $ddl-popup-active-focus-font-color: $brand-primary-font !default;
package/styles/multi-select/_bootstrap4-definition.scss CHANGED
@@ -90,6 +90,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
90
90
  $ddl-chip-sel-mobile-close-height: 40px !default;
91
91
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
92
92
  $ddl-input-text-indent: 6px !default;
93
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
93
94
  $ddl-rtl-chip-sel-close-left: -10px !default;
94
95
  $ddl-popup-active-focus-bg-color: $primary !default;
95
96
  $ddl-popup-active-focus-font-color: $primary-font !default;
package/styles/multi-select/_bootstrap5-definition.scss CHANGED
@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
75
75
  $ddl-chip-sel-mobile-close-height: 40px !default;
76
76
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
77
77
  $ddl-input-text-indent: 8px !default;
78
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
78
79
  $ddl-rtl-chip-sel-close-left: -12px !default;
79
80
  $ddl-popup-active-focus-border-width: 0 !default;
80
81
  $ddl-popup-active-focus-shadow-item: none !default;
package/styles/multi-select/_fabric-dark-definition.scss CHANGED
@@ -86,6 +86,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
86
86
  $ddl-chip-sel-mobile-close-height: 26px !default;
87
87
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
88
88
  $ddl-input-text-indent: 10px !default;
89
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
89
90
  $ddl-rtl-chip-sel-close-left: -12px !default;
90
91
  $ddl-popup-active-focus-bg-color: $neutral-quintenary !default;
91
92
  $ddl-popup-active-focus-font-color: $neutral-light-fontalt !default;
package/styles/multi-select/_fabric-definition.scss CHANGED
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
85
85
  $ddl-chip-sel-mobile-close-height: 26px !default;
86
86
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
87
87
  $ddl-input-text-indent: 10px !default;
88
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
88
89
  $ddl-rtl-chip-sel-close-left: -12px !default;
89
90
  $ddl-popup-active-focus-bg-color: $theme-lighter !default;
90
91
  $ddl-popup-active-focus-font-color: $neutral-light-font !default;
package/styles/multi-select/_fluent-definition.scss CHANGED
@@ -76,6 +76,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
76
76
  $ddl-chip-sel-mobile-close-height: 40px !default;
77
77
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
78
78
  $ddl-input-text-indent: 8px !default;
79
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
79
80
  $ddl-rtl-chip-sel-close-left: -12px !default;
80
81
  $ddl-popup-active-focus-border-width: 0 !default;
81
82
  $ddl-popup-active-focus-shadow-item: none !default;
package/styles/multi-select/_fusionnew-definition.scss CHANGED
@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
75
75
  $ddl-chip-sel-mobile-close-height: 40px !default;
76
76
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
77
77
  $ddl-input-text-indent: 8px !default;
78
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
78
79
  $ddl-rtl-chip-sel-close-left: -12px !default;
79
80
  $ddl-popup-active-focus-border-width: 0 !default;
80
81
  $ddl-popup-active-focus-shadow-item: none !default;
package/styles/multi-select/_highcontrast-definition.scss CHANGED
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
85
85
  $ddl-chip-sel-mobile-close-height: 26px !default;
86
86
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
87
87
  $ddl-input-text-indent: 10px !default;
88
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
88
89
  $ddl-rtl-chip-sel-close-left: -12px !default;
89
90
  $ddl-popup-active-focus-bg-color: $selection-bg !default;
90
91
  $ddl-popup-active-focus-font-color: $selection-font !default;
package/styles/multi-select/_highcontrast-light-definition.scss CHANGED
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
85
85
  $ddl-chip-sel-mobile-close-height: 26px !default;
86
86
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
87
87
  $ddl-input-text-indent: 10px !default;
88
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
88
89
  $ddl-rtl-chip-sel-close-left: -12px !default;
89
90
  $ddl-popup-active-focus-bg-color: $selection-bg !default;
90
91
  $ddl-popup-active-focus-font-color: $selection-font !default;
package/styles/multi-select/_layout.scss CHANGED
@@ -420,8 +420,8 @@
420
420
  height: $ddl-input-height;
421
421
  min-height: $ddl-input-height;
422
422
  outline: none;
423
- padding: 0;
424
- text-indent: $ddl-input-text-indent;
423
+ padding: $ddl-input-placeholder-padding;
424
+ text-indent: 0;
425
425
  }
426
426
 
427
427
  .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
package/styles/multi-select/_material-dark-definition.scss CHANGED
@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
87
87
  $ddl-chip-sel-mobile-close-height: 40px !default;
88
88
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
89
89
  $ddl-input-text-indent: 0 !default;
90
+ $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
90
91
  $ddl-rtl-chip-sel-close-left: -12px !default;
91
92
  $ddl-popup-active-focus-bg-color: $grey-800 !default;
92
93
  $ddl-popup-active-focus-font-color: $accent !default;
package/styles/multi-select/_material-definition.scss CHANGED
@@ -86,6 +86,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
86
86
  $ddl-chip-sel-mobile-close-height: 40px !default;
87
87
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
88
88
  $ddl-input-text-indent: 0 !default;
89
+ $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
89
90
  $ddl-rtl-chip-sel-close-left: -12px !default;
90
91
  $ddl-popup-active-focus-bg-color: $grey-300 !default;
91
92
  $ddl-popup-active-focus-font-color: $accent !default;
package/styles/multi-select/_tailwind-definition.scss CHANGED
@@ -78,6 +78,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
78
78
  $ddl-chip-sel-mobile-close-height: 40px !default;
79
79
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
80
80
  $ddl-input-text-indent: 10px !default;
81
+ $ddl-input-placeholder-padding: 4px 0 4px 12px !default;
81
82
  $ddl-rtl-chip-sel-close-left: -12px !default;
82
83
  $ddl-popup-active-focus-border-width: 1px !default;
83
84
  $ddl-popup-active-focus-shadow-item: none !default;
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -369,8 +369,8 @@
369
369
  height: 32px;
370
370
  min-height: 32px;
371
371
  outline: none;
372
- padding: 0;
373
- text-indent: 6px;
372
+ padding: 0 0 0 12px;
373
+ text-indent: 0;
374
374
  }
375
375
 
376
376
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/bootstrap.css CHANGED
@@ -367,8 +367,8 @@
367
367
  height: 32px;
368
368
  min-height: 32px;
369
369
  outline: none;
370
- padding: 0;
371
- text-indent: 6px;
370
+ padding: 0 0 0 12px;
371
+ text-indent: 0;
372
372
  }
373
373
 
374
374
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/bootstrap4.css CHANGED
@@ -454,8 +454,8 @@
454
454
  height: 29px;
455
455
  min-height: 29px;
456
456
  outline: none;
457
- padding: 0;
458
- text-indent: 6px;
457
+ padding: 0 0 0 8px;
458
+ text-indent: 0;
459
459
  }
460
460
 
461
461
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/bootstrap5-dark.css CHANGED
@@ -429,8 +429,8 @@
429
429
  height: 30px;
430
430
  min-height: 30px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 8px;
432
+ padding: 0 0 0 8px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/bootstrap5.css CHANGED
@@ -429,8 +429,8 @@
429
429
  height: 30px;
430
430
  min-height: 30px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 8px;
432
+ padding: 0 0 0 8px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/fabric-dark.css CHANGED
@@ -362,8 +362,8 @@
362
362
  height: 28px;
363
363
  min-height: 28px;
364
364
  outline: none;
365
- padding: 0;
366
- text-indent: 10px;
365
+ padding: 0 0 0 10px;
366
+ text-indent: 0;
367
367
  }
368
368
 
369
369
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/fabric.css CHANGED
@@ -362,8 +362,8 @@
362
362
  height: 28px;
363
363
  min-height: 28px;
364
364
  outline: none;
365
- padding: 0;
366
- text-indent: 10px;
365
+ padding: 0 0 0 10px;
366
+ text-indent: 0;
367
367
  }
368
368
 
369
369
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/fluent-dark.css CHANGED
@@ -469,8 +469,8 @@
469
469
  height: 30px;
470
470
  min-height: 30px;
471
471
  outline: none;
472
- padding: 0;
473
- text-indent: 8px;
472
+ padding: 0 0 0 8px;
473
+ text-indent: 0;
474
474
  }
475
475
 
476
476
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/fluent.css CHANGED
@@ -469,8 +469,8 @@
469
469
  height: 30px;
470
470
  min-height: 30px;
471
471
  outline: none;
472
- padding: 0;
473
- text-indent: 8px;
472
+ padding: 0 0 0 8px;
473
+ text-indent: 0;
474
474
  }
475
475
 
476
476
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -467,8 +467,8 @@
467
467
  height: 28px;
468
468
  min-height: 28px;
469
469
  outline: none;
470
- padding: 0;
471
- text-indent: 10px;
470
+ padding: 0 0 0 10px;
471
+ text-indent: 0;
472
472
  }
473
473
 
474
474
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/highcontrast.css CHANGED
@@ -469,8 +469,8 @@
469
469
  height: 28px;
470
470
  min-height: 28px;
471
471
  outline: none;
472
- padding: 0;
473
- text-indent: 10px;
472
+ padding: 0 0 0 10px;
473
+ text-indent: 0;
474
474
  }
475
475
 
476
476
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/material-dark.css CHANGED
@@ -908,7 +908,7 @@
908
908
  height: 28px;
909
909
  min-height: 28px;
910
910
  outline: none;
911
- padding: 0;
911
+ padding: 4px 0 4px 0;
912
912
  text-indent: 0;
913
913
  }
914
914
 
package/styles/multi-select/material.css CHANGED
@@ -916,7 +916,7 @@
916
916
  height: 28px;
917
917
  min-height: 28px;
918
918
  outline: none;
919
- padding: 0;
919
+ padding: 4px 0 4px 0;
920
920
  text-indent: 0;
921
921
  }
922
922
 
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -429,8 +429,8 @@
429
429
  height: 28px;
430
430
  min-height: 28px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 10px;
432
+ padding: 4px 0 4px 12px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/tailwind.css CHANGED
@@ -429,8 +429,8 @@
429
429
  height: 28px;
430
430
  min-height: 28px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 10px;
432
+ padding: 4px 0 4px 12px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/tailwind-dark.css CHANGED
@@ -639,6 +639,9 @@
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
+ }
642
645
 
643
646
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
644
647
  position: relative;
@@ -1688,8 +1691,8 @@ ejs-dropdownlist {
1688
1691
  height: 28px;
1689
1692
  min-height: 28px;
1690
1693
  outline: none;
1691
- padding: 0;
1692
- text-indent: 10px;
1694
+ padding: 4px 0 4px 12px;
1695
+ text-indent: 0;
1693
1696
  }
1694
1697
 
1695
1698
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
package/styles/tailwind.css CHANGED
@@ -639,6 +639,9 @@
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
+ }
642
645
 
643
646
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
644
647
  position: relative;
@@ -1688,8 +1691,8 @@ ejs-dropdownlist {
1688
1691
  height: 28px;
1689
1692
  min-height: 28px;
1690
1693
  outline: none;
1691
- padding: 0;
1692
- text-indent: 10px;
1694
+ padding: 4px 0 4px 12px;
1695
+ text-indent: 0;
1693
1696
  }
1694
1697
 
1695
1698
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {