@syncfusion/ej2-dropdowns 32.2.8 → 33.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +490 -139
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +467 -114
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/combo-box/combo-box.js +3 -0
  13. package/src/common/virtual-scroll.d.ts +1 -0
  14. package/src/common/virtual-scroll.js +17 -1
  15. package/src/drop-down-base/drop-down-base.d.ts +2 -0
  16. package/src/drop-down-base/drop-down-base.js +42 -0
  17. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  18. package/src/drop-down-list/drop-down-list.js +143 -30
  19. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  20. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  21. package/src/mention/mention.js +8 -4
  22. package/src/multi-select/multi-select.d.ts +2 -0
  23. package/src/multi-select/multi-select.js +254 -79
  24. package/styles/bds-lite.css +17 -9
  25. package/styles/bds.css +29 -15
  26. package/styles/bootstrap-dark-lite.css +17 -9
  27. package/styles/bootstrap-dark.css +27 -14
  28. package/styles/bootstrap-lite.css +17 -9
  29. package/styles/bootstrap.css +27 -14
  30. package/styles/bootstrap4-lite.css +17 -9
  31. package/styles/bootstrap4.css +27 -14
  32. package/styles/bootstrap5-dark-lite.css +17 -9
  33. package/styles/bootstrap5-dark.css +27 -14
  34. package/styles/bootstrap5-lite.css +17 -9
  35. package/styles/bootstrap5.3-lite.css +19 -9
  36. package/styles/bootstrap5.3.css +29 -14
  37. package/styles/bootstrap5.css +27 -14
  38. package/styles/drop-down-base/_bds-definition.scss +2 -2
  39. package/styles/drop-down-base/_bigger.scss +3 -3
  40. package/styles/drop-down-base/_bootstrap-dark-definition.scss +3 -3
  41. package/styles/drop-down-base/_bootstrap-definition.scss +3 -3
  42. package/styles/drop-down-base/_bootstrap4-definition.scss +3 -3
  43. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +3 -3
  44. package/styles/drop-down-base/_bootstrap5-definition.scss +3 -3
  45. package/styles/drop-down-base/_bootstrap5.3-definition.scss +6 -3
  46. package/styles/drop-down-base/_fabric-dark-definition.scss +3 -3
  47. package/styles/drop-down-base/_fabric-definition.scss +3 -3
  48. package/styles/drop-down-base/_fluent-dark-definition.scss +3 -3
  49. package/styles/drop-down-base/_fluent-definition.scss +3 -3
  50. package/styles/drop-down-base/_fluent2-definition.scss +8 -5
  51. package/styles/drop-down-base/_fusionnew-definition.scss +2 -2
  52. package/styles/drop-down-base/_highcontrast-definition.scss +3 -3
  53. package/styles/drop-down-base/_highcontrast-light-definition.scss +3 -3
  54. package/styles/drop-down-base/_layout.scss +12 -1
  55. package/styles/drop-down-base/_material-dark-definition.scss +2 -2
  56. package/styles/drop-down-base/_material-definition.scss +2 -2
  57. package/styles/drop-down-base/_material3-dark-definition.scss +6 -4
  58. package/styles/drop-down-base/_material3-definition.scss +6 -4
  59. package/styles/drop-down-base/_tailwind-dark-definition.scss +4 -4
  60. package/styles/drop-down-base/_tailwind-definition.scss +4 -4
  61. package/styles/drop-down-base/_tailwind3-definition.scss +5 -2
  62. package/styles/drop-down-base/_theme.scss +6 -0
  63. package/styles/drop-down-base/bds.css +21 -11
  64. package/styles/drop-down-base/bootstrap-dark.css +19 -10
  65. package/styles/drop-down-base/bootstrap.css +19 -10
  66. package/styles/drop-down-base/bootstrap4.css +19 -10
  67. package/styles/drop-down-base/bootstrap5-dark.css +19 -10
  68. package/styles/drop-down-base/bootstrap5.3.css +21 -10
  69. package/styles/drop-down-base/bootstrap5.css +19 -10
  70. package/styles/drop-down-base/fabric-dark.css +19 -10
  71. package/styles/drop-down-base/fabric.css +19 -10
  72. package/styles/drop-down-base/fluent-dark.css +19 -10
  73. package/styles/drop-down-base/fluent.css +19 -10
  74. package/styles/drop-down-base/fluent2.css +28 -12
  75. package/styles/drop-down-base/highcontrast-light.css +19 -10
  76. package/styles/drop-down-base/highcontrast.css +19 -10
  77. package/styles/drop-down-base/material-dark.css +17 -9
  78. package/styles/drop-down-base/material.css +17 -9
  79. package/styles/drop-down-base/material3-dark.css +19 -9
  80. package/styles/drop-down-base/material3.css +19 -9
  81. package/styles/drop-down-base/tailwind-dark.css +21 -11
  82. package/styles/drop-down-base/tailwind.css +21 -11
  83. package/styles/drop-down-base/tailwind3.css +19 -9
  84. package/styles/drop-down-list/bds.css +4 -2
  85. package/styles/drop-down-list/bootstrap-dark.css +4 -2
  86. package/styles/drop-down-list/bootstrap.css +4 -2
  87. package/styles/drop-down-list/bootstrap4.css +4 -2
  88. package/styles/drop-down-list/bootstrap5-dark.css +4 -2
  89. package/styles/drop-down-list/bootstrap5.3.css +4 -2
  90. package/styles/drop-down-list/bootstrap5.css +4 -2
  91. package/styles/drop-down-list/fabric-dark.css +4 -2
  92. package/styles/drop-down-list/fabric.css +4 -2
  93. package/styles/drop-down-list/fluent-dark.css +4 -2
  94. package/styles/drop-down-list/fluent.css +4 -2
  95. package/styles/drop-down-list/fluent2.css +4 -2
  96. package/styles/drop-down-list/highcontrast-light.css +4 -2
  97. package/styles/drop-down-list/highcontrast.css +4 -2
  98. package/styles/drop-down-list/material-dark.css +4 -2
  99. package/styles/drop-down-list/material.css +4 -2
  100. package/styles/drop-down-list/material3-dark.css +4 -2
  101. package/styles/drop-down-list/material3.css +4 -2
  102. package/styles/drop-down-list/tailwind-dark.css +4 -2
  103. package/styles/drop-down-list/tailwind.css +4 -2
  104. package/styles/drop-down-list/tailwind3.css +4 -2
  105. package/styles/drop-down-tree/bds.css +4 -2
  106. package/styles/drop-down-tree/bootstrap-dark.css +4 -2
  107. package/styles/drop-down-tree/bootstrap.css +4 -2
  108. package/styles/drop-down-tree/bootstrap4.css +4 -2
  109. package/styles/drop-down-tree/bootstrap5-dark.css +4 -2
  110. package/styles/drop-down-tree/bootstrap5.3.css +4 -2
  111. package/styles/drop-down-tree/bootstrap5.css +4 -2
  112. package/styles/drop-down-tree/fabric-dark.css +4 -2
  113. package/styles/drop-down-tree/fabric.css +4 -2
  114. package/styles/drop-down-tree/fluent-dark.css +4 -2
  115. package/styles/drop-down-tree/fluent.css +4 -2
  116. package/styles/drop-down-tree/fluent2.css +4 -2
  117. package/styles/drop-down-tree/highcontrast-light.css +4 -2
  118. package/styles/drop-down-tree/highcontrast.css +4 -2
  119. package/styles/drop-down-tree/material-dark.css +4 -2
  120. package/styles/drop-down-tree/material.css +4 -2
  121. package/styles/drop-down-tree/material3-dark.css +4 -2
  122. package/styles/drop-down-tree/material3.css +4 -2
  123. package/styles/drop-down-tree/tailwind-dark.css +4 -2
  124. package/styles/drop-down-tree/tailwind.css +4 -2
  125. package/styles/drop-down-tree/tailwind3.css +4 -2
  126. package/styles/fabric-dark-lite.css +17 -9
  127. package/styles/fabric-dark.css +27 -14
  128. package/styles/fabric-lite.css +17 -9
  129. package/styles/fabric.css +27 -14
  130. package/styles/fluent-dark-lite.css +17 -9
  131. package/styles/fluent-dark.css +27 -14
  132. package/styles/fluent-lite.css +17 -9
  133. package/styles/fluent.css +27 -14
  134. package/styles/fluent2-lite.css +24 -10
  135. package/styles/fluent2.css +36 -16
  136. package/styles/highcontrast-light-lite.css +17 -9
  137. package/styles/highcontrast-light.css +27 -14
  138. package/styles/highcontrast-lite.css +17 -9
  139. package/styles/highcontrast.css +27 -14
  140. package/styles/list-box/bds.css +4 -2
  141. package/styles/list-box/bootstrap-dark.css +4 -2
  142. package/styles/list-box/bootstrap.css +4 -2
  143. package/styles/list-box/bootstrap4.css +4 -2
  144. package/styles/list-box/bootstrap5-dark.css +4 -2
  145. package/styles/list-box/bootstrap5.3.css +4 -2
  146. package/styles/list-box/bootstrap5.css +4 -2
  147. package/styles/list-box/fabric-dark.css +4 -2
  148. package/styles/list-box/fabric.css +4 -2
  149. package/styles/list-box/fluent-dark.css +4 -2
  150. package/styles/list-box/fluent.css +4 -2
  151. package/styles/list-box/fluent2.css +4 -2
  152. package/styles/list-box/highcontrast-light.css +4 -2
  153. package/styles/list-box/highcontrast.css +4 -2
  154. package/styles/list-box/material-dark.css +4 -2
  155. package/styles/list-box/material.css +4 -2
  156. package/styles/list-box/material3-dark.css +4 -2
  157. package/styles/list-box/material3.css +4 -2
  158. package/styles/list-box/tailwind-dark.css +4 -2
  159. package/styles/list-box/tailwind.css +4 -2
  160. package/styles/list-box/tailwind3.css +4 -2
  161. package/styles/material-dark-lite.css +17 -9
  162. package/styles/material-dark.css +25 -13
  163. package/styles/material-lite.css +17 -9
  164. package/styles/material.css +25 -13
  165. package/styles/material3-dark-lite.css +19 -9
  166. package/styles/material3-dark.css +27 -13
  167. package/styles/material3-lite.css +19 -9
  168. package/styles/material3.css +27 -13
  169. package/styles/mention/bds.css +4 -2
  170. package/styles/mention/bootstrap-dark.css +4 -2
  171. package/styles/mention/bootstrap.css +4 -2
  172. package/styles/mention/bootstrap4.css +4 -2
  173. package/styles/mention/bootstrap5-dark.css +4 -2
  174. package/styles/mention/bootstrap5.3.css +4 -2
  175. package/styles/mention/bootstrap5.css +4 -2
  176. package/styles/mention/fabric-dark.css +4 -2
  177. package/styles/mention/fabric.css +4 -2
  178. package/styles/mention/fluent-dark.css +4 -2
  179. package/styles/mention/fluent.css +4 -2
  180. package/styles/mention/fluent2.css +4 -2
  181. package/styles/mention/highcontrast-light.css +4 -2
  182. package/styles/mention/highcontrast.css +4 -2
  183. package/styles/mention/material-dark.css +4 -2
  184. package/styles/mention/material.css +4 -2
  185. package/styles/mention/material3-dark.css +4 -2
  186. package/styles/mention/material3.css +4 -2
  187. package/styles/mention/tailwind-dark.css +4 -2
  188. package/styles/mention/tailwind.css +4 -2
  189. package/styles/mention/tailwind3.css +4 -2
  190. package/styles/multi-select/bds.css +12 -6
  191. package/styles/multi-select/bootstrap-dark.css +12 -6
  192. package/styles/multi-select/bootstrap.css +12 -6
  193. package/styles/multi-select/bootstrap4.css +12 -6
  194. package/styles/multi-select/bootstrap5-dark.css +12 -6
  195. package/styles/multi-select/bootstrap5.3.css +12 -6
  196. package/styles/multi-select/bootstrap5.css +12 -6
  197. package/styles/multi-select/fabric-dark.css +12 -6
  198. package/styles/multi-select/fabric.css +12 -6
  199. package/styles/multi-select/fluent-dark.css +12 -6
  200. package/styles/multi-select/fluent.css +12 -6
  201. package/styles/multi-select/fluent2.css +12 -6
  202. package/styles/multi-select/highcontrast-light.css +12 -6
  203. package/styles/multi-select/highcontrast.css +12 -6
  204. package/styles/multi-select/material-dark.css +12 -6
  205. package/styles/multi-select/material.css +12 -6
  206. package/styles/multi-select/material3-dark.css +12 -6
  207. package/styles/multi-select/material3.css +12 -6
  208. package/styles/multi-select/tailwind-dark.css +12 -6
  209. package/styles/multi-select/tailwind.css +12 -6
  210. package/styles/multi-select/tailwind3.css +12 -6
  211. package/styles/tailwind-dark-lite.css +17 -9
  212. package/styles/tailwind-dark.css +29 -15
  213. package/styles/tailwind-lite.css +17 -9
  214. package/styles/tailwind.css +29 -15
  215. package/styles/tailwind3-lite.css +19 -9
  216. package/styles/tailwind3.css +27 -13
