@syncfusion/ej2-dropdowns 32.2.9 → 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 (215) 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 +407 -116
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +382 -91
  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.js +84 -14
  18. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  19. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  20. package/src/mention/mention.js +8 -4
  21. package/src/multi-select/multi-select.d.ts +2 -0
  22. package/src/multi-select/multi-select.js +228 -72
  23. package/styles/bds-lite.css +17 -9
  24. package/styles/bds.css +29 -15
  25. package/styles/bootstrap-dark-lite.css +17 -9
  26. package/styles/bootstrap-dark.css +27 -14
  27. package/styles/bootstrap-lite.css +17 -9
  28. package/styles/bootstrap.css +27 -14
  29. package/styles/bootstrap4-lite.css +17 -9
  30. package/styles/bootstrap4.css +27 -14
  31. package/styles/bootstrap5-dark-lite.css +17 -9
  32. package/styles/bootstrap5-dark.css +27 -14
  33. package/styles/bootstrap5-lite.css +17 -9
  34. package/styles/bootstrap5.3-lite.css +19 -9
  35. package/styles/bootstrap5.3.css +29 -14
  36. package/styles/bootstrap5.css +27 -14
  37. package/styles/drop-down-base/_bds-definition.scss +2 -2
  38. package/styles/drop-down-base/_bigger.scss +3 -3
  39. package/styles/drop-down-base/_bootstrap-dark-definition.scss +3 -3
  40. package/styles/drop-down-base/_bootstrap-definition.scss +3 -3
  41. package/styles/drop-down-base/_bootstrap4-definition.scss +3 -3
  42. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +3 -3
  43. package/styles/drop-down-base/_bootstrap5-definition.scss +3 -3
  44. package/styles/drop-down-base/_bootstrap5.3-definition.scss +6 -3
  45. package/styles/drop-down-base/_fabric-dark-definition.scss +3 -3
  46. package/styles/drop-down-base/_fabric-definition.scss +3 -3
  47. package/styles/drop-down-base/_fluent-dark-definition.scss +3 -3
  48. package/styles/drop-down-base/_fluent-definition.scss +3 -3
  49. package/styles/drop-down-base/_fluent2-definition.scss +8 -5
  50. package/styles/drop-down-base/_fusionnew-definition.scss +2 -2
  51. package/styles/drop-down-base/_highcontrast-definition.scss +3 -3
  52. package/styles/drop-down-base/_highcontrast-light-definition.scss +3 -3
  53. package/styles/drop-down-base/_layout.scss +12 -1
  54. package/styles/drop-down-base/_material-dark-definition.scss +2 -2
  55. package/styles/drop-down-base/_material-definition.scss +2 -2
  56. package/styles/drop-down-base/_material3-dark-definition.scss +6 -4
  57. package/styles/drop-down-base/_material3-definition.scss +6 -4
  58. package/styles/drop-down-base/_tailwind-dark-definition.scss +4 -4
  59. package/styles/drop-down-base/_tailwind-definition.scss +4 -4
  60. package/styles/drop-down-base/_tailwind3-definition.scss +5 -2
  61. package/styles/drop-down-base/_theme.scss +6 -0
  62. package/styles/drop-down-base/bds.css +21 -11
  63. package/styles/drop-down-base/bootstrap-dark.css +19 -10
  64. package/styles/drop-down-base/bootstrap.css +19 -10
  65. package/styles/drop-down-base/bootstrap4.css +19 -10
  66. package/styles/drop-down-base/bootstrap5-dark.css +19 -10
  67. package/styles/drop-down-base/bootstrap5.3.css +21 -10
  68. package/styles/drop-down-base/bootstrap5.css +19 -10
  69. package/styles/drop-down-base/fabric-dark.css +19 -10
  70. package/styles/drop-down-base/fabric.css +19 -10
  71. package/styles/drop-down-base/fluent-dark.css +19 -10
  72. package/styles/drop-down-base/fluent.css +19 -10
  73. package/styles/drop-down-base/fluent2.css +28 -12
  74. package/styles/drop-down-base/highcontrast-light.css +19 -10
  75. package/styles/drop-down-base/highcontrast.css +19 -10
  76. package/styles/drop-down-base/material-dark.css +17 -9
  77. package/styles/drop-down-base/material.css +17 -9
  78. package/styles/drop-down-base/material3-dark.css +19 -9
  79. package/styles/drop-down-base/material3.css +19 -9
  80. package/styles/drop-down-base/tailwind-dark.css +21 -11
  81. package/styles/drop-down-base/tailwind.css +21 -11
  82. package/styles/drop-down-base/tailwind3.css +19 -9
  83. package/styles/drop-down-list/bds.css +4 -2
  84. package/styles/drop-down-list/bootstrap-dark.css +4 -2
  85. package/styles/drop-down-list/bootstrap.css +4 -2
  86. package/styles/drop-down-list/bootstrap4.css +4 -2
  87. package/styles/drop-down-list/bootstrap5-dark.css +4 -2
  88. package/styles/drop-down-list/bootstrap5.3.css +4 -2
  89. package/styles/drop-down-list/bootstrap5.css +4 -2
  90. package/styles/drop-down-list/fabric-dark.css +4 -2
  91. package/styles/drop-down-list/fabric.css +4 -2
  92. package/styles/drop-down-list/fluent-dark.css +4 -2
  93. package/styles/drop-down-list/fluent.css +4 -2
  94. package/styles/drop-down-list/fluent2.css +4 -2
  95. package/styles/drop-down-list/highcontrast-light.css +4 -2
  96. package/styles/drop-down-list/highcontrast.css +4 -2
  97. package/styles/drop-down-list/material-dark.css +4 -2
  98. package/styles/drop-down-list/material.css +4 -2
  99. package/styles/drop-down-list/material3-dark.css +4 -2
  100. package/styles/drop-down-list/material3.css +4 -2
  101. package/styles/drop-down-list/tailwind-dark.css +4 -2
  102. package/styles/drop-down-list/tailwind.css +4 -2
  103. package/styles/drop-down-list/tailwind3.css +4 -2
  104. package/styles/drop-down-tree/bds.css +4 -2
  105. package/styles/drop-down-tree/bootstrap-dark.css +4 -2
  106. package/styles/drop-down-tree/bootstrap.css +4 -2
  107. package/styles/drop-down-tree/bootstrap4.css +4 -2
  108. package/styles/drop-down-tree/bootstrap5-dark.css +4 -2
  109. package/styles/drop-down-tree/bootstrap5.3.css +4 -2
  110. package/styles/drop-down-tree/bootstrap5.css +4 -2
  111. package/styles/drop-down-tree/fabric-dark.css +4 -2
  112. package/styles/drop-down-tree/fabric.css +4 -2
  113. package/styles/drop-down-tree/fluent-dark.css +4 -2
  114. package/styles/drop-down-tree/fluent.css +4 -2
  115. package/styles/drop-down-tree/fluent2.css +4 -2
  116. package/styles/drop-down-tree/highcontrast-light.css +4 -2
  117. package/styles/drop-down-tree/highcontrast.css +4 -2
  118. package/styles/drop-down-tree/material-dark.css +4 -2
  119. package/styles/drop-down-tree/material.css +4 -2
  120. package/styles/drop-down-tree/material3-dark.css +4 -2
  121. package/styles/drop-down-tree/material3.css +4 -2
  122. package/styles/drop-down-tree/tailwind-dark.css +4 -2
  123. package/styles/drop-down-tree/tailwind.css +4 -2
  124. package/styles/drop-down-tree/tailwind3.css +4 -2
  125. package/styles/fabric-dark-lite.css +17 -9
  126. package/styles/fabric-dark.css +27 -14
  127. package/styles/fabric-lite.css +17 -9
  128. package/styles/fabric.css +27 -14
  129. package/styles/fluent-dark-lite.css +17 -9
  130. package/styles/fluent-dark.css +27 -14
  131. package/styles/fluent-lite.css +17 -9
  132. package/styles/fluent.css +27 -14
  133. package/styles/fluent2-lite.css +24 -10
  134. package/styles/fluent2.css +36 -16
  135. package/styles/highcontrast-light-lite.css +17 -9
  136. package/styles/highcontrast-light.css +27 -14
  137. package/styles/highcontrast-lite.css +17 -9
  138. package/styles/highcontrast.css +27 -14
  139. package/styles/list-box/bds.css +4 -2
  140. package/styles/list-box/bootstrap-dark.css +4 -2
  141. package/styles/list-box/bootstrap.css +4 -2
  142. package/styles/list-box/bootstrap4.css +4 -2
  143. package/styles/list-box/bootstrap5-dark.css +4 -2
  144. package/styles/list-box/bootstrap5.3.css +4 -2
  145. package/styles/list-box/bootstrap5.css +4 -2
  146. package/styles/list-box/fabric-dark.css +4 -2
  147. package/styles/list-box/fabric.css +4 -2
  148. package/styles/list-box/fluent-dark.css +4 -2
  149. package/styles/list-box/fluent.css +4 -2
  150. package/styles/list-box/fluent2.css +4 -2
  151. package/styles/list-box/highcontrast-light.css +4 -2
  152. package/styles/list-box/highcontrast.css +4 -2
  153. package/styles/list-box/material-dark.css +4 -2
  154. package/styles/list-box/material.css +4 -2
  155. package/styles/list-box/material3-dark.css +4 -2
  156. package/styles/list-box/material3.css +4 -2
  157. package/styles/list-box/tailwind-dark.css +4 -2
  158. package/styles/list-box/tailwind.css +4 -2
  159. package/styles/list-box/tailwind3.css +4 -2
  160. package/styles/material-dark-lite.css +17 -9
  161. package/styles/material-dark.css +25 -13
  162. package/styles/material-lite.css +17 -9
  163. package/styles/material.css +25 -13
  164. package/styles/material3-dark-lite.css +19 -9
  165. package/styles/material3-dark.css +27 -13
  166. package/styles/material3-lite.css +19 -9
  167. package/styles/material3.css +27 -13
  168. package/styles/mention/bds.css +4 -2
  169. package/styles/mention/bootstrap-dark.css +4 -2
  170. package/styles/mention/bootstrap.css +4 -2
  171. package/styles/mention/bootstrap4.css +4 -2
  172. package/styles/mention/bootstrap5-dark.css +4 -2
  173. package/styles/mention/bootstrap5.3.css +4 -2
  174. package/styles/mention/bootstrap5.css +4 -2
  175. package/styles/mention/fabric-dark.css +4 -2
  176. package/styles/mention/fabric.css +4 -2
  177. package/styles/mention/fluent-dark.css +4 -2
  178. package/styles/mention/fluent.css +4 -2
  179. package/styles/mention/fluent2.css +4 -2
  180. package/styles/mention/highcontrast-light.css +4 -2
  181. package/styles/mention/highcontrast.css +4 -2
  182. package/styles/mention/material-dark.css +4 -2
  183. package/styles/mention/material.css +4 -2
  184. package/styles/mention/material3-dark.css +4 -2
  185. package/styles/mention/material3.css +4 -2
  186. package/styles/mention/tailwind-dark.css +4 -2
  187. package/styles/mention/tailwind.css +4 -2
  188. package/styles/mention/tailwind3.css +4 -2
  189. package/styles/multi-select/bds.css +12 -6
  190. package/styles/multi-select/bootstrap-dark.css +12 -6
  191. package/styles/multi-select/bootstrap.css +12 -6
  192. package/styles/multi-select/bootstrap4.css +12 -6
  193. package/styles/multi-select/bootstrap5-dark.css +12 -6
  194. package/styles/multi-select/bootstrap5.3.css +12 -6
  195. package/styles/multi-select/bootstrap5.css +12 -6
  196. package/styles/multi-select/fabric-dark.css +12 -6
  197. package/styles/multi-select/fabric.css +12 -6
  198. package/styles/multi-select/fluent-dark.css +12 -6
  199. package/styles/multi-select/fluent.css +12 -6
  200. package/styles/multi-select/fluent2.css +12 -6
  201. package/styles/multi-select/highcontrast-light.css +12 -6
  202. package/styles/multi-select/highcontrast.css +12 -6
  203. package/styles/multi-select/material-dark.css +12 -6
  204. package/styles/multi-select/material.css +12 -6
  205. package/styles/multi-select/material3-dark.css +12 -6
  206. package/styles/multi-select/material3.css +12 -6
  207. package/styles/multi-select/tailwind-dark.css +12 -6
  208. package/styles/multi-select/tailwind.css +12 -6
  209. package/styles/multi-select/tailwind3.css +12 -6
  210. package/styles/tailwind-dark-lite.css +17 -9
  211. package/styles/tailwind-dark.css +29 -15
  212. package/styles/tailwind-lite.css +17 -9
  213. package/styles/tailwind.css +29 -15
  214. package/styles/tailwind3-lite.css +19 -9
  215. package/styles/tailwind3.css +27 -13
