@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
@@ -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,
@@ -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 'bootstrap-dark-definition.scss';
9
10
  @import 'icons/bootstrap-dark.scss';
10
11
  @import 'all.scss';
@@ -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,
@@ -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 'bootstrap-definition.scss';
9
10
  @import 'icons/bootstrap.scss';
10
11
  @import 'all.scss';
@@ -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
 
@@ -328,6 +387,16 @@
328
387
  margin-top: 2px;
329
388
  }
330
389
 
390
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
391
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
392
+ /* stylelint-disable declaration-no-important */
393
+ height: 26px !important;
394
+ width: 26px !important;
395
+ -webkit-transform-origin: 13px 13px 13px !important;
396
+ transform-origin: 13px 13px 13px !important;
397
+ /* stylelint-enable declaration-no-important */
398
+ }
399
+
331
400
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
332
401
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
333
402
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -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 'bootstrap4-definition.scss';
9
10
  @import 'icons/bootstrap4.scss';
10
11
  @import 'all.scss';
@@ -114,11 +114,61 @@
114
114
  font-size: 14px;
115
115
  }
116
116
 
117
+ /* stylelint-disable property-no-vendor-prefix */
118
+ @-webkit-keyframes material-spinner-rotate {
119
+ 0% {
120
+ -webkit-transform: rotate(0);
121
+ transform: rotate(0);
122
+ }
123
+ 100% {
124
+ -webkit-transform: rotate(360deg);
125
+ transform: rotate(360deg);
126
+ }
127
+ }
128
+ @keyframes material-spinner-rotate {
129
+ 0% {
130
+ -webkit-transform: rotate(0);
131
+ transform: rotate(0);
132
+ }
133
+ 100% {
134
+ -webkit-transform: rotate(360deg);
135
+ transform: rotate(360deg);
136
+ }
137
+ }
138
+ @-webkit-keyframes fabric-spinner-rotate {
139
+ 0% {
140
+ -webkit-transform: rotate(0);
141
+ transform: rotate(0);
142
+ }
143
+ 100% {
144
+ -webkit-transform: rotate(360deg);
145
+ transform: rotate(360deg);
146
+ }
147
+ }
148
+ @keyframes fabric-spinner-rotate {
149
+ 0% {
150
+ -webkit-transform: rotate(0);
151
+ transform: rotate(0);
152
+ }
153
+ 100% {
154
+ -webkit-transform: rotate(360deg);
155
+ transform: rotate(360deg);
156
+ }
157
+ }
117
158
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
118
159
  content: "\e729";
119
160
  font-family: "e-icons";
120
161
  }
121
162
 
163
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
164
+ /* stylelint-disable declaration-no-important */
165
+ height: 20px !important;
166
+ width: 20px !important;
167
+ -webkit-transform-origin: 10px 10px 10px !important;
168
+ transform-origin: 10px 10px 10px !important;
169
+ /* stylelint-enable declaration-no-important */
170
+ }
171
+
122
172
  .e-multicolumn-grid tr.e-groupcaptionrow {
123
173
  position: sticky;
124
174
  top: 0;
@@ -159,6 +209,14 @@
159
209
  border-radius: 0 0 2px 2px;
160
210
  }
161
211
 
212
+ .e-multicolumn-list .e-multicolumn-list-hidden {
213
+ border: 0;
214
+ height: 0;
215
+ padding: 0;
216
+ visibility: hidden;
217
+ width: 0;
218
+ }
219
+
162
220
  .e-multicolumn-grid.e-grid {
163
221
  border-width: 1px;
164
222
  border-radius: 2px;
@@ -240,7 +298,8 @@
240
298
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
241
299
  }
242
300
 
243
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
301
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
302
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
244
303
  position: relative;
245
304
  }
246
305
 
@@ -308,7 +367,7 @@
308
367
  background: transparent;
309
368
  }
