@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
@@ -0,0 +1,10 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-inputs/styles/input/bds-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bds-definition.scss';
4
+ @import 'ej2-popups/styles/spinner/bds-definition.scss';
5
+ @import 'ej2-buttons/styles/check-box/bds-definition.scss';
6
+ @import '../drop-down-base/bds-definition.scss';
7
+ @import 'bds-definition.scss';
8
+ @import 'icons/bds.scss';
9
+ @import 'all.scss';
10
+ @import 'bigger.scss';
@@ -56,7 +56,7 @@
56
56
  .e-multiselect .e-input-group-icon.e-ddl-icon {
57
57
  border-radius: 0 4px 4px 0;
58
58
  border-right-width: 0;
59
- height: 34px;
59
+ height: 32px;
60
60
  width: 36px;
61
61
  }
62
62
 
@@ -101,6 +101,10 @@
101
101
  content: "";
102
102
  }
103
103
 
104
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
105
+ content: "\eb08";
106
+ }
107
+
104
108
  .e-multi-select-wrapper {
105
109
  -webkit-box-sizing: border-box;
106
110
  box-sizing: border-box;
@@ -851,6 +855,20 @@ ejs-multiselect {
851
855
  cursor: pointer;
852
856
  }
853
857
 
858
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
859
+ bottom: 0;
860
+ right: 0;
861
+ cursor: nwse-resize;
862
+ height: 15px;
863
+ position: absolute;
864
+ width: 15px;
865
+ }
866
+
867
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
868
+ background: transparent;
869
+ color: rgb(221, 218, 218);
870
+ }
871
+
854
872
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
855
873
  color: #f0f0f0;
856
874
  }
@@ -94,6 +94,10 @@
94
94
  content: "";
95
95
  }
96
96
 
97
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
98
+ content: "\eb08";
99
+ }
100
+
97
101
  .e-multi-select-wrapper {
98
102
  -webkit-box-sizing: border-box;
99
103
  box-sizing: border-box;
@@ -844,6 +848,15 @@ ejs-multiselect {
844
848
  cursor: pointer;
845
849
  }
846
850
 
851
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
852
+ bottom: 0;
853
+ right: 0;
854
+ cursor: nwse-resize;
855
+ height: 15px;
856
+ position: absolute;
857
+ width: 15px;
858
+ }
859
+
847
860
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
848
861
  color: #333;
849
862
  }
@@ -128,6 +128,10 @@
128
128
  content: "";
129
129
  }
130
130
 
131
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
132
+ content: "\e7cf";
133
+ }
134
+
131
135
  .e-multi-select-wrapper {
132
136
  -webkit-box-sizing: border-box;
133
137
  box-sizing: border-box;
@@ -884,6 +888,15 @@ ejs-multiselect {
884
888
  cursor: pointer;
885
889
  }
886
890
 
891
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
892
+ bottom: 0;
893
+ right: 0;
894
+ cursor: nwse-resize;
895
+ height: 15px;
896
+ position: absolute;
897
+ width: 15px;
898
+ }
899
+
887
900
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
888
901
  color: #fff;
889
902
  }
@@ -121,6 +121,10 @@
121
121
  content: "";
122
122
  }
123
123
 
124
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
125
+ content: "\e832";
126
+ }
127
+
124
128
  .e-multi-select-wrapper {
125
129
  -webkit-box-sizing: border-box;
126
130
  box-sizing: border-box;
@@ -882,6 +886,15 @@ ejs-multiselect {
882
886
  cursor: pointer;
883
887
  }
884
888
 
889
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
890
+ bottom: 0;
891
+ right: 0;
892
+ cursor: nwse-resize;
893
+ height: 15px;
894
+ position: absolute;
895
+ width: 15px;
896
+ }
897
+
885
898
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
886
899
  color: #fff;
887
900
  }
@@ -125,6 +125,10 @@
125
125
  content: "";
126
126
  }
127
127
 
