@syncfusion/ej2-dropdowns 32.2.8 → 33.1.44

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 (216) 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 +490 -139
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +467 -114
  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 +8 -8
  12. package/src/combo-box/combo-box.js +3 -0
  13. package/src/common/virtual-scroll.d.ts +1 -0
  14. package/src/common/virtual-scroll.js +17 -1
  15. package/src/drop-down-base/drop-down-base.d.ts +2 -0
  16. package/src/drop-down-base/drop-down-base.js +42 -0
  17. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  18. package/src/drop-down-list/drop-down-list.js +143 -30
  19. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  20. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  21. package/src/mention/mention.js +8 -4
  22. package/src/multi-select/multi-select.d.ts +2 -0
  23. package/src/multi-select/multi-select.js +254 -79
  24. package/styles/bds-lite.css +17 -9
  25. package/styles/bds.css +29 -15
  26. package/styles/bootstrap-dark-lite.css +17 -9
  27. package/styles/bootstrap-dark.css +27 -14
  28. package/styles/bootstrap-lite.css +17 -9
  29. package/styles/bootstrap.css +27 -14
  30. package/styles/bootstrap4-lite.css +17 -9
  31. package/styles/bootstrap4.css +27 -14
  32. package/styles/bootstrap5-dark-lite.css +17 -9
  33. package/styles/bootstrap5-dark.css +27 -14
  34. package/styles/bootstrap5-lite.css +17 -9
  35. package/styles/bootstrap5.3-lite.css +19 -9
  36. package/styles/bootstrap5.3.css +29 -14
  37. package/styles/bootstrap5.css +27 -14
  38. package/styles/drop-down-base/_bds-definition.scss +2 -2
  39. package/styles/drop-down-base/_bigger.scss +3 -3
  40. package/styles/drop-down-base/_bootstrap-dark-definition.scss +3 -3
  41. package/styles/drop-down-base/_bootstrap-definition.scss +3 -3
  42. package/styles/drop-down-base/_bootstrap4-definition.scss +3 -3
  43. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +3 -3
  44. package/styles/drop-down-base/_bootstrap5-definition.scss +3 -3
  45. package/styles/drop-down-base/_bootstrap5.3-definition.scss +6 -3
  46. package/styles/drop-down-base/_fabric-dark-definition.scss +3 -3
  47. package/styles/drop-down-base/_fabric-definition.scss +3 -3
  48. package/styles/drop-down-base/_fluent-dark-definition.scss +3 -3
  49. package/styles/drop-down-base/_fluent-definition.scss +3 -3
  50. package/styles/drop-down-base/_fluent2-definition.scss +8 -5
  51. package/styles/drop-down-base/_fusionnew-definition.scss +2 -2
  52. package/styles/drop-down-base/_highcontrast-definition.scss +3 -3
  53. package/styles/drop-down-base/_highcontrast-light-definition.scss +3 -3
  54. package/styles/drop-down-base/_layout.scss +12 -1
  55. package/styles/drop-down-base/_material-dark-definition.scss +2 -2
  56. package/styles/drop-down-base/_material-definition.scss +2 -2
  57. package/styles/drop-down-base/_material3-dark-definition.scss +6 -4
  58. package/styles/drop-down-base/_material3-definition.scss +6 -4
  59. package/styles/drop-down-base/_tailwind-dark-definition.scss +4 -4
  60. package/styles/drop-down-base/_tailwind-definition.scss +4 -4
  61. package/styles/drop-down-base/_tailwind3-definition.scss +5 -2
  62. package/styles/drop-down-base/_theme.scss +6 -0
  63. package/styles/drop-down-base/bds.css +21 -11
  64. package/styles/drop-down-base/bootstrap-dark.css +19 -10
  65. package/styles/drop-down-base/bootstrap.css +19 -10
  66. package/styles/drop-down-base/bootstrap4.css +19 -10
  67. package/styles/drop-down-base/bootstrap5-dark.css +19 -10
  68. package/styles/drop-down-base/bootstrap5.3.css +21 -10
  69. package/styles/drop-down-base/bootstrap5.css +19 -10
  70. package/styles/drop-down-base/fabric-dark.css +19 -10
  71. package/styles/drop-down-base/fabric.css +19 -10
  72. package/styles/drop-down-base/fluent-dark.css +19 -10
  73. package/styles/drop-down-base/fluent.css +19 -10
  74. package/styles/drop-down-base/fluent2.css +28 -12
  75. package/styles/drop-down-base/highcontrast-light.css +19 -10
  76. package/styles/drop-down-base/highcontrast.css +19 -10
  77. package/styles/drop-down-base/material-dark.css +17 -9
  78. package/styles/drop-down-base/material.css +17 -9
  79. package/styles/drop-down-base/material3-dark.css +19 -9
  80. package/styles/drop-down-base/material3.css +19 -9
  81. package/styles/drop-down-base/tailwind-dark.css +21 -11
  82. package/styles/drop-down-base/tailwind.css +21 -11
  83. package/styles/drop-down-base/tailwind3.css +19 -9
  84. package/styles/drop-down-list/bds.css +4 -2
  85. package/styles/drop-down-list/bootstrap-dark.css +4 -2
  86. package/styles/drop-down-list/bootstrap.css +4 -2
  87. package/styles/drop-down-list/bootstrap4.css +4 -2
  88. package/styles/drop-down-list/bootstrap5-dark.css +4 -2
  89. package/styles/drop-down-list/bootstrap5.3.css +4 -2
  90. package/styles/drop-down-list/bootstrap5.css +4 -2
  91. package/styles/drop-down-list/fabric-dark.css +4 -2
  92. package/styles/drop-down-list/fabric.css +4 -2
  93. package/styles/drop-down-list/fluent-dark.css +4 -2
  94. package/styles/drop-down-list/fluent.css +4 -2
  95. package/styles/drop-down-list/fluent2.css +4 -2
  96. package/styles/drop-down-list/highcontrast-light.css +4 -2
  97. package/styles/drop-down-list/highcontrast.css +4 -2
  98. package/styles/drop-down-list/material-dark.css +4 -2
  99. package/styles/drop-down-list/material.css +4 -2
  100. package/styles/drop-down-list/material3-dark.css +4 -2
  101. package/styles/drop-down-list/material3.css +4 -2
  102. package/styles/drop-down-list/tailwind-dark.css +4 -2
  103. package/styles/drop-down-list/tailwind.css +4 -2
  104. package/styles/drop-down-list/tailwind3.css +4 -2
  105. package/styles/drop-down-tree/bds.css +4 -2
  106. package/styles/drop-down-tree/bootstrap-dark.css +4 -2
  107. package/styles/drop-down-tree/bootstrap.css +4 -2
  108. package/styles/drop-down-tree/bootstrap4.css +4 -2
  109. package/styles/drop-down-tree/bootstrap5-dark.css +4 -2
  110. package/styles/drop-down-tree/bootstrap5.3.css +4 -2
  111. package/styles/drop-down-tree/bootstrap5.css +4 -2
  112. package/styles/drop-down-tree/fabric-dark.css +4 -2
  113. package/styles/drop-down-tree/fabric.css +4 -2
  114. package/styles/drop-down-tree/fluent-dark.css +4 -2
  115. package/styles/drop-down-tree/fluent.css +4 -2
  116. package/styles/drop-down-tree/fluent2.css +4 -2
  117. package/styles/drop-down-tree/highcontrast-light.css +4 -2
  118. package/styles/drop-down-tree/highcontrast.css +4 -2
  119. package/styles/drop-down-tree/material-dark.css +4 -2
  120. package/styles/drop-down-tree/material.css +4 -2
  121. package/styles/drop-down-tree/material3-dark.css +4 -2
  122. package/styles/drop-down-tree/material3.css +4 -2
  123. package/styles/drop-down-tree/tailwind-dark.css +4 -2
  124. package/styles/drop-down-tree/tailwind.css +4 -2
  125. package/styles/drop-down-tree/tailwind3.css +4 -2
  126. package/styles/fabric-dark-lite.css +17 -9
  127. package/styles/fabric-dark.css +27 -14
  128. package/styles/fabric-lite.css +17 -9
  129. package/styles/fabric.css +27 -14
  130. package/styles/fluent-dark-lite.css +17 -9
  131. package/styles/fluent-dark.css +27 -14
  132. package/styles/fluent-lite.css +17 -9
  133. package/styles/fluent.css +27 -14
  134. package/styles/fluent2-lite.css +24 -10
  135. package/styles/fluent2.css +36 -16
  136. package/styles/highcontrast-light-lite.css +17 -9
  137. package/styles/highcontrast-light.css +27 -14
  138. package/styles/highcontrast-lite.css +17 -9
  139. package/styles/highcontrast.css +27 -14
  140. package/styles/list-box/bds.css +4 -2
  141. package/styles/list-box/bootstrap-dark.css +4 -2
  142. package/styles/list-box/bootstrap.css +4 -2
  143. package/styles/list-box/bootstrap4.css +4 -2
  144. package/styles/list-box/bootstrap5-dark.css +4 -2
  145. package/styles/list-box/bootstrap5.3.css +4 -2
  146. package/styles/list-box/bootstrap5.css +4 -2
  147. package/styles/list-box/fabric-dark.css +4 -2
  148. package/styles/list-box/fabric.css +4 -2
  149. package/styles/list-box/fluent-dark.css +4 -2
  150. package/styles/list-box/fluent.css +4 -2
  151. package/styles/list-box/fluent2.css +4 -2
  152. package/styles/list-box/highcontrast-light.css +4 -2
  153. package/styles/list-box/highcontrast.css +4 -2
  154. package/styles/list-box/material-dark.css +4 -2
  155. package/styles/list-box/material.css +4 -2
  156. package/styles/list-box/material3-dark.css +4 -2
  157. package/styles/list-box/material3.css +4 -2
  158. package/styles/list-box/tailwind-dark.css +4 -2
  159. package/styles/list-box/tailwind.css +4 -2
  160. package/styles/list-box/tailwind3.css +4 -2
  161. package/styles/material-dark-lite.css +17 -9
  162. package/styles/material-dark.css +25 -13
  163. package/styles/material-lite.css +17 -9
  164. package/styles/material.css +25 -13
  165. package/styles/material3-dark-lite.css +19 -9
  166. package/styles/material3-dark.css +27 -13
  167. package/styles/material3-lite.css +19 -9
  168. package/styles/material3.css +27 -13
  169. package/styles/mention/bds.css +4 -2
  170. package/styles/mention/bootstrap-dark.css +4 -2
  171. package/styles/mention/bootstrap.css +4 -2
  172. package/styles/mention/bootstrap4.css +4 -2
  173. package/styles/mention/bootstrap5-dark.css +4 -2
  174. package/styles/mention/bootstrap5.3.css +4 -2
  175. package/styles/mention/bootstrap5.css +4 -2
  176. package/styles/mention/fabric-dark.css +4 -2
  177. package/styles/mention/fabric.css +4 -2
  178. package/styles/mention/fluent-dark.css +4 -2
  179. package/styles/mention/fluent.css +4 -2
  180. package/styles/mention/fluent2.css +4 -2
  181. package/styles/mention/highcontrast-light.css +4 -2
  182. package/styles/mention/highcontrast.css +4 -2
  183. package/styles/mention/material-dark.css +4 -2
  184. package/styles/mention/material.css +4 -2
  185. package/styles/mention/material3-dark.css +4 -2
  186. package/styles/mention/material3.css +4 -2
  187. package/styles/mention/tailwind-dark.css +4 -2
  188. package/styles/mention/tailwind.css +4 -2
  189. package/styles/mention/tailwind3.css +4 -2
  190. package/styles/multi-select/bds.css +12 -6
  191. package/styles/multi-select/bootstrap-dark.css +12 -6
  192. package/styles/multi-select/bootstrap.css +12 -6
  193. package/styles/multi-select/bootstrap4.css +12 -6
  194. package/styles/multi-select/bootstrap5-dark.css +12 -6
  195. package/styles/multi-select/bootstrap5.3.css +12 -6
  196. package/styles/multi-select/bootstrap5.css +12 -6
  197. package/styles/multi-select/fabric-dark.css +12 -6
  198. package/styles/multi-select/fabric.css +12 -6
  199. package/styles/multi-select/fluent-dark.css +12 -6
  200. package/styles/multi-select/fluent.css +12 -6
  201. package/styles/multi-select/fluent2.css +12 -6
  202. package/styles/multi-select/highcontrast-light.css +12 -6
  203. package/styles/multi-select/highcontrast.css +12 -6
  204. package/styles/multi-select/material-dark.css +12 -6
  205. package/styles/multi-select/material.css +12 -6
  206. package/styles/multi-select/material3-dark.css +12 -6
  207. package/styles/multi-select/material3.css +12 -6
  208. package/styles/multi-select/tailwind-dark.css +12 -6
  209. package/styles/multi-select/tailwind.css +12 -6
  210. package/styles/multi-select/tailwind3.css +12 -6
  211. package/styles/tailwind-dark-lite.css +17 -9
  212. package/styles/tailwind-dark.css +29 -15
  213. package/styles/tailwind-lite.css +17 -9
  214. package/styles/tailwind.css +29 -15
  215. package/styles/tailwind3-lite.css +19 -9
  216. package/styles/tailwind3.css +27 -13
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -60,11 +60,13 @@
60
60
  }