package/styles/multi-select/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-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -138,11 +140,13 @@
138
140
  }
139
141
 
140
142
  .e-dropdownbase .e-list-item .e-list-icon {
141
- padding: 0 8px 0 0;
143
+ -webkit-padding-end: 8px;
144
+ padding-inline-end: 8px;
142
145
  }
143
146
 
144
147
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 6px 0 0;
148
+ -webkit-padding-end: 6px;
149
+ padding-inline-end: 6px;
146
150
  }
147
151
 
148
152
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1203,11 +1207,13 @@ ejs-multiselect {
1203
1207
  }
1204
1208
 
1205
1209
  .e-dropdownbase .e-list-item .e-list-icon {
1206
- padding: 0 8px 0 0;
1210
+ -webkit-padding-end: 8px;
1211
+ padding-inline-end: 8px;
1207
1212
  }
1208
1213
 
1209
1214
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1210
- padding: 0 6px 0 0;
1215
+ -webkit-padding-end: 6px;
1216
+ padding-inline-end: 6px;
1211
1217
  }
1212
1218
 
1213
1219
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/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-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -306,11 +308,13 @@
306
308
  }
307
309
 
308
310
  .e-dropdownbase .e-list-item .e-list-icon {
309
- padding: 0 8px 0 0;
311
+ -webkit-padding-end: 8px;
312
+ padding-inline-end: 8px;
310
313
  }