128
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
129
+ content: "\e832";
130
+ }
131
+
128
132
  .e-multi-select-wrapper {
129
133
  -webkit-box-sizing: border-box;
130
134
  box-sizing: border-box;
@@ -886,6 +890,15 @@ ejs-multiselect {
886
890
  cursor: pointer;
887
891
  }
888
892
 
893
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
894
+ bottom: 0;
895
+ right: 0;
896
+ cursor: nwse-resize;
897
+ height: 15px;
898
+ position: absolute;
899
+ width: 15px;
900
+ }
901
+
889
902
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
890
903
  color: var(--color-sf-content-text-color);
891
904
  }
@@ -121,6 +121,10 @@
121
121
  content: "";
122
122
  }
123
123
 
124
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
125
+ content: "\e832";
126
+ }
127
+
124
128
  .e-multi-select-wrapper {
125
129
  -webkit-box-sizing: border-box;
126
130
  box-sizing: border-box;
@@ -882,6 +886,15 @@ ejs-multiselect {
882
886
  cursor: pointer;
883
887
  }
884
888
 
889
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
890
+ bottom: 0;
891
+ right: 0;
892
+ cursor: nwse-resize;
893
+ height: 15px;
894
+ position: absolute;
895
+ width: 15px;
896
+ }
897
+
885
898
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
886
899
  color: #212529;
887
900
  }
@@ -95,6 +95,10 @@
95
95
  content: "";
96
96
  }
97
97
 
98
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
99
+ content: "\eb06";
100
+ }
101
+
98
102
  .e-multi-select-wrapper {
99
103
  -webkit-box-sizing: border-box;
100
104
  box-sizing: border-box;
@@ -851,6 +855,20 @@ ejs-multiselect {
851
855
  cursor: pointer;
852
856
  }
853
857
 
858
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
859
+ bottom: 0;
860
+ right: 0;
861
+ cursor: nwse-resize;
862
+ height: 15px;
863
+ position: absolute;
864
+ width: 15px;
865
+ }
866
+
867
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
868
+ background: transparent;
869
+ color: rgb(221, 218, 218);
870
+ }
871
+
854
872
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
855
873
  color: #fff;
856
874
  }
@@ -90,6 +90,10 @@
90
90
  content: "";
91
91
  }
92
92
 
93
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
94
+ content: "\eb06";
95
+ }
96
+
93
97
  .e-multi-select-wrapper {
94
98
  -webkit-box-sizing: border-box;
95
99
  box-sizing: border-box;
@@ -846,6 +850,15 @@ ejs-multiselect {
846
850
  cursor: pointer;
847
851
  }
848
852
 
853
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
854
+ bottom: 0;
855
+ right: 0;
856
+ cursor: nwse-resize;
857
+ height: 15px;
858
+ position: absolute;
859
+ width: 15px;
860
+ }
861
+
849
862
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
850
863
  color: #666;
851
864
  }
@@ -125,6 +125,10 @@
125
125
  content: "";
126
126
  }
127
127
 
128
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
129
+ content: "\e761";
130
+ }
131
+
128
132
  .e-multi-select-wrapper {
129
133
  -webkit-box-sizing: border-box;
130
134
  box-sizing: border-box;
@@ -889,6 +893,15 @@ ejs-multiselect {
889
893
  cursor: pointer;
890
894
  }
891
895
 
896
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
897
+ bottom: 0;
898
+ right: 0;
899
+ cursor: nwse-resize;
900
+ height: 15px;
901
+ position: absolute;
902
+ width: 15px;
903
+ }
904
+
892
905
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
893
906
  color: #f3f2f1;
894
907
  }
@@ -125,6 +125,10 @@
125
125
  content: "";
126
126
  }
127
127
 