package/styles/highcontrast-light.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
5
6
  border: 2px solid #000;
@@ -15,11 +16,13 @@
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-dropdownbase .e-list-item .e-list-icon {
22
- padding: 0 10px 0 0;
24
+ -webkit-padding-end: 10px;
25
+ padding-inline-end: 10px;
23
26
  }
24
27
 
25
28
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -39,7 +42,8 @@
39
42
  }
40
43
 
41
44
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
45
+ -webkit-padding-end: 8px;
46
+ padding-inline-end: 8px;
43
47
  }
44
48
 
45
49
  .e-dropdownbase {
@@ -95,11 +99,11 @@
95
99
 
96
100
  .e-mention.e-popup {
97
101
  background: #400074;
98
- border: 0;
99
102
  -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
100
103
  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
101
104
  margin-top: 2px;
102
105
  position: absolute;
106
+ border: 0;
103
107
  }
104
108
 
105
109
  .e-mention.e-popup .e-dropdownbase {
@@ -165,7 +169,8 @@
165
169
  }
166
170
 
167
171
  .e-dropdownbase .e-list-item .e-list-icon {
168
- padding: 0 10px 0 0;
172
+ -webkit-padding-end: 10px;
173
+ padding-inline-end: 10px;
169
174
  }
170
175
 
171
176
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -185,7 +190,8 @@
185
190
  }