311
314
 
312
315
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
313
- padding: 0 6px 0 0;
316
+ -webkit-padding-end: 6px;
317
+ padding-inline-end: 6px;
314
318
  }
315
319
 
316
320
 
@@ -1623,11 +1627,13 @@ ejs-multiselect {
1623
1627
  }
1624
1628
 
1625
1629
  .e-dropdownbase .e-list-item .e-list-icon {
1626
- padding: 0 8px 0 0;
1630
+ -webkit-padding-end: 8px;
1631
+ padding-inline-end: 8px;
1627
1632
  }
1628
1633
 
1629
1634
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1630
- padding: 0 6px 0 0;
1635
+ -webkit-padding-end: 6px;
1636
+ padding-inline-end: 6px;
1631
1637
  }
1632
1638
 
1633
1639
 
package/styles/multi-select/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-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -138,11 +140,13 @@
138
140
  }
139
141
 
140
142
  .e-dropdownbase .e-list-item .e-list-icon {
141
- padding: 0 8px 0 0;
143
+ -webkit-padding-end: 8px;
144
+ padding-inline-end: 8px;
142
145
  }
143
146
 
144
147
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 6px 0 0;
148
+ -webkit-padding-end: 6px;
149
+ padding-inline-end: 6px;
146
150
  }
