@syncfusion/ej2-dropdowns 29.1.37 → 29.1.40

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 (93) 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 +81 -23
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +87 -29
  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 +8 -8
  12. package/src/common/incremental-search.js +1 -1
  13. package/src/common/virtual-scroll.js +14 -6
  14. package/src/drop-down-base/drop-down-base.d.ts +2 -0
  15. package/src/drop-down-base/drop-down-base.js +30 -10
  16. package/src/mention/mention.js +6 -1
  17. package/src/multi-select/multi-select.d.ts +1 -1
  18. package/src/multi-select/multi-select.js +36 -11
  19. package/styles/bds-lite.css +5 -0
  20. package/styles/bds.css +5 -0
  21. package/styles/bootstrap-dark-lite.css +5 -0
  22. package/styles/bootstrap-dark.css +5 -0
  23. package/styles/bootstrap-lite.css +12 -0
  24. package/styles/bootstrap.css +12 -0
  25. package/styles/bootstrap4-lite.css +12 -0
  26. package/styles/bootstrap4.css +12 -0
  27. package/styles/bootstrap5-dark-lite.css +12 -0
  28. package/styles/bootstrap5-dark.css +12 -0
  29. package/styles/bootstrap5-lite.css +12 -0
  30. package/styles/bootstrap5.3-lite.css +12 -0
  31. package/styles/bootstrap5.3.css +12 -0
  32. package/styles/bootstrap5.css +12 -0
  33. package/styles/drop-down-list/_bootstrap-dark-definition.scss +1 -0
  34. package/styles/drop-down-list/_bootstrap-definition.scss +1 -0
  35. package/styles/drop-down-list/_bootstrap4-definition.scss +1 -0
  36. package/styles/drop-down-list/_bootstrap5-definition.scss +1 -0
  37. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -0
  38. package/styles/drop-down-list/_fabric-dark-definition.scss +1 -0
  39. package/styles/drop-down-list/_fabric-definition.scss +1 -0
  40. package/styles/drop-down-list/_highcontrast-definition.scss +1 -0
  41. package/styles/drop-down-list/_highcontrast-light-definition.scss +1 -0
  42. package/styles/drop-down-list/_layout.scss +20 -0
  43. package/styles/drop-down-list/bds.css +5 -0
  44. package/styles/drop-down-list/bootstrap-dark.css +5 -0
  45. package/styles/drop-down-list/bootstrap.css +12 -0
  46. package/styles/drop-down-list/bootstrap4.css +12 -0
  47. package/styles/drop-down-list/bootstrap5-dark.css +12 -0
  48. package/styles/drop-down-list/bootstrap5.3.css +12 -0
  49. package/styles/drop-down-list/bootstrap5.css +12 -0
  50. package/styles/drop-down-list/fabric-dark.css +5 -0
  51. package/styles/drop-down-list/fabric.css +10 -0
  52. package/styles/drop-down-list/fluent-dark.css +5 -0
  53. package/styles/drop-down-list/fluent.css +5 -0
  54. package/styles/drop-down-list/fluent2.css +5 -0
  55. package/styles/drop-down-list/highcontrast-light.css +5 -0
  56. package/styles/drop-down-list/highcontrast.css +10 -0
  57. package/styles/drop-down-list/material-dark.css +5 -0
  58. package/styles/drop-down-list/material.css +5 -0
  59. package/styles/drop-down-list/material3-dark.css +5 -0
  60. package/styles/drop-down-list/material3.css +5 -0
  61. package/styles/drop-down-list/tailwind-dark.css +5 -0
  62. package/styles/drop-down-list/tailwind.css +5 -0
  63. package/styles/drop-down-list/tailwind3.css +5 -0
  64. package/styles/fabric-dark-lite.css +5 -0
  65. package/styles/fabric-dark.css +5 -0
  66. package/styles/fabric-lite.css +10 -0
  67. package/styles/fabric.css +10 -0
  68. package/styles/fluent-dark-lite.css +5 -0
  69. package/styles/fluent-dark.css +5 -0
  70. package/styles/fluent-lite.css +5 -0
  71. package/styles/fluent.css +5 -0
  72. package/styles/fluent2-lite.css +5 -0
  73. package/styles/fluent2.css +5 -0
  74. package/styles/highcontrast-light-lite.css +5 -0
  75. package/styles/highcontrast-light.css +5 -0
  76. package/styles/highcontrast-lite.css +10 -0
  77. package/styles/highcontrast.css +10 -0
  78. package/styles/material-dark-lite.css +5 -0
  79. package/styles/material-dark.css +5 -0
  80. package/styles/material-lite.css +14 -0
  81. package/styles/material.css +14 -0
  82. package/styles/material3-dark-lite.css +5 -0
  83. package/styles/material3-dark.css +5 -0
  84. package/styles/material3-lite.css +5 -0
  85. package/styles/material3.css +5 -0
  86. package/styles/multi-select/_material-definition.scss +9 -0
  87. package/styles/multi-select/material.css +9 -0
  88. package/styles/tailwind-dark-lite.css +5 -0
  89. package/styles/tailwind-dark.css +5 -0
  90. package/styles/tailwind-lite.css +5 -0
  91. package/styles/tailwind.css +5 -0
  92. package/styles/tailwind3-lite.css +5 -0
  93. package/styles/tailwind3.css +5 -0
