@syncfusion/ej2-dropdowns 27.1.48 → 27.1.51

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 (94) 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 +48 -37
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +46 -35
  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 +12 -13
  12. package/src/drop-down-base/drop-down-base.d.ts +1 -0
  13. package/src/drop-down-base/drop-down-base.js +1 -2
  14. package/src/drop-down-list/drop-down-list.js +12 -1
  15. package/src/drop-down-tree/drop-down-tree.js +1 -1
  16. package/src/list-box/list-box.js +31 -27
  17. package/src/multi-select/multi-select.js +1 -4
  18. package/styles/bootstrap-dark-lite.css +4 -1
  19. package/styles/bootstrap-dark.css +4 -1
  20. package/styles/bootstrap-lite.css +4 -1
  21. package/styles/bootstrap.css +4 -1
  22. package/styles/bootstrap4-lite.css +3 -1
  23. package/styles/bootstrap4.css +3 -1
  24. package/styles/bootstrap5-dark-lite.css +6 -1
  25. package/styles/bootstrap5-dark.css +6 -1
  26. package/styles/bootstrap5-lite.css +6 -1
  27. package/styles/bootstrap5.3-lite.css +6 -1
  28. package/styles/bootstrap5.3.css +6 -1
  29. package/styles/bootstrap5.css +6 -1
  30. package/styles/drop-down-list/_theme.scss +1 -3
  31. package/styles/drop-down-list/bootstrap-dark.css +1 -0
  32. package/styles/drop-down-list/bootstrap.css +1 -0
  33. package/styles/drop-down-list/fabric-dark.css +1 -0
  34. package/styles/drop-down-list/fabric.css +1 -0
  35. package/styles/drop-down-list/fluent-dark.css +1 -0
  36. package/styles/drop-down-list/fluent.css +1 -0
  37. package/styles/drop-down-list/fluent2.css +1 -0
  38. package/styles/drop-down-list/highcontrast-light.css +1 -0
  39. package/styles/drop-down-list/material-dark.css +1 -0
  40. package/styles/drop-down-list/material.css +1 -0
  41. package/styles/drop-down-list/material3-dark.css +1 -0
  42. package/styles/drop-down-list/material3.css +1 -0
  43. package/styles/drop-down-list/tailwind-dark.css +1 -0
  44. package/styles/drop-down-list/tailwind.css +1 -0
  45. package/styles/drop-down-tree/_theme.scss +5 -0
  46. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  47. package/styles/drop-down-tree/bootstrap5.3.css +3 -0
  48. package/styles/drop-down-tree/bootstrap5.css +3 -0
  49. package/styles/fabric-dark-lite.css +4 -1
  50. package/styles/fabric-dark.css +4 -1
  51. package/styles/fabric-lite.css +4 -1
  52. package/styles/fabric.css +4 -1
  53. package/styles/fluent-dark-lite.css +4 -1
  54. package/styles/fluent-dark.css +4 -1
  55. package/styles/fluent-lite.css +4 -1
  56. package/styles/fluent.css +4 -1
  57. package/styles/fluent2-lite.css +4 -1
  58. package/styles/fluent2.css +4 -1
  59. package/styles/highcontrast-light-lite.css +4 -1
  60. package/styles/highcontrast-light.css +4 -1
  61. package/styles/highcontrast-lite.css +3 -1
  62. package/styles/highcontrast.css +3 -1
  63. package/styles/list-box/_layout.scss +1 -0
  64. package/styles/list-box/bootstrap-dark.css +3 -1
  65. package/styles/list-box/bootstrap.css +3 -1
  66. package/styles/list-box/bootstrap4.css +3 -1
  67. package/styles/list-box/bootstrap5-dark.css +3 -1
  68. package/styles/list-box/bootstrap5.3.css +3 -1
  69. package/styles/list-box/bootstrap5.css +3 -1
  70. package/styles/list-box/fabric-dark.css +3 -1
  71. package/styles/list-box/fabric.css +3 -1
  72. package/styles/list-box/fluent-dark.css +3 -1
  73. package/styles/list-box/fluent.css +3 -1
  74. package/styles/list-box/fluent2.css +3 -1
  75. package/styles/list-box/highcontrast-light.css +3 -1
  76. package/styles/list-box/highcontrast.css +3 -1
  77. package/styles/list-box/material-dark.css +3 -1
  78. package/styles/list-box/material.css +3 -1
  79. package/styles/list-box/material3-dark.css +3 -1
  80. package/styles/list-box/material3.css +3 -1
  81. package/styles/list-box/tailwind-dark.css +3 -1
  82. package/styles/list-box/tailwind.css +3 -1
  83. package/styles/material-dark-lite.css +4 -1
  84. package/styles/material-dark.css +4 -1
  85. package/styles/material-lite.css +4 -1
  86. package/styles/material.css +4 -1
  87. package/styles/material3-dark-lite.css +4 -1
  88. package/styles/material3-dark.css +4 -1
  89. package/styles/material3-lite.css +4 -1
  90. package/styles/material3.css +4 -1
  91. package/styles/tailwind-dark-lite.css +4 -1
  92. package/styles/tailwind-dark.css +4 -1
  93. package/styles/tailwind-lite.css +4 -1
  94. package/styles/tailwind.css +4 -1
