@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
@@ -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';
@@ -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-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/fluent-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/fluent-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/fluent-definition.scss';
8
9
  @import 'fluent-definition.scss';
9
10
  @import 'icons/fluent.scss';
10
11
  @import 'all.scss';
@@ -111,11 +111,61 @@
111
111
  min-width: 250px !important;
112
112
  }
113
113
 
114
+ /* stylelint-disable property-no-vendor-prefix */
115
+ @-webkit-keyframes material-spinner-rotate {
116
+ 0% {
117
+ -webkit-transform: rotate(0);
118
+ transform: rotate(0);
119
+ }
120
+ 100% {
121
+ -webkit-transform: rotate(360deg);
122
+ transform: rotate(360deg);
123
+ }
124
+ }
125
+ @keyframes material-spinner-rotate {
126
+ 0% {
127
+ -webkit-transform: rotate(0);
128
+ transform: rotate(0);
129
+ }
130
+ 100% {
131
+ -webkit-transform: rotate(360deg);
132
+ transform: rotate(360deg);
133
+ }
134
+ }
135
+ @-webkit-keyframes fabric-spinner-rotate {
136
+ 0% {
137
+ -webkit-transform: rotate(0);
138
+ transform: rotate(0);
139
+ }
140
+ 100% {
141
+ -webkit-transform: rotate(360deg);
142
+ transform: rotate(360deg);
143
+ }
144
+ }
145
+ @keyframes fabric-spinner-rotate {
146
+ 0% {
147
+ -webkit-transform: rotate(0);
148
+ transform: rotate(0);
149
+ }
150
+ 100% {
151
+ -webkit-transform: rotate(360deg);
152
+ transform: rotate(360deg);
153
+ }
154
+ }
114
155
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
115
156
  content: "\e729";
116
157
  font-family: "e-icons";
117
158
  }
118
159
 
160
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
161
+ /* stylelint-disable declaration-no-important */
162
+ height: 20px !important;
163
+ width: 20px !important;
164
+ -webkit-transform-origin: 10px 10px 10px !important;
165
+ transform-origin: 10px 10px 10px !important;
166
+ /* stylelint-enable declaration-no-important */
167
+ }
168
+
119
169
  .e-multicolumn-grid tr.e-groupcaptionrow {
120
170
  position: sticky;
121
171
  top: 0;
@@ -245,7 +295,8 @@
245
295
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
246
296
  }
247
297
 
248
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
298
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
299
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
249
300
  position: relative;
250
301
  }
251
302
 
@@ -341,6 +392,16 @@
341
392
  margin-top: unset;
342
393
  }
343
394
 
395
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
396
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
397
+ /* stylelint-disable declaration-no-important */
398
+ height: 26px !important;
399
+ width: 26px !important;
400
+ -webkit-transform-origin: 13px 13px 13px !important;
401
+ transform-origin: 13px 13px 13px !important;
402
+ /* stylelint-enable declaration-no-important */
403
+ }
404
+
344
405
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
345
406
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
346
407
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/fluent2-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/fluent2-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/fluent2-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/fluent2-definition.scss';
8
9
  @import 'fluent2-definition.scss';
9
10
  @import 'icons/fluent2.scss';
10
11
  @import 'all.scss';
@@ -61,11 +61,61 @@
61
61
  border-color: #000;
62
62
  }
63
63
 
64
+ /* stylelint-disable property-no-vendor-prefix */
65
+ @-webkit-keyframes material-spinner-rotate {
66
+ 0% {
67
+ -webkit-transform: rotate(0);
68
+ transform: rotate(0);
69
+ }
70
+ 100% {
71
+ -webkit-transform: rotate(360deg);
72
+ transform: rotate(360deg);
73
+ }
74
+ }
75
+ @keyframes material-spinner-rotate {
76
+ 0% {
77
+ -webkit-transform: rotate(0);
78
+ transform: rotate(0);
79
+ }
80
+ 100% {
81
+ -webkit-transform: rotate(360deg);
82
+ transform: rotate(360deg);
83
+ }
84
+ }
85
+ @-webkit-keyframes fabric-spinner-rotate {
86
+ 0% {
87
+ -webkit-transform: rotate(0);
88
+ transform: rotate(0);
89
+ }
90
+ 100% {
91
+ -webkit-transform: rotate(360deg);
92
+ transform: rotate(360deg);
93
+ }
94
+ }
95
+ @keyframes fabric-spinner-rotate {
96
+ 0% {
97
+ -webkit-transform: rotate(0);
98
+ transform: rotate(0);
99
+ }
100
+ 100% {
101
+ -webkit-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
64
105
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
65
106
  content: "\e966";
66
107
  font-family: "e-icons";
67
108
  }
68
109
 
110
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
111
+ /* stylelint-disable declaration-no-important */
112
+ height: 20px !important;
113
+ width: 20px !important;
114
+ -webkit-transform-origin: 10px 10px 10px !important;
115
+ transform-origin: 10px 10px 10px !important;
116
+ /* stylelint-enable declaration-no-important */
117
+ }
118
+
69
119
  .e-multicolumn-grid tr.e-groupcaptionrow {
70
120
  position: sticky;
71
121
  top: 0;
@@ -195,7 +245,8 @@
195
245
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
196
246
  }
