@syncfusion/ej2-multicolumn-combobox 26.2.10 → 27.1.48

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 (150) hide show
  1. package/.eslintrc.json +261 -0
  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 +109 -44
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +110 -42
  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 +9 -8
  12. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +2 -2
  13. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +4 -2
  14. package/src/multicolumn-combobox/multi-column-combo-box.js +111 -44
  15. package/styles/bootstrap-dark-lite.css +267 -0
  16. package/styles/bootstrap-dark-lite.scss +10 -0
  17. package/styles/bootstrap-dark.css +77 -108
  18. package/styles/bootstrap-dark.scss +1 -0
  19. package/styles/bootstrap-lite.css +267 -0
  20. package/styles/bootstrap-lite.scss +10 -0
  21. package/styles/bootstrap.css +77 -108
  22. package/styles/bootstrap.scss +1 -0
  23. package/styles/bootstrap4-lite.css +309 -0
  24. package/styles/bootstrap4-lite.scss +10 -0
  25. package/styles/bootstrap4.css +78 -131
  26. package/styles/bootstrap4.scss +1 -0
  27. package/styles/bootstrap5-dark-lite.css +317 -0
  28. package/styles/bootstrap5-dark-lite.scss +10 -0
  29. package/styles/bootstrap5-dark.css +78 -127
  30. package/styles/bootstrap5-dark.scss +1 -0
  31. package/styles/bootstrap5-lite.css +317 -0
  32. package/styles/bootstrap5-lite.scss +10 -0
  33. package/styles/bootstrap5.3-lite.css +321 -0
  34. package/styles/bootstrap5.3-lite.scss +10 -0
  35. package/styles/bootstrap5.3.css +372 -0
  36. package/styles/bootstrap5.3.scss +11 -0
  37. package/styles/bootstrap5.css +78 -127
  38. package/styles/bootstrap5.scss +1 -0
  39. package/styles/fabric-dark-lite.css +243 -0
  40. package/styles/fabric-dark-lite.scss +10 -0
  41. package/styles/fabric-dark.css +78 -108
  42. package/styles/fabric-dark.scss +1 -0
  43. package/styles/fabric-lite.css +243 -0
  44. package/styles/fabric-lite.scss +10 -0
  45. package/styles/fabric.css +78 -101
  46. package/styles/fabric.scss +1 -0
  47. package/styles/fluent-dark-lite.css +310 -0
  48. package/styles/fluent-dark-lite.scss +10 -0
  49. package/styles/fluent-dark.css +78 -114
  50. package/styles/fluent-dark.scss +1 -0
  51. package/styles/fluent-lite.css +310 -0
  52. package/styles/fluent-lite.scss +10 -0
  53. package/styles/fluent.css +78 -114
  54. package/styles/fluent.scss +1 -0
  55. package/styles/fluent2-lite.css +314 -0
  56. package/styles/fluent2-lite.scss +10 -0
  57. package/styles/fluent2.css +78 -111
  58. package/styles/fluent2.scss +1 -0
  59. package/styles/highcontrast-light-lite.css +264 -0
  60. package/styles/highcontrast-light-lite.scss +10 -0
  61. package/styles/highcontrast-light.css +78 -98
  62. package/styles/highcontrast-light.scss +1 -0
  63. package/styles/highcontrast-lite.css +268 -0
  64. package/styles/highcontrast-lite.scss +10 -0
  65. package/styles/highcontrast.css +82 -98
  66. package/styles/highcontrast.scss +1 -0
  67. package/styles/material-dark-lite.css +292 -0
  68. package/styles/material-dark-lite.scss +10 -0
  69. package/styles/material-dark.css +78 -92
  70. package/styles/material-dark.scss +1 -0
  71. package/styles/material-lite.css +296 -0
  72. package/styles/material-lite.scss +10 -0
  73. package/styles/material.css +78 -113
  74. package/styles/material.scss +1 -0
  75. package/styles/material3-dark-lite.css +306 -0
  76. package/styles/material3-dark-lite.scss +10 -0
  77. package/styles/material3-dark.css +77 -116
  78. package/styles/material3-dark.scss +1 -0
  79. package/styles/material3-lite.css +308 -0
  80. package/styles/material3-lite.scss +10 -0
  81. package/styles/material3.css +77 -116
  82. package/styles/material3.scss +1 -0
  83. package/styles/multicolumn-combobox/_bds-definition.scss +1 -0
  84. package/styles/multicolumn-combobox/_bigger.scss +37 -0
  85. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +1 -0
  86. package/styles/multicolumn-combobox/_bootstrap-definition.scss +1 -0
  87. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +1 -0
  88. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +1 -0
  89. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +15 -14
  90. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +1 -0
  91. package/styles/multicolumn-combobox/_fabric-definition.scss +1 -0
  92. package/styles/multicolumn-combobox/_fluent-definition.scss +1 -0
  93. package/styles/multicolumn-combobox/_fluent2-definition.scss +1 -0
  94. package/styles/multicolumn-combobox/_fusionnew-definition.scss +1 -0
  95. package/styles/multicolumn-combobox/_highcontrast-definition.scss +1 -0
  96. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +1 -0
  97. package/styles/multicolumn-combobox/_layout.scss +34 -33
  98. package/styles/multicolumn-combobox/_material-dark-definition.scss +1 -0
  99. package/styles/multicolumn-combobox/_material-definition.scss +1 -0
  100. package/styles/multicolumn-combobox/_material3-definition.scss +1 -0
  101. package/styles/multicolumn-combobox/_tailwind-definition.scss +1 -0
  102. package/styles/multicolumn-combobox/_theme.scss +3 -0
  103. package/styles/multicolumn-combobox/bootstrap-dark.css +77 -108
  104. package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
  105. package/styles/multicolumn-combobox/bootstrap.css +77 -108
  106. package/styles/multicolumn-combobox/bootstrap.scss +1 -0
  107. package/styles/multicolumn-combobox/bootstrap4.css +78 -131
  108. package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
  109. package/styles/multicolumn-combobox/bootstrap5-dark.css +78 -127
  110. package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
  111. package/styles/multicolumn-combobox/bootstrap5.3.css +372 -0
  112. package/styles/multicolumn-combobox/bootstrap5.3.scss +11 -0
  113. package/styles/multicolumn-combobox/bootstrap5.css +78 -127
  114. package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
  115. package/styles/multicolumn-combobox/fabric-dark.css +78 -108
  116. package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
  117. package/styles/multicolumn-combobox/fabric.css +78 -101
  118. package/styles/multicolumn-combobox/fabric.scss +1 -0
  119. package/styles/multicolumn-combobox/fluent-dark.css +78 -114
  120. package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
  121. package/styles/multicolumn-combobox/fluent.css +78 -114
  122. package/styles/multicolumn-combobox/fluent.scss +1 -0
  123. package/styles/multicolumn-combobox/fluent2.css +78 -111
  124. package/styles/multicolumn-combobox/fluent2.scss +1 -0
  125. package/styles/multicolumn-combobox/highcontrast-light.css +78 -98
  126. package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
  127. package/styles/multicolumn-combobox/highcontrast.css +82 -98
  128. package/styles/multicolumn-combobox/highcontrast.scss +1 -0
  129. package/styles/multicolumn-combobox/material-dark.css +78 -92
  130. package/styles/multicolumn-combobox/material-dark.scss +1 -0
  131. package/styles/multicolumn-combobox/material.css +78 -113
  132. package/styles/multicolumn-combobox/material.scss +1 -0
  133. package/styles/multicolumn-combobox/material3-dark.css +77 -116
  134. package/styles/multicolumn-combobox/material3-dark.scss +1 -0
  135. package/styles/multicolumn-combobox/material3.css +77 -116
  136. package/styles/multicolumn-combobox/material3.scss +1 -0
  137. package/styles/multicolumn-combobox/tailwind-dark.css +78 -111
  138. package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
  139. package/styles/multicolumn-combobox/tailwind.css +78 -111
  140. package/styles/multicolumn-combobox/tailwind.scss +1 -0
  141. package/styles/tailwind-dark-lite.css +297 -0
  142. package/styles/tailwind-dark-lite.scss +10 -0
  143. package/styles/tailwind-dark.css +78 -111
  144. package/styles/tailwind-dark.scss +1 -0
  145. package/styles/tailwind-lite.css +297 -0
  146. package/styles/tailwind-lite.scss +10 -0
  147. package/styles/tailwind.css +78 -111
  148. package/styles/tailwind.scss +1 -0
  149. package/tslint.json +111 -0
  150. package/hotfix/26.1.35_Vol2.txt +0 -1
