@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
@@ -103,11 +103,61 @@
103
103
  padding: 4px 8px;
104
104
  }
105
105
 
106
+ /* stylelint-disable property-no-vendor-prefix */
107
+ @-webkit-keyframes material-spinner-rotate {
108
+ 0% {
109
+ -webkit-transform: rotate(0deg);
110
+ transform: rotate(0deg);
111
+ }
112
+ 100% {
113
+ -webkit-transform: rotate(360deg);
114
+ transform: rotate(360deg);
115
+ }
116
+ }
117
+ @keyframes material-spinner-rotate {
118
+ 0% {
119
+ -webkit-transform: rotate(0deg);
120
+ transform: rotate(0deg);
121
+ }
122
+ 100% {
123
+ -webkit-transform: rotate(360deg);
124
+ transform: rotate(360deg);
125
+ }
126
+ }
127
+ @-webkit-keyframes fabric-spinner-rotate {
128
+ 0% {
129
+ -webkit-transform: rotate(0deg);
130
+ transform: rotate(0deg);
131
+ }
132
+ 100% {
133
+ -webkit-transform: rotate(360deg);
134
+ transform: rotate(360deg);
135
+ }
136
+ }
137
+ @keyframes fabric-spinner-rotate {
138
+ 0% {
139
+ -webkit-transform: rotate(0deg);
140
+ transform: rotate(0deg);
141
+ }
142
+ 100% {
143
+ -webkit-transform: rotate(360deg);
144
+ transform: rotate(360deg);
145
+ }
146
+ }
106
147
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
107
148
  content: "\e70d";
108
149
  font-family: "e-icons";
109
150
  }
110
151
 
152
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
153
+ /* stylelint-disable declaration-no-important */
154
+ height: 20px !important;
155
+ width: 20px !important;
156
+ -webkit-transform-origin: 10px 10px 10px !important;
157
+ transform-origin: 10px 10px 10px !important;
158
+ /* stylelint-enable declaration-no-important */
159
+ }
160
+
111
161
  .e-multicolumn-grid tr.e-groupcaptionrow {
112
162
  position: sticky;
113
163
  top: 0;
@@ -237,7 +287,8 @@
237
287
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
238
288
  }
239
289
 
240
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
290
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
291
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
241
292
  position: relative;
242
293
  }
243
294
 
@@ -335,6 +386,16 @@
335
386
  margin-top: 1px;
336
387
  }
337
388
 
389
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
390
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
391
+ /* stylelint-disable declaration-no-important */
392
+ height: 26px !important;
393
+ width: 26px !important;
394
+ -webkit-transform-origin: 13px 13px 13px !important;
395
+ transform-origin: 13px 13px 13px !important;
396
+ /* stylelint-enable declaration-no-important */
397
+ }
398
+
338
399
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
339
400
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
340
401
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -6,6 +6,7 @@
6
6
  @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
7
7
  @import 'ej2-dropdowns/styles/combo-box/material3-definition.scss';
8
8
  @import 'ej2-grids/styles/grid/material3-definition.scss';
9
+ @import 'ej2-popups/styles/spinner/material3-definition.scss';
9
10
  @import 'material3-definition.scss';
10
11
  @import 'icons/material3.scss';
11
12
  @import 'all.scss';
@@ -94,11 +94,61 @@
94
94
  padding: 4px 8px;
95
95
  }
96
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
98
+ @-webkit-keyframes material-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
+ }
108
+ @keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
118
+ @-webkit-keyframes fabric-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 fabric-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
+ }
97
138
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
139
  content: "\e729";
99
140
  font-family: "e-icons";
100
141
  }
101
142
 
143
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
144
+ /* stylelint-disable declaration-no-important */
145
+ height: 20px !important;
146
+ width: 20px !important;
147
+ -webkit-transform-origin: 10px 10px 10px !important;
148
+ transform-origin: 10px 10px 10px !important;
149
+ /* stylelint-enable declaration-no-important */
150
+ }
151
+
102
152
  .e-multicolumn-grid tr.e-groupcaptionrow {
103
153
  position: sticky;
104
154
  top: 0;
@@ -228,7 +278,8 @@
228
278
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
229
279
  }