61
61
 
62
62
  .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 8px 0 0;
63
+ -webkit-padding-end: 8px;
64
+ padding-inline-end: 8px;
64
65
  }
65
66
 
66
67
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
67
- padding: 0 4px 0 0;
68
+ -webkit-padding-end: 4px;
69
+ padding-inline-end: 4px;
68
70
  }
69
71
 
70
72
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -142,11 +144,13 @@
142
144
  }
143
145
 
144
146
  .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 8px 0 0;
147
+ -webkit-padding-end: 8px;
148
+ padding-inline-end: 8px;
146
149
  }
147
150
 
148
151
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
149
- padding: 0 4px 0 0;
152
+ -webkit-padding-end: 4px;
153
+ padding-inline-end: 4px;
150
154
  }
151
155
 
152
156
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1180,11 +1184,13 @@ ejs-multiselect {
1180
1184
  }
1181
1185
 
1182
1186
  .e-dropdownbase .e-list-item .e-list-icon {
1183
- padding: 0 8px 0 0;
1187
+ -webkit-padding-end: 8px;
1188
+ padding-inline-end: 8px;
1184
1189
  }
1185
1190
 
1186
1191
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1187
- padding: 0 4px 0 0;
1192
+ -webkit-padding-end: 4px;
1193
+ padding-inline-end: 4px;
1188
1194
  }