128
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
129
+ content: "\e761";
130
+ }
131
+
128
132
  .e-multi-select-wrapper {
129
133
  -webkit-box-sizing: border-box;
130
134
  box-sizing: border-box;
@@ -889,6 +893,15 @@ ejs-multiselect {
889
893
  cursor: pointer;
890
894
  }
891
895
 
896
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
897
+ bottom: 0;
898
+ right: 0;
899
+ cursor: nwse-resize;
900
+ height: 15px;
901
+ position: absolute;
902
+ width: 15px;
903
+ }
904
+
892
905
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
893
906
  color: #201f1e;
894
907
  }
@@ -350,6 +350,10 @@
350
350
  width: 14px;
351
351
  }
352
352
 
353
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
354
+ content: "\e832";
355
+ }
356
+
353
357
  .e-multi-select-wrapper {
354
358
  -webkit-box-sizing: border-box;
355
359
  box-sizing: border-box;
@@ -625,7 +629,7 @@
625
629
  .e-multi-select-wrapper input[type=text] {
626
630
  background: none;
627
631
  border: 0;
628
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
632
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
629
633
  font-size: 14px;
630
634
  font-weight: normal;
631
635
  height: 28px;
@@ -639,7 +643,7 @@
639
643
  background: none;
640
644
  border: 0;
641
645
  color: inherit;
642
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
646
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
643
647
  font-size: 14px;
644
648
  font-weight: normal;
645
649
  height: 28px;
@@ -674,7 +678,7 @@
674
678
  }
675
679
 
676
680
  .e-multi-select-wrapper .e-delim-values {
677
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
681
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
678
682
  font-size: 14px;
679
683
  line-height: 28px;
680
684
  max-width: 100%;
@@ -856,7 +860,7 @@
856
860
 
857
861
  .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
858
862
  color: var(--color-sf-content-text-color);
859
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
863
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
860
864
  font-size: 14px;
861
865
  }
862
866
 
@@ -882,6 +886,10 @@
882
886
  float: left;
883
887
  }
884
888
 
889
+ .e-multiselect.e-control-wrapper.e-checkbox .e-multi-select-wrapper.e-down-icon {
890
+ padding-right: 0 48px 0 0;
891
+ }
892
+
885
893
  .e-multiselect .e-multi-select-wrapper.e-down-icon {
886
894
  padding: 1px 0;
887
895
  }
@@ -1088,6 +1096,15 @@ ejs-multiselect {
1088
1096
  cursor: pointer;
1089
1097
  }
1090
1098
 
1099
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1100
+ bottom: 0;
1101
+ right: 0;
1102
+ cursor: nwse-resize;
1103
+ height: 15px;
1104
+ position: absolute;
1105
+ width: 15px;
1106
+ }
1107
+
1091
1108
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1092
1109
  color: var(--color-sf-content-text-color);
1093
1110
  }
@@ -1109,7 +1126,7 @@ ejs-multiselect {
1109
1126
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1110
1127
  -webkit-text-fill-color: var(--color-sf-content-text-color);
1111
1128
  color: var(--color-sf-content-text-color);
1112
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1129
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
1113
1130
  font-size: 14px;
1114
1131
  }
1115
1132
 
@@ -950,6 +950,15 @@ ejs-multiselect {
950
950
  cursor: pointer;
951
951
  }
952
952
 
953
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
954
+ bottom: 0;
955
+ right: 0;
956
+ cursor: nwse-resize;
957
+ height: 15px;
958
+ position: absolute;
959
+ width: 15px;
960
+ }
961
+
953
962
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
954
963
  color: #fff;
955
964
  }
@@ -194,6 +194,10 @@
194
194
  content: "";
195
195
  }
196
196
 
197
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
198
+ content: "\eb06";
199
+ }
200
+
197
201
  .e-multi-select-wrapper {
198
202
  -webkit-box-sizing: border-box;
199
203
  box-sizing: border-box;
@@ -957,6 +961,20 @@ ejs-multiselect {
957
961
  cursor: pointer;
958
962
  }
959
963
 
964
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
965
+ bottom: 0;
966
+ right: 0;
967
+ cursor: nwse-resize;
968
+ height: 15px;
969
+ position: absolute;
970
+ width: 15px;
971
+ }
972
+
973
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
974
+ background: transparent;
975
+ color: rgb(221, 218, 218);
976
+ }
977
+
960
978
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
961
979
  color: #000;
