@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/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 */
@@ -56,11 +58,13 @@
56
58
  }
57
59
 
58
60
  .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 8px 0 0;
61
+ -webkit-padding-end: 8px;
62
+ padding-inline-end: 8px;
60
63
  }
61
64
 
62
65
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 4px 0 0;
66
+ -webkit-padding-end: 4px;
67
+ padding-inline-end: 4px;
64
68
  }
65
69
 
66
70
  /* stylelint-disable */
@@ -121,11 +125,11 @@
121
125
 
122
126
  .e-mention.e-popup {
123
127
  background: var(--color-sf-bg-primary);
124
- border: 0;
125
128
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
126
129
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
127
130
  margin-top: 2px;
128
131
  position: absolute;
132
+ border: 0;
129
133
  }
130
134
 
131
135
  .e-mention.e-popup .e-dropdownbase {
@@ -220,11 +224,13 @@
220
224
  }
221
225
 
222
226
  .e-dropdownbase .e-list-item .e-list-icon {
223
- padding: 0 8px 0 0;
227
+ -webkit-padding-end: 8px;
228
+ padding-inline-end: 8px;
224
229
  }
225
230
 
226
231
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
227
- padding: 0 4px 0 0;
232
+ -webkit-padding-end: 4px;
233
+ padding-inline-end: 4px;
228
234
  }
229
235
 
230
236
  /* stylelint-disable */
@@ -453,11 +459,13 @@
453
459
  }
454
460
 
455
461
  .e-dropdownbase .e-list-item .e-list-icon {
456
- padding: 0 8px 0 0;
462
+ -webkit-padding-end: 8px;
463
+ padding-inline-end: 8px;
457
464
  }
458
465
 
459
466
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
460
- padding: 0 4px 0 0;
467
+ -webkit-padding-end: 4px;
468
+ padding-inline-end: 4px;
461
469
  }
462
470
 
463
471
  /* stylelint-disable */
@@ -593,11 +601,13 @@
593
601
  }
594
602
 
595
603
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
596
- padding: 0 12px 0 0;
604
+ -webkit-padding-end: 0 12px 0 0;
605
+ padding-inline-end: 0 12px 0 0;
597
606
  }
598
607
 
599
608
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
600
- padding: 0 8px 0 0;
609
+ -webkit-padding-end: 0 8px 0 0;
610
+ padding-inline-end: 0 8px 0 0;
601
611
  }
602
612
 
603
613
  /* stylelint-disable property-no-vendor-prefix */
@@ -2021,11 +2031,13 @@ ejs-dropdownlist {
2021
2031
  }
2022
2032
 
2023
2033
  .e-dropdownbase .e-list-item .e-list-icon {
2024
- padding: 0 8px 0 0;
2034
+ -webkit-padding-end: 8px;
2035
+ padding-inline-end: 8px;
2025
2036
  }
2026
2037
 
2027
2038
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2028
- padding: 0 4px 0 0;
2039
+ -webkit-padding-end: 4px;
2040
+ padding-inline-end: 4px;
2029
2041
  }
2030
2042
 
2031
2043
  /* stylelint-disable */
@@ -3076,11 +3088,13 @@ ejs-multiselect {
3076
3088
  }
3077
3089
 
3078
3090
  .e-dropdownbase .e-list-item .e-list-icon {
3079
- padding: 0 8px 0 0;
3091
+ -webkit-padding-end: 8px;
3092
+ padding-inline-end: 8px;
3080
3093
  }
3081
3094
 
3082
3095
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
3083
- padding: 0 4px 0 0;
3096
+ -webkit-padding-end: 4px;
3097
+ padding-inline-end: 4px;
3084
3098
  }
3085
3099
 
3086
3100
  /* stylelint-disable */
package/styles/bootstrap-dark-lite.css CHANGED
@@ -1,17 +1,21 @@
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-dropdownbase .e-list-item .e-list-icon {
10
- padding: 0 10px 0 0;
12
+ -webkit-padding-end: 10px;
13
+ padding-inline-end: 10px;
11
14
  }
