@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35-750253

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 (290) hide show
  1. package/.eslintrc.json +3 -2
  2. package/{ReadMe.md → README.md} +1 -1
  3. package/dist/ej2-dropdowns.min.js +10 -1
  4. package/dist/ej2-dropdowns.umd.min.js +10 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +505 -215
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +498 -207
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +10 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +9 -0
  13. package/package.json +80 -79
  14. package/src/auto-complete/auto-complete-model.d.ts +10 -10
  15. package/src/auto-complete/auto-complete.d.ts +12 -12
  16. package/src/auto-complete/auto-complete.js +3 -3
  17. package/src/combo-box/combo-box-model.d.ts +17 -17
  18. package/src/combo-box/combo-box.d.ts +27 -27
  19. package/src/combo-box/combo-box.js +25 -10
  20. package/src/common/interface.js +0 -1
  21. package/src/common/virtual-scroll.js +1 -0
  22. package/src/drop-down-base/drop-down-base-model.d.ts +21 -14
  23. package/src/drop-down-base/drop-down-base.d.ts +43 -17
  24. package/src/drop-down-base/drop-down-base.js +65 -10
  25. package/src/drop-down-list/drop-down-list-model.d.ts +3 -3
  26. package/src/drop-down-list/drop-down-list.d.ts +19 -5
  27. package/src/drop-down-list/drop-down-list.js +130 -5
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +16 -16
  29. package/src/drop-down-tree/drop-down-tree.d.ts +18 -14
  30. package/src/drop-down-tree/drop-down-tree.js +52 -38
  31. package/src/list-box/list-box-model.d.ts +2 -2
  32. package/src/list-box/list-box.d.ts +2 -2
  33. package/src/list-box/list-box.js +30 -9
  34. package/src/mention/mention.js +23 -8
  35. package/src/multi-select/interface.js +0 -1
  36. package/src/multi-select/multi-select.d.ts +15 -0
  37. package/src/multi-select/multi-select.js +135 -12
  38. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -0
  39. package/styles/auto-complete/_fluent2-definition.scss +2 -0
  40. package/styles/auto-complete/bootstrap-dark.css +5 -2
  41. package/styles/auto-complete/bootstrap.css +5 -2
  42. package/styles/auto-complete/bootstrap4.css +6 -2
  43. package/styles/auto-complete/bootstrap5-dark.css +6 -2
  44. package/styles/auto-complete/bootstrap5.css +6 -2
  45. package/styles/auto-complete/fabric-dark.css +3 -1
  46. package/styles/auto-complete/fabric.css +3 -1
  47. package/styles/auto-complete/fluent-dark.css +6 -2
  48. package/styles/auto-complete/fluent.css +6 -2
  49. package/styles/auto-complete/fluent2.css +1140 -0
  50. package/styles/auto-complete/fluent2.scss +4 -0
  51. package/styles/auto-complete/highcontrast-light.css +3 -1
  52. package/styles/auto-complete/highcontrast.css +3 -1
  53. package/styles/auto-complete/material-dark.css +16 -5
  54. package/styles/auto-complete/material.css +16 -5
  55. package/styles/auto-complete/material3-dark.css +17 -6
  56. package/styles/auto-complete/material3-dark.scss +1 -1
  57. package/styles/auto-complete/material3.css +17 -6
  58. package/styles/auto-complete/material3.scss +1 -1
  59. package/styles/auto-complete/tailwind-dark.css +16 -5
  60. package/styles/auto-complete/tailwind.css +16 -5
  61. package/styles/bootstrap-dark.css +196 -228
  62. package/styles/bootstrap-dark.scss +28 -8
  63. package/styles/bootstrap.css +196 -228
  64. package/styles/bootstrap.scss +28 -8
  65. package/styles/bootstrap4.css +199 -229
  66. package/styles/bootstrap4.scss +28 -8
  67. package/styles/bootstrap5-dark.css +196 -221
  68. package/styles/bootstrap5-dark.scss +28 -8
  69. package/styles/bootstrap5.css +196 -221
  70. package/styles/bootstrap5.scss +28 -8
  71. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -0
  72. package/styles/combo-box/_fluent2-definition.scss +2 -0
  73. package/styles/combo-box/bootstrap-dark.css +5 -2
  74. package/styles/combo-box/bootstrap.css +5 -2
  75. package/styles/combo-box/bootstrap4.css +6 -2
  76. package/styles/combo-box/bootstrap5-dark.css +6 -2
  77. package/styles/combo-box/bootstrap5.css +6 -2
  78. package/styles/combo-box/fabric-dark.css +3 -1
  79. package/styles/combo-box/fabric.css +3 -1
  80. package/styles/combo-box/fluent-dark.css +6 -2
  81. package/styles/combo-box/fluent.css +6 -2
  82. package/styles/combo-box/fluent2.css +1140 -0
  83. package/styles/combo-box/fluent2.scss +4 -0
  84. package/styles/combo-box/highcontrast-light.css +3 -1
  85. package/styles/combo-box/highcontrast.css +3 -1
  86. package/styles/combo-box/material-dark.css +16 -5
  87. package/styles/combo-box/material.css +16 -5
  88. package/styles/combo-box/material3-dark.css +17 -6
  89. package/styles/combo-box/material3-dark.scss +1 -1
  90. package/styles/combo-box/material3.css +17 -6
  91. package/styles/combo-box/material3.scss +1 -1
  92. package/styles/combo-box/tailwind-dark.css +16 -5
  93. package/styles/combo-box/tailwind.css +16 -5
  94. package/styles/drop-down-base/_bds-definition.scss +2 -2
  95. package/styles/drop-down-base/_bootstrap5.3-definition.scss +117 -0
  96. package/styles/drop-down-base/_fluent2-definition.scss +134 -0
  97. package/styles/drop-down-base/_layout.scss +12 -2
  98. package/styles/drop-down-base/_material3-definition.scss +0 -11
  99. package/styles/drop-down-base/_theme.scss +2 -11
  100. package/styles/drop-down-base/bootstrap-dark.css +2 -1
  101. package/styles/drop-down-base/bootstrap.css +2 -1
  102. package/styles/drop-down-base/bootstrap4.css +2 -1
  103. package/styles/drop-down-base/bootstrap5-dark.css +2 -1
  104. package/styles/drop-down-base/bootstrap5.css +2 -1
  105. package/styles/drop-down-base/fabric-dark.css +2 -1
  106. package/styles/drop-down-base/fabric.css +2 -1
  107. package/styles/drop-down-base/fluent-dark.css +2 -1
  108. package/styles/drop-down-base/fluent.css +2 -1
  109. package/styles/drop-down-base/fluent2.css +1447 -0
  110. package/styles/drop-down-base/fluent2.scss +3 -0
  111. package/styles/drop-down-base/highcontrast-light.css +2 -1
  112. package/styles/drop-down-base/highcontrast.css +2 -1
  113. package/styles/drop-down-base/material-dark.css +2 -1
  114. package/styles/drop-down-base/material.css +2 -1
  115. package/styles/drop-down-base/material3-dark.css +9 -2
  116. package/styles/drop-down-base/material3-dark.scss +1 -1
  117. package/styles/drop-down-base/material3.css +9 -2
  118. package/styles/drop-down-base/material3.scss +1 -1
  119. package/styles/drop-down-base/tailwind-dark.css +2 -1
  120. package/styles/drop-down-base/tailwind.css +2 -1
  121. package/styles/drop-down-list/_bootstrap5.3-definition.scss +201 -0
  122. package/styles/drop-down-list/_fluent2-definition.scss +134 -0
  123. package/styles/drop-down-list/_layout.scss +5 -3
  124. package/styles/drop-down-list/_material3-definition.scss +0 -8
  125. package/styles/drop-down-list/bootstrap-dark.css +38 -3
  126. package/styles/drop-down-list/bootstrap.css +38 -3
  127. package/styles/drop-down-list/bootstrap4.css +39 -3
  128. package/styles/drop-down-list/bootstrap5-dark.css +39 -3
  129. package/styles/drop-down-list/bootstrap5.css +39 -3
  130. package/styles/drop-down-list/fabric-dark.css +36 -2
  131. package/styles/drop-down-list/fabric.css +36 -2
  132. package/styles/drop-down-list/fluent-dark.css +39 -3
  133. package/styles/drop-down-list/fluent.css +39 -3
  134. package/styles/drop-down-list/fluent2.css +1684 -0
  135. package/styles/drop-down-list/fluent2.scss +9 -0
  136. package/styles/drop-down-list/highcontrast-light.css +36 -2
  137. package/styles/drop-down-list/highcontrast.css +36 -2
  138. package/styles/drop-down-list/icons/_bootstrap5.3.scss +14 -0
  139. package/styles/drop-down-list/icons/_fluent2.scss +14 -0
  140. package/styles/drop-down-list/material-dark.css +58 -7
  141. package/styles/drop-down-list/material.css +72 -9
  142. package/styles/drop-down-list/material3-dark.css +74 -10
  143. package/styles/drop-down-list/material3-dark.scss +1 -1
  144. package/styles/drop-down-list/material3.css +74 -10
  145. package/styles/drop-down-list/material3.scss +1 -1
  146. package/styles/drop-down-list/tailwind-dark.css +49 -6
  147. package/styles/drop-down-list/tailwind.css +49 -6
  148. package/styles/drop-down-tree/_bds-definition.scss +5 -0
  149. package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -0
  150. package/styles/drop-down-tree/_bootstrap5-definition.scss +5 -0
  151. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +66 -0
  152. package/styles/drop-down-tree/_fluent-definition.scss +4 -0
  153. package/styles/drop-down-tree/_fluent2-definition.scss +75 -0
  154. package/styles/drop-down-tree/_layout.scss +289 -327
  155. package/styles/drop-down-tree/_material3-definition.scss +3 -5
  156. package/styles/drop-down-tree/_tailwind-definition.scss +7 -2
  157. package/styles/drop-down-tree/_theme.scss +24 -41
  158. package/styles/drop-down-tree/bootstrap-dark.css +63 -29
  159. package/styles/drop-down-tree/bootstrap.css +63 -29
  160. package/styles/drop-down-tree/bootstrap4.css +64 -30
  161. package/styles/drop-down-tree/bootstrap5-dark.css +63 -27
  162. package/styles/drop-down-tree/bootstrap5.css +63 -27
  163. package/styles/drop-down-tree/fabric-dark.css +63 -29
  164. package/styles/drop-down-tree/fabric.css +63 -29
  165. package/styles/drop-down-tree/fluent-dark.css +71 -35
  166. package/styles/drop-down-tree/fluent.css +71 -35
  167. package/styles/drop-down-tree/fluent2.css +1732 -0
  168. package/styles/drop-down-tree/fluent2.scss +9 -0
  169. package/styles/drop-down-tree/highcontrast-light.css +63 -29
  170. package/styles/drop-down-tree/highcontrast.css +63 -23
  171. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -0
  172. package/styles/drop-down-tree/icons/_fluent2.scss +14 -0
  173. package/styles/drop-down-tree/material-dark.css +80 -43
  174. package/styles/drop-down-tree/material.css +97 -51
  175. package/styles/drop-down-tree/material3-dark.css +85 -32
  176. package/styles/drop-down-tree/material3-dark.scss +1 -1
  177. package/styles/drop-down-tree/material3.css +85 -32
  178. package/styles/drop-down-tree/material3.scss +1 -1
  179. package/styles/drop-down-tree/tailwind-dark.css +72 -28
  180. package/styles/drop-down-tree/tailwind.css +72 -28
  181. package/styles/fabric-dark.css +194 -227
  182. package/styles/fabric-dark.scss +28 -8
  183. package/styles/fabric.css +194 -227
  184. package/styles/fabric.scss +28 -8
  185. package/styles/fluent-dark.css +206 -236
  186. package/styles/fluent-dark.scss +28 -8
  187. package/styles/fluent.css +206 -236
  188. package/styles/fluent.scss +28 -8
  189. package/styles/fluent2.css +4771 -0
  190. package/styles/fluent2.scss +28 -0
  191. package/styles/highcontrast-light.css +197 -227
  192. package/styles/highcontrast-light.scss +28 -8
  193. package/styles/highcontrast.css +197 -221
  194. package/styles/highcontrast.scss +28 -8
  195. package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
  196. package/styles/list-box/_bootstrap5.3-definition.scss +120 -0
  197. package/styles/list-box/_fabric-dark-definition.scss +0 -2
  198. package/styles/list-box/_fluent2-definition.scss +121 -0
  199. package/styles/list-box/_highcontrast-light-definition.scss +0 -2
  200. package/styles/list-box/_layout.scss +65 -44
  201. package/styles/list-box/_material-dark-definition.scss +0 -2
  202. package/styles/list-box/_tailwind-definition.scss +1 -1
  203. package/styles/list-box/_theme.scss +36 -65
  204. package/styles/list-box/bootstrap-dark.css +72 -112
  205. package/styles/list-box/bootstrap.css +72 -112
  206. package/styles/list-box/bootstrap4.css +72 -112
  207. package/styles/list-box/bootstrap5-dark.css +72 -106
  208. package/styles/list-box/bootstrap5.css +72 -106
  209. package/styles/list-box/fabric-dark.css +72 -112
  210. package/styles/list-box/fabric.css +72 -112
  211. package/styles/list-box/fluent-dark.css +72 -112
  212. package/styles/list-box/fluent.css +72 -112
  213. package/styles/list-box/fluent2.css +2029 -0
  214. package/styles/list-box/fluent2.scss +5 -0
  215. package/styles/list-box/highcontrast-light.css +72 -112
  216. package/styles/list-box/highcontrast.css +72 -112
  217. package/styles/list-box/icons/_bootstrap5.3.scss +25 -0
  218. package/styles/list-box/icons/_fluent2.scss +25 -0
  219. package/styles/list-box/material-dark.css +72 -112
  220. package/styles/list-box/material.css +72 -112
  221. package/styles/list-box/material3-dark.css +73 -113
  222. package/styles/list-box/material3-dark.scss +1 -1
  223. package/styles/list-box/material3.css +73 -113
  224. package/styles/list-box/material3.scss +1 -1
  225. package/styles/list-box/tailwind-dark.css +74 -114
  226. package/styles/list-box/tailwind.css +74 -114
  227. package/styles/material-dark.css +236 -260
  228. package/styles/material-dark.scss +28 -8
  229. package/styles/material.css +253 -284
  230. package/styles/material.scss +28 -8
  231. package/styles/material3-dark.css +253 -266
  232. package/styles/material3-dark.scss +29 -9
  233. package/styles/material3.css +253 -266
  234. package/styles/material3.scss +29 -9
  235. package/styles/mention/_bootstrap5.3-definition.scss +1 -0
  236. package/styles/mention/_fluent2-definition.scss +1 -0
  237. package/styles/mention/bootstrap-dark.css +24 -0
  238. package/styles/mention/bootstrap.css +24 -0
  239. package/styles/mention/bootstrap4.css +24 -0
  240. package/styles/mention/bootstrap5-dark.css +24 -0
  241. package/styles/mention/bootstrap5.css +24 -0
  242. package/styles/mention/fabric-dark.css +24 -0
  243. package/styles/mention/fabric.css +24 -0
  244. package/styles/mention/fluent-dark.css +24 -0
  245. package/styles/mention/fluent.css +24 -0
  246. package/styles/mention/fluent2.css +1130 -0
  247. package/styles/mention/fluent2.scss +6 -0
  248. package/styles/mention/highcontrast-light.css +24 -0
  249. package/styles/mention/highcontrast.css +24 -0
  250. package/styles/mention/material-dark.css +24 -0
  251. package/styles/mention/material.css +24 -0
  252. package/styles/mention/material3-dark.css +25 -1
  253. package/styles/mention/material3-dark.scss +1 -1
  254. package/styles/mention/material3.css +25 -1
  255. package/styles/mention/material3.scss +1 -1
  256. package/styles/mention/tailwind-dark.css +24 -0
  257. package/styles/mention/tailwind.css +24 -0
  258. package/styles/multi-select/_bootstrap5.3-definition.scss +230 -0
  259. package/styles/multi-select/_fluent2-definition.scss +236 -0
  260. package/styles/multi-select/_layout.scss +32 -38
  261. package/styles/multi-select/_material3-definition.scss +0 -15
  262. package/styles/multi-select/_theme.scss +0 -4
  263. package/styles/multi-select/bootstrap-dark.css +67 -28
  264. package/styles/multi-select/bootstrap.css +67 -28
  265. package/styles/multi-select/bootstrap4.css +70 -29
  266. package/styles/multi-select/bootstrap5-dark.css +67 -28
  267. package/styles/multi-select/bootstrap5.css +67 -28
  268. package/styles/multi-select/fabric-dark.css +67 -28
  269. package/styles/multi-select/fabric.css +67 -28
  270. package/styles/multi-select/fluent-dark.css +69 -29
  271. package/styles/multi-select/fluent.css +69 -29
  272. package/styles/multi-select/fluent2.css +2663 -0
  273. package/styles/multi-select/fluent2.scss +9 -0
  274. package/styles/multi-select/highcontrast-light.css +70 -28
  275. package/styles/multi-select/highcontrast.css +70 -28
  276. package/styles/multi-select/icons/_bootstrap5.3.scss +26 -0
  277. package/styles/multi-select/icons/_fluent2.scss +692 -0
  278. package/styles/multi-select/material-dark.css +88 -32
  279. package/styles/multi-select/material.css +102 -34
  280. package/styles/multi-select/material3-dark.css +109 -35
  281. package/styles/multi-select/material3-dark.scss +1 -1
  282. package/styles/multi-select/material3.css +109 -35
  283. package/styles/multi-select/material3.scss +1 -1
  284. package/styles/multi-select/tailwind-dark.css +67 -28
  285. package/styles/multi-select/tailwind.css +67 -28
  286. package/styles/tailwind-dark.css +217 -233
  287. package/styles/tailwind-dark.scss +28 -8
  288. package/styles/tailwind.css +217 -233
  289. package/styles/tailwind.scss +28 -8
  290. package/CHANGELOG.md +0 -2200
