@syncfusion/ej2-react-multicolumn-combobox 26.1.35

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 (94) hide show
  1. package/README.md +47 -0
  2. package/diConfig.json +137 -0
  3. package/dist/ej2-react-multicolumn-combobox.min.js +1 -0
  4. package/dist/ej2-react-multicolumn-combobox.umd.min.js +2 -0
  5. package/dist/ej2-react-multicolumn-combobox.umd.min.js.map +1 -0
  6. package/dist/es6/ej2-react-multicolumn-combobox.es2015.js +57 -0
  7. package/dist/es6/ej2-react-multicolumn-combobox.es2015.js.map +1 -0
  8. package/index.d.ts +4 -0
  9. package/index.js +4 -0
  10. package/license +6 -0
  11. package/multicolumn-combobox.d.ts +4 -0
  12. package/multicolumn-combobox.js +4 -0
  13. package/package.json +59 -0
  14. package/src/global.js +1 -0
  15. package/src/index.d.ts +3 -0
  16. package/src/index.js +3 -0
  17. package/src/multicolumn-combobox/columns-directive.d.ts +27 -0
  18. package/src/multicolumn-combobox/columns-directive.js +45 -0
  19. package/src/multicolumn-combobox/index.d.ts +2 -0
  20. package/src/multicolumn-combobox/index.js +2 -0
  21. package/src/multicolumn-combobox/multicolumncombobox.component.d.ts +41 -0
  22. package/src/multicolumn-combobox/multicolumncombobox.component.js +48 -0
  23. package/styles/bootstrap-dark.css +331 -0
  24. package/styles/bootstrap-dark.scss +1 -0
  25. package/styles/bootstrap.css +331 -0
  26. package/styles/bootstrap.scss +1 -0
  27. package/styles/bootstrap4.css +395 -0
  28. package/styles/bootstrap4.scss +1 -0
  29. package/styles/bootstrap5-dark.css +399 -0
  30. package/styles/bootstrap5-dark.scss +1 -0
  31. package/styles/bootstrap5.css +399 -0
  32. package/styles/bootstrap5.scss +1 -0
  33. package/styles/fabric-dark.css +306 -0
  34. package/styles/fabric-dark.scss +1 -0
  35. package/styles/fabric.css +299 -0
  36. package/styles/fabric.scss +1 -0
  37. package/styles/fluent-dark.css +379 -0
  38. package/styles/fluent-dark.scss +1 -0
  39. package/styles/fluent.css +379 -0
  40. package/styles/fluent.scss +1 -0
  41. package/styles/fluent2.css +1408 -0
  42. package/styles/fluent2.scss +1 -0
  43. package/styles/highcontrast-light.css +317 -0
  44. package/styles/highcontrast-light.scss +1 -0
  45. package/styles/highcontrast.css +317 -0
  46. package/styles/highcontrast.scss +1 -0
  47. package/styles/material-dark.css +339 -0
  48. package/styles/material-dark.scss +1 -0
  49. package/styles/material.css +364 -0
  50. package/styles/material.scss +1 -0
  51. package/styles/material3-dark.css +486 -0
  52. package/styles/material3-dark.scss +2 -0
  53. package/styles/material3.css +598 -0
  54. package/styles/material3.scss +2 -0
  55. package/styles/multicolumn-combobox/bootstrap-dark.css +331 -0
  56. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  57. package/styles/multicolumn-combobox/bootstrap.css +331 -0
  58. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  59. package/styles/multicolumn-combobox/bootstrap4.css +395 -0
  60. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  61. package/styles/multicolumn-combobox/bootstrap5-dark.css +399 -0
  62. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  63. package/styles/multicolumn-combobox/bootstrap5.css +399 -0
  64. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  65. package/styles/multicolumn-combobox/fabric-dark.css +306 -0
  66. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  67. package/styles/multicolumn-combobox/fabric.css +299 -0
  68. package/styles/multicolumn-combobox/fabric.scss +1 -0
  69. package/styles/multicolumn-combobox/fluent-dark.css +379 -0
  70. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  71. package/styles/multicolumn-combobox/fluent.css +379 -0
  72. package/styles/multicolumn-combobox/fluent.scss +1 -0
  73. package/styles/multicolumn-combobox/fluent2.css +1408 -0
  74. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  75. package/styles/multicolumn-combobox/highcontrast-light.css +317 -0
  76. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  77. package/styles/multicolumn-combobox/highcontrast.css +317 -0
  78. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  79. package/styles/multicolumn-combobox/material-dark.css +339 -0
  80. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  81. package/styles/multicolumn-combobox/material.css +364 -0
  82. package/styles/multicolumn-combobox/material.scss +1 -0
  83. package/styles/multicolumn-combobox/material3-dark.css +486 -0
  84. package/styles/multicolumn-combobox/material3-dark.scss +2 -0
  85. package/styles/multicolumn-combobox/material3.css +598 -0
  86. package/styles/multicolumn-combobox/material3.scss +2 -0
  87. package/styles/multicolumn-combobox/tailwind-dark.css +363 -0
  88. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  89. package/styles/multicolumn-combobox/tailwind.css +363 -0
  90. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  91. package/styles/tailwind-dark.css +363 -0
  92. package/styles/tailwind-dark.scss +1 -0
  93. package/styles/tailwind.css +363 -0
  94. package/styles/tailwind.scss +1 -0