1189
1195
 
1190
1196
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/tailwind.css CHANGED
@@ -60,11 +60,13 @@
60
60
  }
61
61
 
62
62
  .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 8px 0 0;
63
+ -webkit-padding-end: 8px;
64
+ padding-inline-end: 8px;
64
65
  }
65
66
 
66
67
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
67
- padding: 0 4px 0 0;
68
+ -webkit-padding-end: 4px;
69
+ padding-inline-end: 4px;
68
70
  }
69
71
 
70
72
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -142,11 +144,13 @@
142
144
  }
143
145
 
144
146
  .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 8px 0 0;
147
+ -webkit-padding-end: 8px;
148
+ padding-inline-end: 8px;
146
149
  }
147
150
 
148
151
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
149
- padding: 0 4px 0 0;
152
+ -webkit-padding-end: 4px;
153
+ padding-inline-end: 4px;
150
154
  }
151
155
 
152
156
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1180,11 +1184,13 @@ ejs-multiselect {
1180
1184
  }
1181
1185
 
1182
1186
  .e-dropdownbase .e-list-item .e-list-icon {
1183
- padding: 0 8px 0 0;
1187
+ -webkit-padding-end: 8px;
1188
+ padding-inline-end: 8px;
1184
1189
  }
1185
1190
 
