@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/material3.css CHANGED
@@ -83,11 +83,13 @@
83
83
 
84
84
 
85
85
  .e-dropdownbase .e-list-item .e-list-icon {
86
- padding: 0 16px 0 0;
86
+ -webkit-padding-end: 16px;
87
+ padding-inline-end: 16px;
87
88
  }
88
89
 
89
90
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
90
- padding: 0 12px 0 0;
91
+ -webkit-padding-end: 12px;
92
+ padding-inline-end: 12px;
91
93
  }
92
94
 
93
95
 
@@ -175,11 +177,13 @@
175
177
 
176
178
 
177
179
  .e-dropdownbase .e-list-item .e-list-icon {
178
- padding: 0 16px 0 0;
180
+ -webkit-padding-end: 16px;
181
+ padding-inline-end: 16px;
179
182
  }
180
183
 
181
184
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
182
- padding: 0 12px 0 0;
185
+ -webkit-padding-end: 12px;
186
+ padding-inline-end: 12px;
183
187
  }
184
188
 
185
189
  .e-dropdownbase {
@@ -235,11 +239,13 @@
235
239
 
236
240
  .e-mention.e-popup {
237
241
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
238
- border: 0;
239
242
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
240
243
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
241
244
  margin-top: 2px;
242
245
  position: absolute;
246
+ border: 0;
247
+ border-radius: calc(var(--e-radius) * 0.25);
248
+ padding: 4px 0;
243
249
  }
244
250
 
245
251
  .e-mention.e-popup .e-dropdownbase {
@@ -388,11 +394,13 @@
388
394
 
389
395
 
390
396
  .e-dropdownbase .e-list-item .e-list-icon {
391
- padding: 0 16px 0 0;
397
+ -webkit-padding-end: 16px;
398
+ padding-inline-end: 16px;
392
399
  }
393
400
 
394
401
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
395
- padding: 0 12px 0 0;
402
+ -webkit-padding-end: 12px;
403
+ padding-inline-end: 12px;
396
404
  }
397
405
 
398
406
  .e-rtl .e-dropdownbase .e-list-item {
@@ -660,11 +668,13 @@
660
668
 
661
669
 
662
670
  .e-dropdownbase .e-list-item .e-list-icon {
663
- padding: 0 16px 0 0;
671
+ -webkit-padding-end: 16px;
672
+ padding-inline-end: 16px;
664
673
  }
665
674
 
666
675
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
667
- padding: 0 12px 0 0;
676
+ -webkit-padding-end: 12px;
677
+ padding-inline-end: 12px;
668
678
  }
669
679
 
670
680
  .e-bigger .e-dropdownbase,
@@ -3309,11 +3319,13 @@ ejs-dropdownlist {
3309
3319
 
3310
3320
 
3311
3321
  .e-dropdownbase .e-list-item .e-list-icon {
3312
- padding: 0 16px 0 0;
3322
+ -webkit-padding-end: 16px;
3323
+ padding-inline-end: 16px;
3313
3324
  }
3314
3325
 
3315
3326
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
3316
- padding: 0 12px 0 0;
3327
+ -webkit-padding-end: 12px;
3328
+ padding-inline-end: 12px;
3317
3329
  }
3318
3330
 
3319
3331
 
@@ -5491,11 +5503,13 @@ ejs-multiselect {
5491
5503
 
5492
5504
 
5493
5505
  .e-dropdownbase .e-list-item .e-list-icon {
5494
- padding: 0 16px 0 0;
5506
+ -webkit-padding-end: 16px;
5507
+ padding-inline-end: 16px;
5495
5508
  }
5496
5509
 
5497
5510
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
5498
- padding: 0 12px 0 0;
5511
+ -webkit-padding-end: 12px;
5512
+ padding-inline-end: 12px;
5499
5513
  }
5500
5514
 
5501
5515
 
package/styles/mention/bds.css CHANGED
@@ -63,11 +63,13 @@
63
63
  }
64
64
 
65
65
  .e-dropdownbase .e-list-item .e-list-icon {
66
- padding: 0 8px 0 0;
66
+ -webkit-padding-end: 8px;
67
+ padding-inline-end: 8px;
67
68
  }