310
369
  .e-popup.e-multicolumn-list .e-altrow {
311
- background: #282d31;
370
+ background: #1a1d21;
312
371
  }
313
372
  .e-popup.e-multicolumn-list .e-grid .e-headercell {
314
373
  background-color: unset;
@@ -336,6 +395,16 @@
336
395
  margin-top: 4px;
337
396
  }
338
397
 
398
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
399
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
400
+ /* stylelint-disable declaration-no-important */
401
+ height: 26px !important;
402
+ width: 26px !important;
403
+ -webkit-transform-origin: 13px 13px 13px !important;
404
+ transform-origin: 13px 13px 13px !important;
405
+ /* stylelint-enable declaration-no-important */
406
+ }
407
+
339
408
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
340
409
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
341
410
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap5-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
8
9
  @import 'bootstrap5-dark-definition.scss';
9
10
  @import 'icons/bootstrap5-dark.scss';
10
11
  @import 'all.scss';
@@ -118,11 +118,61 @@
118
118
  font-size: 14px;
119
119
  }
120
120
 
121
+ /* stylelint-disable property-no-vendor-prefix */
122
+ @-webkit-keyframes material-spinner-rotate {
123
+ 0% {
124
+ -webkit-transform: rotate(0);
125
+ transform: rotate(0);
126
+ }
127
+ 100% {
128
+ -webkit-transform: rotate(360deg);
129
+ transform: rotate(360deg);
130
+ }
131
+ }
132
+ @keyframes material-spinner-rotate {
133
+ 0% {
134
+ -webkit-transform: rotate(0);
135
+ transform: rotate(0);
136
+ }
137
+ 100% {
138
+ -webkit-transform: rotate(360deg);
139
+ transform: rotate(360deg);
140
+ }
141
+ }
142
+ @-webkit-keyframes fabric-spinner-rotate {
143
+ 0% {
144
+ -webkit-transform: rotate(0);
145
+ transform: rotate(0);
146
+ }
147
+ 100% {
148
+ -webkit-transform: rotate(360deg);
149
+ transform: rotate(360deg);
150
+ }
151
+ }
152
+ @keyframes fabric-spinner-rotate {
153
+ 0% {
154
+ -webkit-transform: rotate(0);
155
+ transform: rotate(0);
156
+ }
157
+ 100% {
158
+ -webkit-transform: rotate(360deg);
159
+ transform: rotate(360deg);
160
+ }
161
+ }
121
162
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
122
163
  content: "\e729";
123
164
  font-family: "e-icons";
124
165
  }
125
166
 
167
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
168
+ /* stylelint-disable declaration-no-important */
169
+ height: 20px !important;
170
+ width: 20px !important;
171
+ -webkit-transform-origin: 10px 10px 10px !important;
172
+ transform-origin: 10px 10px 10px !important;
173
+ /* stylelint-enable declaration-no-important */
174
+ }
175
+
126
176
  .e-multicolumn-grid tr.e-groupcaptionrow {
127
177
  position: sticky;
128
178
  top: 0;
@@ -163,6 +213,14 @@
163
213
  border-radius: 0 0 4px 4px;
164
214
  }
165
215
 
216
+ .e-multicolumn-list .e-multicolumn-list-hidden {
217
+ border: 0;
218
+ height: 0;
219
+ padding: 0;
220
+ visibility: hidden;
221
+ width: 0;
222
+ }
223
+
166
224
  .e-multicolumn-grid.e-grid {
167
225
  border-width: 1px;
168
226
  border-radius: 4px;
@@ -244,7 +302,8 @@
244
302
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
245
303
  }
246
304
 
247
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
305
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
306
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
248
307
  position: relative;
249
308
  }
250
309
 
@@ -340,6 +399,16 @@
340
399
  margin-top: unset;
341
400
  }
342
401
 