1186
1191
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1187
- padding: 0 4px 0 0;
1192
+ -webkit-padding-end: 4px;
1193
+ padding-inline-end: 4px;
1188
1194
  }
1189
1195
 
1190
1196
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/tailwind3.css CHANGED
@@ -188,11 +188,13 @@
188
188
  }
189
189
 
190
190
  .e-dropdownbase .e-list-item .e-list-icon {
191
- padding: 0 8px 0 0;
191
+ -webkit-padding-end: 8px;
192
+ padding-inline-end: 8px;
192
193
  }
193
194
 
194
195
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
195
- padding: 0 6px 0 0;
196
+ -webkit-padding-end: 6px;
197
+ padding-inline-end: 6px;
196
198
  }
197
199
 
198
200
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -338,11 +340,13 @@
338
340
  }
339
341
 
340
342
  .e-dropdownbase .e-list-item .e-list-icon {
341
- padding: 0 8px 0 0;
343
+ -webkit-padding-end: 8px;
344
+ padding-inline-end: 8px;
342
345
  }
343
346
 
344
347
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
345
- padding: 0 6px 0 0;
348
+ -webkit-padding-end: 6px;
349
+ padding-inline-end: 6px;
346
350
  }
347
351
 
348
352
 
@@ -1611,11 +1615,13 @@ ejs-multiselect {
1611
1615
  }