@@ -16,32 +16,10 @@
16
16
  font-size: 10px;
17
17
  }
18
18
 
19
- .e-bigger .e-dropdownbase .e-list-group-item,
20
- .e-bigger .e-fixed-head,
21
- .e-bigger.e-dropdownbase .e-list-group-item,
22
- .e-bigger.e-fixed-head {
23
- font-size: 14px;
24
- }
25
-
26
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
27
- .e-bigger.e-small .e-fixed-head,
28
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
29
- .e-bigger.e-small.e-fixed-head {
30
- font-size: 12px;
31
- }
32
-
33
19
  .e-dropdownbase .e-list-item .e-list-icon {
34
20
  padding: 0 8px 0 0;
35
21
  }
36
22
 
37
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
38
- padding: 0 12px 0 0;
39
- }
40
-
41
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
43
- }
44
-
45
23
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
46
24
  padding: 0 4px 0 0;
47
25
  }
@@ -96,46 +74,11 @@
96
74
  margin-top: 2px;
97
75
  }
98
76
 
99
- .e-bigger .e-ddl.e-popup,
100
- .e-bigger.e-ddl.e-popup {
101
- border-radius: 6px;
102
- margin-top: 8px;
103
- }
104
-
105
- .e-bigger.e-small .e-ddl.e-popup,
106
- .e-small.e-bigger.e-ddl.e-popup {
107
- border-radius: 4px;
108
- margin-top: 6px;
109
- }
110
-
111
77
  .e-popup.e-ddl .e-dropdownbase {
112
78
  min-height: 26px;
113
79
  padding: 4px 0;
114
80
  }