@@ -1,19 +1,43 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable-line no-empty-source */
3
3
  /* stylelint-disable property-no-vendor-prefix */
4
+ @-webkit-keyframes material-spinner-rotate {
5
+ 0% {
6
+ -webkit-transform: rotate(0);
7
+ transform: rotate(0);
8
+ }
9
+ 100% {
10
+ -webkit-transform: rotate(360deg);
11
+ transform: rotate(360deg);
12
+ }
13
+ }
4
14
  @keyframes material-spinner-rotate {
5
15
  0% {
16
+ -webkit-transform: rotate(0);
6
17
  transform: rotate(0);
7
18
  }
8
19
  100% {
20
+ -webkit-transform: rotate(360deg);
21
+ transform: rotate(360deg);
22
+ }
23
+ }
24
+ @-webkit-keyframes fabric-spinner-rotate {
25
+ 0% {
26
+ -webkit-transform: rotate(0);
27
+ transform: rotate(0);
28
+ }
29
+ 100% {
30
+ -webkit-transform: rotate(360deg);
9
31
  transform: rotate(360deg);
10
32
  }
11
33
  }
12
34
  @keyframes fabric-spinner-rotate {
13
35
  0% {
36
+ -webkit-transform: rotate(0);
14
37
  transform: rotate(0);
15
38
  }
16
39
  100% {
40
+ -webkit-transform: rotate(360deg);
17
41
  transform: rotate(360deg);
18
42
  }
19
43
  }