1612
1616
 
1613
1617
  .e-dropdownbase .e-list-item .e-list-icon {
1614
- padding: 0 8px 0 0;
1618
+ -webkit-padding-end: 8px;
1619
+ padding-inline-end: 8px;
1615
1620
  }
1616
1621
 
1617
1622
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1618
- padding: 0 6px 0 0;
1623
+ -webkit-padding-end: 6px;
1624
+ padding-inline-end: 6px;
1619
1625
  }
1620
1626
 
1621
1627
 
package/styles/tailwind-dark-lite.css CHANGED
@@ -17,11 +17,13 @@
17
17
  }
18
18
 
19
19
  .e-dropdownbase .e-list-item .e-list-icon {
20
- padding: 0 8px 0 0;
20
+ -webkit-padding-end: 8px;
21
+ padding-inline-end: 8px;
21
22
  }
22
23
 
23
24
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
24
- padding: 0 4px 0 0;
25
+ -webkit-padding-end: 4px;
26
+ padding-inline-end: 4px;
25
27
  }
26
28
 
27
29
  .e-dropdownbase .e-list-item.e-active,
@@ -43,11 +45,13 @@
43
45
  }
44
46
 
45
47
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
47
50
  }
48
51
 
49
52
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 4px 0 0;
53
+ -webkit-padding-end: 4px;
54
+ padding-inline-end: 4px;
51
55
  }
52
56
 
53
57
  .e-dropdownbase {
@@ -103,11 +107,11 @@
103
107
 
104
108
  .e-mention.e-popup {
105
109
  background: #1f2937;
106
- border: 0;
107
110
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
108
111
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
109
112
  margin-top: 2px;
110
113
  position: absolute;
114
+ border: 0;
111
115
  }
112
116
 
113
117
  .e-mention.e-popup .e-dropdownbase {
@@ -198,11 +202,13 @@
198
202
  }
199
203
 
200
204
  .e-dropdownbase .e-list-item .e-list-icon {
201
- padding: 0 8px 0 0;
205
+ -webkit-padding-end: 8px;
206
+ padding-inline-end: 8px;
202
207
  }
203
208
 
204
209
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
205
- padding: 0 4px 0 0;
210
+ -webkit-padding-end: 4px;
211
+ padding-inline-end: 4px;
206
212
  }
207
213
 
208
214
  .e-rtl .e-dropdownbase .e-list-item {
@@ -1357,11 +1363,13 @@ ejs-dropdownlist {
1357
1363
  }
1358
1364
 
1359
1365
  .e-dropdownbase .e-list-item .e-list-icon {
1360
- padding: 0 8px 0 0;
1366
+ -webkit-padding-end: 8px;
1367
+ padding-inline-end: 8px;
1361
1368
  }
1362
1369
 
1363
1370
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1364
- padding: 0 4px 0 0;
1371
+ -webkit-padding-end: 4px;
1372
+ padding-inline-end: 4px;
1365
1373
  }
1366
1374
 
1367
1375
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/tailwind-dark.css CHANGED
@@ -17,11 +17,13 @@
17
17
  }
18
18
 
19
19
  .e-dropdownbase .e-list-item .e-list-icon {
20
- padding: 0 8px 0 0;
20
+ -webkit-padding-end: 8px;
21
+ padding-inline-end: 8px;
21
22
  }
22
23
 
23
24
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
24
- padding: 0 4px 0 0;
25
+ -webkit-padding-end: 4px;
26
+ padding-inline-end: 4px;
25
27
  }
26
28
 
27
29
  .e-dropdownbase .e-list-item.e-active,
@@ -43,11 +45,13 @@
43
45
  }