186
191
 
187
192
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
188
- padding: 0 8px 0 0;
193
+ -webkit-padding-end: 8px;
194
+ padding-inline-end: 8px;
189
195
  }
190
196
 
191
197
  .e-rtl .e-dropdownbase .e-list-item {
@@ -364,7 +370,8 @@
364
370
  }
365
371
 
366
372
  .e-dropdownbase .e-list-item .e-list-icon {
367
- padding: 0 10px 0 0;
373
+ -webkit-padding-end: 10px;
374
+ padding-inline-end: 10px;
368
375
  }
369
376
 
370
377
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -384,7 +391,8 @@
384
391
  }
385
392
 
386
393
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
387
- padding: 0 8px 0 0;
394
+ -webkit-padding-end: 8px;
395
+ padding-inline-end: 8px;
388
396
  }
389
397
 
390
398
  .e-bigger .e-dropdownbase,
@@ -459,7 +467,8 @@
459
467
 
460
468
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
469
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
- padding: 0 12px 0 0;
470
+ -webkit-padding-end: 12px;
471
+ padding-inline-end: 12px;
463
472
  }
464
473
 
465
474
  /* stylelint-disable property-no-vendor-prefix */
@@ -1616,7 +1625,8 @@ ejs-dropdownlist {
1616
1625
  }
