@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/drop-down-tree/fabric.css CHANGED
@@ -43,11 +43,13 @@
43
43
  /*! TreeView's fabric theme wise override definitions and variables */
44
44
  /* stylelint-disable */
45
45
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 10px 0 0;
46
+ -webkit-padding-end: 10px;
47
+ padding-inline-end: 10px;
47
48
  }
48
49
 
49
50
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
50
- padding: 0 8px 0 0;
51
+ -webkit-padding-end: 8px;
52
+ padding-inline-end: 8px;
51
53
  }
52
54
 
53
55
  /* stylelint-disable */
package/styles/drop-down-tree/fluent-dark.css CHANGED
@@ -56,11 +56,13 @@
56
56
  }
57
57
 
58
58
  .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 8px 0 0;
59
+ -webkit-padding-end: 8px;
60
+ padding-inline-end: 8px;
60
61
  }
61
62
 
62
63
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 8px 0 0;
64
+ -webkit-padding-end: 8px;
65
+ padding-inline-end: 8px;
64
66
  }
65
67
 
66
68
  /* stylelint-disable */
package/styles/drop-down-tree/fluent.css CHANGED
@@ -56,11 +56,13 @@
56
56
  }
57
57
 
58
58
  .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 8px 0 0;
59
+ -webkit-padding-end: 8px;
60
+ padding-inline-end: 8px;
60
61
  }
61
62
 
62
63
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 8px 0 0;
64
+ -webkit-padding-end: 8px;
65
+ padding-inline-end: 8px;
64
66
  }
65
67
 
66
68
  /* stylelint-disable */
package/styles/drop-down-tree/fluent2.css CHANGED
@@ -360,11 +360,13 @@
360
360
  }
361
361
 
362
362
  .e-dropdownbase .e-list-item .e-list-icon {
363
- padding: 0 8px 0 0;
363
+ -webkit-padding-end: 8px;
364
+ padding-inline-end: 8px;
364
365
  }
365
366
 
366
367
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
367
- padding: 0 4px 0 0;
368
+ -webkit-padding-end: 4px;
369
+ padding-inline-end: 4px;
368
370
  }
369
371
 
370
372
  /* stylelint-disable */
package/styles/drop-down-tree/highcontrast-light.css CHANGED
@@ -42,7 +42,8 @@
42
42
  }
43
43
  /* stylelint-disable */
44
44
  .e-dropdownbase .e-list-item .e-list-icon {
45
- padding: 0 10px 0 0;
45
+ -webkit-padding-end: 10px;
46
+ padding-inline-end: 10px;
46
47
  }
47
48
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
48
49
  border: 2px solid #000;
@@ -58,7 +59,8 @@
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
  /* stylelint-disable */
package/styles/drop-down-tree/highcontrast.css CHANGED
@@ -43,7 +43,8 @@
43
43
  /*! TreeView's high contrast theme wise override definitions and variables */
44
44
  /* stylelint-disable */
45
45
  .e-dropdownbase .e-list-item .e-list-icon {
46
- padding: 0 10px 0 0;
46
+ -webkit-padding-end: 10px;
47
+ padding-inline-end: 10px;
47
48
  }
48
49
  .e-dropdownbase .e-list-item:not(.e-active).e-hover {
49
50
  border: 2px solid #fff;
@@ -59,7 +60,8 @@
59
60
  }
60
61
 
61
62
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
62
- padding: 0 8px 0 0;
63
+ -webkit-padding-end: 8px;
64
+ padding-inline-end: 8px;
63
65
  }
64
66
 
65
67
  /* stylelint-disable */
package/styles/drop-down-tree/material-dark.css CHANGED
@@ -56,11 +56,13 @@
56
56
  }
57
57
  /* stylelint-disable */
58
58
  .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 16px 0 0;
59
+ -webkit-padding-end: 16px;
60
+ padding-inline-end: 16px;
60
61
  }
61
62
 
62
63
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 12px 0 0;
64
+ -webkit-padding-end: 12px;
65
+ padding-inline-end: 12px;
64
66
  }
65
67
 
66
68
  /* stylelint-disable */
package/styles/drop-down-tree/material.css CHANGED
@@ -77,11 +77,13 @@
77
77
  /*! TreeView's material theme wise override definitions and variables */
78
78
  /* stylelint-disable */