@@ -0,0 +1 @@
1
+ @import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent2.scss';
@@ -0,0 +1,317 @@
1
+ .e-dropdownbase .e-list-item .e-list-icon {
2
+ padding: 0 10px 0 0;
3
+ }
4
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
5
+ padding: 0 12px 0 0;
6
+ }
7
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
8
+ border: 2px solid #000;
9
+ }
10
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
11
+ border: 2px solid #fff;
12
+ }
13
+ .e-dropdownbase .e-list-item.e-active {
14
+ border: 2px solid #400074;
15
+ }
16
+ .e-dropdownbase .e-list-item.e-item-focus {
17
+ border: 2px solid #ecf;
18
+ }
19
+
20
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
21
+ padding: 0 8px 0 0;
22
+ }
23
+
24
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
25
+ padding: 0 12px 0 0;
26
+ }
27
+
28
+ .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
29
+ height: 36px;
30
+ }
31
+
32
+ .e-popup.e-ddl .e-dropdownbase {
33
+ min-height: 26px;
34
+ }
35
+
36
+ .e-ddl.e-popup {
37
+ border: 0;
38
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
39
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
40
+ margin-top: 1px;
41
+ }
42
+ .e-ddl.e-popup .e-content.e-nodata {
43
+ background-color: #fff;
44
+ }
45
+ .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
46
+ color: #23726c;
47
+ }
48
+ .e-ddl.e-popup .e-input-group {
49
+ display: -webkit-box;
50
+ display: -ms-flexbox;
51
+ display: flex;
52
+ width: auto;
53
+ }
54
+ .e-ddl.e-popup .e-input-group input {
55
+ line-height: 15px;
56
+ }
57
+
58
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
59
+ border-radius: 20px;
60
+ height: 20px;
61
+ margin: 5px;
62
+ min-width: 20px;
63
+ }
64
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
65
+ font-size: 10px;
66
+ }
67
+ .e-ddl.e-popup .e-filter-parent {
68
+ border-left-width: 0;
69
+ border-right-width: 0;
70
+ }
71
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
72
+ border-color: #000;
73
+ }
74
+ .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
75
+ margin-top: 0;
76
+ }
77
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
78
+ font-size: 15px;
79
+ line-height: 45px;
80
+ padding-left: 0;
81
+ text-indent: 16px;
82
+ }
83
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
84
+ padding-left: 4px;
85
+ }
86
+ .e-bigger .e-ddl.e-popup .e-input-group {
87
+ padding: 4px 0;
88
+ }
89
+ .e-bigger .e-ddl.e-popup .e-input-group input {
90
+ height: 30px;
91
+ }
92
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
93
+ font-size: 14px;
94
+ line-height: 40px;
95
+ padding-left: 0;
96
+ text-indent: 16px;
97
+ }
98
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
99
+ padding-left: 4px;
100
+ }
101
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
102
+ padding: 0;
103
+ }
104
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
105
+ height: 34px;
106
+ }
107
+
108
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
109
+ content: "\e966";
110
+ font-family: "e-icons";
111
+ }
112
+
113
+ .e-multicolumn-grid tr.e-groupcaptionrow {
114
+ position: sticky;
115
+ top: 0;
116
+ }
117
+
118
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
119
+ .e-multicolumn-grid td.e-recordplusexpand,
120
+ .e-multicolumn-grid td.e-indentcell,
121
+ .e-multicolumn-grid col.e-group-intent,
122
+ .e-multicolumn-list .e-no-records + .e-grid {
123
+ display: none;
124
+ }
125
+
126
+ .e-multicolumn-grid .e-gridheader .e-headercelldiv {
127
+ overflow: hidden;
128
+ }
129
+
130
+ .e-multicolumn-list .e-popup-footer {
131
+ vertical-align: middle;
132
+ border-top: 1px solid;
133
+ font-size: 14px;
134
+ height: 38px;
135
+ padding: 8px 0;
136
+ }
137
+
138
+ .e-input-group.e-multicolumn-list input[readonly].e-input {
139
+ pointer-events: none;
140
+ }
141
+
142
+ .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
143
+ -webkit-transform: rotate(180deg);
144
+ transform: rotate(180deg);
145
+ }
146
+ .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
147
+ -webkit-transform: rotate(0deg);
148
+ transform: rotate(0deg);
149
+ }
150
+ .e-multicolumn-list .e-multicolumn-list-icon::before {
151
+ -webkit-transition: -webkit-transform 300ms ease;
152
+ transition: -webkit-transform 300ms ease;
153
+ transition: transform 300ms ease;
154
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
155
+ }
156
+
157
+ .e-multicolumn-grid .e-grid {
158
+ overflow: auto;
159
+ }
160
+
161
+ .e-multicolumn-grid .e-row,
162
+ .e-multicolumn-grid .e-emptyrow {
163
+ height: 36px;
164
+ }
165
+
166
+ .e-multicolumn-group .e-sortnumber {
167
+ display: none;
168
+ }
169
+
170
+ .e-popup.e-multicolumn-list {
171
+ position: absolute;
172
+ border-radius: 4px;
173
+ margin-top: unset;
174
+ }
175
+ .e-popup.e-multicolumn-list .e-nodata {
176
+ cursor: default;
177
+ font-family: inherit;
178
+ font-size: 14px;
179
+ padding: 14px 16px;
180
+ text-align: center;
181
+ border-radius: inherit;
182
+ }
183
+ .e-popup.e-multicolumn-list .e-headertext {
184
+ font-weight: 600;
185
+ }
186
+ .e-popup.e-multicolumn-list .e-gridheader {
187
+ position: sticky;
188
+ top: 0;
189
+ z-index: 1;
190
+ }
191
+
192
+ .e-multicolumn-grid .e-headercontent {
193
+ border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
194
+ }
195
+
196
+ .e-multicolumn-grid.e-rtl .e-headercontent {
197
+ border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
198
+ }
199
+
200
+ .e-multicolumn-grid .e-content {
201
+ overflow: auto !important; /* stylelint-disable-line declaration-no-important */
202
+ }
203
+
204
+ .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
205
+ .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
206
+ .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
207
+ .e-small .e-popup .e-multicolumn-grid .e-rowcell,
208
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer {
209
+ font-size: 12px;
210
+ }
211
+ .e-small.e-popup .e-multicolumn-grid .e-row,
212
+ .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
213
+ .e-small .e-popup .e-multicolumn-grid .e-row,
214
+ .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
215
+ height: 32px;
216
+ }
217
+ .e-small.e-popup.e-multicolumn-list,
218
+ .e-small .e-popup.e-multicolumn-list {
219
+ margin-top: unset;
220
+ }
221
+
222
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
223
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
224
+ font-size: 16px;
225
+ }
226
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
227
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
228
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
229
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
230
+ height: 40px;
231
+ }
232
+ .e-bigger.e-popup.e-multicolumn-list,
233
+ .e-bigger .e-popup.e-multicolumn-list {
234
+ margin-top: unset;
235
+ }
236
+
237
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
238
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
239
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
240
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
241
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
242
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
243
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
244
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
245
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
246
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
247
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
248
+ font-size: 14px;
249
+ }
250
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
251
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
252
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
253
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
254
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
255
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
256
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
257
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
258
+ height: 38px;
259
+ }
260
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
261
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
262
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
263
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
264
+ margin-top: unset;
265
+ }
266
+
267
+ .e-multicolumn-list .e-popup-footer {
268
+ background: transparent;
269
+ color: #400074;
270
+ border-color: #4f4f4f;
271
+ }
272
+
273
+ .e-input-group.e-multicolumn-list:focus-visible {
274
+ outline: transparent;
275
+ }
276
+
277
+ .e-popup.e-multicolumn-list {
278
+ background: transparent;
279
+ -webkit-box-shadow: none;
280
+ box-shadow: none;
281
+ }
282
+ .e-popup.e-multicolumn-list .e-nodata {
283
+ color: #400074;
284
+ border: 1px solid #400074;
285
+ background: #400074;
286
+ }
287
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
288
+ color: #000;
289
+ }
290
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
291
+ -webkit-box-shadow: none;
292
+ box-shadow: none;
293
+ }
294
+ .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
295
+ .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
296
+ background: #ecf !important; /* stylelint-disable-line declaration-no-important */
297
+ }
298
+ .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
299
+ background: #400074;
300
+ color: #fff;
301
+ }
302
+ .e-popup.e-multicolumn-list .e-groupcaption {
303
+ color: #400074;
304
+ background: #fff;
305
+ }
306
+ .e-popup.e-multicolumn-list .e-gridheader,
307
+ .e-popup.e-multicolumn-list .e-gridheader colgroup {
308
+ background: transparent;
309
+ }
310
+ .e-popup.e-multicolumn-list .e-altrow {
311
+ background: #e4e4e4;
312
+ }
313
+ .e-popup.e-multicolumn-list .e-headertext,
314
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
315
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
316
+ color: #400074;
317
+ }
@@ -0,0 +1 @@
1
+ @import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/highcontrast-light.scss';
@@ -0,0 +1,317 @@
1
+ .e-dropdownbase .e-list-item .e-list-icon {
2
+ padding: 0 10px 0 0;
3
+ }
4
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
5
+ padding: 0 12px 0 0;
6
+ }
7
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
8
+ border: 2px solid #fff;
9
+ }
10
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
11
+ border: 2px solid #000;
12
+ }
13
+ .e-dropdownbase .e-list-item.e-active {
14
+ border: 2px solid #ffd939;
15
+ }
16
+ .e-dropdownbase .e-list-item.e-item-focus {
17
+ border: 2px solid #685708;
18
+ }
19
+
20
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
21
+ padding: 0 8px 0 0;
22
+ }
23
+
24
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
25
+ padding: 0 12px 0 0;
26
+ }
27
+
28
+ .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
29
+ height: 36px;
30
+ }
31
+
32
+ .e-popup.e-ddl .e-dropdownbase {
33
+ min-height: 26px;
34
+ }
35
+
36
+ .e-ddl.e-popup {
37
+ border: 0;
38
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
39
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
40
+ margin-top: 1px;
41
+ }
42
+ .e-ddl.e-popup .e-content.e-nodata {
43
+ background-color: #000;
44
+ }
45
+ .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
46
+ color: #ffd939;
47
+ }
48
+ .e-ddl.e-popup .e-input-group {
49
+ display: -webkit-box;
50
+ display: -ms-flexbox;
51
+ display: flex;
52
+ width: auto;
53
+ }
54
+ .e-ddl.e-popup .e-input-group input {
55
+ line-height: 15px;
56
+ }
57
+
58
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
59
+ border-radius: 20px;
60
+ height: 20px;
61
+ margin: 5px;
62
+ min-width: 20px;
63
+ }
64
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
65
+ font-size: 10px;
66
+ }
67
+ .e-ddl.e-popup .e-filter-parent {
68
+ border-left-width: 0;
69
+ border-right-width: 0;
70
+ }
71
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
72
+ border-color: #fff;
73
+ }
74
+ .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
75
+ margin-top: 0;
76
+ }
77
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
78
+ font-size: 15px;
79
+ line-height: 45px;
80
+ padding-left: 0;
81
+ text-indent: 16px;
82
+ }
83
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
84
+ padding-left: 4px;
85
+ }
86
+ .e-bigger .e-ddl.e-popup .e-input-group {
87
+ padding: 4px 0;
88
+ }
89
+ .e-bigger .e-ddl.e-popup .e-input-group input {
90
+ height: 46px;
91
+ }
92
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
93
+ font-size: 14px;
94
+ line-height: 40px;
95
+ padding-left: 0;
96
+ text-indent: 16px;
97
+ }
98
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
99
+ padding-left: 4px;
100
+ }
101
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
102
+ padding: 0;
103
+ }
104
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
105
+ height: 34px;
106
+ }
107
+
108
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
109
+ content: "\e966";
110
+ font-family: "e-icons";
111
+ }
112
+
113
+ .e-multicolumn-grid tr.e-groupcaptionrow {
114
+ position: sticky;
115
+ top: 0;
116
+ }
117
+
118
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
119
+ .e-multicolumn-grid td.e-recordplusexpand,
120
+ .e-multicolumn-grid td.e-indentcell,
121
+ .e-multicolumn-grid col.e-group-intent,
122
+ .e-multicolumn-list .e-no-records + .e-grid {
123
+ display: none;
124
+ }
125
+
126
+ .e-multicolumn-grid .e-gridheader .e-headercelldiv {
127
+ overflow: hidden;
128
+ }
129
+
130
+ .e-multicolumn-list .e-popup-footer {
131
+ vertical-align: middle;
132
+ border-top: 1px solid;
133
+ font-size: 14px;
134
+ height: 38px;
135
+ padding: 8px 0;
136
+ }
137
+
138
+ .e-input-group.e-multicolumn-list input[readonly].e-input {
139
+ pointer-events: none;
140
+ }
141
+
142
+ .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
143
+ -webkit-transform: rotate(180deg);
144
+ transform: rotate(180deg);
145
+ }
146
+ .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
147
+ -webkit-transform: rotate(0deg);
148
+ transform: rotate(0deg);
149
+ }
150
+ .e-multicolumn-list .e-multicolumn-list-icon::before {
151
+ -webkit-transition: -webkit-transform 300ms ease;
152
+ transition: -webkit-transform 300ms ease;
153
+ transition: transform 300ms ease;
154
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
155
+ }
156
+
157
+ .e-multicolumn-grid .e-grid {
158
+ overflow: auto;
159
+ }
160
+
161
+ .e-multicolumn-grid .e-row,
162
+ .e-multicolumn-grid .e-emptyrow {
163
+ height: 36px;
164
+ }
165
+
166
+ .e-multicolumn-group .e-sortnumber {
167
+ display: none;
168
+ }
169
+
170
+ .e-popup.e-multicolumn-list {
171
+ position: absolute;
172
+ border-radius: 4px;
173
+ margin-top: unset;
174
+ }
175
+ .e-popup.e-multicolumn-list .e-nodata {
176
+ cursor: default;
177
+ font-family: inherit;
178
+ font-size: 14px;
179
+ padding: 14px 16px;
180
+ text-align: center;
181
+ border-radius: inherit;
182
+ }
183
+ .e-popup.e-multicolumn-list .e-headertext {
184
+ font-weight: 600;
185
+ }
186
+ .e-popup.e-multicolumn-list .e-gridheader {
187
+ position: sticky;
188
+ top: 0;
189
+ z-index: 1;
190
+ }
191
+
192
+ .e-multicolumn-grid .e-headercontent {
193
+ border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
194
+ }
195
+
196
+ .e-multicolumn-grid.e-rtl .e-headercontent {
197
+ border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
198
+ }
199
+
200
+ .e-multicolumn-grid .e-content {
201
+ overflow: auto !important; /* stylelint-disable-line declaration-no-important */
202
+ }
203
+
204
+ .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
205
+ .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
206
+ .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
207
+ .e-small .e-popup .e-multicolumn-grid .e-rowcell,
208
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer {
209
+ font-size: 12px;
210
+ }
211
+ .e-small.e-popup .e-multicolumn-grid .e-row,
212
+ .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
213
+ .e-small .e-popup .e-multicolumn-grid .e-row,
214
+ .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
215
+ height: 32px;
216
+ }
217
+ .e-small.e-popup.e-multicolumn-list,
218
+ .e-small .e-popup.e-multicolumn-list {
219
+ margin-top: unset;
220
+ }
221
+
222
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
223
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
224
+ font-size: 16px;
225
+ }
226
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
227
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
228
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
229
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
230
+ height: 40px;
231
+ }
232
+ .e-bigger.e-popup.e-multicolumn-list,
233
+ .e-bigger .e-popup.e-multicolumn-list {
234
+ margin-top: unset;
235
+ }
236
+
237
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
238
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
239
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
240
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
241
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
242
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
243
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
244
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
245
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
246
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
247
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
248
+ font-size: 14px;
249
+ }
250
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
251
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
252
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
253
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
254
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
255
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
256
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
257
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
258
+ height: 38px;
259
+ }
260
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
261
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
262
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
263
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
264
+ margin-top: unset;
265
+ }
266
+
267
+ .e-multicolumn-list .e-popup-footer {
268
+ background: transparent;
269
+ color: #ffd939;
270
+ border-color: #969696;
271
+ }
272
+
273
+ .e-input-group.e-multicolumn-list:focus-visible {
274
+ outline: transparent;
275
+ }
276
+
277
+ .e-popup.e-multicolumn-list {
278
+ background: transparent;
279
+ -webkit-box-shadow: none;
280
+ box-shadow: none;
281
+ }
282
+ .e-popup.e-multicolumn-list .e-nodata {
283
+ color: #ffd939;
284
+ border: 1px solid #969696;
285
+ background: #000;
286
+ }
287
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
288
+ color: #fff;
289
+ }
290
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
291
+ -webkit-box-shadow: none;
292
+ box-shadow: none;
293
+ }
294
+ .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
295
+ .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
296
+ background: #685708 !important; /* stylelint-disable-line declaration-no-important */
297
+ }
298
+ .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
299
+ background: #ffd939;
300
+ color: #000;
301
+ }
302
+ .e-popup.e-multicolumn-list .e-groupcaption {
303
+ color: #ffd939;
304
+ background: #000;
305
+ }
306
+ .e-popup.e-multicolumn-list .e-gridheader,
307
+ .e-popup.e-multicolumn-list .e-gridheader colgroup {
308
+ background: transparent;
309
+ }
310
+ .e-popup.e-multicolumn-list .e-altrow {
311
+ background: #1a1a1a;
312
+ }
313
+ .e-popup.e-multicolumn-list .e-headertext,
314
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
315
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
316
+ color: #ffd939;
317
+ }
@@ -0,0 +1 @@
1
+ @import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/highcontrast.scss';