147
151
 
148
152
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1203,11 +1207,13 @@ ejs-multiselect {
1203
1207
  }
1204
1208
 
1205
1209
  .e-dropdownbase .e-list-item .e-list-icon {
1206
- padding: 0 8px 0 0;
1210
+ -webkit-padding-end: 8px;
1211
+ padding-inline-end: 8px;
1207
1212
  }
1208
1213
 
1209
1214
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1210
- padding: 0 6px 0 0;
1215
+ -webkit-padding-end: 6px;
1216
+ padding-inline-end: 6px;
1211
1217
  }
1212
1218
 
1213
1219
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/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-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -100,11 +102,13 @@
100
102
  }
101
103
 
102
104
  .e-dropdownbase .e-list-item .e-list-icon {
103
- padding: 0 10px 0 0;
105
+ -webkit-padding-end: 10px;
106
+ padding-inline-end: 10px;
104
107
  }
105
108
 
106
109
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
107
- padding: 0 8px 0 0;
110
+ -webkit-padding-end: 8px;
111
+ padding-inline-end: 8px;
108
112
  }
109
113
 
110
114
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -1129,11 +1133,13 @@ ejs-multiselect {
1129
1133
  }
1130
1134
 
1131
1135
  .e-dropdownbase .e-list-item .e-list-icon {
1132
- padding: 0 10px 0 0;
1136
+ -webkit-padding-end: 10px;
1137
+ padding-inline-end: 10px;
1133
1138
  }