402
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
403
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
404
+ /* stylelint-disable declaration-no-important */
405
+ height: 26px !important;
406
+ width: 26px !important;
407
+ -webkit-transform-origin: 13px 13px 13px !important;
408
+ transform-origin: 13px 13px 13px !important;
409
+ /* stylelint-enable declaration-no-important */
410
+ }
411
+
343
412
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
344
413
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
345
414
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap5.3-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap5.3-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap5.3-definition.scss';
8
9
  @import 'bootstrap5.3-definition.scss';
9
10
  @import 'icons/bootstrap5.3.scss';
10
11
  @import 'all.scss';
@@ -114,11 +114,61 @@
114
114
  font-size: 14px;
115
115
  }
116
116
 
117
+ /* stylelint-disable property-no-vendor-prefix */
118
+ @-webkit-keyframes material-spinner-rotate {
119
+ 0% {
120
+ -webkit-transform: rotate(0);
121
+ transform: rotate(0);
122
+ }
123
+ 100% {
124
+ -webkit-transform: rotate(360deg);
125
+ transform: rotate(360deg);
126
+ }
127
+ }
128
+ @keyframes material-spinner-rotate {
129
+ 0% {
130
+ -webkit-transform: rotate(0);
131
+ transform: rotate(0);
132
+ }
133
+ 100% {
134
+ -webkit-transform: rotate(360deg);
135
+ transform: rotate(360deg);
136
+ }
137
+ }
138
+ @-webkit-keyframes fabric-spinner-rotate {
139
+ 0% {
140
+ -webkit-transform: rotate(0);
141
+ transform: rotate(0);
142
+ }
143
+ 100% {
144
+ -webkit-transform: rotate(360deg);
145
+ transform: rotate(360deg);
146
+ }
147
+ }
148
+ @keyframes fabric-spinner-rotate {
149
+ 0% {
150
+ -webkit-transform: rotate(0);
151
+ transform: rotate(0);
152
+ }
153
+ 100% {
154
+ -webkit-transform: rotate(360deg);
155
+ transform: rotate(360deg);
156
+ }
157
+ }
117
158
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
118
159
  content: "\e729";
119
160
  font-family: "e-icons";
120
161
  }
121
162
 
163
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
164
+ /* stylelint-disable declaration-no-important */
165
+ height: 20px !important;
166
+ width: 20px !important;
167
+ -webkit-transform-origin: 10px 10px 10px !important;
168
+ transform-origin: 10px 10px 10px !important;
169
+ /* stylelint-enable declaration-no-important */
170
+ }
171
+
122
172
  .e-multicolumn-grid tr.e-groupcaptionrow {
123
173
  position: sticky;
124
174
  top: 0;
@@ -159,6 +209,14 @@
159
209
  border-radius: 0 0 2px 2px;
160
210
  }
161
211
 
212
+ .e-multicolumn-list .e-multicolumn-list-hidden {
213
+ border: 0;
214
+ height: 0;
215
+ padding: 0;
216
+ visibility: hidden;
217
+ width: 0;
218
+ }
219
+
162
220
  .e-multicolumn-grid.e-grid {
163
221
  border-width: 1px;
164
222
  border-radius: 2px;
@@ -240,7 +298,8 @@
240
298
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
241
299
  }
242
300
 
243
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
301
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
302
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
244
303
  position: relative;
245
304
  }
246
305
 
@@ -336,6 +395,16 @@
336
395
  margin-top: 4px;
337
396
  }
338
397
 
398
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
399
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
400
+ /* stylelint-disable declaration-no-important */
401
+ height: 26px !important;
402
+ width: 26px !important;
403
+ -webkit-transform-origin: 13px 13px 13px !important;
404
+ transform-origin: 13px 13px 13px !important;
405
+ /* stylelint-enable declaration-no-important */
406
+ }
407
+
339
408
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
340
409
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
341
410
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/bootstrap5-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
8
9
  @import 'bootstrap5-definition.scss';
9
10
  @import 'icons/bootstrap5.scss';
10
11
  @import 'all.scss';