@syncfusion/ej2-multicolumn-combobox 28.2.7 → 29.1.33

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 (145) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-multicolumn-combobox.umd.min.js +2 -2
  3. package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-multicolumn-combobox.es2015.js +103 -24
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +106 -24
  7. package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
  8. package/dist/global/ej2-multicolumn-combobox.min.js +2 -2
  9. package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/memory-leak-samples/mccb.d.ts +1 -0
  12. package/memory-leak-samples/mccb.html +35 -0
  13. package/memory-leak-samples/mccb.js +109 -0
  14. package/package.json +8 -8
  15. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
  16. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +5 -0
  17. package/src/multicolumn-combobox/multi-column-combo-box.js +105 -23
  18. package/styles/bds-lite.css +60 -1
  19. package/styles/bds-lite.scss +1 -0
  20. package/styles/bds.css +70 -1
  21. package/styles/bds.scss +1 -0
  22. package/styles/bootstrap-dark-lite.css +60 -1
  23. package/styles/bootstrap-dark-lite.scss +1 -0
  24. package/styles/bootstrap-dark.css +70 -1
  25. package/styles/bootstrap-dark.scss +1 -0
  26. package/styles/bootstrap-lite.css +60 -1
  27. package/styles/bootstrap-lite.scss +1 -0
  28. package/styles/bootstrap.css +70 -1
  29. package/styles/bootstrap.scss +1 -0
  30. package/styles/bootstrap4-lite.css +60 -1
  31. package/styles/bootstrap4-lite.scss +1 -0
  32. package/styles/bootstrap4.css +70 -1
  33. package/styles/bootstrap4.scss +1 -0
  34. package/styles/bootstrap5-dark-lite.css +61 -2
  35. package/styles/bootstrap5-dark-lite.scss +1 -0
  36. package/styles/bootstrap5-dark.css +71 -2
  37. package/styles/bootstrap5-dark.scss +1 -0
  38. package/styles/bootstrap5-lite.css +60 -1
  39. package/styles/bootstrap5-lite.scss +1 -0
  40. package/styles/bootstrap5.3-lite.css +60 -1
  41. package/styles/bootstrap5.3-lite.scss +1 -0
  42. package/styles/bootstrap5.3.css +70 -1
  43. package/styles/bootstrap5.3.scss +1 -0
  44. package/styles/bootstrap5.css +70 -1
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark-lite.css +60 -1
  47. package/styles/fabric-dark-lite.scss +1 -0
  48. package/styles/fabric-dark.css +70 -1
  49. package/styles/fabric-dark.scss +1 -0
  50. package/styles/fabric-lite.css +60 -1
  51. package/styles/fabric-lite.scss +1 -0
  52. package/styles/fabric.css +70 -1
  53. package/styles/fabric.scss +1 -0
  54. package/styles/fluent-dark-lite.css +60 -1
  55. package/styles/fluent-dark-lite.scss +1 -0
  56. package/styles/fluent-dark.css +70 -1
  57. package/styles/fluent-dark.scss +1 -0
  58. package/styles/fluent-lite.css +60 -1
  59. package/styles/fluent-lite.scss +1 -0
  60. package/styles/fluent.css +70 -1
  61. package/styles/fluent.scss +1 -0
  62. package/styles/fluent2-lite.css +60 -1
  63. package/styles/fluent2-lite.scss +1 -0
  64. package/styles/fluent2.css +70 -1
  65. package/styles/fluent2.scss +1 -0
  66. package/styles/highcontrast-light-lite.css +60 -1
  67. package/styles/highcontrast-light-lite.scss +1 -0
  68. package/styles/highcontrast-light.css +70 -1
  69. package/styles/highcontrast-light.scss +1 -0
  70. package/styles/highcontrast-lite.css +60 -1
  71. package/styles/highcontrast-lite.scss +1 -0
  72. package/styles/highcontrast.css +70 -1
  73. package/styles/highcontrast.scss +1 -0
  74. package/styles/material-dark-lite.css +60 -1
  75. package/styles/material-dark-lite.scss +1 -0
  76. package/styles/material-dark.css +70 -1
  77. package/styles/material-dark.scss +1 -0
  78. package/styles/material-lite.css +60 -1
  79. package/styles/material-lite.scss +1 -0
  80. package/styles/material.css +70 -1
  81. package/styles/material.scss +1 -0
  82. package/styles/material3-dark-lite.css +60 -1
  83. package/styles/material3-dark-lite.scss +1 -0
  84. package/styles/material3-dark.css +70 -1
  85. package/styles/material3-dark.scss +1 -0
  86. package/styles/material3-lite.css +60 -1
  87. package/styles/material3-lite.scss +1 -0
  88. package/styles/material3.css +70 -1
  89. package/styles/material3.scss +1 -0
  90. package/styles/multicolumn-combobox/_bigger.scss +9 -0
  91. package/styles/multicolumn-combobox/_layout.scss +16 -1
  92. package/styles/multicolumn-combobox/bds.css +70 -1
  93. package/styles/multicolumn-combobox/bds.scss +1 -0
  94. package/styles/multicolumn-combobox/bootstrap-dark.css +70 -1
  95. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  96. package/styles/multicolumn-combobox/bootstrap.css +70 -1
  97. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  98. package/styles/multicolumn-combobox/bootstrap4.css +70 -1
  99. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  100. package/styles/multicolumn-combobox/bootstrap5-dark.css +71 -2
  101. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  102. package/styles/multicolumn-combobox/bootstrap5.3.css +70 -1
  103. package/styles/multicolumn-combobox/bootstrap5.3.scss +1 -0
  104. package/styles/multicolumn-combobox/bootstrap5.css +70 -1
  105. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  106. package/styles/multicolumn-combobox/fabric-dark.css +70 -1
  107. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  108. package/styles/multicolumn-combobox/fabric.css +70 -1
  109. package/styles/multicolumn-combobox/fabric.scss +1 -0
  110. package/styles/multicolumn-combobox/fluent-dark.css +70 -1
  111. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  112. package/styles/multicolumn-combobox/fluent.css +70 -1
  113. package/styles/multicolumn-combobox/fluent.scss +1 -0
  114. package/styles/multicolumn-combobox/fluent2.css +70 -1
  115. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  116. package/styles/multicolumn-combobox/highcontrast-light.css +70 -1
  117. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  118. package/styles/multicolumn-combobox/highcontrast.css +70 -1
  119. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  120. package/styles/multicolumn-combobox/material-dark.css +70 -1
  121. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  122. package/styles/multicolumn-combobox/material.css +70 -1
  123. package/styles/multicolumn-combobox/material.scss +1 -0
  124. package/styles/multicolumn-combobox/material3-dark.css +70 -1
  125. package/styles/multicolumn-combobox/material3-dark.scss +1 -0
  126. package/styles/multicolumn-combobox/material3.css +70 -1
  127. package/styles/multicolumn-combobox/material3.scss +1 -0
  128. package/styles/multicolumn-combobox/tailwind-dark.css +72 -3
  129. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  130. package/styles/multicolumn-combobox/tailwind.css +70 -1
  131. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  132. package/styles/multicolumn-combobox/tailwind3.css +70 -1
  133. package/styles/multicolumn-combobox/tailwind3.scss +1 -0
  134. package/styles/tailwind-dark-lite.css +62 -3
  135. package/styles/tailwind-dark-lite.scss +1 -0
  136. package/styles/tailwind-dark.css +72 -3
  137. package/styles/tailwind-dark.scss +1 -0
  138. package/styles/tailwind-lite.css +60 -1
  139. package/styles/tailwind-lite.scss +1 -0
  140. package/styles/tailwind.css +70 -1
  141. package/styles/tailwind.scss +1 -0
  142. package/styles/tailwind3-lite.css +60 -1
  143. package/styles/tailwind3-lite.scss +1 -0
  144. package/styles/tailwind3.css +70 -1
  145. package/styles/tailwind3.scss +1 -0