@@ -118,13 +142,15 @@
118
142
  }
119
143
 
120
144
  .e-multi-select-wrapper {
121
- box-sizing: border-box;
145
+ -webkit-box-sizing: border-box;
146
+ box-sizing: border-box;
122
147
  cursor: text;
123
148
  line-height: normal;
124
149
  min-height: 30px;
125
150
  padding: 0 32px 0 0;
126
151
  position: relative;
127
152
  -webkit-user-select: none;
153
+ -moz-user-select: none;
128
154
  -ms-user-select: none;
129
155
  user-select: none;
130
156
  width: 100%;
@@ -141,7 +167,8 @@
141
167
  white-space: nowrap;
142
168
  }
143
169
  .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
144
- box-sizing: border-box;
170
+ -webkit-box-sizing: border-box;
171
+ box-sizing: border-box;
145
172
  display: inline-block;
146
173
  overflow: hidden;
147
174
  text-overflow: ellipsis;
@@ -172,6 +199,7 @@
172
199
 
173
200
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
174
201
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
202
+ display: -webkit-box;
175
203
  display: -ms-flexbox;
176
204
  display: flex;
177
205
  float: left;
@@ -179,6 +207,7 @@
179
207
  }
180
208
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
181
209
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
210
+ display: -webkit-inline-box;
182
211
  display: -ms-inline-flexbox;
