@syncfusion/ej2-dropdowns 27.2.5 → 28.1.35

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 (224) 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 +511 -40
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +510 -38
  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 +2 -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 +45 -1
  21. package/src/drop-down-list/drop-down-list.js +213 -13
  22. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  23. package/src/drop-down-tree/drop-down-tree.js +4 -3
  24. package/src/list-box/list-box.d.ts +4 -0
  25. package/src/list-box/list-box.js +9 -4
  26. package/src/mention/mention.js +6 -1
  27. package/src/multi-select/multi-select-model.d.ts +31 -0
  28. package/src/multi-select/multi-select.d.ts +45 -0
  29. package/src/multi-select/multi-select.js +250 -10
  30. package/styles/auto-complete/_tailwind3-definition.scss +2 -0
  31. package/styles/auto-complete/bds.css +75 -0
  32. package/styles/auto-complete/bds.scss +4 -0
  33. package/styles/auto-complete/highcontrast.css +1 -1
  34. package/styles/auto-complete/tailwind3.css +101 -0
  35. package/styles/auto-complete/tailwind3.scss +4 -0
  36. package/styles/bds-lite.css +3013 -0
  37. package/styles/bds-lite.scss +28 -0
  38. package/styles/bds.css +3855 -0
  39. package/styles/bds.scss +33 -0
  40. package/styles/bootstrap-dark-lite.css +41 -2
  41. package/styles/bootstrap-dark.css +41 -2
  42. package/styles/bootstrap-lite.css +30 -1
  43. package/styles/bootstrap.css +30 -1
  44. package/styles/bootstrap4-lite.css +30 -0
  45. package/styles/bootstrap4.css +30 -0
  46. package/styles/bootstrap5-dark-lite.css +31 -0
  47. package/styles/bootstrap5-dark.css +31 -0
  48. package/styles/bootstrap5-lite.css +31 -0
  49. package/styles/bootstrap5.3-lite.css +31 -3
  50. package/styles/bootstrap5.3.css +31 -3
  51. package/styles/bootstrap5.css +31 -0
  52. package/styles/combo-box/_tailwind3-definition.scss +2 -0
  53. package/styles/combo-box/bds.css +75 -0
  54. package/styles/combo-box/bds.scss +4 -0
  55. package/styles/combo-box/highcontrast.css +1 -1
  56. package/styles/combo-box/tailwind3.css +101 -0
  57. package/styles/combo-box/tailwind3.scss +4 -0
  58. package/styles/drop-down-base/_bigger.scss +3 -0
  59. package/styles/drop-down-base/_layout.scss +7 -0
  60. package/styles/drop-down-base/_tailwind3-definition.scss +98 -0
  61. package/styles/drop-down-base/bds.css +496 -0
  62. package/styles/drop-down-base/bds.scss +4 -0
  63. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  64. package/styles/drop-down-base/bootstrap.css +4 -0
  65. package/styles/drop-down-base/bootstrap4.css +4 -0
  66. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  67. package/styles/drop-down-base/bootstrap5.3.css +4 -0
  68. package/styles/drop-down-base/bootstrap5.css +4 -0
  69. package/styles/drop-down-base/fabric-dark.css +4 -0
  70. package/styles/drop-down-base/fabric.css +4 -0
  71. package/styles/drop-down-base/fluent-dark.css +4 -0
  72. package/styles/drop-down-base/fluent.css +4 -0
  73. package/styles/drop-down-base/fluent2.css +9 -5
  74. package/styles/drop-down-base/highcontrast-light.css +4 -0
  75. package/styles/drop-down-base/highcontrast.css +4 -0
  76. package/styles/drop-down-base/material-dark.css +4 -0
  77. package/styles/drop-down-base/material.css +4 -0
  78. package/styles/drop-down-base/material3-dark.css +4 -0
  79. package/styles/drop-down-base/material3.css +4 -0
  80. package/styles/drop-down-base/tailwind-dark.css +4 -0
  81. package/styles/drop-down-base/tailwind.css +4 -0
  82. package/styles/drop-down-base/tailwind3.css +392 -0
  83. package/styles/drop-down-base/tailwind3.scss +4 -0
  84. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  85. package/styles/drop-down-list/_layout.scss +18 -2
  86. package/styles/drop-down-list/_tailwind3-definition.scss +135 -0
  87. package/styles/drop-down-list/_theme.scss +3 -1
  88. package/styles/drop-down-list/bds.css +609 -0
  89. package/styles/drop-down-list/bds.scss +10 -0
  90. package/styles/drop-down-list/bootstrap-dark.css +18 -1
  91. package/styles/drop-down-list/bootstrap.css +13 -1
  92. package/styles/drop-down-list/bootstrap4.css +13 -0
  93. package/styles/drop-down-list/bootstrap5-dark.css +13 -0
  94. package/styles/drop-down-list/bootstrap5.3.css +13 -0
  95. package/styles/drop-down-list/bootstrap5.css +13 -0
  96. package/styles/drop-down-list/fabric-dark.css +18 -1
  97. package/styles/drop-down-list/fabric.css +13 -1
  98. package/styles/drop-down-list/fluent-dark.css +13 -1
  99. package/styles/drop-down-list/fluent.css +13 -1
  100. package/styles/drop-down-list/fluent2.css +13 -1
  101. package/styles/drop-down-list/highcontrast-light.css +9 -1
  102. package/styles/drop-down-list/highcontrast.css +19 -1
  103. package/styles/drop-down-list/icons/_bootstrap-dark.scss +4 -0
  104. package/styles/drop-down-list/icons/_bootstrap.scss +4 -0
  105. package/styles/drop-down-list/icons/_bootstrap4.scss +4 -0
  106. package/styles/drop-down-list/icons/_bootstrap5.3.scss +4 -0
  107. package/styles/drop-down-list/icons/_bootstrap5.scss +4 -0
  108. package/styles/drop-down-list/icons/_fabric-dark.scss +4 -0
  109. package/styles/drop-down-list/icons/_fabric.scss +4 -0
  110. package/styles/drop-down-list/icons/_fluent.scss +4 -0
  111. package/styles/drop-down-list/icons/_fluent2.scss +4 -0
  112. package/styles/drop-down-list/icons/_highcontrast.scss +4 -0
  113. package/styles/drop-down-list/icons/_material-dark.scss +4 -0
  114. package/styles/drop-down-list/icons/_material.scss +4 -0
  115. package/styles/drop-down-list/icons/_material3.scss +4 -0
  116. package/styles/drop-down-list/icons/_tailwind.scss +4 -0
  117. package/styles/drop-down-list/icons/_tailwind3.scss +14 -0
  118. package/styles/drop-down-list/material-dark.css +18 -1
  119. package/styles/drop-down-list/material.css +13 -1
  120. package/styles/drop-down-list/material3-dark.css +13 -1
  121. package/styles/drop-down-list/material3.css +13 -1
  122. package/styles/drop-down-list/tailwind-dark.css +13 -1
  123. package/styles/drop-down-list/tailwind.css +13 -1
  124. package/styles/drop-down-list/tailwind3.css +456 -0
  125. package/styles/drop-down-list/tailwind3.scss +10 -0
  126. package/styles/drop-down-tree/_bigger.scss +41 -7
  127. package/styles/drop-down-tree/_layout.scss +34 -10
  128. package/styles/drop-down-tree/_tailwind3-definition.scss +67 -0
  129. package/styles/drop-down-tree/_theme.scss +3 -3
  130. package/styles/drop-down-tree/bds.css +712 -0
  131. package/styles/drop-down-tree/bds.scss +10 -0
  132. package/styles/drop-down-tree/bootstrap5.3.css +0 -3
  133. package/styles/drop-down-tree/icons/_tailwind3.scss +11 -0
  134. package/styles/drop-down-tree/tailwind3.css +512 -0
  135. package/styles/drop-down-tree/tailwind3.scss +10 -0
  136. package/styles/fabric-dark-lite.css +40 -1
  137. package/styles/fabric-dark.css +40 -1
  138. package/styles/fabric-lite.css +30 -1
  139. package/styles/fabric.css +30 -1
  140. package/styles/fluent-dark-lite.css +31 -1
  141. package/styles/fluent-dark.css +31 -1
  142. package/styles/fluent-lite.css +31 -1
  143. package/styles/fluent.css +31 -1
  144. package/styles/fluent2-lite.css +45 -12
  145. package/styles/fluent2.css +45 -12
  146. package/styles/highcontrast-light-lite.css +22 -1
  147. package/styles/highcontrast-light.css +22 -1
  148. package/styles/highcontrast-lite.css +41 -1
  149. package/styles/highcontrast.css +41 -1
  150. package/styles/list-box/_bigger.scss +18 -1
  151. package/styles/list-box/_layout.scss +29 -3
  152. package/styles/list-box/_tailwind3-definition.scss +123 -0
  153. package/styles/list-box/_theme.scss +11 -0
  154. package/styles/list-box/bds.css +971 -0
  155. package/styles/list-box/bds.scss +6 -0
  156. package/styles/list-box/fluent2.css +1 -1
  157. package/styles/list-box/icons/_tailwind3.scss +25 -0
  158. package/styles/list-box/tailwind3.css +991 -0
  159. package/styles/list-box/tailwind3.scss +6 -0
  160. package/styles/material-dark-lite.css +40 -1
  161. package/styles/material-dark.css +40 -1
  162. package/styles/material-lite.css +30 -1
  163. package/styles/material.css +30 -1
  164. package/styles/material3-dark-lite.css +32 -5
  165. package/styles/material3-dark.css +32 -5
  166. package/styles/material3-lite.css +32 -5
  167. package/styles/material3.css +32 -5
  168. package/styles/mention/_tailwind3-definition.scss +1 -0
  169. package/styles/mention/bds.css +78 -0
  170. package/styles/mention/bds.scss +6 -0
  171. package/styles/mention/tailwind3.css +67 -0
  172. package/styles/mention/tailwind3.scss +6 -0
  173. package/styles/multi-select/_bigger.scss +2 -2
  174. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -1
  175. package/styles/multi-select/_layout.scss +28 -5
  176. package/styles/multi-select/_material3-definition.scss +1 -1
  177. package/styles/multi-select/_tailwind3-definition.scss +227 -0
  178. package/styles/multi-select/_theme.scss +1 -1
  179. package/styles/multi-select/bds.css +1575 -0
  180. package/styles/multi-select/bds.scss +10 -0
  181. package/styles/multi-select/bootstrap-dark.css +19 -1
  182. package/styles/multi-select/bootstrap.css +13 -0
  183. package/styles/multi-select/bootstrap4.css +13 -0
  184. package/styles/multi-select/bootstrap5-dark.css +14 -0
  185. package/styles/multi-select/bootstrap5.3.css +14 -0
  186. package/styles/multi-select/bootstrap5.css +14 -0
  187. package/styles/multi-select/fabric-dark.css +18 -0
  188. package/styles/multi-select/fabric.css +13 -0
  189. package/styles/multi-select/fluent-dark.css +14 -0
  190. package/styles/multi-select/fluent.css +14 -0
  191. package/styles/multi-select/fluent2.css +22 -5
  192. package/styles/multi-select/highcontrast-light.css +9 -0
  193. package/styles/multi-select/highcontrast.css +18 -0
  194. package/styles/multi-select/icons/_bootstrap-dark.scss +4 -0
  195. package/styles/multi-select/icons/_bootstrap.scss +4 -0
  196. package/styles/multi-select/icons/_bootstrap4.scss +4 -0
  197. package/styles/multi-select/icons/_bootstrap5.3.scss +4 -0
  198. package/styles/multi-select/icons/_bootstrap5.scss +4 -0
  199. package/styles/multi-select/icons/_fabric-dark.scss +4 -0
  200. package/styles/multi-select/icons/_fabric.scss +4 -0
  201. package/styles/multi-select/icons/_fluent.scss +4 -0
  202. package/styles/multi-select/icons/_fluent2.scss +4 -0
  203. package/styles/multi-select/icons/_highcontrast.scss +4 -0
  204. package/styles/multi-select/icons/_material-dark.scss +4 -0
  205. package/styles/multi-select/icons/_material.scss +4 -0
  206. package/styles/multi-select/icons/_material3.scss +4 -0
  207. package/styles/multi-select/icons/_tailwind.scss +4 -0
  208. package/styles/multi-select/icons/_tailwind3.scss +26 -0
  209. package/styles/multi-select/material-dark.css +18 -0
  210. package/styles/multi-select/material.css +13 -0
  211. package/styles/multi-select/material3-dark.css +15 -4
  212. package/styles/multi-select/material3.css +15 -4
  213. package/styles/multi-select/tailwind-dark.css +13 -0
  214. package/styles/multi-select/tailwind.css +13 -0
  215. package/styles/multi-select/tailwind3.css +1398 -0
  216. package/styles/multi-select/tailwind3.scss +10 -0
  217. package/styles/tailwind-dark-lite.css +30 -1
  218. package/styles/tailwind-dark.css +30 -1
  219. package/styles/tailwind-lite.css +30 -1
  220. package/styles/tailwind.css +30 -1
  221. package/styles/tailwind3-lite.css +2890 -0
  222. package/styles/tailwind3-lite.scss +28 -0
  223. package/styles/tailwind3.css +3551 -0
  224. package/styles/tailwind3.scss +33 -0
