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