package/styles/bds.css CHANGED
@@ -210,11 +210,61 @@
210
210
  min-width: 300px !important;
211
211
  }
212
212
 
213
+ /* stylelint-disable property-no-vendor-prefix */
214
+ @-webkit-keyframes material-spinner-rotate {
215
+ 0% {
216
+ -webkit-transform: rotate(0);
217
+ transform: rotate(0);
218
+ }
219
+ 100% {
220
+ -webkit-transform: rotate(360deg);
221
+ transform: rotate(360deg);
222
+ }
223
+ }
224
+ @keyframes material-spinner-rotate {
225
+ 0% {
226
+ -webkit-transform: rotate(0);
227
+ transform: rotate(0);
228
+ }
229
+ 100% {
230
+ -webkit-transform: rotate(360deg);
231
+ transform: rotate(360deg);
232
+ }
233
+ }
234
+ @-webkit-keyframes fabric-spinner-rotate {
235
+ 0% {
236
+ -webkit-transform: rotate(0);
237
+ transform: rotate(0);
238
+ }
239
+ 100% {
240
+ -webkit-transform: rotate(360deg);
241
+ transform: rotate(360deg);
242
+ }
243
+ }
244
+ @keyframes fabric-spinner-rotate {
245
+ 0% {
246
+ -webkit-transform: rotate(0);
247
+ transform: rotate(0);
248
+ }
249
+ 100% {
250
+ -webkit-transform: rotate(360deg);
251
+ transform: rotate(360deg);
252
+ }
253
+ }
213
254
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
214
255
  content: "\e729";