@@ -153,6 +153,10 @@
153
153
  font-family: "e-icons";
154
154
  }
155
155
 
156
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
157
+ content: "\e7cf";
158
+ }
159
+
156
160
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
157
161
  display: block;
158
162
  visibility: hidden;
@@ -347,6 +351,15 @@ ejs-dropdownlist {
347
351
  min-height: 33px;
348
352
  }
349
353
 
354
+ .e-ddl.e-popup.e-resize .e-resizer-right {
355
+ bottom: 0;
356
+ right: 0;
357
+ cursor: nwse-resize;
358
+ height: 15px;
359
+ position: absolute;
360
+ width: 15px;
361
+ }
362
+
350
363
  .e-popup {
351
364
  border-color: rgba(0, 0, 0, 0.15);
352
365
  }
@@ -170,6 +170,10 @@
170
170
  font-family: "e-icons";
171
171
  }
172
172
 
173
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
174
+ content: "\e832";
175
+ }
176
+
173
177
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
174
178
  display: block;
175
179
  visibility: hidden;
@@ -364,6 +368,15 @@ ejs-dropdownlist {
364
368
  min-height: 33px;
365
369
  }
366
370
 
371
+ .e-ddl.e-popup.e-resize .e-resizer-right {
372
+ bottom: 0;
373
+ right: 0;
374
+ cursor: nwse-resize;
375
+ height: 15px;
376
+ position: absolute;
377
+ width: 15px;
378
+ }
379
+
367
380
  .e-popup {
368
381
  border-color: #444c54;
369
382
  }