44
46
 
45
47
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
47
50
  }
48
51
 
49
52
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 4px 0 0;
53
+ -webkit-padding-end: 4px;
54
+ padding-inline-end: 4px;
51
55
  }
52
56
 
53
57
  .e-dropdownbase {
@@ -103,11 +107,11 @@
103
107
 
104
108
  .e-mention.e-popup {
105
109
  background: #1f2937;
106
- border: 0;
107
110
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
108
111
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
109
112
  margin-top: 2px;
110
113
  position: absolute;
114
+ border: 0;
111
115
  }
112
116
 
113
117
  .e-mention.e-popup .e-dropdownbase {
@@ -198,11 +202,13 @@
198
202
  }
199
203
 
200
204
  .e-dropdownbase .e-list-item .e-list-icon {
201
- padding: 0 8px 0 0;
205
+ -webkit-padding-end: 8px;
206
+ padding-inline-end: 8px;
202
207
  }
203
208
 
204
209
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
205
- padding: 0 4px 0 0;
210
+ -webkit-padding-end: 4px;
211
+ padding-inline-end: 4px;
206
212
  }
207
213
 
208
214
  .e-rtl .e-dropdownbase .e-list-item {
@@ -422,11 +428,13 @@
422
428
  }
423
429
 
424
430
  .e-dropdownbase .e-list-item .e-list-icon {
425
- padding: 0 8px 0 0;
431
+ -webkit-padding-end: 8px;
432
+ padding-inline-end: 8px;
426
433
  }
427
434
 
428
435
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
429
- padding: 0 4px 0 0;
436
+ -webkit-padding-end: 4px;
437
+ padding-inline-end: 4px;
430
438
  }
431
439
 
432
440
  .e-bigger .e-dropdownbase,
@@ -557,11 +565,13 @@
557
565
  }
558
566
 
559
567
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
560
- padding: 0 12px 0 0;
568
+ -webkit-padding-end: 12px;
569
+ padding-inline-end: 12px;
561
570
  }
562
571
 
563
572
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
564
- padding: 0 8px 0 0;
573
+ -webkit-padding-end: 8px;
574
+ padding-inline-end: 8px;
565
575
  }
566
576
 
567
577
  /* stylelint-disable property-no-vendor-prefix */
@@ -1820,11 +1830,13 @@ ejs-dropdownlist {
1820
1830
  }
1821
1831
 
1822
1832
  .e-dropdownbase .e-list-item .e-list-icon {
1823
- padding: 0 8px 0 0;
1833
+ -webkit-padding-end: 8px;
1834
+ padding-inline-end: 8px;
1824
1835
  }
1825
1836
 
1826
1837
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1827
- padding: 0 4px 0 0;
1838
+ -webkit-padding-end: 4px;
1839
+ padding-inline-end: 4px;
1828
1840
  }
1829
1841
 
1830
1842
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -2858,11 +2870,13 @@ ejs-multiselect {
2858
2870
  }
2859
2871
 
2860
2872
  .e-dropdownbase .e-list-item .e-list-icon {
2861
- padding: 0 8px 0 0;
2873
+ -webkit-padding-end: 8px;
2874
+ padding-inline-end: 8px;
2862
2875
  }
2863
2876
 
2864
2877
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2865
- padding: 0 4px 0 0;
2878
+ -webkit-padding-end: 4px;
2879
+ padding-inline-end: 4px;
2866
2880
  }
2867
2881
 
2868
2882
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/tailwind-lite.css CHANGED
@@ -17,11 +17,13 @@
17
17
  }
18
18
 
19
19
  .e-dropdownbase .e-list-item .e-list-icon {
20
- padding: 0 8px 0 0;
20
+ -webkit-padding-end: 8px;
21
+ padding-inline-end: 8px;
21
22
  }
22
23
 
23
24
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
24
- padding: 0 4px 0 0;
25
+ -webkit-padding-end: 4px;
26
+ padding-inline-end: 4px;
25
27
  }
26
28
 
27
29
  .e-dropdownbase .e-list-item.e-active,
@@ -43,11 +45,13 @@
43
45
  }
44
46
 
45
47
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
47
50
  }
48
51
 
49
52
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 4px 0 0;
53
+ -webkit-padding-end: 4px;
54
+ padding-inline-end: 4px;
51
55
  }