1134
1139
 
1135
1140
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1136
- padding: 0 8px 0 0;
1141
+ -webkit-padding-end: 8px;
1142
+ padding-inline-end: 8px;
1137
1143
  }
1138
1144
 
1139
1145
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
package/styles/multi-select/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-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -95,11 +97,13 @@
95
97
  }
96
98
 
97
99
  .e-dropdownbase .e-list-item .e-list-icon {
98
- padding: 0 10px 0 0;
100
+ -webkit-padding-end: 10px;
101
+ padding-inline-end: 10px;
99
102
  }
100
103
 
101
104
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
102
- padding: 0 8px 0 0;
105
+ -webkit-padding-end: 8px;
106
+ padding-inline-end: 8px;
103
107
  }
104
108
 
105
109
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -1109,11 +1113,13 @@ ejs-multiselect {
1109
1113
  }
1110
1114
 
1111
1115
  .e-dropdownbase .e-list-item .e-list-icon {
1112
- padding: 0 10px 0 0;
1116
+ -webkit-padding-end: 10px;
1117
+ padding-inline-end: 10px;
1113
1118
  }
1114
1119
 
1115
1120
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1116
- padding: 0 8px 0 0;
1121
+ -webkit-padding-end: 8px;
1122
+ padding-inline-end: 8px;
1117
1123
  }
1118
1124
 
1119
1125
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
package/styles/multi-select/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-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -142,11 +144,13 @@
142
144
  }
143
145
 
144
146
  .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 8px 0 0;
147
+ -webkit-padding-end: 8px;
148
+ padding-inline-end: 8px;
146
149
  }
147
150
 
148
151
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
149
- padding: 0 8px 0 0;
152
+ -webkit-padding-end: 8px;
153
+ padding-inline-end: 8px;
150
154
  }
151
155
 
152
156
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1230,11 +1234,13 @@ ejs-multiselect {
1230
1234
  }
1231
1235
 
1232
1236
  .e-dropdownbase .e-list-item .e-list-icon {
1233
- padding: 0 8px 0 0;
1237
+ -webkit-padding-end: 8px;
1238
+ padding-inline-end: 8px;
1234
1239
  }
1235
1240
 
1236
1241
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1237
- padding: 0 8px 0 0;
1242
+ -webkit-padding-end: 8px;
1243
+ padding-inline-end: 8px;
1238
1244
  }
1239
1245
 
1240
1246
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/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-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -142,11 +144,13 @@
142
144
  }
143
145
 
144
146
  .e-dropdownbase .e-list-item .e-list-icon {
145
- padding: 0 8px 0 0;
147
+ -webkit-padding-end: 8px;
148
+ padding-inline-end: 8px;
146
149
  }
147
150
 
148
151
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
149
- padding: 0 8px 0 0;
152
+ -webkit-padding-end: 8px;
153
+ padding-inline-end: 8px;
150
154
  }
151
155
 
152
156
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1230,11 +1234,13 @@ ejs-multiselect {
1230
1234
  }
1231
1235
 
1232
1236
  .e-dropdownbase .e-list-item .e-list-icon {
1233
- padding: 0 8px 0 0;
1237
+ -webkit-padding-end: 8px;
1238
+ padding-inline-end: 8px;
1234
1239
  }
1235
1240
 