@@ -174,6 +174,10 @@
174
174
  font-family: "e-icons";
175
175
  }
176
176
 
177
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
178
+ content: "\e832";
179
+ }
180
+
177
181
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
178
182
  display: block;
179
183
  visibility: hidden;
@@ -369,6 +373,15 @@ ejs-dropdownlist {
369
373
  min-height: 33px;
370
374
  }
371
375
 
376
+ .e-ddl.e-popup.e-resize .e-resizer-right {
377
+ bottom: 0;
378
+ right: 0;
379
+ cursor: nwse-resize;
380
+ height: 15px;
381
+ position: absolute;
382
+ width: 15px;
383
+ }
384
+
372
385
  .e-popup {
373
386
  border-color: var(--color-sf-border-light);
374
387
  }
@@ -170,6 +170,10 @@
170
170
  font-family: "e-icons";
171
171
  }
172
172
 
173
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
174
+ content: "\e832";
175
+ }
176
+
173
177
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
174
178
  display: block;
175
179
  visibility: hidden;
@@ -364,6 +368,15 @@ ejs-dropdownlist {
364
368
  min-height: 33px;
365
369
  }
366
370
 
371
+ .e-ddl.e-popup.e-resize .e-resizer-right {
372
+ bottom: 0;
373
+ right: 0;
374
+ cursor: nwse-resize;
375
+ height: 15px;
376
+ position: absolute;
377
+ width: 15px;
378
+ }
379
+
367
380
  .e-popup {
368
381
  border-color: #dee2e6;
369
382
  }
