@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/highcontrast-light.css CHANGED
@@ -61,11 +61,61 @@
61
61
  border-color: #000;
62
62
  }
63
63
 
64
+ /* stylelint-disable property-no-vendor-prefix */
65
+ @-webkit-keyframes material-spinner-rotate {
66
+ 0% {
67
+ -webkit-transform: rotate(0);
68
+ transform: rotate(0);
69
+ }
70
+ 100% {
71
+ -webkit-transform: rotate(360deg);
72
+ transform: rotate(360deg);
73
+ }
74
+ }
75
+ @keyframes material-spinner-rotate {
76
+ 0% {
77
+ -webkit-transform: rotate(0);
78
+ transform: rotate(0);
79
+ }
80
+ 100% {
81
+ -webkit-transform: rotate(360deg);
82
+ transform: rotate(360deg);
83
+ }
84
+ }
85
+ @-webkit-keyframes fabric-spinner-rotate {
86
+ 0% {
87
+ -webkit-transform: rotate(0);
88
+ transform: rotate(0);
89
+ }
90
+ 100% {
91
+ -webkit-transform: rotate(360deg);
92
+ transform: rotate(360deg);
93
+ }
94
+ }
95
+ @keyframes fabric-spinner-rotate {
96
+ 0% {
97
+ -webkit-transform: rotate(0);
98
+ transform: rotate(0);
99
+ }
100
+ 100% {
101
+ -webkit-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
64
105
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
65
106
  content: "\e966";
66
107
  font-family: "e-icons";
67
108
  }
68
109
 
110
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
111
+ /* stylelint-disable declaration-no-important */
112
+ height: 20px !important;
113
+ width: 20px !important;
114
+ -webkit-transform-origin: 10px 10px 10px !important;
115
+ transform-origin: 10px 10px 10px !important;
116
+ /* stylelint-enable declaration-no-important */
117
+ }
118
+
69
119
  .e-multicolumn-grid tr.e-groupcaptionrow {
70
120
  position: sticky;
71
121
  top: 0;
@@ -106,6 +156,14 @@
106
156
  border-radius: 0 0 0 0;
107
157
  }
108
158
 
159
+ .e-multicolumn-list .e-multicolumn-list-hidden {
160
+ border: 0;
161
+ height: 0;
162
+ padding: 0;
163
+ visibility: hidden;
164
+ width: 0;
165
+ }
166
+
109
167
  .e-multicolumn-grid.e-grid {
110
168
  border-width: 1px;
111
169
  border-radius: 0;
@@ -187,7 +245,8 @@
187
245
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
188
246
  }
189
247
 
190
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
248
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
249
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
191
250
  position: relative;
192
251
  }
193
252
 
@@ -283,6 +342,16 @@
283
342
  margin-top: unset;
284
343
  }
285
344
 
345
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
346
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
347
+ /* stylelint-disable declaration-no-important */
348
+ height: 26px !important;
349
+ width: 26px !important;
350
+ -webkit-transform-origin: 13px 13px 13px !important;
351
+ transform-origin: 13px 13px 13px !important;
352
+ /* stylelint-enable declaration-no-important */
353
+ }
354
+
286
355
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
287
356
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
288
357
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
package/styles/highcontrast-light.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/highcontrast-light-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
8
9
  @import 'multicolumn-combobox/highcontrast-light-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/highcontrast-light.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/highcontrast-lite.css CHANGED
@@ -61,11 +61,61 @@
61
61
  border-color: #fff;
62
62
  }
63
63
 
64
+ /* stylelint-disable property-no-vendor-prefix */
65
+ @-webkit-keyframes material-spinner-rotate {
66
+ 0% {
67
+ -webkit-transform: rotate(0);
68
+ transform: rotate(0);
69
+ }
70
+ 100% {
71
+ -webkit-transform: rotate(360deg);
72
+ transform: rotate(360deg);
73
+ }
74
+ }
75
+ @keyframes material-spinner-rotate {
76
+ 0% {
77
+ -webkit-transform: rotate(0);
78
+ transform: rotate(0);
79
+ }
80
+ 100% {
81
+ -webkit-transform: rotate(360deg);
82
+ transform: rotate(360deg);
83
+ }
84
+ }
85
+ @-webkit-keyframes fabric-spinner-rotate {
86
+ 0% {
87
+ -webkit-transform: rotate(0);
88
+ transform: rotate(0);
89
+ }
90
+ 100% {
91
+ -webkit-transform: rotate(360deg);
92
+ transform: rotate(360deg);
93
+ }
94
+ }
95
+ @keyframes fabric-spinner-rotate {
96
+ 0% {
97
+ -webkit-transform: rotate(0);
98
+ transform: rotate(0);
99
+ }
100
+ 100% {
101
+ -webkit-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
64
105
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
65
106
  content: "\e966";
66
107
  font-family: "e-icons";
67
108
  }
68
109
 
110
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
111
+ /* stylelint-disable declaration-no-important */
112
+ height: 20px !important;
113
+ width: 20px !important;
114
+ -webkit-transform-origin: 10px 10px 10px !important;
115
+ transform-origin: 10px 10px 10px !important;
116
+ /* stylelint-enable declaration-no-important */
117
+ }
118
+
69
119
  .e-multicolumn-grid tr.e-groupcaptionrow {
70
120
  position: sticky;
71
121
  top: 0;
@@ -110,6 +160,14 @@
110
160
  border-radius: 0 0 0 0;
111
161
  }