1617
1626
 
1618
1627
  .e-dropdownbase .e-list-item .e-list-icon {
1619
- padding: 0 10px 0 0;
1628
+ -webkit-padding-end: 10px;
1629
+ padding-inline-end: 10px;
1620
1630
  }
1621
1631
 
1622
1632
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -1636,7 +1646,8 @@ ejs-dropdownlist {
1636
1646
  }
1637
1647
 
1638
1648
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1639
- padding: 0 8px 0 0;
1649
+ -webkit-padding-end: 8px;
1650
+ padding-inline-end: 8px;
1640
1651
  }
1641
1652
 
1642
1653
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -2875,7 +2886,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2875
2886
  }
2876
2887
 
2877
2888
  .e-dropdownbase .e-list-item .e-list-icon {
2878
- padding: 0 10px 0 0;
2889
+ -webkit-padding-end: 10px;
2890
+ padding-inline-end: 10px;
2879
2891
  }
2880
2892
 
2881
2893
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -2895,7 +2907,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2895
2907
  }
2896
2908
 
2897
2909
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2898
- padding: 0 8px 0 0;
2910
+ -webkit-padding-end: 8px;
2911
+ padding-inline-end: 8px;
2899
2912
  }
2900
2913
 
2901
2914
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
package/styles/highcontrast-lite.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
5
6
  border: 2px solid #fff;