@@ -95,6 +95,10 @@
95
95
  font-family: "e-icons";
96
96
  }
97
97
 
98
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
99
+ content: "\eb06";
100
+ }
101
+
98
102
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
99
103
  display: block;
100
104
  visibility: hidden;
@@ -293,6 +297,20 @@ ejs-dropdownlist {
293
297
  min-height: 33px;
294
298
  }
295
299
 
300
+ .e-ddl.e-popup.e-resize .e-resizer-right {
301
+ bottom: 0;
302
+ right: 0;
303
+ cursor: nwse-resize;
304
+ height: 15px;
305
+ position: absolute;
306
+ width: 15px;
307
+ }
308
+
309
+ .e-ddl.e-popup.e-resize .e-resizer-right {
310
+ background: transparent;
311
+ color: rgb(221, 218, 218);
312
+ }
313
+
296
314
  .e-popup {
297
315
  border-color: #414040;
298
316
  }
@@ -304,7 +322,6 @@ ejs-dropdownlist {
304
322
 
305
323
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
306
324
  border-color: transparent;
307
- background: none;
308
325
  }
309
326
 
310
327
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -95,6 +95,10 @@
95
95
  font-family: "e-icons";
96
96
  }
97
97
 
98
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
99
+ content: "\eb06";
100
+ }
101
+
98
102
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
99
103
  display: block;