68
69
 
69
70
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
70
- padding: 0 4px 0 0;
71
+ -webkit-padding-end: 4px;
72
+ padding-inline-end: 4px;
71
73
  }
72
74
 
73
75
  /* stylelint-disable */
package/styles/mention/bootstrap-dark.css CHANGED
@@ -40,9 +40,11 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 10px 0 0;
43
+ -webkit-padding-end: 10px;
44
+ padding-inline-end: 10px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
48
50
  }
package/styles/mention/bootstrap.css CHANGED
@@ -40,9 +40,11 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 10px 0 0;
43
+ -webkit-padding-end: 10px;
44
+ padding-inline-end: 10px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
48
50
  }
package/styles/mention/bootstrap4.css CHANGED
@@ -40,11 +40,13 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 8px 0 0;
43
+ -webkit-padding-end: 8px;
44
+ padding-inline-end: 8px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
48
50
  }
49
51
 
50
52
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
package/styles/mention/bootstrap5-dark.css CHANGED
@@ -53,9 +53,11 @@
53
53
  }
54
54
 
55
55
  .e-dropdownbase .e-list-item .e-list-icon {
56
- padding: 0 8px 0 0;
56
+ -webkit-padding-end: 8px;
57
+ padding-inline-end: 8px;
57
58
  }
58
59
 
59
60
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
60
- padding: 0 6px 0 0;
61
+ -webkit-padding-end: 6px;
62
+ padding-inline-end: 6px;
61
63
  }
package/styles/mention/bootstrap5.3.css CHANGED
@@ -137,11 +137,13 @@
137
137
  }
138
138
 
139
139
  .e-dropdownbase .e-list-item .e-list-icon {
140
- padding: 0 8px 0 0;
140
+ -webkit-padding-end: 8px;
141
+ padding-inline-end: 8px;
141
142
  }
142
143
 
143
144
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
- padding: 0 6px 0 0;
145
+ -webkit-padding-end: 6px;
146
+ padding-inline-end: 6px;
145
147
  }
146
148
 
147
149
  /* stylelint-disable-line no-empty-source */
package/styles/mention/bootstrap5.css CHANGED
@@ -53,11 +53,13 @@
53
53
  }
54
54
 
55
55
  .e-dropdownbase .e-list-item .e-list-icon {
56
- padding: 0 8px 0 0;
56
+ -webkit-padding-end: 8px;
57
+ padding-inline-end: 8px;
57
58
  }
58
59
 
59
60
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
60
- padding: 0 6px 0 0;
61
+ -webkit-padding-end: 6px;
62
+ padding-inline-end: 6px;
61
63
  }
62
64
 
63
65
  /* stylelint-disable-line no-empty-source */
package/styles/mention/fabric-dark.css CHANGED
@@ -40,9 +40,11 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 10px 0 0;
43
+ -webkit-padding-end: 10px;
44
+ padding-inline-end: 10px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
48
50
  }
package/styles/mention/fabric.css CHANGED
@@ -40,9 +40,11 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 10px 0 0;
43
+ -webkit-padding-end: 10px;
44
+ padding-inline-end: 10px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 8px 0 0;
48
+ -webkit-padding-end: 8px;
49
+ padding-inline-end: 8px;
48
50
  }
package/styles/mention/fluent-dark.css CHANGED
@@ -53,9 +53,11 @@
53
53
  }
54
54
 
55
55
  .e-dropdownbase .e-list-item .e-list-icon {
56
- padding: 0 8px 0 0;
56
+ -webkit-padding-end: 8px;
57
+ padding-inline-end: 8px;
57
58
  }
58
59
 
59
60
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
60
- padding: 0 8px 0 0;
61
+ -webkit-padding-end: 8px;
62
+ padding-inline-end: 8px;
61
63
  }
package/styles/mention/fluent.css CHANGED
@@ -53,11 +53,13 @@
53
53
  }
54
54
 
55
55
  .e-dropdownbase .e-list-item .e-list-icon {
56
- padding: 0 8px 0 0;
56
+ -webkit-padding-end: 8px;
57
+ padding-inline-end: 8px;
57
58
  }