197
247
 
198
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
248
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
249
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
199
250
  position: relative;
200
251
  }
201
252
 
@@ -291,6 +342,16 @@
291
342
  margin-top: unset;
292
343
  }
293
344
 
345
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
346
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
347
+ /* stylelint-disable declaration-no-important */
348
+ height: 26px !important;
349
+ width: 26px !important;
350
+ -webkit-transform-origin: 13px 13px 13px !important;
351
+ transform-origin: 13px 13px 13px !important;
352
+ /* stylelint-enable declaration-no-important */
353
+ }
354
+
294
355
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
295
356
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
296
357
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/highcontrast-light-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/highcontrast-light-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
8
9
  @import 'highcontrast-light-definition.scss';
9
10
  @import 'icons/highcontrast-light.scss';
10
11
  @import 'all.scss';
@@ -61,11 +61,61 @@
61
61
  border-color: #fff;
62
62
  }
63
63
 
64
+ /* stylelint-disable property-no-vendor-prefix */
65
+ @-webkit-keyframes material-spinner-rotate {
66
+ 0% {
67
+ -webkit-transform: rotate(0);
68
+ transform: rotate(0);
69
+ }
70
+ 100% {
71
+ -webkit-transform: rotate(360deg);
72
+ transform: rotate(360deg);
73
+ }
74
+ }
75
+ @keyframes material-spinner-rotate {
76
+ 0% {
77
+ -webkit-transform: rotate(0);
78
+ transform: rotate(0);
79
+ }
80
+ 100% {
81
+ -webkit-transform: rotate(360deg);
82
+ transform: rotate(360deg);
83
+ }
84
+ }
85
+ @-webkit-keyframes fabric-spinner-rotate {
86
+ 0% {
87
+ -webkit-transform: rotate(0);
88
+ transform: rotate(0);
89
+ }
90
+ 100% {
91
+ -webkit-transform: rotate(360deg);
92
+ transform: rotate(360deg);
93
+ }
94
+ }
95
+ @keyframes fabric-spinner-rotate {
96
+ 0% {
97
+ -webkit-transform: rotate(0);
98
+ transform: rotate(0);
99
+ }
100
+ 100% {
101
+ -webkit-transform: rotate(360deg);
102
+ transform: rotate(360deg);
103
+ }
104
+ }
64
105
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
65
106
  content: "\e966";
66
107
  font-family: "e-icons";
67
108
  }
68
109
 
110
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
111
+ /* stylelint-disable declaration-no-important */
112
+ height: 20px !important;
113
+ width: 20px !important;
114
+ -webkit-transform-origin: 10px 10px 10px !important;
115
+ transform-origin: 10px 10px 10px !important;
116
+ /* stylelint-enable declaration-no-important */
117
+ }
118
+
69
119
  .e-multicolumn-grid tr.e-groupcaptionrow {
70
120
  position: sticky;
71
121
  top: 0;
@@ -199,7 +249,8 @@
199
249
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
200
250
  }
201
251
 
202
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
252
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
253
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
203
254
  position: relative;
204
255
  }
205
256
 
@@ -295,6 +346,16 @@
295
346
  margin-top: unset;
296
347
  }
297
348
 
349
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
350
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
351
+ /* stylelint-disable declaration-no-important */
352
+ height: 26px !important;
353
+ width: 26px !important;
354
+ -webkit-transform-origin: 13px 13px 13px !important;
355
+ transform-origin: 13px 13px 13px !important;
356
+ /* stylelint-enable declaration-no-important */
357
+ }
358
+
298
359
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
299
360
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
300
361
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/highcontrast-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/highcontrast-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
8
9
  @import 'highcontrast-definition.scss';
9
10
  @import 'icons/highcontrast.scss';
10
11
  @import 'all.scss';
@@ -89,11 +89,61 @@
89
89
  padding: 5px 5px 5px 12px;
90
90
  }
91
91
 
92
+ /* stylelint-disable property-no-vendor-prefix */
93
+ @-webkit-keyframes material-spinner-rotate {
94
+ 0% {
95
+ -webkit-transform: rotate(0deg);
96
+ transform: rotate(0deg);
97
+ }
98
+ 100% {
99
+ -webkit-transform: rotate(360deg);
100
+ transform: rotate(360deg);
101
+ }
102
+ }
103
+ @keyframes material-spinner-rotate {
104
+ 0% {
105
+ -webkit-transform: rotate(0deg);
106
+ transform: rotate(0deg);
107
+ }
108
+ 100% {
109
+ -webkit-transform: rotate(360deg);
110
+ transform: rotate(360deg);
111
+ }
112
+ }
113
+ @-webkit-keyframes fabric-spinner-rotate {
114
+ 0% {
115
+ -webkit-transform: rotate(0deg);
116
+ transform: rotate(0deg);
117
+ }
118
+ 100% {
119
+ -webkit-transform: rotate(360deg);
120
+ transform: rotate(360deg);
121
+ }
122
+ }
123
+ @keyframes fabric-spinner-rotate {
124
+ 0% {
125
+ -webkit-transform: rotate(0deg);
126
+ transform: rotate(0deg);
127
+ }
128
+ 100% {
129
+ -webkit-transform: rotate(360deg);
130
+ transform: rotate(360deg);
131
+ }
132
+ }
92
133
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
93
134
  content: "\e969";