215
256
  font-family: "e-icons";
216
257
  }
217
258
 
259
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
260
+ /* stylelint-disable declaration-no-important */
261
+ height: 20px !important;
262
+ width: 20px !important;
263
+ -webkit-transform-origin: 10px 10px 10px !important;
264
+ transform-origin: 10px 10px 10px !important;
265
+ /* stylelint-enable declaration-no-important */
266
+ }
267
+
218
268
  .e-multicolumn-grid tr.e-groupcaptionrow {
219
269
  position: sticky;
220
270
  top: 0;
@@ -255,6 +305,14 @@
255
305
  border-radius: 0 0 4px 4px;
256
306
  }
257
307
 
308
+ .e-multicolumn-list .e-multicolumn-list-hidden {
309
+ border: 0;
310
+ height: 0;
311
+ padding: 0;
312
+ visibility: hidden;
313
+ width: 0;
314
+ }
315
+
258
316
  .e-multicolumn-grid.e-grid {
259
317
  border-width: 0;
260
318
  border-radius: 4px;
@@ -336,7 +394,8 @@
336
394
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
337
395
  }
338
396
 
339
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
397
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
398
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
340
399
  position: relative;
341
400
  }
342
401
 
@@ -432,6 +491,16 @@
432
491
  margin-top: 2px;
433
492
  }
434
493
 
494
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
495
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
496
+ /* stylelint-disable declaration-no-important */
497
+ height: 26px !important;
498
+ width: 26px !important;
499
+ -webkit-transform-origin: 13px 13px 13px !important;
500
+ transform-origin: 13px 13px 13px !important;
501
+ /* stylelint-enable declaration-no-important */
502
+ }
503
+
435
504
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
436
505
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
437
506
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
package/styles/bds.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bds-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bds-definition.scss';
8
9
  @import 'multicolumn-combobox/bds-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bds.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap-dark-lite.css CHANGED
@@ -64,11 +64,61 @@
64
64
  border-bottom: 1px solid #484848;
65
65
  }
66
66
 
67
+ /* stylelint-disable property-no-vendor-prefix */
68
+ @-webkit-keyframes material-spinner-rotate {
69
+ 0% {
70
+ -webkit-transform: rotate(0);
71
+ transform: rotate(0);
72
+ }
73
+ 100% {
74
+ -webkit-transform: rotate(360deg);
75
+ transform: rotate(360deg);
76
+ }
77
+ }
78
+ @keyframes material-spinner-rotate {
79
+ 0% {
80
+ -webkit-transform: rotate(0);
81
+ transform: rotate(0);
82
+ }
83
+ 100% {
84
+ -webkit-transform: rotate(360deg);
85
+ transform: rotate(360deg);
86
+ }
87
+ }
88
+ @-webkit-keyframes fabric-spinner-rotate {
89
+ 0% {
90
+ -webkit-transform: rotate(0);
91
+ transform: rotate(0);
92
+ }
93
+ 100% {
94
+ -webkit-transform: rotate(360deg);
95
+ transform: rotate(360deg);
96
+ }
97
+ }
98
+ @keyframes fabric-spinner-rotate {
99
+ 0% {
100
+ -webkit-transform: rotate(0);
101
+ transform: rotate(0);
102
+ }
103
+ 100% {
104
+ -webkit-transform: rotate(360deg);
105
+ transform: rotate(360deg);
106
+ }
107
+ }
67
108
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
68
109
  content: "\e969";
69
110
  font-family: "e-icons";
70
111
  }
71
112
 
113
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
114
+ /* stylelint-disable declaration-no-important */
115
+ height: 20px !important;
116
+ width: 20px !important;
117
+ -webkit-transform-origin: 10px 10px 10px !important;
118
+ transform-origin: 10px 10px 10px !important;
119
+ /* stylelint-enable declaration-no-important */
120
+ }
121
+
72
122
  .e-multicolumn-grid tr.e-groupcaptionrow {
73
123
  position: sticky;
74
124
  top: 0;
@@ -109,6 +159,14 @@
109
159
  border-radius: 0 0 4px 4px;
110
160
  }