115
81
 
116
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
117
- border-color: #4b5563;
118
- }
119
-
120
- .e-bigger .e-popup.e-ddl-device-filter {
121
- margin-top: 0;
122
- }
123
-
124
- .e-bigger .e-ddl-device .e-input-group,
125
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
126
- background: #374151;
127
- border-width: 0;
128
- -webkit-box-shadow: none;
129
- box-shadow: none;
130
- margin-bottom: 0;
131
- }
132
-
133
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
134
- .e-bigger .e-ddl-device .e-input-group input.e-input,
135
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
136
- background-color: #374151;
137
- }
138
-
139
82
  .e-input-group.e-ddl,
140
83
  .e-input-group.e-ddl .e-input,
141
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -162,6 +105,7 @@
162
105
  }
163
106
 
164
107
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
108
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
165
109
  .e-multicolumn-grid td.e-recordplusexpand,
166
110
  .e-multicolumn-grid td.e-indentcell,
167
111
  .e-multicolumn-grid col.e-group-intent,
@@ -169,6 +113,10 @@
169
113
  display: none;
170
114
  }
171
115
 
116
+ .e-multicolumn-grid td.e-rowcell {
117
+ cursor: default;
118
+ }
119
+
172
120
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
173
121
  overflow: hidden;
174
122
  }
@@ -185,16 +133,27 @@
185
133
  -webkit-box-align: center;
186
134
  -ms-flex-align: center;
187
135
  align-items: center;
136
+ border-radius: 0 0 2px 2px;
188
137
  }
189
138
 
190
139
  .e-multicolumn-grid.e-grid {
191
140
  border-width: 1px;
141
+ border-radius: 2px;
142
+ }
143
+ .e-multicolumn-grid.e-grid .e-gridcontent {
144
+ border-radius: 0 0 2px 2px;
192
145
  }
193
146
 
194
147
  .e-input-group.e-multicolumn-list input[readonly].e-input {
195
148
  pointer-events: none;
196
149
  }
197
150
 
151
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
152
+ border-radius: 2px 2px 0 0;
153
+ }
154
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
155
+ border-radius: 0;
156
+ }
198
157
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
199
158
  -webkit-transform: rotate(180deg);
200
159
  transform: rotate(180deg);
@@ -225,7 +184,7 @@
225
184
 
226
185
  .e-popup.e-multicolumn-list {
227
186
  position: absolute;
228
- border-radius: 4px;
187
+ border-radius: 2px;
229
188
  margin-top: 2px;
230
189
  }
231
190
  .e-popup.e-multicolumn-list .e-nodata {
@@ -243,20 +202,25 @@
243
202
  position: sticky;
244
203
  top: 0;
245
204
  z-index: 1;
205
+ border-radius: 2px 2px 0 0;
246
206
  }