package/styles/fluent.css CHANGED
@@ -742,6 +742,11 @@
742
742
  pointer-events: none;
743
743
  }
744
744
 
745
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
746
+ cursor: pointer;
747
+ pointer-events: auto;
748
+ }
749
+
745
750
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
746
751
  opacity: 0.7;
747
752
  pointer-events: none;
@@ -813,6 +813,11 @@
813
813
  pointer-events: none;
814
814
  }
815
815
 
816
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
817
+ cursor: pointer;
818
+ pointer-events: auto;
819
+ }
820
+
816
821
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
817
822
  opacity: 0.7;
818
823
  pointer-events: none;
@@ -905,6 +905,11 @@
905
905
  pointer-events: none;
906
906
  }
907
907
 
908
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
909
+ cursor: pointer;
910
+ pointer-events: auto;
911
+ }
912
+
908
913
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
909
914
  opacity: 0.7;
910
915
  pointer-events: none;
@@ -583,6 +583,11 @@
583
583
  pointer-events: none;
584
584
  }
585
585
 
586
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
587
+ cursor: pointer;
588
+ pointer-events: auto;
589
+ }
590
+
586
591
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
587
592
  opacity: 0.7;
588
593
  pointer-events: none;
@@ -658,6 +658,11 @@
658
658
  pointer-events: none;
659
659
  }
660
660
 
661
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
662
+ cursor: pointer;
663
+ pointer-events: auto;
664
+ }
665
+
661
666
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
662
667
  opacity: 0.7;
663
668
  pointer-events: none;
@@ -587,6 +587,11 @@
587
587
  pointer-events: none;
588
588
  }
589
589
 
590
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
591
+ cursor: pointer;
592
+ pointer-events: auto;
593
+ }
594
+
590
595
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
591
596
  opacity: 0.7;
592
597
  pointer-events: none;
@@ -637,6 +642,11 @@ ejs-dropdownlist {
637
642
  color: rgb(221, 218, 218);
638
643
  }
639
644
 
645
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
646
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
647
+ border-color: #fff;
648
+ }
649
+
640
650
  .e-popup {
641
651
  border-color: #969696;
642
652
  }
@@ -662,6 +662,11 @@
662
662
  pointer-events: none;
663
663
  }
664
664
 
665
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
666
+ cursor: pointer;
667
+ pointer-events: auto;
668
+ }
669
+
665
670
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
666
671
  opacity: 0.7;
667
672
  pointer-events: none;
@@ -712,6 +717,11 @@ ejs-dropdownlist {
712
717
  color: rgb(221, 218, 218);
713
718
  }
714
719
 
720
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
721
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
722
+ border-color: #fff;
723
+ }
724
+
715
725
  .e-popup {
716
726
  border-color: #969696;
717
727
  }
@@ -629,6 +629,11 @@
629
629
  pointer-events: none;
630
630
  }
631
631
 
632
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
633
+ cursor: pointer;
634
+ pointer-events: auto;
635
+ }
636
+
632
637
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
633
638
  opacity: 0.7;
634
639
  pointer-events: none;
@@ -703,6 +703,11 @@
703
703
  pointer-events: none;
704
704
  }
705
705
 
706
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
707
+ cursor: pointer;
708
+ pointer-events: auto;
709
+ }
710
+
706
711
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
707
712
  opacity: 0.7;
708
713
  pointer-events: none;
@@ -652,6 +652,11 @@
652
652
  pointer-events: none;
653
653
  }
654
654
 
655
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
656
+ cursor: pointer;
657
+ pointer-events: auto;
658
+ }
659
+
655
660
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
656
661
  opacity: 0.7;
657
662
  pointer-events: none;
@@ -1218,6 +1223,15 @@ ejs-dropdownlist {
1218
1223
  padding: 0;
1219
1224
  }
1220
1225
 