94
135
  font-family: "e-icons";
95
136
  }
96
137
 
138
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
139
+ /* stylelint-disable declaration-no-important */
140
+ height: 20px !important;
141
+ width: 20px !important;
142
+ -webkit-transform-origin: 10px 10px 10px !important;
143
+ transform-origin: 10px 10px 10px !important;
144
+ /* stylelint-enable declaration-no-important */
145
+ }
146
+
97
147
  .e-multicolumn-grid tr.e-groupcaptionrow {
98
148
  position: sticky;
99
149
  top: 0;
@@ -223,7 +273,8 @@
223
273
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
224
274
  }
225
275
 
226
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
276
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
277
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
227
278
  position: relative;
228
279
  }
229
280
 
@@ -319,6 +370,16 @@
319
370
  margin-top: 1px;
320
371
  }
321
372
 
373
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
374
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
375
+ /* stylelint-disable declaration-no-important */
376
+ height: 26px !important;
377
+ width: 26px !important;
378
+ -webkit-transform-origin: 13px 13px 13px !important;
379
+ transform-origin: 13px 13px 13px !important;
380
+ /* stylelint-enable declaration-no-important */
381
+ }
382
+
322
383
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
323
384
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
324
385
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/material-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
8
9
  @import 'material-dark-definition.scss';
9
10
  @import 'icons/material-dark.scss';
10
11
  @import 'all.scss';
@@ -93,11 +93,61 @@
93
93
  padding: 4px 8px;
94
94
  }
95
95
 
96
+ /* stylelint-disable property-no-vendor-prefix */
97
+ @-webkit-keyframes material-spinner-rotate {
98
+ 0% {
99
+ -webkit-transform: rotate(0deg);
100
+ transform: rotate(0deg);
101
+ }
102
+ 100% {
103
+ -webkit-transform: rotate(360deg);
104
+ transform: rotate(360deg);
105
+ }
106
+ }
107
+ @keyframes material-spinner-rotate {
108
+ 0% {
109
+ -webkit-transform: rotate(0deg);
110
+ transform: rotate(0deg);
111
+ }
112
+ 100% {
113
+ -webkit-transform: rotate(360deg);
114
+ transform: rotate(360deg);
115
+ }
116
+ }
117
+ @-webkit-keyframes fabric-spinner-rotate {
118
+ 0% {
119
+ -webkit-transform: rotate(0deg);
120
+ transform: rotate(0deg);
121
+ }
122
+ 100% {
123
+ -webkit-transform: rotate(360deg);
124
+ transform: rotate(360deg);
125
+ }
126
+ }
127
+ @keyframes fabric-spinner-rotate {
128
+ 0% {
129
+ -webkit-transform: rotate(0deg);
130
+ transform: rotate(0deg);
131
+ }
132
+ 100% {
133
+ -webkit-transform: rotate(360deg);
134
+ transform: rotate(360deg);
135
+ }
136
+ }
96
137
  .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
97
138
  content: "\e969";
98
139
  font-family: "e-icons";
99
140
  }
100
141
 
142
+ .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
143
+ /* stylelint-disable declaration-no-important */
144
+ height: 20px !important;
145
+ width: 20px !important;
146
+ -webkit-transform-origin: 10px 10px 10px !important;
147
+ transform-origin: 10px 10px 10px !important;
148
+ /* stylelint-enable declaration-no-important */
149
+ }
150
+
101
151
  .e-multicolumn-grid tr.e-groupcaptionrow {
102
152
  position: sticky;
103
153
  top: 0;
@@ -227,7 +277,8 @@
227
277
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
228
278
  }
229
279
 
230
- .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
280
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
281
+ .e-multicolumn-list.e-input-group .e-input-group-icon {
231
282
  position: relative;
232
283
  }
233
284
 
@@ -323,6 +374,16 @@
323
374
  margin-top: 1px;
324
375
  }
325
376
 
377
+ .e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
378
+ .e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
379
+ /* stylelint-disable declaration-no-important */
380
+ height: 26px !important;
381
+ width: 26px !important;
382
+ -webkit-transform-origin: 13px 13px 13px !important;
383
+ transform-origin: 13px 13px 13px !important;
384
+ /* stylelint-enable declaration-no-important */
385
+ }
386
+
326
387
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
327
388
  .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
328
389
  .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -5,6 +5,7 @@
5
5
  @import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
6
6
  @import 'ej2-dropdowns/styles/combo-box/material-definition.scss';
7
7
  @import 'ej2-grids/styles/grid/material-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/material-definition.scss';
8
9
  @import 'material-definition.scss';
9
10
  @import 'icons/material.scss';
10
11
  @import 'all.scss';