100
104
  visibility: hidden;
@@ -293,6 +297,15 @@ ejs-dropdownlist {
293
297
  min-height: 33px;
294
298
  }
295
299
 
300
+ .e-ddl.e-popup.e-resize .e-resizer-right {
301
+ bottom: 0;
302
+ right: 0;
303
+ cursor: nwse-resize;
304
+ height: 15px;
305
+ position: absolute;
306
+ width: 15px;
307
+ }
308
+
296
309
  .e-popup {
297
310
  border-color: #eaeaea;
298
311
  }
@@ -304,7 +317,6 @@ ejs-dropdownlist {
304
317
 
305
318
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
306
319
  border-color: transparent;
307
- background: none;
308
320
  }
309
321
 
310
322
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -163,6 +163,10 @@
163
163
  font-family: "e-icons";
164
164
  }
165
165
 
166
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
167
+ content: "\e761";
168
+ }
169
+
166
170
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
167
171
  display: block;
168
172
  visibility: hidden;
@@ -358,6 +362,15 @@ ejs-dropdownlist {
358
362
  min-height: 33px;
359
363
  }
360
364
 
365
+ .e-ddl.e-popup.e-resize .e-resizer-right {
366
+ bottom: 0;
367
+ right: 0;
368
+ cursor: nwse-resize;
369
+ height: 15px;
370
+ position: absolute;
371
+ width: 15px;
372
+ }
373
+
361
374
  .e-popup {
362
375
  border-color: #292827;
363
376
  }
@@ -369,7 +382,6 @@ ejs-dropdownlist {
369
382
 
370
383
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
371
384
  border-color: transparent;
372
- background: none;
373
385
  }
374
386
 
375
387
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -163,6 +163,10 @@
163
163
  font-family: "e-icons";
164
164
  }
165
165
 
166
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
167
+ content: "\e761";
168
+ }
169
+
166
170
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
167
171
  display: block;
168
172
  visibility: hidden;
@@ -358,6 +362,15 @@ ejs-dropdownlist {
358
362
  min-height: 33px;
359
363
  }
360
364
 
365
+ .e-ddl.e-popup.e-resize .e-resizer-right {
366
+ bottom: 0;
367
+ right: 0;
368
+ cursor: nwse-resize;
369
+ height: 15px;
370
+ position: absolute;
371
+ width: 15px;
372
+ }
373
+
361
374
  .e-popup {
362
375
  border-color: #edebe9;
363
376
  }
@@ -369,7 +382,6 @@ ejs-dropdownlist {
369
382
 
370
383
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
371
384
  border-color: transparent;
372
- background: none;
373
385
  }
374
386
 
375
387
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -340,6 +340,10 @@
340
340
  font-family: "e-icons";
341
341
  }
342
342
 
343
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
344
+ content: "\e832";
345
+ }
346
+
343
347
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
344
348
  display: block;
345
349
  visibility: hidden;
@@ -539,6 +543,15 @@ ejs-dropdownlist {
539
543
  min-height: 33px;
540
544
  }
541
545
 
