@syncfusion/ej2-multicolumn-combobox 28.2.9 → 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 +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/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 +3 -0
  17. package/src/multicolumn-combobox/multi-column-combo-box.js +46 -10
  18. package/styles/bds-lite.css +52 -1
  19. package/styles/bds-lite.scss +1 -0
  20. package/styles/bds.css +62 -1
  21. package/styles/bds.scss +1 -0
  22. package/styles/bootstrap-dark-lite.css +52 -1
  23. package/styles/bootstrap-dark-lite.scss +1 -0
  24. package/styles/bootstrap-dark.css +62 -1
  25. package/styles/bootstrap-dark.scss +1 -0
  26. package/styles/bootstrap-lite.css +52 -1
  27. package/styles/bootstrap-lite.scss +1 -0
  28. package/styles/bootstrap.css +62 -1
  29. package/styles/bootstrap.scss +1 -0
  30. package/styles/bootstrap4-lite.css +52 -1
  31. package/styles/bootstrap4-lite.scss +1 -0
  32. package/styles/bootstrap4.css +62 -1
  33. package/styles/bootstrap4.scss +1 -0
  34. package/styles/bootstrap5-dark-lite.css +53 -2
  35. package/styles/bootstrap5-dark-lite.scss +1 -0
  36. package/styles/bootstrap5-dark.css +63 -2
  37. package/styles/bootstrap5-dark.scss +1 -0
  38. package/styles/bootstrap5-lite.css +52 -1
  39. package/styles/bootstrap5-lite.scss +1 -0
  40. package/styles/bootstrap5.3-lite.css +52 -1
  41. package/styles/bootstrap5.3-lite.scss +1 -0
  42. package/styles/bootstrap5.3.css +62 -1
  43. package/styles/bootstrap5.3.scss +1 -0
  44. package/styles/bootstrap5.css +62 -1
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark-lite.css +52 -1
  47. package/styles/fabric-dark-lite.scss +1 -0
  48. package/styles/fabric-dark.css +62 -1
  49. package/styles/fabric-dark.scss +1 -0
  50. package/styles/fabric-lite.css +52 -1
  51. package/styles/fabric-lite.scss +1 -0
  52. package/styles/fabric.css +62 -1
  53. package/styles/fabric.scss +1 -0
  54. package/styles/fluent-dark-lite.css +52 -1
  55. package/styles/fluent-dark-lite.scss +1 -0
  56. package/styles/fluent-dark.css +62 -1
  57. package/styles/fluent-dark.scss +1 -0
  58. package/styles/fluent-lite.css +52 -1
  59. package/styles/fluent-lite.scss +1 -0
  60. package/styles/fluent.css +62 -1
  61. package/styles/fluent.scss +1 -0
  62. package/styles/fluent2-lite.css +52 -1
  63. package/styles/fluent2-lite.scss +1 -0
  64. package/styles/fluent2.css +62 -1
  65. package/styles/fluent2.scss +1 -0
  66. package/styles/highcontrast-light-lite.css +52 -1
  67. package/styles/highcontrast-light-lite.scss +1 -0
  68. package/styles/highcontrast-light.css +62 -1
  69. package/styles/highcontrast-light.scss +1 -0
  70. package/styles/highcontrast-lite.css +52 -1
  71. package/styles/highcontrast-lite.scss +1 -0
  72. package/styles/highcontrast.css +62 -1
  73. package/styles/highcontrast.scss +1 -0
  74. package/styles/material-dark-lite.css +52 -1
  75. package/styles/material-dark-lite.scss +1 -0
  76. package/styles/material-dark.css +62 -1
  77. package/styles/material-dark.scss +1 -0
  78. package/styles/material-lite.css +52 -1
  79. package/styles/material-lite.scss +1 -0
  80. package/styles/material.css +62 -1
  81. package/styles/material.scss +1 -0
  82. package/styles/material3-dark-lite.css +52 -1
  83. package/styles/material3-dark-lite.scss +1 -0
  84. package/styles/material3-dark.css +62 -1
  85. package/styles/material3-dark.scss +1 -0
  86. package/styles/material3-lite.css +52 -1
  87. package/styles/material3-lite.scss +1 -0
  88. package/styles/material3.css +62 -1
  89. package/styles/material3.scss +1 -0
  90. package/styles/multicolumn-combobox/_bigger.scss +9 -0
  91. package/styles/multicolumn-combobox/_layout.scss +9 -1
  92. package/styles/multicolumn-combobox/bds.css +62 -1
  93. package/styles/multicolumn-combobox/bds.scss +1 -0
  94. package/styles/multicolumn-combobox/bootstrap-dark.css +62 -1
  95. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  96. package/styles/multicolumn-combobox/bootstrap.css +62 -1
  97. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  98. package/styles/multicolumn-combobox/bootstrap4.css +62 -1
  99. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  100. package/styles/multicolumn-combobox/bootstrap5-dark.css +63 -2
  101. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  102. package/styles/multicolumn-combobox/bootstrap5.3.css +62 -1
  103. package/styles/multicolumn-combobox/bootstrap5.3.scss +1 -0
  104. package/styles/multicolumn-combobox/bootstrap5.css +62 -1
  105. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  106. package/styles/multicolumn-combobox/fabric-dark.css +62 -1
  107. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  108. package/styles/multicolumn-combobox/fabric.css +62 -1
  109. package/styles/multicolumn-combobox/fabric.scss +1 -0
  110. package/styles/multicolumn-combobox/fluent-dark.css +62 -1
  111. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  112. package/styles/multicolumn-combobox/fluent.css +62 -1
  113. package/styles/multicolumn-combobox/fluent.scss +1 -0
  114. package/styles/multicolumn-combobox/fluent2.css +62 -1
  115. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  116. package/styles/multicolumn-combobox/highcontrast-light.css +62 -1
  117. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  118. package/styles/multicolumn-combobox/highcontrast.css +62 -1
  119. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  120. package/styles/multicolumn-combobox/material-dark.css +62 -1
  121. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  122. package/styles/multicolumn-combobox/material.css +62 -1
  123. package/styles/multicolumn-combobox/material.scss +1 -0
  124. package/styles/multicolumn-combobox/material3-dark.css +62 -1
  125. package/styles/multicolumn-combobox/material3-dark.scss +1 -0
  126. package/styles/multicolumn-combobox/material3.css +62 -1
  127. package/styles/multicolumn-combobox/material3.scss +1 -0
  128. package/styles/multicolumn-combobox/tailwind-dark.css +64 -3
  129. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  130. package/styles/multicolumn-combobox/tailwind.css +62 -1
  131. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  132. package/styles/multicolumn-combobox/tailwind3.css +62 -1
  133. package/styles/multicolumn-combobox/tailwind3.scss +1 -0
  134. package/styles/tailwind-dark-lite.css +54 -3
  135. package/styles/tailwind-dark-lite.scss +1 -0
  136. package/styles/tailwind-dark.css +64 -3
  137. package/styles/tailwind-dark.scss +1 -0
  138. package/styles/tailwind-lite.css +52 -1
  139. package/styles/tailwind-lite.scss +1 -0
  140. package/styles/tailwind.css +62 -1
  141. package/styles/tailwind.scss +1 -0
  142. package/styles/tailwind3-lite.css +52 -1
  143. package/styles/tailwind3-lite.scss +1 -0
  144. package/styles/tailwind3.css +62 -1
  145. package/styles/tailwind3.scss +1 -0
@@ -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;
@@ -198,7 +248,8 @@
198
248
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
199
249
  }
200
250
 
201
- .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 {
202
253
  position: relative;
203
254
  }
204
255
 
@@ -294,6 +345,16 @@
294
345
  margin-top: unset;
295
346
  }
296
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
+
297
358
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
298
359
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
299
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;
@@ -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';