112
162
 
163
+ .e-multicolumn-list .e-multicolumn-list-hidden {
164
+ border: 0;
165
+ height: 0;
166
+ padding: 0;
167
+ visibility: hidden;
168
+ width: 0;
169
+ }
170
+
113
171
  .e-multicolumn-grid.e-grid {
114
172
  border-width: 1px;
115
173
  border-radius: 0;
@@ -191,7 +249,8 @@
191
249
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
192
250
  }
193
251
 
194
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
252
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
253
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
195
254
  position: relative;
196
255
  }
197
256
 
package/styles/highcontrast-lite.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/highcontrast-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
8
9
  @import 'multicolumn-combobox/highcontrast-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/highcontrast.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/highcontrast.css CHANGED
@@ -61,11 +61,61 @@
61
61
  border-color: #fff;
62
62
  }
63
63
 
64
+ /* stylelint-disable property-no-vendor-prefix */
65
+ @-webkit-keyframes material-spinner-rotate {
66
+ 0% {
67
+ -webkit-transform: rotate(0);
68
+ transform: rotate(0);
69
+ }
70
+ 100% {
71
+ -webkit-transform: rotate(360deg);
72
+ transform: rotate(360deg);
73
+ }
74
+ }
75
+ @keyframes material-spinner-rotate {
76
+ 0% {
77
+ -webkit-transform: rotate(0);
78
+ transform: rotate(0);
79
+ }
80
+ 100% {
81
+ -webkit-transform: rotate(360deg);
82
+ transform: rotate(360deg);
83
+ }
84
+ }
85
+ @-webkit-keyframes fabric-spinner-rotate {
86
+ 0% {
87
+ -webkit-transform: rotate(0);
88
+ transform: rotate(0);
89
+ }
90
+ 100% {
91
+ -webkit-transform: rotate(360deg);
92
+ transform: rotate(360deg);
93
+ }
94
+ }
95
+ @keyframes fabric-spinner-rotate {
96
+ 0% {
97
+ -webkit-transform: rotate(0);
98
+ transform: rotate(0);
99
+ }
100
+ 100% {
101
+ -webkit-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
64
105
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
65
106
  content: "\e966";
66
107
  font-family: "e-icons";
67
108
  }
68
109
 
110
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
111
+ /* stylelint-disable declaration-no-important */
112
+ height: 20px !important;
113
+ width: 20px !important;
114
+ -webkit-transform-origin: 10px 10px 10px !important;
115
+ transform-origin: 10px 10px 10px !important;
116
+ /* stylelint-enable declaration-no-important */
117
+ }
118
+
69
119
  .e-multicolumn-grid tr.e-groupcaptionrow {
70
120
  position: sticky;
71
121
  top: 0;
@@ -110,6 +160,14 @@
110
160
  border-radius: 0 0 0 0;
111
161
  }
112
162
 
163
+ .e-multicolumn-list .e-multicolumn-list-hidden {
164
+ border: 0;
165
+ height: 0;
166
+ padding: 0;
167
+ visibility: hidden;
168
+ width: 0;
169
+ }
170
+
113
171
  .e-multicolumn-grid.e-grid {
114
172
  border-width: 1px;
115
173
  border-radius: 0;
@@ -191,7 +249,8 @@
191
249
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
192
250
  }
193
251
 
194
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
252
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
253
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
195
254
  position: relative;
196
255
  }
197
256
 
@@ -287,6 +346,16 @@
287
346
  margin-top: unset;
288
347
  }
289
348
 
349
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
350
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
351
+ /* stylelint-disable declaration-no-important */
352
+ height: 26px !important;
353
+ width: 26px !important;
354
+ -webkit-transform-origin: 13px 13px 13px !important;
355
+ transform-origin: 13px 13px 13px !important;
356
+ /* stylelint-enable declaration-no-important */
357
+ }
358
+
290
359
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
291
360
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
292
361
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
package/styles/highcontrast.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/highcontrast-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
8
9
  @import 'multicolumn-combobox/highcontrast-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/highcontrast.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/material-dark-lite.css CHANGED