183
212
  display: inline-flex;
184
213
  float: none;
@@ -201,8 +230,9 @@
201
230
  }
202
231
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
203
232
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
204
- -ms-flex-align: center;
205
- align-items: center;
233
+ -webkit-box-align: center;
234
+ -ms-flex-align: center;
235
+ align-items: center;
206
236
  display: inline;
207
237
  max-width: 100%;
208
238
  word-break: break-word;
@@ -211,12 +241,15 @@
211
241
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
212
242
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
213
243
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
214
- -ms-flex-align: center;
215
- align-items: center;
244
+ -webkit-box-align: center;
245
+ -ms-flex-align: center;
246
+ align-items: center;
216
247
  cursor: pointer;
217
248
  display: none;
218
- -ms-flex-direction: row;
219
- flex-direction: row;
249
+ -webkit-box-orient: horizontal;
250
+ -webkit-box-direction: normal;
251
+ -ms-flex-direction: row;
252
+ flex-direction: row;
220
253
  margin-top: -2em;
221
254
  outline: 0;
222
255
  padding: 0;
@@ -228,6 +261,7 @@
228
261
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
229
262
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
230
263
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
264
+ display: -webkit-box;
231
265
  display: -ms-flexbox;
232
266
  display: flex;
233
267
  }
@@ -307,8 +341,10 @@
307
341
  }