962
980
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb08';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb08';
29
+ }
26
30
  }
@@ -25,4 +25,8 @@
25
25
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
26
26
  content: '';
27
27
  }
28
+
29
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
30
+ content: '\e7cf';
31
+ }
28
32
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\e832';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\e832';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb06';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb06';
29
+ }
26
30
  }
@@ -31,4 +31,8 @@
31
31
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
32
32
  content: '';
33
33
  }
34
+
35
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
36
+ content: '\e761';
37
+ }
34
38
  }
@@ -340,4 +340,8 @@
340
340
  content: '';
341
341
  }
342
342
  }
343
+
344
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
345
+ content: '\e832';
346
+ }
343
347
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb06';
29
+ }
26
30
  }
@@ -341,4 +341,8 @@
341
341
  content: '';
342
342
  }
343
343
  }
344
+
345
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
346
+ content: '\eb05';
347
+ }
344
348
  }
@@ -341,4 +341,8 @@
341
341
  content: '';
342
342
  }
343
343
  }
344
+
345
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
346
+ content: '\eb05';
347
+ }
344
348
  }
@@ -343,4 +343,8 @@
343
343
  content: '';
344
344
  }
345
345
  }
346
+
347
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
348
+ content: '\e832';
349
+ }
346
350
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\e832';
29
+ }
26
30
  }
@@ -0,0 +1,26 @@
1
+ @include export-module('multiselect-tailwind3-icons') {
2
+ .e-multiselect.e-input-group .e-ddl-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+
7
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
8
+ content: '\e7e7';
9
+ cursor: pointer;
10
+ left: $ddl-chip-close-left;
11
+ position: relative;
12
+ top: $ddl-chip-close-top;
13
+ }
14
+
15
+ .e-multi-select-wrapper .e-close-hooker::before {
16
+ content: '\e7e7';
17
+ cursor: pointer;
18
+ left: $ddl-overall-close-left;
19
+ position: relative;
20
+ top: $ddl-overall-close-top;
21
+ }
22
+
23
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
+ content: '';
25
+ }
26
+ }
@@ -352,6 +352,10 @@
352
352
  content: "";
353
353
  }
354
354
 
355
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
356
+ content: "\eb05";
357
+ }
358
+
355
359
  .e-multi-select-wrapper {
356
360
  -webkit-box-sizing: border-box;
357
361
  box-sizing: border-box;
@@ -1346,6 +1350,20 @@ ejs-multiselect {
1346
1350
  cursor: pointer;
1347
1351
  }
1348
1352
 
1353
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1354
+ bottom: 0;
1355
+ right: 0;
1356
+ cursor: nwse-resize;
1357
+ height: 15px;
1358
+ position: absolute;
1359
+ width: 15px;
1360
+ }
1361
+
1362
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1363
+ background: transparent;
1364
+ color: rgb(221, 218, 218);
1365
+ }
1366
+
1349
1367
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1350
1368
  color: #fff;
1351
1369
  }
@@ -372,6 +372,10 @@
372
372
  content: "";
373
373
  }
374
374
 
375
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
376
+ content: "\eb05";
377
+ }
378
+
375
379
  .e-multi-select-wrapper {
376
380
  -webkit-box-sizing: border-box;
377
381
  box-sizing: border-box;
@@ -1366,6 +1370,15 @@ ejs-multiselect {
1366
1370
  cursor: pointer;
1367
1371
  }
1368
1372
 
1373
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1374
+ bottom: 0;
1375
+ right: 0;
1376
+ cursor: nwse-resize;
1377
+ height: 15px;
1378
+ position: absolute;
1379
+ width: 15px;
1380
+ }
1381
+
1369
1382
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1370
1383
  color: #fff;
1371
1384
  }