@@ -89,11 +89,61 @@
89
89
  padding: 5px 5px 5px 12px;
90
90
  }
91
91
 
92
+ /* stylelint-disable property-no-vendor-prefix */
93
+ @-webkit-keyframes material-spinner-rotate {
94
+ 0% {
95
+ -webkit-transform: rotate(0deg);
96
+ transform: rotate(0deg);
97
+ }
98
+ 100% {
99
+ -webkit-transform: rotate(360deg);
100
+ transform: rotate(360deg);
101
+ }
102
+ }
103
+ @keyframes material-spinner-rotate {
104
+ 0% {
105
+ -webkit-transform: rotate(0deg);
106
+ transform: rotate(0deg);
107
+ }
108
+ 100% {
109
+ -webkit-transform: rotate(360deg);
110
+ transform: rotate(360deg);
111
+ }
112
+ }
113
+ @-webkit-keyframes fabric-spinner-rotate {
114
+ 0% {
115
+ -webkit-transform: rotate(0deg);
116
+ transform: rotate(0deg);
117
+ }
118
+ 100% {
119
+ -webkit-transform: rotate(360deg);
120
+ transform: rotate(360deg);
121
+ }
122
+ }
123
+ @keyframes fabric-spinner-rotate {
124
+ 0% {
125
+ -webkit-transform: rotate(0deg);
126
+ transform: rotate(0deg);
127
+ }
128
+ 100% {
129
+ -webkit-transform: rotate(360deg);
130
+ transform: rotate(360deg);
131
+ }
132
+ }
92
133
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
93
134
  content: "\e969";
94
135
  font-family: "e-icons";
95
136
  }
96
137
 
138
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
139
+ /* stylelint-disable declaration-no-important */
140
+ height: 20px !important;
141
+ width: 20px !important;
142
+ -webkit-transform-origin: 10px 10px 10px !important;
143
+ transform-origin: 10px 10px 10px !important;
144
+ /* stylelint-enable declaration-no-important */
145
+ }
146
+
97
147
  .e-multicolumn-grid tr.e-groupcaptionrow {
98
148
  position: sticky;
99
149
  top: 0;
@@ -134,6 +184,14 @@
134
184
  border-radius: 0 0 0 0;
135
185
  }
136
186
 
187
+ .e-multicolumn-list .e-multicolumn-list-hidden {
188
+ border: 0;
189
+ height: 0;
190
+ padding: 0;
191
+ visibility: hidden;
192
+ width: 0;
193
+ }
194
+
137
195
  .e-multicolumn-grid.e-grid {
138
196
  border-width: 0;
139
197
  border-radius: 0;
@@ -215,7 +273,8 @@
215
273
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
216
274
  }
217
275
 
218
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
276
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
277
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
219
278
  position: relative;
220
279
  }
221
280
 
package/styles/material-dark-lite.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/material-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
8
9
  @import 'multicolumn-combobox/material-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/material-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/material-dark.css CHANGED
@@ -89,11 +89,61 @@
89
89
  padding: 5px 5px 5px 12px;
90
90
  }
91
91
 
92
+ /* stylelint-disable property-no-vendor-prefix */
93
+ @-webkit-keyframes material-spinner-rotate {
94
+ 0% {
95
+ -webkit-transform: rotate(0deg);
96
+ transform: rotate(0deg);
97
+ }
98
+ 100% {
99
+ -webkit-transform: rotate(360deg);
100
+ transform: rotate(360deg);
101
+ }
102
+ }
103
+ @keyframes material-spinner-rotate {
104
+ 0% {
105
+ -webkit-transform: rotate(0deg);
106
+ transform: rotate(0deg);
107
+ }
108
+ 100% {
109
+ -webkit-transform: rotate(360deg);
110
+ transform: rotate(360deg);
111
+ }
112
+ }
113
+ @-webkit-keyframes fabric-spinner-rotate {
114
+ 0% {
115
+ -webkit-transform: rotate(0deg);
116
+ transform: rotate(0deg);
117
+ }
118
+ 100% {
119
+ -webkit-transform: rotate(360deg);
120
+ transform: rotate(360deg);
121
+ }
122
+ }
123
+ @keyframes fabric-spinner-rotate {
124
+ 0% {
125
+ -webkit-transform: rotate(0deg);
126
+ transform: rotate(0deg);
127
+ }
128
+ 100% {
129
+ -webkit-transform: rotate(360deg);
130
+ transform: rotate(360deg);
131
+ }
132
+ }
92
133
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
93
134
  content: "\e969";
94
135
  font-family: "e-icons";
95
136
  }
96
137
 