308
342
 
309
343
  .e-multi-select-wrapper .e-chips {
310
- -ms-flex-align: center;
311
- align-items: center;
344
+ -webkit-box-align: center;
345
+ -ms-flex-align: center;
346
+ align-items: center;
347
+ display: -webkit-inline-box;
312
348
  display: -ms-inline-flexbox;
313
349
  display: inline-flex;
314
350
  float: left;
@@ -356,6 +392,7 @@
356
392
  .e-multi-select-wrapper .e-chips-close {
357
393
  -ms-flex-item-align: center;
358
394
  align-self: center;
395
+ display: -webkit-box;
359
396
  display: -ms-flexbox;
360
397
  display: flex;
361
398
  float: right;
@@ -547,7 +584,9 @@
547
584
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
548
585
  -ms-flex-item-align: center;
549
586
  align-self: center;
550
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
587
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
588
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
589
+ display: -webkit-inline-box;
551
590
  display: -ms-inline-flexbox;
552
591
  display: inline-flex;
553
592
  padding: 0 0 0 16px;
@@ -905,8 +944,9 @@ ejs-multiselect {
905
944
 
906
945
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
907
946
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
908
- -ms-flex-align: normal;
909
- align-items: normal;
947
+ -webkit-box-align: normal;
948
+ -ms-flex-align: normal;
949
+ align-items: normal;
910
950
  }
911
951
 
912
952
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -969,7 +1009,10 @@ ejs-multiselect {
969
1009
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
970
1010
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
971
1011
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
972
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1012
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1013
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
1014
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1015
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
973
1016
  height: 24px;
974
1017
  }
975
1018
 
@@ -978,10 +1021,6 @@ ejs-multiselect {
978
1021
  height: 32px;
979
1022
  }
980
1023
 
981
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
982
- height: 24px;
983
- }
984
-
985
1024
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
986
1025
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
987
1026
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -1037,11 +1076,6 @@ ejs-multiselect {
1037
1076
  margin: 4px 0 0 4px;
1038
1077
  }
1039
1078
 
1040
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1041
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1042
- height: 24px;
1043
- }
1044
-
1045
1079
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1046
1080
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1047
1081
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -1146,7 +1180,8 @@ ejs-multiselect {
1146
1180
  }