111
161
 
162
+ .e-multicolumn-list .e-multicolumn-list-hidden {
163
+ border: 0;
164
+ height: 0;
165
+ padding: 0;
166
+ visibility: hidden;
167
+ width: 0;
168
+ }
169
+
112
170
  .e-multicolumn-grid.e-grid {
113
171
  border-width: 1px;
114
172
  border-radius: 4px;
@@ -190,7 +248,8 @@
190
248
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
191
249
  }
192
250
 
193
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
251
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
252
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
194
253
  position: relative;
195
254
  }
196
255
 
package/styles/bootstrap-dark-lite.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
8
9
  @import 'multicolumn-combobox/bootstrap-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap-dark.css CHANGED
@@ -64,11 +64,61 @@
64
64
  border-bottom: 1px solid #484848;
65
65
  }
66
66
 
67
+ /* stylelint-disable property-no-vendor-prefix */
68
+ @-webkit-keyframes material-spinner-rotate {
69
+ 0% {
70
+ -webkit-transform: rotate(0);
71
+ transform: rotate(0);
72
+ }
73
+ 100% {
74
+ -webkit-transform: rotate(360deg);
75
+ transform: rotate(360deg);
76
+ }
77
+ }
78
+ @keyframes material-spinner-rotate {
79
+ 0% {
80
+ -webkit-transform: rotate(0);
81
+ transform: rotate(0);
82
+ }
83
+ 100% {
84
+ -webkit-transform: rotate(360deg);
85
+ transform: rotate(360deg);
86
+ }
87
+ }
88
+ @-webkit-keyframes fabric-spinner-rotate {
89
+ 0% {
90
+ -webkit-transform: rotate(0);
91
+ transform: rotate(0);
92
+ }
93
+ 100% {
94
+ -webkit-transform: rotate(360deg);
95
+ transform: rotate(360deg);
96
+ }
97
+ }
98
+ @keyframes fabric-spinner-rotate {
99
+ 0% {
100
+ -webkit-transform: rotate(0);
101
+ transform: rotate(0);
102
+ }
103
+ 100% {
104
+ -webkit-transform: rotate(360deg);
105
+ transform: rotate(360deg);
106
+ }
107
+ }
67
108
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
68
109
  content: "\e969";
69
110
  font-family: "e-icons";
70
111
  }
71
112
 
113
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
114
+ /* stylelint-disable declaration-no-important */
115
+ height: 20px !important;
116
+ width: 20px !important;
117
+ -webkit-transform-origin: 10px 10px 10px !important;
118
+ transform-origin: 10px 10px 10px !important;
119
+ /* stylelint-enable declaration-no-important */
120
+ }
121
+
72
122
  .e-multicolumn-grid tr.e-groupcaptionrow {
73
123
  position: sticky;
74
124
  top: 0;
@@ -109,6 +159,14 @@
109
159
  border-radius: 0 0 4px 4px;
110
160
  }
111
161
 
162
+ .e-multicolumn-list .e-multicolumn-list-hidden {
163
+ border: 0;
164
+ height: 0;
165
+ padding: 0;
166
+ visibility: hidden;
167
+ width: 0;
168
+ }
169
+
112
170
  .e-multicolumn-grid.e-grid {
113
171
  border-width: 1px;
114
172
  border-radius: 4px;
@@ -190,7 +248,8 @@
190
248
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
191
249
  }
192
250
 
193
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
251
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
252
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
194
253
  position: relative;
195
254
  }
196
255
 
@@ -286,6 +345,16 @@
286
345
  margin-top: unset;
287
346
  }
288
347
 
348
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
349
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
350
+ /* stylelint-disable declaration-no-important */
351
+ height: 26px !important;
352
+ width: 26px !important;
353
+ -webkit-transform-origin: 13px 13px 13px !important;
354
+ transform-origin: 13px 13px 13px !important;
355
+ /* stylelint-enable declaration-no-important */
356
+ }
357
+
289
358
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
290
359
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
291
360
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
package/styles/bootstrap-dark.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
8
9
  @import 'multicolumn-combobox/bootstrap-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap-lite.css CHANGED
@@ -64,11 +64,61 @@
64
64
  border-bottom: 1px solid #ccc;
65
65
  }
66
66
 