58
59
 
59
60
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
60
- padding: 0 8px 0 0;
61
+ -webkit-padding-end: 8px;
62
+ padding-inline-end: 8px;
61
63
  }
62
64
 
63
65
  /* stylelint-disable-line no-empty-source */
package/styles/mention/fluent2.css CHANGED
@@ -145,11 +145,13 @@
145
145
  }
146
146
 
147
147
  .e-dropdownbase .e-list-item .e-list-icon {
148
- padding: 0 8px 0 0;
148
+ -webkit-padding-end: 8px;
149
+ padding-inline-end: 8px;
149
150
  }
150
151
 
151
152
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
152
- padding: 0 4px 0 0;
153
+ -webkit-padding-end: 4px;
154
+ padding-inline-end: 4px;
153
155
  }
154
156
 
155
157
  /* stylelint-disable */
package/styles/mention/highcontrast-light.css CHANGED
@@ -40,7 +40,8 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 10px 0 0;
43
+ -webkit-padding-end: 10px;
44
+ padding-inline-end: 10px;
44
45
  }
45
46
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
46
47
  border: 2px solid #000;
@@ -56,5 +57,6 @@
56
57
  }
57
58
 
58
59
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 8px 0 0;
60
+ -webkit-padding-end: 8px;
61
+ padding-inline-end: 8px;
60
62
  }
package/styles/mention/highcontrast.css CHANGED
@@ -40,7 +40,8 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 10px 0 0;
43
+ -webkit-padding-end: 10px;
44
+ padding-inline-end: 10px;
44
45
  }
45
46
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
46
47
  border: 2px solid #fff;
@@ -56,5 +57,6 @@
56
57
  }
57
58
 
58
59
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 8px 0 0;
60
+ -webkit-padding-end: 8px;
61
+ padding-inline-end: 8px;
60
62
  }
package/styles/mention/material-dark.css CHANGED
@@ -40,9 +40,11 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 16px 0 0;
43
+ -webkit-padding-end: 16px;
44
+ padding-inline-end: 16px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 12px 0 0;
48
+ -webkit-padding-end: 12px;
49
+ padding-inline-end: 12px;
48
50
  }
package/styles/mention/material.css CHANGED
@@ -40,9 +40,11 @@
40
40
  }
41
41
  }
42
42
  .e-dropdownbase .e-list-item .e-list-icon {
43
- padding: 0 16px 0 0;
43
+ -webkit-padding-end: 16px;
44
+ padding-inline-end: 16px;
44
45
  }
45
46
 
46
47
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
47
- padding: 0 12px 0 0;
48
+ -webkit-padding-end: 12px;
49
+ padding-inline-end: 12px;
48
50
  }
package/styles/mention/material3-dark.css CHANGED
@@ -123,11 +123,13 @@
123
123
  }
124
124
  }
125
125
  .e-dropdownbase .e-list-item .e-list-icon {
126
- padding: 0 16px 0 0;
126
+ -webkit-padding-end: 16px;
127
+ padding-inline-end: 16px;
127
128
  }
128
129
 
129
130
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
130
- padding: 0 12px 0 0;
131
+ -webkit-padding-end: 12px;
132
+ padding-inline-end: 12px;
131
133
  }
132
134
 
133
135
 
package/styles/mention/material3.css CHANGED
@@ -125,11 +125,13 @@
125
125
  }
126
126
  }
127
127
  .e-dropdownbase .e-list-item .e-list-icon {
128
- padding: 0 16px 0 0;
128
+ -webkit-padding-end: 16px;
129
+ padding-inline-end: 16px;
129
130
  }
130
131
 
131
132
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
132
- padding: 0 12px 0 0;
133
+ -webkit-padding-end: 12px;
134
+ padding-inline-end: 12px;
133
135
  }
134
136
 
135
137
  /* stylelint-disable-line no-empty-source */
package/styles/mention/tailwind-dark.css CHANGED
@@ -59,9 +59,11 @@
59
59
  }
60
60
 