52
56
 
53
57
  .e-dropdownbase {
@@ -103,11 +107,11 @@
103
107
 
104
108
  .e-mention.e-popup {
105
109
  background: #fff;
106
- border: 0;
107
110
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
108
111
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
109
112
  margin-top: 2px;
110
113
  position: absolute;
114
+ border: 0;
111
115
  }
112
116
 
113
117
  .e-mention.e-popup .e-dropdownbase {
@@ -198,11 +202,13 @@
198
202
  }
199
203
 
200
204
  .e-dropdownbase .e-list-item .e-list-icon {
201
- padding: 0 8px 0 0;
205
+ -webkit-padding-end: 8px;
206
+ padding-inline-end: 8px;
202
207
  }
203
208
 
204
209
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
205
- padding: 0 4px 0 0;
210
+ -webkit-padding-end: 4px;
211
+ padding-inline-end: 4px;
206
212
  }
207
213
 
208
214
  .e-rtl .e-dropdownbase .e-list-item {
@@ -1357,11 +1363,13 @@ ejs-dropdownlist {
1357
1363
  }
1358
1364
 
1359
1365
  .e-dropdownbase .e-list-item .e-list-icon {
1360
- padding: 0 8px 0 0;
1366
+ -webkit-padding-end: 8px;
1367
+ padding-inline-end: 8px;
1361
1368
  }
1362
1369
 
1363
1370
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1364
- padding: 0 4px 0 0;
1371
+ -webkit-padding-end: 4px;
1372
+ padding-inline-end: 4px;
1365
1373
  }
1366
1374
 
1367
1375
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/tailwind.css CHANGED
@@ -17,11 +17,13 @@
17
17
  }
18
18
 
19
19
  .e-dropdownbase .e-list-item .e-list-icon {
20
- padding: 0 8px 0 0;
20
+ -webkit-padding-end: 8px;
21
+ padding-inline-end: 8px;
21
22
  }
22
23
 
23
24
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
24
- padding: 0 4px 0 0;
25
+ -webkit-padding-end: 4px;
26
+ padding-inline-end: 4px;
25
27
  }
26
28
 
27
29
  .e-dropdownbase .e-list-item.e-active,
@@ -43,11 +45,13 @@
43
45
  }
44
46
 
45
47
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
47
50
  }
48
51
 
49
52
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 4px 0 0;
53
+ -webkit-padding-end: 4px;
54
+ padding-inline-end: 4px;
51
55
  }
52
56
 
53
57
  .e-dropdownbase {
@@ -103,11 +107,11 @@
103
107
 
104
108
  .e-mention.e-popup {
105
109
  background: #fff;
106
- border: 0;
107
110
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
108
111
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
109
112
  margin-top: 2px;
110
113
  position: absolute;
114
+ border: 0;
111
115
  }
112
116
 
113
117
  .e-mention.e-popup .e-dropdownbase {
@@ -198,11 +202,13 @@
198
202
  }
199
203
 
200
204
  .e-dropdownbase .e-list-item .e-list-icon {
201
- padding: 0 8px 0 0;
205
+ -webkit-padding-end: 8px;
206
+ padding-inline-end: 8px;
202
207
  }
203
208
 
204
209
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
205
- padding: 0 4px 0 0;
210
+ -webkit-padding-end: 4px;
211
+ padding-inline-end: 4px;
206
212
  }
207
213
 
208
214
  .e-rtl .e-dropdownbase .e-list-item {
@@ -422,11 +428,13 @@
422
428
  }
423
429
 
424
430
  .e-dropdownbase .e-list-item .e-list-icon {
425
- padding: 0 8px 0 0;
431
+ -webkit-padding-end: 8px;
432
+ padding-inline-end: 8px;
426
433
  }
427
434
 
428
435
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
429
- padding: 0 4px 0 0;
436
+ -webkit-padding-end: 4px;
437
+ padding-inline-end: 4px;
430
438
  }
431
439
 
432
440
  .e-bigger .e-dropdownbase,
@@ -557,11 +565,13 @@
557
565
  }
558
566
 
559
567
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
560
- padding: 0 12px 0 0;
568
+ -webkit-padding-end: 12px;
569
+ padding-inline-end: 12px;
561
570
  }
