@syncfusion/ej2-dropdowns 27.2.5 → 28.1.33

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 (222) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +495 -37
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +494 -35
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +13 -13
  13. package/src/auto-complete/auto-complete.js +5 -2
  14. package/src/combo-box/combo-box.js +1 -1
  15. package/src/common/incremental-search.d.ts +1 -1
  16. package/src/common/incremental-search.js +5 -1
  17. package/src/common/virtual-scroll.js +2 -1
  18. package/src/drop-down-base/drop-down-base.js +14 -2
  19. package/src/drop-down-list/drop-down-list-model.d.ts +31 -0
  20. package/src/drop-down-list/drop-down-list.d.ts +44 -1
  21. package/src/drop-down-list/drop-down-list.js +202 -13
  22. package/src/list-box/list-box.d.ts +4 -0
  23. package/src/list-box/list-box.js +9 -4
  24. package/src/mention/mention.js +6 -1
  25. package/src/multi-select/multi-select-model.d.ts +31 -0
  26. package/src/multi-select/multi-select.d.ts +45 -0
  27. package/src/multi-select/multi-select.js +250 -10
  28. package/styles/auto-complete/_tailwind3-definition.scss +2 -0
  29. package/styles/auto-complete/bds.css +75 -0
  30. package/styles/auto-complete/bds.scss +4 -0
  31. package/styles/auto-complete/highcontrast.css +1 -1
  32. package/styles/auto-complete/tailwind3.css +101 -0
  33. package/styles/auto-complete/tailwind3.scss +4 -0
  34. package/styles/bds-lite.css +3013 -0
  35. package/styles/bds-lite.scss +28 -0
  36. package/styles/bds.css +3855 -0
  37. package/styles/bds.scss +33 -0
  38. package/styles/bootstrap-dark-lite.css +41 -2
  39. package/styles/bootstrap-dark.css +41 -2
  40. package/styles/bootstrap-lite.css +30 -1
  41. package/styles/bootstrap.css +30 -1
  42. package/styles/bootstrap4-lite.css +30 -0
  43. package/styles/bootstrap4.css +30 -0
  44. package/styles/bootstrap5-dark-lite.css +30 -0
  45. package/styles/bootstrap5-dark.css +30 -0
  46. package/styles/bootstrap5-lite.css +30 -0
  47. package/styles/bootstrap5.3-lite.css +30 -3
  48. package/styles/bootstrap5.3.css +30 -3
  49. package/styles/bootstrap5.css +30 -0
  50. package/styles/combo-box/_tailwind3-definition.scss +2 -0
  51. package/styles/combo-box/bds.css +75 -0
  52. package/styles/combo-box/bds.scss +4 -0
  53. package/styles/combo-box/highcontrast.css +1 -1
  54. package/styles/combo-box/tailwind3.css +101 -0
  55. package/styles/combo-box/tailwind3.scss +4 -0
  56. package/styles/drop-down-base/_bigger.scss +3 -0
  57. package/styles/drop-down-base/_layout.scss +7 -0
  58. package/styles/drop-down-base/_tailwind3-definition.scss +98 -0
  59. package/styles/drop-down-base/bds.css +496 -0
  60. package/styles/drop-down-base/bds.scss +4 -0
  61. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  62. package/styles/drop-down-base/bootstrap.css +4 -0
  63. package/styles/drop-down-base/bootstrap4.css +4 -0
  64. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  65. package/styles/drop-down-base/bootstrap5.3.css +4 -0
  66. package/styles/drop-down-base/bootstrap5.css +4 -0
  67. package/styles/drop-down-base/fabric-dark.css +4 -0
  68. package/styles/drop-down-base/fabric.css +4 -0
  69. package/styles/drop-down-base/fluent-dark.css +4 -0
  70. package/styles/drop-down-base/fluent.css +4 -0
  71. package/styles/drop-down-base/fluent2.css +9 -5
  72. package/styles/drop-down-base/highcontrast-light.css +4 -0
  73. package/styles/drop-down-base/highcontrast.css +4 -0
  74. package/styles/drop-down-base/material-dark.css +4 -0
  75. package/styles/drop-down-base/material.css +4 -0
  76. package/styles/drop-down-base/material3-dark.css +4 -0
  77. package/styles/drop-down-base/material3.css +4 -0
  78. package/styles/drop-down-base/tailwind-dark.css +4 -0
  79. package/styles/drop-down-base/tailwind.css +4 -0
  80. package/styles/drop-down-base/tailwind3.css +392 -0
  81. package/styles/drop-down-base/tailwind3.scss +4 -0
  82. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  83. package/styles/drop-down-list/_layout.scss +18 -2
  84. package/styles/drop-down-list/_tailwind3-definition.scss +135 -0
  85. package/styles/drop-down-list/_theme.scss +3 -1
  86. package/styles/drop-down-list/bds.css +609 -0
  87. package/styles/drop-down-list/bds.scss +10 -0
  88. package/styles/drop-down-list/bootstrap-dark.css +18 -1
  89. package/styles/drop-down-list/bootstrap.css +13 -1
  90. package/styles/drop-down-list/bootstrap4.css +13 -0
  91. package/styles/drop-down-list/bootstrap5-dark.css +13 -0
  92. package/styles/drop-down-list/bootstrap5.3.css +13 -0
  93. package/styles/drop-down-list/bootstrap5.css +13 -0
  94. package/styles/drop-down-list/fabric-dark.css +18 -1
  95. package/styles/drop-down-list/fabric.css +13 -1
  96. package/styles/drop-down-list/fluent-dark.css +13 -1
  97. package/styles/drop-down-list/fluent.css +13 -1
  98. package/styles/drop-down-list/fluent2.css +13 -1
  99. package/styles/drop-down-list/highcontrast-light.css +9 -1
  100. package/styles/drop-down-list/highcontrast.css +19 -1
  101. package/styles/drop-down-list/icons/_bootstrap-dark.scss +4 -0
  102. package/styles/drop-down-list/icons/_bootstrap.scss +4 -0
  103. package/styles/drop-down-list/icons/_bootstrap4.scss +4 -0
  104. package/styles/drop-down-list/icons/_bootstrap5.3.scss +4 -0
  105. package/styles/drop-down-list/icons/_bootstrap5.scss +4 -0
  106. package/styles/drop-down-list/icons/_fabric-dark.scss +4 -0
  107. package/styles/drop-down-list/icons/_fabric.scss +4 -0
  108. package/styles/drop-down-list/icons/_fluent.scss +4 -0
  109. package/styles/drop-down-list/icons/_fluent2.scss +4 -0
  110. package/styles/drop-down-list/icons/_highcontrast.scss +4 -0
  111. package/styles/drop-down-list/icons/_material-dark.scss +4 -0
  112. package/styles/drop-down-list/icons/_material.scss +4 -0
  113. package/styles/drop-down-list/icons/_material3.scss +4 -0
  114. package/styles/drop-down-list/icons/_tailwind.scss +4 -0
  115. package/styles/drop-down-list/icons/_tailwind3.scss +14 -0
  116. package/styles/drop-down-list/material-dark.css +18 -1
  117. package/styles/drop-down-list/material.css +13 -1
  118. package/styles/drop-down-list/material3-dark.css +13 -1
  119. package/styles/drop-down-list/material3.css +13 -1
  120. package/styles/drop-down-list/tailwind-dark.css +13 -1
  121. package/styles/drop-down-list/tailwind.css +13 -1
  122. package/styles/drop-down-list/tailwind3.css +455 -0
  123. package/styles/drop-down-list/tailwind3.scss +10 -0
  124. package/styles/drop-down-tree/_bigger.scss +41 -7
  125. package/styles/drop-down-tree/_layout.scss +34 -10
  126. package/styles/drop-down-tree/_tailwind3-definition.scss +67 -0
  127. package/styles/drop-down-tree/_theme.scss +3 -3
  128. package/styles/drop-down-tree/bds.css +712 -0
  129. package/styles/drop-down-tree/bds.scss +10 -0
  130. package/styles/drop-down-tree/bootstrap5.3.css +0 -3
  131. package/styles/drop-down-tree/icons/_tailwind3.scss +11 -0
  132. package/styles/drop-down-tree/tailwind3.css +512 -0
  133. package/styles/drop-down-tree/tailwind3.scss +10 -0
  134. package/styles/fabric-dark-lite.css +40 -1
  135. package/styles/fabric-dark.css +40 -1
  136. package/styles/fabric-lite.css +30 -1
  137. package/styles/fabric.css +30 -1
  138. package/styles/fluent-dark-lite.css +30 -1
  139. package/styles/fluent-dark.css +30 -1
  140. package/styles/fluent-lite.css +30 -1
  141. package/styles/fluent.css +30 -1
  142. package/styles/fluent2-lite.css +45 -12
  143. package/styles/fluent2.css +45 -12
  144. package/styles/highcontrast-light-lite.css +22 -1
  145. package/styles/highcontrast-light.css +22 -1
  146. package/styles/highcontrast-lite.css +41 -1
  147. package/styles/highcontrast.css +41 -1
  148. package/styles/list-box/_bigger.scss +18 -1
  149. package/styles/list-box/_layout.scss +29 -3
  150. package/styles/list-box/_tailwind3-definition.scss +123 -0
  151. package/styles/list-box/_theme.scss +11 -0
  152. package/styles/list-box/bds.css +971 -0
  153. package/styles/list-box/bds.scss +6 -0
  154. package/styles/list-box/fluent2.css +1 -1
  155. package/styles/list-box/icons/_tailwind3.scss +25 -0
  156. package/styles/list-box/tailwind3.css +991 -0
  157. package/styles/list-box/tailwind3.scss +6 -0
  158. package/styles/material-dark-lite.css +40 -1
  159. package/styles/material-dark.css +40 -1
  160. package/styles/material-lite.css +30 -1
  161. package/styles/material.css +30 -1
  162. package/styles/material3-dark-lite.css +32 -5
  163. package/styles/material3-dark.css +32 -5
  164. package/styles/material3-lite.css +32 -5
  165. package/styles/material3.css +32 -5
  166. package/styles/mention/_tailwind3-definition.scss +1 -0
  167. package/styles/mention/bds.css +78 -0
  168. package/styles/mention/bds.scss +6 -0
  169. package/styles/mention/tailwind3.css +67 -0
  170. package/styles/mention/tailwind3.scss +6 -0
  171. package/styles/multi-select/_bigger.scss +2 -2
  172. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -1
  173. package/styles/multi-select/_layout.scss +27 -2
  174. package/styles/multi-select/_material3-definition.scss +1 -1
  175. package/styles/multi-select/_tailwind3-definition.scss +227 -0
  176. package/styles/multi-select/_theme.scss +1 -1
  177. package/styles/multi-select/bds.css +1575 -0
  178. package/styles/multi-select/bds.scss +10 -0
  179. package/styles/multi-select/bootstrap-dark.css +19 -1
  180. package/styles/multi-select/bootstrap.css +13 -0
  181. package/styles/multi-select/bootstrap4.css +13 -0
  182. package/styles/multi-select/bootstrap5-dark.css +13 -0
  183. package/styles/multi-select/bootstrap5.3.css +13 -0
  184. package/styles/multi-select/bootstrap5.css +13 -0
  185. package/styles/multi-select/fabric-dark.css +18 -0
  186. package/styles/multi-select/fabric.css +13 -0
  187. package/styles/multi-select/fluent-dark.css +13 -0
  188. package/styles/multi-select/fluent.css +13 -0
  189. package/styles/multi-select/fluent2.css +22 -5
  190. package/styles/multi-select/highcontrast-light.css +9 -0
  191. package/styles/multi-select/highcontrast.css +18 -0
  192. package/styles/multi-select/icons/_bootstrap-dark.scss +4 -0
  193. package/styles/multi-select/icons/_bootstrap.scss +4 -0
  194. package/styles/multi-select/icons/_bootstrap4.scss +4 -0
  195. package/styles/multi-select/icons/_bootstrap5.3.scss +4 -0
  196. package/styles/multi-select/icons/_bootstrap5.scss +4 -0
  197. package/styles/multi-select/icons/_fabric-dark.scss +4 -0
  198. package/styles/multi-select/icons/_fabric.scss +4 -0
  199. package/styles/multi-select/icons/_fluent.scss +4 -0
  200. package/styles/multi-select/icons/_fluent2.scss +4 -0
  201. package/styles/multi-select/icons/_highcontrast.scss +4 -0
  202. package/styles/multi-select/icons/_material-dark.scss +4 -0
  203. package/styles/multi-select/icons/_material.scss +4 -0
  204. package/styles/multi-select/icons/_material3.scss +4 -0
  205. package/styles/multi-select/icons/_tailwind.scss +4 -0
  206. package/styles/multi-select/icons/_tailwind3.scss +26 -0
  207. package/styles/multi-select/material-dark.css +18 -0
  208. package/styles/multi-select/material.css +13 -0
  209. package/styles/multi-select/material3-dark.css +15 -4
  210. package/styles/multi-select/material3.css +15 -4
  211. package/styles/multi-select/tailwind-dark.css +13 -0
  212. package/styles/multi-select/tailwind.css +13 -0
  213. package/styles/multi-select/tailwind3.css +1398 -0
  214. package/styles/multi-select/tailwind3.scss +10 -0
  215. package/styles/tailwind-dark-lite.css +30 -1
  216. package/styles/tailwind-dark.css +30 -1
  217. package/styles/tailwind-lite.css +30 -1
  218. package/styles/tailwind.css +30 -1
  219. package/styles/tailwind3-lite.css +2889 -0
  220. package/styles/tailwind3-lite.scss +28 -0
  221. package/styles/tailwind3.css +3550 -0
  222. package/styles/tailwind3.scss +33 -0
