@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/drop-down-base/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,9 +565,11 @@
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
  }
package/styles/drop-down-base/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,9 +565,11 @@
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
  }
package/styles/drop-down-base/tailwind3.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 {
@@ -666,11 +674,13 @@
666
674
  }
667
675
 
668
676
  .e-dropdownbase .e-list-item .e-list-icon {
669
- padding: 0 8px 0 0;
677
+ -webkit-padding-end: 8px;
678
+ padding-inline-end: 8px;
670
679
  }
671
680
 
672
681
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
673
- padding: 0 6px 0 0;
682
+ -webkit-padding-end: 6px;
683
+ padding-inline-end: 6px;
674
684
  }
675
685
 
676
686
  .e-bigger .e-dropdownbase,
package/styles/drop-down-list/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 */
package/styles/drop-down-list/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-popup.e-ddl {
package/styles/drop-down-list/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-popup.e-ddl {
package/styles/drop-down-list/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,
package/styles/drop-down-list/bootstrap5-dark.css CHANGED
@@ -54,11 +54,13 @@
54
54
  }
55
55
 
56
56
  .e-dropdownbase .e-list-item .e-list-icon {
57
- padding: 0 8px 0 0;
57
+ -webkit-padding-end: 8px;
58
+ padding-inline-end: 8px;
58
59
  }
59
60
 
60
61
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
61
- padding: 0 6px 0 0;
62
+ -webkit-padding-end: 6px;
63
+ padding-inline-end: 6px;
62
64
  }
63
65
 
64
66
  .e-popup.e-ddl {
package/styles/drop-down-list/bootstrap5.3.css CHANGED
@@ -138,11 +138,13 @@
138
138
  }
139
139
 
140
140
  .e-dropdownbase .e-list-item .e-list-icon {
141
- padding: 0 8px 0 0;
141
+ -webkit-padding-end: 8px;
142
+ padding-inline-end: 8px;
142
143
  }
143
144
 
144
145
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 6px 0 0;
146
+ -webkit-padding-end: 6px;
147
+ padding-inline-end: 6px;
146
148
  }
147
149
 
148
150
  .e-popup.e-ddl {
package/styles/drop-down-list/bootstrap5.css CHANGED
@@ -54,11 +54,13 @@
54
54
  }
55
55
 
56
56
  .e-dropdownbase .e-list-item .e-list-icon {
57
- padding: 0 8px 0 0;
57
+ -webkit-padding-end: 8px;
58
+ padding-inline-end: 8px;
58
59
  }
59
60
 
60
61
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
61
- padding: 0 6px 0 0;
62
+ -webkit-padding-end: 6px;
63
+ padding-inline-end: 6px;
62
64
  }
63
65
 
64
66
  .e-popup.e-ddl {
package/styles/drop-down-list/fabric-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-ddl.e-popup {
package/styles/drop-down-list/fabric.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-ddl.e-popup {
package/styles/drop-down-list/fluent-dark.css CHANGED
@@ -54,11 +54,13 @@
54
54
  }
55
55
 
56
56
  .e-dropdownbase .e-list-item .e-list-icon {
57
- padding: 0 8px 0 0;
57
+ -webkit-padding-end: 8px;
58
+ padding-inline-end: 8px;
58
59
  }
59
60
 
60
61
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
61
- padding: 0 8px 0 0;
62
+ -webkit-padding-end: 8px;
63
+ padding-inline-end: 8px;
62
64
  }
63
65
 
64
66
  .e-popup.e-ddl {
package/styles/drop-down-list/fluent.css CHANGED
@@ -54,11 +54,13 @@
54
54
  }
55
55
 
56
56
  .e-dropdownbase .e-list-item .e-list-icon {
57
- padding: 0 8px 0 0;
57
+ -webkit-padding-end: 8px;
58
+ padding-inline-end: 8px;
58
59
  }
59
60
 
60
61
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
61
- padding: 0 8px 0 0;
62
+ -webkit-padding-end: 8px;
63
+ padding-inline-end: 8px;
62
64
  }
63
65
 
64
66
  .e-popup.e-ddl {
package/styles/drop-down-list/fluent2.css CHANGED
@@ -358,11 +358,13 @@
358
358
  }
359
359
 
360
360
  .e-dropdownbase .e-list-item .e-list-icon {
361
- padding: 0 8px 0 0;
361
+ -webkit-padding-end: 8px;
362
+ padding-inline-end: 8px;
362
363
  }
363
364
 
364
365
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
365
- padding: 0 4px 0 0;
366
+ -webkit-padding-end: 4px;
367
+ padding-inline-end: 4px;
366
368
  }
367
369
 
368
370
  /* stylelint-disable */
package/styles/drop-down-list/highcontrast-light.css CHANGED
@@ -41,7 +41,8 @@
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
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
47
48
  border: 2px solid #000;