1147
1181
 
1148
1182
  .e-multiselect {
1149
- box-sizing: border-box;
1183
+ -webkit-box-sizing: border-box;
1184
+ box-sizing: border-box;
1150
1185
  }
1151
1186
 
1152
1187
  /* stylelint-disable property-no-vendor-prefix */
@@ -1207,8 +1242,10 @@ ejs-multiselect {
1207
1242
  }
1208
1243
 
1209
1244
  .e-popup.e-multi-select-list-wrapper {
1210
- box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
1211
- box-sizing: content-box;
1245
+ -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
1246
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
1247
+ -webkit-box-sizing: content-box;
1248
+ box-sizing: content-box;
1212
1249
  overflow: initial;
1213
1250
  }
1214
1251
 
@@ -1256,14 +1293,16 @@ ejs-multiselect {
1256
1293
 
1257
1294
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1258
1295
  background-color: #0d6efd;
1259
- box-shadow: none;
1296
+ -webkit-box-shadow: none;
1297
+ box-shadow: none;
1260
1298
  color: #fff;
1261
1299
  border: 0 solid transparent;
1262
1300
  }
1263
1301
 
1264
1302
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1265
1303
  background-color: #0d6efd;
1266
- box-shadow: none;
1304
+ -webkit-box-shadow: none;
1305
+ box-shadow: none;
1267
1306
  color: #fff;