230
280
 
231
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
281
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
282
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
232
283
  position: relative;
233
284
  }
234
285
 
@@ -293,10 +344,10 @@
293
344
  }
294
345
  .e-popup.e-multicolumn-list .e-gridheader,
295
346
  .e-popup.e-multicolumn-list .e-gridheader colgroup {
296
- background: #232e3e;
347
+ background: #1b2430;
297
348
  }
298
349
  .e-popup.e-multicolumn-list .e-altrow {
299
- background: #232e3e;
350
+ background: #1b2430;
300
351
  }
301
352
  .e-popup.e-multicolumn-list .e-grid .e-headercell {
302
353
  background-color: unset;
@@ -324,6 +375,16 @@
324
375
  margin-top: 2px;
325
376
  }
326
377
 
378
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
379
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
380
+ /* stylelint-disable declaration-no-important */
381
+ height: 26px !important;
382
+ width: 26px !important;
383
+ -webkit-transform-origin: 13px 13px 13px !important;
384
+ transform-origin: 13px 13px 13px !important;
385
+ /* stylelint-enable declaration-no-important */
386
+ }
387
+
327
388
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
328
389
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
329
390
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/tailwind-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
8
9
  @import 'tailwind-dark-definition.scss';
9
10
  @import 'icons/tailwind-dark.scss';
10
11
  @import 'all.scss';
@@ -94,11 +94,61 @@
94
94
  padding: 4px 8px;
95
95
  }
96
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
98
+ @-webkit-keyframes material-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
+ }
108
+ @keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
118
+ @-webkit-keyframes fabric-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 fabric-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
+ }
97
138
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
139
  content: "\e729";
99
140
  font-family: "e-icons";
100
141
  }
101
142
 
143
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
144
+ /* stylelint-disable declaration-no-important */
145
+ height: 20px !important;
146
+ width: 20px !important;
147
+ -webkit-transform-origin: 10px 10px 10px !important;
148
+ transform-origin: 10px 10px 10px !important;
149
+ /* stylelint-enable declaration-no-important */
150
+ }
151
+
102
152
  .e-multicolumn-grid tr.e-groupcaptionrow {
103
153
  position: sticky;
104
154
  top: 0;
@@ -228,7 +278,8 @@
228
278
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
229
279
  }
230
280
 
231
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
281
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
282
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
232
283
  position: relative;
233
284
  }
234
285
 
@@ -324,6 +375,16 @@
324
375
  margin-top: 2px;
325
376
  }
326
377
 
378
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
379
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
380
+ /* stylelint-disable declaration-no-important */
381
+ height: 26px !important;
382
+ width: 26px !important;
383
+ -webkit-transform-origin: 13px 13px 13px !important;
384
+ transform-origin: 13px 13px 13px !important;
385
+ /* stylelint-enable declaration-no-important */
386
+ }
387
+
327
388
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
328
389
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
329
390
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/tailwind-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
8
9
  @import 'tailwind-definition.scss';
9
10
  @import 'icons/tailwind.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: 2px;
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/tailwind3-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/tailwind3-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/tailwind3-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/tailwind3-definition.scss';
8
9
  @import 'tailwind3-definition.scss';
9
10
  @import 'icons/tailwind3.scss';
10
11
  @import 'all.scss';
@@ -94,11 +94,61 @@
94
94
  padding: 4px 8px;
95
95
  }
96
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
98
+ @-webkit-keyframes material-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
+ }
108
+ @keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
118
+ @-webkit-keyframes fabric-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 fabric-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
+ }
97
138
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
139
  content: "\e729";
99
140
  font-family: "e-icons";
100
141
  }
101
142
 
143
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
144
+ /* stylelint-disable declaration-no-important */
145
+ height: 20px !important;
146
+ width: 20px !important;
147
+ -webkit-transform-origin: 10px 10px 10px !important;
148
+ transform-origin: 10px 10px 10px !important;
149
+ /* stylelint-enable declaration-no-important */
150
+ }
151
+
102
152
  .e-multicolumn-grid tr.e-groupcaptionrow {
103
153
  position: sticky;
104
154
  top: 0;
@@ -228,7 +278,8 @@
228
278
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
229
279
  }