12
15
 
13
16
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
17
+ -webkit-padding-end: 8px;
18
+ padding-inline-end: 8px;
15
19
  }
16
20
 
17
21
  .e-dropdownbase {
@@ -67,11 +71,11 @@
67
71
 
68
72
  .e-mention.e-popup {
69
73
  background: #6e6e6e;
70
- border: 0;
71
74
  -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
72
75
  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
73
76
  margin-top: 2px;
74
77
  position: absolute;
78
+ border: 0;
75
79
  }
76
80
 
77
81
  .e-mention.e-popup .e-dropdownbase {
@@ -137,11 +141,13 @@
137
141
  }
138
142
 
139
143
  .e-dropdownbase .e-list-item .e-list-icon {
140
- padding: 0 10px 0 0;
144
+ -webkit-padding-end: 10px;
145
+ padding-inline-end: 10px;
141
146
  }
142
147
 
143
148
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
- padding: 0 8px 0 0;
149
+ -webkit-padding-end: 8px;
150
+ padding-inline-end: 8px;
145
151
  }
146
152
 
147
153
  .e-rtl .e-dropdownbase .e-list-item {
@@ -1218,11 +1224,13 @@ ejs-dropdownlist {
1218
1224
  }
1219
1225
 
1220
1226
  .e-dropdownbase .e-list-item .e-list-icon {
1221
- padding: 0 10px 0 0;
1227
+ -webkit-padding-end: 10px;
1228
+ padding-inline-end: 10px;
1222
1229
  }
1223
1230
 
1224
1231
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1225
- padding: 0 8px 0 0;
1232
+ -webkit-padding-end: 8px;
1233
+ padding-inline-end: 8px;
1226
1234
  }
1227
1235
 
1228
1236
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/bootstrap-dark.css CHANGED
@@ -1,17 +1,21 @@
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-dropdownbase .e-list-item .e-list-icon {
10
- padding: 0 10px 0 0;
12
+ -webkit-padding-end: 10px;
13
+ padding-inline-end: 10px;
11
14
  }
12
15
 
13
16
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
17
+ -webkit-padding-end: 8px;
18
+ padding-inline-end: 8px;
15
19
  }
16
20
 
17
21
  .e-dropdownbase {
@@ -67,11 +71,11 @@
67
71
 
68
72
  .e-mention.e-popup {
69
73
  background: #6e6e6e;
70
- border: 0;
71
74
  -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
72
75
  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
73
76
  margin-top: 2px;
74
77
  position: absolute;
78
+ border: 0;
75
79
  }
76
80
 
77
81
  .e-mention.e-popup .e-dropdownbase {
@@ -137,11 +141,13 @@
137
141
  }
138
142
 
139
143
  .e-dropdownbase .e-list-item .e-list-icon {
140
- padding: 0 10px 0 0;
144
+ -webkit-padding-end: 10px;
145
+ padding-inline-end: 10px;
141
146
  }
142
147
 
143
148
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
- padding: 0 8px 0 0;
149
+ -webkit-padding-end: 8px;
150
+ padding-inline-end: 8px;
145
151
  }
146
152
 
147
153
  .e-rtl .e-dropdownbase .e-list-item {
@@ -320,11 +326,13 @@
320
326
  }
321
327
 
322
328
  .e-dropdownbase .e-list-item .e-list-icon {
323
- padding: 0 10px 0 0;
329
+ -webkit-padding-end: 10px;
330
+ padding-inline-end: 10px;
324
331
  }
325
332
 
326
333
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
327
- padding: 0 8px 0 0;
334
+ -webkit-padding-end: 8px;
335
+ padding-inline-end: 8px;
328
336
  }
329
337
 
330
338
  .e-bigger .e-dropdownbase,
@@ -399,7 +407,8 @@
399
407
 
400
408
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
401
409
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
402
- padding: 0 12px 0 0;
410
+ -webkit-padding-end: 12px;
411
+ padding-inline-end: 12px;
403
412
  }
404
413
 
405
414
  /* stylelint-disable property-no-vendor-prefix */
