@syncfusion/ej2-dropdowns 27.1.48 → 27.1.50

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 +38 -32
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +37 -31
  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 +4 -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/styles/bootstrap-dark-lite.css +4 -1
  18. package/styles/bootstrap-dark.css +4 -1
  19. package/styles/bootstrap-lite.css +4 -1
  20. package/styles/bootstrap.css +4 -1
  21. package/styles/bootstrap4-lite.css +3 -1
  22. package/styles/bootstrap4.css +3 -1
  23. package/styles/bootstrap5-dark-lite.css +6 -1
  24. package/styles/bootstrap5-dark.css +6 -1
  25. package/styles/bootstrap5-lite.css +6 -1
  26. package/styles/bootstrap5.3-lite.css +6 -1
  27. package/styles/bootstrap5.3.css +6 -1
  28. package/styles/bootstrap5.css +6 -1
  29. package/styles/drop-down-list/_theme.scss +1 -3
  30. package/styles/drop-down-list/bootstrap-dark.css +1 -0
  31. package/styles/drop-down-list/bootstrap.css +1 -0
  32. package/styles/drop-down-list/fabric-dark.css +1 -0
  33. package/styles/drop-down-list/fabric.css +1 -0
  34. package/styles/drop-down-list/fluent-dark.css +1 -0
  35. package/styles/drop-down-list/fluent.css +1 -0
  36. package/styles/drop-down-list/fluent2.css +1 -0
  37. package/styles/drop-down-list/highcontrast-light.css +1 -0
  38. package/styles/drop-down-list/material-dark.css +1 -0
  39. package/styles/drop-down-list/material.css +1 -0
  40. package/styles/drop-down-list/material3-dark.css +1 -0
  41. package/styles/drop-down-list/material3.css +1 -0
  42. package/styles/drop-down-list/tailwind-dark.css +1 -0
  43. package/styles/drop-down-list/tailwind.css +1 -0
  44. package/styles/drop-down-tree/_theme.scss +5 -0
  45. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  46. package/styles/drop-down-tree/bootstrap5.3.css +3 -0
  47. package/styles/drop-down-tree/bootstrap5.css +3 -0
  48. package/styles/fabric-dark-lite.css +4 -1
  49. package/styles/fabric-dark.css +4 -1
  50. package/styles/fabric-lite.css +4 -1
  51. package/styles/fabric.css +4 -1
  52. package/styles/fluent-dark-lite.css +4 -1
  53. package/styles/fluent-dark.css +4 -1
  54. package/styles/fluent-lite.css +4 -1
  55. package/styles/fluent.css +4 -1
  56. package/styles/fluent2-lite.css +4 -1
  57. package/styles/fluent2.css +4 -1
  58. package/styles/highcontrast-light-lite.css +4 -1
  59. package/styles/highcontrast-light.css +4 -1
  60. package/styles/highcontrast-lite.css +3 -1
  61. package/styles/highcontrast.css +3 -1
  62. package/styles/list-box/_layout.scss +1 -0
  63. package/styles/list-box/bootstrap-dark.css +3 -1
  64. package/styles/list-box/bootstrap.css +3 -1
  65. package/styles/list-box/bootstrap4.css +3 -1
  66. package/styles/list-box/bootstrap5-dark.css +3 -1
  67. package/styles/list-box/bootstrap5.3.css +3 -1
  68. package/styles/list-box/bootstrap5.css +3 -1
  69. package/styles/list-box/fabric-dark.css +3 -1
  70. package/styles/list-box/fabric.css +3 -1
  71. package/styles/list-box/fluent-dark.css +3 -1
  72. package/styles/list-box/fluent.css +3 -1
  73. package/styles/list-box/fluent2.css +3 -1
  74. package/styles/list-box/highcontrast-light.css +3 -1
  75. package/styles/list-box/highcontrast.css +3 -1
  76. package/styles/list-box/material-dark.css +3 -1
  77. package/styles/list-box/material.css +3 -1
  78. package/styles/list-box/material3-dark.css +3 -1
  79. package/styles/list-box/material3.css +3 -1
  80. package/styles/list-box/tailwind-dark.css +3 -1
  81. package/styles/list-box/tailwind.css +3 -1
  82. package/styles/material-dark-lite.css +4 -1
  83. package/styles/material-dark.css +4 -1
  84. package/styles/material-lite.css +4 -1
  85. package/styles/material.css +4 -1
  86. package/styles/material3-dark-lite.css +4 -1
  87. package/styles/material3-dark.css +4 -1
  88. package/styles/material3-lite.css +4 -1
  89. package/styles/material3.css +4 -1
  90. package/styles/tailwind-dark-lite.css +4 -1
  91. package/styles/tailwind-dark.css +4 -1
  92. package/styles/tailwind-lite.css +4 -1
  93. package/styles/tailwind.css +4 -1
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
  }