1226
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1227
+ padding: 0 8px 0 9px;
1228
+ }
1229
+
1230
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
1231
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
1232
+ padding: 0 8px 0 9px;
1233
+ }
1234
+
1221
1235
  .e-multiselect.e-input-group .e-ddl-icon::before {
1222
1236
  content: "\e969";
1223
1237
  font-family: "e-icons";
@@ -726,6 +726,11 @@
726
726
  pointer-events: none;
727
727
  }
728
728
 
729
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
730
+ cursor: pointer;
731
+ pointer-events: auto;
732
+ }
733
+
729
734
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
730
735
  opacity: 0.7;
731
736
  pointer-events: none;
@@ -1660,6 +1665,15 @@ ejs-dropdownlist {
1660
1665
  padding: 0;
1661
1666
  }
1662
1667
 
1668
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
1669
+ padding: 0 8px 0 9px;
1670
+ }
1671
+
1672
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
1673
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
1674
+ padding: 0 8px 0 9px;
1675
+ }
1676
+
1663
1677
  .e-multiselect.e-input-group .e-ddl-icon::before {
1664
1678
  content: "\e969";
1665
1679
  font-family: "e-icons";
@@ -677,6 +677,11 @@
677
677
  pointer-events: none;
678
678
  }
679
679
 
680
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
681
+ cursor: pointer;
682
+ pointer-events: auto;
683
+ }
684
+
680
685
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
681
686
  opacity: 0.7;
682
687
  pointer-events: none;
@@ -751,6 +751,11 @@
751
751
  pointer-events: none;
752
752
  }
753
753
 
754
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
755
+ cursor: pointer;
756
+ pointer-events: auto;
757
+ }
758
+
754
759
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
755
760
  opacity: 0.7;
756
761
  pointer-events: none;
@@ -679,6 +679,11 @@
679
679
  pointer-events: none;
680
680
  }
681
681
 
682
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
683
+ cursor: pointer;
684
+ pointer-events: auto;
685
+ }
686
+
682
687
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
683
688
  opacity: 0.7;
684
689
  pointer-events: none;
@@ -753,6 +753,11 @@
753
753
  pointer-events: none;
754
754
  }
755
755
 
756
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
757
+ cursor: pointer;
758
+ pointer-events: auto;
759
+ }
760
+
756
761
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
757
762
  opacity: 0.7;
758
763
  pointer-events: none;
@@ -238,4 +238,13 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
238
238
  .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
239
239
  padding: 0;
240
240
  }
241
+
242
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
243
+ padding: 0 8px 0 9px;
244
+ }
245
+
246
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
247
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
248
+ padding: 0 8px 0 9px;
249
+ }
241
250
  }
@@ -96,6 +96,15 @@
96
96
  padding: 0;
97
97
  }
98
98
 
99
+ .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
100
+ padding: 0 8px 0 9px;
101
+ }
102
+
103
+ .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
104
+ .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
105
+ padding: 0 8px 0 9px;
106
+ }
107
+
99
108
  .e-multiselect.e-input-group .e-ddl-icon::before {
100
109
  content: "\e969";
101
110
  font-family: "e-icons";
@@ -647,6 +647,11 @@
647
647
  pointer-events: none;
648
648
  }
649
649
 
650
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
651
+ cursor: pointer;
652
+ pointer-events: auto;
653
+ }
654
+
650
655
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
651
656
  opacity: 0.7;
652
657
  pointer-events: none;
@@ -782,6 +782,11 @@
782
782
  pointer-events: none;
783
783
  }
784
784
 
785
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
786
+ cursor: pointer;
787
+ pointer-events: auto;
788
+ }
789
+
785
790
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
786
791
  opacity: 0.7;
787
792
  pointer-events: none;
@@ -647,6 +647,11 @@
647
647
  pointer-events: none;
648
648
  }
649
649
 
650
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
651
+ cursor: pointer;
652
+ pointer-events: auto;
653
+ }
654
+
650
655
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
651
656
  opacity: 0.7;
652
657
  pointer-events: none;
@@ -782,6 +782,11 @@
782
782
  pointer-events: none;
783
783
  }
784
784
 
785
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
786
+ cursor: pointer;
787
+ pointer-events: auto;
788
+ }
789
+
785
790
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
786
791
  opacity: 0.7;
787
792
  pointer-events: none;
@@ -650,6 +650,11 @@
650
650
  pointer-events: none;
651
651
  }
652
652
 
653
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
654
+ cursor: pointer;
655
+ pointer-events: auto;
656
+ }
657
+
653
658
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
654
659
  opacity: 0.7;
655
660
  pointer-events: none;
@@ -721,6 +721,11 @@
721
721
  pointer-events: none;
722
722
  }
723
723
 
724
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
725
+ cursor: pointer;
726
+ pointer-events: auto;
727
+ }
728
+
724
729
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
725
730
  opacity: 0.7;
726
731
  pointer-events: none;