61
61
  .e-dropdownbase .e-list-item .e-list-icon {
62
- padding: 0 8px 0 0;
62
+ -webkit-padding-end: 8px;
63
+ padding-inline-end: 8px;
63
64
  }
64
65
 
65
66
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
66
- padding: 0 4px 0 0;
67
+ -webkit-padding-end: 4px;
68
+ padding-inline-end: 4px;
67
69
  }
package/styles/mention/tailwind.css CHANGED
@@ -59,11 +59,13 @@
59
59
  }
60
60
 
61
61
  .e-dropdownbase .e-list-item .e-list-icon {
62
- padding: 0 8px 0 0;
62
+ -webkit-padding-end: 8px;
63
+ padding-inline-end: 8px;
63
64
  }
64
65
 
65
66
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
66
- padding: 0 4px 0 0;
67
+ -webkit-padding-end: 4px;
68
+ padding-inline-end: 4px;
67
69
  }
68
70
 
69
71
  /* stylelint-disable-line no-empty-source */
package/styles/mention/tailwind3.css CHANGED
@@ -127,11 +127,13 @@
127
127
  }
128
128
 
129
129
  .e-dropdownbase .e-list-item .e-list-icon {
130
- padding: 0 8px 0 0;
130
+ -webkit-padding-end: 8px;
131
+ padding-inline-end: 8px;
131
132
  }
132
133
 
133
134
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
134
- padding: 0 6px 0 0;
135
+ -webkit-padding-end: 6px;
136
+ padding-inline-end: 6px;
135
137
  }
136
138
 
137
139
  /* stylelint-disable-line no-empty-source */
package/styles/multi-select/bds.css CHANGED
@@ -209,11 +209,13 @@
209
209
  }
210
210
 
211
211
  .e-dropdownbase .e-list-item .e-list-icon {
212
- padding: 0 8px 0 0;
212
+ -webkit-padding-end: 8px;
213
+ padding-inline-end: 8px;
213
214
  }
214
215
 
215
216
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
216
- padding: 0 4px 0 0;
217
+ -webkit-padding-end: 4px;
218
+ padding-inline-end: 4px;
217
219
  }
218
220
 
219
221
  /* stylelint-disable */
@@ -296,11 +298,13 @@
296
298
  }
297
299
 
298
300
  .e-dropdownbase .e-list-item .e-list-icon {
299
- padding: 0 8px 0 0;
301
+ -webkit-padding-end: 8px;
302
+ padding-inline-end: 8px;
300
303
  }
301
304
 
302
305
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
303
- padding: 0 4px 0 0;
306
+ -webkit-padding-end: 4px;
307
+ padding-inline-end: 4px;
304
308
  }
305
309
 
306
310
  /* stylelint-disable */
@@ -1351,11 +1355,13 @@ ejs-multiselect {
1351
1355
  }
1352
1356
 
1353
1357
  .e-dropdownbase .e-list-item .e-list-icon {
1354
- padding: 0 8px 0 0;
1358
+ -webkit-padding-end: 8px;
1359
+ padding-inline-end: 8px;
1355
1360
  }
1356
1361
 
1357
1362
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1358
- padding: 0 4px 0 0;
1363
+ -webkit-padding-end: 4px;
1364
+ padding-inline-end: 4px;
1359
1365
  }
1360
1366
 
1361
1367
  /* stylelint-disable */
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -41,11 +41,13 @@
41
41
  }
42
42
  }
43
43
  .e-dropdownbase .e-list-item .e-list-icon {
44
- padding: 0 10px 0 0;
44
+ -webkit-padding-end: 10px;
45
+ padding-inline-end: 10px;
45
46
  }
46
47
 
47
48
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
48
- padding: 0 8px 0 0;
49
+ -webkit-padding-end: 8px;
50
+ padding-inline-end: 8px;
49
51
  }
50
52
 
51
53
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -106,11 +108,13 @@
106
108
  }
107
109
 
108
110
  .e-dropdownbase .e-list-item .e-list-icon {
109
- padding: 0 10px 0 0;
111
+ -webkit-padding-end: 10px;
112
+ padding-inline-end: 10px;
110
113
  }