546
+ .e-ddl.e-popup.e-resize .e-resizer-right {
547
+ bottom: 0;
548
+ right: 0;
549
+ cursor: nwse-resize;
550
+ height: 15px;
551
+ position: absolute;
552
+ width: 15px;
553
+ }
554
+
542
555
  .e-popup {
543
556
  border-color: var(--color-sf-border-light);
544
557
  }
@@ -550,7 +563,6 @@ ejs-dropdownlist {
550
563
 
551
564
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
552
565
  border-color: transparent;
553
- background: none;
554
566
  }
555
567
 
556
568
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -314,6 +314,15 @@ ejs-dropdownlist {
314
314
  min-height: 33px;
315
315
  }
316
316
 
317
+ .e-ddl.e-popup.e-resize .e-resizer-right {
318
+ bottom: 0;
319
+ right: 0;
320
+ cursor: nwse-resize;
321
+ height: 15px;
322
+ position: absolute;
323
+ width: 15px;
324
+ }
325
+
317
326
  .e-popup {
318
327
  border-color: #757575;
319
328
  }
@@ -325,7 +334,6 @@ ejs-dropdownlist {
325
334
 
326
335
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
327
336
  border-color: transparent;
328
- background: none;
329
337
  }
330
338
 
331
339
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -73,7 +73,7 @@
73
73
  .e-ddl.e-popup .e-content.e-nodata {
74
74
  background-color: #000;
75
75
  }
76
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
76
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
77
77
  color: #ffd939;
78
78
  }
79
79
  .e-ddl.e-popup .e-input-group {
@@ -116,6 +116,10 @@
116
116
  font-family: "e-icons";
117
117
  }
118
118
 
119
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
120
+ content: "\eb06";
121
+ }
122
+
119
123
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
120
124
  display: block;
121
125
  visibility: hidden;
@@ -314,6 +318,20 @@ ejs-dropdownlist {
314
318
  min-height: 33px;
315
319
  }
316
320
 
321
+ .e-ddl.e-popup.e-resize .e-resizer-right {
322
+ bottom: 0;
323
+ right: 0;
324
+ cursor: nwse-resize;
325
+ height: 15px;
326
+ position: absolute;
327
+ width: 15px;
328
+ }
329
+
330
+ .e-ddl.e-popup.e-resize .e-resizer-right {
331
+ background: transparent;
332
+ color: rgb(221, 218, 218);
333
+ }
334
+
317
335
  .e-popup {
318
336
  border-color: #969696;
319
337
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e969';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb08';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e969';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb08';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e744';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e7cf';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e729';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e832';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e729';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e832';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e966';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb06';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e966';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb06';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e729';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e761';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e729';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e832';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e966';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb06';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e969';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb05';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e969';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\eb05';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e70d';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e832';
17
+ }
14
18
  }
@@ -11,4 +11,8 @@
11
11
  content: '\e729';
12
12
  font-family: 'e-icons';
13
13
  }
14
+
15
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
16
+ content: '\e832';
17
+ }
14
18
  }
@@ -0,0 +1,14 @@
1
+ @include export-module('dropdownlist-tailwind3-icons') {
2
+ .e-ddl .e-search-icon::before {
3
+ content: '\e754';
4
+ }
5
+
6
+ .e-ddl .e-back-icon::before {
7
+ content: '\e773';
8
+ }
9
+
10
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
11
+ content: '\e729';
12
+ font-family: 'e-icons';
13
+ }
14
+ }
@@ -158,6 +158,10 @@
158
158
  font-family: "e-icons";
159
159
  }
160
160
 
161
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
162
+ content: "\eb05";
163
+ }
164
+
161
165
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
162
166
  display: block;
163
167
  visibility: hidden;
@@ -356,6 +360,20 @@ ejs-dropdownlist {
356
360
  min-height: 33px;
357
361
  }
358
362
 
363
+ .e-ddl.e-popup.e-resize .e-resizer-right {
364
+ bottom: 0;
365
+ right: 0;
366
+ cursor: nwse-resize;
367
+ height: 15px;
368
+ position: absolute;
369
+ width: 15px;
370
+ }
371
+
372
+ .e-ddl.e-popup.e-resize .e-resizer-right {
373
+ background: transparent;
374
+ color: rgb(221, 218, 218);
375
+ }
376
+
359
377
  .e-popup {
360
378
  border-color: transparent;
361
379
  }