1236
1241
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1237
- padding: 0 8px 0 0;
1242
+ -webkit-padding-end: 8px;
1243
+ padding-inline-end: 8px;
1238
1244
  }
1239
1245
 
1240
1246
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/multi-select/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 */
@@ -657,11 +659,13 @@
657
659
  }
658
660
 
659
661
  .e-dropdownbase .e-list-item .e-list-icon {
660
- padding: 0 8px 0 0;
662
+ -webkit-padding-end: 8px;
663
+ padding-inline-end: 8px;
661
664
  }
662
665
 
663
666
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
664
- padding: 0 4px 0 0;
667
+ -webkit-padding-end: 4px;
668
+ padding-inline-end: 4px;
665
669
  }
666
670
 
667
671
  /* stylelint-disable */
@@ -2131,11 +2135,13 @@ ejs-multiselect {
2131
2135
  }
2132
2136
 
2133
2137
  .e-dropdownbase .e-list-item .e-list-icon {
2134
- padding: 0 8px 0 0;
2138
+ -webkit-padding-end: 8px;
2139
+ padding-inline-end: 8px;
2135
2140
  }
2136
2141
 
2137
2142
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2138
- padding: 0 4px 0 0;
2143
+ -webkit-padding-end: 4px;
2144
+ padding-inline-end: 4px;
2139
2145
  }
2140
2146
 
2141
2147
  /* stylelint-disable */
package/styles/multi-select/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-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -188,7 +190,8 @@
188
190
  }
189
191
 
190
192
  .e-dropdownbase .e-list-item .e-list-icon {
191
- padding: 0 10px 0 0;
193
+ -webkit-padding-end: 10px;
194
+ padding-inline-end: 10px;
192
195
  }
193
196
 
194
197
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -208,7 +211,8 @@
208
211
  }
209
212
 
210
213
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
211
- padding: 0 8px 0 0;
214
+ -webkit-padding-end: 8px;
215
+ padding-inline-end: 8px;
212
216
  }
213
217
 
214
218
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -1447,7 +1451,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1447
1451
  }
1448
1452
 
1449
1453
  .e-dropdownbase .e-list-item .e-list-icon {
1450
- padding: 0 10px 0 0;
1454
+ -webkit-padding-end: 10px;
1455
+ padding-inline-end: 10px;
1451
1456
  }
1452
1457
 
1453
1458
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -1467,7 +1472,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1467
1472
  }
1468
1473
 
1469
1474
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1470
- padding: 0 8px 0 0;
1475
+ -webkit-padding-end: 8px;
1476
+ padding-inline-end: 8px;
1471
1477
  }
1472
1478
 
1473
1479
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
package/styles/multi-select/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-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -199,7 +201,8 @@
199
201
  }
200
202
 
201
203
  .e-dropdownbase .e-list-item .e-list-icon {
202
- padding: 0 10px 0 0;
204
+ -webkit-padding-end: 10px;
205
+ padding-inline-end: 10px;
203
206
  }
204
207
 
205
208
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -219,7 +222,8 @@
219
222
  }
220
223
 
221
224
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
222
- padding: 0 8px 0 0;
225
+ -webkit-padding-end: 8px;
226
+ padding-inline-end: 8px;
223
227
  }
224
228
 
225
229
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
@@ -1477,7 +1481,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1477
1481
  }
1478
1482
 
1479
1483
  .e-dropdownbase .e-list-item .e-list-icon {
1480
- padding: 0 10px 0 0;
1484
+ -webkit-padding-end: 10px;
1485
+ padding-inline-end: 10px;
1481
1486
  }
1482
1487
 
1483
1488
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
@@ -1497,7 +1502,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1497
1502
  }
1498
1503
 
1499
1504
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1500
- padding: 0 8px 0 0;
1505
+ -webkit-padding-end: 8px;
1506
+ padding-inline-end: 8px;
1501
1507
  }
1502
1508
 
1503
1509
  .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
package/styles/multi-select/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-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
@@ -357,11 +359,13 @@
357
359
  }
358
360
 
359
361
  .e-dropdownbase .e-list-item .e-list-icon {
360
- padding: 0 16px 0 0;
362
+ -webkit-padding-end: 16px;
363
+ padding-inline-end: 16px;
361
364
  }
362
365
 