@@ -369,6 +369,10 @@
369
369
  content: "";
370
370
  }
371
371
 
372
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
373
+ content: "\e832";
374
+ }
375
+
372
376
  .e-multi-select-wrapper {
373
377
  -webkit-box-sizing: border-box;
374
378
  box-sizing: border-box;
@@ -820,16 +824,14 @@
820
824
  left: 30px;
821
825
  position: absolute;
822
826
  right: auto;
823
- }
824
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
825
- left: -4px;
827
+ left: 0;
826
828
  }
827
829
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
828
830
  padding-right: 16px;
829
831
  }
830
832
 
831
833
  .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
832
- left: 19px;
834
+ left: 30px;
833
835
  }
834
836
 
835
837
  .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
@@ -1402,6 +1404,15 @@ ejs-multiselect {
1402
1404
  cursor: pointer;
1403
1405
  }
1404
1406
 
1407
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1408
+ bottom: 0;
1409
+ right: 0;
1410
+ cursor: nwse-resize;
1411
+ height: 15px;
1412
+ position: absolute;
1413
+ width: 15px;
1414
+ }
1415
+
1405
1416
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1406
1417
  color: rgba(var(--color-sf-on-surface-variant));
1407
1418
  }
@@ -371,6 +371,10 @@
371
371
  content: "";