@@ -15,11 +16,13 @@
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-dropdownbase .e-list-item .e-list-icon {
22
- padding: 0 10px 0 0;
24
+ -webkit-padding-end: 10px;
25
+ padding-inline-end: 10px;
23
26
  }
24
27
 
25
28
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -39,7 +42,8 @@
39
42
  }
40
43
 
41
44
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
45
+ -webkit-padding-end: 8px;
46
+ padding-inline-end: 8px;
43
47
  }
44
48
 
45
49
  .e-dropdownbase {
@@ -95,11 +99,11 @@
95
99
 
96
100
  .e-mention.e-popup {
97
101
  background: #ffd939;
98
- border: 0;
99
102
  -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
100
103
  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
101
104
  margin-top: 2px;
102
105
  position: absolute;
106
+ border: 0;
103
107
  }
104
108
 
105
109
  .e-mention.e-popup .e-dropdownbase {
@@ -165,7 +169,8 @@
165
169
  }
166
170
 
167
171
  .e-dropdownbase .e-list-item .e-list-icon {
168
- padding: 0 10px 0 0;
172
+ -webkit-padding-end: 10px;
173
+ padding-inline-end: 10px;
169
174
  }
170
175
 
171
176
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -185,7 +190,8 @@
185
190
  }
186
191
 
187
192
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
188
- padding: 0 8px 0 0;
193
+ -webkit-padding-end: 8px;
194
+ padding-inline-end: 8px;
189
195
  }
190
196
 
191
197
  .e-rtl .e-dropdownbase .e-list-item {
@@ -1325,7 +1331,8 @@ ejs-dropdownlist {
1325
1331
  }
1326
1332
 
1327
1333
  .e-dropdownbase .e-list-item .e-list-icon {
1328
- padding: 0 10px 0 0;
1334
+ -webkit-padding-end: 10px;
1335
+ padding-inline-end: 10px;
1329
1336
  }
1330
1337
 
1331
1338
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -1345,7 +1352,8 @@ ejs-dropdownlist {
1345
1352
  }
1346
1353
 
1347
1354
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1348
- padding: 0 8px 0 0;
1355
+ -webkit-padding-end: 8px;
1356
+ padding-inline-end: 8px;
1349
1357
  }
1350
1358
 
1351
1359
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
package/styles/highcontrast.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
5
6
  border: 2px solid #fff;
@@ -15,11 +16,13 @@
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-dropdownbase .e-list-item .e-list-icon {
22
- padding: 0 10px 0 0;
24
+ -webkit-padding-end: 10px;
25
+ padding-inline-end: 10px;
23
26
  }
24
27
 
25
28
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -39,7 +42,8 @@
39
42
  }
40
43
 
41
44
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
45
+ -webkit-padding-end: 8px;
46
+ padding-inline-end: 8px;
43
47
  }
44
48
 
45
49
  .e-dropdownbase {
@@ -95,11 +99,11 @@
95
99
 
96
100
  .e-mention.e-popup {
97
101
  background: #ffd939;
98
- border: 0;
99
102
  -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
100
103
  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
101
104
  margin-top: 2px;
102
105
  position: absolute;
106
+ border: 0;
103
107
  }
104
108
 
105
109
  .e-mention.e-popup .e-dropdownbase {
@@ -165,7 +169,8 @@
165
169
  }
166
170
 
167
171
  .e-dropdownbase .e-list-item .e-list-icon {
168
- padding: 0 10px 0 0;
172
+ -webkit-padding-end: 10px;
173
+ padding-inline-end: 10px;
169
174
  }
170
175
 
171
176
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -185,7 +190,8 @@
185
190
  }
186
191
 
187
192
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
188
- padding: 0 8px 0 0;
193
+ -webkit-padding-end: 8px;
194
+ padding-inline-end: 8px;
189
195
  }
190
196
 