79
79
  .e-dropdownbase .e-list-item .e-list-icon {
80
- padding: 0 16px 0 0;
80
+ -webkit-padding-end: 16px;
81
+ padding-inline-end: 16px;
81
82
  }
82
83
 
83
84
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
84
- padding: 0 12px 0 0;
85
+ -webkit-padding-end: 12px;
86
+ padding-inline-end: 12px;
85
87
  }
86
88
 
87
89
  /* stylelint-disable */
package/styles/drop-down-tree/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-ddt .e-ddt-icon::before {
package/styles/drop-down-tree/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-ddt .e-ddt-icon::before {
package/styles/drop-down-tree/tailwind-dark.css CHANGED
@@ -62,11 +62,13 @@
62
62
  }
63
63
 
64
64
  .e-dropdownbase .e-list-item .e-list-icon {
65
- padding: 0 8px 0 0;
65
+ -webkit-padding-end: 8px;
66
+ padding-inline-end: 8px;
66
67
  }
67
68
 
68
69
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
69
- padding: 0 4px 0 0;
70
+ -webkit-padding-end: 4px;
71
+ padding-inline-end: 4px;
70
72
  }
71
73
 
72
74
  /* stylelint-disable */
package/styles/drop-down-tree/tailwind.css CHANGED
@@ -62,11 +62,13 @@
62
62
  }
63
63
 
64
64
  .e-dropdownbase .e-list-item .e-list-icon {
65
- padding: 0 8px 0 0;
65
+ -webkit-padding-end: 8px;
66
+ padding-inline-end: 8px;
66
67
  }
67
68
 
68
69
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
69
- padding: 0 4px 0 0;
70
+ -webkit-padding-end: 4px;
71
+ padding-inline-end: 4px;
70
72
  }
71
73
 
72
74
  /* stylelint-disable */
package/styles/drop-down-tree/tailwind3.css CHANGED
@@ -190,11 +190,13 @@
190
190
  }
191
191
 
192
192
  .e-dropdownbase .e-list-item .e-list-icon {
193
- padding: 0 8px 0 0;
193
+ -webkit-padding-end: 8px;
194
+ padding-inline-end: 8px;
194
195
  }
195
196
 
196
197
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
197
- padding: 0 6px 0 0;
198
+ -webkit-padding-end: 6px;
199
+ padding-inline-end: 6px;
198
200
  }
199
201
 
200
202
  /* stylelint-disable */
package/styles/fabric-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: #514f4f;
70
- border: 0;
71
74
  -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
72
75
  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
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 {
@@ -1138,11 +1144,13 @@ ejs-dropdownlist {
1138
1144
  }
1139
1145
 
1140
1146
  .e-dropdownbase .e-list-item .e-list-icon {
1141
- padding: 0 10px 0 0;
1147
+ -webkit-padding-end: 10px;
1148
+ padding-inline-end: 10px;
1142
1149
  }
1143
1150
 
1144
1151
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1145
- padding: 0 8px 0 0;
1152
+ -webkit-padding-end: 8px;
1153
+ padding-inline-end: 8px;
1146
1154
  }
1147
1155
 
1148
1156
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
package/styles/fabric-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: #514f4f;
70
- border: 0;
71
74
  -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
72
75
  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
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 */
@@ -1445,11 +1454,13 @@ ejs-dropdownlist {
1445
1454
  }
1446
1455
 
1447
1456
  .e-dropdownbase .e-list-item .e-list-icon {
1448
- padding: 0 10px 0 0;
1457
+ -webkit-padding-end: 10px;
1458
+ padding-inline-end: 10px;
1449
1459
  }
1450
1460
 
1451
1461
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1452
- padding: 0 8px 0 0;
1462
+ -webkit-padding-end: 8px;
1463
+ padding-inline-end: 8px;
1453
1464
  }
1454
1465
 
1455
1466
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -2474,11 +2485,13 @@ ejs-multiselect {
2474
2485
  }
2475
2486
 
2476
2487
  .e-dropdownbase .e-list-item .e-list-icon {
2477
- padding: 0 10px 0 0;
2488
+ -webkit-padding-end: 10px;
2489
+ padding-inline-end: 10px;
2478
2490
  }
2479
2491
 