@@ -1552,11 +1561,13 @@ ejs-dropdownlist {
1552
1561
  }
1553
1562
 
1554
1563
  .e-dropdownbase .e-list-item .e-list-icon {
1555
- padding: 0 10px 0 0;
1564
+ -webkit-padding-end: 10px;
1565
+ padding-inline-end: 10px;
1556
1566
  }
1557
1567
 
1558
1568
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1559
- padding: 0 8px 0 0;
1569
+ -webkit-padding-end: 8px;
1570
+ padding-inline-end: 8px;
1560
1571
  }
1561
1572
 
1562
1573
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -2587,11 +2598,13 @@ ejs-multiselect {
2587
2598
  }
2588
2599
 
2589
2600
  .e-dropdownbase .e-list-item .e-list-icon {
2590
- padding: 0 10px 0 0;
2601
+ -webkit-padding-end: 10px;
2602
+ padding-inline-end: 10px;
2591
2603
  }
2592
2604
 
2593
2605
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2594
- padding: 0 8px 0 0;
2606
+ -webkit-padding-end: 8px;
2607
+ padding-inline-end: 8px;
2595
2608
  }
2596
2609
 
2597
2610
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/bootstrap-lite.css CHANGED
@@ -1,17 +1,21 @@
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-dropdownbase .e-list-item .e-list-icon {
10
- padding: 0 10px 0 0;
12
+ -webkit-padding-end: 10px;
13
+ padding-inline-end: 10px;
11
14
  }
12
15
 
13
16
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
17
+ -webkit-padding-end: 8px;
18
+ padding-inline-end: 8px;
15
19
  }
16
20
 
17
21
  .e-dropdownbase {
@@ -67,11 +71,11 @@
67
71
 
68
72
  .e-mention.e-popup {
69
73
  background: #fff;
70
- border: 0;
71
74
  -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
72
75
  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
73
76
  margin-top: 2px;
74
77
  position: absolute;
78
+ border: 0;
75
79
  }
76
80
 
77
81
  .e-mention.e-popup .e-dropdownbase {
@@ -137,11 +141,13 @@
137
141
  }
138
142
 
139
143
  .e-dropdownbase .e-list-item .e-list-icon {
140
- padding: 0 10px 0 0;
144
+ -webkit-padding-end: 10px;
145
+ padding-inline-end: 10px;
141
146
  }
142
147
 
143
148
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
- padding: 0 8px 0 0;
149
+ -webkit-padding-end: 8px;
150
+ padding-inline-end: 8px;
145
151
  }
146
152
 
147
153
  .e-rtl .e-dropdownbase .e-list-item {
@@ -1214,11 +1220,13 @@ ejs-dropdownlist {
1214
1220
  }
1215
1221
 
1216
1222
  .e-dropdownbase .e-list-item .e-list-icon {
1217
- padding: 0 10px 0 0;
1223
+ -webkit-padding-end: 10px;
1224
+ padding-inline-end: 10px;
1218
1225
  }
1219
1226
 
1220
1227
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1221
- padding: 0 8px 0 0;
1228
+ -webkit-padding-end: 8px;
1229
+ padding-inline-end: 8px;
1222
1230
  }
1223
1231
 
1224
1232
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/bootstrap.css CHANGED
@@ -1,17 +1,21 @@
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-dropdownbase .e-list-item .e-list-icon {
10
- padding: 0 10px 0 0;
12
+ -webkit-padding-end: 10px;
13
+ padding-inline-end: 10px;
11
14
  }
12
15
 
13
16
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 8px 0 0;
17
+ -webkit-padding-end: 8px;
18
+ padding-inline-end: 8px;
15
19
  }
16
20
 
