@syncfusion/ej2-multicolumn-combobox 26.2.12 → 27.1.50

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 (149) 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 +94 -43
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -1
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +94 -40
  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 +8 -8
  12. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +1 -1
  13. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +4 -2
  14. package/src/multicolumn-combobox/multi-column-combo-box.js +94 -41
  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
@@ -10,10 +10,6 @@
10
10
  padding: 0 12px 0 0;
11
11
  }
12
12
 
13
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
14
- padding: 0 16px 0 0;
15
- }
16
-
17
13
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
18
14
  -webkit-transform: rotate(0deg);
19
15
  transform: rotate(0deg);
@@ -62,52 +58,18 @@
62
58
  border-radius: 4px;
63
59
  }
64
60
 
65
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
66
- border-color: rgba(var(--color-sf-primary));
67
- }
68
-
69
- .e-bigger .e-popup.e-ddl-device-filter {
70
- margin-top: 0;
71
- }
72
-
73
- .e-bigger .e-ddl-device .e-input-group,
74
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
75
- background: rgba(0, 0, 0, 0.0001);
76
- border-width: 0;
77
- -webkit-box-shadow: none;
78
- box-shadow: none;
79
- margin-bottom: 0;
80
- }
81
-
82
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
83
- .e-bigger .e-ddl-device .e-input-group input.e-input,
84
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
85
- background: rgba(0, 0, 0, 0.0001);
86
- }
87
-
88
61
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
62
  margin: 0 6px;
90
63
  min-height: 30px;
91
64
  min-width: 30px;
92
65
  }
93
66
 
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
96
- min-height: 38px;
97
- min-width: 38px;
98
- }
99
-
100
67
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
101
68
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
102
69
  min-height: 22px;
103
70
  min-width: 22px;
104
71
  }
105
72
 
106
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
107
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
108
- padding: 4px 16px 4px 0;
109
- }
110
-
111
73
  .e-input-group.e-ddl,
112
74
  .e-input-group.e-ddl .e-input,
113
75
  .e-input-group.e-ddl .e-ddl-icon {
@@ -137,31 +99,6 @@
137
99
  padding: 4px 5px 4px 12px;
138
100
  }
139
101
 
140
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
141
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
142
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
143
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
144
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
145
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
146
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
147
- min-height: 34px;
148
- min-width: 34px;
149
- }
150
-
151
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
152
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
153
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
154
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
155
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
156
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
157
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
158
- padding: 8px 16px;
159
- }
160
-
161
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
162
- margin: 0 4px;
163
- }
164
-
165
102
  .e-ddl.e-popup.e-outline .e-filter-parent {
166
103
  padding: 4px 8px;
167
104
  }
@@ -177,6 +114,7 @@
177
114
  }
178
115
 
179
116
  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
117
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
180
118
  .e-multicolumn-grid td.e-recordplusexpand,
181
119
  .e-multicolumn-grid td.e-indentcell,
182
120
  .e-multicolumn-grid col.e-group-intent,
@@ -184,6 +122,10 @@
184
122
  display: none;
185
123
  }
186
124
 
125
+ .e-multicolumn-grid td.e-rowcell {
126
+ cursor: default;
127
+ }
128
+
187
129
  .e-multicolumn-grid .e-gridheader .e-headercelldiv {
188
130
  overflow: hidden;
189
131
  }
@@ -200,16 +142,27 @@
200
142
  -webkit-box-align: center;
201
143
  -ms-flex-align: center;
202
144
  align-items: center;
145
+ border-radius: 0 0 4px 4px;
203
146
  }
204
147
 
205
148
  .e-multicolumn-grid.e-grid {
206
149
  border-width: 1px;
150
+ border-radius: 4px;
151
+ }
152
+ .e-multicolumn-grid.e-grid .e-gridcontent {
153
+ border-radius: 0 0 4px 4px;
207
154
  }
208
155
 
209
156
  .e-input-group.e-multicolumn-list input[readonly].e-input {
210
157
  pointer-events: none;
211
158
  }
212
159
 