2480
2492
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2481
- padding: 0 8px 0 0;
2493
+ -webkit-padding-end: 8px;
2494
+ padding-inline-end: 8px;
2482
2495
  }
2483
2496
 
2484
2497
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
package/styles/fabric-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 rgba(0, 0, 0, 0.4);
72
75
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
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 {
@@ -1134,11 +1140,13 @@ ejs-dropdownlist {
1134
1140
  }
1135
1141
 
1136
1142
  .e-dropdownbase .e-list-item .e-list-icon {
1137
- padding: 0 10px 0 0;
1143
+ -webkit-padding-end: 10px;
1144
+ padding-inline-end: 10px;
1138
1145
  }
1139
1146
 
1140
1147
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1141
- padding: 0 8px 0 0;
1148
+ -webkit-padding-end: 8px;
1149
+ padding-inline-end: 8px;
1142
1150
  }
1143
1151
 
1144
1152
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
package/styles/fabric.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 rgba(0, 0, 0, 0.4);
72
75
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
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 */
@@ -1441,11 +1450,13 @@ ejs-dropdownlist {
1441
1450
  }
1442
1451
 
1443
1452
  .e-dropdownbase .e-list-item .e-list-icon {
1444
- padding: 0 10px 0 0;
1453
+ -webkit-padding-end: 10px;
1454
+ padding-inline-end: 10px;
1445
1455
  }
1446
1456
 
1447
1457
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1448
- padding: 0 8px 0 0;
1458
+ -webkit-padding-end: 8px;
1459
+ padding-inline-end: 8px;
1449
1460
  }
1450
1461
 
1451
1462
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
@@ -2455,11 +2466,13 @@ ejs-multiselect {
2455
2466
  }
2456
2467
 
2457
2468
  .e-dropdownbase .e-list-item .e-list-icon {
2458
- padding: 0 10px 0 0;
2469
+ -webkit-padding-end: 10px;
2470
+ padding-inline-end: 10px;
2459
2471
  }
2460
2472
 
2461
2473
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
2462
- padding: 0 8px 0 0;
2474
+ -webkit-padding-end: 8px;
2475
+ padding-inline-end: 8px;
2463
2476
  }
2464
2477
 
2465
2478
  .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
package/styles/fluent-dark-lite.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-dropdownbase .e-list-group-item,
@@ -31,11 +33,13 @@
31
33
  }
32
34
 
33
35
  .e-dropdownbase .e-list-item .e-list-icon {
34
- padding: 0 8px 0 0;
36
+ -webkit-padding-end: 8px;
37
+ padding-inline-end: 8px;
35
38
  }
36
39
 
37
40
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
38
- padding: 0 8px 0 0;
41
+ -webkit-padding-end: 8px;
42
+ padding-inline-end: 8px;
39
43
  }
40
44
 
41
45
  .e-dropdownbase {
@@ -91,11 +95,11 @@
91
95
 
92
96
  .e-mention.e-popup {
93
97
  background: #252423;
94
- border: 0;
95
98
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
96
99
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
97
100
  margin-top: 2px;
98
101
  position: absolute;
102
+ border: 0;
99
103
  }
100
104
 
101
105
  .e-mention.e-popup .e-dropdownbase {
@@ -179,11 +183,13 @@
179
183
  }
180
184
 
181
185
  .e-dropdownbase .e-list-item .e-list-icon {
182
- padding: 0 8px 0 0;
186
+ -webkit-padding-end: 8px;
187
+ padding-inline-end: 8px;
183
188
  }
184
189
 
185
190
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
186
- padding: 0 8px 0 0;
191
+ -webkit-padding-end: 8px;
192
+ padding-inline-end: 8px;
187
193
  }
188
194
 
189
195
  .e-rtl .e-dropdownbase .e-list-item {
@@ -1379,11 +1385,13 @@ ejs-dropdownlist {
1379
1385
  }
1380
1386
 
1381
1387
  .e-dropdownbase .e-list-item .e-list-icon {
1382
- padding: 0 8px 0 0;
1388
+ -webkit-padding-end: 8px;
1389
+ padding-inline-end: 8px;
1383
1390
  }
1384
1391
 
1385
1392
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
1386
- padding: 0 8px 0 0;
1393
+ -webkit-padding-end: 8px;
1394
+ padding-inline-end: 8px;
1387
1395
  }
1388
1396
 
1389
1397
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {