@adaptabletools/adaptable-vue3-aggrid 21.0.11 → 21.1.0-canary.0

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 (5) hide show
  1. package/base.css +1811 -2336
  2. package/base.css.map +1 -1
  3. package/index.css +1768 -1413
  4. package/index.css.map +1 -1
  5. package/package.json +4 -4
package/index.css CHANGED
@@ -273,913 +273,422 @@ template {
273
273
  [hidden] {
274
274
  display: none;
275
275
  }
276
- ._16lm1iw0 {
277
- box-sizing: border-box;
278
- }
279
- ._16lm1iw0:before {
280
- box-sizing: border-box;
281
- }
282
- ._16lm1iw0:after {
283
- box-sizing: border-box;
284
- }
285
- ._16lm1iw0 * {
286
- box-sizing: border-box;
287
- }
288
- ._16lm1iw1 {
289
- position: relative;
290
- }
291
- ._16lm1iw2 {
292
- position: absolute;
293
- }
294
- ._16lm1iw3 {
295
- position: static;
296
- }
297
- ._16lm1iw4 {
298
- position: sticky;
299
- }
300
- ._16lm1iw5 {
301
- position: fixed;
302
- }
303
- ._16lm1iw6 {
304
- fill: currentColor;
305
- }
306
- ._16lm1iw7 {
307
- fill: var(--infinite-accent-color);
308
- }
309
- ._16lm1iw8 {
310
- margin: 0;
311
- }
312
- ._16lm1iw9 {
313
- vertical-align: middle;
314
- }
315
- ._16lm1iwa {
316
- stroke: currentColor;
317
- }
318
- ._16lm1iwb {
319
- stroke: var(--infinite-accent-color);
320
- }
321
- ._16lm1iwc {
322
- background: inherit;
323
- }
324
- ._16lm1iwd {
325
- outline: none;
326
- }
327
- ._16lm1iwe, ._16lm1iwf {
328
- transform: translateZ(0);
329
- }
330
- ._16lm1iwg {
331
- transform: rotate(90deg);
332
- }
333
- ._16lm1iwh {
334
- transform: rotate(180deg);
335
- }
336
- ._16lm1iwi {
337
- cursor: pointer;
338
- }
339
- ._16lm1iwj {
340
- cursor: default;
341
- }
342
- ._16lm1iwk {
343
- cursor: col-resize;
344
- }
345
- ._16lm1iwl {
346
- pointer-events: none;
347
- }
348
- ._16lm1iwm {
349
- flex: 1;
350
- }
351
- ._16lm1iwn {
352
- flex: none;
353
- }
354
- ._16lm1iwo {
355
- z-index: 1;
356
- }
357
- ._16lm1iwp {
358
- z-index: 10;
359
- }
360
- ._16lm1iwq {
361
- z-index: 100;
362
- }
363
- ._16lm1iwr {
364
- z-index: 1000;
365
- }
366
- ._16lm1iws {
367
- z-index: 10000;
368
- }
369
- ._16lm1iwt {
370
- z-index: 100000;
371
- }
372
- ._16lm1iwu {
373
- z-index: 1000000;
374
- }
375
- ._16lm1iwv {
376
- z-index: 10000000;
377
- }
378
- ._16lm1iww {
379
- z-index: 1000;
380
- }
381
- ._16lm1iwx {
382
- z-index: 10000;
383
- }
384
- ._16lm1iwy {
385
- z-index: 100000;
386
- }
387
- ._16lm1iwz {
388
- display: flex;
389
- }
390
- ._16lm1iw10 {
391
- display: contents;
392
- }
393
- ._16lm1iw11 {
394
- display: none;
395
- }
396
- ._16lm1iw12 {
397
- display: block;
398
- }
399
- ._16lm1iw13 {
400
- display: grid;
401
- }
402
- ._16lm1iw14 {
403
- display: inline-block;
404
- }
405
- ._16lm1iw15 {
406
- display: inline-flex;
407
- }
408
- ._16lm1iw16 {
409
- display: inline-grid;
410
- }
411
- ._16lm1iw17 {
412
- -webkit-user-select: none;
413
- -moz-user-select: none;
414
- user-select: none;
415
- }
416
- ._16lm1iw18 {
417
- height: 0;
418
- }
419
- ._16lm1iw19 {
420
- height: 100%;
421
- }
422
- ._16lm1iw1a {
423
- height: 50%;
424
- }
425
- ._16lm1iw1b {
426
- width: 0;
427
- }
428
- ._16lm1iw1c {
429
- width: 100%;
430
- }
431
- ._16lm1iw1d {
432
- top: 0;
433
- }
434
- ._16lm1iw1e {
435
- top: 100%;
436
- }
437
- ._16lm1iw1f {
438
- left: 0;
439
- }
440
- ._16lm1iw1g {
441
- left: 100%;
442
- }
443
- ._16lm1iw1h {
444
- left: auto;
445
- }
446
- ._16lm1iw1i {
447
- bottom: 0;
448
- }
449
- ._16lm1iw1j {
450
- bottom: 100%;
451
- }
452
- ._16lm1iw1k {
453
- right: 0;
454
- }
455
- ._16lm1iw1l {
456
- right: 100%;
457
- }
458
- ._16lm1iw1m {
459
- right: auto;
460
- }
461
- ._16lm1iw1n {
462
- flex-flow: column;
463
- }
464
- ._16lm1iw1o {
465
- flex-flow: column-reverse;
466
- }
467
- ._16lm1iw1p {
468
- flex-flow: row;
469
- }
470
- ._16lm1iw1q {
471
- flex-flow: row-reverse;
472
- }
473
- ._16lm1iw1r {
474
- align-items: center;
475
- }
476
- ._16lm1iw1s {
477
- align-items: stretch;
478
- }
479
- ._16lm1iw1t {
480
- justify-content: center;
481
- }
482
- ._16lm1iw1u {
483
- justify-content: space-between;
484
- }
485
- ._16lm1iw1v {
486
- justify-content: space-around;
487
- }
488
- ._16lm1iw1w {
489
- justify-content: flex-start;
490
- }
491
- ._16lm1iw1x {
492
- justify-content: flex-end;
493
- }
494
- ._16lm1iw1y {
495
- overflow: hidden;
496
- }
497
- ._16lm1iw1z {
498
- overflow: auto;
499
- }
500
- ._16lm1iw20 {
501
- overflow: visible;
502
- }
503
- ._16lm1iw21 {
504
- visibility: visible;
505
- }
506
- ._16lm1iw22 {
507
- visibility: hidden;
508
- }
509
- ._16lm1iw23 {
510
- will-change: transform;
511
- }
512
- ._16lm1iw24 {
513
- white-space: nowrap;
514
- }
515
- ._16lm1iw25 {
516
- text-overflow: ellipsis;
517
- }
518
- .mlx2t2 {
519
- display: inline-block;
520
- }
521
- .mlx2t3 {
522
- height: 0;
523
- width: 0;
524
- will-change: transform;
525
- }
526
- ._1ueijco0 {
527
- backface-visibility: hidden;
528
- -webkit-overflow-scrolling: touch;
529
- outline: none;
530
- position: fixed;
531
- height: 100%;
532
- width: 100%;
533
- left: 0;
534
- top: 0;
535
- }
536
- ._1ueijco1 {
537
- position: sticky;
538
- will-change: transform;
539
- transform: translateZ(0);
540
- contain: size layout;
541
- top: 0;
542
- left: 0;
543
- }
544
- ._1ueijco2 {
545
- overflow: auto;
546
- }
547
- ._1ueijco3 {
548
- overflow: hidden;
549
- }
550
- ._1ueijco4 {
551
- overflow: visible;
552
- }
553
- ._1ueijco5 {
554
- overflow: auto;
555
- }
556
- ._1ueijco6 {
557
- overflow: hidden;
558
- }
559
- ._1ueijco7 {
560
- overflow-x: auto;
561
- }
562
- ._1ueijco8 {
563
- overflow-x: hidden;
564
- }
565
- ._1ueijco9 {
566
- overflow-x: visible;
567
- }
568
- ._1ueijcoa {
569
- overflow-x: auto;
570
- }
571
- ._1ueijcob {
572
- overflow-x: hidden;
573
- }
574
- ._1ueijcoc {
575
- overflow-y: auto;
576
- }
577
- ._1ueijcod {
578
- overflow-y: hidden;
579
- }
580
- ._1ueijcoe {
581
- overflow-y: visible;
582
- }
583
- ._1ueijcof {
584
- overflow-y: auto;
585
- }
586
- ._1ueijcog {
587
- overflow-y: hidden;
588
- }
589
- .nxbq1c0 {
590
- width: var(--_16hkbkcb);
591
- height: var(--_16hkbkc6);
592
- }
593
- .nxbq1c1 {
594
- --_16hkbkc7: var(--_16hkbkcc);
595
- --_16hkbkc8: var(--_16hkbkc4);
596
- transform: translate3d(var(--_16hkbkc7), var(--_16hkbkc8), 0);
597
- inset: var(--infinite-active-cell-indicator-inset);
598
- border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
599
- background: var(--infinite-active-cell-background-default);
600
- }
601
- .nxbq1c3 {
602
- display: block;
603
- }
604
- .nxbq1c4 {
605
- display: none;
606
- }
607
- .j26lrx0 {
608
- --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
609
- right: 0;
610
- border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
611
- background: var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))));
612
- }
613
- .j26lrx2 {
614
- display: block;
615
- }
616
- .j26lrx3 {
617
- display: none;
276
+ @layer infinite-table {
277
+ ._16lm1iw0 {
278
+ box-sizing: border-box;
279
+ }
280
+ ._16lm1iw0:before {
281
+ box-sizing: border-box;
282
+ }
283
+ ._16lm1iw0:after {
284
+ box-sizing: border-box;
285
+ }
286
+ ._16lm1iw0 * {
287
+ box-sizing: border-box;
288
+ }
289
+ ._16lm1iw1 {
290
+ position: relative;
291
+ }
292
+ ._16lm1iw2 {
293
+ position: absolute;
294
+ }
295
+ ._16lm1iw3 {
296
+ position: static;
297
+ }
298
+ ._16lm1iw4 {
299
+ position: sticky;
300
+ }
301
+ ._16lm1iw5 {
302
+ position: fixed;
303
+ }
304
+ ._16lm1iw6 {
305
+ fill: currentColor;
306
+ }
307
+ ._16lm1iw7 {
308
+ fill: var(--infinite-accent-color);
309
+ }
310
+ ._16lm1iw8 {
311
+ margin: 0;
312
+ }
313
+ ._16lm1iw9 {
314
+ vertical-align: middle;
315
+ }
316
+ ._16lm1iwa {
317
+ stroke: currentColor;
318
+ }
319
+ ._16lm1iwb {
320
+ stroke: var(--infinite-accent-color);
321
+ }
322
+ ._16lm1iwc {
323
+ background: inherit;
324
+ }
325
+ ._16lm1iwd {
326
+ outline: none;
327
+ }
328
+ ._16lm1iwe {
329
+ transform: translateZ(0);
330
+ }
331
+ ._16lm1iwf {
332
+ color: currentColor;
333
+ }
334
+ ._16lm1iwg {
335
+ transform: translateZ(0);
336
+ }
337
+ ._16lm1iwh {
338
+ transform: translate3d(0, -50%, 0);
339
+ }
340
+ ._16lm1iwi {
341
+ transform: rotate(90deg);
342
+ }
343
+ ._16lm1iwj {
344
+ transform: rotate(180deg);
345
+ }
346
+ ._16lm1iwk {
347
+ cursor: pointer;
348
+ }
349
+ ._16lm1iwl {
350
+ cursor: default;
351
+ }
352
+ ._16lm1iwm {
353
+ cursor: col-resize;
354
+ }
355
+ ._16lm1iwn {
356
+ cursor: grabbing;
357
+ }
358
+ ._16lm1iwo {
359
+ cursor: grab;
360
+ }
361
+ ._16lm1iwp {
362
+ border-radius: var(--infinite-space-1);
363
+ }
364
+ ._16lm1iwq {
365
+ border-radius: var(--infinite-space-2);
366
+ }
367
+ ._16lm1iwr {
368
+ border-radius: var(--infinite-space-3);
369
+ }
370
+ ._16lm1iws {
371
+ border-radius: var(--infinite-space-4);
372
+ }
373
+ ._16lm1iwt {
374
+ border-radius: var(--infinite-space-5);
375
+ }
376
+ ._16lm1iwu {
377
+ border-radius: var(--infinite-space-6);
378
+ }
379
+ ._16lm1iwv {
380
+ border-radius: var(--infinite-space-7);
381
+ }
382
+ ._16lm1iww {
383
+ border-radius: 0;
384
+ }
385
+ ._16lm1iwx {
386
+ border-radius: var(--infinite-border-radius);
387
+ }
388
+ ._16lm1iwy {
389
+ border-radius: 100%;
390
+ }
391
+ ._16lm1iwz {
392
+ pointer-events: none;
393
+ }
394
+ ._16lm1iw10 {
395
+ padding: 0;
396
+ }
397
+ ._16lm1iw11 {
398
+ padding: var(--infinite-space-1);
399
+ }
400
+ ._16lm1iw12 {
401
+ padding: var(--infinite-space-2);
402
+ }
403
+ ._16lm1iw13 {
404
+ padding: var(--infinite-space-3);
405
+ }
406
+ ._16lm1iw14 {
407
+ padding: var(--infinite-space-4);
408
+ }
409
+ ._16lm1iw15 {
410
+ padding: var(--infinite-space-5);
411
+ }
412
+ ._16lm1iw16 {
413
+ padding: var(--infinite-space-6);
414
+ }
415
+ ._16lm1iw17 {
416
+ padding: var(--infinite-space-7);
417
+ }
418
+ ._16lm1iw18 {
419
+ padding: var(--infinite-space-8);
420
+ }
421
+ ._16lm1iw19 {
422
+ padding: var(--infinite-space-9);
423
+ }
424
+ ._16lm1iw1a {
425
+ padding: var(--infinite-space-10);
426
+ }
427
+ ._16lm1iw1b {
428
+ padding: 0;
429
+ }
430
+ ._16lm1iw1c {
431
+ flex: 1;
432
+ }
433
+ ._16lm1iw1d {
434
+ flex: none;
435
+ }
436
+ ._16lm1iw1e {
437
+ z-index: 1;
438
+ }
439
+ ._16lm1iw1f {
440
+ z-index: 10;
441
+ }
442
+ ._16lm1iw1g {
443
+ z-index: 100;
444
+ }
445
+ ._16lm1iw1h {
446
+ z-index: 1000;
447
+ }
448
+ ._16lm1iw1i {
449
+ z-index: 10000;
450
+ }
451
+ ._16lm1iw1j {
452
+ z-index: 100000;
453
+ }
454
+ ._16lm1iw1k {
455
+ z-index: 1000000;
456
+ }
457
+ ._16lm1iw1l {
458
+ z-index: 10000000;
459
+ }
460
+ ._16lm1iw1m {
461
+ z-index: 1000;
462
+ }
463
+ ._16lm1iw1n {
464
+ z-index: 10000;
465
+ }
466
+ ._16lm1iw1o {
467
+ z-index: 100000;
468
+ }
469
+ ._16lm1iw1p {
470
+ display: flex;
471
+ }
472
+ ._16lm1iw1q {
473
+ display: contents;
474
+ }
475
+ ._16lm1iw1r {
476
+ display: none;
477
+ }
478
+ ._16lm1iw1s {
479
+ display: block;
480
+ }
481
+ ._16lm1iw1t {
482
+ display: grid;
483
+ }
484
+ ._16lm1iw1u {
485
+ display: inline-block;
486
+ }
487
+ ._16lm1iw1v {
488
+ display: inline-flex;
489
+ }
490
+ ._16lm1iw1w {
491
+ display: inline-grid;
492
+ }
493
+ ._16lm1iw1x {
494
+ -webkit-user-select: none;
495
+ -moz-user-select: none;
496
+ user-select: none;
497
+ }
498
+ ._16lm1iw1y {
499
+ height: 0;
500
+ }
501
+ ._16lm1iw1z {
502
+ height: 100%;
503
+ }
504
+ ._16lm1iw20 {
505
+ height: 50%;
506
+ }
507
+ ._16lm1iw21 {
508
+ width: 0;
509
+ }
510
+ ._16lm1iw22 {
511
+ width: 100%;
512
+ }
513
+ ._16lm1iw23 {
514
+ top: 0;
515
+ }
516
+ ._16lm1iw24 {
517
+ top: 100%;
518
+ }
519
+ ._16lm1iw25 {
520
+ top: 50%;
521
+ }
522
+ ._16lm1iw26 {
523
+ left: 0;
524
+ }
525
+ ._16lm1iw27 {
526
+ left: 100%;
527
+ }
528
+ ._16lm1iw28 {
529
+ left: 50%;
530
+ }
531
+ ._16lm1iw29 {
532
+ left: auto;
533
+ }
534
+ ._16lm1iw2a {
535
+ bottom: 0;
536
+ }
537
+ ._16lm1iw2b {
538
+ bottom: 100%;
539
+ }
540
+ ._16lm1iw2c {
541
+ right: 0;
542
+ }
543
+ ._16lm1iw2d {
544
+ right: 100%;
545
+ }
546
+ ._16lm1iw2e {
547
+ right: auto;
548
+ }
549
+ ._16lm1iw2f {
550
+ flex-flow: column;
551
+ }
552
+ ._16lm1iw2g {
553
+ flex-flow: column-reverse;
554
+ }
555
+ ._16lm1iw2h {
556
+ flex-flow: row;
557
+ }
558
+ ._16lm1iw2i {
559
+ flex-flow: row-reverse;
560
+ }
561
+ ._16lm1iw2j {
562
+ align-items: center;
563
+ }
564
+ ._16lm1iw2k {
565
+ align-items: stretch;
566
+ }
567
+ ._16lm1iw2l {
568
+ align-items: flex-start;
569
+ }
570
+ ._16lm1iw2m {
571
+ align-items: flex-end;
572
+ }
573
+ ._16lm1iw2n {
574
+ align-self: end;
575
+ }
576
+ ._16lm1iw2o {
577
+ gap: 0;
578
+ }
579
+ ._16lm1iw2p {
580
+ gap: var(--infinite-space-1);
581
+ }
582
+ ._16lm1iw2q {
583
+ gap: var(--infinite-space-2);
584
+ }
585
+ ._16lm1iw2r {
586
+ gap: var(--infinite-space-3);
587
+ }
588
+ ._16lm1iw2s {
589
+ gap: var(--infinite-space-4);
590
+ }
591
+ ._16lm1iw2t {
592
+ gap: var(--infinite-space-5);
593
+ }
594
+ ._16lm1iw2u {
595
+ gap: var(--infinite-space-6);
596
+ }
597
+ ._16lm1iw2v {
598
+ gap: var(--infinite-space-7);
599
+ }
600
+ ._16lm1iw2w {
601
+ gap: var(--infinite-space-8);
602
+ }
603
+ ._16lm1iw2x {
604
+ gap: var(--infinite-space-9);
605
+ }
606
+ ._16lm1iw2y {
607
+ gap: var(--infinite-space-10);
608
+ }
609
+ ._16lm1iw2z {
610
+ gap: 0;
611
+ }
612
+ ._16lm1iw30 {
613
+ justify-content: center;
614
+ }
615
+ ._16lm1iw31 {
616
+ justify-content: space-between;
617
+ }
618
+ ._16lm1iw32 {
619
+ justify-content: space-around;
620
+ }
621
+ ._16lm1iw33 {
622
+ justify-content: flex-start;
623
+ }
624
+ ._16lm1iw34 {
625
+ justify-content: flex-end;
626
+ }
627
+ ._16lm1iw35 {
628
+ overflow: hidden;
629
+ }
630
+ ._16lm1iw36 {
631
+ overflow: auto;
632
+ }
633
+ ._16lm1iw37 {
634
+ overflow: visible;
635
+ }
636
+ ._16lm1iw38 {
637
+ visibility: visible;
638
+ }
639
+ ._16lm1iw39 {
640
+ visibility: hidden;
641
+ }
642
+ ._16lm1iw3a {
643
+ will-change: transform;
644
+ }
645
+ ._16lm1iw3b {
646
+ white-space: nowrap;
647
+ }
648
+ ._16lm1iw3c {
649
+ text-overflow: ellipsis;
650
+ }
618
651
  }
619
- :root {
620
- --infinite-loaded: true;
621
- --infinite-theme-name: default;
622
- --infinite-theme-mode: light;
623
- --infinite-icon-size: 24px;
624
- --infinite-space-0: 0rem;
625
- --infinite-space-1: .125rem;
626
- --infinite-space-2: .25rem;
627
- --infinite-space-3: .5rem;
628
- --infinite-space-4: .75rem;
629
- --infinite-space-5: 1rem;
630
- --infinite-space-6: 1.25rem;
631
- --infinite-space-7: 1.5rem;
632
- --infinite-space-8: 2.25rem;
633
- --infinite-space-9: 3rem;
634
- --infinite-space-10: 4rem;
635
- --infinite-font-size-0: .5rem;
636
- --infinite-font-size-1: .625rem;
637
- --infinite-font-size-2: .75rem;
638
- --infinite-font-size-3: .875rem;
639
- --infinite-font-size-4: 1rem;
640
- --infinite-font-size-5: 1.25rem;
641
- --infinite-font-size-6: 1.5rem;
642
- --infinite-font-size-7: 2.25rem;
643
- --infinite-font-family: inherit;
644
- --infinite-color: #484848;
645
- --infinite-accent-color: #0284c7;
646
- --infinite-success-color: #7aff7a;
647
- --infinite-error-color: #ff0000;
648
- --infinite-border-radius: var(--infinite-space-2);
649
- --infinite-background: white;
650
- --infinite-min-height: 100px;
651
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
652
- --infinite-menu-background: var(--infinite-background);
653
- --infinite-menu-color: var(--infinite-cell-color);
654
- --infinite-menu-separator-color: currentColor;
655
- --infinite-menu-padding: var(--infinite-space-3);
656
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
657
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
658
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
659
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
660
- --infinite-menu-item-disabled-opacity: .5;
661
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
662
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
663
- --infinite-menu-item-active-opacity: .9;
664
- --infinite-menu-item-pressed-opacity: 1;
665
- --infinite-menu-border-radius: var(--infinite-space-2);
666
- --infinite-menu-shadow-color: rgba(0,0,0,.25);
667
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
668
- --infinite-rowdetail-padding: var(--infinite-space-2);
669
- --infinite-rowdetail-grid-height: 100%;
670
- --infinite-load-mask-text-background: rgba(255,255,255,.8);
671
- --infinite-load-mask-overlay-background: gray;
672
- --infinite-load-mask-overlay-opacity: .3;
673
- --infinite-load-mask-color: inherit;
674
- --infinite-load-mask-padding: var(--infinite-space-5);
675
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
676
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
677
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
678
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
679
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
680
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
681
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
682
- --infinite-resize-handle-active-area-width: 16px;
683
- --infinite-resize-handle-width: 2px;
684
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
685
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
686
- --infinite-header-cell-background: #ededed;
687
- --infinite-header-cell-border-right: var(--infinite-cell-border);
688
- --infinite-filter-editor-background: var(--infinite-row-background);
689
- --infinite-filter-editor-border: var(--infinite-cell-border);
690
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
691
- --infinite-header-cell-border: var(--infinite-cell-border);
692
- --infinite-filter-editor-color: currentColor;
693
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
694
- --infinite-header-cell-hover-background: #dfdfdf;
695
- --infinite-header-cell-padding-x: var(--infinite-space-3);
696
- --infinite-header-cell-padding-y: var(--infinite-space-3);
697
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
698
- --infinite-header-cell-icon-size: 16px;
699
- --infinite-header-cell-menu-icon-line-width: 1px;
700
- --infinite-header-cell-sort-icon-margin: 16px;
701
- --infinite-header-background: var(--infinite-header-cell-background);
702
- --infinite-header-color: #6f6f6f;
703
- --infinite-column-header-height: 30px;
704
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
705
- --infinite-cell-color: currentColor;
706
- --infinite-cell-border-width: 1px;
707
- --infinite-flashing-overlay-z-index: -1;
708
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
709
- --infinite-flashing-background: var(--infinite-accent-color);
710
- --infinite-flashing-up-background: var(--infinite-success-color);
711
- --infinite-flashing-down-background: var(--infinite-error-color);
712
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
713
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
714
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
715
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
716
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
717
- --infinite-cell-border-invisible: none;
718
- --infinite-cell-border-radius: var(--infinite-space-2);
719
- --infinite-column-reorder-effect-duration: .2s;
720
- --infinite-selected-cell-border-style: solid;
721
- --infinite-active-cell-border-style: dashed;
722
- --infinite-active-cell-border-width: 1px;
723
- --infinite-active-cell-background-alpha: .25;
724
- --infinite-active-cell-background-alpha--table-unfocused: .1;
725
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
726
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
727
- --infinite-row-background: var(--infinite-background);
728
- --infinite-row-odd-background: #f6f6f6;
729
- --infinite-row-disabled-opacity: .5;
730
- --infinite-row-disabled-background: #eeeeee;
731
- --infinite-row-odd-disabled-background: #f9f9f9;
732
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
733
- --infinite-row-selected-background: #d1e9ff;
734
- --infinite-row-selected-hover-background: #add8ff;
735
- --infinite-group-row-background: #cbc5c5;
736
- --infinite-group-row-column-nesting: 24px;
737
- --infinite-row-hover-background: #dbdbdb;
738
- --infinite-row-pointer-events-while-scrolling: auto;
739
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
740
- }
741
- .infinite-theme-mode--light, .infinite-theme-mode--light:root {
742
- --infinite-loaded: true;
743
- --infinite-theme-name: default;
744
- --infinite-theme-mode: light;
745
- --infinite-icon-size: 24px;
746
- --infinite-space-0: 0rem;
747
- --infinite-space-1: .125rem;
748
- --infinite-space-2: .25rem;
749
- --infinite-space-3: .5rem;
750
- --infinite-space-4: .75rem;
751
- --infinite-space-5: 1rem;
752
- --infinite-space-6: 1.25rem;
753
- --infinite-space-7: 1.5rem;
754
- --infinite-space-8: 2.25rem;
755
- --infinite-space-9: 3rem;
756
- --infinite-space-10: 4rem;
757
- --infinite-font-size-0: .5rem;
758
- --infinite-font-size-1: .625rem;
759
- --infinite-font-size-2: .75rem;
760
- --infinite-font-size-3: .875rem;
761
- --infinite-font-size-4: 1rem;
762
- --infinite-font-size-5: 1.25rem;
763
- --infinite-font-size-6: 1.5rem;
764
- --infinite-font-size-7: 2.25rem;
765
- --infinite-font-family: inherit;
766
- --infinite-color: #484848;
767
- --infinite-accent-color: #0284c7;
768
- --infinite-success-color: #7aff7a;
769
- --infinite-error-color: #ff0000;
770
- --infinite-border-radius: var(--infinite-space-2);
771
- --infinite-background: white;
772
- --infinite-min-height: 100px;
773
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
774
- --infinite-menu-background: var(--infinite-background);
775
- --infinite-menu-color: var(--infinite-cell-color);
776
- --infinite-menu-separator-color: currentColor;
777
- --infinite-menu-padding: var(--infinite-space-3);
778
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
779
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
780
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
781
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
782
- --infinite-menu-item-disabled-opacity: .5;
783
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
784
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
785
- --infinite-menu-item-active-opacity: .9;
786
- --infinite-menu-item-pressed-opacity: 1;
787
- --infinite-menu-border-radius: var(--infinite-space-2);
788
- --infinite-menu-shadow-color: rgba(0,0,0,.25);
789
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
790
- --infinite-rowdetail-padding: var(--infinite-space-2);
791
- --infinite-rowdetail-grid-height: 100%;
792
- --infinite-load-mask-text-background: rgba(255,255,255,.8);
793
- --infinite-load-mask-overlay-background: gray;
794
- --infinite-load-mask-overlay-opacity: .3;
795
- --infinite-load-mask-color: inherit;
796
- --infinite-load-mask-padding: var(--infinite-space-5);
797
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
798
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
799
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
800
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
801
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
802
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
803
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
804
- --infinite-resize-handle-active-area-width: 16px;
805
- --infinite-resize-handle-width: 2px;
806
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
807
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
808
- --infinite-header-cell-background: #ededed;
809
- --infinite-header-cell-border-right: var(--infinite-cell-border);
810
- --infinite-filter-editor-background: var(--infinite-row-background);
811
- --infinite-filter-editor-border: var(--infinite-cell-border);
812
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
813
- --infinite-header-cell-border: var(--infinite-cell-border);
814
- --infinite-filter-editor-color: currentColor;
815
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
816
- --infinite-header-cell-hover-background: #dfdfdf;
817
- --infinite-header-cell-padding-x: var(--infinite-space-3);
818
- --infinite-header-cell-padding-y: var(--infinite-space-3);
819
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
820
- --infinite-header-cell-icon-size: 16px;
821
- --infinite-header-cell-menu-icon-line-width: 1px;
822
- --infinite-header-cell-sort-icon-margin: 16px;
823
- --infinite-header-background: var(--infinite-header-cell-background);
824
- --infinite-header-color: #6f6f6f;
825
- --infinite-column-header-height: 30px;
826
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
827
- --infinite-cell-color: currentColor;
828
- --infinite-cell-border-width: 1px;
829
- --infinite-flashing-overlay-z-index: -1;
830
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
831
- --infinite-flashing-background: var(--infinite-accent-color);
832
- --infinite-flashing-up-background: var(--infinite-success-color);
833
- --infinite-flashing-down-background: var(--infinite-error-color);
834
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
835
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
836
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
837
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
838
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
839
- --infinite-cell-border-invisible: none;
840
- --infinite-cell-border-radius: var(--infinite-space-2);
841
- --infinite-column-reorder-effect-duration: .2s;
842
- --infinite-selected-cell-border-style: solid;
843
- --infinite-active-cell-border-style: dashed;
844
- --infinite-active-cell-border-width: 1px;
845
- --infinite-active-cell-background-alpha: .25;
846
- --infinite-active-cell-background-alpha--table-unfocused: .1;
847
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
848
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
849
- --infinite-row-background: var(--infinite-background);
850
- --infinite-row-odd-background: #f6f6f6;
851
- --infinite-row-disabled-opacity: .5;
852
- --infinite-row-disabled-background: #eeeeee;
853
- --infinite-row-odd-disabled-background: #f9f9f9;
854
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
855
- --infinite-row-selected-background: #d1e9ff;
856
- --infinite-row-selected-hover-background: #add8ff;
857
- --infinite-group-row-background: #cbc5c5;
858
- --infinite-group-row-column-nesting: 24px;
859
- --infinite-row-hover-background: #dbdbdb;
860
- --infinite-row-pointer-events-while-scrolling: auto;
861
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
862
- }
863
- .infinite-theme-mode--dark, .infinite-theme-mode--dark:root {
864
- --infinite-header-cell-border-right: var(--infinite-cell-border);
865
- --infinite-header-cell-border: var(--infinite-cell-border);
866
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
867
- --infinite-header-color: #c3c3c3;
868
- --infinite-header-background: var(--infinite-header-cell-background);
869
- --infinite-cell-color: #c3c3c3;
870
- --infinite-flashing-background: var(--infinite-accent-color);
871
- --infinite-flashing-up-background: var(--infinite-success-color);
872
- --infinite-flashing-down-background: var(--infinite-error-color);
873
- --infinite-menu-color: var(--infinite-cell-color);
874
- --infinite-menu-background: var(--infinite-background);
875
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
876
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
877
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
878
- --infinite-load-mask-text-background: var(--infinite-background);
879
- --infinite-load-mask-color: var(--infinite-cell-color);
880
- --infinite-row-background: var(--infinite-background);
881
- --infinite-theme-mode: dark;
882
- --infinite-icon-size: 24px;
883
- --infinite-background: #101419;
884
- --infinite-success-color: #008700;
885
- --infinite-cell-border: 1px solid #2a323d;
886
- --infinite-header-cell-background: #1b2129;
887
- --infinite-header-cell-hover-background: #222932;
888
- --infinite-row-hover-background: #3b4754;
889
- --infinite-row-selected-background: #0a2e4f;
890
- --infinite-row-selected-hover-background: #0b243a;
891
- --infinite-row-odd-background: #242a31;
892
- --infinite-row-disabled-background: #292a2c;
893
- --infinite-row-odd-disabled-background: #2d2e30;
894
- --infinite-menu-shadow-color: rgba(255,255,255,.25);
895
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
896
- }
897
- .infinite-theme-name--default:root, .infinite-theme-name--default {
898
- --infinite-loaded: true;
899
- --infinite-theme-name: default;
900
- --infinite-theme-mode: light;
901
- --infinite-icon-size: 24px;
902
- --infinite-space-0: 0rem;
903
- --infinite-space-1: .125rem;
904
- --infinite-space-2: .25rem;
905
- --infinite-space-3: .5rem;
906
- --infinite-space-4: .75rem;
907
- --infinite-space-5: 1rem;
908
- --infinite-space-6: 1.25rem;
909
- --infinite-space-7: 1.5rem;
910
- --infinite-space-8: 2.25rem;
911
- --infinite-space-9: 3rem;
912
- --infinite-space-10: 4rem;
913
- --infinite-font-size-0: .5rem;
914
- --infinite-font-size-1: .625rem;
915
- --infinite-font-size-2: .75rem;
916
- --infinite-font-size-3: .875rem;
917
- --infinite-font-size-4: 1rem;
918
- --infinite-font-size-5: 1.25rem;
919
- --infinite-font-size-6: 1.5rem;
920
- --infinite-font-size-7: 2.25rem;
921
- --infinite-font-family: inherit;
922
- --infinite-color: #484848;
923
- --infinite-accent-color: #0284c7;
924
- --infinite-success-color: #7aff7a;
925
- --infinite-error-color: #ff0000;
926
- --infinite-border-radius: var(--infinite-space-2);
927
- --infinite-background: white;
928
- --infinite-min-height: 100px;
929
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
930
- --infinite-menu-background: var(--infinite-background);
931
- --infinite-menu-color: var(--infinite-cell-color);
932
- --infinite-menu-separator-color: currentColor;
933
- --infinite-menu-padding: var(--infinite-space-3);
934
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
935
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
936
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
937
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
938
- --infinite-menu-item-disabled-opacity: .5;
939
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
940
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
941
- --infinite-menu-item-active-opacity: .9;
942
- --infinite-menu-item-pressed-opacity: 1;
943
- --infinite-menu-border-radius: var(--infinite-space-2);
944
- --infinite-menu-shadow-color: rgba(0,0,0,.25);
945
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
946
- --infinite-rowdetail-padding: var(--infinite-space-2);
947
- --infinite-rowdetail-grid-height: 100%;
948
- --infinite-load-mask-text-background: rgba(255,255,255,.8);
949
- --infinite-load-mask-overlay-background: gray;
950
- --infinite-load-mask-overlay-opacity: .3;
951
- --infinite-load-mask-color: inherit;
952
- --infinite-load-mask-padding: var(--infinite-space-5);
953
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
954
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
955
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
956
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
957
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
958
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
959
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
960
- --infinite-resize-handle-active-area-width: 16px;
961
- --infinite-resize-handle-width: 2px;
962
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
963
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
964
- --infinite-header-cell-background: #ededed;
965
- --infinite-header-cell-border-right: var(--infinite-cell-border);
966
- --infinite-filter-editor-background: var(--infinite-row-background);
967
- --infinite-filter-editor-border: var(--infinite-cell-border);
968
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
969
- --infinite-header-cell-border: var(--infinite-cell-border);
970
- --infinite-filter-editor-color: currentColor;
971
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
972
- --infinite-header-cell-hover-background: #dfdfdf;
973
- --infinite-header-cell-padding-x: var(--infinite-space-3);
974
- --infinite-header-cell-padding-y: var(--infinite-space-3);
975
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
976
- --infinite-header-cell-icon-size: 16px;
977
- --infinite-header-cell-menu-icon-line-width: 1px;
978
- --infinite-header-cell-sort-icon-margin: 16px;
979
- --infinite-header-background: var(--infinite-header-cell-background);
980
- --infinite-header-color: #6f6f6f;
981
- --infinite-column-header-height: 30px;
982
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
983
- --infinite-cell-color: currentColor;
984
- --infinite-cell-border-width: 1px;
985
- --infinite-flashing-overlay-z-index: -1;
986
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
987
- --infinite-flashing-background: var(--infinite-accent-color);
988
- --infinite-flashing-up-background: var(--infinite-success-color);
989
- --infinite-flashing-down-background: var(--infinite-error-color);
990
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
991
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
992
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
993
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
994
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
995
- --infinite-cell-border-invisible: none;
996
- --infinite-cell-border-radius: var(--infinite-space-2);
997
- --infinite-column-reorder-effect-duration: .2s;
998
- --infinite-selected-cell-border-style: solid;
999
- --infinite-active-cell-border-style: dashed;
1000
- --infinite-active-cell-border-width: 1px;
1001
- --infinite-active-cell-background-alpha: .25;
1002
- --infinite-active-cell-background-alpha--table-unfocused: .1;
1003
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
1004
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
1005
- --infinite-row-background: var(--infinite-background);
1006
- --infinite-row-odd-background: #f6f6f6;
1007
- --infinite-row-disabled-opacity: .5;
1008
- --infinite-row-disabled-background: #eeeeee;
1009
- --infinite-row-odd-disabled-background: #f9f9f9;
1010
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
1011
- --infinite-row-selected-background: #d1e9ff;
1012
- --infinite-row-selected-hover-background: #add8ff;
1013
- --infinite-group-row-background: #cbc5c5;
1014
- --infinite-group-row-column-nesting: 24px;
1015
- --infinite-row-hover-background: #dbdbdb;
1016
- --infinite-row-pointer-events-while-scrolling: auto;
1017
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
1018
- }
1019
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default, .infinite-theme-mode--light .infinite-theme-name--default, .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default, .infinite-theme-name--default .infinite-theme-mode--light, .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
1020
- --infinite-loaded: true;
1021
- --infinite-theme-name: default;
1022
- --infinite-theme-mode: light;
1023
- --infinite-icon-size: 24px;
1024
- --infinite-space-0: 0rem;
1025
- --infinite-space-1: .125rem;
1026
- --infinite-space-2: .25rem;
1027
- --infinite-space-3: .5rem;
1028
- --infinite-space-4: .75rem;
1029
- --infinite-space-5: 1rem;
1030
- --infinite-space-6: 1.25rem;
1031
- --infinite-space-7: 1.5rem;
1032
- --infinite-space-8: 2.25rem;
1033
- --infinite-space-9: 3rem;
1034
- --infinite-space-10: 4rem;
1035
- --infinite-font-size-0: .5rem;
1036
- --infinite-font-size-1: .625rem;
1037
- --infinite-font-size-2: .75rem;
1038
- --infinite-font-size-3: .875rem;
1039
- --infinite-font-size-4: 1rem;
1040
- --infinite-font-size-5: 1.25rem;
1041
- --infinite-font-size-6: 1.5rem;
1042
- --infinite-font-size-7: 2.25rem;
1043
- --infinite-font-family: inherit;
1044
- --infinite-color: #484848;
1045
- --infinite-accent-color: #0284c7;
1046
- --infinite-success-color: #7aff7a;
1047
- --infinite-error-color: #ff0000;
1048
- --infinite-border-radius: var(--infinite-space-2);
1049
- --infinite-background: white;
1050
- --infinite-min-height: 100px;
1051
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
1052
- --infinite-menu-background: var(--infinite-background);
1053
- --infinite-menu-color: var(--infinite-cell-color);
1054
- --infinite-menu-separator-color: currentColor;
1055
- --infinite-menu-padding: var(--infinite-space-3);
1056
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
1057
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
1058
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
1059
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1060
- --infinite-menu-item-disabled-opacity: .5;
1061
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1062
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1063
- --infinite-menu-item-active-opacity: .9;
1064
- --infinite-menu-item-pressed-opacity: 1;
1065
- --infinite-menu-border-radius: var(--infinite-space-2);
1066
- --infinite-menu-shadow-color: rgba(0,0,0,.25);
1067
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
1068
- --infinite-rowdetail-padding: var(--infinite-space-2);
1069
- --infinite-rowdetail-grid-height: 100%;
1070
- --infinite-load-mask-text-background: rgba(255,255,255,.8);
1071
- --infinite-load-mask-overlay-background: gray;
1072
- --infinite-load-mask-overlay-opacity: .3;
1073
- --infinite-load-mask-color: inherit;
1074
- --infinite-load-mask-padding: var(--infinite-space-5);
1075
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
1076
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
1077
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
1078
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
1079
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
1080
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
1081
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
1082
- --infinite-resize-handle-active-area-width: 16px;
1083
- --infinite-resize-handle-width: 2px;
1084
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
1085
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
1086
- --infinite-header-cell-background: #ededed;
1087
- --infinite-header-cell-border-right: var(--infinite-cell-border);
1088
- --infinite-filter-editor-background: var(--infinite-row-background);
1089
- --infinite-filter-editor-border: var(--infinite-cell-border);
1090
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
1091
- --infinite-header-cell-border: var(--infinite-cell-border);
1092
- --infinite-filter-editor-color: currentColor;
1093
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
1094
- --infinite-header-cell-hover-background: #dfdfdf;
1095
- --infinite-header-cell-padding-x: var(--infinite-space-3);
1096
- --infinite-header-cell-padding-y: var(--infinite-space-3);
1097
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
1098
- --infinite-header-cell-icon-size: 16px;
1099
- --infinite-header-cell-menu-icon-line-width: 1px;
1100
- --infinite-header-cell-sort-icon-margin: 16px;
1101
- --infinite-header-background: var(--infinite-header-cell-background);
1102
- --infinite-header-color: #6f6f6f;
1103
- --infinite-column-header-height: 30px;
1104
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
1105
- --infinite-cell-color: currentColor;
1106
- --infinite-cell-border-width: 1px;
1107
- --infinite-flashing-overlay-z-index: -1;
1108
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
1109
- --infinite-flashing-background: var(--infinite-accent-color);
1110
- --infinite-flashing-up-background: var(--infinite-success-color);
1111
- --infinite-flashing-down-background: var(--infinite-error-color);
1112
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
1113
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
1114
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
1115
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
1116
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
1117
- --infinite-cell-border-invisible: none;
1118
- --infinite-cell-border-radius: var(--infinite-space-2);
1119
- --infinite-column-reorder-effect-duration: .2s;
1120
- --infinite-selected-cell-border-style: solid;
1121
- --infinite-active-cell-border-style: dashed;
1122
- --infinite-active-cell-border-width: 1px;
1123
- --infinite-active-cell-background-alpha: .25;
1124
- --infinite-active-cell-background-alpha--table-unfocused: .1;
1125
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
1126
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
1127
- --infinite-row-background: var(--infinite-background);
1128
- --infinite-row-odd-background: #f6f6f6;
1129
- --infinite-row-disabled-opacity: .5;
1130
- --infinite-row-disabled-background: #eeeeee;
1131
- --infinite-row-odd-disabled-background: #f9f9f9;
1132
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
1133
- --infinite-row-selected-background: #d1e9ff;
1134
- --infinite-row-selected-hover-background: #add8ff;
1135
- --infinite-group-row-background: #cbc5c5;
1136
- --infinite-group-row-column-nesting: 24px;
1137
- --infinite-row-hover-background: #dbdbdb;
1138
- --infinite-row-pointer-events-while-scrolling: auto;
1139
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
1140
- }
1141
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default, .infinite-theme-mode--dark .infinite-theme-name--default, .infinite-theme-name--default .infinite-theme-mode--dark {
1142
- --infinite-header-cell-border-right: var(--infinite-cell-border);
1143
- --infinite-header-cell-border: var(--infinite-cell-border);
1144
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
1145
- --infinite-header-color: #c3c3c3;
1146
- --infinite-header-background: var(--infinite-header-cell-background);
1147
- --infinite-cell-color: #c3c3c3;
1148
- --infinite-flashing-background: var(--infinite-accent-color);
1149
- --infinite-flashing-up-background: var(--infinite-success-color);
1150
- --infinite-flashing-down-background: var(--infinite-error-color);
1151
- --infinite-menu-color: var(--infinite-cell-color);
1152
- --infinite-menu-background: var(--infinite-background);
1153
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1154
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1155
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1156
- --infinite-load-mask-text-background: var(--infinite-background);
1157
- --infinite-load-mask-color: var(--infinite-cell-color);
1158
- --infinite-row-background: var(--infinite-background);
1159
- --infinite-theme-mode: dark;
1160
- --infinite-icon-size: 24px;
1161
- --infinite-background: #101419;
1162
- --infinite-success-color: #008700;
1163
- --infinite-cell-border: 1px solid #2a323d;
1164
- --infinite-header-cell-background: #1b2129;
1165
- --infinite-header-cell-hover-background: #222932;
1166
- --infinite-row-hover-background: #3b4754;
1167
- --infinite-row-selected-background: #0a2e4f;
1168
- --infinite-row-selected-hover-background: #0b243a;
1169
- --infinite-row-odd-background: #242a31;
1170
- --infinite-row-disabled-background: #292a2c;
1171
- --infinite-row-odd-disabled-background: #2d2e30;
1172
- --infinite-menu-shadow-color: rgba(255,255,255,.25);
1173
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
1174
- }
1175
- @media (prefers-color-scheme: dark) {
652
+ @layer infinite-table {
1176
653
  :root {
654
+ --infinite-loaded: true;
655
+ --infinite-theme-name: default;
656
+ --infinite-theme-mode: light;
657
+ --infinite-icon-size: 24px;
658
+ --infinite-space-0: 0rem;
659
+ --infinite-space-1: .125rem;
660
+ --infinite-space-2: .25rem;
661
+ --infinite-space-3: .5rem;
662
+ --infinite-space-4: .75rem;
663
+ --infinite-space-5: 1rem;
664
+ --infinite-space-6: 1.25rem;
665
+ --infinite-space-7: 1.5rem;
666
+ --infinite-space-8: 2.25rem;
667
+ --infinite-space-9: 3rem;
668
+ --infinite-space-10: 4rem;
669
+ --infinite-font-size-0: .5rem;
670
+ --infinite-font-size-1: .625rem;
671
+ --infinite-font-size-2: .75rem;
672
+ --infinite-font-size-3: .875rem;
673
+ --infinite-font-size-4: 1rem;
674
+ --infinite-font-size-5: 1.25rem;
675
+ --infinite-font-size-6: 1.5rem;
676
+ --infinite-font-size-7: 2.25rem;
677
+ --infinite-font-family: inherit;
678
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
679
+ --infinite-color: #484848;
680
+ --infinite-accent-color: #0284c7;
681
+ --infinite-success-color: #7aff7a;
682
+ --infinite-error-color: #ff0000;
683
+ --infinite-border-radius: var(--infinite-space-2);
684
+ --infinite-background: white;
685
+ --infinite-min-height: 100px;
1177
686
  --infinite-header-cell-border-right: var(--infinite-cell-border);
1178
687
  --infinite-header-cell-border: var(--infinite-cell-border);
1179
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
1180
- --infinite-header-color: #c3c3c3;
688
+ --infinite-filter-editor-background: var(--infinite-row-background);
689
+ --infinite-header-color: #6f6f6f;
1181
690
  --infinite-header-background: var(--infinite-header-cell-background);
1182
- --infinite-cell-color: #c3c3c3;
691
+ --infinite-cell-color: currentColor;
1183
692
  --infinite-flashing-background: var(--infinite-accent-color);
1184
693
  --infinite-flashing-up-background: var(--infinite-success-color);
1185
694
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -1188,26 +697,234 @@ template {
1188
697
  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1189
698
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1190
699
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1191
- --infinite-load-mask-text-background: var(--infinite-background);
1192
- --infinite-load-mask-color: var(--infinite-cell-color);
700
+ --infinite-load-mask-text-background: rgba(255,255,255,.8);
701
+ --infinite-load-mask-color: inherit;
1193
702
  --infinite-row-background: var(--infinite-background);
1194
- --infinite-theme-mode: dark;
703
+ --infinite-grouping-toolbar-background: var(--infinite-background);
704
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
705
+ --infinite-menu-separator-color: currentColor;
706
+ --infinite-menu-padding: var(--infinite-space-3);
707
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
708
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
709
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
710
+ --infinite-menu-item-disabled-opacity: .5;
711
+ --infinite-menu-item-active-opacity: .9;
712
+ --infinite-menu-item-pressed-opacity: 1;
713
+ --infinite-menu-border-radius: var(--infinite-space-2);
714
+ --infinite-menu-shadow-color: rgba(0,0,0,.25);
715
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
716
+ --infinite-rowdetail-padding: var(--infinite-space-2);
717
+ --infinite-rowdetail-grid-height: 100%;
718
+ --infinite-load-mask-overlay-background: gray;
719
+ --infinite-load-mask-overlay-opacity: .3;
720
+ --infinite-load-mask-padding: var(--infinite-space-5);
721
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
722
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
723
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
724
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
725
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
726
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
727
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
728
+ --infinite-resize-handle-active-area-width: 16px;
729
+ --infinite-resize-handle-width: 2px;
730
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
731
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
732
+ --infinite-header-cell-background: #ededed;
733
+ --infinite-filter-editor-border: var(--infinite-cell-border);
734
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
735
+ --infinite-filter-editor-color: currentColor;
736
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
737
+ --infinite-header-cell-hover-background: #dfdfdf;
738
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
739
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
740
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
741
+ --infinite-header-cell-icon-size: 16px;
742
+ --infinite-header-cell-menu-icon-line-width: 1px;
743
+ --infinite-header-cell-sort-icon-margin: 16px;
744
+ --infinite-column-header-height: 30px;
745
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
746
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
747
+ --infinite-grouping-toolbar-active-background-alpha: .15;
748
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
749
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
750
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
751
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
752
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
753
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
754
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
755
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
756
+ --infinite-grouping-toolbar-item-active-background-alpha: .15;
757
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
758
+ --infinite-cell-border-width: 1px;
759
+ --infinite-flashing-overlay-z-index: -1;
760
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
761
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
762
+ --infinite-cell-border-color: #c6c6c6;
763
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
764
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
765
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
766
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
767
+ --infinite-cell-border-invisible: none;
768
+ --infinite-cell-border-radius: var(--infinite-space-2);
769
+ --infinite-column-reorder-effect-duration: .2s;
770
+ --infinite-selected-cell-border-style: solid;
771
+ --infinite-active-cell-border-style: dashed;
772
+ --infinite-active-cell-border-width: 1px;
773
+ --infinite-active-cell-background-alpha: .25;
774
+ --infinite-active-cell-background-alpha--table-unfocused: .1;
775
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
776
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
777
+ --infinite-row-odd-background: #f6f6f6;
778
+ --infinite-row-disabled-opacity: .5;
779
+ --infinite-row-disabled-background: #eeeeee;
780
+ --infinite-row-odd-disabled-background: #f9f9f9;
781
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
782
+ --infinite-row-selected-background: #d1e9ff;
783
+ --infinite-row-selected-hover-background: #add8ff;
784
+ --infinite-group-row-background: #cbc5c5;
785
+ --infinite-group-row-column-nesting: 24px;
786
+ --infinite-row-hover-background: #dbdbdb;
787
+ --infinite-row-pointer-events-while-scrolling: auto;
788
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
789
+ }
790
+ .infinite-theme-mode--light, .infinite-theme-mode--light:root {
791
+ --infinite-loaded: true;
792
+ --infinite-theme-name: default;
793
+ --infinite-theme-mode: light;
1195
794
  --infinite-icon-size: 24px;
1196
- --infinite-background: #101419;
1197
- --infinite-success-color: #008700;
1198
- --infinite-cell-border: 1px solid #2a323d;
1199
- --infinite-header-cell-background: #1b2129;
1200
- --infinite-header-cell-hover-background: #222932;
1201
- --infinite-row-hover-background: #3b4754;
1202
- --infinite-row-selected-background: #0a2e4f;
1203
- --infinite-row-selected-hover-background: #0b243a;
1204
- --infinite-row-odd-background: #242a31;
1205
- --infinite-row-disabled-background: #292a2c;
1206
- --infinite-row-odd-disabled-background: #2d2e30;
1207
- --infinite-menu-shadow-color: rgba(255,255,255,.25);
1208
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
795
+ --infinite-space-0: 0rem;
796
+ --infinite-space-1: .125rem;
797
+ --infinite-space-2: .25rem;
798
+ --infinite-space-3: .5rem;
799
+ --infinite-space-4: .75rem;
800
+ --infinite-space-5: 1rem;
801
+ --infinite-space-6: 1.25rem;
802
+ --infinite-space-7: 1.5rem;
803
+ --infinite-space-8: 2.25rem;
804
+ --infinite-space-9: 3rem;
805
+ --infinite-space-10: 4rem;
806
+ --infinite-font-size-0: .5rem;
807
+ --infinite-font-size-1: .625rem;
808
+ --infinite-font-size-2: .75rem;
809
+ --infinite-font-size-3: .875rem;
810
+ --infinite-font-size-4: 1rem;
811
+ --infinite-font-size-5: 1.25rem;
812
+ --infinite-font-size-6: 1.5rem;
813
+ --infinite-font-size-7: 2.25rem;
814
+ --infinite-font-family: inherit;
815
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
816
+ --infinite-color: #484848;
817
+ --infinite-accent-color: #0284c7;
818
+ --infinite-success-color: #7aff7a;
819
+ --infinite-error-color: #ff0000;
820
+ --infinite-border-radius: var(--infinite-space-2);
821
+ --infinite-background: white;
822
+ --infinite-min-height: 100px;
823
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
824
+ --infinite-header-cell-border: var(--infinite-cell-border);
825
+ --infinite-filter-editor-background: var(--infinite-row-background);
826
+ --infinite-header-color: #6f6f6f;
827
+ --infinite-header-background: var(--infinite-header-cell-background);
828
+ --infinite-cell-color: currentColor;
829
+ --infinite-flashing-background: var(--infinite-accent-color);
830
+ --infinite-flashing-up-background: var(--infinite-success-color);
831
+ --infinite-flashing-down-background: var(--infinite-error-color);
832
+ --infinite-menu-color: var(--infinite-cell-color);
833
+ --infinite-menu-background: var(--infinite-background);
834
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
835
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
836
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
837
+ --infinite-load-mask-text-background: rgba(255,255,255,.8);
838
+ --infinite-load-mask-color: inherit;
839
+ --infinite-row-background: var(--infinite-background);
840
+ --infinite-grouping-toolbar-background: var(--infinite-background);
841
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
842
+ --infinite-menu-separator-color: currentColor;
843
+ --infinite-menu-padding: var(--infinite-space-3);
844
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
845
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
846
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
847
+ --infinite-menu-item-disabled-opacity: .5;
848
+ --infinite-menu-item-active-opacity: .9;
849
+ --infinite-menu-item-pressed-opacity: 1;
850
+ --infinite-menu-border-radius: var(--infinite-space-2);
851
+ --infinite-menu-shadow-color: rgba(0,0,0,.25);
852
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
853
+ --infinite-rowdetail-padding: var(--infinite-space-2);
854
+ --infinite-rowdetail-grid-height: 100%;
855
+ --infinite-load-mask-overlay-background: gray;
856
+ --infinite-load-mask-overlay-opacity: .3;
857
+ --infinite-load-mask-padding: var(--infinite-space-5);
858
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
859
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
860
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
861
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
862
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
863
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
864
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
865
+ --infinite-resize-handle-active-area-width: 16px;
866
+ --infinite-resize-handle-width: 2px;
867
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
868
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
869
+ --infinite-header-cell-background: #ededed;
870
+ --infinite-filter-editor-border: var(--infinite-cell-border);
871
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
872
+ --infinite-filter-editor-color: currentColor;
873
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
874
+ --infinite-header-cell-hover-background: #dfdfdf;
875
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
876
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
877
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
878
+ --infinite-header-cell-icon-size: 16px;
879
+ --infinite-header-cell-menu-icon-line-width: 1px;
880
+ --infinite-header-cell-sort-icon-margin: 16px;
881
+ --infinite-column-header-height: 30px;
882
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
883
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
884
+ --infinite-grouping-toolbar-active-background-alpha: .15;
885
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
886
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
887
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
888
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
889
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
890
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
891
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
892
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
893
+ --infinite-grouping-toolbar-item-active-background-alpha: .15;
894
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
895
+ --infinite-cell-border-width: 1px;
896
+ --infinite-flashing-overlay-z-index: -1;
897
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
898
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
899
+ --infinite-cell-border-color: #c6c6c6;
900
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
901
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
902
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
903
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
904
+ --infinite-cell-border-invisible: none;
905
+ --infinite-cell-border-radius: var(--infinite-space-2);
906
+ --infinite-column-reorder-effect-duration: .2s;
907
+ --infinite-selected-cell-border-style: solid;
908
+ --infinite-active-cell-border-style: dashed;
909
+ --infinite-active-cell-border-width: 1px;
910
+ --infinite-active-cell-background-alpha: .25;
911
+ --infinite-active-cell-background-alpha--table-unfocused: .1;
912
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
913
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
914
+ --infinite-row-odd-background: #f6f6f6;
915
+ --infinite-row-disabled-opacity: .5;
916
+ --infinite-row-disabled-background: #eeeeee;
917
+ --infinite-row-odd-disabled-background: #f9f9f9;
918
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
919
+ --infinite-row-selected-background: #d1e9ff;
920
+ --infinite-row-selected-hover-background: #add8ff;
921
+ --infinite-group-row-background: #cbc5c5;
922
+ --infinite-group-row-column-nesting: 24px;
923
+ --infinite-row-hover-background: #dbdbdb;
924
+ --infinite-row-pointer-events-while-scrolling: auto;
925
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
1209
926
  }
1210
- .infinite-theme-name--default:root, .infinite-theme-name--default {
927
+ .infinite-theme-mode--dark, .infinite-theme-mode--dark:root {
1211
928
  --infinite-header-cell-border-right: var(--infinite-cell-border);
1212
929
  --infinite-header-cell-border: var(--infinite-cell-border);
1213
930
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
@@ -1225,6 +942,7 @@ template {
1225
942
  --infinite-load-mask-text-background: var(--infinite-background);
1226
943
  --infinite-load-mask-color: var(--infinite-cell-color);
1227
944
  --infinite-row-background: var(--infinite-background);
945
+ --infinite-grouping-toolbar-background: var(--infinite-background);
1228
946
  --infinite-theme-mode: dark;
1229
947
  --infinite-icon-size: 24px;
1230
948
  --infinite-background: #101419;
@@ -1241,518 +959,1147 @@ template {
1241
959
  --infinite-menu-shadow-color: rgba(255,255,255,.25);
1242
960
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
1243
961
  }
1244
- }
1245
- .evqes20 {
1246
- background: var(--infinite-rowdetail-background);
1247
- padding: var(--infinite-rowdetail-padding);
1248
- }
1249
- ._1yeub2v0 {
1250
- outline: none;
1251
- font-family: var(--infinite-font-family);
1252
- color: var(--infinite-color);
1253
- background: var(--infinite-background);
1254
- min-height: var(--infinite-min-height);
1255
- }
1256
- .evqes20 ._1yeub2v0 {
1257
- height: var(--infinite-rowdetail-grid-height);
1258
- }
1259
- ._1yeub2v1 {
1260
- --infinite-row-pointer-events-while-scrolling: none;
1261
- }
1262
- ._1yeub2vh {
1263
- --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
1264
- --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
1265
- }
1266
- ._1yeub2vm {
1267
- border-right: var(--infinite-cell-border);
1268
- }
1269
- ._1yeub2vn {
1270
- border-left: var(--infinite-cell-border);
1271
- }
1272
- ._1yeub2vp {
1273
- -webkit-user-select: none;
1274
- -moz-user-select: none;
1275
- user-select: none;
1276
- }
1277
- @keyframes _1eexc2a9 {
1278
- 0% {
1279
- opacity: 0;
1280
- }
1281
- 25% {
1282
- opacity: 1;
1283
- }
1284
- 75% {
1285
- opacity: 1;
1286
- }
1287
- to {
1288
- opacity: 0;
962
+ .infinite-theme-name--default:root, .infinite-theme-name--default {
963
+ --infinite-loaded: true;
964
+ --infinite-theme-name: default;
965
+ --infinite-theme-mode: light;
966
+ --infinite-icon-size: 24px;
967
+ --infinite-space-0: 0rem;
968
+ --infinite-space-1: .125rem;
969
+ --infinite-space-2: .25rem;
970
+ --infinite-space-3: .5rem;
971
+ --infinite-space-4: .75rem;
972
+ --infinite-space-5: 1rem;
973
+ --infinite-space-6: 1.25rem;
974
+ --infinite-space-7: 1.5rem;
975
+ --infinite-space-8: 2.25rem;
976
+ --infinite-space-9: 3rem;
977
+ --infinite-space-10: 4rem;
978
+ --infinite-font-size-0: .5rem;
979
+ --infinite-font-size-1: .625rem;
980
+ --infinite-font-size-2: .75rem;
981
+ --infinite-font-size-3: .875rem;
982
+ --infinite-font-size-4: 1rem;
983
+ --infinite-font-size-5: 1.25rem;
984
+ --infinite-font-size-6: 1.5rem;
985
+ --infinite-font-size-7: 2.25rem;
986
+ --infinite-font-family: inherit;
987
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
988
+ --infinite-color: #484848;
989
+ --infinite-accent-color: #0284c7;
990
+ --infinite-success-color: #7aff7a;
991
+ --infinite-error-color: #ff0000;
992
+ --infinite-border-radius: var(--infinite-space-2);
993
+ --infinite-background: white;
994
+ --infinite-min-height: 100px;
995
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
996
+ --infinite-header-cell-border: var(--infinite-cell-border);
997
+ --infinite-filter-editor-background: var(--infinite-row-background);
998
+ --infinite-header-color: #6f6f6f;
999
+ --infinite-header-background: var(--infinite-header-cell-background);
1000
+ --infinite-cell-color: currentColor;
1001
+ --infinite-flashing-background: var(--infinite-accent-color);
1002
+ --infinite-flashing-up-background: var(--infinite-success-color);
1003
+ --infinite-flashing-down-background: var(--infinite-error-color);
1004
+ --infinite-menu-color: var(--infinite-cell-color);
1005
+ --infinite-menu-background: var(--infinite-background);
1006
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1007
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1008
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1009
+ --infinite-load-mask-text-background: rgba(255,255,255,.8);
1010
+ --infinite-load-mask-color: inherit;
1011
+ --infinite-row-background: var(--infinite-background);
1012
+ --infinite-grouping-toolbar-background: var(--infinite-background);
1013
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
1014
+ --infinite-menu-separator-color: currentColor;
1015
+ --infinite-menu-padding: var(--infinite-space-3);
1016
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
1017
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
1018
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
1019
+ --infinite-menu-item-disabled-opacity: .5;
1020
+ --infinite-menu-item-active-opacity: .9;
1021
+ --infinite-menu-item-pressed-opacity: 1;
1022
+ --infinite-menu-border-radius: var(--infinite-space-2);
1023
+ --infinite-menu-shadow-color: rgba(0,0,0,.25);
1024
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
1025
+ --infinite-rowdetail-padding: var(--infinite-space-2);
1026
+ --infinite-rowdetail-grid-height: 100%;
1027
+ --infinite-load-mask-overlay-background: gray;
1028
+ --infinite-load-mask-overlay-opacity: .3;
1029
+ --infinite-load-mask-padding: var(--infinite-space-5);
1030
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
1031
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
1032
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
1033
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
1034
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
1035
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
1036
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
1037
+ --infinite-resize-handle-active-area-width: 16px;
1038
+ --infinite-resize-handle-width: 2px;
1039
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
1040
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
1041
+ --infinite-header-cell-background: #ededed;
1042
+ --infinite-filter-editor-border: var(--infinite-cell-border);
1043
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
1044
+ --infinite-filter-editor-color: currentColor;
1045
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
1046
+ --infinite-header-cell-hover-background: #dfdfdf;
1047
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
1048
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
1049
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
1050
+ --infinite-header-cell-icon-size: 16px;
1051
+ --infinite-header-cell-menu-icon-line-width: 1px;
1052
+ --infinite-header-cell-sort-icon-margin: 16px;
1053
+ --infinite-column-header-height: 30px;
1054
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
1055
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
1056
+ --infinite-grouping-toolbar-active-background-alpha: .15;
1057
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
1058
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
1059
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
1060
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
1061
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
1062
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
1063
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
1064
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
1065
+ --infinite-grouping-toolbar-item-active-background-alpha: .15;
1066
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
1067
+ --infinite-cell-border-width: 1px;
1068
+ --infinite-flashing-overlay-z-index: -1;
1069
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
1070
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
1071
+ --infinite-cell-border-color: #c6c6c6;
1072
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
1073
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
1074
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
1075
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
1076
+ --infinite-cell-border-invisible: none;
1077
+ --infinite-cell-border-radius: var(--infinite-space-2);
1078
+ --infinite-column-reorder-effect-duration: .2s;
1079
+ --infinite-selected-cell-border-style: solid;
1080
+ --infinite-active-cell-border-style: dashed;
1081
+ --infinite-active-cell-border-width: 1px;
1082
+ --infinite-active-cell-background-alpha: .25;
1083
+ --infinite-active-cell-background-alpha--table-unfocused: .1;
1084
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
1085
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
1086
+ --infinite-row-odd-background: #f6f6f6;
1087
+ --infinite-row-disabled-opacity: .5;
1088
+ --infinite-row-disabled-background: #eeeeee;
1089
+ --infinite-row-odd-disabled-background: #f9f9f9;
1090
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
1091
+ --infinite-row-selected-background: #d1e9ff;
1092
+ --infinite-row-selected-hover-background: #add8ff;
1093
+ --infinite-group-row-background: #cbc5c5;
1094
+ --infinite-group-row-column-nesting: 24px;
1095
+ --infinite-row-hover-background: #dbdbdb;
1096
+ --infinite-row-pointer-events-while-scrolling: auto;
1097
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
1098
+ }
1099
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default, .infinite-theme-mode--light .infinite-theme-name--default, .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default, .infinite-theme-name--default .infinite-theme-mode--light, .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
1100
+ --infinite-loaded: true;
1101
+ --infinite-theme-name: default;
1102
+ --infinite-theme-mode: light;
1103
+ --infinite-icon-size: 24px;
1104
+ --infinite-space-0: 0rem;
1105
+ --infinite-space-1: .125rem;
1106
+ --infinite-space-2: .25rem;
1107
+ --infinite-space-3: .5rem;
1108
+ --infinite-space-4: .75rem;
1109
+ --infinite-space-5: 1rem;
1110
+ --infinite-space-6: 1.25rem;
1111
+ --infinite-space-7: 1.5rem;
1112
+ --infinite-space-8: 2.25rem;
1113
+ --infinite-space-9: 3rem;
1114
+ --infinite-space-10: 4rem;
1115
+ --infinite-font-size-0: .5rem;
1116
+ --infinite-font-size-1: .625rem;
1117
+ --infinite-font-size-2: .75rem;
1118
+ --infinite-font-size-3: .875rem;
1119
+ --infinite-font-size-4: 1rem;
1120
+ --infinite-font-size-5: 1.25rem;
1121
+ --infinite-font-size-6: 1.5rem;
1122
+ --infinite-font-size-7: 2.25rem;
1123
+ --infinite-font-family: inherit;
1124
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
1125
+ --infinite-color: #484848;
1126
+ --infinite-accent-color: #0284c7;
1127
+ --infinite-success-color: #7aff7a;
1128
+ --infinite-error-color: #ff0000;
1129
+ --infinite-border-radius: var(--infinite-space-2);
1130
+ --infinite-background: white;
1131
+ --infinite-min-height: 100px;
1132
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
1133
+ --infinite-header-cell-border: var(--infinite-cell-border);
1134
+ --infinite-filter-editor-background: var(--infinite-row-background);
1135
+ --infinite-header-color: #6f6f6f;
1136
+ --infinite-header-background: var(--infinite-header-cell-background);
1137
+ --infinite-cell-color: currentColor;
1138
+ --infinite-flashing-background: var(--infinite-accent-color);
1139
+ --infinite-flashing-up-background: var(--infinite-success-color);
1140
+ --infinite-flashing-down-background: var(--infinite-error-color);
1141
+ --infinite-menu-color: var(--infinite-cell-color);
1142
+ --infinite-menu-background: var(--infinite-background);
1143
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1144
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1145
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1146
+ --infinite-load-mask-text-background: rgba(255,255,255,.8);
1147
+ --infinite-load-mask-color: inherit;
1148
+ --infinite-row-background: var(--infinite-background);
1149
+ --infinite-grouping-toolbar-background: var(--infinite-background);
1150
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
1151
+ --infinite-menu-separator-color: currentColor;
1152
+ --infinite-menu-padding: var(--infinite-space-3);
1153
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
1154
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
1155
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
1156
+ --infinite-menu-item-disabled-opacity: .5;
1157
+ --infinite-menu-item-active-opacity: .9;
1158
+ --infinite-menu-item-pressed-opacity: 1;
1159
+ --infinite-menu-border-radius: var(--infinite-space-2);
1160
+ --infinite-menu-shadow-color: rgba(0,0,0,.25);
1161
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
1162
+ --infinite-rowdetail-padding: var(--infinite-space-2);
1163
+ --infinite-rowdetail-grid-height: 100%;
1164
+ --infinite-load-mask-overlay-background: gray;
1165
+ --infinite-load-mask-overlay-opacity: .3;
1166
+ --infinite-load-mask-padding: var(--infinite-space-5);
1167
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
1168
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
1169
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
1170
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
1171
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
1172
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
1173
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
1174
+ --infinite-resize-handle-active-area-width: 16px;
1175
+ --infinite-resize-handle-width: 2px;
1176
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
1177
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
1178
+ --infinite-header-cell-background: #ededed;
1179
+ --infinite-filter-editor-border: var(--infinite-cell-border);
1180
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
1181
+ --infinite-filter-editor-color: currentColor;
1182
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
1183
+ --infinite-header-cell-hover-background: #dfdfdf;
1184
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
1185
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
1186
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
1187
+ --infinite-header-cell-icon-size: 16px;
1188
+ --infinite-header-cell-menu-icon-line-width: 1px;
1189
+ --infinite-header-cell-sort-icon-margin: 16px;
1190
+ --infinite-column-header-height: 30px;
1191
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
1192
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
1193
+ --infinite-grouping-toolbar-active-background-alpha: .15;
1194
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
1195
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
1196
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
1197
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
1198
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
1199
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
1200
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
1201
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
1202
+ --infinite-grouping-toolbar-item-active-background-alpha: .15;
1203
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
1204
+ --infinite-cell-border-width: 1px;
1205
+ --infinite-flashing-overlay-z-index: -1;
1206
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
1207
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
1208
+ --infinite-cell-border-color: #c6c6c6;
1209
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
1210
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
1211
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
1212
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
1213
+ --infinite-cell-border-invisible: none;
1214
+ --infinite-cell-border-radius: var(--infinite-space-2);
1215
+ --infinite-column-reorder-effect-duration: .2s;
1216
+ --infinite-selected-cell-border-style: solid;
1217
+ --infinite-active-cell-border-style: dashed;
1218
+ --infinite-active-cell-border-width: 1px;
1219
+ --infinite-active-cell-background-alpha: .25;
1220
+ --infinite-active-cell-background-alpha--table-unfocused: .1;
1221
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
1222
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
1223
+ --infinite-row-odd-background: #f6f6f6;
1224
+ --infinite-row-disabled-opacity: .5;
1225
+ --infinite-row-disabled-background: #eeeeee;
1226
+ --infinite-row-odd-disabled-background: #f9f9f9;
1227
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
1228
+ --infinite-row-selected-background: #d1e9ff;
1229
+ --infinite-row-selected-hover-background: #add8ff;
1230
+ --infinite-group-row-background: #cbc5c5;
1231
+ --infinite-group-row-column-nesting: 24px;
1232
+ --infinite-row-hover-background: #dbdbdb;
1233
+ --infinite-row-pointer-events-while-scrolling: auto;
1234
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
1235
+ }
1236
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default, .infinite-theme-mode--dark .infinite-theme-name--default, .infinite-theme-name--default .infinite-theme-mode--dark {
1237
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
1238
+ --infinite-header-cell-border: var(--infinite-cell-border);
1239
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
1240
+ --infinite-header-color: #c3c3c3;
1241
+ --infinite-header-background: var(--infinite-header-cell-background);
1242
+ --infinite-cell-color: #c3c3c3;
1243
+ --infinite-flashing-background: var(--infinite-accent-color);
1244
+ --infinite-flashing-up-background: var(--infinite-success-color);
1245
+ --infinite-flashing-down-background: var(--infinite-error-color);
1246
+ --infinite-menu-color: var(--infinite-cell-color);
1247
+ --infinite-menu-background: var(--infinite-background);
1248
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1249
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1250
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1251
+ --infinite-load-mask-text-background: var(--infinite-background);
1252
+ --infinite-load-mask-color: var(--infinite-cell-color);
1253
+ --infinite-row-background: var(--infinite-background);
1254
+ --infinite-grouping-toolbar-background: var(--infinite-background);
1255
+ --infinite-theme-mode: dark;
1256
+ --infinite-icon-size: 24px;
1257
+ --infinite-background: #101419;
1258
+ --infinite-success-color: #008700;
1259
+ --infinite-cell-border: 1px solid #2a323d;
1260
+ --infinite-header-cell-background: #1b2129;
1261
+ --infinite-header-cell-hover-background: #222932;
1262
+ --infinite-row-hover-background: #3b4754;
1263
+ --infinite-row-selected-background: #0a2e4f;
1264
+ --infinite-row-selected-hover-background: #0b243a;
1265
+ --infinite-row-odd-background: #242a31;
1266
+ --infinite-row-disabled-background: #292a2c;
1267
+ --infinite-row-odd-disabled-background: #2d2e30;
1268
+ --infinite-menu-shadow-color: rgba(255,255,255,.25);
1269
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
1270
+ }
1271
+ @media (prefers-color-scheme: dark) {
1272
+ :root {
1273
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
1274
+ --infinite-header-cell-border: var(--infinite-cell-border);
1275
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
1276
+ --infinite-header-color: #c3c3c3;
1277
+ --infinite-header-background: var(--infinite-header-cell-background);
1278
+ --infinite-cell-color: #c3c3c3;
1279
+ --infinite-flashing-background: var(--infinite-accent-color);
1280
+ --infinite-flashing-up-background: var(--infinite-success-color);
1281
+ --infinite-flashing-down-background: var(--infinite-error-color);
1282
+ --infinite-menu-color: var(--infinite-cell-color);
1283
+ --infinite-menu-background: var(--infinite-background);
1284
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1285
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1286
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1287
+ --infinite-load-mask-text-background: var(--infinite-background);
1288
+ --infinite-load-mask-color: var(--infinite-cell-color);
1289
+ --infinite-row-background: var(--infinite-background);
1290
+ --infinite-grouping-toolbar-background: var(--infinite-background);
1291
+ --infinite-theme-mode: dark;
1292
+ --infinite-icon-size: 24px;
1293
+ --infinite-background: #101419;
1294
+ --infinite-success-color: #008700;
1295
+ --infinite-cell-border: 1px solid #2a323d;
1296
+ --infinite-header-cell-background: #1b2129;
1297
+ --infinite-header-cell-hover-background: #222932;
1298
+ --infinite-row-hover-background: #3b4754;
1299
+ --infinite-row-selected-background: #0a2e4f;
1300
+ --infinite-row-selected-hover-background: #0b243a;
1301
+ --infinite-row-odd-background: #242a31;
1302
+ --infinite-row-disabled-background: #292a2c;
1303
+ --infinite-row-odd-disabled-background: #2d2e30;
1304
+ --infinite-menu-shadow-color: rgba(255,255,255,.25);
1305
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
1306
+ }
1307
+ .infinite-theme-name--default:root, .infinite-theme-name--default {
1308
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
1309
+ --infinite-header-cell-border: var(--infinite-cell-border);
1310
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
1311
+ --infinite-header-color: #c3c3c3;
1312
+ --infinite-header-background: var(--infinite-header-cell-background);
1313
+ --infinite-cell-color: #c3c3c3;
1314
+ --infinite-flashing-background: var(--infinite-accent-color);
1315
+ --infinite-flashing-up-background: var(--infinite-success-color);
1316
+ --infinite-flashing-down-background: var(--infinite-error-color);
1317
+ --infinite-menu-color: var(--infinite-cell-color);
1318
+ --infinite-menu-background: var(--infinite-background);
1319
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
1320
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
1321
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
1322
+ --infinite-load-mask-text-background: var(--infinite-background);
1323
+ --infinite-load-mask-color: var(--infinite-cell-color);
1324
+ --infinite-row-background: var(--infinite-background);
1325
+ --infinite-grouping-toolbar-background: var(--infinite-background);
1326
+ --infinite-theme-mode: dark;
1327
+ --infinite-icon-size: 24px;
1328
+ --infinite-background: #101419;
1329
+ --infinite-success-color: #008700;
1330
+ --infinite-cell-border: 1px solid #2a323d;
1331
+ --infinite-header-cell-background: #1b2129;
1332
+ --infinite-header-cell-hover-background: #222932;
1333
+ --infinite-row-hover-background: #3b4754;
1334
+ --infinite-row-selected-background: #0a2e4f;
1335
+ --infinite-row-selected-hover-background: #0b243a;
1336
+ --infinite-row-odd-background: #242a31;
1337
+ --infinite-row-disabled-background: #292a2c;
1338
+ --infinite-row-odd-disabled-background: #2d2e30;
1339
+ --infinite-menu-shadow-color: rgba(255,255,255,.25);
1340
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
1341
+ }
1289
1342
  }
1290
1343
  }
1291
- ._1eexc2a0 {
1292
- justify-content: center;
1293
- }
1294
- ._1eexc2a1 {
1295
- justify-content: flex-start;
1296
- }
1297
- ._1eexc2a2 {
1298
- justify-content: flex-start;
1299
- flex-flow: row-reverse;
1300
- }
1301
- ._1eexc2a3 {
1302
- transition: left 0.3s;
1303
- }
1304
- ._1eexc2a4 {
1305
- transition: none;
1306
- }
1307
- ._1eexc2a5 {
1308
- pointer-events: none !important;
1309
- visibility: hidden !important;
1310
- opacity: 0 !important;
1311
- transform: translateZ(0) !important;
1312
- }
1313
- ._1eexc2a6 {
1314
- display: flex;
1315
- flex-flow: row;
1316
- align-items: center;
1317
- contain: layout size;
1318
- position: absolute;
1319
- will-change: transform;
1320
- white-space: nowrap;
1321
- -webkit-user-select: none;
1322
- -moz-user-select: none;
1323
- user-select: none;
1324
- padding: var(--infinite-cell-padding);
1325
- border-left: var(--infinite-cell-border-left);
1326
- border-right: var(--infinite-cell-border-right);
1327
- }
1328
- ._1yeub2vp ._1eexc2a7 {
1329
- transition: transform var(--infinite-column-reorder-effect-duration);
1330
- }
1331
- ._1eexc2a8 {
1332
- margin-inline: var(--infinite-selection-checkbox-margin-inline);
1333
- }
1334
- ._1eexc2aa:after {
1335
- content: "";
1336
- box-sizing: border-box;
1337
- position: absolute;
1338
- inset: 0;
1339
- z-index: var(--infinite-flashing-overlay-z-index);
1340
- left: calc(0px - var(--infinite-cell-border-width));
1341
- right: calc(0px - var(--infinite-cell-border-width));
1342
- pointer-events: none;
1343
- animation-name: var(--infinite-flashing-animation-name, _1eexc2a9);
1344
- animation-fill-mode: forwards;
1345
- animation-duration: calc(1ms * var(--_16hkbkc3, var(--infinite-flashing-duration)));
1346
- background: var(--_16hkbkc2, var(--infinite-flashing-background));
1347
- }
1348
- ._1eexc2ab {
1349
- --_16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
1350
- }
1351
- ._1eexc2ac {
1352
- --_16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
1353
- }
1354
- ._1eexc2ad {
1355
- --_16hkbkc2: var(--infinite-flashing-background);
1356
- }
1357
- ._1eexc2ae:before {
1358
- content: "";
1359
- box-sizing: border-box;
1360
- position: absolute;
1361
- inset: 0;
1362
- left: calc(0px - var(--infinite-cell-border-width));
1363
- right: calc(0px - var(--infinite-cell-border-width));
1364
- pointer-events: none;
1365
- background: var(--infinite-selected-cell-background-default);
1366
- border-width: var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width))));
1367
- border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
1368
- border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
1369
- }
1370
- ._1eexc2ag:before {
1371
- border-right-width: 0;
1372
- }
1373
- ._1eexc2ai:before {
1374
- border-left-width: 0;
1375
- }
1376
- ._1eexc2ak:before {
1377
- border-top-width: 0;
1378
- }
1379
- ._1eexc2am:before {
1380
- border-bottom-width: 0;
1381
- }
1382
- ._1eexc2an {
1383
- color: var(--infinite-cell-color);
1384
- }
1385
- ._1eexc2aq {
1386
- opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
1387
- }
1388
- ._1eexc2ay {
1389
- justify-content: flex-end;
1390
- }
1391
- ._1eexc2a10 {
1392
- align-items: flex-start;
1393
- }
1394
- ._1eexc2a11 {
1395
- align-items: flex-end;
1396
- }
1397
- ._1eexc2a1a {
1398
- --infinite-row-background: var(--infinite-row-disabled-background);
1399
- --infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
1400
- --infinite-row-hover-background: var(--infinite-row-disabled-background);
1401
- --infinite-active-row-background: var(--infinite-row-background);
1402
- --infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
1403
- opacity: var(--infinite-row-disabled-opacity);
1404
- }
1405
- ._1eexc2a1b, ._1eexc2a1c {
1406
- background: var(--infinite-row-background);
1407
- }
1408
- ._1eexc2a1d {
1409
- background: var(--infinite-row-odd-background);
1410
- }
1411
- ._1eexc2a1e {
1412
- background: var(--infinite-row-selected-background);
1413
- }
1414
- ._1eexc2a1h {
1415
- border-top-left-radius: var(--infinite-cell-border-radius);
1416
- border-bottom-left-radius: var(--infinite-cell-border-radius);
1417
- }
1418
- ._1eexc2a1j {
1419
- border-top-right-radius: var(--infinite-cell-border-radius);
1420
- border-bottom-right-radius: var(--infinite-cell-border-radius);
1421
- }
1422
- ._1eexc2a1q {
1423
- border-top: var(--infinite-cell-border-top);
1424
- }
1425
- ._1eexc2a20 {
1426
- border-top: none;
1427
- }
1428
- ._1eexc2a21 {
1429
- border-right: var(--infinite-pinned-cell-border);
1430
- }
1431
- ._1eexc2a23 {
1432
- border-left: var(--infinite-pinned-cell-border);
1433
- }
1434
- ._1eexc2a25 {
1435
- justify-content: center;
1436
- }
1437
- ._1eexc2a26 {
1438
- --infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
1439
- }
1440
- ._12zfob13, ._12zfob14 {
1441
- margin-left: var(--infinite-header-cell-sort-icon-margin);
1442
- }
1443
- ._12zfob15 {
1444
- margin-right: var(--infinite-header-cell-sort-icon-margin);
1445
- }
1446
- ._12zfob16, ._12zfob17 {
1447
- line-height: 0;
1448
- font-size: 10px;
1449
- border-radius: 50%;
1450
- padding: 1px;
1451
- position: absolute;
1452
- transition: top 0.2s;
1453
- top: 0;
1454
- right: 2px;
1455
- }
1456
- ._12zfob18 {
1457
- background: var(--infinite-header-background);
1458
- top: 0;
1459
- right: 0;
1460
- bottom: 0;
1461
- }
1462
- ._12zfob19 {
1463
- background: var(--infinite-header-background);
1464
- color: var(--infinite-header-color);
1465
- transform: translateZ(0);
1466
- }
1467
- ._12zfob1h {
1468
- z-index: 10;
1469
- }
1470
- ._12zfob1j {
1471
- border-right: var(--infinite-pinned-cell-border);
1472
- }
1473
- ._12zfob1l {
1474
- border-left: var(--infinite-pinned-cell-border);
1475
- }
1476
- ._12zfob1n {
1477
- background: var(--infinite-header-cell-hover-background);
1478
- color: var(--infinite-cell-color);
1479
- opacity: 0.8;
1480
- padding: var(--infinite-cell-padding);
1481
- padding-left: 20px;
1482
- z-index: 2000;
1483
- }
1484
- ._12zfob1o {
1485
- border-left: var(--infinite-cell-border-width) solid transparent;
1486
- border-right: var(--infinite-header-cell-border-right);
1487
- background: var(--infinite-header-cell-background);
1488
- padding: 0;
1489
- display: block;
1490
- }
1491
- ._12zfob1o:hover {
1492
- background: var(--infinite-header-cell-hover-background);
1493
- }
1494
- ._12zfob11k {
1495
- opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
1496
- }
1497
- ._12zfob11m {
1498
- border-top-left-radius: var(--infinite-cell-border-radius);
1499
- border-bottom-left-radius: var(--infinite-cell-border-radius);
1500
- }
1501
- ._12zfob11o {
1502
- border-top-right-radius: var(--infinite-cell-border-radius);
1503
- border-bottom-right-radius: var(--infinite-cell-border-radius);
1504
- }
1505
- ._12zfob11w {
1506
- z-index: 10;
1507
- }
1508
- ._12zfob121 {
1509
- border-right: var(--infinite-pinned-cell-border);
1510
- }
1511
- ._1yeub2v2 ._1yeub2vd ._12zfob121 {
1512
- --infinite-cell-border: var(--infinite-cell-border-invisible);
1513
- }
1514
- ._12zfob122 {
1515
- border-left: var(--infinite-pinned-cell-border);
1516
- }
1517
- ._12zfob123 {
1518
- border-right: var(--infinite-cell-border);
1519
- }
1520
- ._12zfob124 {
1521
- cursor: context-menu;
1522
- padding-block-start: 2px;
1523
- padding-block-end: 2px;
1524
- min-width: var(--infinite-header-cell-icon-size);
1525
- height: var(--infinite-header-cell-icon-size);
1526
- }
1527
- ._12zfob124:active {
1528
- top: 1px;
1529
- }
1530
- ._12zfob1o:hover ._12zfob124, ._12zfob125 {
1531
- visibility: visible;
1532
- display: flex;
1533
- }
1534
- ._12zfob127 {
1535
- display: none;
1536
- }
1537
- ._12zfob128 {
1538
- visibility: visible;
1539
- display: flex;
1540
- }
1541
- ._12zfob129 {
1542
- padding: var(--infinite-header-cell-padding);
1543
- }
1544
- ._12zfob12c {
1545
- align-items: flex-start;
1546
- }
1547
- ._12zfob12d {
1548
- align-items: flex-end;
1549
- }
1550
- ._12zfob12g {
1551
- flex-direction: row-reverse;
1552
- }
1553
- ._12zfob12h {
1554
- justify-content: center;
1555
- }
1556
- ._12zfob12i {
1557
- background: var(--infinite-header-background);
1558
- }
1559
- ._12zfob12j {
1560
- padding: var(--infinite-cell-padding);
1561
- border-bottom: var(--infinite-cell-border);
1562
- border-right: var(--infinite-cell-border);
1563
- background: var(--infinite-header-cell-background);
1564
- }
1565
- ._12zfob12k {
1566
- border-top: var(--infinite-cell-border);
1567
- padding-block: var(--infinite-filter-editor-margin-y);
1568
- }
1569
- ._12zfob12n {
1570
- padding-inline: var(--infinite-filter-operator-padding-x);
1571
- padding-block: var(--infinite-filter-operator-padding-y);
1572
- }
1573
- ._12zfob12l ._12zfob12n {
1574
- color: var(--infinite-accent-color);
1575
- }
1576
- ._12zfob12n:active {
1577
- top: 1px;
1578
- }
1579
- ._12zfob12p {
1580
- opacity: var(--infinite-menu-item-disabled-opacity);
1581
- cursor: auto;
1582
- }
1583
- ._12zfob12q:active {
1584
- top: 1px;
1585
- }
1586
- ._12zfob12r {
1587
- margin-inline: var(--infinite-filter-editor-margin-x);
1588
- padding-inline: var(--infinite-filter-editor-padding-x);
1589
- padding-block: var(--infinite-filter-editor-padding-y);
1590
- background: var(--infinite-filter-editor-background);
1591
- color: var(--infinite-filter-editor-color);
1592
- border: var(--infinite-filter-editor-border);
1593
- border-radius: var(--infinite-filter-editor-border-radius);
1594
- }
1595
- ._12zfob12r:focus {
1596
- outline: none;
1597
- border-color: var(--infinite-filter-editor-focus-border-color);
1598
- }
1599
- ._12zfob12l ._12zfob12r {
1600
- outline: none;
1601
- border-color: var(--infinite-filter-editor-focus-border-color);
1602
- }
1603
- ._6aunoi0 {
1604
- padding-block-start: 2px;
1605
- padding-block-end: 2px;
1606
- min-width: var(--infinite-header-cell-icon-size);
1607
- height: var(--infinite-header-cell-icon-size);
1608
- }
1609
- ._6rdmyg0 {
1610
- fill: var(--infinite-expand-collapse-icon-color);
1611
- display: inline-block;
1612
- vertical-align: bottom;
1613
- }
1614
- ._6rdmyg6 {
1615
- cursor: auto;
1616
- opacity: 0.4;
1617
- }
1618
- ._7pupv00 {
1619
- --infinite-row-background: var(--infinite-row-hover-background);
1620
- --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
1621
- --infinite-row-odd-background: var(--infinite-row-hover-background);
1622
- }
1623
- ._7pupv02, ._7pupv03 {
1624
- padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1625
- }
1626
- ._7pupv04 {
1627
- padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1628
- }
1629
- ._7pupv06, ._7pupv07 {
1630
- padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1631
- }
1632
- ._7pupv08 {
1633
- padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1634
- }
1635
- .qz8ht90 {
1636
- accent-color: var(--infinite-accent-color);
1637
- vertical-align: middle;
1638
- }
1639
- .qz8ht90[disabled] {
1640
- opacity: 0.7;
1641
- cursor: auto;
1642
- }
1643
- ._1ek6mqy0 {
1644
- padding-block-start: 2px;
1645
- padding-block-end: 2px;
1646
- min-width: var(--infinite-header-cell-icon-size);
1647
- height: var(--infinite-header-cell-icon-size);
1648
- }
1649
- .zneyzh0 {
1650
- transform: translate(50%);
1651
- width: var(--infinite-resize-handle-active-area-width);
1652
- }
1653
- .zneyzh0:hover {
1654
- overflow: visible;
1655
- }
1656
- .zneyzh3 {
1657
- transform: translate(-50%);
1658
- }
1659
- .zneyzh9, .zneyzha, .zneyzhb {
1660
- transform: none;
1661
- }
1662
- .zneyzhc {
1663
- right: calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);
1664
- width: var(--infinite-resize-handle-width);
1665
- }
1666
- .zneyzh0:hover .zneyzhc {
1667
- background: var(--infinite-resize-handle-hover-background);
1668
- }
1669
- .zneyzh0:hover .zneyzhe {
1670
- background: var(--infinite-resize-handle-constrained-hover-background);
1344
+ @layer infinite-table {
1345
+ .evqes20 {
1346
+ background: var(--infinite-rowdetail-background);
1347
+ padding: var(--infinite-rowdetail-padding);
1348
+ }
1671
1349
  }
1672
- .zneyzhm {
1673
- right: 0;
1350
+ @layer infinite-table {
1351
+ ._1yeub2v0 {
1352
+ outline: none;
1353
+ font-family: var(--infinite-font-family);
1354
+ color: var(--infinite-color);
1355
+ background: var(--infinite-background);
1356
+ min-height: var(--infinite-min-height);
1357
+ }
1358
+ .evqes20 ._1yeub2v0 {
1359
+ height: var(--infinite-rowdetail-grid-height);
1360
+ }
1361
+ ._1yeub2v1 {
1362
+ --infinite-row-pointer-events-while-scrolling: none;
1363
+ }
1364
+ ._1yeub2vh {
1365
+ --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
1366
+ --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
1367
+ }
1368
+ ._1yeub2vm {
1369
+ border-right: var(--infinite-cell-border);
1370
+ }
1371
+ ._1yeub2vn {
1372
+ border-left: var(--infinite-cell-border);
1373
+ }
1374
+ ._1yeub2vp {
1375
+ -webkit-user-select: none;
1376
+ -moz-user-select: none;
1377
+ user-select: none;
1378
+ }
1674
1379
  }
1675
- .zneyzhn {
1676
- right: unset;
1380
+ @layer infinite-table {
1381
+ @keyframes _1eexc2a9 {
1382
+ 0% {
1383
+ opacity: 0;
1384
+ }
1385
+ 25% {
1386
+ opacity: 1;
1387
+ }
1388
+ 75% {
1389
+ opacity: 1;
1390
+ }
1391
+ to {
1392
+ opacity: 0;
1393
+ }
1394
+ }
1395
+ ._1eexc2a0 {
1396
+ justify-content: center;
1397
+ }
1398
+ ._1eexc2a1 {
1399
+ justify-content: flex-start;
1400
+ }
1401
+ ._1eexc2a2 {
1402
+ justify-content: flex-start;
1403
+ flex-flow: row-reverse;
1404
+ }
1405
+ ._1eexc2a3 {
1406
+ transition: left 0.3s;
1407
+ }
1408
+ ._1eexc2a4 {
1409
+ transition: none;
1410
+ }
1411
+ ._1eexc2a5 {
1412
+ pointer-events: none !important;
1413
+ visibility: hidden !important;
1414
+ opacity: 0 !important;
1415
+ transform: translateZ(0) !important;
1416
+ }
1417
+ ._1eexc2a6 {
1418
+ display: flex;
1419
+ flex-flow: row;
1420
+ align-items: center;
1421
+ contain: layout size;
1422
+ position: absolute;
1423
+ will-change: transform;
1424
+ white-space: nowrap;
1425
+ -webkit-user-select: none;
1426
+ -moz-user-select: none;
1427
+ user-select: none;
1428
+ padding: var(--infinite-cell-padding);
1429
+ border-left: var(--infinite-cell-border-left);
1430
+ border-right: var(--infinite-cell-border-right);
1431
+ }
1432
+ ._1yeub2vp ._1eexc2a7 {
1433
+ transition: transform var(--infinite-column-reorder-effect-duration);
1434
+ }
1435
+ ._1eexc2a8 {
1436
+ margin-inline: var(--infinite-selection-checkbox-margin-inline);
1437
+ }
1438
+ ._1eexc2aa:after {
1439
+ content: "";
1440
+ box-sizing: border-box;
1441
+ position: absolute;
1442
+ inset: 0;
1443
+ z-index: var(--infinite-flashing-overlay-z-index);
1444
+ left: calc(0px - var(--infinite-cell-border-width));
1445
+ right: calc(0px - var(--infinite-cell-border-width));
1446
+ pointer-events: none;
1447
+ animation-name: var(--infinite-flashing-animation-name, _1eexc2a9);
1448
+ animation-fill-mode: forwards;
1449
+ animation-duration: calc(1ms * var(--_16hkbkc3, var(--infinite-flashing-duration)));
1450
+ background: var(--_16hkbkc2, var(--infinite-flashing-background));
1451
+ }
1452
+ ._1eexc2ab {
1453
+ --_16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
1454
+ }
1455
+ ._1eexc2ac {
1456
+ --_16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
1457
+ }
1458
+ ._1eexc2ad {
1459
+ --_16hkbkc2: var(--infinite-flashing-background);
1460
+ }
1461
+ ._1eexc2ae:before {
1462
+ content: "";
1463
+ box-sizing: border-box;
1464
+ position: absolute;
1465
+ inset: 0;
1466
+ left: calc(0px - var(--infinite-cell-border-width));
1467
+ right: calc(0px - var(--infinite-cell-border-width));
1468
+ pointer-events: none;
1469
+ background: var(--infinite-selected-cell-background-default);
1470
+ border-width: var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width))));
1471
+ border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
1472
+ border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
1473
+ }
1474
+ ._1eexc2ag:before {
1475
+ border-right-width: 0;
1476
+ }
1477
+ ._1eexc2ai:before {
1478
+ border-left-width: 0;
1479
+ }
1480
+ ._1eexc2ak:before {
1481
+ border-top-width: 0;
1482
+ }
1483
+ ._1eexc2am:before {
1484
+ border-bottom-width: 0;
1485
+ }
1486
+ ._1eexc2an {
1487
+ color: var(--infinite-cell-color);
1488
+ }
1489
+ ._1eexc2aq {
1490
+ opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
1491
+ }
1492
+ ._1eexc2ay {
1493
+ justify-content: flex-end;
1494
+ }
1495
+ ._1eexc2a10 {
1496
+ align-items: flex-start;
1497
+ }
1498
+ ._1eexc2a11 {
1499
+ align-items: flex-end;
1500
+ }
1501
+ ._1eexc2a1a {
1502
+ --infinite-row-background: var(--infinite-row-disabled-background);
1503
+ --infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
1504
+ --infinite-row-hover-background: var(--infinite-row-disabled-background);
1505
+ --infinite-active-row-background: var(--infinite-row-background);
1506
+ --infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
1507
+ opacity: var(--infinite-row-disabled-opacity);
1508
+ }
1509
+ ._1eexc2a1b, ._1eexc2a1c {
1510
+ background: var(--infinite-row-background);
1511
+ }
1512
+ ._1eexc2a1d {
1513
+ background: var(--infinite-row-odd-background);
1514
+ }
1515
+ ._1eexc2a1e {
1516
+ background: var(--infinite-row-selected-background);
1517
+ }
1518
+ ._1eexc2a1h {
1519
+ border-top-left-radius: var(--infinite-cell-border-radius);
1520
+ border-bottom-left-radius: var(--infinite-cell-border-radius);
1521
+ }
1522
+ ._1eexc2a1j {
1523
+ border-top-right-radius: var(--infinite-cell-border-radius);
1524
+ border-bottom-right-radius: var(--infinite-cell-border-radius);
1525
+ }
1526
+ ._1eexc2a1q {
1527
+ border-top: var(--infinite-cell-border-top);
1528
+ }
1529
+ ._1eexc2a20 {
1530
+ border-top: none;
1531
+ }
1532
+ ._1eexc2a21 {
1533
+ border-right: var(--infinite-pinned-cell-border);
1534
+ }
1535
+ ._1eexc2a23 {
1536
+ border-left: var(--infinite-pinned-cell-border);
1537
+ }
1538
+ ._1eexc2a25 {
1539
+ justify-content: center;
1540
+ }
1541
+ ._1eexc2a26 {
1542
+ --infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
1543
+ }
1677
1544
  }
1678
- .qy58ya0 {
1679
- flex-flow: row;
1680
- align-items: center;
1681
- justify-content: center;
1545
+ @layer infinite-table {
1546
+ ._12zfob13, ._12zfob14 {
1547
+ margin-left: var(--infinite-header-cell-sort-icon-margin);
1548
+ }
1549
+ ._12zfob15 {
1550
+ margin-right: var(--infinite-header-cell-sort-icon-margin);
1551
+ }
1552
+ ._12zfob16, ._12zfob17 {
1553
+ line-height: 0;
1554
+ font-size: 10px;
1555
+ border-radius: 50%;
1556
+ padding: 1px;
1557
+ position: absolute;
1558
+ transition: top 0.2s;
1559
+ top: 0;
1560
+ right: 2px;
1561
+ }
1562
+ ._12zfob19 {
1563
+ visibility: visible;
1564
+ }
1565
+ ._12zfob1a {
1566
+ visibility: hidden;
1567
+ }
1568
+ ._12zfob1b {
1569
+ background: var(--infinite-header-background);
1570
+ top: 0;
1571
+ right: 0;
1572
+ bottom: 0;
1573
+ }
1574
+ ._12zfob1c {
1575
+ background: var(--infinite-header-background);
1576
+ color: var(--infinite-header-color);
1577
+ transform: translateZ(0);
1578
+ }
1579
+ ._12zfob1k {
1580
+ z-index: 10;
1581
+ }
1582
+ ._12zfob1m {
1583
+ border-right: var(--infinite-pinned-cell-border);
1584
+ }
1585
+ ._12zfob1o {
1586
+ border-left: var(--infinite-pinned-cell-border);
1587
+ }
1588
+ ._12zfob1q {
1589
+ background: var(--infinite-header-cell-hover-background);
1590
+ color: var(--infinite-cell-color);
1591
+ opacity: 0.8;
1592
+ padding: var(--infinite-cell-padding);
1593
+ padding-left: 20px;
1594
+ z-index: 2000;
1595
+ display: flex;
1596
+ flex-flow: row;
1597
+ align-items: center;
1598
+ justify-content: start;
1599
+ }
1600
+ ._12zfob1r {
1601
+ border-left: var(--infinite-cell-border-width) solid transparent;
1602
+ border-right: var(--infinite-header-cell-border-right);
1603
+ background: var(--infinite-header-cell-background);
1604
+ padding: 0;
1605
+ display: block;
1606
+ }
1607
+ ._12zfob1r:hover {
1608
+ background: var(--infinite-header-cell-hover-background);
1609
+ }
1610
+ ._12zfob11n {
1611
+ opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
1612
+ }
1613
+ ._12zfob11p {
1614
+ border-top-left-radius: var(--infinite-cell-border-radius);
1615
+ border-bottom-left-radius: var(--infinite-cell-border-radius);
1616
+ }
1617
+ ._12zfob11r {
1618
+ border-top-right-radius: var(--infinite-cell-border-radius);
1619
+ border-bottom-right-radius: var(--infinite-cell-border-radius);
1620
+ }
1621
+ ._12zfob11z {
1622
+ z-index: 10;
1623
+ }
1624
+ ._12zfob124 {
1625
+ border-right: var(--infinite-pinned-cell-border);
1626
+ }
1627
+ ._1yeub2v2 ._1yeub2vd ._12zfob124 {
1628
+ --infinite-cell-border: var(--infinite-cell-border-invisible);
1629
+ }
1630
+ ._12zfob125 {
1631
+ border-left: var(--infinite-pinned-cell-border);
1632
+ }
1633
+ ._12zfob126 {
1634
+ border-right: var(--infinite-cell-border);
1635
+ }
1636
+ ._12zfob127 {
1637
+ cursor: context-menu;
1638
+ padding-block-start: 2px;
1639
+ padding-block-end: 2px;
1640
+ min-width: var(--infinite-header-cell-icon-size);
1641
+ height: var(--infinite-header-cell-icon-size);
1642
+ }
1643
+ ._12zfob127:active {
1644
+ top: 1px;
1645
+ }
1646
+ ._12zfob11m:hover ._12zfob127, ._12zfob128 {
1647
+ visibility: visible;
1648
+ display: flex;
1649
+ }
1650
+ ._12zfob12a {
1651
+ display: none;
1652
+ }
1653
+ ._12zfob12b {
1654
+ visibility: visible;
1655
+ display: flex;
1656
+ }
1657
+ ._12zfob12c {
1658
+ padding: var(--infinite-header-cell-padding);
1659
+ }
1660
+ ._12zfob12f {
1661
+ align-items: flex-start;
1662
+ }
1663
+ ._12zfob12g {
1664
+ align-items: flex-end;
1665
+ }
1666
+ ._12zfob12j {
1667
+ flex-direction: row-reverse;
1668
+ }
1669
+ ._12zfob12k {
1670
+ justify-content: center;
1671
+ }
1672
+ ._12zfob12l {
1673
+ background: var(--infinite-header-background);
1674
+ }
1675
+ ._12zfob12m {
1676
+ padding: var(--infinite-cell-padding);
1677
+ border-bottom: var(--infinite-cell-border);
1678
+ border-right: var(--infinite-cell-border);
1679
+ background: var(--infinite-header-cell-background);
1680
+ }
1681
+ ._12zfob12n {
1682
+ border-top: var(--infinite-cell-border);
1683
+ padding-block: var(--infinite-filter-editor-margin-y);
1684
+ }
1685
+ ._12zfob12q {
1686
+ padding-inline: var(--infinite-filter-operator-padding-x);
1687
+ padding-block: var(--infinite-filter-operator-padding-y);
1688
+ }
1689
+ ._12zfob12o ._12zfob12q {
1690
+ color: var(--infinite-accent-color);
1691
+ }
1692
+ ._12zfob12q:active {
1693
+ top: 1px;
1694
+ }
1695
+ ._12zfob12s {
1696
+ opacity: var(--infinite-menu-item-disabled-opacity);
1697
+ cursor: auto;
1698
+ }
1699
+ ._12zfob12t:active {
1700
+ top: 1px;
1701
+ }
1702
+ ._12zfob12u {
1703
+ margin-inline: var(--infinite-filter-editor-margin-x);
1704
+ padding-inline: var(--infinite-filter-editor-padding-x);
1705
+ padding-block: var(--infinite-filter-editor-padding-y);
1706
+ background: var(--infinite-filter-editor-background);
1707
+ color: var(--infinite-filter-editor-color);
1708
+ border: var(--infinite-filter-editor-border);
1709
+ border-radius: var(--infinite-filter-editor-border-radius);
1710
+ }
1711
+ ._12zfob12u:focus {
1712
+ outline: none;
1713
+ border-color: var(--infinite-filter-editor-focus-border-color);
1714
+ }
1715
+ ._12zfob12o ._12zfob12u {
1716
+ outline: none;
1717
+ border-color: var(--infinite-filter-editor-focus-border-color);
1718
+ }
1682
1719
  }
1683
- .qy58ya1 {
1684
- display: flex;
1720
+ @layer infinite-table {
1721
+ ._6aunoi0 {
1722
+ padding-block-start: 2px;
1723
+ padding-block-end: 2px;
1724
+ min-width: var(--infinite-header-cell-icon-size);
1725
+ height: var(--infinite-header-cell-icon-size);
1726
+ }
1685
1727
  }
1686
- .qy58ya2 {
1687
- display: none;
1728
+ @layer infinite-table {
1729
+ ._6rdmyg0 {
1730
+ fill: var(--infinite-expand-collapse-icon-color);
1731
+ display: inline-block;
1732
+ vertical-align: bottom;
1733
+ }
1734
+ ._6rdmyg6 {
1735
+ cursor: auto;
1736
+ opacity: 0.4;
1737
+ }
1688
1738
  }
1689
- .qy58ya3 {
1690
- background: var(--infinite-load-mask-overlay-background);
1691
- opacity: var(--infinite-load-mask-overlay-opacity);
1739
+ @layer infinite-table {
1740
+ ._7pupv00 {
1741
+ --infinite-row-background: var(--infinite-row-hover-background);
1742
+ --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
1743
+ --infinite-row-odd-background: var(--infinite-row-hover-background);
1744
+ }
1745
+ ._7pupv02, ._7pupv03 {
1746
+ padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1747
+ }
1748
+ ._7pupv04 {
1749
+ padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1750
+ }
1751
+ ._7pupv06, ._7pupv07 {
1752
+ padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1753
+ }
1754
+ ._7pupv08 {
1755
+ padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
1756
+ }
1692
1757
  }
1693
- .qy58ya4 {
1694
- position: relative;
1695
- padding: var(--infinite-load-mask-padding);
1696
- color: var(--infinite-load-mask-color);
1697
- background: var(--infinite-load-mask-text-background);
1698
- border-radius: var(--infinite-load-mask-border-radius);
1699
- }
1700
- .db3arf0 {
1701
- padding: var(--infinite-menu-padding);
1702
- color: var(--infinite-menu-color);
1703
- background: var(--infinite-menu-background);
1704
- border-radius: var(--infinite-menu-border-radius);
1705
- outline: none;
1706
- box-shadow: 0 6px 12px -2px var(--infinite-menu-shadow-color), 0 3px 7px -3px var(--infinite-menu-background);
1758
+ @layer infinite-table {
1759
+ .qz8ht90 {
1760
+ accent-color: var(--infinite-accent-color);
1761
+ vertical-align: middle;
1762
+ }
1763
+ .qz8ht90[disabled] {
1764
+ opacity: 0.7;
1765
+ cursor: auto;
1766
+ }
1707
1767
  }
1708
- .db3arf1 {
1709
- display: contents;
1768
+ @layer infinite-table {
1769
+ ._1ek6mqy0 {
1770
+ padding-block-start: 2px;
1771
+ padding-block-end: 2px;
1772
+ min-width: var(--infinite-header-cell-icon-size);
1773
+ height: var(--infinite-header-cell-icon-size);
1774
+ }
1710
1775
  }
1711
- .db3arf2 {
1712
- padding-block: var(--infinite-menu-cell-padding-vertical);
1713
- padding-inline: var(--infinite-menu-cell-padding-horizontal);
1714
- margin-block: var(--infinite-menu-cell-margin-vertical);
1715
- border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1716
- border-color: transparent;
1776
+ @layer infinite-table {
1777
+ .zneyzh0 {
1778
+ transform: translate(50%);
1779
+ width: var(--infinite-resize-handle-active-area-width);
1780
+ }
1781
+ .zneyzh0:hover {
1782
+ overflow: visible;
1783
+ }
1784
+ .zneyzh3 {
1785
+ transform: translate(-50%);
1786
+ }
1787
+ .zneyzh9, .zneyzha, .zneyzhb {
1788
+ transform: none;
1789
+ }
1790
+ .zneyzhc {
1791
+ right: calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);
1792
+ width: var(--infinite-resize-handle-width);
1793
+ }
1794
+ .zneyzh0:hover .zneyzhc {
1795
+ background: var(--infinite-resize-handle-hover-background);
1796
+ }
1797
+ .zneyzh0:hover .zneyzhe {
1798
+ background: var(--infinite-resize-handle-constrained-hover-background);
1799
+ }
1800
+ .zneyzhm {
1801
+ right: 0;
1802
+ }
1803
+ .zneyzhn {
1804
+ right: unset;
1805
+ }
1717
1806
  }
1718
- .db3arf3 {
1719
- opacity: var(--infinite-menu-item-disabled-opacity);
1720
- background: var(--infinite-menu-item-disabled-background);
1807
+ @layer infinite-table {
1808
+ ._3dmbka2 {
1809
+ transition: transform 0.05s cubic-bezier(0.4, 0, 0.2, 1);
1810
+ }
1811
+ ._3dmbka3 {
1812
+ transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1813
+ }
1814
+ ._3dmbka5 {
1815
+ cursor: grabbing;
1816
+ }
1721
1817
  }
1722
- .db3arf0:focus-within > .db3arf1 > .db3arf9 {
1723
- border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1818
+ @layer infinite-table {
1819
+ .mlx2t2 {
1820
+ display: inline-block;
1821
+ }
1822
+ .mlx2t3 {
1823
+ height: 0;
1824
+ width: 0;
1825
+ will-change: transform;
1826
+ }
1724
1827
  }
1725
- .db3arf0:focus-within > .db3arf1 > .db3arf9:first-child:last-child {
1726
- border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1828
+ @layer infinite-table {
1829
+ ._1ueijco0 {
1830
+ backface-visibility: hidden;
1831
+ -webkit-overflow-scrolling: touch;
1832
+ outline: none;
1833
+ position: fixed;
1834
+ height: 100%;
1835
+ width: 100%;
1836
+ left: 0;
1837
+ top: 0;
1838
+ }
1839
+ ._1ueijco1 {
1840
+ position: sticky;
1841
+ will-change: transform;
1842
+ transform: translateZ(0);
1843
+ contain: size layout;
1844
+ top: 0;
1845
+ left: 0;
1846
+ }
1847
+ ._1ueijco2 {
1848
+ overflow: auto;
1849
+ }
1850
+ ._1ueijco3 {
1851
+ overflow: hidden;
1852
+ }
1853
+ ._1ueijco4 {
1854
+ overflow: visible;
1855
+ }
1856
+ ._1ueijco5 {
1857
+ overflow: auto;
1858
+ }
1859
+ ._1ueijco6 {
1860
+ overflow: hidden;
1861
+ }
1862
+ ._1ueijco7 {
1863
+ overflow-x: auto;
1864
+ }
1865
+ ._1ueijco8 {
1866
+ overflow-x: hidden;
1867
+ }
1868
+ ._1ueijco9 {
1869
+ overflow-x: visible;
1870
+ }
1871
+ ._1ueijcoa {
1872
+ overflow-x: auto;
1873
+ }
1874
+ ._1ueijcob {
1875
+ overflow-x: hidden;
1876
+ }
1877
+ ._1ueijcoc {
1878
+ overflow-y: auto;
1879
+ }
1880
+ ._1ueijcod {
1881
+ overflow-y: hidden;
1882
+ }
1883
+ ._1ueijcoe {
1884
+ overflow-y: visible;
1885
+ }
1886
+ ._1ueijcof {
1887
+ overflow-y: auto;
1888
+ }
1889
+ ._1ueijcog {
1890
+ overflow-y: hidden;
1891
+ }
1727
1892
  }
1728
- .db3arf0:focus-within > .db3arf1 > .db3arf9:first-child {
1729
- border-right-color: transparent;
1893
+ @layer infinite-table {
1894
+ .nxbq1c0 {
1895
+ width: var(--_16hkbkcb);
1896
+ height: var(--_16hkbkc6);
1897
+ }
1898
+ .nxbq1c1 {
1899
+ --_16hkbkc7: var(--_16hkbkcc);
1900
+ --_16hkbkc8: var(--_16hkbkc4);
1901
+ transform: translate3d(var(--_16hkbkc7), var(--_16hkbkc8), 0);
1902
+ inset: var(--infinite-active-cell-indicator-inset);
1903
+ border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
1904
+ background: var(--infinite-active-cell-background-default);
1905
+ }
1906
+ .nxbq1c3 {
1907
+ display: block;
1908
+ }
1909
+ .nxbq1c4 {
1910
+ display: none;
1911
+ }
1730
1912
  }
1731
- .db3arf0:focus-within > .db3arf1 > .db3arf9:last-child {
1732
- border-left-color: transparent;
1913
+ @layer infinite-table {
1914
+ .j26lrx0 {
1915
+ --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
1916
+ right: 0;
1917
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1918
+ background: var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))));
1919
+ }
1920
+ .j26lrx2 {
1921
+ display: block;
1922
+ }
1923
+ .j26lrx3 {
1924
+ display: none;
1925
+ }
1733
1926
  }
1734
- .db3arf0:focus-within > .db3arf1 > .db3arf9:not(:first-child):not(:last-child) {
1735
- border-left-color: transparent;
1736
- border-right-color: transparent;
1927
+ @layer infinite-table {
1928
+ .db3arf0 {
1929
+ padding: var(--infinite-menu-padding);
1930
+ color: var(--infinite-menu-color);
1931
+ background: var(--infinite-menu-background);
1932
+ border-radius: var(--infinite-menu-border-radius);
1933
+ outline: none;
1934
+ box-shadow: 0 6px 12px -2px var(--infinite-menu-shadow-color), 0 3px 7px -3px var(--infinite-menu-background);
1935
+ }
1936
+ .db3arf1 {
1937
+ display: contents;
1938
+ }
1939
+ .db3arf2 {
1940
+ padding-block: var(--infinite-menu-cell-padding-vertical);
1941
+ padding-inline: var(--infinite-menu-cell-padding-horizontal);
1942
+ margin-block: var(--infinite-menu-cell-margin-vertical);
1943
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1944
+ border-color: transparent;
1945
+ }
1946
+ .db3arf3 {
1947
+ opacity: var(--infinite-menu-item-disabled-opacity);
1948
+ background: var(--infinite-menu-item-disabled-background);
1949
+ }
1950
+ .db3arf0:focus-within > .db3arf1 > .db3arf9 {
1951
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1952
+ }
1953
+ .db3arf0:focus-within > .db3arf1 > .db3arf9:first-child:last-child {
1954
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
1955
+ }
1956
+ .db3arf0:focus-within > .db3arf1 > .db3arf9:first-child {
1957
+ border-right-color: transparent;
1958
+ }
1959
+ .db3arf0:focus-within > .db3arf1 > .db3arf9:last-child {
1960
+ border-left-color: transparent;
1961
+ }
1962
+ .db3arf0:focus-within > .db3arf1 > .db3arf9:not(:first-child):not(:last-child) {
1963
+ border-left-color: transparent;
1964
+ border-right-color: transparent;
1965
+ }
1966
+ .db3arfb {
1967
+ background: var(--infinite-menu-item-active-background);
1968
+ opacity: var(--infinite-menu-item-active-opacity);
1969
+ }
1970
+ .db3arfc {
1971
+ background: var(--infinite-menu-item-pressed-background);
1972
+ opacity: var(--infinite-menu-item-pressed-opacity);
1973
+ }
1974
+ .db3arfd {
1975
+ border-top: 1px solid var(--infinite-menu-separator-color);
1976
+ border-bottom: 0;
1977
+ border-left: 0;
1978
+ border-right: 0;
1979
+ margin-top: calc(var(--infinite-menu-cell-padding-vertical) / 2);
1980
+ margin-bottom: calc(var(--infinite-menu-cell-padding-vertical) / 2);
1981
+ }
1737
1982
  }
1738
- .db3arfb {
1739
- background: var(--infinite-menu-item-active-background);
1740
- opacity: var(--infinite-menu-item-active-opacity);
1983
+ @layer infinite-table {
1984
+ .yzx0vj0 {
1985
+ color: var(--infinite-cell-color);
1986
+ }
1741
1987
  }
1742
- .db3arfc {
1743
- background: var(--infinite-menu-item-pressed-background);
1744
- opacity: var(--infinite-menu-item-pressed-opacity);
1988
+ @layer infinite-table {
1989
+ @keyframes _143ofgf4 {
1990
+ 0% {
1991
+ opacity: 0;
1992
+ }
1993
+ 25% {
1994
+ opacity: 0.3;
1995
+ }
1996
+ 50% {
1997
+ opacity: 0;
1998
+ }
1999
+ 75% {
2000
+ opacity: 0.3;
2001
+ }
2002
+ to {
2003
+ opacity: 0;
2004
+ }
2005
+ }
2006
+ ._143ofgf0 {
2007
+ position: fixed;
2008
+ top: 0;
2009
+ left: 0;
2010
+ width: 100%;
2011
+ height: 100%;
2012
+ pointer-events: none;
2013
+ z-index: 1000;
2014
+ opacity: 0;
2015
+ display: none;
2016
+ }
2017
+ ._143ofgf1 {
2018
+ opacity: 1;
2019
+ display: block;
2020
+ }
2021
+ ._143ofgf3 {
2022
+ background-color: #fff;
2023
+ color: #000;
2024
+ padding: 5px;
2025
+ font-family: monospace;
2026
+ font-size: 12px;
2027
+ position: absolute;
2028
+ top: 0;
2029
+ right: 0;
2030
+ z-index: 100;
2031
+ }
2032
+ ._143ofgf5 {
2033
+ position: absolute;
2034
+ top: 0;
2035
+ left: 0;
2036
+ width: 100%;
2037
+ height: 100%;
2038
+ background: red;
2039
+ }
2040
+ ._143ofgf1 ._143ofgf5 {
2041
+ animation: _143ofgf4 1s forwards;
2042
+ }
1745
2043
  }
1746
- .db3arfd {
1747
- border-top: 1px solid var(--infinite-menu-separator-color);
1748
- border-bottom: 0;
1749
- border-left: 0;
1750
- border-right: 0;
1751
- margin-top: calc(var(--infinite-menu-cell-padding-vertical) / 2);
1752
- margin-bottom: calc(var(--infinite-menu-cell-padding-vertical) / 2);
2044
+ @layer infinite-table {
2045
+ .hs68h80 {
2046
+ gap: var(--infinite-grouping-toolbar-gap);
2047
+ color: var(--infinite-grouping-toolbar-color);
2048
+ padding: var(--infinite-grouping-toolbar-padding);
2049
+ border: var(--infinite-grouping-toolbar-border);
2050
+ }
2051
+ .hs68h81 {
2052
+ opacity: 0.5;
2053
+ }
2054
+ .hs68h8b {
2055
+ background: var(--infinite-grouping-toolbar-reject-background);
2056
+ border: var(--infinite-grouping-toolbar-reject-border);
2057
+ }
2058
+ .hs68h8c {
2059
+ background: var(--infinite-grouping-toolbar-active-background);
2060
+ border: var(--infinite-grouping-toolbar-border);
2061
+ }
2062
+ .hs68h8d {
2063
+ background: var(--infinite-grouping-toolbar-background);
2064
+ border: var(--infinite-grouping-toolbar-border);
2065
+ }
2066
+ .hs68h8e {
2067
+ border: var(--infinite-grouping-toolbar-item-border);
2068
+ border-radius: var(--infinite-grouping-toolbar-item-border-radius);
2069
+ background: var(--infinite-grouping-toolbar-item-background);
2070
+ gap: var(--infinite-grouping-toolbar-gap);
2071
+ }
2072
+ .hs68h8f {
2073
+ background: var(--infinite-grouping-toolbar-item-background);
2074
+ border: var(--infinite-grouping-toolbar-item-active-border);
2075
+ }
2076
+ .hs68h8j:focus {
2077
+ outline: var(--infinite-focus-outline);
2078
+ }
1753
2079
  }
1754
- .yzx0vj0 {
1755
- color: var(--infinite-cell-color);
2080
+ @layer infinite-table {
2081
+ .qy58ya0 {
2082
+ flex-flow: row;
2083
+ align-items: center;
2084
+ justify-content: center;
2085
+ }
2086
+ .qy58ya1 {
2087
+ display: flex;
2088
+ }
2089
+ .qy58ya2 {
2090
+ display: none;
2091
+ }
2092
+ .qy58ya3 {
2093
+ background: var(--infinite-load-mask-overlay-background);
2094
+ opacity: var(--infinite-load-mask-overlay-opacity);
2095
+ }
2096
+ .qy58ya4 {
2097
+ position: relative;
2098
+ padding: var(--infinite-load-mask-padding);
2099
+ color: var(--infinite-load-mask-color);
2100
+ background: var(--infinite-load-mask-text-background);
2101
+ border-radius: var(--infinite-load-mask-border-radius);
2102
+ }
1756
2103
  }
1757
2104
  /**********************************
1758
2105
  ** ADAPTABLE BASE STYLES **
@@ -3560,6 +3907,17 @@ input[type=number].ab-Input.ab-Input--no-arrows::-webkit-inner-spin-button {
3560
3907
  --ab-cmp-listgroupitem__background: transparent;
3561
3908
  --ab-cmp-listgroupitem--odd__background: transparent;
3562
3909
  }
3910
+ .ab-TreeDropdown {
3911
+ position: relative;
3912
+ }
3913
+ .ab-TreeDropdownOverlay {
3914
+ box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
3915
+ }
3916
+ .ab-TreeList .InfiniteCell_content {
3917
+ display: flex;
3918
+ flex-flow: row;
3919
+ align-items: center;
3920
+ }
3563
3921
  .ab-Datepicker-Overlay {
3564
3922
  border: var(--ab-cmp-datepicker__border);
3565
3923
  background: var(--ab-cmp-datepicker__background);
@@ -5496,9 +5854,6 @@ button.ab-StatusBar__SubPanel:hover {
5496
5854
  display: flex;
5497
5855
  flex-flow: var(--ab_flex-direction);
5498
5856
  }
5499
- .ag-floating-filter-body .ag-group-floating-filter.ag-floating-filter-input .ag-input-field-input {
5500
- visibility: hidden;
5501
- }
5502
5857
  .ag-header-cell:has(.ab-FloatingFilter) {
5503
5858
  padding: var(--ab-space-1);
5504
5859
  }