1268
1307
  border: 0 solid transparent;
1269
1308
  }
@@ -1,18 +1,42 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
+ @-webkit-keyframes material-spinner-rotate {
4
+ 0% {
5
+ -webkit-transform: rotate(0);
6
+ transform: rotate(0);
7
+ }
8
+ 100% {
9
+ -webkit-transform: rotate(360deg);
10
+ transform: rotate(360deg);
11
+ }
12
+ }
3
13
  @keyframes material-spinner-rotate {
4
14
  0% {
15
+ -webkit-transform: rotate(0);
5
16
  transform: rotate(0);
6
17
  }
7
18
  100% {
19
+ -webkit-transform: rotate(360deg);
20
+ transform: rotate(360deg);
21
+ }
22
+ }
23
+ @-webkit-keyframes fabric-spinner-rotate {
24
+ 0% {
25
+ -webkit-transform: rotate(0);
26
+ transform: rotate(0);
27
+ }
28
+ 100% {
29
+ -webkit-transform: rotate(360deg);
8
30
  transform: rotate(360deg);
9
31
  }
10
32
  }
11
33
  @keyframes fabric-spinner-rotate {
12
34
  0% {
35
+ -webkit-transform: rotate(0);
13
36
  transform: rotate(0);
14
37
  }
15
38
  100% {
39
+ -webkit-transform: rotate(360deg);
16
40
  transform: rotate(360deg);
17
41
  }
18
42
  }
@@ -79,13 +103,15 @@
79
103
  }
80
104
 
81
105
  .e-multi-select-wrapper {
82
- box-sizing: border-box;
106
+ -webkit-box-sizing: border-box;
107
+ box-sizing: border-box;
83
108
  cursor: text;
84
109
  line-height: normal;
85
110
  min-height: 30px;
86
111
  padding: 0 32px 0 2px;
87
112
  position: relative;
88
113
  -webkit-user-select: none;
114
+ -moz-user-select: none;
89
115
  -ms-user-select: none;
90
116
  user-select: none;
91
117
  width: 100%;
@@ -102,7 +128,8 @@
102
128
  white-space: nowrap;
103
129
  }
104
130
  .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
105
- box-sizing: border-box;
131
+ -webkit-box-sizing: border-box;
132
+ box-sizing: border-box;
106
133
  display: inline-block;
107
134
  overflow: hidden;
108
135
  text-overflow: ellipsis;
@@ -133,6 +160,7 @@
133
160
 
134
161
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
135
162
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
163
+ display: -webkit-box;
136
164
  display: -ms-flexbox;
137
165
  display: flex;
138
166
  float: left;
@@ -140,6 +168,7 @@
140
168
  }
141
169
  .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
142
170
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
171
+ display: -webkit-inline-box;
143
172
  display: -ms-inline-flexbox;
144
173
  display: inline-flex;
145
174
  float: none;
@@ -162,8 +191,9 @@
162
191
  }
163
192
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
164
193
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
165
- -ms-flex-align: center;
166
- align-items: center;
194
+ -webkit-box-align: center;
195
+ -ms-flex-align: center;
196
+ align-items: center;
167
197
  display: inline;
168
198
  max-width: 100%;
169
199
  word-break: break-word;
@@ -172,12 +202,15 @@
172
202
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
173
203
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
174
204
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
175
- -ms-flex-align: center;
176
- align-items: center;
205
+ -webkit-box-align: center;
206
+ -ms-flex-align: center;
207
+ align-items: center;
177
208
  cursor: pointer;
178
209
  display: none;