247
207
 
248
208
  .e-multicolumn-grid .e-headercontent {
249
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
209
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
250
210
  }
251
211
 
252
212
  .e-multicolumn-grid.e-rtl .e-headercontent {
253
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
213
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
254
214
  }
255
215
 
256
216
  .e-multicolumn-grid .e-content {
257
217
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
258
218
  }
259
219
 
220
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
221
+ position: relative;
222
+ }
223
+
260
224
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
261
225
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
262
226
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -277,57 +241,6 @@
277
241
  margin-top: 2px;
278
242
  }
279
243
 
280
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
281
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
282
- font-size: 16px;
283
- }
284
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
285
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
286
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
287
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
288
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
289
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
290
- height: 36px;
291
- }
292
- .e-bigger.e-popup.e-multicolumn-list,
293
- .e-bigger .e-popup.e-multicolumn-list {
294
- margin-top: 2px;
295
- }
296
-
297
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
298
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
299
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
300
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
301
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
302
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
303
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
304
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
305
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
306
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
307
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
308
- font-size: 14px;
309
- }
310
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
311
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
312
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
313
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
314
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
315
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
316
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
317
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
318
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
319
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
320
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
321
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
322
- height: 32px;
323
- }
324
- .e-bigger.e-small.e-popup.e-multicolumn-list,
325
- .e-bigger.e-small .e-popup.e-multicolumn-list,
326
- .e-bigger .e-small.e-popup.e-multicolumn-list,
327
- .e-small .e-bigger.e-popup.e-multicolumn-list {
328
- margin-top: 2px;
329
- }
330
-
331
244
  .e-multicolumn-list .e-popup-footer {
332
245
  background: #374151;
333
246
  color: #9ca3af;
@@ -374,8 +287,62 @@
374
287
  .e-popup.e-multicolumn-list .e-altrow {
375
288
  background: #232e3e;
376
289
  }
290
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
291
+ background-color: unset;
292
+ }
377
293
  .e-popup.e-multicolumn-list .e-headertext,
378
294
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
379
295
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
380
296
  color: #9ca3af;
297
+ }
298
+
299
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
300
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
301
+ font-size: 16px;
302
+ }
303
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
304
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
305
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
306
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
307
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
308
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
309
+ height: 36px;
310
+ }
311
+ .e-bigger.e-popup.e-multicolumn-list,
312
+ .e-bigger .e-popup.e-multicolumn-list {
313
+ margin-top: 2px;
314
+ }
315
+
316
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
317
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
318
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
319
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
320
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
321
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
322
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
323
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
324
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
325
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
326
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
327
+ font-size: 14px;
328
+ }
329
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
330
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
331
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
332
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
333
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
334
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
335
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
336
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
337
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
338
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
339
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
340
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
341
+ height: 32px;
342
+ }
343
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
344
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
345
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
346
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
347
+ margin-top: 2px;
381
348
  }
@@ -8,3 +8,4 @@
8
8
  @import 'multicolumn-combobox/tailwind-dark-definition.scss';
9
9
  @import 'multicolumn-combobox/icons/tailwind-dark.scss';
10
10
  @import 'multicolumn-combobox/all.scss';