138
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
139
+ /* stylelint-disable declaration-no-important */
140
+ height: 20px !important;
141
+ width: 20px !important;
142
+ -webkit-transform-origin: 10px 10px 10px !important;
143
+ transform-origin: 10px 10px 10px !important;
144
+ /* stylelint-enable declaration-no-important */
145
+ }
146
+
97
147
  .e-multicolumn-grid tr.e-groupcaptionrow {
98
148
  position: sticky;
99
149
  top: 0;
@@ -134,6 +184,14 @@
134
184
  border-radius: 0 0 0 0;
135
185
  }
136
186
 
187
+ .e-multicolumn-list .e-multicolumn-list-hidden {
188
+ border: 0;
189
+ height: 0;
190
+ padding: 0;
191
+ visibility: hidden;
192
+ width: 0;
193
+ }
194
+
137
195
  .e-multicolumn-grid.e-grid {
138
196
  border-width: 0;
139
197
  border-radius: 0;
@@ -215,7 +273,8 @@
215
273
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
216
274
  }
217
275
 
218
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
276
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
277
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
219
278
  position: relative;
220
279
  }
221
280
 
@@ -311,6 +370,16 @@
311
370
  margin-top: 1px;
312
371
  }
313
372
 
373
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
374
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
375
+ /* stylelint-disable declaration-no-important */
376
+ height: 26px !important;
377
+ width: 26px !important;
378
+ -webkit-transform-origin: 13px 13px 13px !important;
379
+ transform-origin: 13px 13px 13px !important;
380
+ /* stylelint-enable declaration-no-important */
381
+ }
382
+
314
383
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
315
384
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
316
385
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
package/styles/material-dark.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/material-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
8
9
  @import 'multicolumn-combobox/material-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/material-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/material-lite.css CHANGED
@@ -93,11 +93,61 @@
93
93
  padding: 4px 8px;
94
94
  }
95
95
 
96
+ /* stylelint-disable property-no-vendor-prefix */
97
+ @-webkit-keyframes material-spinner-rotate {
98
+ 0% {
99
+ -webkit-transform: rotate(0deg);
100
+ transform: rotate(0deg);
101
+ }
102
+ 100% {
103
+ -webkit-transform: rotate(360deg);
104
+ transform: rotate(360deg);
105
+ }
106
+ }
107
+ @keyframes material-spinner-rotate {
108
+ 0% {
109
+ -webkit-transform: rotate(0deg);
110
+ transform: rotate(0deg);
111
+ }
112
+ 100% {
113
+ -webkit-transform: rotate(360deg);
114
+ transform: rotate(360deg);
115
+ }
116
+ }
117
+ @-webkit-keyframes fabric-spinner-rotate {
118
+ 0% {
119
+ -webkit-transform: rotate(0deg);
120
+ transform: rotate(0deg);
121
+ }
122
+ 100% {
123
+ -webkit-transform: rotate(360deg);
124
+ transform: rotate(360deg);
125
+ }
126
+ }
127
+ @keyframes fabric-spinner-rotate {
128
+ 0% {
129
+ -webkit-transform: rotate(0deg);
130
+ transform: rotate(0deg);
131
+ }
132
+ 100% {
133
+ -webkit-transform: rotate(360deg);
134
+ transform: rotate(360deg);
135
+ }
136
+ }
96
137
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
97
138
  content: "\e969";
98
139
  font-family: "e-icons";
99
140
  }
100
141
 
142
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
143
+ /* stylelint-disable declaration-no-important */
144
+ height: 20px !important;
145
+ width: 20px !important;
146
+ -webkit-transform-origin: 10px 10px 10px !important;
147
+ transform-origin: 10px 10px 10px !important;
148
+ /* stylelint-enable declaration-no-important */
149
+ }
150
+
101
151
  .e-multicolumn-grid tr.e-groupcaptionrow {
102
152
  position: sticky;
103
153
  top: 0;
@@ -138,6 +188,14 @@
138
188
  border-radius: 0 0 0 0;
139
189
  }
140
190
 
191
+ .e-multicolumn-list .e-multicolumn-list-hidden {
192
+ border: 0;
193
+ height: 0;
194
+ padding: 0;
195
+ visibility: hidden;
196
+ width: 0;
197
+ }
198
+
141
199
  .e-multicolumn-grid.e-grid {
142
200
  border-width: 1px;
143
201
  border-radius: 0;
@@ -219,7 +277,8 @@
219
277
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
220
278
  }
221
279
 
222
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
280
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
281
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
223
282
  position: relative;
224
283
  }
225
284
 
package/styles/material-lite.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/material-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/material-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/material-definition.scss';
8
9
  @import 'multicolumn-combobox/material-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/material.scss';
10
11
  @import 'multicolumn-combobox/all.scss';