562
571
 
563
572
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
564
- padding: 0 8px 0 0;
573
+ -webkit-padding-end: 8px;
574
+ padding-inline-end: 8px;
565
575
  }
566
576
 
567
577
  /* stylelint-disable property-no-vendor-prefix */
@@ -1820,11 +1830,13 @@ ejs-dropdownlist {
1820
1830
  }
1821
1831
 
1822
1832
  .e-dropdownbase .e-list-item .e-list-icon {
1823
- padding: 0 8px 0 0;
1833
+ -webkit-padding-end: 8px;
1834
+ padding-inline-end: 8px;
1824
1835
  }
1825
1836
 
1826
1837
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1827
- padding: 0 4px 0 0;
1838
+ -webkit-padding-end: 4px;
1839
+ padding-inline-end: 4px;
1828
1840
  }
1829
1841
 
1830
1842
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -2858,11 +2870,13 @@ ejs-multiselect {
2858
2870
  }
2859
2871
 
2860
2872
  .e-dropdownbase .e-list-item .e-list-icon {
2861
- padding: 0 8px 0 0;
2873
+ -webkit-padding-end: 8px;
2874
+ padding-inline-end: 8px;
2862
2875
  }
2863
2876
 
2864
2877
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2865
- padding: 0 4px 0 0;
2878
+ -webkit-padding-end: 4px;
2879
+ padding-inline-end: 4px;
2866
2880
  }
2867
2881
 
2868
2882
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/tailwind3-lite.css CHANGED
@@ -85,11 +85,13 @@
85
85
  }
86
86
 
87
87
  .e-dropdownbase .e-list-item .e-list-icon {
88
- padding: 0 8px 0 0;
88
+ -webkit-padding-end: 8px;
89
+ padding-inline-end: 8px;
89
90
  }
90
91
 
91
92
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
92
- padding: 0 6px 0 0;
93
+ -webkit-padding-end: 6px;
94
+ padding-inline-end: 6px;
93
95
  }
94
96
 
95
97
 
@@ -179,11 +181,13 @@
179
181
  }
180
182
 
181
183
  .e-dropdownbase .e-list-item .e-list-icon {
182
- padding: 0 8px 0 0;
184
+ -webkit-padding-end: 8px;
185
+ padding-inline-end: 8px;
183
186
  }
184
187
 
185
188
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
186
- padding: 0 6px 0 0;
189
+ -webkit-padding-end: 6px;
190
+ padding-inline-end: 6px;
187
191
  }
188
192
 
189
193
  .e-dropdownbase {
@@ -240,11 +244,13 @@
240
244
 
241
245
  .e-mention.e-popup {
242
246
  background: var(--color-sf-content-bg-color);
243
- border: 0;
244
247
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
245
248
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
246
249
  margin-top: 2px;
247
250
  position: absolute;
251
+ border: 1px solid var(--color-sf-flyout-border);
252
+ border-radius: calc(var(--e-radius) * 0.375);
253
+ padding: 4px 0;
248
254
  }
249
255
 
250
256
  .e-mention.e-popup .e-dropdownbase {
@@ -397,11 +403,13 @@
397
403
  }
398
404
 
399
405
  .e-dropdownbase .e-list-item .e-list-icon {
400
- padding: 0 8px 0 0;
406
+ -webkit-padding-end: 8px;
407
+ padding-inline-end: 8px;
401
408
  }
402
409
 
403
410
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
404
- padding: 0 6px 0 0;
411
+ -webkit-padding-end: 6px;
412
+ padding-inline-end: 6px;
405
413
  }
406
414
 
407
415
  .e-rtl .e-dropdownbase .e-list-item {
@@ -2015,11 +2023,13 @@ ejs-dropdownlist {
2015
2023
  }
2016
2024
 
2017
2025
  .e-dropdownbase .e-list-item .e-list-icon {
2018
- padding: 0 8px 0 0;
2026
+ -webkit-padding-end: 8px;
2027
+ padding-inline-end: 8px;
2019
2028
  }
2020
2029
 
2021
2030
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2022
- padding: 0 6px 0 0;
2031
+ -webkit-padding-end: 6px;
2032
+ padding-inline-end: 6px;
2023
2033
  }
2024
2034
 
2025
2035