11
+ @import 'multicolumn-combobox/bigger.scss';
@@ -0,0 +1,297 @@
1
+ .e-dropdownbase .e-list-item.e-active,
2
+ .e-dropdownbase .e-list-item.e-active.e-hover {
3
+ font-weight: 500;
4
+ }
5
+
6
+ .e-dropdownbase .e-list-group-item,
7
+ .e-fixed-head {
8
+ font-size: 12px;
9
+ text-transform: uppercase;
10
+ }
11
+
12
+ .e-small .e-dropdownbase .e-list-group-item,
13
+ .e-small .e-fixed-head,
14
+ .e-small.e-dropdownbase .e-list-group-item,
15
+ .e-small.e-fixed-head {
16
+ font-size: 10px;
17
+ }
18
+
19
+ .e-dropdownbase .e-list-item .e-list-icon {
20
+ padding: 0 8px 0 0;
21
+ }
22
+
23
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
24
+ padding: 0 4px 0 0;
25
+ }
26
+
27
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
28
+ -webkit-transform: rotate(0deg);
29
+ transform: rotate(0deg);
30
+ -webkit-transition: -webkit-transform 300ms ease;
31
+ transition: -webkit-transform 300ms ease;
32
+ transition: transform 300ms ease;
33
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
34
+ }
35
+
36
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
37
+ -webkit-transform: rotate(180deg);
38
+ transform: rotate(180deg);
39
+ -webkit-transition: -webkit-transform 300ms ease;
40
+ transition: -webkit-transform 300ms ease;
41
+ transition: transform 300ms ease;
42
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
43
+ }
44
+
45
+ .e-dropdownbase .e-list-item.e-active.e-hover {
46
+ color: #111827;
47
+ }
48
+
49
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
50
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
51
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
52
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
53
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
54
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
55
+ background: transparent;
56
+ }
57
+
58
+ .e-input-group .e-ddl-icon:not(:active)::after {
59
+ -webkit-animation: none;
60
+ animation: none;
61
+ }
62
+
63
+ .e-ddl.e-popup {
64
+ border: 0;
65
+ border-radius: 4px;
66
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
67
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
68
+ margin-top: 4px;
69
+ }
70
+
71
+ .e-small .e-ddl.e-popup,
72
+ .e-small.e-ddl.e-popup {
73
+ border-radius: 2px;
74
+ margin-top: 2px;
75
+ }
76
+
77
+ .e-popup.e-ddl .e-dropdownbase {
78
+ min-height: 26px;
79
+ padding: 4px 0;
80
+ }
81
+
82
+ .e-input-group.e-ddl,
83
+ .e-input-group.e-ddl .e-input,
84
+ .e-input-group.e-ddl .e-ddl-icon {
85
+ background: #fff;
86
+ }
87
+
88
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
89
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
90
+ border-bottom-width: 0;
91
+ }
92
+
93
+ .e-ddl.e-popup.e-outline .e-filter-parent {
94
+ padding: 4px 8px;
95
+ }
96
+
97
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
98
+ content: "\e729";
99
+ font-family: "e-icons";
100
+ }
101
+
102
+ .e-multicolumn-grid tr.e-groupcaptionrow {
103
+ position: sticky;
104
+ top: 0;
105
+ }
106
+
107
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
108
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
109
+ .e-multicolumn-grid td.e-recordplusexpand,
110
+ .e-multicolumn-grid td.e-indentcell,
111
+ .e-multicolumn-grid col.e-group-intent,
112
+ .e-multicolumn-list .e-no-records + .e-grid {
113
+ display: none;
114
+ }
115
+
116
+ .e-multicolumn-grid td.e-rowcell {
117
+ cursor: default;
118
+ }
119
+
120
+ .e-multicolumn-grid .e-gridheader .e-headercelldiv {
121
+ overflow: hidden;
122
+ }
123
+
124
+ .e-multicolumn-list .e-popup-footer {
125
+ vertical-align: middle;
126
+ border-style: solid;
127
+ border-width: 0 1px 0 1px;
128
+ font-size: 14px;
129
+ height: 30px;
130
+ display: -webkit-box;
131
+ display: -ms-flexbox;
132
+ display: flex;
133
+ -webkit-box-align: center;
134
+ -ms-flex-align: center;
135
+ align-items: center;
136
+ border-radius: 0 0 2px 2px;
137
+ }
138
+
139
+ .e-multicolumn-grid.e-grid {
140
+ border-width: 1px;
141
+ border-radius: 2px;
142
+ }
143
+ .e-multicolumn-grid.e-grid .e-gridcontent {
144
+ border-radius: 0 0 2px 2px;
145
+ }
146
+
147
+ .e-input-group.e-multicolumn-list input[readonly].e-input {
148
+ pointer-events: none;
149
+ }
150
+
151
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
152
+ border-radius: 2px 2px 0 0;
153
+ }
154
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
155
+ border-radius: 0;
156
+ }
157
+ .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
158
+ -webkit-transform: rotate(180deg);
159
+ transform: rotate(180deg);
160
+ }
161
+ .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
162
+ -webkit-transform: rotate(0deg);
163
+ transform: rotate(0deg);
164
+ }
165
+ .e-multicolumn-list .e-multicolumn-list-icon::before {
166
+ -webkit-transition: -webkit-transform 300ms ease;
167
+ transition: -webkit-transform 300ms ease;
168
+ transition: transform 300ms ease;
169
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
170
+ }
171
+
172
+ .e-multicolumn-grid .e-grid {
173
+ overflow: auto;
174
+ }
175
+
176
+ .e-multicolumn-grid .e-row,
177
+ .e-multicolumn-grid .e-emptyrow {
178
+ height: 30px;
179
+ }
180
+
181
+ .e-multicolumn-group .e-sortnumber {
182
+ display: none;
183
+ }
184
+
185
+ .e-popup.e-multicolumn-list {
186
+ position: absolute;
187
+ border-radius: 2px;
188
+ margin-top: 2px;
189
+ }
190
+ .e-popup.e-multicolumn-list .e-nodata {
191
+ cursor: default;
192
+ font-family: inherit;
193
+ font-size: 14px;
194
+ padding: 14px 16px;
195
+ text-align: center;
196
+ border-radius: inherit;
197
+ }
198
+ .e-popup.e-multicolumn-list .e-headertext {
199
+ font-weight: 500;
200
+ }
201
+ .e-popup.e-multicolumn-list .e-gridheader {
202
+ position: sticky;
203
+ top: 0;
204
+ z-index: 1;
205
+ border-radius: 2px 2px 0 0;
206
+ }
207
+
208
+ .e-multicolumn-grid .e-headercontent {
209
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
210
+ }
211
+
212
+ .e-multicolumn-grid.e-rtl .e-headercontent {
213
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
214
+ }
215
+
216
+ .e-multicolumn-grid .e-content {
217
+ overflow: auto !important; /* stylelint-disable-line declaration-no-important */
218
+ }
219
+
220
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
221
+ position: relative;
222
+ }
223
+
224
+ .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
225
+ .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
226
+ .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
227
+ .e-small .e-popup .e-multicolumn-grid .e-rowcell,
228
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer {
229
+ font-size: 12px;
230
+ }
231
+ .e-small.e-popup.e-multicolumn-list .e-popup-footer,
232
+ .e-small.e-popup .e-multicolumn-grid .e-row,
233
+ .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
234
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer,
235
+ .e-small .e-popup .e-multicolumn-grid .e-row,
236
+ .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
237
+ height: 24px;
238
+ }
239
+ .e-small.e-popup.e-multicolumn-list,
240
+ .e-small .e-popup.e-multicolumn-list {
241
+ margin-top: 2px;
242
+ }
243
+
244
+ .e-multicolumn-list .e-popup-footer {
245
+ background: #fff;
246
+ color: #6b7280;
247
+ border-color: #e5e7eb;
248
+ }
249
+
250
+ .e-input-group.e-multicolumn-list:focus-visible {
251
+ outline: transparent;
252
+ }
253
+
254
+ .e-popup.e-multicolumn-list {
255
+ background: transparent;
256
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
257
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
258
+ }
259
+ .e-popup.e-multicolumn-list .e-nodata {
260
+ color: #111827;
261
+ border: 1px solid #e5e7eb;
262
+ background: #fff;
263
+ }
264
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
265
+ color: #111827;
266
+ }
267
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
268
+ -webkit-box-shadow: none;
269
+ box-shadow: none;
270
+ }
271
+ .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
272
+ .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
273
+ background: #f3f4f6 !important; /* stylelint-disable-line declaration-no-important */
274
+ }
275
+ .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
276
+ background: #e5e7eb;
277
+ color: #111827;
278
+ }
279
+ .e-popup.e-multicolumn-list .e-groupcaption {
280
+ color: #6b7280;
281
+ background: #fff;
282
+ }
283
+ .e-popup.e-multicolumn-list .e-gridheader,
284
+ .e-popup.e-multicolumn-list .e-gridheader colgroup {
285
+ background: #f9fafb;
286
+ }
287
+ .e-popup.e-multicolumn-list .e-altrow {
288
+ background: #f9fafb;
289
+ }
290
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
291
+ background-color: unset;
292
+ }
293
+ .e-popup.e-multicolumn-list .e-headertext,
294
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
295
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
296
+ color: #6b7280;
297
+ }
@@ -0,0 +1,10 @@
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
+ @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition.scss';
4
+ @import 'ej2-dropdowns/styles/drop-down-base/tailwind-definition.scss';
5
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
6
+ @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
7
+ @import 'ej2-grids/styles/grid/tailwind-definition.scss';
8
+ @import 'multicolumn-combobox/tailwind-definition.scss';
9
+ @import 'multicolumn-combobox/icons/tailwind.scss';
10
+ @import 'multicolumn-combobox/all.scss';