179
- -ms-flex-direction: row;
180
- flex-direction: row;
210
+ -webkit-box-orient: horizontal;
211
+ -webkit-box-direction: normal;
212
+ -ms-flex-direction: row;
213
+ flex-direction: row;
181
214
  margin-top: -3em;
182
215
  outline: 0;
183
216
  padding: 0;
@@ -189,6 +222,7 @@
189
222
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
190
223
  .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
191
224
  .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
225
+ display: -webkit-box;
192
226
  display: -ms-flexbox;
193
227
  display: flex;
194
228
  }
@@ -268,8 +302,10 @@
268
302
  }
269
303
 
270
304
  .e-multi-select-wrapper .e-chips {
271
- -ms-flex-align: center;
272
- align-items: center;
305
+ -webkit-box-align: center;
306
+ -ms-flex-align: center;
307
+ align-items: center;
308
+ display: -webkit-inline-box;
273
309
  display: -ms-inline-flexbox;
274
310
  display: inline-flex;
275
311
  float: left;
@@ -312,6 +348,7 @@
312
348
  .e-multi-select-wrapper .e-chips-close {
313
349
  -ms-flex-item-align: center;
314
350
  align-self: center;
351
+ display: -webkit-box;
315
352
  display: -ms-flexbox;
316
353
  display: flex;
317
354
  float: right;
@@ -481,7 +518,9 @@
481
518
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
482
519
  -ms-flex-item-align: center;
483
520
  align-self: center;
484
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
521
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
522
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
523
+ display: -webkit-inline-box;
485
524
  display: -ms-inline-flexbox;
486
525
  display: inline-flex;
487
526
  padding: 0 10px;
@@ -832,8 +871,9 @@ ejs-multiselect {
832
871
 
833
872
  .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
834
873
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
835
- -ms-flex-align: normal;
836
- align-items: normal;
874
+ -webkit-box-align: normal;
875
+ -ms-flex-align: normal;
876
+ align-items: normal;
837
877
  }
838
878
 
839
879
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
@@ -896,7 +936,10 @@ ejs-multiselect {
896
936
  .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
897
937
  .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
898
938
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
899
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
939
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
940
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
941
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
942
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
900
943
  height: 24px;
901
944
  }
902
945
 
@@ -905,10 +948,6 @@ ejs-multiselect {
905
948
  height: 32px;
906
949
  }
907
950
 
908
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
909
- height: 24px;
910
- }
911
-
912
951
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
913
952
  .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
914
953
  .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -964,11 +1003,6 @@ ejs-multiselect {
964
1003
  margin: 4px 0 0 4px;
965
1004
  }
966
1005
 
967
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
968
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
969
- height: 24px;
970
- }
971
-
972
1006
  .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
973
1007
  .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
974
1008
  .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
@@ -1073,7 +1107,8 @@ ejs-multiselect {
1073
1107
  }
1074
1108
 
1075
1109
  .e-multiselect {
1076
- box-sizing: border-box;
1110
+ -webkit-box-sizing: border-box;
1111
+ box-sizing: border-box;
1077
1112
  }
1078
1113
 
1079
1114
  /* stylelint-disable property-no-vendor-prefix */
@@ -1130,8 +1165,10 @@ ejs-multiselect {
1130
1165
  }
1131
1166
 
1132
1167
  .e-popup.e-multi-select-list-wrapper {
1133
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1134
- box-sizing: content-box;
1168
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1169
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
1170
+ -webkit-box-sizing: content-box;
1171
+ box-sizing: content-box;
1135
1172
  overflow: initial;
1136
1173
  }
1137
1174
 
@@ -1185,14 +1222,16 @@ ejs-multiselect {
1185
1222
 
1186
1223
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1187
1224
  background-color: #514f4f;
1188
- box-shadow: none;
1225
+ -webkit-box-shadow: none;
1226
+ box-shadow: none;
1189
1227
  color: #fff;
1190
1228
  border: 1px solid #dadada;
1191
1229
  }
1192
1230
 
1193
1231
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1194
1232
  background-color: #514f4f;
1195
- box-shadow: none;
1233
+ -webkit-box-shadow: none;
1234
+ box-shadow: none;
1196
1235
  color: #fff;
1197
1236
  border: 1px solid #dadada;
1198
1237
  }