67
+ /* stylelint-disable property-no-vendor-prefix */
68
+ @-webkit-keyframes material-spinner-rotate {
69
+ 0% {
70
+ -webkit-transform: rotate(0);
71
+ transform: rotate(0);
72
+ }
73
+ 100% {
74
+ -webkit-transform: rotate(360deg);
75
+ transform: rotate(360deg);
76
+ }
77
+ }
78
+ @keyframes material-spinner-rotate {
79
+ 0% {
80
+ -webkit-transform: rotate(0);
81
+ transform: rotate(0);
82
+ }
83
+ 100% {
84
+ -webkit-transform: rotate(360deg);
85
+ transform: rotate(360deg);
86
+ }
87
+ }
88
+ @-webkit-keyframes fabric-spinner-rotate {
89
+ 0% {
90
+ -webkit-transform: rotate(0);
91
+ transform: rotate(0);
92
+ }
93
+ 100% {
94
+ -webkit-transform: rotate(360deg);
95
+ transform: rotate(360deg);
96
+ }
97
+ }
98
+ @keyframes fabric-spinner-rotate {
99
+ 0% {
100
+ -webkit-transform: rotate(0);
101
+ transform: rotate(0);
102
+ }
103
+ 100% {
104
+ -webkit-transform: rotate(360deg);
105
+ transform: rotate(360deg);
106
+ }
107
+ }
67
108
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
68
109
  content: "\e969";
69
110
  font-family: "e-icons";
70
111
  }
71
112
 
113
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
114
+ /* stylelint-disable declaration-no-important */
115
+ height: 20px !important;
116
+ width: 20px !important;
117
+ -webkit-transform-origin: 10px 10px 10px !important;
118
+ transform-origin: 10px 10px 10px !important;
119
+ /* stylelint-enable declaration-no-important */
120
+ }
121
+
72
122
  .e-multicolumn-grid tr.e-groupcaptionrow {
73
123
  position: sticky;
74
124
  top: 0;
@@ -109,6 +159,14 @@
109
159
  border-radius: 0 0 4px 4px;
110
160
  }
111
161
 
162
+ .e-multicolumn-list .e-multicolumn-list-hidden {
163
+ border: 0;
164
+ height: 0;
165
+ padding: 0;
166
+ visibility: hidden;
167
+ width: 0;
168
+ }
169
+
112
170
  .e-multicolumn-grid.e-grid {
113
171
  border-width: 0;
114
172
  border-radius: 4px;
@@ -190,7 +248,8 @@
190
248
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
191
249
  }
192
250
 
193
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
251
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
252
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
194
253
  position: relative;
195
254
  }
196
255
 
package/styles/bootstrap-lite.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
8
9
  @import 'multicolumn-combobox/bootstrap-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap.css CHANGED
@@ -64,11 +64,61 @@
64
64
  border-bottom: 1px solid #ccc;
65
65
  }
66
66
 
67
+ /* stylelint-disable property-no-vendor-prefix */
68
+ @-webkit-keyframes material-spinner-rotate {
69
+ 0% {
70
+ -webkit-transform: rotate(0);
71
+ transform: rotate(0);
72
+ }
73
+ 100% {
74
+ -webkit-transform: rotate(360deg);
75
+ transform: rotate(360deg);
76
+ }
77
+ }
78
+ @keyframes material-spinner-rotate {
79
+ 0% {
80
+ -webkit-transform: rotate(0);
81
+ transform: rotate(0);
82
+ }
83
+ 100% {
84
+ -webkit-transform: rotate(360deg);
85
+ transform: rotate(360deg);
86
+ }
87
+ }
88
+ @-webkit-keyframes fabric-spinner-rotate {
89
+ 0% {
90
+ -webkit-transform: rotate(0);
91
+ transform: rotate(0);
92
+ }
93
+ 100% {
94
+ -webkit-transform: rotate(360deg);
95
+ transform: rotate(360deg);
96
+ }
97
+ }
98
+ @keyframes fabric-spinner-rotate {
99
+ 0% {
100
+ -webkit-transform: rotate(0);
101
+ transform: rotate(0);
102
+ }
103
+ 100% {
104
+ -webkit-transform: rotate(360deg);
105
+ transform: rotate(360deg);
106
+ }
107
+ }
67
108
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
68
109
  content: "\e969";
69
110
  font-family: "e-icons";
70
111
  }
71
112
 
