@mantine-vue/table 2.2.0 → 2.2.2

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 (7) hide show
  1. package/cjs/index.cjs +33 -5
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +33 -5
  4. package/esm/index.mjs.map +1 -1
  5. package/package.json +4 -4
  6. package/styles.css +611 -464
  7. package/styles.layer.css +611 -464
package/styles.layer.css CHANGED
@@ -1,8 +1,93 @@
1
1
  @layer mantine {
2
- ._root_4efes_1 {
3
- display: flex;
4
- gap: var(--mantine-spacing-xs);
5
- }
2
+ ._root_1b9jd_1 {
3
+ display: flex;
4
+ gap: var(--mantine-spacing-xs);
5
+ }
6
+ ._grab-icon_77zwv_1 {
7
+ cursor: grab;
8
+ }
9
+ ._grab-icon_77zwv_1:active {
10
+ cursor: grabbing;
11
+ }
12
+ ._root_dwpaf_1 {
13
+ margin-left: calc(0.375rem * var(--mantine-scale));
14
+ opacity: 0.8;
15
+ }
16
+ ._root_dwpaf_1:disabled {
17
+ background-color: transparent;
18
+ border: none;
19
+ }
20
+ ._root_dwpaf_1:hover {
21
+ opacity: 1;
22
+ }
23
+ ._root_dwpaf_1.xl {
24
+ margin-left: calc(-0.375rem * var(--mantine-scale));
25
+ }
26
+ ._root_dwpaf_1.md {
27
+ margin-left: 0;
28
+ }
29
+ ._root_dwpaf_1 ._chevron_dwpaf_17 {
30
+ transition: transform 150ms;
31
+ }
32
+ ._root_dwpaf_1 ._chevron_dwpaf_17._up_dwpaf_19 {
33
+ transform: rotate(-180deg);
34
+ }
35
+ ._root_dwpaf_1 ._chevron_dwpaf_17._right_dwpaf_22 {
36
+ transform: rotate(-90deg);
37
+ }
38
+ ._root_9q4on_1 {
39
+ opacity: 0.8;
40
+ }
41
+ ._root_9q4on_1:disabled {
42
+ background-color: transparent;
43
+ border: none;
44
+ opacity: 0.3;
45
+ }
46
+ ._root_9q4on_1:hover {
47
+ opacity: 1;
48
+ }
49
+
50
+ ._root-ltr_9q4on_13 {
51
+ margin-left: calc(calc(var(--mvt-row-depth, 0)) * 16px);
52
+ }
53
+
54
+ ._root-ltr_9q4on_13 ._chevron_9q4on_15 {
55
+ transition: transform 200ms;
56
+ }
57
+
58
+ ._root-ltr_9q4on_13 ._chevron_9q4on_15._right_9q4on_17 {
59
+ transform: rotate(270deg);
60
+ }
61
+
62
+ ._root-ltr_9q4on_13 ._chevron_9q4on_15._up_9q4on_20 {
63
+ transform: rotate(-180deg);
64
+ }
65
+
66
+ ._root-rtl_9q4on_26 {
67
+ margin-right: calc(calc(var(--mvt-row-depth, 0)) * 16px);
68
+ }
69
+
70
+ ._root-rtl_9q4on_26 ._chevron_9q4on_15 {
71
+ transition: transform 200ms;
72
+ }
73
+
74
+ ._root-rtl_9q4on_26 ._chevron_9q4on_15._right_9q4on_17 {
75
+ transform: rotate(-270deg);
76
+ }
77
+
78
+ ._root-rtl_9q4on_26 ._chevron_9q4on_15._up_9q4on_20 {
79
+ transform: rotate(180deg);
80
+ }
81
+ ._collapse_1w3o9_1 {
82
+ position: absolute;
83
+ width: 100%;
84
+ top: 0;
85
+ }
86
+
87
+ ._collapse-top_1w3o9_7 {
88
+ bottom: 0;
89
+ top: unset;
90
+ }
6
91
  ._root_1axh8_1 {
7
92
  display: flex;
8
93
  z-index: 2;
@@ -21,6 +106,61 @@
21
106
  ._with-top-margin_1axh8_18 {
22
107
  margin-top: 3rem;
23
108
  }
109
+ ._alert_bw71q_1 {
110
+ border-radius: 0;
111
+ font-size: 1rem;
112
+ left: 0;
113
+ position: relative;
114
+ padding: calc(0.5rem * var(--mantine-scale));
115
+ right: 0;
116
+ top: 0;
117
+ width: 100%;
118
+ z-index: 2;
119
+ }
120
+
121
+ ._alert-stacked_bw71q_13 {
122
+ margin-bottom: 0;
123
+ }
124
+
125
+ ._alert-bottom_bw71q_17 {
126
+ margin-bottom: calc(-1rem * var(--mantine-scale));
127
+ }
128
+
129
+ ._alert-badge_bw71q_21 {
130
+ margin-left: 1ch;
131
+ }
132
+
133
+ ._toolbar-alert_bw71q_25 {
134
+ gap: var(--mantine-spacing-sm);
135
+ padding: calc(0.5rem * var(--mantine-scale)) calc(1rem * var(--mantine-scale));
136
+ }
137
+
138
+ ._toolbar-alert_bw71q_25._head-overlay_bw71q_28 {
139
+ padding: calc(0.125rem * var(--mantine-scale));
140
+ }
141
+
142
+ ._toolbar-alert_bw71q_25._head-overlay_bw71q_28.xl {
143
+ padding: calc(1rem * var(--mantine-scale));
144
+ }
145
+
146
+ ._toolbar-alert_bw71q_25._head-overlay_bw71q_28.md {
147
+ padding: calc(0.5rem * var(--mantine-scale));
148
+ }
149
+ ._root_fa520_1 {
150
+ align-items: center;
151
+
152
+ border: dashed var(--mantine-primary-color-filled) 2px;
153
+ justify-content: center;
154
+ height: 100%;
155
+ width: 100%;
156
+ position: absolute;
157
+ z-index: 2;
158
+ background-color: color-mix(in srgb, var(--mantine-primary-color-filled) 10%, transparent);
159
+ }
160
+
161
+ ._hovered_fa520_13 {
162
+ background-color: color-mix(in srgb, var(--mantine-primary-color-filled) 20%, transparent);
163
+ }
24
164
  ._common-toolbar-styles_1c9lk_1 {
25
165
  align-items: flex-start;
26
166
  display: grid;
@@ -31,33 +171,27 @@
31
171
  transition: all 150ms ease-in-out;
32
172
  z-index: 3;
33
173
  }
34
- ._root_1p9h3_1 {
174
+ ._root_1k7ch_1 {
35
175
  background-color: var(--mvt-base-background-color);
36
- border-top: 1px solid
37
- var(--mantine-color-gray-3);
176
+ border-top: 1px solid var(--mantine-color-gray-3);
38
177
  }
39
- [data-mantine-color-scheme='dark'] ._root_1p9h3_1 {
40
- border-top: 1px solid
41
- var(--mantine-color-dark-4);
178
+ [data-mantine-color-scheme='dark'] ._root_1k7ch_1 {
179
+ border-top: 1px solid var(--mantine-color-dark-4);
42
180
  }
43
- ._root_1p9h3_1 {
181
+ ._root_1k7ch_1 {
44
182
  bottom: var(--mvt-bottom-toolbar-bottom);
45
- box-shadow: 0 1px 2px -1px color-mix(
46
- in srgb,
47
- var(--mantine-color-black) 10%,
48
- transparent
49
- ) inset;
183
+ box-shadow: 0 1px 2px -1px color-mix(in srgb, var(--mantine-color-black) 10%, transparent) inset;
50
184
  left: 0;
51
185
  right: 0;
52
186
  position: relative;
53
187
  }
54
188
 
55
- ._root-fullscreen_1p9h3_16 {
189
+ ._root-fullscreen_1k7ch_11 {
56
190
  position: fixed !important;
57
191
  bottom: 0;
58
192
  }
59
193
 
60
- ._custom-toolbar-container_1p9h3_21 {
194
+ ._custom-toolbar-container_1k7ch_16 {
61
195
  align-items: center;
62
196
  box-sizing: border-box;
63
197
  display: flex;
@@ -66,7 +200,7 @@
66
200
  width: 100%;
67
201
  }
68
202
 
69
- ._paginator-container_1p9h3_30 {
203
+ ._paginator-container_1k7ch_25 {
70
204
  display: flex;
71
205
  justify-content: flex-end;
72
206
  right: 0;
@@ -74,15 +208,15 @@
74
208
  position: absolute;
75
209
  }
76
210
 
77
- ._paginator-container-alert-banner_1p9h3_38 {
211
+ ._paginator-container-alert-banner_1k7ch_33 {
78
212
  position: relative !important;
79
213
  }
80
- ._symbol_e9w8k_1 {
81
- font-size: var(--mantine-font-size-xl);
82
- text-align: center;
83
- width: 2ch;
84
- transform: translateY(-0.1em);
85
- }
214
+ ._symbol_1b3vj_1 {
215
+ font-size: var(--mantine-font-size-xl);
216
+ text-align: center;
217
+ width: 2ch;
218
+ transform: translateY(-0.1em);
219
+ }
86
220
  ._root_36dtw_1 {
87
221
  z-index: 2;
88
222
  position: relative;
@@ -140,33 +274,33 @@
140
274
  ._header_2agzl_33 {
141
275
  align-self: center;
142
276
  }
143
- ._root_18ent_1 {
144
- max-height: calc(80vh - 100px);
145
- overflow-y: auto;
146
- }
147
- ._root_18ent_1 ._content_18ent_7 {
148
- padding-top: calc(0.25rem * var(--mantine-scale));
149
- padding-bottom: calc(0.25rem * var(--mantine-scale));
150
- gap: calc(0.5rem * var(--mantine-scale));
151
- justify-content: space-between;
152
- }
153
- ._root_vgw6s_1 {
154
- align-items: center;
155
- gap: calc(0.125rem * var(--mantine-scale));
156
- z-index: 3;
157
- margin-left: calc(0.25rem * var(--mantine-scale));
158
- }
159
- ._root_4odg9_1 {
277
+ ._root_14osh_1 {
278
+ max-height: calc(80vh - 100px);
279
+ overflow-y: auto;
280
+ }
281
+ ._root_14osh_1 ._content_14osh_4 {
282
+ padding-top: calc(0.25rem * var(--mantine-scale));
283
+ padding-bottom: calc(0.25rem * var(--mantine-scale));
284
+ gap: calc(0.5rem * var(--mantine-scale));
285
+ justify-content: space-between;
286
+ }
287
+ ._root_hm81t_1 {
288
+ align-items: center;
289
+ gap: calc(0.125rem * var(--mantine-scale));
290
+ z-index: 3;
291
+ margin-left: calc(0.25rem * var(--mantine-scale));
292
+ }
293
+ ._root_1bt1h_1 {
160
294
  background-color: var(--mvt-base-background-color);
161
295
  position: relative;
162
296
  }
163
297
 
164
- ._root-fullscreen_4odg9_6 {
298
+ ._root-fullscreen_1bt1h_6 {
165
299
  position: sticky !important;
166
300
  top: 0;
167
301
  }
168
302
 
169
- ._actions-container_4odg9_11 {
303
+ ._actions-container_1bt1h_11 {
170
304
  align-items: flex-start;
171
305
  box-sizing: border-box;
172
306
  justify-content: space-between;
@@ -177,37 +311,37 @@
177
311
  position: absolute;
178
312
  }
179
313
 
180
- ._actions-container-stack-alert_4odg9_22 {
314
+ ._actions-container-stack-alert_1bt1h_22 {
181
315
  position: relative !important;
182
316
  }
183
- ._root_bjeoi_1 {
184
- background-color: transparent;
185
- border: none;
186
- border-radius: calc(0.25rem * var(--mantine-scale));
187
- color: inherit;
188
- cursor: copy;
189
- font-family: inherit;
190
- font-size: inherit;
191
- font-weight: inherit;
192
- justify-content: inherit;
193
- letter-spacing: inherit;
194
- margin: calc(-0.25rem * var(--mantine-scale));
195
- min-width: unset;
196
- padding: calc(0.25rem * var(--mantine-scale));
197
- text-align: inherit;
198
- text-transform: inherit;
199
- }
200
- ._root_bjeoi_1:active {
201
- transform: translateY(1px);
202
- }
203
- ._root_bjeoi_1:hover {
204
- background-color: color-mix(
205
- in srgb,
206
- var(--mantine-primary-color-filled-hover) 10%,
207
- transparent
208
- );
209
- }
210
- ._root_nsu9p_1 {
317
+ ._root_n9dvb_1 {
318
+ background-color: transparent;
319
+ border: none;
320
+ border-radius: calc(0.25rem * var(--mantine-scale));
321
+ color: inherit;
322
+ cursor: copy;
323
+ font-family: inherit;
324
+ font-size: inherit;
325
+ font-weight: inherit;
326
+ justify-content: inherit;
327
+ letter-spacing: inherit;
328
+ margin: calc(-0.25rem * var(--mantine-scale));
329
+ min-width: unset;
330
+ padding: calc(0.25rem * var(--mantine-scale));
331
+ text-align: inherit;
332
+ text-transform: inherit;
333
+ }
334
+ ._root_n9dvb_1:active {
335
+ transform: translateY(1px);
336
+ }
337
+ ._root_n9dvb_1:hover {
338
+ background-color: color-mix(
339
+ in srgb,
340
+ var(--mantine-primary-color-filled-hover) 10%,
341
+ transparent
342
+ );
343
+ }
344
+ ._root_ftjmr_1 {
211
345
  --resize-thickness: calc(0.125rem * var(--mantine-scale));
212
346
 
213
347
  background-clip: padding-box;
@@ -217,101 +351,92 @@
217
351
  transition: padding 150ms ease-in-out;
218
352
  }
219
353
 
220
- ._root_nsu9p_1[data-dragging-column] {
354
+ ._root_ftjmr_1[data-dragging-column] {
221
355
  z-index: 2;
222
- border-left: var(--drag-thickness) dashed
223
- var(--mvt-dragging-drag-border-color);
224
- border-right: var(--drag-thickness) dashed
225
- var(--mvt-dragging-drag-border-color);
356
+ border-left: var(--drag-thickness) dashed var(--mvt-dragging-drag-border-color);
357
+ border-right: var(--drag-thickness) dashed var(--mvt-dragging-drag-border-color);
226
358
  }
227
359
 
228
- ._root_nsu9p_1[data-dragging-column][data-last-row] {
229
- border-bottom: var(--drag-thickness) dashed
230
- var(--mvt-dragging-drag-border-color);
360
+ ._root_ftjmr_1[data-dragging-column][data-last-row] {
361
+ border-bottom: var(--drag-thickness) dashed var(--mvt-dragging-drag-border-color);
231
362
  }
232
363
 
233
- ._root_nsu9p_1[data-hovered-column-target] {
364
+ ._root_ftjmr_1[data-hovered-column-target] {
234
365
  opacity: 0.5;
235
- border-left: var(--hover-thickness) dashed
236
- var(--mvt-dragging-hovered-border-color);
237
- border-right: var(--hover-thickness) dashed
238
- var(--mvt-dragging-hovered-border-color);
366
+ border-left: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
367
+ border-right: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
239
368
  }
240
369
 
241
- ._root_nsu9p_1[data-hovered-column-target][data-last-row] {
242
- border-bottom: var(--hover-thickness) dashed
243
- var(--mvt-dragging-hovered-border-color);
370
+ ._root_ftjmr_1[data-hovered-column-target][data-last-row] {
371
+ border-bottom: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
244
372
  }
245
373
 
246
- ._root_nsu9p_1[data-resizing='ltr'] {
247
- border-right: var(--resize-thickness) solid
248
- var(--mvt-resize-column-border-color);
374
+ ._root_ftjmr_1[data-resizing='ltr'] {
375
+ border-right: var(--resize-thickness) solid var(--mvt-resize-column-border-color);
249
376
  }
250
377
 
251
- ._root_nsu9p_1[data-resizing='rtl'] {
252
- border-left: var(--resize-thickness) solid
253
- var(--mvt-resize-column-border-color);
378
+ ._root_ftjmr_1[data-resizing='rtl'] {
379
+ border-left: var(--resize-thickness) solid var(--mvt-resize-column-border-color);
254
380
  }
255
381
 
256
- ._root_nsu9p_1:hover {
382
+ ._root_ftjmr_1:hover {
257
383
  outline-offset: calc(-0.0625rem * var(--mantine-scale));
258
384
  text-overflow: clip;
259
385
  }
260
386
 
261
- ._root-grid_nsu9p_50 {
387
+ ._root-grid_ftjmr_42 {
262
388
  align-items: center;
263
389
  justify-content: var(--mvt-cell-align, flex-start);
264
390
  display: flex;
265
391
  }
266
392
 
267
- ._root-virtualized_nsu9p_56 {
393
+ ._root-virtualized_ftjmr_48 {
268
394
  transition: none;
269
395
  }
270
396
 
271
- ._root-data-col_nsu9p_60 {
397
+ ._root-data-col_ftjmr_52 {
272
398
  text-overflow: ellipsis;
273
399
  }
274
400
 
275
- ._root-nowrap_nsu9p_64 {
401
+ ._root-nowrap_ftjmr_56 {
276
402
  white-space: nowrap;
277
403
  }
278
404
 
279
- ._root-cursor-pointer_nsu9p_68 {
405
+ ._root-cursor-pointer_ftjmr_60 {
280
406
  cursor: pointer;
281
407
  }
282
408
 
283
409
  @media (hover: hover) {
284
410
 
285
- ._root-editable-hover_nsu9p_72:hover {
411
+ ._root-editable-hover_ftjmr_64:hover {
286
412
  outline: 1px solid var(--mantine-color-gray-7);
287
413
  }
288
414
  }
289
415
 
290
416
  @media (hover: none) {
291
417
 
292
- ._root-editable-hover_nsu9p_72:active {
418
+ ._root-editable-hover_ftjmr_64:active {
293
419
  outline: 1px solid var(--mantine-color-gray-7);
294
420
  }
295
421
  }
296
422
 
297
- ._root-cell-hover-reveal_nsu9p_78 {
423
+ ._root-cell-hover-reveal_ftjmr_70 {
298
424
  overflow: visible;
299
425
  }
300
426
 
301
- ._cell-hover-reveal_nsu9p_82 {
427
+ ._cell-hover-reveal_ftjmr_74 {
302
428
  white-space: nowrap;
303
429
  overflow: hidden;
304
430
  text-overflow: ellipsis;
305
431
  text-align: var(--mvt-cell-align);
306
432
  }
307
433
 
308
- ._cell-hover-reveal_nsu9p_82._overflowing_nsu9p_89:hover{
434
+ ._cell-hover-reveal_ftjmr_74._overflowing_ftjmr_81:hover {
309
435
  overflow: visible;
310
436
  white-space: normal;
311
437
  position: absolute;
312
438
  z-index: 2;
313
- padding: var(--table-vertical-spacing)
314
- var(--table-horizontal-spacing, var(--mantine-spacing-xs));
439
+ padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
315
440
  background-color: var(--mvt-base-background-color);
316
441
  box-shadow: var(--mantine-shadow-sm);
317
442
  border: 1px solid var(--mantine-primary-color-filled);
@@ -324,17 +449,17 @@
324
449
  justify-content: center;
325
450
  align-items: center;
326
451
  }
327
- ._root_qcquf_1 {
452
+ ._root_1lcbx_1 {
328
453
  display: table-row;
329
454
  width: 100%;
330
455
  background-color: var(--mvt-base-background-color);
331
456
  }
332
457
 
333
- ._root-grid_qcquf_7 {
458
+ ._root-grid_1lcbx_7 {
334
459
  display: flex;
335
460
  }
336
461
 
337
- ._root-virtual-row_qcquf_11 {
462
+ ._root-virtual-row_1lcbx_11 {
338
463
  position: absolute;
339
464
  top: var(--mvt-parent-row-height);
340
465
  transform: translateY(var(--mvt-virtual-row-start));
@@ -342,24 +467,24 @@
342
467
  z-index: 1;
343
468
  }
344
469
 
345
- ._inner_qcquf_19 {
470
+ ._inner_1lcbx_19 {
346
471
  display: table-cell;
347
472
  transition: all 150ms ease-in-out;
348
473
  width: var(--mvt-inner-width);
349
474
  }
350
475
 
351
- ._inner-grid_qcquf_25 {
476
+ ._inner-grid_1lcbx_25 {
352
477
  display: flex;
353
478
  }
354
479
 
355
- ._inner-expanded_qcquf_29 {
480
+ ._inner-expanded_1lcbx_29 {
356
481
  border-bottom: 1px solid var(--_table-border-color);
357
482
  }
358
483
 
359
- ._inner-virtual_qcquf_33 {
484
+ ._inner-virtual_1lcbx_33 {
360
485
  transition: none;
361
486
  }
362
- ._root_1gfu2_1 {
487
+ ._root_1d88l_1 {
363
488
  --hover-thickness: calc(0.1875rem * var(--mantine-scale));
364
489
  --drag-thickness: calc(0.0625rem * var(--mantine-scale));
365
490
 
@@ -371,33 +496,33 @@
371
496
  }
372
497
 
373
498
  /* default background-color */
374
- ._root_1gfu2_1:not([data-striped], [data-striped='false']) {
499
+ ._root_1d88l_1:not([data-striped], [data-striped='false']) {
375
500
  background-color: var(--mvt-base-background-color);
376
501
  }
377
502
  /* striped background-colors (take detail panels and virtualization into account) */
378
- ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='odd'] {
503
+ ._root_1d88l_1:not([data-selected], [data-row-pinned])[data-striped='odd'] {
379
504
  background-color: var(--mvt-striped-row-background-color);
380
505
  }
381
- ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='even'] {
506
+ ._root_1d88l_1:not([data-selected], [data-row-pinned])[data-striped='even'] {
382
507
  background-color: var(--mvt-striped-row-background-color);
383
508
  }
384
509
  /* column pinning styles */
385
- ._root_1gfu2_1:not([data-selected], [data-row-pinned]) td[data-column-pinned]::before {
510
+ ._root_1d88l_1:not([data-selected], [data-row-pinned]) td[data-column-pinned]::before {
386
511
  background-color: var(--mvt-pinned-column-background-color);
387
512
  }
388
- ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
513
+ ._root_1d88l_1:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
389
514
  background-color: var(--mvt-striped-row-background-color);
390
515
  }
391
- ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
516
+ ._root_1d88l_1:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
392
517
  background-color: var(--mvt-striped-row-background-color);
393
518
  }
394
- ._root_1gfu2_1 td[data-column-pinned] {
519
+ ._root_1d88l_1 td[data-column-pinned] {
395
520
  background-color: var(--mvt-pinned-column-background-color);
396
521
  opacity: 0.97;
397
522
  position: sticky;
398
523
  z-index: 1;
399
524
  }
400
- ._root_1gfu2_1 td[data-column-pinned]::before {
525
+ ._root_1d88l_1 td[data-column-pinned]::before {
401
526
  content: '';
402
527
  height: 100%;
403
528
  left: 0;
@@ -406,32 +531,40 @@
406
531
  width: 100%;
407
532
  z-index: -1;
408
533
  }
409
- ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='left'] {
534
+ ._root_1d88l_1 td[data-column-pinned][data-column-pinned='left'] {
410
535
  left: calc(var(--mvt-table-cell-left, 0) * 1px);
411
536
  }
412
- ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
413
- box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
537
+ ._root_1d88l_1 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
538
+ box-shadow: -6px 0 6px -6px
539
+ color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%)
540
+ inset;
414
541
  }
415
- [data-mantine-color-scheme='dark'] ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
416
- box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
542
+ [data-mantine-color-scheme='dark'] ._root_1d88l_1 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
543
+ box-shadow: -6px 0 6px -6px
544
+ color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%)
545
+ inset;
417
546
  }
418
- ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='right'] {
547
+ ._root_1d88l_1 td[data-column-pinned][data-column-pinned='right'] {
419
548
  right: calc(var(--mvt-table-cell-right, 0) * 1px);
420
549
  }
421
- ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
422
- box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
550
+ ._root_1d88l_1 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
551
+ box-shadow: 6px 0 6px -6px
552
+ color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%)
553
+ inset;
423
554
  }
424
- [data-mantine-color-scheme='dark'] ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
425
- box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
555
+ [data-mantine-color-scheme='dark'] ._root_1d88l_1 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
556
+ box-shadow: 6px 0 6px -6px
557
+ color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%)
558
+ inset;
426
559
  }
427
560
  /* row pinning styles */
428
- ._root_1gfu2_1[data-row-pinned] {
561
+ ._root_1d88l_1[data-row-pinned] {
429
562
  background-color: var(--mvt-pinned-row-background-color, --mantine-color-body);
430
563
  bottom: calc(var(--mvt-pinned-row-bottom) * 1px);
431
564
  opacity: 0.97;
432
565
  top: calc(var(--mvt-pinned-row-top) * 1px);
433
566
  }
434
- ._root_1gfu2_1[data-row-pinned] td::before {
567
+ ._root_1d88l_1[data-row-pinned] td::before {
435
568
  background-color: var(--mvt-pinned-row-background-color);
436
569
  content: '';
437
570
  height: 100%;
@@ -441,10 +574,10 @@
441
574
  width: 100%;
442
575
  z-index: -1;
443
576
  }
444
- ._root_1gfu2_1[data-row-pinned] td[data-column-pinned] {
577
+ ._root_1d88l_1[data-row-pinned] td[data-column-pinned] {
445
578
  background-color: var(--mvt-pinned-column-background-color);
446
579
  }
447
- ._root_1gfu2_1[data-row-pinned] td[data-column-pinned]::before {
580
+ ._root_1d88l_1[data-row-pinned] td[data-column-pinned]::before {
448
581
  background-color: var(--mvt-pinned-row-background-color);
449
582
  content: '';
450
583
  height: 100%;
@@ -455,121 +588,117 @@
455
588
  z-index: -1;
456
589
  }
457
590
  /* end column pinning styles */
458
- ._root_1gfu2_1[data-row-pinned='sticky'] {
591
+ ._root_1d88l_1[data-row-pinned='sticky'] {
459
592
  z-index: 2;
460
593
  position: sticky;
461
594
  }
462
595
  /* selection styles */
463
- ._root_1gfu2_1[data-selected] {
596
+ ._root_1d88l_1[data-selected] {
464
597
  background-color: var(--mvt-selected-row-background-color, --mantine-color-body);
465
598
  }
466
- ._root_1gfu2_1[data-selected] td[data-column-pinned] {
599
+ ._root_1d88l_1[data-selected] td[data-column-pinned] {
467
600
  background-color: var(--mvt-pinned-column-background-color);
468
601
  }
469
- ._root_1gfu2_1[data-selected] td[data-column-pinned]::before {
602
+ ._root_1d88l_1[data-selected] td[data-column-pinned]::before {
470
603
  background-color: var(--mvt-selected-row-background-color);
471
604
  }
472
- ._root_1gfu2_1[data-hover]:hover td {
605
+ ._root_1d88l_1[data-hover]:hover td {
473
606
  background-color: var(--mvt-row-hover-background-color);
474
607
  }
475
- ._root_1gfu2_1[data-hover]:hover td[data-column-pinned] {
608
+ ._root_1d88l_1[data-hover]:hover td[data-column-pinned] {
476
609
  background-color: var(--mvt-base-background-color);
477
610
  }
478
- ._root_1gfu2_1[data-hover]:hover td[data-column-pinned]::before {
611
+ ._root_1d88l_1[data-hover]:hover td[data-column-pinned]::before {
479
612
  background-color: var(--mvt-row-hover-background-color);
480
613
  }
481
- ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td {
614
+ ._root_1d88l_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td {
482
615
  background-color: var(--mvt-striped-row-hover-background-color);
483
616
  }
484
- ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned] {
617
+ ._root_1d88l_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned] {
485
618
  background-color: var(--mvt-base-background-color);
486
619
  }
487
- ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
620
+ ._root_1d88l_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
488
621
  background-color: var(--mvt-striped-row-hover-background-color);
489
622
  }
490
- ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td {
623
+ ._root_1d88l_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td {
491
624
  background-color: var(--mvt-striped-row-hover-background-color);
492
625
  }
493
- ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned] {
626
+ ._root_1d88l_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned] {
494
627
  background-color: var(--mvt-base-background-color);
495
628
  }
496
- ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
629
+ ._root_1d88l_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
497
630
  background-color: var(--mvt-striped-row-hover-background-color);
498
631
  }
499
- ._root_1gfu2_1[data-hover]:hover[data-selected] td {
632
+ ._root_1d88l_1[data-hover]:hover[data-selected] td {
500
633
  background-color: var(--mvt-selected-row-hover-background-color);
501
634
  }
502
- ._root_1gfu2_1[data-hover]:hover[data-selected] td[data-column-pinned] {
635
+ ._root_1d88l_1[data-hover]:hover[data-selected] td[data-column-pinned] {
503
636
  background-color: var(--mvt-base-background-color);
504
637
  }
505
- ._root_1gfu2_1[data-hover]:hover[data-selected] td[data-column-pinned]::before {
638
+ ._root_1d88l_1[data-hover]:hover[data-selected] td[data-column-pinned]::before {
506
639
  background-color: var(--mvt-selected-row-hover-background-color);
507
640
  }
508
- ._root_1gfu2_1[data-dragging-row] {
641
+ ._root_1d88l_1[data-dragging-row] {
509
642
  opacity: 0.5;
510
643
  border-bottom: var(--drag-thickness) dashed var(--drag-color);
511
644
  border-top: var(--drag-thickness) dashed var(--drag-color);
512
645
  }
513
- ._root_1gfu2_1[data-dragging-row] td:first-child {
646
+ ._root_1d88l_1[data-dragging-row] td:first-child {
514
647
  border-left: var(--drag-thickness) dashed var(--drag-color);
515
648
  }
516
- ._root_1gfu2_1[data-dragging-row] td:last-child {
649
+ ._root_1d88l_1[data-dragging-row] td:last-child {
517
650
  border-right: var(--drag-thickness) dashed var(--drag-color);
518
651
  }
519
- ._root_1gfu2_1[data-hovered-row-target] td {
652
+ ._root_1d88l_1[data-hovered-row-target] td {
520
653
  opacity: 0.5;
521
- border-top: var(--hover-thickness) dashed
522
- var(--mvt-dragging-hovered-border-color);
523
- border-bottom: var(--hover-thickness) dashed
524
- var(--mvt-dragging-hovered-border-color);
654
+ border-top: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
655
+ border-bottom: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
525
656
  }
526
- ._root_1gfu2_1[data-hovered-row-target] td:first-child {
527
- border-left: var(--hover-thickness) dashed
528
- var(--mvt-dragging-hovered-border-color);
657
+ ._root_1d88l_1[data-hovered-row-target] td:first-child {
658
+ border-left: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
529
659
  }
530
- ._root_1gfu2_1[data-hovered-row-target] td:last-child {
531
- border-right: var(--hover-thickness) dashed
532
- var(--mvt-dragging-hovered-border-color);
660
+ ._root_1d88l_1[data-hovered-row-target] td:last-child {
661
+ border-right: var(--hover-thickness) dashed var(--mvt-dragging-hovered-border-color);
533
662
  }
534
663
 
535
- ._root-grid_1gfu2_242 {
664
+ ._root-grid_1d88l_236 {
536
665
  display: flex;
537
666
  }
538
667
 
539
- ._root-virtualized_1gfu2_246 {
668
+ ._root-virtualized_1d88l_240 {
540
669
  position: absolute !important;
541
670
  top: 0;
542
671
  transition: none !important;
543
672
  transform: translateY(calc(var(--mvt-virtual-row-start) * 1px));
544
673
  will-change: transform;
545
674
  }
546
- ._root_1cl4e_1 {
675
+ ._root_17rwk_1 {
547
676
  background-color: var(--mvt-base-background-color);
548
677
  position: relative;
549
678
  }
550
679
 
551
- ._root-grid_1cl4e_6 {
680
+ ._root-grid_17rwk_6 {
552
681
  display: grid;
553
682
  }
554
683
 
555
- ._root-no-rows_1cl4e_10 {
684
+ ._root-no-rows_17rwk_10 {
556
685
  min-height: calc(6.25rem * var(--mantine-scale));
557
686
  }
558
687
 
559
- ._root-virtualized_1cl4e_14 {
688
+ ._root-virtualized_17rwk_14 {
560
689
  height: var(--mvt-table-body-height);
561
690
  }
562
691
 
563
- ._empty-row-tr-grid_1cl4e_18 {
692
+ ._empty-row-tr-grid_17rwk_18 {
564
693
  display: grid;
565
694
  }
566
695
 
567
- ._empty-row-td-grid_1cl4e_22 {
696
+ ._empty-row-td-grid_17rwk_22 {
568
697
  display: grid;
569
698
  width: inherit;
570
699
  }
571
700
 
572
- ._empty-row-td-content_1cl4e_27 {
701
+ ._empty-row-td-content_17rwk_27 {
573
702
  color: var(--mantine-color-dimmed);
574
703
  font-style: italic;
575
704
  max-width: min(100vw, calc(var(--mvt-paper-width) * 1px));
@@ -579,13 +708,13 @@
579
708
  width: 100%;
580
709
  }
581
710
 
582
- ._pinned_1cl4e_37 {
711
+ ._pinned_17rwk_37 {
583
712
  bottom: calc(var(--mvt-table-footer-height, 0) * 1px - 1px);
584
713
  position: sticky;
585
714
  top: calc(var(--mvt-table-head-height, 0) * 1px - 1px);
586
715
  z-index: 1;
587
716
  }
588
- ._root_1r6he_1 {
717
+ ._root_11ium_1 {
589
718
  font-size: 0.8rem;
590
719
  font-weight: bold;
591
720
  padding: 1rem;
@@ -594,154 +723,172 @@
594
723
  z-index: 1;
595
724
  }
596
725
 
597
- ._root_1r6he_1._grid_1r6he_9 {
726
+ ._root_11ium_1._grid_11ium_9 {
598
727
  display: flex;
599
728
  justify-content: var(--mvt-cell-align, flex-start);
600
729
  }
601
730
 
602
- ._root_1r6he_1._group_1r6he_14 {
731
+ ._root_11ium_1._group_11ium_14 {
603
732
  text-align: center;
604
733
  justify-content: center;
605
734
  }
606
735
 
607
- ._root_1r6he_1 {
736
+ ._root_11ium_1 {
608
737
 
609
738
  background-color: var(--mvt-base-background-color);
610
739
  }
611
740
 
612
- ._root_1r6he_1[data-column-pinned] {
741
+ ._root_11ium_1[data-column-pinned] {
613
742
  position: sticky;
614
743
  }
615
744
 
616
- ._root_1r6he_1[data-column-pinned='left'] {
745
+ ._root_11ium_1[data-column-pinned='left'] {
617
746
  left: calc(var(--mvt-table-cell-left, 0) * 1px);
618
747
  }
619
748
 
620
- ._root_1r6he_1[data-column-pinned='left'][data-last-left-pinned] {
621
- box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
749
+ ._root_11ium_1[data-column-pinned='left'][data-last-left-pinned] {
750
+ box-shadow: -6px 0 6px -6px
751
+ color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%)
752
+ inset;
622
753
  }
623
754
 
624
- [data-mantine-color-scheme='dark'] ._root_1r6he_1[data-column-pinned='left'][data-last-left-pinned] {
625
- box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
755
+ [data-mantine-color-scheme='dark'] ._root_11ium_1[data-column-pinned='left'][data-last-left-pinned] {
756
+ box-shadow: -6px 0 6px -6px
757
+ color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%)
758
+ inset;
626
759
  }
627
760
 
628
- ._root_1r6he_1[data-column-pinned='right'] {
761
+ ._root_11ium_1[data-column-pinned='right'] {
629
762
  right: calc(var(--mvt-table-cell-right, 0) * 1px);
630
763
  }
631
764
 
632
- ._root_1r6he_1[data-column-pinned='right'][data-first-right-pinned] {
633
- box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
765
+ ._root_11ium_1[data-column-pinned='right'][data-first-right-pinned] {
766
+ box-shadow: 6px 0 6px -6px
767
+ color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%)
768
+ inset;
634
769
  }
635
770
 
636
- [data-mantine-color-scheme='dark'] ._root_1r6he_1[data-column-pinned='right'][data-first-right-pinned] {
637
- box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
771
+ [data-mantine-color-scheme='dark'] ._root_11ium_1[data-column-pinned='right'][data-first-right-pinned] {
772
+ box-shadow: 6px 0 6px -6px
773
+ color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%)
774
+ inset;
638
775
  }
639
- ._root_7ucjd_1 {
776
+ ._root_50hwj_1 {
640
777
  width: 100%;
641
778
  display: table-row;
642
779
  }
643
- ._root_7ucjd_1._layout-mode-grid_7ucjd_4 {
780
+ ._root_50hwj_1._layout-mode-grid_50hwj_4 {
644
781
  display: flex;
645
782
  }
646
- ._root_7ucjd_1 {
783
+ ._root_50hwj_1 {
647
784
  background-color: var(--light-bg-color);
648
785
  }
649
- [data-mantine-color-scheme='dark'] ._root_7ucjd_1 {
786
+ [data-mantine-color-scheme='dark'] ._root_50hwj_1 {
650
787
  background-color: var(--dark-bg-color);
651
788
  }
652
- ._root_7ucjd_1 {
653
- border-top: 1px solid
654
- var(--mantine-color-gray-3);
789
+ ._root_50hwj_1 {
790
+ border-top: 1px solid var(--mantine-color-gray-3);
655
791
  }
656
- [data-mantine-color-scheme='dark'] ._root_7ucjd_1 {
657
- border-top: 1px solid
658
- var(--mantine-color-dark-4);
792
+ [data-mantine-color-scheme='dark'] ._root_50hwj_1 {
793
+ border-top: 1px solid var(--mantine-color-dark-4);
659
794
  }
660
- ._root_1ll42_1 {
795
+ ._root_o4obc_1 {
661
796
  background-color: var(--mvt-base-background-color);
662
797
  display: table-row-group;
663
798
  }
664
799
 
665
- ._grid_1ll42_6 {
800
+ ._grid_o4obc_6 {
666
801
  display: grid;
667
802
  }
668
803
 
669
- ._sticky_1ll42_10 {
804
+ ._sticky_o4obc_10 {
670
805
  bottom: 0;
671
806
  opacity: 0.97;
672
807
  position: sticky;
673
808
  z-index: 1;
674
- outline: 1px solid
675
- var(--mantine-color-gray-3);
676
- }
677
-
678
- [data-mantine-color-scheme='dark'] ._sticky_1ll42_10 {
679
- outline: 1px solid
680
- var(--mantine-color-gray-7);
681
- }
682
- ._left_htjtt_1 {
683
- transform: rotate(90deg);
684
- }
685
-
686
- ._right_htjtt_9 {
687
- transform: rotate(-90deg);
688
- }
689
- ._root_ggsjd_1 {
690
- font-weight: normal;
691
- margin-top: calc(0.5rem * var(--mantine-scale));
692
- }
693
- ._root_p3yq7_1 {
809
+ outline: 1px solid var(--mantine-color-gray-3);
810
+ }
811
+
812
+ [data-mantine-color-scheme='dark'] ._sticky_o4obc_10 {
813
+ outline: 1px solid var(--mantine-color-gray-7);
814
+ }
815
+ ._left_1kz9j_1 {
816
+ transform: rotate(90deg);
817
+ }
818
+
819
+ ._right_1kz9j_5 {
820
+ transform: rotate(-90deg);
821
+ }
822
+ ._root_1o3z4_1 {
694
823
  font-weight: normal;
695
- border-bottom: 2px solid
696
- var(--mantine-color-gray-3);
824
+ margin-top: calc(0.5rem * var(--mantine-scale));
697
825
  }
698
- [data-mantine-color-scheme='dark'] ._root_p3yq7_1 {
699
- border-bottom: 2px solid
700
- var(--mantine-color-gray-7);
826
+ ._root_yn5fy_1 {
827
+ font-weight: normal;
828
+ border-bottom: 2px solid var(--mantine-color-gray-3);
829
+ }
830
+ [data-mantine-color-scheme='dark'] ._root_yn5fy_1 {
831
+ border-bottom: 2px solid var(--mantine-color-gray-7);
701
832
  }
702
- ._root_p3yq7_1 {
833
+ ._root_yn5fy_1 {
703
834
  min-width: auto;
704
835
  }
705
- ._root_p3yq7_1._date-filter_p3yq7_6 {
836
+ ._root_yn5fy_1._date-filter_yn5fy_5 {
706
837
  min-width: calc(7.8125rem * var(--mantine-scale));
707
838
  }
708
- ._root_p3yq7_1._range-filter_p3yq7_9 {
839
+ ._root_yn5fy_1._range-filter_yn5fy_8 {
709
840
  min-width: calc(5rem * var(--mantine-scale));
710
841
  }
711
- ._root_p3yq7_1._not-filter-chip_p3yq7_12 {
842
+ ._root_yn5fy_1._not-filter-chip_yn5fy_11 {
712
843
  min-width: calc(6.25rem * var(--mantine-scale));
713
844
  }
714
- ._root_p3yq7_1 {
845
+ ._root_yn5fy_1 {
715
846
  width: 100%;
716
847
  }
717
- ._root_p3yq7_1 .mantine-TextInput-input {
848
+ ._root_yn5fy_1 .mantine-TextInput-input {
718
849
  overflow: hidden;
719
850
  text-overflow: ellipsis;
720
851
  }
721
- ._root_p3yq7_1 .mantine-DateInput-input {
852
+ ._root_yn5fy_1 .mantine-DateInput-input {
722
853
  height: 2.1rem;
723
854
  }
724
855
 
725
- ._filter-chip-badge_p3yq7_25 {
856
+ ._filter-chip-badge_yn5fy_24 {
726
857
  margin: calc(0.3125rem * var(--mantine-scale));
727
858
  }
728
- ._root_xs3uk_1 {
729
- display: grid;
730
- grid-template-columns: 6fr 6fr;
731
- gap: calc(1rem * var(--mantine-scale));
732
- }
733
- ._root_1y3xa_1 {
734
- margin: auto;
735
- margin-top: calc(1rem * var(--mantine-scale));
736
- margin-bottom: calc(0.375rem * var(--mantine-scale));
737
- width: calc(100% - 8px);
738
- }
739
- ._filter-mode-label_1hw9u_1 {
740
- white-space: nowrap;
741
- margin-top: calc(0.25rem * var(--mantine-scale));
742
- font-size: calc(0.625rem * var(--mantine-scale));
743
- }
744
- ._root_1uxhy_1 {
859
+ ._root_1vrme_1 {
860
+ display: grid;
861
+ grid-template-columns: 6fr 6fr;
862
+ gap: calc(1rem * var(--mantine-scale));
863
+ }
864
+ ._root_1psl1_1 {
865
+ margin: auto;
866
+ margin-top: calc(1rem * var(--mantine-scale));
867
+ margin-bottom: calc(0.375rem * var(--mantine-scale));
868
+ width: calc(100% - 8px);
869
+ }
870
+ ._filter-mode-label_12622_1 {
871
+ white-space: nowrap;
872
+ margin-top: calc(0.25rem * var(--mantine-scale));
873
+ font-size: calc(0.625rem * var(--mantine-scale));
874
+ }
875
+ ._root_1kylc_1 {
876
+ transition: all 150ms ease;
877
+ --ai-size: var(--ai-size-sm);
878
+ --ai-bg: transparent;
879
+ --ai-hover: var(--mantine-color-gray-1);
880
+ }
881
+ [data-mantine-color-scheme='dark'] ._root_1kylc_1 {
882
+ --ai-hover: var(--mantine-color-dark-6);
883
+ }
884
+ ._root_1kylc_1 {
885
+ --ai-hover-color: var(--mantine-color-bright);
886
+ color: var(--mantine-color-bright);
887
+ }
888
+ ._root_1kylc_1[data-active] {
889
+ color: var(--mantine-primary-color-filled);
890
+ }
891
+ ._root_18p2w_1 {
745
892
  --resize-handle-thickness: calc(0.25rem * var(--mantine-scale));
746
893
  background: var(--mantine-color-placeholder);
747
894
  border-radius: calc(0.125rem * var(--mantine-scale));
@@ -750,300 +897,302 @@
750
897
  position: absolute;
751
898
  width: var(--resize-handle-thickness);
752
899
  }
753
- ._root_1uxhy_1:hover {
900
+ ._root_18p2w_1:hover {
754
901
  background: var(--mantine-primary-color-filled-hover);
755
902
  }
756
- ._root_1uxhy_1:active {
903
+ ._root_18p2w_1:active {
757
904
  background: var(--mantine-primary-color-filled);
758
905
  }
759
- ._root_1uxhy_1 {
906
+ ._root_18p2w_1 {
760
907
  transform: var(--mvt-transform);
761
908
  }
762
909
 
763
- ._root-ltr_1uxhy_18 {
910
+ ._root-ltr_18p2w_18 {
764
911
  right: 0rem;
765
912
  margin-right: calc(-0.625rem * var(--mantine-scale));
766
913
  }
767
914
 
768
- ._root-ltr_1uxhy_18.md {
915
+ ._root-ltr_18p2w_18.md {
769
916
  margin-right: calc(-1rem * var(--mantine-scale));
770
917
  }
771
918
 
772
- ._root-ltr_1uxhy_18.xl {
919
+ ._root-ltr_18p2w_18.xl {
773
920
  margin-right: calc(-1.375rem * var(--mantine-scale));
774
921
  }
775
922
 
776
- ._root-rtl_1uxhy_29 {
923
+ ._root-rtl_18p2w_29 {
777
924
  left: 0rem;
778
925
  margin-left: calc(-0.625rem * var(--mantine-scale));
779
926
  }
780
927
 
781
- ._root-rtl_1uxhy_29.md {
928
+ ._root-rtl_18p2w_29.md {
782
929
  margin-left: calc(-1rem * var(--mantine-scale));
783
930
  }
784
931
 
785
- ._root-rtl_1uxhy_29.xl {
932
+ ._root-rtl_18p2w_29.xl {
786
933
  margin-left: calc(-1.375rem * var(--mantine-scale));
787
934
  }
788
935
 
789
- ._root-hide_1uxhy_40:active {
936
+ ._root-hide_18p2w_40:active {
790
937
  opacity: 0;
791
938
  }
792
- ._sort-icon_1cb2x_1 {
939
+ ._sort-icon_1pxpg_1 {
793
940
  transition: all 150ms ease;
794
941
  --ai-size: var(--ai-size-xs);
795
942
  --ai-bg: transparent;
796
943
  --ai-hover: var(--mantine-color-gray-1);
797
944
  }
798
- [data-mantine-color-scheme='dark'] ._sort-icon_1cb2x_1 {
945
+ [data-mantine-color-scheme='dark'] ._sort-icon_1pxpg_1 {
799
946
  --ai-hover: var(--mantine-color-dark-6);
800
947
  }
801
- ._sort-icon_1cb2x_1 {
948
+ ._sort-icon_1pxpg_1 {
802
949
  --ai-hover-color: var(--mantine-color-bright);
803
950
  color: var(--mantine-color-bright);
804
951
  }
805
- ._sort-icon_1cb2x_1[data-sorted] {
952
+ ._sort-icon_1pxpg_1[data-sorted] {
806
953
  color: var(--mantine-primary-color-filled);
807
954
  }
808
- ._sort-icon_1cb2x_1 {
955
+ ._sort-icon_1pxpg_1 {
809
956
  margin-left: calc(0.0625rem * var(--mantine-scale));
810
957
  }
811
958
 
812
- ._multi-sort-indicator_1cb2x_17 {
959
+ ._multi-sort-indicator_1pxpg_14 {
813
960
  --indicator-size: calc(1rem * var(--mantine-scale));
814
961
  --indicator-color: transparent;
815
962
  --indicator-text-color: var(--mantine-color-bright);
816
963
  height: var(--indicator-size);
817
964
  }
818
- ._root_kkgpw_1 {
819
- --resize-border-color: var(--mantine-primary-color-filled);
820
- --hover-color: var(--mantine-primary-color-filled);
821
- --drag-color: var(--mantine-color-gray-7);
822
- --resize-thickness: calc(0.125rem * var(--mantine-scale));
823
- --hover-thickness: calc(0.1875rem * var(--mantine-scale));
824
- --drag-thickness: calc(0.0625rem * var(--mantine-scale));
825
-
826
- background-color: var(--mvt-base-background-color);
827
- background-clip: padding-box;
828
- font-weight: bold;
829
- overflow: visible;
830
- position: relative;
831
- transition: padding 150ms ease-in-out;
832
- vertical-align: top;
833
- z-index: 1;
834
- }
835
-
836
- ._root_kkgpw_1:active {
837
- z-index: 3;
838
- }
839
-
840
- ._root_kkgpw_1[data-column-pinned] {
841
- background-color: var(--mvt-base-background-color);
842
- opacity: 0.97;
843
- position: sticky;
844
- z-index: 4;
845
- }
846
-
847
- ._root_kkgpw_1[data-column-pinned][data-column-pinned='left'] {
848
- left: calc(var(--mvt-table-cell-left, 0) * 1px);
849
- }
850
-
851
- ._root_kkgpw_1[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
852
- box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
853
- }
854
-
855
- [data-mantine-color-scheme='dark'] ._root_kkgpw_1[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
856
- box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
857
- }
858
-
859
- ._root_kkgpw_1[data-column-pinned][data-column-pinned='right'] {
860
- right: calc(var(--mvt-table-cell-right, 0) * 1px);
861
- }
862
-
863
- ._root_kkgpw_1[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
864
- box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
865
- }
866
-
867
- [data-mantine-color-scheme='dark'] ._root_kkgpw_1[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
868
- box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
869
- }
870
-
871
- ._root_kkgpw_1[data-resizing][data-resizing='ltr'] {
872
- border-right: var(--resize-thickness) solid var(--resize-border-color);
873
- }
874
-
875
- ._root_kkgpw_1[data-resizing][data-resizing='rtl'] {
876
- border-left: var(--resize-thickness) solid var(--resize-border-color);
877
- }
878
-
879
- ._root_kkgpw_1[data-dragging-column] {
880
- border-left: var(--drag-thickness) dashed var(--drag-color);
881
- border-right: var(--drag-thickness) dashed var(--drag-color);
882
- border-top: var(--drag-thickness) dashed var(--drag-color);
883
- opacity: 0.5;
884
- z-index: 3;
885
- }
886
-
887
- ._root_kkgpw_1[data-hovered-column-target] {
888
- border-left: var(--hover-thickness) dashed var(--hover-color);
889
- border-right: var(--hover-thickness) dashed var(--hover-color);
890
- border-top: var(--hover-thickness) dashed var(--hover-color);
891
- z-index: 2;
892
- }
893
-
894
- ._root_kkgpw_1 .mantine-ActionIcon-root {
895
- opacity: 0.7;
896
- transition: opacity 100ms ease-in-out;
897
- }
898
-
899
- ._root_kkgpw_1:hover .mantine-ActionIcon-root {
900
- opacity: 1;
901
- }
902
-
903
- ._root-grid_kkgpw_179 {
904
- display: flex;
905
- flex-direction: column;
906
- }
907
-
908
- ._root-virtualized_kkgpw_189 {
909
- transition: none;
910
- }
911
-
912
- ._root-no-select_kkgpw_197 {
913
- user-select: none;
914
- }
915
-
916
- ._content_kkgpw_205 {
917
- align-items: center;
918
- justify-content: flex-start;
919
- position: relative;
920
- width: 100%;
921
- height: 100%;
922
- }
923
-
924
- ._content-spaced_kkgpw_221 {
925
- justify-content: space-between;
926
- }
927
-
928
- ._content-center_kkgpw_229 {
929
- justify-content: center;
930
- }
931
-
932
- ._content-right_kkgpw_237 {
933
- flex-direction: row-reverse;
934
- }
935
-
936
- ._content-wrapper_kkgpw_245 {
937
- text-overflow: ellipsis;
938
- }
939
-
940
- ._content-wrapper-hidden-overflow_kkgpw_253 {
941
- overflow: hidden;
942
- }
943
-
944
- ._content-wrapper-nowrap_kkgpw_261 {
945
- white-space: nowrap;
946
- }
947
-
948
- ._labels_kkgpw_269 {
949
- align-items: center;
950
- gap: calc(0.125rem * var(--mantine-scale));
951
- min-height: calc(1.375rem * var(--mantine-scale));
952
- }
953
-
954
- ._labels-right_kkgpw_281 {
955
- flex-direction: row-reverse;
956
- }
957
-
958
- ._labels-center_kkgpw_289 {
959
- padding-left: calc(var(--mvt-table-head-cell-labels-padding-left) * 1rem);
960
- }
961
-
962
- ._labels-sortable_kkgpw_297 {
963
- cursor: pointer;
964
- }
965
-
966
- ._labels-data_kkgpw_305 {
967
- overflow: hidden;
968
- }
969
-
970
- ._content-actions_kkgpw_313 {
971
- align-items: center;
972
- align-self: center;
973
- white-space: nowrap;
974
- gap: calc(0.125rem * var(--mantine-scale));
975
- margin-left: calc(0.125rem * var(--mantine-scale));
976
- }
977
- ._root_anjy3_1 {
965
+ ._root_1ciox_1 {
966
+ --resize-border-color: var(--mantine-primary-color-filled);
967
+ --hover-color: var(--mantine-primary-color-filled);
968
+ --drag-color: var(--mantine-color-gray-7);
969
+ --resize-thickness: calc(0.125rem * var(--mantine-scale));
970
+ --hover-thickness: calc(0.1875rem * var(--mantine-scale));
971
+ --drag-thickness: calc(0.0625rem * var(--mantine-scale));
972
+
973
+ background-color: var(--mvt-base-background-color);
974
+ background-clip: padding-box;
975
+ font-weight: bold;
976
+ overflow: visible;
977
+ position: relative;
978
+ transition: padding 150ms ease-in-out;
979
+ vertical-align: top;
980
+ z-index: 1;
981
+ }
982
+
983
+ ._root_1ciox_1:active {
984
+ z-index: 3;
985
+ }
986
+
987
+ ._root_1ciox_1[data-column-pinned] {
988
+ background-color: var(--mvt-base-background-color);
989
+ opacity: 0.97;
990
+ position: sticky;
991
+ z-index: 4;
992
+ }
993
+
994
+ ._root_1ciox_1[data-column-pinned][data-column-pinned='left'] {
995
+ left: calc(var(--mvt-table-cell-left, 0) * 1px);
996
+ }
997
+
998
+ ._root_1ciox_1[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
999
+ box-shadow: -6px 0 6px -6px
1000
+ color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%)
1001
+ inset;
1002
+ }
1003
+
1004
+ [data-mantine-color-scheme='dark'] ._root_1ciox_1[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
1005
+ box-shadow: -6px 0 6px -6px
1006
+ color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%)
1007
+ inset;
1008
+ }
1009
+
1010
+ ._root_1ciox_1[data-column-pinned][data-column-pinned='right'] {
1011
+ right: calc(var(--mvt-table-cell-right, 0) * 1px);
1012
+ }
1013
+
1014
+ ._root_1ciox_1[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
1015
+ box-shadow: 6px 0 6px -6px
1016
+ color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%)
1017
+ inset;
1018
+ }
1019
+
1020
+ [data-mantine-color-scheme='dark'] ._root_1ciox_1[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
1021
+ box-shadow: 6px 0 6px -6px
1022
+ color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%)
1023
+ inset;
1024
+ }
1025
+
1026
+ ._root_1ciox_1[data-resizing][data-resizing='ltr'] {
1027
+ border-right: var(--resize-thickness) solid var(--resize-border-color);
1028
+ }
1029
+
1030
+ ._root_1ciox_1[data-resizing][data-resizing='rtl'] {
1031
+ border-left: var(--resize-thickness) solid var(--resize-border-color);
1032
+ }
1033
+
1034
+ ._root_1ciox_1[data-dragging-column] {
1035
+ border-left: var(--drag-thickness) dashed var(--drag-color);
1036
+ border-right: var(--drag-thickness) dashed var(--drag-color);
1037
+ border-top: var(--drag-thickness) dashed var(--drag-color);
1038
+ opacity: 0.5;
1039
+ z-index: 3;
1040
+ }
1041
+
1042
+ ._root_1ciox_1[data-hovered-column-target] {
1043
+ border-left: var(--hover-thickness) dashed var(--hover-color);
1044
+ border-right: var(--hover-thickness) dashed var(--hover-color);
1045
+ border-top: var(--hover-thickness) dashed var(--hover-color);
1046
+ z-index: 2;
1047
+ }
1048
+
1049
+ ._root_1ciox_1 .mantine-ActionIcon-root {
1050
+ opacity: 0.7;
1051
+ transition: opacity 100ms ease-in-out;
1052
+ }
1053
+
1054
+ ._root_1ciox_1:hover .mantine-ActionIcon-root {
1055
+ opacity: 1;
1056
+ }
1057
+
1058
+ ._root-grid_1ciox_88 {
1059
+ display: flex;
1060
+ flex-direction: column;
1061
+ }
1062
+
1063
+ ._root-virtualized_1ciox_93 {
1064
+ transition: none;
1065
+ }
1066
+
1067
+ ._root-no-select_1ciox_97 {
1068
+ user-select: none;
1069
+ }
1070
+
1071
+ ._content_1ciox_101 {
1072
+ align-items: center;
1073
+ justify-content: flex-start;
1074
+ position: relative;
1075
+ width: 100%;
1076
+ height: 100%;
1077
+ }
1078
+
1079
+ ._content-spaced_1ciox_109 {
1080
+ justify-content: space-between;
1081
+ }
1082
+
1083
+ ._content-center_1ciox_113 {
1084
+ justify-content: center;
1085
+ }
1086
+
1087
+ ._content-right_1ciox_117 {
1088
+ flex-direction: row-reverse;
1089
+ }
1090
+
1091
+ ._content-wrapper_1ciox_121 {
1092
+ text-overflow: ellipsis;
1093
+ }
1094
+
1095
+ ._content-wrapper-hidden-overflow_1ciox_125 {
1096
+ overflow: hidden;
1097
+ }
1098
+
1099
+ ._content-wrapper-nowrap_1ciox_129 {
1100
+ white-space: nowrap;
1101
+ }
1102
+
1103
+ ._labels_1ciox_133 {
1104
+ align-items: center;
1105
+ gap: calc(0.125rem * var(--mantine-scale));
1106
+ min-height: calc(1.375rem * var(--mantine-scale));
1107
+ }
1108
+
1109
+ ._labels-right_1ciox_139 {
1110
+ flex-direction: row-reverse;
1111
+ }
1112
+
1113
+ ._labels-center_1ciox_143 {
1114
+ padding-left: calc(var(--mvt-table-head-cell-labels-padding-left) * 1rem);
1115
+ }
1116
+
1117
+ ._labels-sortable_1ciox_147 {
1118
+ cursor: pointer;
1119
+ }
1120
+
1121
+ ._labels-data_1ciox_151 {
1122
+ overflow: hidden;
1123
+ }
1124
+
1125
+ ._content-actions_1ciox_155 {
1126
+ align-items: center;
1127
+ align-self: center;
1128
+ white-space: nowrap;
1129
+ gap: calc(0.125rem * var(--mantine-scale));
1130
+ margin-left: calc(0.125rem * var(--mantine-scale));
1131
+ }
1132
+ ._root_s73kn_1 {
978
1133
  background-color: var(--mvt-base-background-color);
979
1134
  display: table-row;
980
1135
  }
981
- ._root_anjy3_1._layout-mode-grid_anjy3_4 {
1136
+ ._root_s73kn_1._layout-mode-grid_s73kn_4 {
982
1137
  display: flex;
983
1138
  }
984
1139
 
985
- ._sticky_anjy3_9 {
1140
+ ._sticky_s73kn_9 {
986
1141
  position: sticky;
987
1142
  top: 0;
988
1143
  }
989
- ._root_1b9w4_1 {
1144
+ ._root_4583j_1 {
990
1145
  background-color: var(--mvt-base-background-color);
991
1146
  opacity: 0.97;
992
1147
  position: relative;
993
1148
  }
994
1149
 
995
- ._root-grid_1b9w4_7 {
1150
+ ._root-grid_4583j_7 {
996
1151
  display: grid;
997
1152
  }
998
1153
 
999
- ._root-table-row-group_1b9w4_11 {
1154
+ ._root-table-row-group_4583j_11 {
1000
1155
  display: table-row-group;
1001
1156
  }
1002
1157
 
1003
- ._root-sticky_1b9w4_15 {
1158
+ ._root-sticky_4583j_15 {
1004
1159
  position: sticky;
1005
1160
  top: 0;
1006
1161
  z-index: 3;
1007
1162
  }
1008
1163
 
1009
- ._banner-tr_1b9w4_21 {
1164
+ ._banner-tr_4583j_21 {
1010
1165
  display: table-row;
1011
1166
  }
1012
1167
 
1013
- ._banner-th_1b9w4_25 {
1168
+ ._banner-th_4583j_25 {
1014
1169
  display: table-cell;
1015
1170
  padding: 0;
1016
1171
  }
1017
1172
 
1018
- ._grid_1b9w4_30 {
1173
+ ._grid_4583j_30 {
1174
+ display: grid;
1175
+ }
1176
+ ._root_1orac_1 {
1177
+ background-color: var(--mvt-base-background-color);
1178
+ }
1179
+
1180
+ ._root-grid_1orac_5 {
1019
1181
  display: grid;
1020
1182
  }
1021
- ._root_kin17_1 {
1022
- background-color: var(--mvt-base-background-color);
1023
- }
1024
-
1025
- ._root-grid_kin17_9 {
1026
- display: grid;
1027
- }
1028
- ._root_1krki_1 {
1183
+ ._root_199hi_1 {
1029
1184
  background-color: var(--mvt-base-background-color);
1030
1185
  max-width: 100%;
1031
1186
  overflow: auto;
1032
1187
  position: relative;
1033
1188
  }
1034
1189
 
1035
- ._root-sticky_1krki_8 {
1036
- max-height: clamp(
1037
- 350px,
1038
- calc(100vh - calc(var(--mvt-top-toolbar-height) * 1px)),
1039
- 9999px
1040
- );
1190
+ ._root-sticky_199hi_8 {
1191
+ max-height: clamp(350px, calc(100vh - calc(var(--mvt-top-toolbar-height) * 1px)), 9999px);
1041
1192
  }
1042
1193
 
1043
- ._root-fullscreen_1krki_16 {
1044
- max-height: calc(
1045
- 100vh - calc(var(--mvt-top-toolbar-height) * 1px)
1046
- ) !important;
1194
+ ._root-fullscreen_199hi_12 {
1195
+ max-height: calc(100vh - calc(var(--mvt-top-toolbar-height) * 1px)) !important;
1047
1196
  }
1048
1197
  :root {
1049
1198
  /* default background color for everything */
@@ -1088,9 +1237,7 @@
1088
1237
 
1089
1238
  :root {
1090
1239
  --mvt-pinned-row-background-color: var(--mvt-selected-row-background-color);
1091
- --mvt-pinned-row-hover-background-color: var(
1092
- --mvt-selected-row-hover-background-color
1093
- );
1240
+ --mvt-pinned-row-hover-background-color: var(--mvt-selected-row-hover-background-color);
1094
1241
  }
1095
1242
 
1096
1243
  /* column pinning */
@@ -1111,7 +1258,7 @@
1111
1258
  --mvt-resize-column-border-color: var(--mantine-primary-color-filled);
1112
1259
  }
1113
1260
 
1114
- ._root_r40yr_84 {
1261
+ ._root_ac88w_58 {
1115
1262
  background-color: var(--mvt-base-background-color);
1116
1263
  overflow: hidden;
1117
1264
  transition: all 150ms ease-in-out;