191
197
  .e-rtl .e-dropdownbase .e-list-item {
@@ -364,7 +370,8 @@
364
370
  }
365
371
 
366
372
  .e-dropdownbase .e-list-item .e-list-icon {
367
- padding: 0 10px 0 0;
373
+ -webkit-padding-end: 10px;
374
+ padding-inline-end: 10px;
368
375
  }
369
376
 
370
377
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -384,7 +391,8 @@
384
391
  }
385
392
 
386
393
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
387
- padding: 0 8px 0 0;
394
+ -webkit-padding-end: 8px;
395
+ padding-inline-end: 8px;
388
396
  }
389
397
 
390
398
  .e-bigger .e-dropdownbase,
@@ -459,7 +467,8 @@
459
467
 
460
468
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
469
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
- padding: 0 12px 0 0;
470
+ -webkit-padding-end: 12px;
471
+ padding-inline-end: 12px;
463
472
  }
464
473
 
465
474
  /* stylelint-disable property-no-vendor-prefix */
@@ -1652,7 +1661,8 @@ ejs-dropdownlist {
1652
1661
  }
1653
1662
 
1654
1663
  .e-dropdownbase .e-list-item .e-list-icon {
1655
- padding: 0 10px 0 0;
1664
+ -webkit-padding-end: 10px;
1665
+ padding-inline-end: 10px;
1656
1666
  }
1657
1667
 
1658
1668
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -1672,7 +1682,8 @@ ejs-dropdownlist {
1672
1682
  }
1673
1683
 
1674
1684
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1675
- padding: 0 8px 0 0;
1685
+ -webkit-padding-end: 8px;
1686
+ padding-inline-end: 8px;
1676
1687
  }
1677
1688
 
1678
1689
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -2930,7 +2941,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2930
2941
  }
2931
2942
 
2932
2943
  .e-dropdownbase .e-list-item .e-list-icon {
2933
- padding: 0 10px 0 0;
2944
+ -webkit-padding-end: 10px;
2945
+ padding-inline-end: 10px;
2934
2946
  }
2935
2947
 
2936
2948
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -2950,7 +2962,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2950
2962
  }
2951
2963
 
2952
2964
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2953
- padding: 0 8px 0 0;
2965
+ -webkit-padding-end: 8px;
2966
+ padding-inline-end: 8px;
2954
2967
  }
2955
2968
 
2956
2969
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
package/styles/list-box/bds.css CHANGED
@@ -21,11 +21,13 @@
21
21
  }
22
22
 
23
23
  .e-dropdownbase .e-list-item .e-list-icon {
24
- padding: 0 8px 0 0;
24
+ -webkit-padding-end: 8px;
25
+ padding-inline-end: 8px;
25
26
  }
26
27
 
27
28
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
28
- padding: 0 4px 0 0;
29
+ -webkit-padding-end: 4px;
30
+ padding-inline-end: 4px;
29
31
  }
30
32
 
31
33
  /* stylelint-disable */
package/styles/list-box/bootstrap-dark.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 8px 0 0;
7
+ -webkit-padding-end: 8px;
8
+ padding-inline-end: 8px;
7
9
  }
8
10
 
9
11
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/bootstrap.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 8px 0 0;
7
+ -webkit-padding-end: 8px;
8
+ padding-inline-end: 8px;
7
9
  }
8
10
 
9
11
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/bootstrap4.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 8px 0 0;
2
+ -webkit-padding-end: 8px;
3
+ padding-inline-end: 8px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 8px 0 0;
7
+ -webkit-padding-end: 8px;
8
+ padding-inline-end: 8px;
7
9
  }
8
10
 
9
11
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
package/styles/list-box/bootstrap5-dark.css CHANGED
@@ -11,11 +11,13 @@
11
11
  }
12
12
 
13
13
  .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
14
+ -webkit-padding-end: 8px;
15
+ padding-inline-end: 8px;
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 6px 0 0;
19
+ -webkit-padding-end: 6px;
20
+ padding-inline-end: 6px;
19
21
  }
20
22
 
21
23
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/bootstrap5.3.css CHANGED
@@ -95,11 +95,13 @@
95
95
  }
96
96
 