160
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
161
+ border-radius: 4px 4px 0 0;
162
+ }
163
+ .e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
164
+ border-radius: 0;
165
+ }
213
166
  .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
214
167
  -webkit-transform: rotate(180deg);
215
168
  transform: rotate(180deg);
@@ -258,20 +211,25 @@
258
211
  position: sticky;
259
212
  top: 0;
260
213
  z-index: 1;
214
+ border-radius: 4px 4px 0 0;
261
215
  }
262
216
 
263
217
  .e-multicolumn-grid .e-headercontent {
264
- border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
218
+ border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
265
219
  }
266
220
 
267
221
  .e-multicolumn-grid.e-rtl .e-headercontent {
268
- border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
222
+ border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
269
223
  }
270
224
 
271
225
  .e-multicolumn-grid .e-content {
272
226
  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
273
227
  }
274
228
 
229
+ .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
230
+ position: relative;
231
+ }
232
+
275
233
  .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
276
234
  .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
277
235
  .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -292,57 +250,6 @@
292
250
  margin-top: 1px;
293
251
  }
294
252
 
295
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
296
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
297
- font-size: 16px;
298
- }
299
- .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
300
- .e-bigger.e-popup .e-multicolumn-grid .e-row,
301
- .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
302
- .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
303
- .e-bigger .e-popup .e-multicolumn-grid .e-row,
304
- .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
305
- height: 40px;
306
- }
307
- .e-bigger.e-popup.e-multicolumn-list,
308
- .e-bigger .e-popup.e-multicolumn-list {
309
- margin-top: 1px;
310
- }
311
-
312
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
313
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
314
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
315
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
316
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
317
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
318
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
319
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
320
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
321
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
322
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
323
- font-size: 14px;
324
- }
325
- .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
326
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
327
- .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
328
- .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
329
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
330
- .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
331
- .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
332
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
333
- .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
334
- .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
335
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
336
- .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
337
- height: 36px;
338
- }
339
- .e-bigger.e-small.e-popup.e-multicolumn-list,
340
- .e-bigger.e-small .e-popup.e-multicolumn-list,
341
- .e-bigger .e-small.e-popup.e-multicolumn-list,
342
- .e-small .e-bigger.e-popup.e-multicolumn-list {
343
- margin-top: 1px;
344
- }
345
-
346
253
  .e-multicolumn-list .e-popup-footer {
347
254
  background: rgba(var(--color-sf-surface));
348
255
  color: var(--color-sf-on-surface-variant);
@@ -391,8 +298,62 @@
391
298
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
392
299
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
393
300
  }
301
+ .e-popup.e-multicolumn-list .e-grid .e-headercell {
302
+ background-color: unset;
303
+ }
394
304
  .e-popup.e-multicolumn-list .e-headertext,
395
305
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
396
306
  .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
397
307
  color: var(--color-sf-on-surface-variant);
308
+ }
309
+
310
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
311
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
312
+ font-size: 16px;
313
+ }
314
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
315
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
316
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
317
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
318
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
319
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
320
+ height: 40px;
321
+ }
322
+ .e-bigger.e-popup.e-multicolumn-list,
323
+ .e-bigger .e-popup.e-multicolumn-list {
324
+ margin-top: 1px;
325
+ }
326
+
327
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
328
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
329
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
330
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
331
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
332
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
333
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
334
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
335
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
336
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
337
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
338
+ font-size: 14px;
339
+ }
340
+ .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
341
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
342
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
343
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
344
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
345
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
346
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
347
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
348
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
349
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
350
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
351
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
352
+ height: 36px;
353
+ }
354
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
355
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
356
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
357
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
358
+ margin-top: 1px;
398
359
  }
@@ -9,3 +9,4 @@
9
9
  @import 'material3-definition.scss';
10
10
  @import 'icons/material3.scss';
11
11
  @import 'all.scss';
12
+ @import 'bigger.scss';
@@ -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 'tailwind-dark-definition.scss';
9
9
  @import 'icons/tailwind-dark.scss';
10
10
  @import 'all.scss';
11
+ @import 'bigger.scss';