111
114
 
112
115
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
113
- padding: 0 8px 0 0;
116
+ -webkit-padding-end: 8px;
117
+ padding-inline-end: 8px;
114
118
  }
115
119
 
116
120
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1141,11 +1145,13 @@ ejs-multiselect {
1141
1145
  }
1142
1146
 
1143
1147
  .e-dropdownbase .e-list-item .e-list-icon {
1144
- padding: 0 10px 0 0;
1148
+ -webkit-padding-end: 10px;
1149
+ padding-inline-end: 10px;
1145
1150
  }
1146
1151
 
1147
1152
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1148
- padding: 0 8px 0 0;
1153
+ -webkit-padding-end: 8px;
1154
+ padding-inline-end: 8px;
1149
1155
  }
1150
1156
 
1151
1157
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/bootstrap.css CHANGED
@@ -41,11 +41,13 @@
41
41
  }
42
42
  }
43
43
  .e-dropdownbase .e-list-item .e-list-icon {
44
- padding: 0 10px 0 0;
44
+ -webkit-padding-end: 10px;
45
+ padding-inline-end: 10px;
45
46
  }
46
47
 
47
48
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
48
- padding: 0 8px 0 0;
49
+ -webkit-padding-end: 8px;
50
+ padding-inline-end: 8px;
49
51
  }
50
52
 
51
53
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -99,11 +101,13 @@
99
101
  }
100
102
 
101
103
  .e-dropdownbase .e-list-item .e-list-icon {
102
- padding: 0 10px 0 0;
104
+ -webkit-padding-end: 10px;
105
+ padding-inline-end: 10px;
103
106
  }
104
107
 
105
108
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
106
- padding: 0 8px 0 0;
109
+ -webkit-padding-end: 8px;
110
+ padding-inline-end: 8px;
107
111
  }
108
112
 
109
113
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1115,11 +1119,13 @@ ejs-multiselect {
1115
1119
  }
1116
1120
 
1117
1121
  .e-dropdownbase .e-list-item .e-list-icon {
1118
- padding: 0 10px 0 0;
1122
+ -webkit-padding-end: 10px;
1123
+ padding-inline-end: 10px;
1119
1124
  }
1120
1125
 
1121
1126
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1122
- padding: 0 8px 0 0;
1127
+ -webkit-padding-end: 8px;
1128
+ padding-inline-end: 8px;
1123
1129
  }
1124
1130
 
1125
1131
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/bootstrap4.css CHANGED
@@ -41,11 +41,13 @@
41
41
  }
42
42
  }
43
43
  .e-dropdownbase .e-list-item .e-list-icon {
44
- padding: 0 8px 0 0;
44
+ -webkit-padding-end: 8px;
45
+ padding-inline-end: 8px;
45
46
  }
46
47
 
47
48
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
48
- padding: 0 8px 0 0;
49
+ -webkit-padding-end: 8px;
50
+ padding-inline-end: 8px;
49
51
  }
50
52
 
51
53
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -133,11 +135,13 @@
133
135
  }
134
136
 
135
137
  .e-dropdownbase .e-list-item .e-list-icon {
136
- padding: 0 8px 0 0;
138
+ -webkit-padding-end: 8px;
139
+ padding-inline-end: 8px;
137
140
  }
138
141
 
139
142
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
140
- padding: 0 8px 0 0;
143
+ -webkit-padding-end: 8px;
144
+ padding-inline-end: 8px;
141
145
  }
142
146
 
143
147
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -1229,11 +1233,13 @@ ejs-multiselect {
1229
1233
  }
1230
1234
 
1231
1235
  .e-dropdownbase .e-list-item .e-list-icon {
1232
- padding: 0 8px 0 0;
1236
+ -webkit-padding-end: 8px;
1237
+ padding-inline-end: 8px;
1233
1238
  }
1234
1239
 
1235
1240
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1236
- padding: 0 8px 0 0;
1241
+ -webkit-padding-end: 8px;
1242
+ padding-inline-end: 8px;
1237
1243
  }
1238
1244
 
1239
1245
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,