@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
package/styles/bootstrap-lite.css CHANGED
@@ -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
 
package/styles/bootstrap-lite.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap.css CHANGED
@@ -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,
package/styles/bootstrap.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap4-lite.css CHANGED
@@ -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
 
package/styles/bootstrap4-lite.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap4-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap4.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap4.css CHANGED
@@ -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,
package/styles/bootstrap4.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap4-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap4.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap5-dark-lite.css CHANGED
@@ -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;
package/styles/bootstrap5-dark-lite.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap5-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap5-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap5-dark.css CHANGED
@@ -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,
package/styles/bootstrap5-dark.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap5-dark-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap5-dark.scss';
10
11
  @import 'multicolumn-combobox/all.scss';
package/styles/bootstrap5-lite.css CHANGED
@@ -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
 
package/styles/bootstrap5-lite.scss CHANGED
@@ -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 'multicolumn-combobox/bootstrap5-definition.scss';
9
10
  @import 'multicolumn-combobox/icons/bootstrap5.scss';
10
11
  @import 'multicolumn-combobox/all.scss';