package/styles/material.css CHANGED
@@ -756,6 +756,7 @@ ejs-dropdownlist {
756
756
 
757
757
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
758
758
  border-color: transparent;
759
+ background: none;
759
760
  }
760
761
 
761
762
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -4162,8 +4163,10 @@ ejs-multiselect {
4162
4163
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
4163
4164
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
4164
4165
  }
4165
- .e-listbox-wrapper:focus,
4166
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
4167
+ .e-listbox-container .e-list-wrap:focus-visible,
4166
4168
  .e-listbox-container:focus,
4169
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
4167
4170
  .e-listboxtool-wrapper:focus {
4168
4171
  outline: none;
4169
4172
  }
package/styles/material3-dark-lite.css CHANGED
@@ -707,6 +707,7 @@ ejs-dropdownlist {
707
707
 
708
708
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
709
709
  border-color: transparent;
710
+ background: none;
710
711
  }
711
712
 
712
713
  .e-ddt .e-ddt-icon::before {
@@ -2715,8 +2716,10 @@ ejs-multiselect {
2715
2716
  -webkit-box-sizing: border-box;
2716
2717
  box-sizing: border-box;
2717
2718
  }
2718
- .e-listbox-wrapper:focus,
2719
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2720
+ .e-listbox-container .e-list-wrap:focus-visible,
2719
2721
  .e-listbox-container:focus,
2722
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2720
2723
  .e-listboxtool-wrapper:focus {
2721
2724
  outline: none;
2722
2725
  }
package/styles/material3-dark.css CHANGED
@@ -781,6 +781,7 @@ ejs-dropdownlist {
781
781
 
782
782
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
783
783
  border-color: transparent;
784
+ background: none;
784
785
  }
785
786
 
786
787
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -4176,8 +4177,10 @@ ejs-multiselect {
4176
4177
  -webkit-box-sizing: border-box;
4177
4178
  box-sizing: border-box;
4178
4179
  }
4179
- .e-listbox-wrapper:focus,
4180
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
4181
+ .e-listbox-container .e-list-wrap:focus-visible,
4180
4182
  .e-listbox-container:focus,
4183
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
4181
4184
  .e-listboxtool-wrapper:focus {
4182
4185
  outline: none;
4183
4186
  }
package/styles/material3-lite.css CHANGED
@@ -709,6 +709,7 @@ ejs-dropdownlist {
709
709
 
710
710
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
711
711
  border-color: transparent;
712
+ background: none;
712
713
  }
713
714
 
714
715
  .e-ddt .e-ddt-icon::before {
@@ -2717,8 +2718,10 @@ ejs-multiselect {
2717
2718
  -webkit-box-sizing: border-box;
2718
2719
  box-sizing: border-box;
2719
2720
  }
2720
- .e-listbox-wrapper:focus,
2721
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2722
+ .e-listbox-container .e-list-wrap:focus-visible,
2721
2723
  .e-listbox-container:focus,
2724
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2722
2725
  .e-listboxtool-wrapper:focus {
2723
2726
  outline: none;
2724
2727
  }
package/styles/material3.css CHANGED
@@ -783,6 +783,7 @@ ejs-dropdownlist {
783
783
 
784
784
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
785
785
  border-color: transparent;
786
+ background: none;
786
787
  }
787
788
 
788
789
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -4178,8 +4179,10 @@ ejs-multiselect {
4178
4179
  -webkit-box-sizing: border-box;
4179
4180
  box-sizing: border-box;
4180
4181
  }
4181
- .e-listbox-wrapper:focus,
4182
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
4183
+ .e-listbox-container .e-list-wrap:focus-visible,
4182
4184
  .e-listbox-container:focus,
4185
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
4183
4186
  .e-listboxtool-wrapper:focus {
4184
4187
  outline: none;
4185
4188
  }
package/styles/tailwind-dark-lite.css CHANGED
@@ -667,6 +667,7 @@ ejs-dropdownlist {
667
667
 
668
668
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
669
669
  border-color: transparent;
670
+ background: none;
670
671
  }
671
672
 
672
673
  /*! TreeView's tailwind theme wise override definitions and variables */
@@ -2080,8 +2081,10 @@ ejs-multiselect {
2080
2081
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2081
2082
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2082
2083
  }
2083
- .e-listbox-wrapper:focus,
2084
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2085
+ .e-listbox-container .e-list-wrap:focus-visible,
2084
2086
  .e-listbox-container:focus,
2087
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2085
2088
  .e-listboxtool-wrapper:focus {
2086
2089
  outline: none;
2087
2090
  }
package/styles/tailwind-dark.css CHANGED
@@ -802,6 +802,7 @@ ejs-dropdownlist {
802
802
 
803
803
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
804
804
  border-color: transparent;
805
+ background: none;
805
806
  }
806
807
 
807
808
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2785,8 +2786,10 @@ ejs-multiselect {
2785
2786
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2786
2787
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2787
2788
  }
2788
- .e-listbox-wrapper:focus,
2789
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2790
+ .e-listbox-container .e-list-wrap:focus-visible,
2789
2791
  .e-listbox-container:focus,
2792
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2790
2793
  .e-listboxtool-wrapper:focus {
2791
2794
  outline: none;
2792
2795
  }
package/styles/tailwind-lite.css CHANGED
@@ -667,6 +667,7 @@ ejs-dropdownlist {
667
667
 
668
668
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
669
669
  border-color: transparent;
670
+ background: none;
670
671
  }
671
672
 
672
673
  /*! TreeView's tailwind theme wise override definitions and variables */
@@ -2080,8 +2081,10 @@ ejs-multiselect {
2080
2081
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2081
2082
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2082
2083
  }
2083
- .e-listbox-wrapper:focus,
2084
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2085
+ .e-listbox-container .e-list-wrap:focus-visible,
2084
2086
  .e-listbox-container:focus,
2087
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2085
2088
  .e-listboxtool-wrapper:focus {
2086
2089
  outline: none;
2087
2090
  }
package/styles/tailwind.css CHANGED
@@ -802,6 +802,7 @@ ejs-dropdownlist {
802
802
 
803
803
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
804
804
  border-color: transparent;
805
+ background: none;
805
806
  }
806
807
 
807
808
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2785,8 +2786,10 @@ ejs-multiselect {
2785
2786
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2786
2787
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2787
2788
  }
2788
- .e-listbox-wrapper:focus,
2789
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2790
+ .e-listbox-container .e-list-wrap:focus-visible,
2789
2791
  .e-listbox-container:focus,
2792
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2790
2793
  .e-listboxtool-wrapper:focus {
2791
2794
  outline: none;
2792
2795
  }