17
21
  .e-dropdownbase {
@@ -67,11 +71,11 @@
67
71
 
68
72
  .e-mention.e-popup {
69
73
  background: #fff;
70
- border: 0;
71
74
  -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
72
75
  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
73
76
  margin-top: 2px;
74
77
  position: absolute;
78
+ border: 0;
75
79
  }
76
80
 
77
81
  .e-mention.e-popup .e-dropdownbase {
@@ -137,11 +141,13 @@
137
141
  }
138
142
 
139
143
  .e-dropdownbase .e-list-item .e-list-icon {
140
- padding: 0 10px 0 0;
144
+ -webkit-padding-end: 10px;
145
+ padding-inline-end: 10px;
141
146
  }
142
147
 
143
148
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
144
- padding: 0 8px 0 0;
149
+ -webkit-padding-end: 8px;
150
+ padding-inline-end: 8px;
145
151
  }
146
152
 
147
153
  .e-rtl .e-dropdownbase .e-list-item {
@@ -320,11 +326,13 @@
320
326
  }
321
327
 
322
328
  .e-dropdownbase .e-list-item .e-list-icon {
323
- padding: 0 10px 0 0;
329
+ -webkit-padding-end: 10px;
330
+ padding-inline-end: 10px;
324
331
  }
325
332
 
326
333
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
327
- padding: 0 8px 0 0;
334
+ -webkit-padding-end: 8px;
335
+ padding-inline-end: 8px;
328
336
  }
329
337
 
330
338
  .e-bigger .e-dropdownbase,
@@ -399,7 +407,8 @@
399
407
 
400
408
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
401
409
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
402
- padding: 0 12px 0 0;
410
+ -webkit-padding-end: 12px;
411
+ padding-inline-end: 12px;
403
412
  }
404
413
 
405
414
  /* stylelint-disable property-no-vendor-prefix */
@@ -1548,11 +1557,13 @@ ejs-dropdownlist {
1548
1557
  }
1549
1558
 
1550
1559
  .e-dropdownbase .e-list-item .e-list-icon {
1551
- padding: 0 10px 0 0;
1560
+ -webkit-padding-end: 10px;
1561
+ padding-inline-end: 10px;
1552
1562
  }
1553
1563
 
1554
1564
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1555
- padding: 0 8px 0 0;
1565
+ -webkit-padding-end: 8px;
1566
+ padding-inline-end: 8px;
1556
1567
  }
1557
1568
 
1558
1569
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -2564,11 +2575,13 @@ ejs-multiselect {
2564
2575
  }
2565
2576
 
2566
2577
  .e-dropdownbase .e-list-item .e-list-icon {
2567
- padding: 0 10px 0 0;
2578
+ -webkit-padding-end: 10px;
2579
+ padding-inline-end: 10px;
2568
2580
  }
2569
2581
 
2570
2582
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2571
- padding: 0 8px 0 0;
2583
+ -webkit-padding-end: 8px;
2584
+ padding-inline-end: 8px;
2572
2585
  }
2573
2586
 
2574
2587
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
package/styles/bootstrap4-lite.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,
@@ -13,11 +15,13 @@
13
15
  }
14
16
 
15
17
  .e-dropdownbase .e-list-item .e-list-icon {
16
- padding: 0 8px 0 0;
18
+ -webkit-padding-end: 8px;
19
+ padding-inline-end: 8px;
17
20
  }
18
21
 
19
22
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
20
- padding: 0 8px 0 0;
23
+ -webkit-padding-end: 8px;
24
+ padding-inline-end: 8px;
21
25
  }
22
26
 
23
27
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -79,11 +83,11 @@
79
83
 
80
84
  .e-mention.e-popup {
81
85
  background: #fff;
82
- border: 0;
83
86
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
84
87
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
85
88
  margin-top: 2px;
86
89
  position: absolute;
90
+ border: 0;
87
91
  }
88
92
 
89
93
  .e-mention.e-popup .e-dropdownbase {
@@ -149,11 +153,13 @@
149
153
  }
150
154
 
151
155
  .e-dropdownbase .e-list-item .e-list-icon {
152
- padding: 0 8px 0 0;
156
+ -webkit-padding-end: 8px;
157
+ padding-inline-end: 8px;
153
158
  }
154
159
 
155
160
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
156
- padding: 0 8px 0 0;
161
+ -webkit-padding-end: 8px;
162
+ padding-inline-end: 8px;
157
163
  }