230
280
 
231
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
281
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
282
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
232
283
  position: relative;
233
284
  }
234
285
 
@@ -293,10 +344,10 @@
293
344
  }
294
345
  .e-popup.e-multicolumn-list .e-gridheader,
295
346
  .e-popup.e-multicolumn-list .e-gridheader colgroup {
296
- background: #232e3e;
347
+ background: #1b2430;
297
348
  }
298
349
  .e-popup.e-multicolumn-list .e-altrow {
299
- background: #232e3e;
350
+ background: #1b2430;
300
351
  }
301
352
  .e-popup.e-multicolumn-list .e-grid .e-headercell {
302
353
  background-color: unset;
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/tailwind-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
8
9
  @import 'multicolumn-combobox/tailwind-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/tailwind-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
@@ -94,11 +94,61 @@
94
94
  padding: 4px 8px;
95
95
  }
96
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
98
+ @-webkit-keyframes material-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
+ }
108
+ @keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
118
+ @-webkit-keyframes fabric-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 fabric-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
+ }
97
138
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
139
  content: "\e729";
99
140
  font-family: "e-icons";
100
141
  }
101
142
 
143
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
144
+ /* stylelint-disable declaration-no-important */
145
+ height: 20px !important;
146
+ width: 20px !important;
147
+ -webkit-transform-origin: 10px 10px 10px !important;
148
+ transform-origin: 10px 10px 10px !important;
149
+ /* stylelint-enable declaration-no-important */
150
+ }
151
+
102
152
  .e-multicolumn-grid tr.e-groupcaptionrow {
103
153
  position: sticky;
104
154
  top: 0;
@@ -228,7 +278,8 @@
228
278
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
229
279
  }
230
280
 
231
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
281
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
282
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
232
283
  position: relative;
233
284
  }
234
285
 
@@ -293,10 +344,10 @@
293
344
  }
294
345
  .e-popup.e-multicolumn-list .e-gridheader,
295
346
  .e-popup.e-multicolumn-list .e-gridheader colgroup {
296
- background: #232e3e;
347
+ background: #1b2430;
297
348
  }
298
349
  .e-popup.e-multicolumn-list .e-altrow {
299
- background: #232e3e;
350
+ background: #1b2430;
300
351
  }
301
352
  .e-popup.e-multicolumn-list .e-grid .e-headercell {
302
353
  background-color: unset;
@@ -324,6 +375,16 @@
324
375
  margin-top: 2px;
325
376
  }
326
377
 
378
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
379
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
380
+ /* stylelint-disable declaration-no-important */
381
+ height: 26px !important;
382
+ width: 26px !important;
383
+ -webkit-transform-origin: 13px 13px 13px !important;
384
+ transform-origin: 13px 13px 13px !important;
385
+ /* stylelint-enable declaration-no-important */
386
+ }
387
+
327
388
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
328
389
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
329
390
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/tailwind-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
8
9
  @import 'multicolumn-combobox/tailwind-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/tailwind-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
@@ -94,11 +94,61 @@
94
94
  padding: 4px 8px;
95
95
  }
96
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
98
+ @-webkit-keyframes material-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
+ }
108
+ @keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
118
+ @-webkit-keyframes fabric-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 fabric-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
+ }
97
138
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
139
  content: "\e729";
99
140
  font-family: "e-icons";
100
141
  }
101
142
 
143
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
144
+ /* stylelint-disable declaration-no-important */
145
+ height: 20px !important;
146
+ width: 20px !important;
147
+ -webkit-transform-origin: 10px 10px 10px !important;
148
+ transform-origin: 10px 10px 10px !important;
149
+ /* stylelint-enable declaration-no-important */
150
+ }
151
+
102
152
  .e-multicolumn-grid tr.e-groupcaptionrow {
103
153
  position: sticky;
104
154
  top: 0;
@@ -228,7 +278,8 @@
228
278
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
229
279
  }
230
280
 
231
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
281
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
282
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
232
283
  position: relative;
233
284
  }
234
285
 
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/tailwind-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
8
9
  @import 'multicolumn-combobox/tailwind-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/tailwind.scss';
10
11
  @import 'multicolumn-combobox/all.scss';