@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.
- package/README.md +1 -1
- package/dist/ej2-multicolumn-combobox.umd.min.js +2 -2
- package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -1
- package/dist/es6/ej2-multicolumn-combobox.es2015.js +44 -10
- package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
- package/dist/es6/ej2-multicolumn-combobox.es5.js +46 -10
- package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -1
- package/dist/global/ej2-multicolumn-combobox.min.js +2 -2
- package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/memory-leak-samples/mccb.d.ts +1 -0
- package/memory-leak-samples/mccb.html +35 -0
- package/memory-leak-samples/mccb.js +109 -0
- package/package.json +8 -8
- package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
- package/src/multicolumn-combobox/multi-column-combo-box.d.ts +3 -0
- package/src/multicolumn-combobox/multi-column-combo-box.js +46 -10
- package/styles/bds-lite.css +52 -1
- package/styles/bds-lite.scss +1 -0
- package/styles/bds.css +62 -1
- package/styles/bds.scss +1 -0
- package/styles/bootstrap-dark-lite.css +52 -1
- package/styles/bootstrap-dark-lite.scss +1 -0
- package/styles/bootstrap-dark.css +62 -1
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap-lite.css +52 -1
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap.css +62 -1
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4-lite.css +52 -1
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap4.css +62 -1
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +53 -2
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-dark.css +63 -2
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5-lite.css +52 -1
- package/styles/bootstrap5-lite.scss +1 -0
- package/styles/bootstrap5.3-lite.css +52 -1
- package/styles/bootstrap5.3-lite.scss +1 -0
- package/styles/bootstrap5.3.css +62 -1
- package/styles/bootstrap5.3.scss +1 -0
- package/styles/bootstrap5.css +62 -1
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark-lite.css +52 -1
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-dark.css +62 -1
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric-lite.css +52 -1
- package/styles/fabric-lite.scss +1 -0
- package/styles/fabric.css +62 -1
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark-lite.css +52 -1
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-dark.css +62 -1
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent-lite.css +52 -1
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent.css +62 -1
- package/styles/fluent.scss +1 -0
- package/styles/fluent2-lite.css +52 -1
- package/styles/fluent2-lite.scss +1 -0
- package/styles/fluent2.css +62 -1
- package/styles/fluent2.scss +1 -0
- package/styles/highcontrast-light-lite.css +52 -1
- package/styles/highcontrast-light-lite.scss +1 -0
- package/styles/highcontrast-light.css +62 -1
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast-lite.css +52 -1
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/highcontrast.css +62 -1
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark-lite.css +52 -1
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-dark.css +62 -1
- package/styles/material-dark.scss +1 -0
- package/styles/material-lite.css +52 -1
- package/styles/material-lite.scss +1 -0
- package/styles/material.css +62 -1
- package/styles/material.scss +1 -0
- package/styles/material3-dark-lite.css +52 -1
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-dark.css +62 -1
- package/styles/material3-dark.scss +1 -0
- package/styles/material3-lite.css +52 -1
- package/styles/material3-lite.scss +1 -0
- package/styles/material3.css +62 -1
- package/styles/material3.scss +1 -0
- package/styles/multicolumn-combobox/_bigger.scss +9 -0
- package/styles/multicolumn-combobox/_layout.scss +9 -1
- package/styles/multicolumn-combobox/bds.css +62 -1
- package/styles/multicolumn-combobox/bds.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap-dark.css +62 -1
- package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap.css +62 -1
- package/styles/multicolumn-combobox/bootstrap.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap4.css +62 -1
- package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5-dark.css +63 -2
- package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5.3.css +62 -1
- package/styles/multicolumn-combobox/bootstrap5.3.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5.css +62 -1
- package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
- package/styles/multicolumn-combobox/fabric-dark.css +62 -1
- package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
- package/styles/multicolumn-combobox/fabric.css +62 -1
- package/styles/multicolumn-combobox/fabric.scss +1 -0
- package/styles/multicolumn-combobox/fluent-dark.css +62 -1
- package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
- package/styles/multicolumn-combobox/fluent.css +62 -1
- package/styles/multicolumn-combobox/fluent.scss +1 -0
- package/styles/multicolumn-combobox/fluent2.css +62 -1
- package/styles/multicolumn-combobox/fluent2.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast-light.css +62 -1
- package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast.css +62 -1
- package/styles/multicolumn-combobox/highcontrast.scss +1 -0
- package/styles/multicolumn-combobox/material-dark.css +62 -1
- package/styles/multicolumn-combobox/material-dark.scss +1 -0
- package/styles/multicolumn-combobox/material.css +62 -1
- package/styles/multicolumn-combobox/material.scss +1 -0
- package/styles/multicolumn-combobox/material3-dark.css +62 -1
- package/styles/multicolumn-combobox/material3-dark.scss +1 -0
- package/styles/multicolumn-combobox/material3.css +62 -1
- package/styles/multicolumn-combobox/material3.scss +1 -0
- package/styles/multicolumn-combobox/tailwind-dark.css +64 -3
- package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
- package/styles/multicolumn-combobox/tailwind.css +62 -1
- package/styles/multicolumn-combobox/tailwind.scss +1 -0
- package/styles/multicolumn-combobox/tailwind3.css +62 -1
- package/styles/multicolumn-combobox/tailwind3.scss +1 -0
- package/styles/tailwind-dark-lite.css +54 -3
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-dark.css +64 -3
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind-lite.css +52 -1
- package/styles/tailwind-lite.scss +1 -0
- package/styles/tailwind.css +62 -1
- package/styles/tailwind.scss +1 -0
- package/styles/tailwind3-lite.css +52 -1
- package/styles/tailwind3-lite.scss +1 -0
- package/styles/tailwind3.css +62 -1
- package/styles/tailwind3.scss +1 -0
package/styles/material.css
CHANGED
|
@@ -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,
|
package/styles/material.scss
CHANGED
|
@@ -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 'multicolumn-combobox/material-definition.scss';
|
|
9
10
|
@import 'multicolumn-combobox/icons/material.scss';
|
|
10
11
|
@import 'multicolumn-combobox/all.scss';
|
|
@@ -101,11 +101,61 @@
|
|
|
101
101
|
padding: 4px 8px;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
105
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
106
|
+
0% {
|
|
107
|
+
-webkit-transform: rotate(0deg);
|
|
108
|
+
transform: rotate(0deg);
|
|
109
|
+
}
|
|
110
|
+
100% {
|
|
111
|
+
-webkit-transform: rotate(360deg);
|
|
112
|
+
transform: rotate(360deg);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
@keyframes material-spinner-rotate {
|
|
116
|
+
0% {
|
|
117
|
+
-webkit-transform: rotate(0deg);
|
|
118
|
+
transform: rotate(0deg);
|
|
119
|
+
}
|
|
120
|
+
100% {
|
|
121
|
+
-webkit-transform: rotate(360deg);
|
|
122
|
+
transform: rotate(360deg);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
126
|
+
0% {
|
|
127
|
+
-webkit-transform: rotate(0deg);
|
|
128
|
+
transform: rotate(0deg);
|
|
129
|
+
}
|
|
130
|
+
100% {
|
|
131
|
+
-webkit-transform: rotate(360deg);
|
|
132
|
+
transform: rotate(360deg);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
@keyframes fabric-spinner-rotate {
|
|
136
|
+
0% {
|
|
137
|
+
-webkit-transform: rotate(0deg);
|
|
138
|
+
transform: rotate(0deg);
|
|
139
|
+
}
|
|
140
|
+
100% {
|
|
141
|
+
-webkit-transform: rotate(360deg);
|
|
142
|
+
transform: rotate(360deg);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
104
145
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
105
146
|
content: "\e70d";
|
|
106
147
|
font-family: "e-icons";
|
|
107
148
|
}
|
|
108
149
|
|
|
150
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
151
|
+
/* stylelint-disable declaration-no-important */
|
|
152
|
+
height: 20px !important;
|
|
153
|
+
width: 20px !important;
|
|
154
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
155
|
+
transform-origin: 10px 10px 10px !important;
|
|
156
|
+
/* stylelint-enable declaration-no-important */
|
|
157
|
+
}
|
|
158
|
+
|
|
109
159
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
110
160
|
position: sticky;
|
|
111
161
|
top: 0;
|
|
@@ -235,7 +285,8 @@
|
|
|
235
285
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
236
286
|
}
|
|
237
287
|
|
|
238
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
288
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
289
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
239
290
|
position: relative;
|
|
240
291
|
}
|
|
241
292
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/material3-dark-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/material3-dark-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/material3-dark-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/material3-dark-definition.scss';
|
|
8
9
|
@import 'multicolumn-combobox/material3-dark-definition.scss';
|
|
9
10
|
@import 'multicolumn-combobox/icons/material3-dark.scss';
|
|
10
11
|
@import 'multicolumn-combobox/all.scss';
|
|
@@ -101,11 +101,61 @@
|
|
|
101
101
|
padding: 4px 8px;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
105
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
106
|
+
0% {
|
|
107
|
+
-webkit-transform: rotate(0deg);
|
|
108
|
+
transform: rotate(0deg);
|
|
109
|
+
}
|
|
110
|
+
100% {
|
|
111
|
+
-webkit-transform: rotate(360deg);
|
|
112
|
+
transform: rotate(360deg);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
@keyframes material-spinner-rotate {
|
|
116
|
+
0% {
|
|
117
|
+
-webkit-transform: rotate(0deg);
|
|
118
|
+
transform: rotate(0deg);
|
|
119
|
+
}
|
|
120
|
+
100% {
|
|
121
|
+
-webkit-transform: rotate(360deg);
|
|
122
|
+
transform: rotate(360deg);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
126
|
+
0% {
|
|
127
|
+
-webkit-transform: rotate(0deg);
|
|
128
|
+
transform: rotate(0deg);
|
|
129
|
+
}
|
|
130
|
+
100% {
|
|
131
|
+
-webkit-transform: rotate(360deg);
|
|
132
|
+
transform: rotate(360deg);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
@keyframes fabric-spinner-rotate {
|
|
136
|
+
0% {
|
|
137
|
+
-webkit-transform: rotate(0deg);
|
|
138
|
+
transform: rotate(0deg);
|
|
139
|
+
}
|
|
140
|
+
100% {
|
|
141
|
+
-webkit-transform: rotate(360deg);
|
|
142
|
+
transform: rotate(360deg);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
104
145
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
105
146
|
content: "\e70d";
|
|
106
147
|
font-family: "e-icons";
|
|
107
148
|
}
|
|
108
149
|
|
|
150
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
151
|
+
/* stylelint-disable declaration-no-important */
|
|
152
|
+
height: 20px !important;
|
|
153
|
+
width: 20px !important;
|
|
154
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
155
|
+
transform-origin: 10px 10px 10px !important;
|
|
156
|
+
/* stylelint-enable declaration-no-important */
|
|
157
|
+
}
|
|
158
|
+
|
|
109
159
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
110
160
|
position: sticky;
|
|
111
161
|
top: 0;
|
|
@@ -235,7 +285,8 @@
|
|
|
235
285
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
236
286
|
}
|
|
237
287
|
|
|
238
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
288
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
289
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
239
290
|
position: relative;
|
|
240
291
|
}
|
|
241
292
|
|
|
@@ -333,6 +384,16 @@
|
|
|
333
384
|
margin-top: 1px;
|
|
334
385
|
}
|
|
335
386
|
|
|
387
|
+
.e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
|
|
388
|
+
.e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
389
|
+
/* stylelint-disable declaration-no-important */
|
|
390
|
+
height: 26px !important;
|
|
391
|
+
width: 26px !important;
|
|
392
|
+
-webkit-transform-origin: 13px 13px 13px !important;
|
|
393
|
+
transform-origin: 13px 13px 13px !important;
|
|
394
|
+
/* stylelint-enable declaration-no-important */
|
|
395
|
+
}
|
|
396
|
+
|
|
336
397
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
337
398
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
|
|
338
399
|
.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
@import 'ej2-dropdowns/styles/drop-down-list/material3-dark-definition.scss';
|
|
8
8
|
@import 'ej2-dropdowns/styles/combo-box/material3-dark-definition.scss';
|
|
9
9
|
@import 'ej2-grids/styles/grid/material3-dark-definition.scss';
|
|
10
|
+
@import 'ej2-popups/styles/spinner/material3-dark-definition.scss';
|
|
10
11
|
@import 'multicolumn-combobox/material3-dark-definition.scss';
|
|
11
12
|
@import 'multicolumn-combobox/icons/material3-dark.scss';
|
|
12
13
|
@import 'multicolumn-combobox/all.scss';
|
|
@@ -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
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/material3-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/material3-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/material3-definition.scss';
|
|
8
9
|
@import 'multicolumn-combobox/material3-definition.scss';
|
|
9
10
|
@import 'multicolumn-combobox/icons/material3.scss';
|
|
10
11
|
@import 'multicolumn-combobox/all.scss';
|
package/styles/material3.css
CHANGED
|
@@ -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,
|
package/styles/material3.scss
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
@import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
|
|
8
8
|
@import 'ej2-dropdowns/styles/combo-box/material3-definition.scss';
|
|
9
9
|
@import 'ej2-grids/styles/grid/material3-definition.scss';
|
|
10
|
+
@import 'ej2-popups/styles/spinner/material3-definition.scss';
|
|
10
11
|
@import 'multicolumn-combobox/material3-definition.scss';
|
|
11
12
|
@import 'multicolumn-combobox/icons/material3.scss';
|
|
12
13
|
@import 'multicolumn-combobox/all.scss';
|
|
@@ -18,6 +18,15 @@
|
|
|
18
18
|
@include multicolumn-combobox-styles($multicolumn-margin-top-bigger-value);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
.e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
|
|
22
|
+
.e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
23
|
+
/* stylelint-disable declaration-no-important */
|
|
24
|
+
height: 26px !important;
|
|
25
|
+
width: 26px !important;
|
|
26
|
+
transform-origin: 13px 13px 13px !important;
|
|
27
|
+
/* stylelint-enable declaration-no-important */
|
|
28
|
+
}
|
|
29
|
+
|
|
21
30
|
.e-bigger.e-small.e-popup,
|
|
22
31
|
.e-bigger.e-small .e-popup,
|
|
23
32
|
.e-bigger .e-small.e-popup,
|
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
@include export-module('multicolumn-combobox-layout') {
|
|
8
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
9
|
+
/* stylelint-disable declaration-no-important */
|
|
10
|
+
height: 20px !important;
|
|
11
|
+
width: 20px !important;
|
|
12
|
+
transform-origin: 10px 10px 10px !important;
|
|
13
|
+
/* stylelint-enable declaration-no-important */
|
|
14
|
+
}
|
|
8
15
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
9
16
|
position: sticky;
|
|
10
17
|
top: 0;
|
|
@@ -128,7 +135,8 @@
|
|
|
128
135
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
129
136
|
}
|
|
130
137
|
|
|
131
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
138
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
139
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
132
140
|
position: relative;
|
|
133
141
|
}
|
|
134
142
|
|
|
@@ -210,11 +210,61 @@
|
|
|
210
210
|
min-width: 300px !important;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
214
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
215
|
+
0% {
|
|
216
|
+
-webkit-transform: rotate(0);
|
|
217
|
+
transform: rotate(0);
|
|
218
|
+
}
|
|
219
|
+
100% {
|
|
220
|
+
-webkit-transform: rotate(360deg);
|
|
221
|
+
transform: rotate(360deg);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
@keyframes material-spinner-rotate {
|
|
225
|
+
0% {
|
|
226
|
+
-webkit-transform: rotate(0);
|
|
227
|
+
transform: rotate(0);
|
|
228
|
+
}
|
|
229
|
+
100% {
|
|
230
|
+
-webkit-transform: rotate(360deg);
|
|
231
|
+
transform: rotate(360deg);
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
235
|
+
0% {
|
|
236
|
+
-webkit-transform: rotate(0);
|
|
237
|
+
transform: rotate(0);
|
|
238
|
+
}
|
|
239
|
+
100% {
|
|
240
|
+
-webkit-transform: rotate(360deg);
|
|
241
|
+
transform: rotate(360deg);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
@keyframes fabric-spinner-rotate {
|
|
245
|
+
0% {
|
|
246
|
+
-webkit-transform: rotate(0);
|
|
247
|
+
transform: rotate(0);
|
|
248
|
+
}
|
|
249
|
+
100% {
|
|
250
|
+
-webkit-transform: rotate(360deg);
|
|
251
|
+
transform: rotate(360deg);
|
|
252
|
+
}
|
|
253
|
+
}
|
|
213
254
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
214
255
|
content: "\e729";
|
|
215
256
|
font-family: "e-icons";
|
|
216
257
|
}
|
|
217
258
|
|
|
259
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
260
|
+
/* stylelint-disable declaration-no-important */
|
|
261
|
+
height: 20px !important;
|
|
262
|
+
width: 20px !important;
|
|
263
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
264
|
+
transform-origin: 10px 10px 10px !important;
|
|
265
|
+
/* stylelint-enable declaration-no-important */
|
|
266
|
+
}
|
|
267
|
+
|
|
218
268
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
219
269
|
position: sticky;
|
|
220
270
|
top: 0;
|
|
@@ -344,7 +394,8 @@
|
|
|
344
394
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
345
395
|
}
|
|
346
396
|
|
|
347
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
397
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
398
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
348
399
|
position: relative;
|
|
349
400
|
}
|
|
350
401
|
|
|
@@ -440,6 +491,16 @@
|
|
|
440
491
|
margin-top: 2px;
|
|
441
492
|
}
|
|
442
493
|
|
|
494
|
+
.e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
|
|
495
|
+
.e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
496
|
+
/* stylelint-disable declaration-no-important */
|
|
497
|
+
height: 26px !important;
|
|
498
|
+
width: 26px !important;
|
|
499
|
+
-webkit-transform-origin: 13px 13px 13px !important;
|
|
500
|
+
transform-origin: 13px 13px 13px !important;
|
|
501
|
+
/* stylelint-enable declaration-no-important */
|
|
502
|
+
}
|
|
503
|
+
|
|
443
504
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
444
505
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
|
|
445
506
|
.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/bds-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/bds-definition.scss';
|
|
8
9
|
@import 'bds-definition.scss';
|
|
9
10
|
@import 'icons/bds.scss';
|
|
10
11
|
@import 'all.scss';
|
|
@@ -64,11 +64,61 @@
|
|
|
64
64
|
border-bottom: 1px solid #484848;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
68
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
69
|
+
0% {
|
|
70
|
+
-webkit-transform: rotate(0);
|
|
71
|
+
transform: rotate(0);
|
|
72
|
+
}
|
|
73
|
+
100% {
|
|
74
|
+
-webkit-transform: rotate(360deg);
|
|
75
|
+
transform: rotate(360deg);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
@keyframes material-spinner-rotate {
|
|
79
|
+
0% {
|
|
80
|
+
-webkit-transform: rotate(0);
|
|
81
|
+
transform: rotate(0);
|
|
82
|
+
}
|
|
83
|
+
100% {
|
|
84
|
+
-webkit-transform: rotate(360deg);
|
|
85
|
+
transform: rotate(360deg);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
89
|
+
0% {
|
|
90
|
+
-webkit-transform: rotate(0);
|
|
91
|
+
transform: rotate(0);
|
|
92
|
+
}
|
|
93
|
+
100% {
|
|
94
|
+
-webkit-transform: rotate(360deg);
|
|
95
|
+
transform: rotate(360deg);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
@keyframes fabric-spinner-rotate {
|
|
99
|
+
0% {
|
|
100
|
+
-webkit-transform: rotate(0);
|
|
101
|
+
transform: rotate(0);
|
|
102
|
+
}
|
|
103
|
+
100% {
|
|
104
|
+
-webkit-transform: rotate(360deg);
|
|
105
|
+
transform: rotate(360deg);
|
|
106
|
+
}
|
|
107
|
+
}
|
|
67
108
|
.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
|
|
68
109
|
content: "\e969";
|
|
69
110
|
font-family: "e-icons";
|
|
70
111
|
}
|
|
71
112
|
|
|
113
|
+
.e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
114
|
+
/* stylelint-disable declaration-no-important */
|
|
115
|
+
height: 20px !important;
|
|
116
|
+
width: 20px !important;
|
|
117
|
+
-webkit-transform-origin: 10px 10px 10px !important;
|
|
118
|
+
transform-origin: 10px 10px 10px !important;
|
|
119
|
+
/* stylelint-enable declaration-no-important */
|
|
120
|
+
}
|
|
121
|
+
|
|
72
122
|
.e-multicolumn-grid tr.e-groupcaptionrow {
|
|
73
123
|
position: sticky;
|
|
74
124
|
top: 0;
|
|
@@ -198,7 +248,8 @@
|
|
|
198
248
|
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
199
249
|
}
|
|
200
250
|
|
|
201
|
-
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon
|
|
251
|
+
.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon,
|
|
252
|
+
.e-multicolumn-list.e-input-group .e-input-group-icon {
|
|
202
253
|
position: relative;
|
|
203
254
|
}
|
|
204
255
|
|
|
@@ -294,6 +345,16 @@
|
|
|
294
345
|
margin-top: unset;
|
|
295
346
|
}
|
|
296
347
|
|
|
348
|
+
.e-bigger.e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg,
|
|
349
|
+
.e-bigger .e-multicolumn-list .e-multicolumn-list-icon .e-spinner-pane .e-spinner-inner svg {
|
|
350
|
+
/* stylelint-disable declaration-no-important */
|
|
351
|
+
height: 26px !important;
|
|
352
|
+
width: 26px !important;
|
|
353
|
+
-webkit-transform-origin: 13px 13px 13px !important;
|
|
354
|
+
transform-origin: 13px 13px 13px !important;
|
|
355
|
+
/* stylelint-enable declaration-no-important */
|
|
356
|
+
}
|
|
357
|
+
|
|
297
358
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
298
359
|
.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
|
|
299
360
|
.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
|
|
6
6
|
@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
|
|
7
7
|
@import 'ej2-grids/styles/grid/bootstrap-dark-definition.scss';
|
|
8
|
+
@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
|
|
8
9
|
@import 'bootstrap-dark-definition.scss';
|
|
9
10
|
@import 'icons/bootstrap-dark.scss';
|
|
10
11
|
@import 'all.scss';
|