158
164
 
159
165
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -1389,11 +1395,13 @@ ejs-dropdownlist {
1389
1395
  }
1390
1396
 
1391
1397
  .e-dropdownbase .e-list-item .e-list-icon {
1392
- padding: 0 8px 0 0;
1398
+ -webkit-padding-end: 8px;
1399
+ padding-inline-end: 8px;
1393
1400
  }
1394
1401
 
1395
1402
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1396
- padding: 0 8px 0 0;
1403
+ -webkit-padding-end: 8px;
1404
+ padding-inline-end: 8px;
1397
1405
  }
1398
1406
 
1399
1407
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
package/styles/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,
@@ -13,11 +15,13 @@
13
15
  }
14
16
 
15
17
  .e-dropdownbase .e-list-item .e-list-icon {
16
- padding: 0 8px 0 0;
18
+ -webkit-padding-end: 8px;
19
+ padding-inline-end: 8px;
17
20
  }
18
21
 
19
22
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
20
- padding: 0 8px 0 0;
23
+ -webkit-padding-end: 8px;
24
+ padding-inline-end: 8px;
21
25
  }
22
26
 
23
27
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -79,11 +83,11 @@
79
83
 
80
84
  .e-mention.e-popup {
81
85
  background: #fff;
82
- border: 0;
83
86
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
84
87
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
85
88
  margin-top: 2px;
86
89
  position: absolute;
90
+ border: 0;
87
91
  }
88
92
 
89
93
  .e-mention.e-popup .e-dropdownbase {
@@ -149,11 +153,13 @@
149
153
  }
150
154
 
151
155
  .e-dropdownbase .e-list-item .e-list-icon {
152
- padding: 0 8px 0 0;
156
+ -webkit-padding-end: 8px;
157
+ padding-inline-end: 8px;
153
158
  }
154
159
 
155
160
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
156
- padding: 0 8px 0 0;
161
+ -webkit-padding-end: 8px;
162
+ padding-inline-end: 8px;
157
163
  }
158
164
 
159
165
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -338,11 +344,13 @@
338
344
  }
339
345
 
340
346
  .e-dropdownbase .e-list-item .e-list-icon {
341
- padding: 0 8px 0 0;
347
+ -webkit-padding-end: 8px;
348
+ padding-inline-end: 8px;
342
349
  }
343
350
 
344
351
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
345
- padding: 0 8px 0 0;
352
+ -webkit-padding-end: 8px;
353
+ padding-inline-end: 8px;
346
354
  }
347
355
 
348
356
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -423,7 +431,8 @@
423
431
 
424
432
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
425
433
  .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
426
- padding: 0 12px 0 0;
434
+ -webkit-padding-end: 12px;
435
+ padding-inline-end: 12px;
427
436
  }
428
437
 
429
438
  .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
@@ -1798,11 +1807,13 @@ ejs-dropdownlist {
1798
1807
  }
1799
1808
 
1800
1809
  .e-dropdownbase .e-list-item .e-list-icon {
1801
- padding: 0 8px 0 0;
1810
+ -webkit-padding-end: 8px;
1811
+ padding-inline-end: 8px;
1802
1812
  }
1803
1813
 
1804
1814
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1805
- padding: 0 8px 0 0;
1815
+ -webkit-padding-end: 8px;
1816
+ padding-inline-end: 8px;
1806
1817
  }
1807
1818
 
1808
1819
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
@@ -2894,11 +2905,13 @@ ejs-multiselect {
2894
2905
  }
2895
2906
 
2896
2907
  .e-dropdownbase .e-list-item .e-list-icon {
2897
- padding: 0 8px 0 0;
2908
+ -webkit-padding-end: 8px;
2909
+ padding-inline-end: 8px;
2898
2910
  }
2899
2911
 
2900
2912
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2901
- padding: 0 8px 0 0;
2913
+ -webkit-padding-end: 8px;
2914
+ padding-inline-end: 8px;
2902
2915
  }
2903
2916
 
2904
2917
  .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,