@@ -367,7 +385,6 @@ ejs-dropdownlist {
367
385
 
368
386
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
369
387
  border-color: transparent;
370
- background: none;
371
388
  }
372
389
 
373
390
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -182,6 +182,10 @@
182
182
  font-family: "e-icons";
183
183
  }
184
184
 
185
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
186
+ content: "\eb05";
187
+ }
188
+
185
189
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
186
190
  display: block;
187
191
  visibility: hidden;
@@ -379,6 +383,15 @@ ejs-dropdownlist {
379
383
  min-height: 33px;
380
384
  }
381
385
 
386
+ .e-ddl.e-popup.e-resize .e-resizer-right {
387
+ bottom: 0;
388
+ right: 0;
389
+ cursor: nwse-resize;
390
+ height: 15px;
391
+ position: absolute;
392
+ width: 15px;
393
+ }
394
+
382
395
  .e-popup {
383
396
  border-color: #e0e0e0;
384
397
  }
@@ -390,7 +403,6 @@ ejs-dropdownlist {
390
403
 
391
404
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
392
405
  border-color: transparent;
393
- background: none;
394
406
  }
395
407
 
396
408
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -191,6 +191,10 @@
191
191
  font-family: "e-icons";
192
192
  }
193
193
 
194
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
195
+ content: "\e832";
196
+ }
197
+
194
198
  .e-ddl.e-popup .e-input-group {
195
199
  margin-top: 4px;
196
200
  }
@@ -394,6 +398,15 @@ ejs-dropdownlist {
394
398
  min-height: 33px;
395
399
  }
396
400
 
401
+ .e-ddl.e-popup.e-resize .e-resizer-right {
402
+ bottom: 0;
403
+ right: 0;
404
+ cursor: nwse-resize;
405
+ height: 15px;
406
+ position: absolute;
407
+ width: 15px;
408
+ }
409
+
397
410
  .e-popup {
398
411
  border-color: rgba(var(--color-sf-primary));
399
412
  }
@@ -405,7 +418,6 @@ ejs-dropdownlist {
405
418
 
406
419
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
407
420
  border-color: transparent;
408
- background: none;
409
421
  }
410
422
 
411
423
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -193,6 +193,10 @@
193
193
  font-family: "e-icons";
194
194
  }
195
195
 
196
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
197
+ content: "\e832";
198
+ }
199
+
196
200
  .e-ddl.e-popup .e-input-group {
197
201
  margin-top: 4px;
198
202
  }
@@ -396,6 +400,15 @@ ejs-dropdownlist {
396
400
  min-height: 33px;
397
401
  }
398
402
 
403
+ .e-ddl.e-popup.e-resize .e-resizer-right {
404
+ bottom: 0;
405
+ right: 0;
406
+ cursor: nwse-resize;
407
+ height: 15px;
408
+ position: absolute;
409
+ width: 15px;
410
+ }
411
+
399
412
  .e-popup {
400
413
  border-color: rgba(var(--color-sf-primary));
401
414
  }
@@ -407,7 +420,6 @@ ejs-dropdownlist {
407
420
 
408
421
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
409
422
  border-color: transparent;
410
- background: none;
411
423
  }
412
424
 
413
425
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -150,6 +150,10 @@
150
150
  font-family: "e-icons";
151
151
  }
152
152
 
153
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
154
+ content: "\e832";
155
+ }
156
+
153
157
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
154
158
  display: block;
155
159
  visibility: hidden;
@@ -334,6 +338,15 @@ ejs-dropdownlist {
334
338
  min-height: 33px;
335
339
  }
336
340
 
341
+ .e-ddl.e-popup.e-resize .e-resizer-right {
342
+ bottom: 0;
343
+ right: 0;
344
+ cursor: nwse-resize;
345
+ height: 15px;
346
+ position: absolute;
347
+ width: 15px;
348
+ }
349
+
337
350
  .e-popup {
338
351
  border-color: #4b5563;
339
352
  }
@@ -345,7 +358,6 @@ ejs-dropdownlist {
345
358
 
346
359
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
347
360
  border-color: transparent;
348
- background: none;
349
361
  }
350
362
 
351
363
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {