@syncfusion/ej2-multicolumn-combobox 28.2.9 → 29.1.34

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 (142) 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 +44 -10
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +46 -10
  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/package.json +16 -18
  12. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
  13. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +3 -0
  14. package/src/multicolumn-combobox/multi-column-combo-box.js +46 -10
  15. package/styles/bds-lite.css +52 -1
  16. package/styles/bds-lite.scss +1 -0
  17. package/styles/bds.css +62 -1
  18. package/styles/bds.scss +1 -0
  19. package/styles/bootstrap-dark-lite.css +52 -1
  20. package/styles/bootstrap-dark-lite.scss +1 -0
  21. package/styles/bootstrap-dark.css +62 -1
  22. package/styles/bootstrap-dark.scss +1 -0
  23. package/styles/bootstrap-lite.css +52 -1
  24. package/styles/bootstrap-lite.scss +1 -0
  25. package/styles/bootstrap.css +62 -1
  26. package/styles/bootstrap.scss +1 -0
  27. package/styles/bootstrap4-lite.css +52 -1
  28. package/styles/bootstrap4-lite.scss +1 -0
  29. package/styles/bootstrap4.css +62 -1
  30. package/styles/bootstrap4.scss +1 -0
  31. package/styles/bootstrap5-dark-lite.css +53 -2
  32. package/styles/bootstrap5-dark-lite.scss +1 -0
  33. package/styles/bootstrap5-dark.css +63 -2
  34. package/styles/bootstrap5-dark.scss +1 -0
  35. package/styles/bootstrap5-lite.css +52 -1
  36. package/styles/bootstrap5-lite.scss +1 -0
  37. package/styles/bootstrap5.3-lite.css +52 -1
  38. package/styles/bootstrap5.3-lite.scss +1 -0
  39. package/styles/bootstrap5.3.css +62 -1
  40. package/styles/bootstrap5.3.scss +1 -0
  41. package/styles/bootstrap5.css +62 -1
  42. package/styles/bootstrap5.scss +1 -0
  43. package/styles/fabric-dark-lite.css +52 -1
  44. package/styles/fabric-dark-lite.scss +1 -0
  45. package/styles/fabric-dark.css +62 -1
  46. package/styles/fabric-dark.scss +1 -0
  47. package/styles/fabric-lite.css +52 -1
  48. package/styles/fabric-lite.scss +1 -0
  49. package/styles/fabric.css +62 -1
  50. package/styles/fabric.scss +1 -0
  51. package/styles/fluent-dark-lite.css +52 -1
  52. package/styles/fluent-dark-lite.scss +1 -0
  53. package/styles/fluent-dark.css +62 -1
  54. package/styles/fluent-dark.scss +1 -0
  55. package/styles/fluent-lite.css +52 -1
  56. package/styles/fluent-lite.scss +1 -0
  57. package/styles/fluent.css +62 -1
  58. package/styles/fluent.scss +1 -0
  59. package/styles/fluent2-lite.css +52 -1
  60. package/styles/fluent2-lite.scss +1 -0
  61. package/styles/fluent2.css +62 -1
  62. package/styles/fluent2.scss +1 -0
  63. package/styles/highcontrast-light-lite.css +52 -1
  64. package/styles/highcontrast-light-lite.scss +1 -0
  65. package/styles/highcontrast-light.css +62 -1
  66. package/styles/highcontrast-light.scss +1 -0
  67. package/styles/highcontrast-lite.css +52 -1
  68. package/styles/highcontrast-lite.scss +1 -0
  69. package/styles/highcontrast.css +62 -1
  70. package/styles/highcontrast.scss +1 -0
  71. package/styles/material-dark-lite.css +52 -1
  72. package/styles/material-dark-lite.scss +1 -0
  73. package/styles/material-dark.css +62 -1
  74. package/styles/material-dark.scss +1 -0
  75. package/styles/material-lite.css +52 -1
  76. package/styles/material-lite.scss +1 -0
  77. package/styles/material.css +62 -1
  78. package/styles/material.scss +1 -0
  79. package/styles/material3-dark-lite.css +52 -1
  80. package/styles/material3-dark-lite.scss +1 -0
  81. package/styles/material3-dark.css +62 -1
  82. package/styles/material3-dark.scss +1 -0
  83. package/styles/material3-lite.css +52 -1
  84. package/styles/material3-lite.scss +1 -0
  85. package/styles/material3.css +62 -1
  86. package/styles/material3.scss +1 -0
  87. package/styles/multicolumn-combobox/_bigger.scss +9 -0
  88. package/styles/multicolumn-combobox/_layout.scss +9 -1
  89. package/styles/multicolumn-combobox/bds.css +62 -1
  90. package/styles/multicolumn-combobox/bds.scss +1 -0
  91. package/styles/multicolumn-combobox/bootstrap-dark.css +62 -1
  92. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  93. package/styles/multicolumn-combobox/bootstrap.css +62 -1
  94. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  95. package/styles/multicolumn-combobox/bootstrap4.css +62 -1
  96. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  97. package/styles/multicolumn-combobox/bootstrap5-dark.css +63 -2
  98. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  99. package/styles/multicolumn-combobox/bootstrap5.3.css +62 -1
  100. package/styles/multicolumn-combobox/bootstrap5.3.scss +1 -0
  101. package/styles/multicolumn-combobox/bootstrap5.css +62 -1
  102. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  103. package/styles/multicolumn-combobox/fabric-dark.css +62 -1
  104. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  105. package/styles/multicolumn-combobox/fabric.css +62 -1
  106. package/styles/multicolumn-combobox/fabric.scss +1 -0
  107. package/styles/multicolumn-combobox/fluent-dark.css +62 -1
  108. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  109. package/styles/multicolumn-combobox/fluent.css +62 -1
  110. package/styles/multicolumn-combobox/fluent.scss +1 -0
  111. package/styles/multicolumn-combobox/fluent2.css +62 -1
  112. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  113. package/styles/multicolumn-combobox/highcontrast-light.css +62 -1
  114. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  115. package/styles/multicolumn-combobox/highcontrast.css +62 -1
  116. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  117. package/styles/multicolumn-combobox/material-dark.css +62 -1
  118. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  119. package/styles/multicolumn-combobox/material.css +62 -1
  120. package/styles/multicolumn-combobox/material.scss +1 -0
  121. package/styles/multicolumn-combobox/material3-dark.css +62 -1
  122. package/styles/multicolumn-combobox/material3-dark.scss +1 -0
  123. package/styles/multicolumn-combobox/material3.css +62 -1
  124. package/styles/multicolumn-combobox/material3.scss +1 -0
  125. package/styles/multicolumn-combobox/tailwind-dark.css +64 -3
  126. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  127. package/styles/multicolumn-combobox/tailwind.css +62 -1
  128. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  129. package/styles/multicolumn-combobox/tailwind3.css +62 -1
  130. package/styles/multicolumn-combobox/tailwind3.scss +1 -0
  131. package/styles/tailwind-dark-lite.css +54 -3
  132. package/styles/tailwind-dark-lite.scss +1 -0
  133. package/styles/tailwind-dark.css +64 -3
  134. package/styles/tailwind-dark.scss +1 -0
  135. package/styles/tailwind-lite.css +52 -1
  136. package/styles/tailwind-lite.scss +1 -0
  137. package/styles/tailwind.css +62 -1
  138. package/styles/tailwind.scss +1 -0
  139. package/styles/tailwind3-lite.css +52 -1
  140. package/styles/tailwind3-lite.scss +1 -0
  141. package/styles/tailwind3.css +62 -1
  142. package/styles/tailwind3.scss +1 -0
@@ -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;
@@ -240,7 +290,8 @@
240
290
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
241
291
  }
242
292
 
243
- .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 {
244
295
  position: relative;
245
296
  }
246
297
 
@@ -336,6 +387,16 @@
336
387
  margin-top: 2px;
337
388
  }
338
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
+
339
400
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
340
401
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
341
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;
@@ -248,7 +298,8 @@
248
298
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
249
299
  }
250
300
 
251
- .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 {
252
303
  position: relative;
253
304
  }
254
305
 
@@ -316,7 +367,7 @@
316
367
  background: transparent;
317
368
  }
318
369
  .e-popup.e-multicolumn-list .e-altrow {
319
- background: #282d31;
370
+ background: #1a1d21;
320
371
  }
321
372
  .e-popup.e-multicolumn-list .e-grid .e-headercell {
322
373
  background-color: unset;
@@ -344,6 +395,16 @@
344
395
  margin-top: 4px;
345
396
  }
346
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
+
347
408
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
348
409
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
349
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;
@@ -252,7 +302,8 @@
252
302
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
253
303
  }
254
304
 
255
- .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 {
256
307
  position: relative;
257
308
  }
258
309
 
@@ -348,6 +399,16 @@
348
399
  margin-top: unset;
349
400
  }
350
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
+
351
412
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
352
413
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
353
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;
@@ -248,7 +298,8 @@
248
298
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
249
299
  }
250
300
 
251
- .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 {
252
303
  position: relative;
253
304
  }
254
305
 
@@ -344,6 +395,16 @@
344
395
  margin-top: 4px;
345
396
  }
346
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
+
347
408
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
348
409
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
349
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';
@@ -40,11 +40,61 @@
40
40
  color: #fff;
41
41
  }
42
42
 
43
+ /* stylelint-disable property-no-vendor-prefix */
44
+ @-webkit-keyframes material-spinner-rotate {
45
+ 0% {
46
+ -webkit-transform: rotate(0);
47
+ transform: rotate(0);
48
+ }
49
+ 100% {
50
+ -webkit-transform: rotate(360deg);
51
+ transform: rotate(360deg);
52
+ }
53
+ }
54
+ @keyframes material-spinner-rotate {
55
+ 0% {
56
+ -webkit-transform: rotate(0);
57
+ transform: rotate(0);
58
+ }
59
+ 100% {
60
+ -webkit-transform: rotate(360deg);
61
+ transform: rotate(360deg);
62
+ }
63
+ }
64
+ @-webkit-keyframes fabric-spinner-rotate {
65
+ 0% {
66
+ -webkit-transform: rotate(0);
67
+ transform: rotate(0);
68
+ }
69
+ 100% {
70
+ -webkit-transform: rotate(360deg);
71
+ transform: rotate(360deg);
72
+ }
73
+ }
74
+ @keyframes fabric-spinner-rotate {
75
+ 0% {
76
+ -webkit-transform: rotate(0);
77
+ transform: rotate(0);
78
+ }
79
+ 100% {
80
+ -webkit-transform: rotate(360deg);
81
+ transform: rotate(360deg);
82
+ }
83
+ }
43
84
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
44
85
  content: "\e966";
45
86
  font-family: "e-icons";
46
87
  }
47
88
 
89
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
90
+ /* stylelint-disable declaration-no-important */
91
+ height: 20px !important;
92
+ width: 20px !important;
93
+ -webkit-transform-origin: 10px 10px 10px !important;
94
+ transform-origin: 10px 10px 10px !important;
95
+ /* stylelint-enable declaration-no-important */
96
+ }
97
+
48
98
  .e-multicolumn-grid tr.e-groupcaptionrow {
49
99
  position: sticky;
50
100
  top: 0;
@@ -174,7 +224,8 @@
174
224
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
175
225
  }
176
226
 
177
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
227
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
228
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
178
229
  position: relative;
179
230
  }
180
231
 
@@ -270,6 +321,16 @@
270
321
  margin-top: unset;
271
322
  }
272
323
 
324
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
325
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
326
+ /* stylelint-disable declaration-no-important */
327
+ height: 26px !important;
328
+ width: 26px !important;
329
+ -webkit-transform-origin: 13px 13px 13px !important;
330
+ transform-origin: 13px 13px 13px !important;
331
+ /* stylelint-enable declaration-no-important */
332
+ }
333
+
273
334
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
274
335
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
275
336
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/fabric-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/fabric-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
8
9
  @import 'fabric-dark-definition.scss';
9
10
  @import 'icons/fabric-dark.scss';
10
11
  @import 'all.scss';
@@ -40,11 +40,61 @@
40
40
  color: #333;
41
41
  }
42
42
 
43
+ /* stylelint-disable property-no-vendor-prefix */
44
+ @-webkit-keyframes material-spinner-rotate {
45
+ 0% {
46
+ -webkit-transform: rotate(0);
47
+ transform: rotate(0);
48
+ }
49
+ 100% {
50
+ -webkit-transform: rotate(360deg);
51
+ transform: rotate(360deg);
52
+ }
53
+ }
54
+ @keyframes material-spinner-rotate {
55
+ 0% {
56
+ -webkit-transform: rotate(0);
57
+ transform: rotate(0);
58
+ }
59
+ 100% {
60
+ -webkit-transform: rotate(360deg);
61
+ transform: rotate(360deg);
62
+ }
63
+ }
64
+ @-webkit-keyframes fabric-spinner-rotate {
65
+ 0% {
66
+ -webkit-transform: rotate(0);
67
+ transform: rotate(0);
68
+ }
69
+ 100% {
70
+ -webkit-transform: rotate(360deg);
71
+ transform: rotate(360deg);
72
+ }
73
+ }
74
+ @keyframes fabric-spinner-rotate {
75
+ 0% {
76
+ -webkit-transform: rotate(0);
77
+ transform: rotate(0);
78
+ }
79
+ 100% {
80
+ -webkit-transform: rotate(360deg);
81
+ transform: rotate(360deg);
82
+ }
83
+ }
43
84
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
44
85
  content: "\e966";
45
86
  font-family: "e-icons";
46
87
  }
47
88
 
89
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
90
+ /* stylelint-disable declaration-no-important */
91
+ height: 20px !important;
92
+ width: 20px !important;
93
+ -webkit-transform-origin: 10px 10px 10px !important;
94
+ transform-origin: 10px 10px 10px !important;
95
+ /* stylelint-enable declaration-no-important */
96
+ }
97
+
48
98
  .e-multicolumn-grid tr.e-groupcaptionrow {
49
99
  position: sticky;
50
100
  top: 0;
@@ -174,7 +224,8 @@
174
224
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
175
225
  }
176
226
 
177
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
227
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
228
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
178
229
  position: relative;
179
230
  }
180
231
 
@@ -270,6 +321,16 @@
270
321
  margin-top: unset;
271
322
  }
272
323
 
324
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
325
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
326
+ /* stylelint-disable declaration-no-important */
327
+ height: 26px !important;
328
+ width: 26px !important;
329
+ -webkit-transform-origin: 13px 13px 13px !important;
330
+ transform-origin: 13px 13px 13px !important;
331
+ /* stylelint-enable declaration-no-important */
332
+ }
333
+
273
334
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
274
335
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
275
336
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/fabric-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/fabric-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/fabric-definition.scss';
8
9
  @import 'fabric-definition.scss';
9
10
  @import 'icons/fabric.scss';
10
11
  @import 'all.scss';
@@ -107,11 +107,61 @@
107
107
  font-size: 14px;
108
108
  }
109
109
 
110
+ /* stylelint-disable property-no-vendor-prefix */
111
+ @-webkit-keyframes material-spinner-rotate {
112
+ 0% {
113
+ -webkit-transform: rotate(0);
114
+ transform: rotate(0);
115
+ }
116
+ 100% {
117
+ -webkit-transform: rotate(360deg);
118
+ transform: rotate(360deg);
119
+ }
120
+ }
121
+ @keyframes material-spinner-rotate {
122
+ 0% {
123
+ -webkit-transform: rotate(0);
124
+ transform: rotate(0);
125
+ }
126
+ 100% {
127
+ -webkit-transform: rotate(360deg);
128
+ transform: rotate(360deg);
129
+ }
130
+ }
131
+ @-webkit-keyframes fabric-spinner-rotate {
132
+ 0% {
133
+ -webkit-transform: rotate(0);
134
+ transform: rotate(0);
135
+ }
136
+ 100% {
137
+ -webkit-transform: rotate(360deg);
138
+ transform: rotate(360deg);
139
+ }
140
+ }
141
+ @keyframes fabric-spinner-rotate {
142
+ 0% {
143
+ -webkit-transform: rotate(0);
144
+ transform: rotate(0);
145
+ }
146
+ 100% {
147
+ -webkit-transform: rotate(360deg);
148
+ transform: rotate(360deg);
149
+ }
150
+ }
110
151
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
111
152
  content: "\e729";
112
153
  font-family: "e-icons";
113
154
  }
114
155
 
156
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
157
+ /* stylelint-disable declaration-no-important */
158
+ height: 20px !important;
159
+ width: 20px !important;
160
+ -webkit-transform-origin: 10px 10px 10px !important;
161
+ transform-origin: 10px 10px 10px !important;
162
+ /* stylelint-enable declaration-no-important */
163
+ }
164
+
115
165
  .e-multicolumn-grid tr.e-groupcaptionrow {
116
166
  position: sticky;
117
167
  top: 0;
@@ -241,7 +291,8 @@
241
291
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
242
292
  }
243
293
 
244
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
294
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
295
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
245
296
  position: relative;
246
297
  }
247
298
 
@@ -337,6 +388,16 @@
337
388
  margin-top: 2px;
338
389
  }
339
390
 
391
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
392
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
393
+ /* stylelint-disable declaration-no-important */
394
+ height: 26px !important;
395
+ width: 26px !important;
396
+ -webkit-transform-origin: 13px 13px 13px !important;
397
+ transform-origin: 13px 13px 13px !important;
398
+ /* stylelint-enable declaration-no-important */
399
+ }
400
+
340
401
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
341
402
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
342
403
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/fluent-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/fluent-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
8
9
  @import 'fluent-dark-definition.scss';
9
10
  @import 'icons/fluent-dark.scss';
10
11
  @import 'all.scss';