363
366
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
364
- padding: 0 12px 0 0;
367
+ -webkit-padding-end: 12px;
368
+ padding-inline-end: 12px;
365
369
  }
366
370
 
367
371
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
@@ -1710,11 +1714,13 @@ ejs-multiselect {
1710
1714
  }
1711
1715
 
1712
1716
  .e-dropdownbase .e-list-item .e-list-icon {
1713
- padding: 0 16px 0 0;
1717
+ -webkit-padding-end: 16px;
1718
+ padding-inline-end: 16px;
1714
1719
  }
1715
1720
 
1716
1721
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1717
- padding: 0 12px 0 0;
1722
+ -webkit-padding-end: 12px;
1723
+ padding-inline-end: 12px;
1718
1724
  }
1719
1725
 
1720
1726
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/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-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
@@ -386,11 +388,13 @@
386
388
  }
387
389
 
388
390
  .e-dropdownbase .e-list-item .e-list-icon {
389
- padding: 0 16px 0 0;
391
+ -webkit-padding-end: 16px;
392
+ padding-inline-end: 16px;
390
393
  }
391
394
 
392
395
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
393
- padding: 0 12px 0 0;
396
+ -webkit-padding-end: 12px;
397
+ padding-inline-end: 12px;
394
398
  }
395
399
 
396
400
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
@@ -1752,11 +1756,13 @@ ejs-multiselect {
1752
1756
  }
1753
1757
 
1754
1758
  .e-dropdownbase .e-list-item .e-list-icon {
1755
- padding: 0 16px 0 0;
1759
+ -webkit-padding-end: 16px;
1760
+ padding-inline-end: 16px;
1756
1761
  }
1757
1762
 
1758
1763
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1759
- padding: 0 12px 0 0;
1764
+ -webkit-padding-end: 12px;
1765
+ padding-inline-end: 12px;
1760
1766
  }
1761
1767
 
1762
1768
  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/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-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
@@ -904,11 +906,13 @@
904
906
  /* 15px */
905
907
  /* 16px */
906
908
  .e-dropdownbase .e-list-item .e-list-icon {
907
- padding: 0 16px 0 0;
909
+ -webkit-padding-end: 16px;
910
+ padding-inline-end: 16px;
908
911
  }
909
912
 
910
913
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
911
- padding: 0 12px 0 0;
914
+ -webkit-padding-end: 12px;
915
+ padding-inline-end: 12px;
912
916
  }
913
917
 
914
918
 
@@ -3080,11 +3084,13 @@ ejs-multiselect {
3080
3084
  /* 15px */
3081
3085
  /* 16px */
3082
3086
  .e-dropdownbase .e-list-item .e-list-icon {
3083
- padding: 0 16px 0 0;
3087
+ -webkit-padding-end: 16px;
3088
+ padding-inline-end: 16px;
3084
3089
  }
3085
3090
 
3086
3091
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
3087
- padding: 0 12px 0 0;
3092
+ -webkit-padding-end: 12px;
3093
+ padding-inline-end: 12px;
3088
3094
  }
3089
3095
 
3090
3096
 
package/styles/multi-select/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-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
@@ -824,11 +826,13 @@
824
826
 
825
827
 
826
828
  .e-dropdownbase .e-list-item .e-list-icon {
827
- padding: 0 16px 0 0;
829
+ -webkit-padding-end: 16px;
830
+ padding-inline-end: 16px;
828
831
  }
829
832
 
830
833
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
831
- padding: 0 12px 0 0;
834
+ -webkit-padding-end: 12px;
835
+ padding-inline-end: 12px;
832
836
  }
833
837
 
834
838
 
@@ -3006,11 +3010,13 @@ ejs-multiselect {
3006
3010
 
3007
3011
 
3008
3012
  .e-dropdownbase .e-list-item .e-list-icon {
3009
- padding: 0 16px 0 0;
3013
+ -webkit-padding-end: 16px;
3014
+ padding-inline-end: 16px;
3010
3015
  }
3011
3016
 
3012
3017
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
3013
- padding: 0 12px 0 0;
3018
+ -webkit-padding-end: 12px;
3019
+ padding-inline-end: 12px;
3014
3020
  }
3015
3021
 
3016
3022