97
97
  .e-dropdownbase .e-list-item .e-list-icon {
98
- padding: 0 8px 0 0;
98
+ -webkit-padding-end: 8px;
99
+ padding-inline-end: 8px;
99
100
  }
100
101
 
101
102
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
102
- padding: 0 6px 0 0;
103
+ -webkit-padding-end: 6px;
104
+ padding-inline-end: 6px;
103
105
  }
104
106
 
105
107
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/bootstrap5.css CHANGED
@@ -11,11 +11,13 @@
11
11
  }
12
12
 
13
13
  .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
14
+ -webkit-padding-end: 8px;
15
+ padding-inline-end: 8px;
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 6px 0 0;
19
+ -webkit-padding-end: 6px;
20
+ padding-inline-end: 6px;
19
21
  }
20
22
 
21
23
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/fabric-dark.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 8px 0 0;
7
+ -webkit-padding-end: 8px;
8
+ padding-inline-end: 8px;
7
9
  }
8
10
 
9
11
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/fabric.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 8px 0 0;
7
+ -webkit-padding-end: 8px;
8
+ padding-inline-end: 8px;
7
9
  }
8
10
 
9
11
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/fluent-dark.css CHANGED
@@ -11,11 +11,13 @@
11
11
  }
12
12
 
13
13
  .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
14
+ -webkit-padding-end: 8px;
15
+ padding-inline-end: 8px;
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/fluent.css CHANGED
@@ -11,11 +11,13 @@
11
11
  }
12
12
 
13
13
  .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
14
+ -webkit-padding-end: 8px;
15
+ padding-inline-end: 8px;
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/fluent2.css CHANGED
@@ -103,11 +103,13 @@
103
103
  }
104
104
 
105
105
  .e-dropdownbase .e-list-item .e-list-icon {
106
- padding: 0 8px 0 0;
106
+ -webkit-padding-end: 8px;
107
+ padding-inline-end: 8px;
107
108
  }
108
109
 
109
110
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
110
- padding: 0 4px 0 0;
111
+ -webkit-padding-end: 4px;
112
+ padding-inline-end: 4px;
111
113
  }
112
114
 
113
115
  /* stylelint-disable */
package/styles/list-box/highcontrast-light.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
5
6
  border: 2px solid #000;
@@ -15,7 +16,8 @@
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/highcontrast.css CHANGED
@@ -1,5 +1,6 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
2
+ -webkit-padding-end: 10px;
3
+ padding-inline-end: 10px;
3
4
  }
4
5
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
5
6
  border: 2px solid #fff;
@@ -15,7 +16,8 @@
15
16
  }
16
17
 
17
18
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
18
- padding: 0 8px 0 0;
19
+ -webkit-padding-end: 8px;
20
+ padding-inline-end: 8px;
19
21
  }
20
22
 
21
23
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/material-dark.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 16px 0 0;
2
+ -webkit-padding-end: 16px;
3
+ padding-inline-end: 16px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 12px 0 0;
7
+ -webkit-padding-end: 12px;
8
+ padding-inline-end: 12px;
7
9
  }
8
10
 
9
11
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/material.css CHANGED
@@ -1,9 +1,11 @@
1
1
  .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 16px 0 0;
2
+ -webkit-padding-end: 16px;
3
+ padding-inline-end: 16px;
3
4
  }
4
5
 
5
6
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
- padding: 0 12px 0 0;
7
+ -webkit-padding-end: 12px;
8
+ padding-inline-end: 12px;
7
9
  }
8
10
 
9
11
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/material3-dark.css CHANGED
@@ -81,11 +81,13 @@
81
81
  /* 15px */
82
82
  /* 16px */
83
83
  .e-dropdownbase .e-list-item .e-list-icon {
84
- padding: 0 16px 0 0;
84
+ -webkit-padding-end: 16px;
85
+ padding-inline-end: 16px;
85
86
  }
86
87
 
87
88
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
88
- padding: 0 12px 0 0;
89
+ -webkit-padding-end: 12px;
90
+ padding-inline-end: 12px;
89
91
  }
90
92
 
91
93
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/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
  .e-listbox-tool .e-moveup::before {
package/styles/list-box/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-listbox-tool .e-moveup::before {
package/styles/list-box/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-listbox-tool .e-moveup::before {