372
372
  }
373
373
 
374
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
375
+ content: "\e832";
376
+ }
377
+
374
378
  .e-multi-select-wrapper {
375
379
  -webkit-box-sizing: border-box;
376
380
  box-sizing: border-box;
@@ -822,16 +826,14 @@
822
826
  left: 30px;
823
827
  position: absolute;
824
828
  right: auto;
825
- }
826
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
827
- left: -4px;
829
+ left: 0;
828
830
  }
829
831
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
830
832
  padding-right: 16px;
831
833
  }
832
834
 
833
835
  .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
834
- left: 19px;
836
+ left: 30px;
835
837
  }
836
838
 
837
839
  .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
@@ -1404,6 +1406,15 @@ ejs-multiselect {
1404
1406
  cursor: pointer;
1405
1407
  }
1406
1408
 
1409
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1410
+ bottom: 0;
1411
+ right: 0;
1412
+ cursor: nwse-resize;
1413
+ height: 15px;
1414
+ position: absolute;
1415
+ width: 15px;
1416
+ }
1417
+
1407
1418
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1408
1419
  color: rgba(var(--color-sf-on-surface-variant));
1409
1420
  }
@@ -119,6 +119,10 @@
119
119
  content: "";
120
120
  }
121
121
 
122
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
123
+ content: "\e832";
124
+ }
125
+
122
126
  .e-multi-select-wrapper {
123
127
  -webkit-box-sizing: border-box;
124
128
  box-sizing: border-box;
@@ -874,6 +878,15 @@ ejs-multiselect {
874
878
  cursor: pointer;
875
879
  }
876
880
 
881
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
882
+ bottom: 0;
883
+ right: 0;
884
+ cursor: nwse-resize;
885
+ height: 15px;
886
+ position: absolute;
887
+ width: 15px;
888
+ }
889
+
877
890
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
878
891
  color: #fff;
879
892
  }
@@ -119,6 +119,10 @@
119
119
  content: "";
120
120
  }
121
121
 
122
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
123
+ content: "\e832";
124
+ }
125
+
122
126
  .e-multi-select-wrapper {
123
127
  -webkit-box-sizing: border-box;
124
128
  box-sizing: border-box;
@@ -874,6 +878,15 @@ ejs-multiselect {
874
878
  cursor: pointer;
875
879
  }
876
880
 
881
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
882
+ bottom: 0;
883
+ right: 0;
884
+ cursor: nwse-resize;
885
+ height: 15px;
886
+ position: absolute;
887
+ width: 15px;
888
+ }
889
+
877
890
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
878
891
  color: #111827;
879
892
  }