113
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
114
+ /* stylelint-disable declaration-no-important */
115
+ height: 20px !important;
116
+ width: 20px !important;
117
+ -webkit-transform-origin: 10px 10px 10px !important;
118
+ transform-origin: 10px 10px 10px !important;
119
+ /* stylelint-enable declaration-no-important */
120
+ }
121
+
72
122
  .e-multicolumn-grid tr.e-groupcaptionrow {
73
123
  position: sticky;
74
124
  top: 0;
@@ -109,6 +159,14 @@
109
159
  border-radius: 0 0 4px 4px;
110
160
  }
111
161
 
162
+ .e-multicolumn-list .e-multicolumn-list-hidden {
163
+ border: 0;
164
+ height: 0;
165
+ padding: 0;
166
+ visibility: hidden;
167
+ width: 0;
168
+ }
169
+
112
170
  .e-multicolumn-grid.e-grid {
113
171
  border-width: 0;
114
172
  border-radius: 4px;
@@ -190,7 +248,8 @@
190
248
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
191
249
  }
192
250
 
193
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
251
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
252
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
194
253
  position: relative;
195
254
  }
196
255
 
@@ -286,6 +345,16 @@
286
345
  margin-top: unset;
287
346
  }
288
347
 
348
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
349
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
350
+ /* stylelint-disable declaration-no-important */
351
+ height: 26px !important;
352
+ width: 26px !important;
353
+ -webkit-transform-origin: 13px 13px 13px !important;
354
+ transform-origin: 13px 13px 13px !important;
355
+ /* stylelint-enable declaration-no-important */
356
+ }
357
+
289
358
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
290
359
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
291
360
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
package/styles/bootstrap.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
8
9
  @import 'multicolumn-combobox/bootstrap-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap4-lite.css CHANGED
@@ -106,11 +106,61 @@
106
106
  font-size: 10px;
107
107
  }
108
108
 
109
+ /* stylelint-disable property-no-vendor-prefix */
110
+ @-webkit-keyframes material-spinner-rotate {
111
+ 0% {
112
+ -webkit-transform: rotate(0);
113
+ transform: rotate(0);
114
+ }
115
+ 100% {
116
+ -webkit-transform: rotate(360deg);
117
+ transform: rotate(360deg);
118
+ }
119
+ }
120
+ @keyframes material-spinner-rotate {
121
+ 0% {
122
+ -webkit-transform: rotate(0);
123
+ transform: rotate(0);
124
+ }
125
+ 100% {
126
+ -webkit-transform: rotate(360deg);
127
+ transform: rotate(360deg);
128
+ }
129
+ }
130
+ @-webkit-keyframes fabric-spinner-rotate {
131
+ 0% {
132
+ -webkit-transform: rotate(0);
133
+ transform: rotate(0);
134
+ }
135
+ 100% {
136
+ -webkit-transform: rotate(360deg);
137
+ transform: rotate(360deg);
138
+ }
139
+ }
140
+ @keyframes fabric-spinner-rotate {
141
+ 0% {
142
+ -webkit-transform: rotate(0);
143
+ transform: rotate(0);
144
+ }
145
+ 100% {
146
+ -webkit-transform: rotate(360deg);
147
+ transform: rotate(360deg);
148
+ }
149
+ }
109
150
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
110
151
  content: "\e744";
111
152
  font-family: "e-icons";
112
153
  }
113
154
 
155
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
156
+ /* stylelint-disable declaration-no-important */
157
+ height: 20px !important;
158
+ width: 20px !important;
159
+ -webkit-transform-origin: 10px 10px 10px !important;
160
+ transform-origin: 10px 10px 10px !important;
161
+ /* stylelint-enable declaration-no-important */
162
+ }
163
+
114
164
  .e-multicolumn-grid tr.e-groupcaptionrow {
115
165
  position: sticky;
116
166
  top: 0;
@@ -151,6 +201,14 @@
151
201
  border-radius: 0 0 2px 2px;
152
202
  }
153
203
 
204
+ .e-multicolumn-list .e-multicolumn-list-hidden {
205
+ border: 0;
206
+ height: 0;
207
+ padding: 0;
208
+ visibility: hidden;
209
+ width: 0;
210
+ }
211
+
154
212
  .e-multicolumn-grid.e-grid {
155
213
  border-width: 0;
156
214
  border-radius: 2px;
@@ -232,7 +290,8 @@
232
290
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
233
291
  }
234
292
 
235
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
293
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
294
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
236
295
  position: relative;
237
296
  }
238
297
 
package/styles/bootstrap4-lite.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap4-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap4-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
8
9
  @import 'multicolumn-combobox/bootstrap4-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap4.scss';
10
11
  @import 'multicolumn-combobox/all.scss';