@@ -57,7 +58,8 @@
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
  .e-popup.e-ddl .e-dropdownbase {
package/styles/drop-down-list/highcontrast.css CHANGED
@@ -41,7 +41,8 @@
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
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
47
48
  border: 2px solid #fff;
@@ -57,7 +58,8 @@
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
  .e-popup.e-ddl .e-dropdownbase {
package/styles/drop-down-list/material-dark.css CHANGED
@@ -55,11 +55,13 @@
55
55
  }
56
56
  }
57
57
  .e-dropdownbase .e-list-item .e-list-icon {
58
- padding: 0 16px 0 0;
58
+ -webkit-padding-end: 16px;
59
+ padding-inline-end: 16px;
59
60
  }
60
61
 
61
62
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
62
- padding: 0 12px 0 0;
63
+ -webkit-padding-end: 12px;
64
+ padding-inline-end: 12px;
63
65
  }
64
66
 
65
67
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
package/styles/drop-down-list/material.css CHANGED
@@ -75,11 +75,13 @@
75
75
  }
76
76
  }
77
77
  .e-dropdownbase .e-list-item .e-list-icon {
78
- padding: 0 16px 0 0;
78
+ -webkit-padding-end: 16px;
79
+ padding-inline-end: 16px;
79
80
  }
80
81
 
81
82
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
82
- padding: 0 12px 0 0;
83
+ -webkit-padding-end: 12px;
84
+ padding-inline-end: 12px;
83
85
  }
84
86
 
85
87
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
package/styles/drop-down-list/material3-dark.css CHANGED
@@ -158,11 +158,13 @@
158
158
  }
159
159
  }
160
160
  .e-dropdownbase .e-list-item .e-list-icon {
161
- padding: 0 16px 0 0;
161
+ -webkit-padding-end: 16px;
162
+ padding-inline-end: 16px;
162
163
  }
163
164
 
164
165
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
165
- padding: 0 12px 0 0;
166
+ -webkit-padding-end: 12px;
167
+ padding-inline-end: 12px;
166
168
  }
167
169
 
168
170
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
package/styles/drop-down-list/material3.css CHANGED
@@ -160,11 +160,13 @@
160
160
  }
161
161
  }
162
162
  .e-dropdownbase .e-list-item .e-list-icon {
163
- padding: 0 16px 0 0;
163
+ -webkit-padding-end: 16px;
164
+ padding-inline-end: 16px;
164
165
  }
165
166
 
166
167
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
167
- padding: 0 12px 0 0;
168
+ -webkit-padding-end: 12px;
169
+ padding-inline-end: 12px;
168
170
  }
169
171
 
170
172
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
package/styles/drop-down-list/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-ddl.e-control-wrapper .e-ddl-icon::before {
package/styles/drop-down-list/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-ddl.e-control-wrapper .e-ddl-icon::before {
package/styles/drop-down-list/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-popup.e-ddl {
package/styles/drop-down-tree/bds.css CHANGED
@@ -211,11 +211,13 @@
211
211
  }
212
212
 
213
213
  .e-dropdownbase .e-list-item .e-list-icon {
214
- padding: 0 8px 0 0;
214
+ -webkit-padding-end: 8px;
215
+ padding-inline-end: 8px;
215
216
  }
216
217
 
217
218
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
218
- padding: 0 4px 0 0;
219
+ -webkit-padding-end: 4px;
220
+ padding-inline-end: 4px;
219
221
  }
220
222
 
221
223
  /* stylelint-disable */
package/styles/drop-down-tree/bootstrap-dark.css CHANGED
@@ -42,11 +42,13 @@
42
42
  }
43
43
  /* stylelint-disable */
44
44
  .e-dropdownbase .e-list-item .e-list-icon {
45
- padding: 0 10px 0 0;
45
+ -webkit-padding-end: 10px;
46
+ padding-inline-end: 10px;
46
47
  }
47
48
 
48
49
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
49
- padding: 0 8px 0 0;
50
+ -webkit-padding-end: 8px;
51
+ padding-inline-end: 8px;
50
52
  }
51
53
 
52
54
  /* stylelint-disable */
package/styles/drop-down-tree/bootstrap.css CHANGED
@@ -43,11 +43,13 @@
43
43
  /*! TreeView's bootstrap theme wise override definitions and variables */
44
44
  /* stylelint-disable */
45
45
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 10px 0 0;
46
+ -webkit-padding-end: 10px;
47
+ padding-inline-end: 10px;
47
48
  }
48
49
 
49
50
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 8px 0 0;
51
+ -webkit-padding-end: 8px;
52
+ padding-inline-end: 8px;
51
53
  }
52
54
 
53
55
  /* stylelint-disable */