@gnome-ui/react 1.9.1 → 1.11.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.
- package/dist/components/Footer/Footer.d.ts +23 -0
- package/dist/components/Footer/index.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +669 -636
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -411,6 +411,39 @@ function Ee({ title: e, start: r, end: i, flat: a = !1, className: o, ...s }) {
|
|
|
411
411
|
});
|
|
412
412
|
}
|
|
413
413
|
var De = {
|
|
414
|
+
footer: "_footer_10xz9_3",
|
|
415
|
+
flat: "_flat_10xz9_23",
|
|
416
|
+
slot: "_slot_10xz9_29",
|
|
417
|
+
slotEnd: "_slotEnd_10xz9_36",
|
|
418
|
+
center: "_center_10xz9_42"
|
|
419
|
+
};
|
|
420
|
+
//#endregion
|
|
421
|
+
//#region src/components/Footer/Footer.tsx
|
|
422
|
+
function Oe({ start: e, end: r, children: i, flat: a = !1, className: o, ...s }) {
|
|
423
|
+
return /* @__PURE__ */ n("footer", {
|
|
424
|
+
className: [
|
|
425
|
+
De.footer,
|
|
426
|
+
a ? De.flat : null,
|
|
427
|
+
o
|
|
428
|
+
].filter(Boolean).join(" "),
|
|
429
|
+
...s,
|
|
430
|
+
children: [
|
|
431
|
+
/* @__PURE__ */ t("div", {
|
|
432
|
+
className: De.slot,
|
|
433
|
+
children: e
|
|
434
|
+
}),
|
|
435
|
+
i != null && /* @__PURE__ */ t("div", {
|
|
436
|
+
className: De.center,
|
|
437
|
+
children: i
|
|
438
|
+
}),
|
|
439
|
+
/* @__PURE__ */ t("div", {
|
|
440
|
+
className: [De.slot, De.slotEnd].filter(Boolean).join(" "),
|
|
441
|
+
children: r
|
|
442
|
+
})
|
|
443
|
+
]
|
|
444
|
+
});
|
|
445
|
+
}
|
|
446
|
+
var ke = {
|
|
414
447
|
wrapper: "_wrapper_1apop_3",
|
|
415
448
|
badge: "_badge_1apop_11",
|
|
416
449
|
anchored: "_anchored_1apop_32",
|
|
@@ -423,32 +456,32 @@ var De = {
|
|
|
423
456
|
};
|
|
424
457
|
//#endregion
|
|
425
458
|
//#region src/components/Badge/Badge.tsx
|
|
426
|
-
function
|
|
459
|
+
function Ae({ variant: e = "accent", dot: r = !1, children: i, anchor: a, className: o, ...s }) {
|
|
427
460
|
let c = /* @__PURE__ */ t("span", {
|
|
428
461
|
className: [
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
r ?
|
|
432
|
-
a ?
|
|
462
|
+
ke.badge,
|
|
463
|
+
ke[e],
|
|
464
|
+
r ? ke.dot : null,
|
|
465
|
+
a ? ke.anchored : null,
|
|
433
466
|
o
|
|
434
467
|
].filter(Boolean).join(" "),
|
|
435
468
|
...s,
|
|
436
469
|
children: !r && i
|
|
437
470
|
});
|
|
438
471
|
return a ? /* @__PURE__ */ n("span", {
|
|
439
|
-
className:
|
|
472
|
+
className: ke.wrapper,
|
|
440
473
|
children: [a, c]
|
|
441
474
|
}) : c;
|
|
442
475
|
}
|
|
443
476
|
//#endregion
|
|
444
477
|
//#region src/components/Icon/Icon.tsx
|
|
445
|
-
var
|
|
478
|
+
var je = {
|
|
446
479
|
sm: 12,
|
|
447
480
|
md: 16,
|
|
448
481
|
lg: 20
|
|
449
482
|
};
|
|
450
483
|
function F({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
|
|
451
|
-
let s =
|
|
484
|
+
let s = je[n];
|
|
452
485
|
return /* @__PURE__ */ t("svg", {
|
|
453
486
|
xmlns: "http://www.w3.org/2000/svg",
|
|
454
487
|
viewBox: e.viewBox,
|
|
@@ -469,43 +502,43 @@ function F({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
|
|
|
469
502
|
}
|
|
470
503
|
//#endregion
|
|
471
504
|
//#region ../icons/dist/index.js
|
|
472
|
-
var
|
|
505
|
+
var Me = {
|
|
473
506
|
viewBox: "0 0 16 16",
|
|
474
507
|
paths: [{
|
|
475
508
|
d: "m2.5 5 5.5 6 5.5-6z",
|
|
476
509
|
fillRule: "evenodd"
|
|
477
510
|
}]
|
|
478
|
-
},
|
|
511
|
+
}, Ne = {
|
|
479
512
|
viewBox: "0 0 16 16",
|
|
480
513
|
paths: [{
|
|
481
514
|
d: "M3.293 3.293a1 1 0 0 1 1.414 0L8 6.586l3.293-3.293a1 1 0 1 1 1.414 1.414L9.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L6.586 8 3.293 4.707a1 1 0 0 1 0-1.414z",
|
|
482
515
|
fillRule: "evenodd"
|
|
483
516
|
}]
|
|
484
|
-
},
|
|
517
|
+
}, Pe = {
|
|
485
518
|
viewBox: "0 0 16 16",
|
|
486
519
|
paths: [{
|
|
487
520
|
d: "M6.5 1a5.5 5.5 0 0 1 4.33 8.92l3.13 3.13-1.41 1.41-3.13-3.13A5.5 5.5 0 1 1 6.5 1zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z",
|
|
488
521
|
fillRule: "evenodd"
|
|
489
522
|
}]
|
|
490
|
-
},
|
|
523
|
+
}, Fe = {
|
|
491
524
|
viewBox: "0 0 16 16",
|
|
492
525
|
paths: [{
|
|
493
526
|
d: "M8 3C4.5 3 1.5 5.667 0 8c1.5 2.333 4.5 5 8 5s6.5-2.667 8-5c-1.5-2.333-4.5-5-8-5zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z",
|
|
494
527
|
fillRule: "evenodd"
|
|
495
528
|
}]
|
|
496
|
-
},
|
|
529
|
+
}, Ie = {
|
|
497
530
|
viewBox: "0 0 16 16",
|
|
498
531
|
paths: [{
|
|
499
532
|
d: "M1.293 1.293a1 1 0 0 1 1.414 0l12 12a1 1 0 0 1-1.414 1.414l-1.88-1.88A8.8 8.8 0 0 1 8 13C4.5 13 1.5 10.333 0 8c.637-1.023 1.52-2.049 2.6-2.893L1.293 2.707a1 1 0 0 1 0-1.414zM5.03 6.444 7.09 8.505A1.5 1.5 0 0 0 9.494 6.91L7.432 4.848A3 3 0 0 0 5.03 6.444zM8 3c.645 0 1.27.083 1.867.237l-1.59 1.59A3 3 0 0 0 5.173 7.92L3.584 6.333C4.51 4.95 6.152 3 8 3zm5.4 2.107C14.48 5.951 15.363 6.977 16 8c-1.5 2.333-4.5 5-8 5a8.8 8.8 0 0 1-2.072-.249l1.538-1.538a3 3 0 0 0 3.703-3.703L12.81 5.87c.202.076.4.156.59.237z",
|
|
500
533
|
fillRule: "evenodd"
|
|
501
534
|
}]
|
|
502
|
-
},
|
|
535
|
+
}, Le = {
|
|
503
536
|
viewBox: "0 0 16 16",
|
|
504
537
|
paths: [{
|
|
505
538
|
d: "M13.5 3 6 11.5 2.5 8 1 9.5l5 5 9-10z",
|
|
506
539
|
fillRule: "evenodd"
|
|
507
540
|
}]
|
|
508
|
-
},
|
|
541
|
+
}, I = {
|
|
509
542
|
wrapper: "_wrapper_1rkb1_3",
|
|
510
543
|
open: "_open_1rkb1_13",
|
|
511
544
|
bar: "_bar_1rkb1_20",
|
|
@@ -518,7 +551,7 @@ var Ae = {
|
|
|
518
551
|
};
|
|
519
552
|
//#endregion
|
|
520
553
|
//#region src/components/SearchBar/SearchBar.tsx
|
|
521
|
-
function
|
|
554
|
+
function Re({ open: e, onClose: r, onClear: i, children: a, value: o, onChange: c, placeholder: u = "Search…", disabled: f, inline: p = !1, className: m, ...h }) {
|
|
522
555
|
let g = d(null);
|
|
523
556
|
l(() => {
|
|
524
557
|
if (e) {
|
|
@@ -531,23 +564,23 @@ function Le({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
|
|
|
531
564
|
}, [r, h]), v = o !== void 0 && o !== "";
|
|
532
565
|
return /* @__PURE__ */ n("div", {
|
|
533
566
|
className: [
|
|
534
|
-
|
|
535
|
-
e ?
|
|
567
|
+
I.wrapper,
|
|
568
|
+
e ? I.open : null,
|
|
536
569
|
m
|
|
537
570
|
].filter(Boolean).join(" "),
|
|
538
571
|
"aria-hidden": !e,
|
|
539
572
|
children: [/* @__PURE__ */ n("div", {
|
|
540
573
|
className: [
|
|
541
|
-
|
|
542
|
-
p ?
|
|
543
|
-
f ?
|
|
574
|
+
I.bar,
|
|
575
|
+
p ? I.inline : null,
|
|
576
|
+
f ? I.disabled : null
|
|
544
577
|
].filter(Boolean).join(" "),
|
|
545
578
|
children: [
|
|
546
579
|
/* @__PURE__ */ t("span", {
|
|
547
|
-
className:
|
|
580
|
+
className: I.searchIcon,
|
|
548
581
|
"aria-hidden": !0,
|
|
549
582
|
children: /* @__PURE__ */ t(F, {
|
|
550
|
-
icon:
|
|
583
|
+
icon: Pe,
|
|
551
584
|
size: "md"
|
|
552
585
|
})
|
|
553
586
|
}),
|
|
@@ -560,13 +593,13 @@ function Le({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
|
|
|
560
593
|
placeholder: u,
|
|
561
594
|
disabled: f,
|
|
562
595
|
tabIndex: e ? void 0 : -1,
|
|
563
|
-
className:
|
|
596
|
+
className: I.input,
|
|
564
597
|
onKeyDown: _,
|
|
565
598
|
...h
|
|
566
599
|
}),
|
|
567
600
|
v && /* @__PURE__ */ t("button", {
|
|
568
601
|
type: "button",
|
|
569
|
-
className:
|
|
602
|
+
className: I.clearButton,
|
|
570
603
|
"aria-label": "Clear search",
|
|
571
604
|
tabIndex: e ? void 0 : -1,
|
|
572
605
|
disabled: f,
|
|
@@ -574,18 +607,18 @@ function Le({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
|
|
|
574
607
|
i?.(), g.current?.focus();
|
|
575
608
|
},
|
|
576
609
|
children: /* @__PURE__ */ t(F, {
|
|
577
|
-
icon:
|
|
610
|
+
icon: Ne,
|
|
578
611
|
size: "md"
|
|
579
612
|
})
|
|
580
613
|
})
|
|
581
614
|
]
|
|
582
615
|
}), a && /* @__PURE__ */ t("div", {
|
|
583
|
-
className:
|
|
616
|
+
className: I.filterRow,
|
|
584
617
|
children: a
|
|
585
618
|
})]
|
|
586
619
|
});
|
|
587
620
|
}
|
|
588
|
-
var
|
|
621
|
+
var ze = {
|
|
589
622
|
page: "_page_cb4hq_3",
|
|
590
623
|
iconWrap: "_iconWrap_cb4hq_20",
|
|
591
624
|
title: "_title_cb4hq_33",
|
|
@@ -595,7 +628,7 @@ var Re = {
|
|
|
595
628
|
};
|
|
596
629
|
//#endregion
|
|
597
630
|
//#region src/components/StatusPage/StatusPage.tsx
|
|
598
|
-
function
|
|
631
|
+
function Be({ icon: e, iconNode: r, title: i, description: a, children: o, compact: s = !1, className: c, ...l }) {
|
|
599
632
|
let u = s ? 64 : 128, d = e ? /* @__PURE__ */ t(F, {
|
|
600
633
|
icon: e,
|
|
601
634
|
width: u,
|
|
@@ -604,27 +637,27 @@ function ze({ icon: e, iconNode: r, title: i, description: a, children: o, compa
|
|
|
604
637
|
}) : r ?? null;
|
|
605
638
|
return /* @__PURE__ */ n("div", {
|
|
606
639
|
className: [
|
|
607
|
-
|
|
608
|
-
s ?
|
|
640
|
+
ze.page,
|
|
641
|
+
s ? ze.compact : null,
|
|
609
642
|
c
|
|
610
643
|
].filter(Boolean).join(" "),
|
|
611
644
|
...l,
|
|
612
645
|
children: [
|
|
613
646
|
d && /* @__PURE__ */ t("div", {
|
|
614
|
-
className:
|
|
647
|
+
className: ze.iconWrap,
|
|
615
648
|
"aria-hidden": "true",
|
|
616
649
|
children: d
|
|
617
650
|
}),
|
|
618
651
|
/* @__PURE__ */ t("p", {
|
|
619
|
-
className:
|
|
652
|
+
className: ze.title,
|
|
620
653
|
children: i
|
|
621
654
|
}),
|
|
622
655
|
a && /* @__PURE__ */ t("p", {
|
|
623
|
-
className:
|
|
656
|
+
className: ze.description,
|
|
624
657
|
children: a
|
|
625
658
|
}),
|
|
626
659
|
o && /* @__PURE__ */ t("div", {
|
|
627
|
-
className:
|
|
660
|
+
className: ze.actions,
|
|
628
661
|
children: o
|
|
629
662
|
})
|
|
630
663
|
]
|
|
@@ -632,18 +665,18 @@ function ze({ icon: e, iconNode: r, title: i, description: a, children: o, compa
|
|
|
632
665
|
}
|
|
633
666
|
//#endregion
|
|
634
667
|
//#region src/hooks/useBreakpoint.ts
|
|
635
|
-
var
|
|
668
|
+
var Ve = {
|
|
636
669
|
narrow: 400,
|
|
637
670
|
medium: 550,
|
|
638
671
|
wide: 860
|
|
639
672
|
};
|
|
640
|
-
function
|
|
673
|
+
function He() {
|
|
641
674
|
let e = () => {
|
|
642
675
|
let e = typeof window < "u" ? window.innerWidth : 1280;
|
|
643
676
|
return {
|
|
644
|
-
isNarrow: e <=
|
|
645
|
-
isMedium: e <=
|
|
646
|
-
isWide: e <=
|
|
677
|
+
isNarrow: e <= Ve.narrow,
|
|
678
|
+
isMedium: e <= Ve.medium,
|
|
679
|
+
isWide: e <= Ve.wide,
|
|
647
680
|
width: e
|
|
648
681
|
};
|
|
649
682
|
}, [t, n] = f(e);
|
|
@@ -654,58 +687,58 @@ function Ve() {
|
|
|
654
687
|
}
|
|
655
688
|
//#endregion
|
|
656
689
|
//#region src/components/Sidebar/Sidebar.module.css
|
|
657
|
-
var
|
|
658
|
-
sidebar:
|
|
659
|
-
section:
|
|
660
|
-
sectionTitle:
|
|
661
|
-
list:
|
|
662
|
-
item:
|
|
663
|
-
itemBtn:
|
|
664
|
-
active:
|
|
665
|
-
itemIcon:
|
|
666
|
-
itemLabel:
|
|
667
|
-
itemSuffix:
|
|
668
|
-
contextMenu:
|
|
690
|
+
var Ue = "_sidebar_b80pp_3", We = "_section_b80pp_21", Ge = "_sectionTitle_b80pp_33", Ke = "_list_b80pp_47", qe = "_item_b80pp_58", Je = "_itemBtn_b80pp_64", Ye = "_active_b80pp_111", Xe = "_itemIcon_b80pp_127", Ze = "_itemLabel_b80pp_140", Qe = "_itemSuffix_b80pp_150", $e = "_contextMenu_b80pp_159", et = "_contextMenuItem_b80pp_183", tt = "_contextMenuDestructive_b80pp_219", nt = "_searchWrap_b80pp_225", rt = "_pageMode_b80pp_236", it = "_dragOver_b80pp_243", at = "_collapsed_b80pp_251", ot = "_itemCollapsed_b80pp_262", L = {
|
|
691
|
+
sidebar: Ue,
|
|
692
|
+
section: We,
|
|
693
|
+
sectionTitle: Ge,
|
|
694
|
+
list: Ke,
|
|
695
|
+
item: qe,
|
|
696
|
+
itemBtn: Je,
|
|
697
|
+
active: Ye,
|
|
698
|
+
itemIcon: Xe,
|
|
699
|
+
itemLabel: Ze,
|
|
700
|
+
itemSuffix: Qe,
|
|
701
|
+
contextMenu: $e,
|
|
669
702
|
"menu-in": "_menu-in_b80pp_1",
|
|
670
|
-
contextMenuItem:
|
|
671
|
-
contextMenuDestructive:
|
|
672
|
-
searchWrap:
|
|
673
|
-
pageMode:
|
|
674
|
-
dragOver:
|
|
675
|
-
collapsed:
|
|
676
|
-
itemCollapsed:
|
|
677
|
-
},
|
|
678
|
-
function
|
|
679
|
-
return c(
|
|
680
|
-
}
|
|
681
|
-
var
|
|
682
|
-
function
|
|
703
|
+
contextMenuItem: et,
|
|
704
|
+
contextMenuDestructive: tt,
|
|
705
|
+
searchWrap: nt,
|
|
706
|
+
pageMode: rt,
|
|
707
|
+
dragOver: it,
|
|
708
|
+
collapsed: at,
|
|
709
|
+
itemCollapsed: ot
|
|
710
|
+
}, st = a(!1);
|
|
711
|
+
function ct() {
|
|
712
|
+
return c(st);
|
|
713
|
+
}
|
|
714
|
+
var lt = a("");
|
|
715
|
+
function ut(e, t) {
|
|
683
716
|
let n = 0;
|
|
684
717
|
return r.forEach(e, (e) => {
|
|
685
718
|
if (!o(e)) return;
|
|
686
719
|
let r = e.props;
|
|
687
|
-
typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n +=
|
|
720
|
+
typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n += ut(r.children, t));
|
|
688
721
|
}), n;
|
|
689
722
|
}
|
|
690
|
-
function
|
|
691
|
-
let [u, d] = f(""), { isNarrow: p } =
|
|
723
|
+
function dt({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilterChange: o, mode: s, className: c, ...l }) {
|
|
724
|
+
let [u, d] = f(""), { isNarrow: p } = He(), m = a !== void 0, h = m ? a : u, g = (e) => {
|
|
692
725
|
m || d(e), o?.(e);
|
|
693
|
-
}, _ = h.length > 0, v = s ?? (p ? "page" : "sidebar"), y = !_ ||
|
|
694
|
-
return /* @__PURE__ */ t(
|
|
726
|
+
}, _ = h.length > 0, v = s ?? (p ? "page" : "sidebar"), y = !_ || ut(e, h) > 0;
|
|
727
|
+
return /* @__PURE__ */ t(st.Provider, {
|
|
695
728
|
value: r,
|
|
696
|
-
children: /* @__PURE__ */ t(
|
|
729
|
+
children: /* @__PURE__ */ t(lt.Provider, {
|
|
697
730
|
value: h,
|
|
698
731
|
children: /* @__PURE__ */ n("nav", {
|
|
699
732
|
className: [
|
|
700
|
-
|
|
701
|
-
r ?
|
|
702
|
-
v === "page" ?
|
|
733
|
+
L.sidebar,
|
|
734
|
+
r ? L.collapsed : null,
|
|
735
|
+
v === "page" ? L.pageMode : null,
|
|
703
736
|
c
|
|
704
737
|
].filter(Boolean).join(" "),
|
|
705
738
|
...l,
|
|
706
739
|
children: [i && /* @__PURE__ */ t("div", {
|
|
707
|
-
className:
|
|
708
|
-
children: /* @__PURE__ */ t(
|
|
740
|
+
className: L.searchWrap,
|
|
741
|
+
children: /* @__PURE__ */ t(Re, {
|
|
709
742
|
open: !0,
|
|
710
743
|
value: h,
|
|
711
744
|
onChange: (e) => g(e.target.value),
|
|
@@ -713,7 +746,7 @@ function ut({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
|
|
|
713
746
|
onClear: () => g(""),
|
|
714
747
|
inline: !0
|
|
715
748
|
})
|
|
716
|
-
}), _ && !y ? /* @__PURE__ */ t(
|
|
749
|
+
}), _ && !y ? /* @__PURE__ */ t(Be, {
|
|
717
750
|
title: "No Results",
|
|
718
751
|
description: "No items match your search.",
|
|
719
752
|
compact: !0
|
|
@@ -724,29 +757,29 @@ function ut({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
|
|
|
724
757
|
}
|
|
725
758
|
//#endregion
|
|
726
759
|
//#region src/components/Sidebar/SidebarSection.tsx
|
|
727
|
-
function
|
|
760
|
+
function ft({ title: e, children: r, className: i, ...a }) {
|
|
728
761
|
return /* @__PURE__ */ n("section", {
|
|
729
|
-
className: [
|
|
762
|
+
className: [L.section, i].filter(Boolean).join(" "),
|
|
730
763
|
...a,
|
|
731
764
|
children: [e && /* @__PURE__ */ t("h3", {
|
|
732
|
-
className:
|
|
765
|
+
className: L.sectionTitle,
|
|
733
766
|
children: e
|
|
734
767
|
}), /* @__PURE__ */ t("ul", {
|
|
735
768
|
role: "list",
|
|
736
|
-
className:
|
|
769
|
+
className: L.list,
|
|
737
770
|
children: r
|
|
738
771
|
})]
|
|
739
772
|
});
|
|
740
773
|
}
|
|
741
|
-
var
|
|
774
|
+
var pt = {
|
|
742
775
|
tooltip: "_tooltip_y4het_3",
|
|
743
776
|
visible: "_visible_y4het_29",
|
|
744
777
|
top: "_top_y4het_55",
|
|
745
778
|
bottom: "_bottom_y4het_62",
|
|
746
779
|
left: "_left_y4het_69",
|
|
747
780
|
right: "_right_y4het_76"
|
|
748
|
-
},
|
|
749
|
-
function
|
|
781
|
+
}, mt = 6;
|
|
782
|
+
function ht(e, t, n) {
|
|
750
783
|
let r = window.innerWidth, i = window.innerHeight, a = [
|
|
751
784
|
n,
|
|
752
785
|
n === "top" || n === "bottom" ? n === "top" ? "bottom" : "top" : n === "left" ? "right" : "left",
|
|
@@ -757,7 +790,7 @@ function mt(e, t, n) {
|
|
|
757
790
|
];
|
|
758
791
|
for (let n of a) {
|
|
759
792
|
let a = 0, o = 0;
|
|
760
|
-
n === "top" ? (a = e.top - t.height -
|
|
793
|
+
n === "top" ? (a = e.top - t.height - mt, o = e.left + e.width / 2 - t.width / 2) : n === "bottom" ? (a = e.bottom + mt, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - mt) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + mt);
|
|
761
794
|
let s = o >= 8 && o + t.width <= r - 8, c = a >= 8 && a + t.height <= i - 8;
|
|
762
795
|
if (s && c) return {
|
|
763
796
|
top: Math.max(8, Math.min(a, i - t.height - 8)),
|
|
@@ -766,17 +799,17 @@ function mt(e, t, n) {
|
|
|
766
799
|
};
|
|
767
800
|
}
|
|
768
801
|
let o = 0, s = 0;
|
|
769
|
-
return n === "top" && (o = e.top - t.height -
|
|
802
|
+
return n === "top" && (o = e.top - t.height - mt, s = e.left + e.width / 2 - t.width / 2), n === "bottom" && (o = e.bottom + mt, s = e.left + e.width / 2 - t.width / 2), n === "left" && (o = e.top + e.height / 2 - t.height / 2, s = e.left - t.width - mt), n === "right" && (o = e.top + e.height / 2 - t.height / 2, s = e.right + mt), {
|
|
770
803
|
top: Math.max(8, Math.min(o, i - t.height - 8)),
|
|
771
804
|
left: Math.max(8, Math.min(s, window.innerWidth - t.width - 8)),
|
|
772
805
|
placement: n
|
|
773
806
|
};
|
|
774
807
|
}
|
|
775
|
-
function
|
|
808
|
+
function gt({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
776
809
|
let m = u(), [h, g] = f(!1), [_, v] = f(null), y = d(null), b = d(null), x = d(null), S = () => {
|
|
777
810
|
x.current &&= (clearTimeout(x.current), null);
|
|
778
811
|
}, C = s(() => {
|
|
779
|
-
!y.current || !b.current || v(
|
|
812
|
+
!y.current || !b.current || v(ht(y.current.getBoundingClientRect(), b.current.getBoundingClientRect(), a));
|
|
780
813
|
}, [a]);
|
|
781
814
|
l(() => {
|
|
782
815
|
if (h) return C(), window.addEventListener("scroll", C, {
|
|
@@ -820,9 +853,9 @@ function ht({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
|
820
853
|
id: m,
|
|
821
854
|
role: "tooltip",
|
|
822
855
|
className: [
|
|
823
|
-
|
|
824
|
-
_ ?
|
|
825
|
-
h && _ ?
|
|
856
|
+
pt.tooltip,
|
|
857
|
+
_ ? pt[_.placement] : null,
|
|
858
|
+
h && _ ? pt.visible : null
|
|
826
859
|
].filter(Boolean).join(" "),
|
|
827
860
|
style: _ ? {
|
|
828
861
|
top: _.top,
|
|
@@ -838,8 +871,8 @@ function ht({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
|
838
871
|
}
|
|
839
872
|
//#endregion
|
|
840
873
|
//#region src/components/Sidebar/SidebarItem.tsx
|
|
841
|
-
function
|
|
842
|
-
let y =
|
|
874
|
+
function _t({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u, menuItems: m, onDrop: h, acceptTypes: g, className: _, ...v }) {
|
|
875
|
+
let y = ct(), b = c(lt), x = a ?? o, S = y ? u ?? e : u, C = b.length > 0 && !e.toLowerCase().includes(b.toLowerCase()), [w, T] = f(!1), E = (e) => {
|
|
843
876
|
h && (g?.length && !g.some((t) => e.dataTransfer.types.includes(t)) || (e.preventDefault(), T(!0)));
|
|
844
877
|
}, D = () => T(!1), O = (e) => {
|
|
845
878
|
h && (e.preventDefault(), T(!1), h(e));
|
|
@@ -872,10 +905,10 @@ function gt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
872
905
|
"aria-current": i ? "page" : void 0,
|
|
873
906
|
"aria-label": y ? e : void 0,
|
|
874
907
|
className: [
|
|
875
|
-
|
|
876
|
-
i ?
|
|
877
|
-
y ?
|
|
878
|
-
w ?
|
|
908
|
+
L.itemBtn,
|
|
909
|
+
i ? L.active : null,
|
|
910
|
+
y ? L.itemCollapsed : null,
|
|
911
|
+
w ? L.dragOver : null,
|
|
879
912
|
_
|
|
880
913
|
].filter(Boolean).join(" "),
|
|
881
914
|
onContextMenu: P,
|
|
@@ -886,7 +919,7 @@ function gt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
886
919
|
...v,
|
|
887
920
|
children: [
|
|
888
921
|
r && /* @__PURE__ */ t("span", {
|
|
889
|
-
className:
|
|
922
|
+
className: L.itemIcon,
|
|
890
923
|
children: /* @__PURE__ */ t(F, {
|
|
891
924
|
icon: r,
|
|
892
925
|
size: "md",
|
|
@@ -894,25 +927,25 @@ function gt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
894
927
|
})
|
|
895
928
|
}),
|
|
896
929
|
!y && /* @__PURE__ */ t("span", {
|
|
897
|
-
className:
|
|
930
|
+
className: L.itemLabel,
|
|
898
931
|
children: e
|
|
899
932
|
}),
|
|
900
933
|
!y && x && /* @__PURE__ */ t("span", {
|
|
901
|
-
className:
|
|
934
|
+
className: L.itemSuffix,
|
|
902
935
|
children: x
|
|
903
936
|
})
|
|
904
937
|
]
|
|
905
938
|
});
|
|
906
939
|
return /* @__PURE__ */ n("li", {
|
|
907
|
-
className:
|
|
940
|
+
className: L.item,
|
|
908
941
|
hidden: C || void 0,
|
|
909
|
-
children: [S ? /* @__PURE__ */ t(
|
|
942
|
+
children: [S ? /* @__PURE__ */ t(gt, {
|
|
910
943
|
label: S,
|
|
911
944
|
placement: "right",
|
|
912
945
|
children: te
|
|
913
946
|
}) : te, k && m?.length && typeof document < "u" && p(/* @__PURE__ */ t("div", {
|
|
914
947
|
ref: j,
|
|
915
|
-
className:
|
|
948
|
+
className: L.contextMenu,
|
|
916
949
|
style: {
|
|
917
950
|
top: k.y,
|
|
918
951
|
left: k.x
|
|
@@ -922,7 +955,7 @@ function gt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
922
955
|
type: "button",
|
|
923
956
|
role: "menuitem",
|
|
924
957
|
disabled: e.disabled,
|
|
925
|
-
className: [
|
|
958
|
+
className: [L.contextMenuItem, e.destructive ? L.contextMenuDestructive : null].filter(Boolean).join(" "),
|
|
926
959
|
onClick: () => {
|
|
927
960
|
e.onClick(), N();
|
|
928
961
|
},
|
|
@@ -931,7 +964,7 @@ function gt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
931
964
|
}), document.body)]
|
|
932
965
|
});
|
|
933
966
|
}
|
|
934
|
-
var
|
|
967
|
+
var vt = {
|
|
935
968
|
spin: "_spin_7d4yi_3",
|
|
936
969
|
disabled: "_disabled_7d4yi_36",
|
|
937
970
|
btn: "_btn_7d4yi_43",
|
|
@@ -939,15 +972,15 @@ var _t = {
|
|
|
939
972
|
};
|
|
940
973
|
//#endregion
|
|
941
974
|
//#region src/components/SpinButton/SpinButton.tsx
|
|
942
|
-
function
|
|
975
|
+
function yt(e) {
|
|
943
976
|
let t = e.toString(), n = t.indexOf(".");
|
|
944
977
|
return n === -1 ? 0 : t.length - n - 1;
|
|
945
978
|
}
|
|
946
|
-
function
|
|
979
|
+
function bt(e, t, n) {
|
|
947
980
|
return Math.min(n, Math.max(t, e));
|
|
948
981
|
}
|
|
949
|
-
function
|
|
950
|
-
let m = c ??
|
|
982
|
+
function xt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, decimals: c, disabled: l = !1, className: u, "aria-label": d, "aria-labelledby": f, ...p }) {
|
|
983
|
+
let m = c ?? yt(o), h = s((e) => r(parseFloat(bt(e, i, a).toFixed(m))), [
|
|
951
984
|
r,
|
|
952
985
|
i,
|
|
953
986
|
a,
|
|
@@ -991,8 +1024,8 @@ function bt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
991
1024
|
tabIndex: l ? -1 : 0,
|
|
992
1025
|
onKeyDown: l ? void 0 : g,
|
|
993
1026
|
className: [
|
|
994
|
-
|
|
995
|
-
l ?
|
|
1027
|
+
vt.spin,
|
|
1028
|
+
l ? vt.disabled : null,
|
|
996
1029
|
u
|
|
997
1030
|
].filter(Boolean).join(" "),
|
|
998
1031
|
...p,
|
|
@@ -1002,12 +1035,12 @@ function bt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1002
1035
|
tabIndex: -1,
|
|
1003
1036
|
"aria-hidden": "true",
|
|
1004
1037
|
disabled: l || e <= i,
|
|
1005
|
-
className:
|
|
1038
|
+
className: vt.btn,
|
|
1006
1039
|
onClick: () => h(e - o),
|
|
1007
1040
|
children: "−"
|
|
1008
1041
|
}),
|
|
1009
1042
|
/* @__PURE__ */ t("span", {
|
|
1010
|
-
className:
|
|
1043
|
+
className: vt.value,
|
|
1011
1044
|
"aria-hidden": "true",
|
|
1012
1045
|
children: e.toFixed(m)
|
|
1013
1046
|
}),
|
|
@@ -1016,14 +1049,14 @@ function bt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1016
1049
|
tabIndex: -1,
|
|
1017
1050
|
"aria-hidden": "true",
|
|
1018
1051
|
disabled: l || e >= a,
|
|
1019
|
-
className:
|
|
1052
|
+
className: vt.btn,
|
|
1020
1053
|
onClick: () => h(e + o),
|
|
1021
1054
|
children: "+"
|
|
1022
1055
|
})
|
|
1023
1056
|
]
|
|
1024
1057
|
});
|
|
1025
1058
|
}
|
|
1026
|
-
var
|
|
1059
|
+
var R = {
|
|
1027
1060
|
bar: "_bar_12ars_3",
|
|
1028
1061
|
list: "_list_12ars_10",
|
|
1029
1062
|
tab: "_tab_12ars_26",
|
|
@@ -1036,7 +1069,7 @@ var L = {
|
|
|
1036
1069
|
};
|
|
1037
1070
|
//#endregion
|
|
1038
1071
|
//#region src/components/Tabs/TabBar.tsx
|
|
1039
|
-
function
|
|
1072
|
+
function St({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs", ...a }) {
|
|
1040
1073
|
let o = d(null);
|
|
1041
1074
|
function s(e) {
|
|
1042
1075
|
let t = Array.from(o.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -1051,8 +1084,8 @@ function xt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1051
1084
|
}
|
|
1052
1085
|
return /* @__PURE__ */ t("div", {
|
|
1053
1086
|
className: [
|
|
1054
|
-
|
|
1055
|
-
r ?
|
|
1087
|
+
R.bar,
|
|
1088
|
+
r ? R.inline : null,
|
|
1056
1089
|
n
|
|
1057
1090
|
].filter(Boolean).join(" "),
|
|
1058
1091
|
...a,
|
|
@@ -1060,7 +1093,7 @@ function xt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1060
1093
|
ref: o,
|
|
1061
1094
|
role: "tablist",
|
|
1062
1095
|
"aria-label": i,
|
|
1063
|
-
className:
|
|
1096
|
+
className: R.list,
|
|
1064
1097
|
onKeyDown: s,
|
|
1065
1098
|
children: e
|
|
1066
1099
|
})
|
|
@@ -1068,7 +1101,7 @@ function xt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1068
1101
|
}
|
|
1069
1102
|
//#endregion
|
|
1070
1103
|
//#region src/components/Tabs/TabItem.tsx
|
|
1071
|
-
function
|
|
1104
|
+
function Ct({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLabel: s = "Close tab", className: c, disabled: l, ...u }) {
|
|
1072
1105
|
return /* @__PURE__ */ n("button", {
|
|
1073
1106
|
role: "tab",
|
|
1074
1107
|
type: "button",
|
|
@@ -1077,15 +1110,15 @@ function St({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
|
|
|
1077
1110
|
tabIndex: i ? 0 : -1,
|
|
1078
1111
|
disabled: l,
|
|
1079
1112
|
className: [
|
|
1080
|
-
|
|
1081
|
-
i ?
|
|
1082
|
-
o ?
|
|
1113
|
+
R.tab,
|
|
1114
|
+
i ? R.active : null,
|
|
1115
|
+
o ? R.closeable : null,
|
|
1083
1116
|
c
|
|
1084
1117
|
].filter(Boolean).join(" "),
|
|
1085
1118
|
...u,
|
|
1086
1119
|
children: [
|
|
1087
1120
|
r && /* @__PURE__ */ t("span", {
|
|
1088
|
-
className:
|
|
1121
|
+
className: R.tabIcon,
|
|
1089
1122
|
children: /* @__PURE__ */ t(F, {
|
|
1090
1123
|
icon: r,
|
|
1091
1124
|
size: "sm",
|
|
@@ -1093,14 +1126,14 @@ function St({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
|
|
|
1093
1126
|
})
|
|
1094
1127
|
}),
|
|
1095
1128
|
/* @__PURE__ */ t("span", {
|
|
1096
|
-
className:
|
|
1129
|
+
className: R.tabLabel,
|
|
1097
1130
|
children: e
|
|
1098
1131
|
}),
|
|
1099
1132
|
o && /* @__PURE__ */ t("span", {
|
|
1100
1133
|
role: "button",
|
|
1101
1134
|
tabIndex: 0,
|
|
1102
1135
|
"aria-label": s,
|
|
1103
|
-
className:
|
|
1136
|
+
className: R.closeBtn,
|
|
1104
1137
|
onClick: (e) => {
|
|
1105
1138
|
e.stopPropagation(), o();
|
|
1106
1139
|
},
|
|
@@ -1114,18 +1147,18 @@ function St({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
|
|
|
1114
1147
|
}
|
|
1115
1148
|
//#endregion
|
|
1116
1149
|
//#region src/components/Tabs/TabPanel.tsx
|
|
1117
|
-
function
|
|
1150
|
+
function wt({ id: e, active: n = !1, className: r, children: i, ...a }) {
|
|
1118
1151
|
return /* @__PURE__ */ t("div", {
|
|
1119
1152
|
id: e,
|
|
1120
1153
|
role: "tabpanel",
|
|
1121
1154
|
hidden: !n,
|
|
1122
1155
|
tabIndex: 0,
|
|
1123
|
-
className: [
|
|
1156
|
+
className: [R.panel, r].filter(Boolean).join(" "),
|
|
1124
1157
|
...a,
|
|
1125
1158
|
children: i
|
|
1126
1159
|
});
|
|
1127
1160
|
}
|
|
1128
|
-
var
|
|
1161
|
+
var z = {
|
|
1129
1162
|
row: "_row_17clq_3",
|
|
1130
1163
|
leading: "_leading_17clq_16",
|
|
1131
1164
|
content: "_content_17clq_25",
|
|
@@ -1138,39 +1171,39 @@ var R = {
|
|
|
1138
1171
|
};
|
|
1139
1172
|
//#endregion
|
|
1140
1173
|
//#region src/components/ActionRow/ActionRow.tsx
|
|
1141
|
-
function
|
|
1174
|
+
function Tt({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !1, variant: s = "default", className: c, ...l }) {
|
|
1142
1175
|
let u = o ? "button" : "div", d = s === "property";
|
|
1143
1176
|
return /* @__PURE__ */ n(u, {
|
|
1144
1177
|
className: [
|
|
1145
|
-
|
|
1146
|
-
o ?
|
|
1147
|
-
d ?
|
|
1178
|
+
z.row,
|
|
1179
|
+
o ? z.interactive : null,
|
|
1180
|
+
d ? z.property : null,
|
|
1148
1181
|
c
|
|
1149
1182
|
].filter(Boolean).join(" "),
|
|
1150
1183
|
...l,
|
|
1151
1184
|
children: [
|
|
1152
1185
|
i && /* @__PURE__ */ t("span", {
|
|
1153
|
-
className:
|
|
1186
|
+
className: z.leading,
|
|
1154
1187
|
children: i
|
|
1155
1188
|
}),
|
|
1156
1189
|
/* @__PURE__ */ n("span", {
|
|
1157
|
-
className:
|
|
1190
|
+
className: z.content,
|
|
1158
1191
|
children: [/* @__PURE__ */ t("span", {
|
|
1159
|
-
className: d ?
|
|
1192
|
+
className: d ? z.propertyLabel : z.title,
|
|
1160
1193
|
children: e
|
|
1161
1194
|
}), r && /* @__PURE__ */ t("span", {
|
|
1162
|
-
className: d ?
|
|
1195
|
+
className: d ? z.propertyValue : z.subtitle,
|
|
1163
1196
|
children: r
|
|
1164
1197
|
})]
|
|
1165
1198
|
}),
|
|
1166
1199
|
a && /* @__PURE__ */ t("span", {
|
|
1167
|
-
className:
|
|
1200
|
+
className: z.trailing,
|
|
1168
1201
|
children: a
|
|
1169
1202
|
})
|
|
1170
1203
|
]
|
|
1171
1204
|
});
|
|
1172
1205
|
}
|
|
1173
|
-
var
|
|
1206
|
+
var Et = {
|
|
1174
1207
|
list: "_list_1mn4t_3",
|
|
1175
1208
|
item: "_item_1mn4t_17",
|
|
1176
1209
|
divider: "_divider_1mn4t_25",
|
|
@@ -1179,26 +1212,26 @@ var Tt = {
|
|
|
1179
1212
|
};
|
|
1180
1213
|
//#endregion
|
|
1181
1214
|
//#region src/components/BoxedList/BoxedList.tsx
|
|
1182
|
-
function
|
|
1215
|
+
function Dt({ children: e, variant: i = "default", className: a, ...o }) {
|
|
1183
1216
|
let s = r.toArray(e).filter(Boolean), c = i === "separate";
|
|
1184
1217
|
return /* @__PURE__ */ t("ul", {
|
|
1185
1218
|
role: "list",
|
|
1186
1219
|
className: [
|
|
1187
|
-
|
|
1188
|
-
c ?
|
|
1220
|
+
Et.list,
|
|
1221
|
+
c ? Et.separate : null,
|
|
1189
1222
|
a
|
|
1190
1223
|
].filter(Boolean).join(" "),
|
|
1191
1224
|
...o,
|
|
1192
1225
|
children: s.map((e, r) => /* @__PURE__ */ n("li", {
|
|
1193
|
-
className: c ?
|
|
1226
|
+
className: c ? Et.separateItem : Et.item,
|
|
1194
1227
|
children: [!c && r > 0 && /* @__PURE__ */ t("div", {
|
|
1195
|
-
className:
|
|
1228
|
+
className: Et.divider,
|
|
1196
1229
|
"aria-hidden": "true"
|
|
1197
1230
|
}), e]
|
|
1198
1231
|
}, r))
|
|
1199
1232
|
});
|
|
1200
1233
|
}
|
|
1201
|
-
var
|
|
1234
|
+
var Ot = {
|
|
1202
1235
|
switcher: "_switcher_1uh9r_3",
|
|
1203
1236
|
item: "_item_1uh9r_18",
|
|
1204
1237
|
active: "_active_1uh9r_45",
|
|
@@ -1207,7 +1240,7 @@ var Dt = {
|
|
|
1207
1240
|
};
|
|
1208
1241
|
//#endregion
|
|
1209
1242
|
//#region src/components/ViewSwitcher/ViewSwitcher.tsx
|
|
1210
|
-
function
|
|
1243
|
+
function kt({ children: e, className: n, "aria-label": r = "View switcher", ...i }) {
|
|
1211
1244
|
let a = d(null);
|
|
1212
1245
|
function o(e) {
|
|
1213
1246
|
let t = Array.from(a.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -1225,14 +1258,14 @@ function Ot({ children: e, className: n, "aria-label": r = "View switcher", ...i
|
|
|
1225
1258
|
role: "radiogroup",
|
|
1226
1259
|
"aria-label": r,
|
|
1227
1260
|
onKeyDown: o,
|
|
1228
|
-
className: [
|
|
1261
|
+
className: [Ot.switcher, n].filter(Boolean).join(" "),
|
|
1229
1262
|
...i,
|
|
1230
1263
|
children: e
|
|
1231
1264
|
});
|
|
1232
1265
|
}
|
|
1233
1266
|
//#endregion
|
|
1234
1267
|
//#region src/components/ViewSwitcher/ViewSwitcherItem.tsx
|
|
1235
|
-
function
|
|
1268
|
+
function At({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s }) {
|
|
1236
1269
|
return /* @__PURE__ */ n("button", {
|
|
1237
1270
|
type: "button",
|
|
1238
1271
|
role: "radio",
|
|
@@ -1240,40 +1273,40 @@ function kt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s
|
|
|
1240
1273
|
tabIndex: i ? 0 : -1,
|
|
1241
1274
|
disabled: o,
|
|
1242
1275
|
className: [
|
|
1243
|
-
|
|
1244
|
-
i ?
|
|
1276
|
+
Ot.item,
|
|
1277
|
+
i ? Ot.active : null,
|
|
1245
1278
|
a
|
|
1246
1279
|
].filter(Boolean).join(" "),
|
|
1247
1280
|
...s,
|
|
1248
1281
|
children: [r && /* @__PURE__ */ t("span", {
|
|
1249
|
-
className:
|
|
1282
|
+
className: Ot.itemIcon,
|
|
1250
1283
|
children: /* @__PURE__ */ t(F, {
|
|
1251
1284
|
icon: r,
|
|
1252
1285
|
size: "md",
|
|
1253
1286
|
"aria-hidden": !0
|
|
1254
1287
|
})
|
|
1255
1288
|
}), /* @__PURE__ */ t("span", {
|
|
1256
|
-
className:
|
|
1289
|
+
className: Ot.itemLabel,
|
|
1257
1290
|
children: e
|
|
1258
1291
|
})]
|
|
1259
1292
|
});
|
|
1260
1293
|
}
|
|
1261
1294
|
//#endregion
|
|
1262
1295
|
//#region src/components/Toast/Toast.module.css
|
|
1263
|
-
var
|
|
1264
|
-
toaster:
|
|
1265
|
-
toasterBottom:
|
|
1266
|
-
toasterTop:
|
|
1267
|
-
toast:
|
|
1296
|
+
var jt = "_toaster_1tgvb_3", Mt = "_toasterBottom_1tgvb_18", Nt = "_toasterTop_1tgvb_22", Pt = "_toast_1tgvb_3", Ft = "_title_1tgvb_69", It = "_actions_1tgvb_76", Lt = "_actionBtn_1tgvb_85", Rt = "_dismissBtn_1tgvb_118", zt = {
|
|
1297
|
+
toaster: jt,
|
|
1298
|
+
toasterBottom: Mt,
|
|
1299
|
+
toasterTop: Nt,
|
|
1300
|
+
toast: Pt,
|
|
1268
1301
|
"toast-in": "_toast-in_1tgvb_1",
|
|
1269
|
-
title:
|
|
1270
|
-
actions:
|
|
1271
|
-
actionBtn:
|
|
1272
|
-
dismissBtn:
|
|
1302
|
+
title: Ft,
|
|
1303
|
+
actions: It,
|
|
1304
|
+
actionBtn: Lt,
|
|
1305
|
+
dismissBtn: Rt
|
|
1273
1306
|
};
|
|
1274
1307
|
//#endregion
|
|
1275
1308
|
//#region src/components/Toast/Toast.tsx
|
|
1276
|
-
function
|
|
1309
|
+
function Bt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onAction: o, dismissible: s = !1, className: c, ...u }) {
|
|
1277
1310
|
let f = d(null), p = d(r), m = d(0), h = () => {
|
|
1278
1311
|
f.current &&= (clearTimeout(f.current), null);
|
|
1279
1312
|
}, g = (e) => {
|
|
@@ -1294,31 +1327,31 @@ function zt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
|
|
|
1294
1327
|
role: "status",
|
|
1295
1328
|
"aria-live": "polite",
|
|
1296
1329
|
"aria-atomic": "true",
|
|
1297
|
-
className: [
|
|
1330
|
+
className: [zt.toast, c].filter(Boolean).join(" "),
|
|
1298
1331
|
onMouseEnter: _,
|
|
1299
1332
|
onMouseLeave: v,
|
|
1300
1333
|
onFocus: _,
|
|
1301
1334
|
onBlur: v,
|
|
1302
1335
|
...u,
|
|
1303
1336
|
children: [/* @__PURE__ */ t("span", {
|
|
1304
|
-
className:
|
|
1337
|
+
className: zt.title,
|
|
1305
1338
|
children: e
|
|
1306
1339
|
}), (a || s) && /* @__PURE__ */ n("span", {
|
|
1307
|
-
className:
|
|
1340
|
+
className: zt.actions,
|
|
1308
1341
|
children: [a && /* @__PURE__ */ t("button", {
|
|
1309
1342
|
type: "button",
|
|
1310
|
-
className:
|
|
1343
|
+
className: zt.actionBtn,
|
|
1311
1344
|
onClick: y,
|
|
1312
1345
|
children: a
|
|
1313
1346
|
}), s && /* @__PURE__ */ t("button", {
|
|
1314
1347
|
type: "button",
|
|
1315
|
-
className:
|
|
1348
|
+
className: zt.dismissBtn,
|
|
1316
1349
|
"aria-label": "Dismiss",
|
|
1317
1350
|
onClick: () => {
|
|
1318
1351
|
h(), i?.();
|
|
1319
1352
|
},
|
|
1320
1353
|
children: /* @__PURE__ */ t(F, {
|
|
1321
|
-
icon:
|
|
1354
|
+
icon: Ne,
|
|
1322
1355
|
size: "md",
|
|
1323
1356
|
"aria-hidden": !0
|
|
1324
1357
|
})
|
|
@@ -1328,12 +1361,12 @@ function zt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
|
|
|
1328
1361
|
}
|
|
1329
1362
|
//#endregion
|
|
1330
1363
|
//#region src/components/Toast/Toaster.tsx
|
|
1331
|
-
function
|
|
1364
|
+
function Vt({ position: e = "bottom", children: n, container: r, className: i, ...a }) {
|
|
1332
1365
|
let o = /* @__PURE__ */ t("div", {
|
|
1333
1366
|
"aria-label": "Notifications",
|
|
1334
1367
|
className: [
|
|
1335
|
-
|
|
1336
|
-
e === "top" ?
|
|
1368
|
+
zt.toaster,
|
|
1369
|
+
e === "top" ? zt.toasterTop : zt.toasterBottom,
|
|
1337
1370
|
i
|
|
1338
1371
|
].filter(Boolean).join(" "),
|
|
1339
1372
|
...a,
|
|
@@ -1343,57 +1376,57 @@ function Bt({ position: e = "bottom", children: n, container: r, className: i, .
|
|
|
1343
1376
|
}
|
|
1344
1377
|
//#endregion
|
|
1345
1378
|
//#region src/components/Dialog/Dialog.module.css
|
|
1346
|
-
var
|
|
1347
|
-
backdrop:
|
|
1379
|
+
var Ht = "_backdrop_zx0yn_3", Ut = "_dialog_zx0yn_26", Wt = "_title_zx0yn_56", Gt = "_body_zx0yn_70", Kt = "_footer_zx0yn_85", qt = "_btn_zx0yn_92", Jt = "_dialogAbout_zx0yn_155", Yt = "_aboutHeader_zx0yn_162", Xt = "_aboutIcon_zx0yn_171", Zt = "_aboutAppName_zx0yn_180", Qt = "_aboutVersion_zx0yn_187", $t = "_aboutTabBar_zx0yn_194", en = "_aboutTabBtn_zx0yn_201", tn = "_aboutTabBtnActive_zx0yn_220", nn = "_aboutTabContent_zx0yn_233", rn = "_aboutSection_zx0yn_238", an = "_aboutComments_zx0yn_243", on = "_aboutInfoList_zx0yn_252", sn = "_aboutInfoLabel_zx0yn_259", cn = "_aboutInfoValue_zx0yn_267", ln = "_aboutLink_zx0yn_275", un = "_aboutCreditGroup_zx0yn_283", dn = "_aboutCreditTitle_zx0yn_287", fn = "_aboutCreditList_zx0yn_297", pn = "_aboutCreditItem_zx0yn_306", mn = "_aboutCopyright_zx0yn_312", hn = "_aboutLicenseType_zx0yn_319", gn = "_aboutLicenseText_zx0yn_326", B = {
|
|
1380
|
+
backdrop: Ht,
|
|
1348
1381
|
"backdrop-in": "_backdrop-in_zx0yn_1",
|
|
1349
|
-
dialog:
|
|
1382
|
+
dialog: Ut,
|
|
1350
1383
|
"dialog-in": "_dialog-in_zx0yn_1",
|
|
1351
|
-
title:
|
|
1352
|
-
body:
|
|
1353
|
-
footer:
|
|
1354
|
-
btn:
|
|
1384
|
+
title: Wt,
|
|
1385
|
+
body: Gt,
|
|
1386
|
+
footer: Kt,
|
|
1387
|
+
btn: qt,
|
|
1355
1388
|
"btn-default": "_btn-default_zx0yn_140",
|
|
1356
1389
|
"btn-suggested": "_btn-suggested_zx0yn_144",
|
|
1357
1390
|
"btn-destructive": "_btn-destructive_zx0yn_149",
|
|
1358
|
-
dialogAbout:
|
|
1359
|
-
aboutHeader:
|
|
1360
|
-
aboutIcon:
|
|
1361
|
-
aboutAppName:
|
|
1362
|
-
aboutVersion:
|
|
1363
|
-
aboutTabBar:
|
|
1364
|
-
aboutTabBtn:
|
|
1365
|
-
aboutTabBtnActive:
|
|
1366
|
-
aboutTabContent:
|
|
1367
|
-
aboutSection:
|
|
1368
|
-
aboutComments:
|
|
1369
|
-
aboutInfoList:
|
|
1370
|
-
aboutInfoLabel:
|
|
1371
|
-
aboutInfoValue:
|
|
1372
|
-
aboutLink:
|
|
1373
|
-
aboutCreditGroup:
|
|
1374
|
-
aboutCreditTitle:
|
|
1375
|
-
aboutCreditList:
|
|
1376
|
-
aboutCreditItem:
|
|
1377
|
-
aboutCopyright:
|
|
1378
|
-
aboutLicenseType:
|
|
1379
|
-
aboutLicenseText:
|
|
1380
|
-
},
|
|
1381
|
-
function
|
|
1391
|
+
dialogAbout: Jt,
|
|
1392
|
+
aboutHeader: Yt,
|
|
1393
|
+
aboutIcon: Xt,
|
|
1394
|
+
aboutAppName: Zt,
|
|
1395
|
+
aboutVersion: Qt,
|
|
1396
|
+
aboutTabBar: $t,
|
|
1397
|
+
aboutTabBtn: en,
|
|
1398
|
+
aboutTabBtnActive: tn,
|
|
1399
|
+
aboutTabContent: nn,
|
|
1400
|
+
aboutSection: rn,
|
|
1401
|
+
aboutComments: an,
|
|
1402
|
+
aboutInfoList: on,
|
|
1403
|
+
aboutInfoLabel: sn,
|
|
1404
|
+
aboutInfoValue: cn,
|
|
1405
|
+
aboutLink: ln,
|
|
1406
|
+
aboutCreditGroup: un,
|
|
1407
|
+
aboutCreditTitle: dn,
|
|
1408
|
+
aboutCreditList: fn,
|
|
1409
|
+
aboutCreditItem: pn,
|
|
1410
|
+
aboutCopyright: mn,
|
|
1411
|
+
aboutLicenseType: hn,
|
|
1412
|
+
aboutLicenseText: gn
|
|
1413
|
+
}, _n = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
1414
|
+
function vn(e, t) {
|
|
1382
1415
|
if (e.key !== "Tab") return;
|
|
1383
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
1416
|
+
let n = Array.from(t.current?.querySelectorAll(_n) ?? []);
|
|
1384
1417
|
if (!n.length) return;
|
|
1385
1418
|
let r = n[0], i = n[n.length - 1];
|
|
1386
1419
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
1387
1420
|
}
|
|
1388
|
-
var
|
|
1421
|
+
var yn = {
|
|
1389
1422
|
details: "Details",
|
|
1390
1423
|
credits: "Credits",
|
|
1391
1424
|
legal: "Legal"
|
|
1392
1425
|
};
|
|
1393
|
-
function
|
|
1426
|
+
function bn({ open: r, title: i, children: a, buttons: o = [], onClose: c, closeOnBackdrop: m = !0, role: h = "dialog", responses: g, onResponse: _, variant: v, applicationName: y, applicationIcon: b, version: x, comments: S, developerName: C, website: w, websiteLabel: T, developers: E, designers: D, artists: O, copyright: k, licenseType: A, licenseText: j, links: M, className: N, ...P }) {
|
|
1394
1427
|
let ee = d(null), te = u(), ne = d(null), [re, ie] = f("details"), ae = !!g, oe = v === "about";
|
|
1395
1428
|
l(() => {
|
|
1396
|
-
r ? (ne.current = document.activeElement, (ee.current?.querySelector(
|
|
1429
|
+
r ? (ne.current = document.activeElement, (ee.current?.querySelector(_n))?.focus()) : (ne.current?.focus(), oe && ie("details"));
|
|
1397
1430
|
}, [r, oe]);
|
|
1398
1431
|
let se = s(() => {
|
|
1399
1432
|
let e = g?.find((e) => e.variant !== "destructive" && !e.disabled);
|
|
@@ -1403,7 +1436,7 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1403
1436
|
e.preventDefault(), ae ? se() : c?.();
|
|
1404
1437
|
return;
|
|
1405
1438
|
}
|
|
1406
|
-
|
|
1439
|
+
vn(e, ee);
|
|
1407
1440
|
}, [
|
|
1408
1441
|
ae,
|
|
1409
1442
|
se,
|
|
@@ -1415,103 +1448,103 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1415
1448
|
!!(E?.length || D?.length || O?.length) && "credits",
|
|
1416
1449
|
!!(k || A || j) && "legal"
|
|
1417
1450
|
].filter(Boolean), de = () => oe ? /* @__PURE__ */ t("div", {
|
|
1418
|
-
className:
|
|
1451
|
+
className: B.footer,
|
|
1419
1452
|
children: /* @__PURE__ */ t("button", {
|
|
1420
1453
|
type: "button",
|
|
1421
|
-
className: [
|
|
1454
|
+
className: [B.btn, B["btn-default"]].join(" "),
|
|
1422
1455
|
onClick: c,
|
|
1423
1456
|
children: "Close"
|
|
1424
1457
|
})
|
|
1425
1458
|
}) : ae && g ? /* @__PURE__ */ t("div", {
|
|
1426
|
-
className:
|
|
1459
|
+
className: B.footer,
|
|
1427
1460
|
children: g.map((e) => /* @__PURE__ */ t("button", {
|
|
1428
1461
|
type: "button",
|
|
1429
1462
|
disabled: e.disabled,
|
|
1430
|
-
className: [
|
|
1463
|
+
className: [B.btn, B[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
|
|
1431
1464
|
onClick: () => _?.(e.id),
|
|
1432
1465
|
children: e.label
|
|
1433
1466
|
}, e.id))
|
|
1434
1467
|
}) : o.length > 0 ? /* @__PURE__ */ t("div", {
|
|
1435
|
-
className:
|
|
1468
|
+
className: B.footer,
|
|
1436
1469
|
children: o.map((e) => /* @__PURE__ */ t("button", {
|
|
1437
1470
|
type: "button",
|
|
1438
1471
|
disabled: e.disabled,
|
|
1439
|
-
className: [
|
|
1472
|
+
className: [B.btn, B[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
|
|
1440
1473
|
onClick: e.onClick,
|
|
1441
1474
|
children: e.label
|
|
1442
1475
|
}, e.label))
|
|
1443
1476
|
}) : null, fe = () => /* @__PURE__ */ n(e, { children: [
|
|
1444
1477
|
/* @__PURE__ */ n("div", {
|
|
1445
|
-
className:
|
|
1478
|
+
className: B.aboutHeader,
|
|
1446
1479
|
children: [
|
|
1447
1480
|
b && /* @__PURE__ */ t("div", {
|
|
1448
|
-
className:
|
|
1481
|
+
className: B.aboutIcon,
|
|
1449
1482
|
children: b
|
|
1450
1483
|
}),
|
|
1451
1484
|
/* @__PURE__ */ t("div", {
|
|
1452
1485
|
id: te,
|
|
1453
|
-
className:
|
|
1486
|
+
className: B.aboutAppName,
|
|
1454
1487
|
children: y
|
|
1455
1488
|
}),
|
|
1456
1489
|
x && /* @__PURE__ */ t("div", {
|
|
1457
|
-
className:
|
|
1490
|
+
className: B.aboutVersion,
|
|
1458
1491
|
children: x
|
|
1459
1492
|
})
|
|
1460
1493
|
]
|
|
1461
1494
|
}),
|
|
1462
1495
|
ue.length > 1 && /* @__PURE__ */ t("div", {
|
|
1463
|
-
className:
|
|
1496
|
+
className: B.aboutTabBar,
|
|
1464
1497
|
role: "tablist",
|
|
1465
1498
|
children: ue.map((e) => /* @__PURE__ */ t("button", {
|
|
1466
1499
|
type: "button",
|
|
1467
1500
|
role: "tab",
|
|
1468
1501
|
"aria-selected": re === e,
|
|
1469
|
-
className: [
|
|
1502
|
+
className: [B.aboutTabBtn, re === e ? B.aboutTabBtnActive : null].filter(Boolean).join(" "),
|
|
1470
1503
|
onClick: () => ie(e),
|
|
1471
|
-
children:
|
|
1504
|
+
children: yn[e]
|
|
1472
1505
|
}, e))
|
|
1473
1506
|
}),
|
|
1474
1507
|
/* @__PURE__ */ n("div", {
|
|
1475
|
-
className:
|
|
1508
|
+
className: B.aboutTabContent,
|
|
1476
1509
|
children: [
|
|
1477
1510
|
re === "details" && /* @__PURE__ */ n("div", {
|
|
1478
|
-
className:
|
|
1511
|
+
className: B.aboutSection,
|
|
1479
1512
|
children: [S && /* @__PURE__ */ t("p", {
|
|
1480
|
-
className:
|
|
1513
|
+
className: B.aboutComments,
|
|
1481
1514
|
children: S
|
|
1482
1515
|
}), (C || w || M?.length) && /* @__PURE__ */ n("dl", {
|
|
1483
|
-
className:
|
|
1516
|
+
className: B.aboutInfoList,
|
|
1484
1517
|
children: [
|
|
1485
1518
|
C && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1486
|
-
className:
|
|
1519
|
+
className: B.aboutInfoLabel,
|
|
1487
1520
|
children: "Developer"
|
|
1488
1521
|
}), /* @__PURE__ */ t("dd", {
|
|
1489
|
-
className:
|
|
1522
|
+
className: B.aboutInfoValue,
|
|
1490
1523
|
children: C
|
|
1491
1524
|
})] }),
|
|
1492
1525
|
w && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1493
|
-
className:
|
|
1526
|
+
className: B.aboutInfoLabel,
|
|
1494
1527
|
children: "Website"
|
|
1495
1528
|
}), /* @__PURE__ */ t("dd", {
|
|
1496
|
-
className:
|
|
1529
|
+
className: B.aboutInfoValue,
|
|
1497
1530
|
children: /* @__PURE__ */ t("a", {
|
|
1498
1531
|
href: w,
|
|
1499
1532
|
target: "_blank",
|
|
1500
1533
|
rel: "noopener noreferrer",
|
|
1501
|
-
className:
|
|
1534
|
+
className: B.aboutLink,
|
|
1502
1535
|
children: T ?? w
|
|
1503
1536
|
})
|
|
1504
1537
|
})] }),
|
|
1505
1538
|
M?.map((r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1506
|
-
className:
|
|
1539
|
+
className: B.aboutInfoLabel,
|
|
1507
1540
|
children: r.label
|
|
1508
1541
|
}, `${r.label}-dt`), /* @__PURE__ */ t("dd", {
|
|
1509
|
-
className:
|
|
1542
|
+
className: B.aboutInfoValue,
|
|
1510
1543
|
children: /* @__PURE__ */ t("a", {
|
|
1511
1544
|
href: r.url,
|
|
1512
1545
|
target: "_blank",
|
|
1513
1546
|
rel: "noopener noreferrer",
|
|
1514
|
-
className:
|
|
1547
|
+
className: B.aboutLink,
|
|
1515
1548
|
children: r.url
|
|
1516
1549
|
})
|
|
1517
1550
|
}, `${r.label}-dd`)] }))
|
|
@@ -1519,7 +1552,7 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1519
1552
|
})]
|
|
1520
1553
|
}),
|
|
1521
1554
|
re === "credits" && /* @__PURE__ */ t("div", {
|
|
1522
|
-
className:
|
|
1555
|
+
className: B.aboutSection,
|
|
1523
1556
|
children: [
|
|
1524
1557
|
{
|
|
1525
1558
|
heading: "Developers",
|
|
@@ -1534,32 +1567,32 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1534
1567
|
list: O
|
|
1535
1568
|
}
|
|
1536
1569
|
].filter((e) => e.list?.length).map(({ heading: e, list: r }) => /* @__PURE__ */ n("div", {
|
|
1537
|
-
className:
|
|
1570
|
+
className: B.aboutCreditGroup,
|
|
1538
1571
|
children: [/* @__PURE__ */ t("h4", {
|
|
1539
|
-
className:
|
|
1572
|
+
className: B.aboutCreditTitle,
|
|
1540
1573
|
children: e
|
|
1541
1574
|
}), /* @__PURE__ */ t("ul", {
|
|
1542
|
-
className:
|
|
1575
|
+
className: B.aboutCreditList,
|
|
1543
1576
|
children: r.map((e) => /* @__PURE__ */ t("li", {
|
|
1544
|
-
className:
|
|
1577
|
+
className: B.aboutCreditItem,
|
|
1545
1578
|
children: e
|
|
1546
1579
|
}, e))
|
|
1547
1580
|
})]
|
|
1548
1581
|
}, e))
|
|
1549
1582
|
}),
|
|
1550
1583
|
re === "legal" && /* @__PURE__ */ n("div", {
|
|
1551
|
-
className:
|
|
1584
|
+
className: B.aboutSection,
|
|
1552
1585
|
children: [
|
|
1553
1586
|
k && /* @__PURE__ */ t("p", {
|
|
1554
|
-
className:
|
|
1587
|
+
className: B.aboutCopyright,
|
|
1555
1588
|
children: k
|
|
1556
1589
|
}),
|
|
1557
1590
|
A && /* @__PURE__ */ t("p", {
|
|
1558
|
-
className:
|
|
1591
|
+
className: B.aboutLicenseType,
|
|
1559
1592
|
children: A
|
|
1560
1593
|
}),
|
|
1561
1594
|
j && /* @__PURE__ */ t("pre", {
|
|
1562
|
-
className:
|
|
1595
|
+
className: B.aboutLicenseText,
|
|
1563
1596
|
children: j
|
|
1564
1597
|
})
|
|
1565
1598
|
]
|
|
@@ -1567,7 +1600,7 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1567
1600
|
]
|
|
1568
1601
|
})
|
|
1569
1602
|
] }), pe = /* @__PURE__ */ t("div", {
|
|
1570
|
-
className:
|
|
1603
|
+
className: B.backdrop,
|
|
1571
1604
|
onClick: ce,
|
|
1572
1605
|
"aria-hidden": "true",
|
|
1573
1606
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -1576,8 +1609,8 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1576
1609
|
"aria-modal": "true",
|
|
1577
1610
|
"aria-labelledby": te,
|
|
1578
1611
|
className: [
|
|
1579
|
-
|
|
1580
|
-
oe ?
|
|
1612
|
+
B.dialog,
|
|
1613
|
+
oe ? B.dialogAbout : null,
|
|
1581
1614
|
N
|
|
1582
1615
|
].filter(Boolean).join(" "),
|
|
1583
1616
|
onKeyDown: le,
|
|
@@ -1585,10 +1618,10 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1585
1618
|
...P,
|
|
1586
1619
|
children: [oe ? fe() : /* @__PURE__ */ n(e, { children: [i && /* @__PURE__ */ t("div", {
|
|
1587
1620
|
id: te,
|
|
1588
|
-
className:
|
|
1621
|
+
className: B.title,
|
|
1589
1622
|
children: i
|
|
1590
1623
|
}), a && /* @__PURE__ */ t("div", {
|
|
1591
|
-
className:
|
|
1624
|
+
className: B.body,
|
|
1592
1625
|
children: a
|
|
1593
1626
|
})] }), de()]
|
|
1594
1627
|
})
|
|
@@ -1597,31 +1630,31 @@ function yn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1597
1630
|
}
|
|
1598
1631
|
//#endregion
|
|
1599
1632
|
//#region src/components/Dropdown/Dropdown.module.css
|
|
1600
|
-
var
|
|
1601
|
-
wrapper:
|
|
1602
|
-
trigger:
|
|
1603
|
-
triggerOpen:
|
|
1604
|
-
triggerLabel:
|
|
1605
|
-
placeholder:
|
|
1606
|
-
chevron:
|
|
1607
|
-
chevronOpen:
|
|
1608
|
-
list:
|
|
1633
|
+
var xn = "_wrapper_1hi05_3", Sn = "_trigger_1hi05_11", Cn = "_triggerOpen_1hi05_63", wn = "_triggerLabel_1hi05_73", Tn = "_placeholder_1hi05_81", En = "_chevron_1hi05_87", Dn = "_chevronOpen_1hi05_94", On = "_list_1hi05_100", kn = "_listDown_1hi05_129", An = "_listUp_1hi05_133", jn = "_option_1hi05_145", Mn = "_optionActive_1hi05_162", Nn = "_optionSelected_1hi05_166", Pn = "_optionDisabled_1hi05_170", Fn = "_optionText_1hi05_178", In = "_optionLabel_1hi05_186", Ln = "_optionDesc_1hi05_192", Rn = "_checkIcon_1hi05_202", V = {
|
|
1634
|
+
wrapper: xn,
|
|
1635
|
+
trigger: Sn,
|
|
1636
|
+
triggerOpen: Cn,
|
|
1637
|
+
triggerLabel: wn,
|
|
1638
|
+
placeholder: Tn,
|
|
1639
|
+
chevron: En,
|
|
1640
|
+
chevronOpen: Dn,
|
|
1641
|
+
list: On,
|
|
1609
1642
|
"list-in": "_list-in_1hi05_1",
|
|
1610
|
-
listDown:
|
|
1611
|
-
listUp:
|
|
1643
|
+
listDown: kn,
|
|
1644
|
+
listUp: An,
|
|
1612
1645
|
"list-in-up": "_list-in-up_1hi05_1",
|
|
1613
|
-
option:
|
|
1614
|
-
optionActive:
|
|
1615
|
-
optionSelected:
|
|
1616
|
-
optionDisabled:
|
|
1617
|
-
optionText:
|
|
1618
|
-
optionLabel:
|
|
1619
|
-
optionDesc:
|
|
1620
|
-
checkIcon:
|
|
1646
|
+
option: jn,
|
|
1647
|
+
optionActive: Mn,
|
|
1648
|
+
optionSelected: Nn,
|
|
1649
|
+
optionDisabled: Pn,
|
|
1650
|
+
optionText: Fn,
|
|
1651
|
+
optionLabel: In,
|
|
1652
|
+
optionDesc: Ln,
|
|
1653
|
+
checkIcon: Rn
|
|
1621
1654
|
};
|
|
1622
1655
|
//#endregion
|
|
1623
1656
|
//#region src/components/Dropdown/Dropdown.tsx
|
|
1624
|
-
function
|
|
1657
|
+
function zn({ options: e, value: r, onChange: i, placeholder: a = "Select an option", disabled: o, className: c, ...p }) {
|
|
1625
1658
|
let [m, h] = f(!1), [g, _] = f(-1), [v, y] = f(!1), b = u(), x = u(), S = d(null), C = d(null), w = e.find((e) => e.value === r), T = s(() => {
|
|
1626
1659
|
if (!S.current) return;
|
|
1627
1660
|
let t = S.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = Math.min(e.length * 48 + 8, 280);
|
|
@@ -1705,7 +1738,7 @@ function Rn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1705
1738
|
D
|
|
1706
1739
|
]);
|
|
1707
1740
|
return /* @__PURE__ */ n("div", {
|
|
1708
|
-
className: [
|
|
1741
|
+
className: [V.wrapper, c].filter(Boolean).join(" "),
|
|
1709
1742
|
...p,
|
|
1710
1743
|
children: [/* @__PURE__ */ n("button", {
|
|
1711
1744
|
ref: S,
|
|
@@ -1717,17 +1750,17 @@ function Rn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1717
1750
|
"aria-controls": x,
|
|
1718
1751
|
"aria-activedescendant": m && g >= 0 ? `${x}-opt-${g}` : void 0,
|
|
1719
1752
|
disabled: o,
|
|
1720
|
-
className: [
|
|
1753
|
+
className: [V.trigger, m ? V.triggerOpen : null].filter(Boolean).join(" "),
|
|
1721
1754
|
onClick: () => m ? D() : E(),
|
|
1722
1755
|
onKeyDown: k,
|
|
1723
1756
|
children: [/* @__PURE__ */ t("span", {
|
|
1724
|
-
className: [
|
|
1757
|
+
className: [V.triggerLabel, w ? null : V.placeholder].filter(Boolean).join(" "),
|
|
1725
1758
|
children: w?.label ?? a
|
|
1726
1759
|
}), /* @__PURE__ */ t(F, {
|
|
1727
|
-
icon:
|
|
1760
|
+
icon: Me,
|
|
1728
1761
|
size: "md",
|
|
1729
1762
|
"aria-hidden": !0,
|
|
1730
|
-
className: [
|
|
1763
|
+
className: [V.chevron, m ? V.chevronOpen : null].filter(Boolean).join(" ")
|
|
1731
1764
|
})]
|
|
1732
1765
|
}), m && /* @__PURE__ */ t("ul", {
|
|
1733
1766
|
ref: C,
|
|
@@ -1735,7 +1768,7 @@ function Rn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1735
1768
|
role: "listbox",
|
|
1736
1769
|
"aria-labelledby": b,
|
|
1737
1770
|
tabIndex: -1,
|
|
1738
|
-
className: [
|
|
1771
|
+
className: [V.list, v ? V.listUp : V.listDown].filter(Boolean).join(" "),
|
|
1739
1772
|
onKeyDown: A,
|
|
1740
1773
|
children: e.map((e, i) => /* @__PURE__ */ n("li", {
|
|
1741
1774
|
id: `${x}-opt-${i}`,
|
|
@@ -1743,33 +1776,33 @@ function Rn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1743
1776
|
"aria-selected": e.value === r,
|
|
1744
1777
|
"aria-disabled": e.disabled,
|
|
1745
1778
|
className: [
|
|
1746
|
-
|
|
1747
|
-
e.value === r ?
|
|
1748
|
-
i === g ?
|
|
1749
|
-
e.disabled ?
|
|
1779
|
+
V.option,
|
|
1780
|
+
e.value === r ? V.optionSelected : null,
|
|
1781
|
+
i === g ? V.optionActive : null,
|
|
1782
|
+
e.disabled ? V.optionDisabled : null
|
|
1750
1783
|
].filter(Boolean).join(" "),
|
|
1751
1784
|
onMouseEnter: () => !e.disabled && _(i),
|
|
1752
1785
|
onClick: () => O(e),
|
|
1753
1786
|
children: [/* @__PURE__ */ n("span", {
|
|
1754
|
-
className:
|
|
1787
|
+
className: V.optionText,
|
|
1755
1788
|
children: [/* @__PURE__ */ t("span", {
|
|
1756
|
-
className:
|
|
1789
|
+
className: V.optionLabel,
|
|
1757
1790
|
children: e.label
|
|
1758
1791
|
}), e.description && /* @__PURE__ */ t("span", {
|
|
1759
|
-
className:
|
|
1792
|
+
className: V.optionDesc,
|
|
1760
1793
|
children: e.description
|
|
1761
1794
|
})]
|
|
1762
1795
|
}), e.value === r && /* @__PURE__ */ t(F, {
|
|
1763
|
-
icon:
|
|
1796
|
+
icon: Le,
|
|
1764
1797
|
size: "md",
|
|
1765
1798
|
"aria-hidden": !0,
|
|
1766
|
-
className:
|
|
1799
|
+
className: V.checkIcon
|
|
1767
1800
|
})]
|
|
1768
1801
|
}, e.value))
|
|
1769
1802
|
})]
|
|
1770
1803
|
});
|
|
1771
1804
|
}
|
|
1772
|
-
var
|
|
1805
|
+
var H = {
|
|
1773
1806
|
wrapper: "_wrapper_11zhs_3",
|
|
1774
1807
|
hasLabels: "_hasLabels_11zhs_11",
|
|
1775
1808
|
track: "_track_11zhs_17",
|
|
@@ -1782,21 +1815,21 @@ var V = {
|
|
|
1782
1815
|
};
|
|
1783
1816
|
//#endregion
|
|
1784
1817
|
//#region src/components/Slider/Slider.tsx
|
|
1785
|
-
function
|
|
1818
|
+
function Bn(e, t, n) {
|
|
1786
1819
|
return Math.min(n, Math.max(t, e));
|
|
1787
1820
|
}
|
|
1788
|
-
function
|
|
1821
|
+
function Vn(e, t, n, r) {
|
|
1789
1822
|
return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
|
|
1790
1823
|
}
|
|
1791
|
-
function
|
|
1824
|
+
function Hn(e) {
|
|
1792
1825
|
let t = e.toString(), n = t.indexOf(".");
|
|
1793
1826
|
return n === -1 ? 0 : t.length - n - 1;
|
|
1794
1827
|
}
|
|
1795
|
-
function
|
|
1796
|
-
let g = d(null), _ =
|
|
1828
|
+
function Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disabled: c = !1, marks: l, className: u, "aria-label": f, "aria-labelledby": p, "aria-describedby": m, ...h }) {
|
|
1829
|
+
let g = d(null), _ = Hn(o), v = (Bn(e, i, a) - i) / (a - i) * 100, y = s((e) => {
|
|
1797
1830
|
if (!g.current) return;
|
|
1798
1831
|
let { left: t, width: n } = g.current.getBoundingClientRect();
|
|
1799
|
-
r(
|
|
1832
|
+
r(Bn(Vn((e - t) / n * (a - i) + i, i, o, _), i, a));
|
|
1800
1833
|
}, [
|
|
1801
1834
|
i,
|
|
1802
1835
|
a,
|
|
@@ -1809,7 +1842,7 @@ function Hn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1809
1842
|
e.currentTarget.hasPointerCapture(e.pointerId) && y(e.clientX);
|
|
1810
1843
|
}, [y]), S = s((t) => {
|
|
1811
1844
|
let n = (e) => {
|
|
1812
|
-
t.preventDefault(), r(
|
|
1845
|
+
t.preventDefault(), r(Bn(Vn(e, i, o, _), i, a));
|
|
1813
1846
|
};
|
|
1814
1847
|
switch (t.key) {
|
|
1815
1848
|
case "ArrowRight":
|
|
@@ -1843,8 +1876,8 @@ function Hn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1843
1876
|
]), C = l && l.length > 0, w = C && l.some((e) => e.label);
|
|
1844
1877
|
return /* @__PURE__ */ n("div", {
|
|
1845
1878
|
className: [
|
|
1846
|
-
|
|
1847
|
-
w ?
|
|
1879
|
+
H.wrapper,
|
|
1880
|
+
w ? H.hasLabels : null,
|
|
1848
1881
|
u
|
|
1849
1882
|
].filter(Boolean).join(" "),
|
|
1850
1883
|
...h,
|
|
@@ -1859,36 +1892,36 @@ function Hn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1859
1892
|
"aria-labelledby": p,
|
|
1860
1893
|
"aria-describedby": m,
|
|
1861
1894
|
"aria-disabled": c || void 0,
|
|
1862
|
-
className: [
|
|
1895
|
+
className: [H.track, c ? H.disabled : null].filter(Boolean).join(" "),
|
|
1863
1896
|
onPointerDown: b,
|
|
1864
1897
|
onPointerMove: x,
|
|
1865
1898
|
onKeyDown: c ? void 0 : S,
|
|
1866
1899
|
children: [
|
|
1867
1900
|
/* @__PURE__ */ t("div", {
|
|
1868
|
-
className:
|
|
1901
|
+
className: H.fill,
|
|
1869
1902
|
style: { width: `${v}%` }
|
|
1870
1903
|
}),
|
|
1871
1904
|
/* @__PURE__ */ t("div", {
|
|
1872
|
-
className:
|
|
1905
|
+
className: H.thumb,
|
|
1873
1906
|
style: { left: `${v}%` },
|
|
1874
1907
|
"aria-hidden": "true"
|
|
1875
1908
|
}),
|
|
1876
1909
|
C && l.map((e) => {
|
|
1877
|
-
let n = (
|
|
1910
|
+
let n = (Bn(e.value, i, a) - i) / (a - i) * 100;
|
|
1878
1911
|
return /* @__PURE__ */ t("div", {
|
|
1879
|
-
className:
|
|
1912
|
+
className: H.tick,
|
|
1880
1913
|
style: { left: `${n}%` },
|
|
1881
1914
|
"aria-hidden": "true"
|
|
1882
1915
|
}, e.value);
|
|
1883
1916
|
})
|
|
1884
1917
|
]
|
|
1885
1918
|
}), w && /* @__PURE__ */ t("div", {
|
|
1886
|
-
className:
|
|
1919
|
+
className: H.labels,
|
|
1887
1920
|
"aria-hidden": "true",
|
|
1888
1921
|
children: l.map((e) => {
|
|
1889
|
-
let n = (
|
|
1922
|
+
let n = (Bn(e.value, i, a) - i) / (a - i) * 100;
|
|
1890
1923
|
return /* @__PURE__ */ t("span", {
|
|
1891
|
-
className:
|
|
1924
|
+
className: H.markLabel,
|
|
1892
1925
|
style: { left: `${n}%` },
|
|
1893
1926
|
children: e.label
|
|
1894
1927
|
}, e.value);
|
|
@@ -1896,7 +1929,7 @@ function Hn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1896
1929
|
})]
|
|
1897
1930
|
});
|
|
1898
1931
|
}
|
|
1899
|
-
var
|
|
1932
|
+
var Wn = {
|
|
1900
1933
|
panel: "_panel_1tk9v_3",
|
|
1901
1934
|
visible: "_visible_1tk9v_36",
|
|
1902
1935
|
arrow: "_arrow_1tk9v_44",
|
|
@@ -1904,8 +1937,8 @@ var Un = {
|
|
|
1904
1937
|
top: "_top_1tk9v_67",
|
|
1905
1938
|
left: "_left_1tk9v_75",
|
|
1906
1939
|
right: "_right_1tk9v_83"
|
|
1907
|
-
},
|
|
1908
|
-
function
|
|
1940
|
+
}, Gn = 8, Kn = 8;
|
|
1941
|
+
function qn(e, t, n) {
|
|
1909
1942
|
let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
|
|
1910
1943
|
n,
|
|
1911
1944
|
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
@@ -1916,22 +1949,22 @@ function Kn(e, t, n) {
|
|
|
1916
1949
|
])];
|
|
1917
1950
|
for (let n of a) {
|
|
1918
1951
|
let a = 0, o = 0;
|
|
1919
|
-
n === "bottom" ? (a = e.bottom +
|
|
1920
|
-
let s = o >=
|
|
1952
|
+
n === "bottom" ? (a = e.bottom + Gn, o = e.left + e.width / 2 - t.width / 2) : n === "top" ? (a = e.top - t.height - Gn, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - Gn) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + Gn);
|
|
1953
|
+
let s = o >= Kn && o + t.width <= r - Kn, c = a >= Kn && a + t.height <= i - Kn;
|
|
1921
1954
|
if (s && c) return {
|
|
1922
1955
|
top: a,
|
|
1923
1956
|
left: o,
|
|
1924
1957
|
placement: n
|
|
1925
1958
|
};
|
|
1926
1959
|
}
|
|
1927
|
-
let o = e.bottom +
|
|
1960
|
+
let o = e.bottom + Gn, s = e.left + e.width / 2 - t.width / 2;
|
|
1928
1961
|
return {
|
|
1929
|
-
top: Math.max(
|
|
1930
|
-
left: Math.max(
|
|
1962
|
+
top: Math.max(Kn, Math.min(o, i - t.height - Kn)),
|
|
1963
|
+
left: Math.max(Kn, Math.min(s, r - t.width - Kn)),
|
|
1931
1964
|
placement: "bottom"
|
|
1932
1965
|
};
|
|
1933
1966
|
}
|
|
1934
|
-
function
|
|
1967
|
+
function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: m, children: h }) {
|
|
1935
1968
|
let g = o !== void 0, [_, v] = f(!1), y = g ? o : _, [b, x] = f(null), S = u(), C = u(), w = d(null), T = d(null), E = d(null), D = s(() => {
|
|
1936
1969
|
g ? c?.() : v(!1), m?.(!1);
|
|
1937
1970
|
}, [
|
|
@@ -1946,7 +1979,7 @@ function qn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
1946
1979
|
g,
|
|
1947
1980
|
m
|
|
1948
1981
|
]), k = s(() => {
|
|
1949
|
-
!w.current || !T.current || x(
|
|
1982
|
+
!w.current || !T.current || x(qn(w.current.getBoundingClientRect(), T.current.getBoundingClientRect(), a));
|
|
1950
1983
|
}, [a]);
|
|
1951
1984
|
l(() => {
|
|
1952
1985
|
if (!y) return;
|
|
@@ -1988,9 +2021,9 @@ function qn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
1988
2021
|
"aria-labelledby": S,
|
|
1989
2022
|
tabIndex: -1,
|
|
1990
2023
|
className: [
|
|
1991
|
-
|
|
1992
|
-
b ?
|
|
1993
|
-
y && b ?
|
|
2024
|
+
Wn.panel,
|
|
2025
|
+
b ? Wn[b.placement] : null,
|
|
2026
|
+
y && b ? Wn.visible : null
|
|
1994
2027
|
].filter(Boolean).join(" "),
|
|
1995
2028
|
style: b ? {
|
|
1996
2029
|
top: b.top,
|
|
@@ -2003,18 +2036,18 @@ function qn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2003
2036
|
},
|
|
2004
2037
|
onKeyDown: A,
|
|
2005
2038
|
children: [/* @__PURE__ */ t("div", {
|
|
2006
|
-
className:
|
|
2039
|
+
className: Wn.arrow,
|
|
2007
2040
|
"aria-hidden": "true"
|
|
2008
2041
|
}), r]
|
|
2009
2042
|
});
|
|
2010
2043
|
return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? p(M, document.body) : M)] });
|
|
2011
2044
|
}
|
|
2012
|
-
var
|
|
2045
|
+
var Yn = { clamp: "_clamp_1j51b_6" };
|
|
2013
2046
|
//#endregion
|
|
2014
2047
|
//#region src/components/Clamp/Clamp.tsx
|
|
2015
|
-
function
|
|
2048
|
+
function Xn({ maximumSize: e = 600, children: n, className: r, style: i, ...a }) {
|
|
2016
2049
|
return /* @__PURE__ */ t("div", {
|
|
2017
|
-
className: [
|
|
2050
|
+
className: [Yn.clamp, r].filter(Boolean).join(" "),
|
|
2018
2051
|
style: {
|
|
2019
2052
|
maxWidth: e,
|
|
2020
2053
|
...i
|
|
@@ -2023,7 +2056,7 @@ function Yn({ maximumSize: e = 600, children: n, className: r, style: i, ...a })
|
|
|
2023
2056
|
children: n
|
|
2024
2057
|
});
|
|
2025
2058
|
}
|
|
2026
|
-
var
|
|
2059
|
+
var U = {
|
|
2027
2060
|
root: "_root_yaj3r_3",
|
|
2028
2061
|
expanded: "_expanded_yaj3r_12",
|
|
2029
2062
|
sidebar: "_sidebar_yaj3r_16",
|
|
@@ -2035,12 +2068,12 @@ var H = {
|
|
|
2035
2068
|
};
|
|
2036
2069
|
//#endregion
|
|
2037
2070
|
//#region src/components/NavigationSplitView/NavigationSplitView.tsx
|
|
2038
|
-
function
|
|
2039
|
-
let { isNarrow: d } =
|
|
2071
|
+
function Zn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
|
|
2072
|
+
let { isNarrow: d } = He(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
|
|
2040
2073
|
return /* @__PURE__ */ n("div", {
|
|
2041
2074
|
className: [
|
|
2042
|
-
|
|
2043
|
-
d ?
|
|
2075
|
+
U.root,
|
|
2076
|
+
d ? U.collapsed : U.expanded,
|
|
2044
2077
|
c
|
|
2045
2078
|
].filter(Boolean).join(" "),
|
|
2046
2079
|
style: {
|
|
@@ -2050,23 +2083,23 @@ function Xn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
|
|
|
2050
2083
|
...u,
|
|
2051
2084
|
children: [
|
|
2052
2085
|
/* @__PURE__ */ t("div", {
|
|
2053
|
-
className: [
|
|
2086
|
+
className: [U.sidebar, d && i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
|
|
2054
2087
|
"aria-hidden": d && i,
|
|
2055
2088
|
children: e
|
|
2056
2089
|
}),
|
|
2057
2090
|
!d && /* @__PURE__ */ t("div", {
|
|
2058
|
-
className:
|
|
2091
|
+
className: U.divider,
|
|
2059
2092
|
"aria-hidden": "true"
|
|
2060
2093
|
}),
|
|
2061
2094
|
/* @__PURE__ */ t("div", {
|
|
2062
|
-
className: [
|
|
2095
|
+
className: [U.contentPane, d && !i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
|
|
2063
2096
|
"aria-hidden": d && !i,
|
|
2064
2097
|
children: r
|
|
2065
2098
|
})
|
|
2066
2099
|
]
|
|
2067
2100
|
});
|
|
2068
2101
|
}
|
|
2069
|
-
var
|
|
2102
|
+
var W = {
|
|
2070
2103
|
root: "_root_1xl2w_3",
|
|
2071
2104
|
wide: "_wide_1xl2w_13",
|
|
2072
2105
|
end: "_end_1xl2w_17",
|
|
@@ -2081,8 +2114,8 @@ var U = {
|
|
|
2081
2114
|
};
|
|
2082
2115
|
//#endregion
|
|
2083
2116
|
//#region src/components/OverlaySplitView/OverlaySplitView.tsx
|
|
2084
|
-
function
|
|
2085
|
-
let { isNarrow: h } =
|
|
2117
|
+
function Qn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPosition: o = "start", minSidebarWidth: s = 180, maxSidebarWidth: c = 280, sidebarWidthFraction: u = .25, className: f, style: p, ...m }) {
|
|
2118
|
+
let { isNarrow: h } = He(), g = d(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
|
|
2086
2119
|
l(() => {
|
|
2087
2120
|
if (!h || !i) return;
|
|
2088
2121
|
let e = (e) => {
|
|
@@ -2099,9 +2132,9 @@ function Zn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2099
2132
|
let v = o === "end";
|
|
2100
2133
|
return /* @__PURE__ */ n("div", {
|
|
2101
2134
|
className: [
|
|
2102
|
-
|
|
2103
|
-
h ?
|
|
2104
|
-
v ?
|
|
2135
|
+
W.root,
|
|
2136
|
+
h ? W.narrow : W.wide,
|
|
2137
|
+
v ? W.end : W.start,
|
|
2105
2138
|
f
|
|
2106
2139
|
].filter(Boolean).join(" "),
|
|
2107
2140
|
style: {
|
|
@@ -2111,69 +2144,69 @@ function Zn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2111
2144
|
...m,
|
|
2112
2145
|
children: [
|
|
2113
2146
|
h && /* @__PURE__ */ t("div", {
|
|
2114
|
-
className: [
|
|
2147
|
+
className: [W.backdrop, i ? W.backdropVisible : null].filter(Boolean).join(" "),
|
|
2115
2148
|
"aria-hidden": "true",
|
|
2116
2149
|
onClick: a
|
|
2117
2150
|
}),
|
|
2118
2151
|
/* @__PURE__ */ t("div", {
|
|
2119
2152
|
ref: g,
|
|
2120
|
-
className: [
|
|
2153
|
+
className: [W.sidebar, h ? i ? W.sidebarOpen : W.sidebarClosed : null].filter(Boolean).join(" "),
|
|
2121
2154
|
"aria-hidden": h && !i,
|
|
2122
2155
|
children: e
|
|
2123
2156
|
}),
|
|
2124
2157
|
/* @__PURE__ */ t("div", {
|
|
2125
|
-
className:
|
|
2158
|
+
className: W.content,
|
|
2126
2159
|
children: r
|
|
2127
2160
|
})
|
|
2128
2161
|
]
|
|
2129
2162
|
});
|
|
2130
2163
|
}
|
|
2131
|
-
var
|
|
2164
|
+
var $n = { bar: "_bar_njcvu_3" };
|
|
2132
2165
|
//#endregion
|
|
2133
2166
|
//#region src/components/ViewSwitcherBar/ViewSwitcherBar.tsx
|
|
2134
|
-
function
|
|
2167
|
+
function er({ children: e, reveal: n = !0, className: r, ...i }) {
|
|
2135
2168
|
return n ? /* @__PURE__ */ t("div", {
|
|
2136
2169
|
role: "navigation",
|
|
2137
2170
|
"aria-label": "Bottom navigation",
|
|
2138
|
-
className: [
|
|
2171
|
+
className: [$n.bar, r].filter(Boolean).join(" "),
|
|
2139
2172
|
...i,
|
|
2140
2173
|
children: e
|
|
2141
2174
|
}) : null;
|
|
2142
2175
|
}
|
|
2143
|
-
var
|
|
2176
|
+
var tr = {
|
|
2144
2177
|
link: "_link_x1qyh_1",
|
|
2145
2178
|
externalIcon: "_externalIcon_x1qyh_36"
|
|
2146
2179
|
};
|
|
2147
2180
|
//#endregion
|
|
2148
2181
|
//#region src/components/Link/Link.tsx
|
|
2149
|
-
function
|
|
2182
|
+
function nr({ external: e = !1, children: r, className: i, target: a, rel: o, ...s }) {
|
|
2150
2183
|
let c = e || a === "_blank";
|
|
2151
2184
|
return /* @__PURE__ */ n("a", {
|
|
2152
|
-
className: [
|
|
2185
|
+
className: [tr.link, i].filter(Boolean).join(" "),
|
|
2153
2186
|
target: c ? "_blank" : a,
|
|
2154
2187
|
rel: c ? "noopener noreferrer" : o,
|
|
2155
2188
|
...s,
|
|
2156
2189
|
children: [r, c && /* @__PURE__ */ t("span", {
|
|
2157
|
-
className:
|
|
2190
|
+
className: tr.externalIcon,
|
|
2158
2191
|
"aria-label": "(opens in new tab)",
|
|
2159
2192
|
children: "↗"
|
|
2160
2193
|
})]
|
|
2161
2194
|
});
|
|
2162
2195
|
}
|
|
2163
|
-
var
|
|
2196
|
+
var rr = {
|
|
2164
2197
|
group: "_group_1fa3l_3",
|
|
2165
2198
|
item: "_item_1fa3l_18",
|
|
2166
2199
|
iconOnly: "_iconOnly_1fa3l_48",
|
|
2167
2200
|
active: "_active_1fa3l_53",
|
|
2168
2201
|
itemIcon: "_itemIcon_1fa3l_86",
|
|
2169
2202
|
itemLabel: "_itemLabel_1fa3l_92"
|
|
2170
|
-
},
|
|
2171
|
-
function
|
|
2172
|
-
let e = c(
|
|
2203
|
+
}, ir = a(null);
|
|
2204
|
+
function ar() {
|
|
2205
|
+
let e = c(ir);
|
|
2173
2206
|
if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
|
|
2174
2207
|
return e;
|
|
2175
2208
|
}
|
|
2176
|
-
function
|
|
2209
|
+
function or({ value: e, onValueChange: n, "aria-label": r = "Options", children: i, className: a, ...o }) {
|
|
2177
2210
|
let s = d(null);
|
|
2178
2211
|
function c(e) {
|
|
2179
2212
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2186,7 +2219,7 @@ function ar({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2186
2219
|
else return;
|
|
2187
2220
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2188
2221
|
}
|
|
2189
|
-
return /* @__PURE__ */ t(
|
|
2222
|
+
return /* @__PURE__ */ t(ir.Provider, {
|
|
2190
2223
|
value: {
|
|
2191
2224
|
value: e,
|
|
2192
2225
|
onValueChange: n
|
|
@@ -2196,7 +2229,7 @@ function ar({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2196
2229
|
role: "radiogroup",
|
|
2197
2230
|
"aria-label": r,
|
|
2198
2231
|
onKeyDown: c,
|
|
2199
|
-
className: [
|
|
2232
|
+
className: [rr.group, a].filter(Boolean).join(" "),
|
|
2200
2233
|
...o,
|
|
2201
2234
|
children: i
|
|
2202
2235
|
})
|
|
@@ -2204,8 +2237,8 @@ function ar({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2204
2237
|
}
|
|
2205
2238
|
//#endregion
|
|
2206
2239
|
//#region src/components/ToggleGroup/ToggleGroupItem.tsx
|
|
2207
|
-
function
|
|
2208
|
-
let { value: c, onValueChange: l } =
|
|
2240
|
+
function sr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
2241
|
+
let { value: c, onValueChange: l } = ar(), u = c === e, d = i && !r;
|
|
2209
2242
|
return /* @__PURE__ */ n("button", {
|
|
2210
2243
|
type: "button",
|
|
2211
2244
|
role: "radio",
|
|
@@ -2214,32 +2247,32 @@ function or({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
2214
2247
|
disabled: a,
|
|
2215
2248
|
onClick: () => l(e),
|
|
2216
2249
|
className: [
|
|
2217
|
-
|
|
2218
|
-
u ?
|
|
2219
|
-
d ?
|
|
2250
|
+
rr.item,
|
|
2251
|
+
u ? rr.active : null,
|
|
2252
|
+
d ? rr.iconOnly : null,
|
|
2220
2253
|
o
|
|
2221
2254
|
].filter(Boolean).join(" "),
|
|
2222
2255
|
...s,
|
|
2223
2256
|
children: [i && /* @__PURE__ */ t("span", {
|
|
2224
|
-
className:
|
|
2257
|
+
className: rr.itemIcon,
|
|
2225
2258
|
children: /* @__PURE__ */ t(F, {
|
|
2226
2259
|
icon: i,
|
|
2227
2260
|
size: "md",
|
|
2228
2261
|
"aria-hidden": !0
|
|
2229
2262
|
})
|
|
2230
2263
|
}), r && /* @__PURE__ */ t("span", {
|
|
2231
|
-
className:
|
|
2264
|
+
className: rr.itemLabel,
|
|
2232
2265
|
children: r
|
|
2233
2266
|
})]
|
|
2234
2267
|
});
|
|
2235
2268
|
}
|
|
2236
|
-
var
|
|
2269
|
+
var cr = {
|
|
2237
2270
|
wrapBox: "_wrapBox_1ik0x_1",
|
|
2238
2271
|
reverse: "_reverse_1ik0x_10"
|
|
2239
2272
|
};
|
|
2240
2273
|
//#endregion
|
|
2241
2274
|
//#region src/components/WrapBox/WrapBox.tsx
|
|
2242
|
-
function
|
|
2275
|
+
function lr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
|
|
2243
2276
|
let u = typeof e == "number" ? `${e}px` : e, d = n == null ? u : typeof n == "number" ? `${n}px` : n, f = {
|
|
2244
2277
|
"--wrapbox-gap": u,
|
|
2245
2278
|
"--wrapbox-row-gap": d,
|
|
@@ -2249,8 +2282,8 @@ function cr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2249
2282
|
};
|
|
2250
2283
|
return /* @__PURE__ */ t("div", {
|
|
2251
2284
|
className: [
|
|
2252
|
-
|
|
2253
|
-
a ?
|
|
2285
|
+
cr.wrapBox,
|
|
2286
|
+
a ? cr.reverse : null,
|
|
2254
2287
|
s
|
|
2255
2288
|
].filter(Boolean).join(" "),
|
|
2256
2289
|
style: f,
|
|
@@ -2258,7 +2291,7 @@ function cr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2258
2291
|
children: o
|
|
2259
2292
|
});
|
|
2260
2293
|
}
|
|
2261
|
-
var
|
|
2294
|
+
var ur = {
|
|
2262
2295
|
chip: "_chip_e26qc_3",
|
|
2263
2296
|
selectable: "_selectable_e26qc_31",
|
|
2264
2297
|
selected: "_selected_e26qc_55",
|
|
@@ -2269,16 +2302,16 @@ var lr = {
|
|
|
2269
2302
|
};
|
|
2270
2303
|
//#endregion
|
|
2271
2304
|
//#region src/components/Chip/Chip.tsx
|
|
2272
|
-
function
|
|
2305
|
+
function dr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
|
|
2273
2306
|
let f = o && !a, p = [
|
|
2274
|
-
|
|
2275
|
-
s ?
|
|
2276
|
-
l ?
|
|
2277
|
-
f ?
|
|
2307
|
+
ur.chip,
|
|
2308
|
+
s ? ur.selected : null,
|
|
2309
|
+
l ? ur.disabled : null,
|
|
2310
|
+
f ? ur.selectable : null,
|
|
2278
2311
|
u
|
|
2279
2312
|
].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
|
|
2280
2313
|
i && /* @__PURE__ */ t("span", {
|
|
2281
|
-
className:
|
|
2314
|
+
className: ur.icon,
|
|
2282
2315
|
children: /* @__PURE__ */ t(F, {
|
|
2283
2316
|
icon: i,
|
|
2284
2317
|
size: "sm",
|
|
@@ -2286,12 +2319,12 @@ function ur({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2286
2319
|
})
|
|
2287
2320
|
}),
|
|
2288
2321
|
/* @__PURE__ */ t("span", {
|
|
2289
|
-
className:
|
|
2322
|
+
className: ur.label,
|
|
2290
2323
|
children: r
|
|
2291
2324
|
}),
|
|
2292
2325
|
a && /* @__PURE__ */ t("button", {
|
|
2293
2326
|
type: "button",
|
|
2294
|
-
className:
|
|
2327
|
+
className: ur.remove,
|
|
2295
2328
|
"aria-label": `Remove ${r}`,
|
|
2296
2329
|
disabled: l,
|
|
2297
2330
|
onClick: (e) => {
|
|
@@ -2299,7 +2332,7 @@ function ur({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2299
2332
|
},
|
|
2300
2333
|
tabIndex: l ? -1 : 0,
|
|
2301
2334
|
children: /* @__PURE__ */ t(F, {
|
|
2302
|
-
icon:
|
|
2335
|
+
icon: Ne,
|
|
2303
2336
|
size: "sm",
|
|
2304
2337
|
"aria-hidden": !0
|
|
2305
2338
|
})
|
|
@@ -2323,30 +2356,30 @@ function ur({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2323
2356
|
}
|
|
2324
2357
|
//#endregion
|
|
2325
2358
|
//#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
|
|
2326
|
-
var
|
|
2327
|
-
backdrop:
|
|
2359
|
+
var fr = "_backdrop_zvuhh_3", pr = "_dialog_zvuhh_26", mr = "_header_zvuhh_59", hr = "_title_zvuhh_67", gr = "_closeBtn_zvuhh_74", _r = "_searchRow_zvuhh_112", vr = "_searchIcon_zvuhh_124", yr = "_searchInput_zvuhh_132", br = "_searchClear_zvuhh_151", xr = "_body_zvuhh_174", Sr = "_empty_zvuhh_182", Cr = "_section_zvuhh_193", wr = "_sectionTitle_zvuhh_199", Tr = "_list_zvuhh_209", Er = "_row_zvuhh_225", Dr = "_keys_zvuhh_240", Or = "_keyCap_zvuhh_247", kr = "_plus_zvuhh_277", Ar = "_description_zvuhh_284", G = {
|
|
2360
|
+
backdrop: fr,
|
|
2328
2361
|
"backdrop-in": "_backdrop-in_zvuhh_1",
|
|
2329
|
-
dialog:
|
|
2362
|
+
dialog: pr,
|
|
2330
2363
|
"dialog-in": "_dialog-in_zvuhh_1",
|
|
2331
|
-
header:
|
|
2332
|
-
title:
|
|
2333
|
-
closeBtn:
|
|
2334
|
-
searchRow:
|
|
2335
|
-
searchIcon:
|
|
2336
|
-
searchInput:
|
|
2337
|
-
searchClear:
|
|
2338
|
-
body:
|
|
2339
|
-
empty:
|
|
2340
|
-
section:
|
|
2341
|
-
sectionTitle:
|
|
2342
|
-
list:
|
|
2343
|
-
row:
|
|
2344
|
-
keys:
|
|
2345
|
-
keyCap:
|
|
2346
|
-
plus:
|
|
2347
|
-
description:
|
|
2348
|
-
},
|
|
2349
|
-
function
|
|
2364
|
+
header: mr,
|
|
2365
|
+
title: hr,
|
|
2366
|
+
closeBtn: gr,
|
|
2367
|
+
searchRow: _r,
|
|
2368
|
+
searchIcon: vr,
|
|
2369
|
+
searchInput: yr,
|
|
2370
|
+
searchClear: br,
|
|
2371
|
+
body: xr,
|
|
2372
|
+
empty: Sr,
|
|
2373
|
+
section: Cr,
|
|
2374
|
+
sectionTitle: wr,
|
|
2375
|
+
list: Tr,
|
|
2376
|
+
row: Er,
|
|
2377
|
+
keys: Dr,
|
|
2378
|
+
keyCap: Or,
|
|
2379
|
+
plus: kr,
|
|
2380
|
+
description: Ar
|
|
2381
|
+
}, jr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
2382
|
+
function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
|
|
2350
2383
|
let [o, c] = f(""), u = d(null), m = d(null), h = d(null), g = d(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);
|
|
2351
2384
|
l(() => {
|
|
2352
2385
|
e ? (h.current = document.activeElement, requestAnimationFrame(() => m.current?.focus())) : (c(""), h.current?.focus());
|
|
@@ -2357,7 +2390,7 @@ function jr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2357
2390
|
return;
|
|
2358
2391
|
}
|
|
2359
2392
|
if (e.key !== "Tab") return;
|
|
2360
|
-
let t = Array.from(u.current?.querySelectorAll(
|
|
2393
|
+
let t = Array.from(u.current?.querySelectorAll(jr) ?? []);
|
|
2361
2394
|
if (t.length === 0) return;
|
|
2362
2395
|
let n = t[0], i = t[t.length - 1];
|
|
2363
2396
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), n.focus());
|
|
@@ -2367,7 +2400,7 @@ function jr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2367
2400
|
...e,
|
|
2368
2401
|
shortcuts: e.shortcuts.filter(({ description: e, keys: t }) => !v || e.toLowerCase().includes(v) || t.some((e) => e.toLowerCase().includes(v)))
|
|
2369
2402
|
})).filter((e) => e.shortcuts.length > 0), b = /* @__PURE__ */ t("div", {
|
|
2370
|
-
className:
|
|
2403
|
+
className: G.backdrop,
|
|
2371
2404
|
onClick: r,
|
|
2372
2405
|
"aria-hidden": "true",
|
|
2373
2406
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -2375,36 +2408,36 @@ function jr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2375
2408
|
role: "dialog",
|
|
2376
2409
|
"aria-modal": "true",
|
|
2377
2410
|
"aria-labelledby": g.current,
|
|
2378
|
-
className:
|
|
2411
|
+
className: G.dialog,
|
|
2379
2412
|
onKeyDown: _,
|
|
2380
2413
|
onClick: (e) => e.stopPropagation(),
|
|
2381
2414
|
children: [
|
|
2382
2415
|
/* @__PURE__ */ n("div", {
|
|
2383
|
-
className:
|
|
2416
|
+
className: G.header,
|
|
2384
2417
|
children: [/* @__PURE__ */ t("span", {
|
|
2385
2418
|
id: g.current,
|
|
2386
|
-
className:
|
|
2419
|
+
className: G.title,
|
|
2387
2420
|
children: i
|
|
2388
2421
|
}), /* @__PURE__ */ t("button", {
|
|
2389
2422
|
type: "button",
|
|
2390
|
-
className:
|
|
2423
|
+
className: G.closeBtn,
|
|
2391
2424
|
"aria-label": "Close",
|
|
2392
2425
|
onClick: r,
|
|
2393
2426
|
children: "×"
|
|
2394
2427
|
})]
|
|
2395
2428
|
}),
|
|
2396
2429
|
/* @__PURE__ */ n("div", {
|
|
2397
|
-
className:
|
|
2430
|
+
className: G.searchRow,
|
|
2398
2431
|
children: [
|
|
2399
2432
|
/* @__PURE__ */ t("span", {
|
|
2400
|
-
className:
|
|
2433
|
+
className: G.searchIcon,
|
|
2401
2434
|
"aria-hidden": "true",
|
|
2402
2435
|
children: "⌕"
|
|
2403
2436
|
}),
|
|
2404
2437
|
/* @__PURE__ */ t("input", {
|
|
2405
2438
|
ref: m,
|
|
2406
2439
|
type: "search",
|
|
2407
|
-
className:
|
|
2440
|
+
className: G.searchInput,
|
|
2408
2441
|
placeholder: "Search shortcuts…",
|
|
2409
2442
|
value: o,
|
|
2410
2443
|
onChange: (e) => c(e.target.value),
|
|
@@ -2412,7 +2445,7 @@ function jr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2412
2445
|
}),
|
|
2413
2446
|
o && /* @__PURE__ */ t("button", {
|
|
2414
2447
|
type: "button",
|
|
2415
|
-
className:
|
|
2448
|
+
className: G.searchClear,
|
|
2416
2449
|
"aria-label": "Clear search",
|
|
2417
2450
|
onClick: () => {
|
|
2418
2451
|
c(""), m.current?.focus();
|
|
@@ -2422,38 +2455,38 @@ function jr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2422
2455
|
]
|
|
2423
2456
|
}),
|
|
2424
2457
|
/* @__PURE__ */ t("div", {
|
|
2425
|
-
className:
|
|
2458
|
+
className: G.body,
|
|
2426
2459
|
role: "list",
|
|
2427
2460
|
children: y.length === 0 ? /* @__PURE__ */ n("p", {
|
|
2428
|
-
className:
|
|
2461
|
+
className: G.empty,
|
|
2429
2462
|
children: [
|
|
2430
2463
|
"No shortcuts match \"",
|
|
2431
2464
|
o,
|
|
2432
2465
|
"\""
|
|
2433
2466
|
]
|
|
2434
2467
|
}) : y.map((e) => /* @__PURE__ */ n("section", {
|
|
2435
|
-
className:
|
|
2468
|
+
className: G.section,
|
|
2436
2469
|
children: [/* @__PURE__ */ t("h3", {
|
|
2437
|
-
className:
|
|
2470
|
+
className: G.sectionTitle,
|
|
2438
2471
|
children: e.title
|
|
2439
2472
|
}), /* @__PURE__ */ t("ul", {
|
|
2440
|
-
className:
|
|
2473
|
+
className: G.list,
|
|
2441
2474
|
children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
|
|
2442
|
-
className:
|
|
2475
|
+
className: G.row,
|
|
2443
2476
|
role: "listitem",
|
|
2444
2477
|
children: [/* @__PURE__ */ t("span", {
|
|
2445
|
-
className:
|
|
2478
|
+
className: G.keys,
|
|
2446
2479
|
"aria-label": e.keys.join(" + "),
|
|
2447
2480
|
children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
|
|
2448
|
-
className:
|
|
2481
|
+
className: G.keyCap,
|
|
2449
2482
|
children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
|
|
2450
|
-
className:
|
|
2483
|
+
className: G.plus,
|
|
2451
2484
|
"aria-hidden": "true",
|
|
2452
2485
|
children: "+"
|
|
2453
2486
|
})]
|
|
2454
2487
|
}, i))
|
|
2455
2488
|
}), /* @__PURE__ */ t("span", {
|
|
2456
|
-
className:
|
|
2489
|
+
className: G.description,
|
|
2457
2490
|
children: e.description
|
|
2458
2491
|
})]
|
|
2459
2492
|
}, e.description))
|
|
@@ -2465,7 +2498,7 @@ function jr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2465
2498
|
});
|
|
2466
2499
|
return typeof document > "u" ? b : p(b, document.body);
|
|
2467
2500
|
}
|
|
2468
|
-
var
|
|
2501
|
+
var K = {
|
|
2469
2502
|
sidebar: "_sidebar_kmj4b_3",
|
|
2470
2503
|
list: "_list_kmj4b_17",
|
|
2471
2504
|
item: "_item_kmj4b_28",
|
|
@@ -2475,13 +2508,13 @@ var G = {
|
|
|
2475
2508
|
itemLabel: "_itemLabel_kmj4b_119",
|
|
2476
2509
|
itemSuffix: "_itemSuffix_kmj4b_129",
|
|
2477
2510
|
count: "_count_kmj4b_136"
|
|
2478
|
-
},
|
|
2479
|
-
function
|
|
2480
|
-
let e = c(
|
|
2511
|
+
}, Nr = a(null);
|
|
2512
|
+
function Pr() {
|
|
2513
|
+
let e = c(Nr);
|
|
2481
2514
|
if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
|
|
2482
2515
|
return e;
|
|
2483
2516
|
}
|
|
2484
|
-
function
|
|
2517
|
+
function Fr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
|
|
2485
2518
|
let s = d(null);
|
|
2486
2519
|
function c(e) {
|
|
2487
2520
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2494,20 +2527,20 @@ function Pr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2494
2527
|
else return;
|
|
2495
2528
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2496
2529
|
}
|
|
2497
|
-
return /* @__PURE__ */ t(
|
|
2530
|
+
return /* @__PURE__ */ t(Nr.Provider, {
|
|
2498
2531
|
value: {
|
|
2499
2532
|
value: e,
|
|
2500
2533
|
onValueChange: n
|
|
2501
2534
|
},
|
|
2502
2535
|
children: /* @__PURE__ */ t("nav", {
|
|
2503
|
-
className: [
|
|
2536
|
+
className: [K.sidebar, a].filter(Boolean).join(" "),
|
|
2504
2537
|
onKeyDown: c,
|
|
2505
2538
|
...o,
|
|
2506
2539
|
children: /* @__PURE__ */ t("ul", {
|
|
2507
2540
|
ref: s,
|
|
2508
2541
|
role: "radiogroup",
|
|
2509
2542
|
"aria-label": r,
|
|
2510
|
-
className:
|
|
2543
|
+
className: K.list,
|
|
2511
2544
|
children: i
|
|
2512
2545
|
})
|
|
2513
2546
|
})
|
|
@@ -2515,10 +2548,10 @@ function Pr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2515
2548
|
}
|
|
2516
2549
|
//#endregion
|
|
2517
2550
|
//#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
|
|
2518
|
-
function
|
|
2519
|
-
let { value: u, onValueChange: d } =
|
|
2551
|
+
function Ir({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
|
|
2552
|
+
let { value: u, onValueChange: d } = Pr(), f = u === e, p = o ?? a ?? null;
|
|
2520
2553
|
return /* @__PURE__ */ t("li", {
|
|
2521
|
-
className:
|
|
2554
|
+
className: K.item,
|
|
2522
2555
|
children: /* @__PURE__ */ n("button", {
|
|
2523
2556
|
type: "button",
|
|
2524
2557
|
role: "radio",
|
|
@@ -2527,14 +2560,14 @@ function Fr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2527
2560
|
disabled: s,
|
|
2528
2561
|
onClick: () => d(e),
|
|
2529
2562
|
className: [
|
|
2530
|
-
|
|
2531
|
-
f ?
|
|
2563
|
+
K.itemBtn,
|
|
2564
|
+
f ? K.active : null,
|
|
2532
2565
|
c
|
|
2533
2566
|
].filter(Boolean).join(" "),
|
|
2534
2567
|
...l,
|
|
2535
2568
|
children: [
|
|
2536
2569
|
i && /* @__PURE__ */ t("span", {
|
|
2537
|
-
className:
|
|
2570
|
+
className: K.itemIcon,
|
|
2538
2571
|
children: /* @__PURE__ */ t(F, {
|
|
2539
2572
|
icon: i,
|
|
2540
2573
|
size: "md",
|
|
@@ -2542,13 +2575,13 @@ function Fr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2542
2575
|
})
|
|
2543
2576
|
}),
|
|
2544
2577
|
/* @__PURE__ */ t("span", {
|
|
2545
|
-
className:
|
|
2578
|
+
className: K.itemLabel,
|
|
2546
2579
|
children: r
|
|
2547
2580
|
}),
|
|
2548
2581
|
p != null && /* @__PURE__ */ t("span", {
|
|
2549
|
-
className:
|
|
2582
|
+
className: K.itemSuffix,
|
|
2550
2583
|
children: typeof p == "number" ? /* @__PURE__ */ t("span", {
|
|
2551
|
-
className:
|
|
2584
|
+
className: K.count,
|
|
2552
2585
|
children: p > 99 ? "99+" : p
|
|
2553
2586
|
}) : p
|
|
2554
2587
|
})
|
|
@@ -2558,7 +2591,7 @@ function Fr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2558
2591
|
}
|
|
2559
2592
|
//#endregion
|
|
2560
2593
|
//#region src/components/BreakpointBin/BreakpointBin.tsx
|
|
2561
|
-
function
|
|
2594
|
+
function Lr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
2562
2595
|
let o = d(null), [s, c] = f({
|
|
2563
2596
|
activeBreakpoint: null,
|
|
2564
2597
|
width: 0
|
|
@@ -2588,7 +2621,7 @@ function Ir({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
|
2588
2621
|
children: n(s)
|
|
2589
2622
|
});
|
|
2590
2623
|
}
|
|
2591
|
-
var
|
|
2624
|
+
var Rr = {
|
|
2592
2625
|
row: "_row_1ba2f_3",
|
|
2593
2626
|
title: "_title_1ba2f_48",
|
|
2594
2627
|
leading: "_leading_1ba2f_59",
|
|
@@ -2599,31 +2632,31 @@ var Lr = {
|
|
|
2599
2632
|
};
|
|
2600
2633
|
//#endregion
|
|
2601
2634
|
//#region src/components/ButtonRow/ButtonRow.tsx
|
|
2602
|
-
function
|
|
2635
|
+
function zr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
|
|
2603
2636
|
return /* @__PURE__ */ n("button", {
|
|
2604
2637
|
className: [
|
|
2605
|
-
|
|
2606
|
-
|
|
2638
|
+
Rr.row,
|
|
2639
|
+
Rr[r],
|
|
2607
2640
|
o
|
|
2608
2641
|
].filter(Boolean).join(" "),
|
|
2609
2642
|
...s,
|
|
2610
2643
|
children: [
|
|
2611
2644
|
i && /* @__PURE__ */ t("span", {
|
|
2612
|
-
className:
|
|
2645
|
+
className: Rr.leading,
|
|
2613
2646
|
children: i
|
|
2614
2647
|
}),
|
|
2615
2648
|
/* @__PURE__ */ t("span", {
|
|
2616
|
-
className:
|
|
2649
|
+
className: Rr.title,
|
|
2617
2650
|
children: e
|
|
2618
2651
|
}),
|
|
2619
2652
|
a && /* @__PURE__ */ t("span", {
|
|
2620
|
-
className:
|
|
2653
|
+
className: Rr.trailing,
|
|
2621
2654
|
children: a
|
|
2622
2655
|
})
|
|
2623
2656
|
]
|
|
2624
2657
|
});
|
|
2625
2658
|
}
|
|
2626
|
-
var
|
|
2659
|
+
var Br = {
|
|
2627
2660
|
container: "_container_4kjnf_3",
|
|
2628
2661
|
primary: "_primary_4kjnf_14",
|
|
2629
2662
|
toggle: "_toggle_4kjnf_15",
|
|
@@ -2637,7 +2670,7 @@ var zr = {
|
|
|
2637
2670
|
};
|
|
2638
2671
|
//#endregion
|
|
2639
2672
|
//#region src/components/SplitButton/SplitButton.tsx
|
|
2640
|
-
function
|
|
2673
|
+
function Vr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: m, ...h }) {
|
|
2641
2674
|
let [g, _] = f(!1), [v, y] = f({}), b = d(null), x = d(null), S = d(null), C = s(() => _(!1), []), w = s(() => {
|
|
2642
2675
|
if (!x.current || !S.current) return;
|
|
2643
2676
|
let e = x.current.getBoundingClientRect(), t = S.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
|
|
@@ -2667,15 +2700,15 @@ function Br({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2667
2700
|
let T = (e) => {
|
|
2668
2701
|
e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
|
|
2669
2702
|
}, E = [
|
|
2670
|
-
|
|
2671
|
-
|
|
2703
|
+
Br.container,
|
|
2704
|
+
Br[i],
|
|
2672
2705
|
m
|
|
2673
2706
|
].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
|
|
2674
2707
|
ref: S,
|
|
2675
2708
|
role: "dialog",
|
|
2676
2709
|
"aria-label": o,
|
|
2677
2710
|
tabIndex: -1,
|
|
2678
|
-
className: [
|
|
2711
|
+
className: [Br.dropdown, g ? Br.dropdownVisible : null].filter(Boolean).join(" "),
|
|
2679
2712
|
style: Object.keys(v).length ? {
|
|
2680
2713
|
...v,
|
|
2681
2714
|
position: "fixed"
|
|
@@ -2694,26 +2727,26 @@ function Br({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2694
2727
|
className: E,
|
|
2695
2728
|
children: [
|
|
2696
2729
|
/* @__PURE__ */ t("button", {
|
|
2697
|
-
className:
|
|
2730
|
+
className: Br.primary,
|
|
2698
2731
|
disabled: c,
|
|
2699
2732
|
onClick: u,
|
|
2700
2733
|
...h,
|
|
2701
2734
|
children: r
|
|
2702
2735
|
}),
|
|
2703
2736
|
/* @__PURE__ */ t("span", {
|
|
2704
|
-
className:
|
|
2737
|
+
className: Br.separator,
|
|
2705
2738
|
"aria-hidden": "true"
|
|
2706
2739
|
}),
|
|
2707
2740
|
/* @__PURE__ */ t("button", {
|
|
2708
2741
|
ref: x,
|
|
2709
|
-
className:
|
|
2742
|
+
className: Br.toggle,
|
|
2710
2743
|
disabled: c,
|
|
2711
2744
|
"aria-label": o,
|
|
2712
2745
|
"aria-haspopup": "dialog",
|
|
2713
2746
|
"aria-expanded": g,
|
|
2714
2747
|
onClick: () => _((e) => !e),
|
|
2715
2748
|
children: /* @__PURE__ */ t("svg", {
|
|
2716
|
-
className:
|
|
2749
|
+
className: Br.chevron,
|
|
2717
2750
|
width: "16",
|
|
2718
2751
|
height: "16",
|
|
2719
2752
|
viewBox: "0 0 16 16",
|
|
@@ -2732,56 +2765,56 @@ function Br({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2732
2765
|
]
|
|
2733
2766
|
}), g && (typeof document < "u" ? p(D, document.body) : D)] });
|
|
2734
2767
|
}
|
|
2735
|
-
var
|
|
2768
|
+
var Hr = {
|
|
2736
2769
|
toolbar: "_toolbar_1avgl_2",
|
|
2737
2770
|
spacer: "_spacer_1avgl_20"
|
|
2738
2771
|
};
|
|
2739
2772
|
//#endregion
|
|
2740
2773
|
//#region src/components/Toolbar/Toolbar.tsx
|
|
2741
|
-
function
|
|
2774
|
+
function Ur({ children: e, className: n, ...r }) {
|
|
2742
2775
|
return /* @__PURE__ */ t("div", {
|
|
2743
|
-
className: [
|
|
2776
|
+
className: [Hr.toolbar, n].filter(Boolean).join(" "),
|
|
2744
2777
|
...r,
|
|
2745
2778
|
children: e
|
|
2746
2779
|
});
|
|
2747
2780
|
}
|
|
2748
2781
|
//#endregion
|
|
2749
2782
|
//#region src/components/Toolbar/Spacer.tsx
|
|
2750
|
-
function
|
|
2783
|
+
function Wr({ className: e, ...n }) {
|
|
2751
2784
|
return /* @__PURE__ */ t("div", {
|
|
2752
2785
|
"aria-hidden": "true",
|
|
2753
|
-
className: [
|
|
2786
|
+
className: [Hr.spacer, e].filter(Boolean).join(" "),
|
|
2754
2787
|
...n
|
|
2755
2788
|
});
|
|
2756
2789
|
}
|
|
2757
|
-
var
|
|
2790
|
+
var Gr = {
|
|
2758
2791
|
linked: "_linked_1tser_3",
|
|
2759
2792
|
vertical: "_vertical_1tser_9"
|
|
2760
2793
|
};
|
|
2761
2794
|
//#endregion
|
|
2762
2795
|
//#region src/components/LinkedGroup/LinkedGroup.tsx
|
|
2763
|
-
function
|
|
2796
|
+
function Kr({ children: e, vertical: n = !1, className: r, ...i }) {
|
|
2764
2797
|
return /* @__PURE__ */ t("div", {
|
|
2765
2798
|
className: [
|
|
2766
|
-
|
|
2767
|
-
n ?
|
|
2799
|
+
Gr.linked,
|
|
2800
|
+
n ? Gr.vertical : null,
|
|
2768
2801
|
r
|
|
2769
2802
|
].filter(Boolean).join(" "),
|
|
2770
2803
|
...i,
|
|
2771
2804
|
children: e
|
|
2772
2805
|
});
|
|
2773
2806
|
}
|
|
2774
|
-
var
|
|
2807
|
+
var qr = { frame: "_frame_1bq7b_2" };
|
|
2775
2808
|
//#endregion
|
|
2776
2809
|
//#region src/components/Frame/Frame.tsx
|
|
2777
|
-
function
|
|
2810
|
+
function Jr({ children: e, className: n, ...r }) {
|
|
2778
2811
|
return /* @__PURE__ */ t("div", {
|
|
2779
|
-
className: [
|
|
2812
|
+
className: [qr.frame, n].filter(Boolean).join(" "),
|
|
2780
2813
|
...r,
|
|
2781
2814
|
children: e
|
|
2782
2815
|
});
|
|
2783
2816
|
}
|
|
2784
|
-
var
|
|
2817
|
+
var q = {
|
|
2785
2818
|
expanderRow: "_expanderRow_16el8_3",
|
|
2786
2819
|
header: "_header_16el8_11",
|
|
2787
2820
|
leading: "_leading_16el8_55",
|
|
@@ -2800,48 +2833,48 @@ var K = {
|
|
|
2800
2833
|
};
|
|
2801
2834
|
//#endregion
|
|
2802
2835
|
//#region src/components/ExpanderRow/ExpanderRow.tsx
|
|
2803
|
-
function
|
|
2836
|
+
function Yr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: p, ...m }) {
|
|
2804
2837
|
let h = c !== void 0, [g, _] = f(l), v = h ? c : g, y = u(), b = u(), x = () => {
|
|
2805
2838
|
let e = !v;
|
|
2806
2839
|
h || _(e), d?.(e);
|
|
2807
2840
|
}, S = r.toArray(s).filter(Boolean);
|
|
2808
2841
|
return /* @__PURE__ */ n("div", {
|
|
2809
2842
|
className: [
|
|
2810
|
-
|
|
2811
|
-
v ?
|
|
2843
|
+
q.expanderRow,
|
|
2844
|
+
v ? q.expanded : null,
|
|
2812
2845
|
p
|
|
2813
2846
|
].filter(Boolean).join(" "),
|
|
2814
2847
|
...m,
|
|
2815
2848
|
children: [/* @__PURE__ */ n("button", {
|
|
2816
2849
|
id: b,
|
|
2817
|
-
className:
|
|
2850
|
+
className: q.header,
|
|
2818
2851
|
"aria-expanded": v,
|
|
2819
2852
|
"aria-controls": y,
|
|
2820
2853
|
onClick: x,
|
|
2821
2854
|
children: [
|
|
2822
2855
|
a && /* @__PURE__ */ t("span", {
|
|
2823
|
-
className:
|
|
2856
|
+
className: q.leading,
|
|
2824
2857
|
children: a
|
|
2825
2858
|
}),
|
|
2826
2859
|
/* @__PURE__ */ n("span", {
|
|
2827
|
-
className:
|
|
2860
|
+
className: q.content,
|
|
2828
2861
|
children: [/* @__PURE__ */ t("span", {
|
|
2829
|
-
className:
|
|
2862
|
+
className: q.title,
|
|
2830
2863
|
children: e
|
|
2831
2864
|
}), i && /* @__PURE__ */ t("span", {
|
|
2832
|
-
className:
|
|
2865
|
+
className: q.subtitle,
|
|
2833
2866
|
children: i
|
|
2834
2867
|
})]
|
|
2835
2868
|
}),
|
|
2836
2869
|
o && /* @__PURE__ */ t("span", {
|
|
2837
|
-
className:
|
|
2870
|
+
className: q.trailing,
|
|
2838
2871
|
children: o
|
|
2839
2872
|
}),
|
|
2840
2873
|
/* @__PURE__ */ t("span", {
|
|
2841
|
-
className: [
|
|
2874
|
+
className: [q.chevronWrap, v ? q.chevronOpen : null].filter(Boolean).join(" "),
|
|
2842
2875
|
"aria-hidden": "true",
|
|
2843
2876
|
children: /* @__PURE__ */ t("svg", {
|
|
2844
|
-
className:
|
|
2877
|
+
className: q.chevron,
|
|
2845
2878
|
width: "16",
|
|
2846
2879
|
height: "16",
|
|
2847
2880
|
viewBox: "0 0 16 16",
|
|
@@ -2861,13 +2894,13 @@ function Jr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
2861
2894
|
id: y,
|
|
2862
2895
|
role: "region",
|
|
2863
2896
|
"aria-labelledby": b,
|
|
2864
|
-
className:
|
|
2897
|
+
className: q.panel,
|
|
2865
2898
|
children: /* @__PURE__ */ t("div", {
|
|
2866
|
-
className:
|
|
2899
|
+
className: q.panelInner,
|
|
2867
2900
|
children: S.map((e, r) => /* @__PURE__ */ n("div", {
|
|
2868
|
-
className:
|
|
2901
|
+
className: q.childItem,
|
|
2869
2902
|
children: [/* @__PURE__ */ t("div", {
|
|
2870
|
-
className:
|
|
2903
|
+
className: q.divider,
|
|
2871
2904
|
"aria-hidden": "true"
|
|
2872
2905
|
}), e]
|
|
2873
2906
|
}, r))
|
|
@@ -2875,7 +2908,7 @@ function Jr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
2875
2908
|
})]
|
|
2876
2909
|
});
|
|
2877
2910
|
}
|
|
2878
|
-
var
|
|
2911
|
+
var Xr = {
|
|
2879
2912
|
switcher: "_switcher_2tknm_3",
|
|
2880
2913
|
item: "_item_2tknm_10",
|
|
2881
2914
|
iconOnly: "_iconOnly_2tknm_38",
|
|
@@ -2885,13 +2918,13 @@ var Yr = {
|
|
|
2885
2918
|
active: "_active_2tknm_68",
|
|
2886
2919
|
flat: "_flat_2tknm_121",
|
|
2887
2920
|
round: "_round_2tknm_169"
|
|
2888
|
-
},
|
|
2889
|
-
function
|
|
2890
|
-
let e = c(
|
|
2921
|
+
}, Zr = a(null);
|
|
2922
|
+
function Qr() {
|
|
2923
|
+
let e = c(Zr);
|
|
2891
2924
|
if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
|
|
2892
2925
|
return e;
|
|
2893
2926
|
}
|
|
2894
|
-
function
|
|
2927
|
+
function $r({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
|
|
2895
2928
|
let c = d(null);
|
|
2896
2929
|
function l(e) {
|
|
2897
2930
|
let t = Array.from(c.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2904,7 +2937,7 @@ function Qr({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
2904
2937
|
else return;
|
|
2905
2938
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2906
2939
|
}
|
|
2907
|
-
return /* @__PURE__ */ t(
|
|
2940
|
+
return /* @__PURE__ */ t(Zr.Provider, {
|
|
2908
2941
|
value: {
|
|
2909
2942
|
value: e,
|
|
2910
2943
|
onValueChange: n
|
|
@@ -2915,8 +2948,8 @@ function Qr({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
2915
2948
|
"aria-label": i,
|
|
2916
2949
|
onKeyDown: l,
|
|
2917
2950
|
className: [
|
|
2918
|
-
|
|
2919
|
-
|
|
2951
|
+
Xr.switcher,
|
|
2952
|
+
Xr[r],
|
|
2920
2953
|
o
|
|
2921
2954
|
].filter(Boolean).join(" "),
|
|
2922
2955
|
...s,
|
|
@@ -2926,8 +2959,8 @@ function Qr({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
2926
2959
|
}
|
|
2927
2960
|
//#endregion
|
|
2928
2961
|
//#region src/components/InlineViewSwitcher/InlineViewSwitcherItem.tsx
|
|
2929
|
-
function
|
|
2930
|
-
let { value: c, onValueChange: l } =
|
|
2962
|
+
function ei({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
2963
|
+
let { value: c, onValueChange: l } = Qr(), u = c === e, d = i && !r;
|
|
2931
2964
|
return /* @__PURE__ */ n("button", {
|
|
2932
2965
|
type: "button",
|
|
2933
2966
|
role: "radio",
|
|
@@ -2936,26 +2969,26 @@ function $r({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
2936
2969
|
disabled: a,
|
|
2937
2970
|
onClick: () => l(e),
|
|
2938
2971
|
className: [
|
|
2939
|
-
|
|
2940
|
-
u ?
|
|
2941
|
-
d ?
|
|
2972
|
+
Xr.item,
|
|
2973
|
+
u ? Xr.active : null,
|
|
2974
|
+
d ? Xr.iconOnly : null,
|
|
2942
2975
|
o
|
|
2943
2976
|
].filter(Boolean).join(" "),
|
|
2944
2977
|
...s,
|
|
2945
2978
|
children: [i && /* @__PURE__ */ t("span", {
|
|
2946
|
-
className:
|
|
2979
|
+
className: Xr.itemIcon,
|
|
2947
2980
|
children: /* @__PURE__ */ t(F, {
|
|
2948
2981
|
icon: i,
|
|
2949
2982
|
size: "md",
|
|
2950
2983
|
"aria-hidden": !0
|
|
2951
2984
|
})
|
|
2952
2985
|
}), r && /* @__PURE__ */ t("span", {
|
|
2953
|
-
className:
|
|
2986
|
+
className: Xr.itemLabel,
|
|
2954
2987
|
children: r
|
|
2955
2988
|
})]
|
|
2956
2989
|
});
|
|
2957
2990
|
}
|
|
2958
|
-
var
|
|
2991
|
+
var ti = {
|
|
2959
2992
|
row: "_row_jl3bc_3",
|
|
2960
2993
|
disabled: "_disabled_jl3bc_41",
|
|
2961
2994
|
leading: "_leading_jl3bc_49",
|
|
@@ -2968,7 +3001,7 @@ var q = {
|
|
|
2968
3001
|
};
|
|
2969
3002
|
//#endregion
|
|
2970
3003
|
//#region src/components/SwitchRow/SwitchRow.tsx
|
|
2971
|
-
function
|
|
3004
|
+
function ni({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
|
|
2972
3005
|
let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
2973
3006
|
let t = !_;
|
|
2974
3007
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -2979,32 +3012,32 @@ function ei({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
2979
3012
|
"aria-labelledby": v,
|
|
2980
3013
|
disabled: c,
|
|
2981
3014
|
className: [
|
|
2982
|
-
|
|
2983
|
-
c ?
|
|
3015
|
+
ti.row,
|
|
3016
|
+
c ? ti.disabled : null,
|
|
2984
3017
|
l
|
|
2985
3018
|
].filter(Boolean).join(" "),
|
|
2986
3019
|
onClick: y,
|
|
2987
3020
|
...p,
|
|
2988
3021
|
children: [
|
|
2989
3022
|
i && /* @__PURE__ */ t("span", {
|
|
2990
|
-
className:
|
|
3023
|
+
className: ti.leading,
|
|
2991
3024
|
children: i
|
|
2992
3025
|
}),
|
|
2993
3026
|
/* @__PURE__ */ n("span", {
|
|
2994
|
-
className:
|
|
3027
|
+
className: ti.content,
|
|
2995
3028
|
id: v,
|
|
2996
3029
|
children: [/* @__PURE__ */ t("span", {
|
|
2997
|
-
className:
|
|
3030
|
+
className: ti.title,
|
|
2998
3031
|
children: e
|
|
2999
3032
|
}), r && /* @__PURE__ */ t("span", {
|
|
3000
|
-
className:
|
|
3033
|
+
className: ti.subtitle,
|
|
3001
3034
|
children: r
|
|
3002
3035
|
})]
|
|
3003
3036
|
}),
|
|
3004
3037
|
/* @__PURE__ */ t("span", {
|
|
3005
|
-
className:
|
|
3038
|
+
className: ti.switchTrack,
|
|
3006
3039
|
"aria-hidden": "true",
|
|
3007
|
-
children: /* @__PURE__ */ t("span", { className: [
|
|
3040
|
+
children: /* @__PURE__ */ t("span", { className: [ti.switchThumb, _ ? ti.switchThumbOn : null].filter(Boolean).join(" ") })
|
|
3008
3041
|
})
|
|
3009
3042
|
]
|
|
3010
3043
|
});
|
|
@@ -3023,7 +3056,7 @@ var J = {
|
|
|
3023
3056
|
};
|
|
3024
3057
|
//#endregion
|
|
3025
3058
|
//#region src/components/CheckRow/CheckRow.tsx
|
|
3026
|
-
function
|
|
3059
|
+
function ri({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
|
|
3027
3060
|
let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3028
3061
|
let t = !_;
|
|
3029
3062
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3083,35 +3116,35 @@ function ti({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3083
3116
|
}
|
|
3084
3117
|
//#endregion
|
|
3085
3118
|
//#region src/components/ComboRow/ComboRow.module.css
|
|
3086
|
-
var
|
|
3087
|
-
row:
|
|
3088
|
-
disabled:
|
|
3089
|
-
leading:
|
|
3090
|
-
content:
|
|
3091
|
-
title:
|
|
3092
|
-
subtitle:
|
|
3093
|
-
comboWrap:
|
|
3094
|
-
trigger:
|
|
3095
|
-
triggerOpen:
|
|
3096
|
-
triggerLabel:
|
|
3097
|
-
placeholder:
|
|
3098
|
-
chevron:
|
|
3099
|
-
chevronOpen:
|
|
3100
|
-
list:
|
|
3119
|
+
var ii = "_row_46mn8_3", ai = "_disabled_46mn8_16", oi = "_leading_46mn8_23", si = "_content_46mn8_32", ci = "_title_46mn8_40", li = "_subtitle_46mn8_51", ui = "_comboWrap_46mn8_65", di = "_trigger_46mn8_73", fi = "_triggerOpen_46mn8_126", pi = "_triggerLabel_46mn8_136", mi = "_placeholder_46mn8_144", hi = "_chevron_46mn8_150", gi = "_chevronOpen_46mn8_157", _i = "_list_46mn8_163", vi = "_listDown_46mn8_192", yi = "_listUp_46mn8_196", bi = "_option_46mn8_208", xi = "_optionActive_46mn8_225", Si = "_optionSelected_46mn8_229", Ci = "_optionDisabled_46mn8_233", wi = "_optionLabel_46mn8_239", Ti = "_checkIcon_46mn8_247", Y = {
|
|
3120
|
+
row: ii,
|
|
3121
|
+
disabled: ai,
|
|
3122
|
+
leading: oi,
|
|
3123
|
+
content: si,
|
|
3124
|
+
title: ci,
|
|
3125
|
+
subtitle: li,
|
|
3126
|
+
comboWrap: ui,
|
|
3127
|
+
trigger: di,
|
|
3128
|
+
triggerOpen: fi,
|
|
3129
|
+
triggerLabel: pi,
|
|
3130
|
+
placeholder: mi,
|
|
3131
|
+
chevron: hi,
|
|
3132
|
+
chevronOpen: gi,
|
|
3133
|
+
list: _i,
|
|
3101
3134
|
"list-in": "_list-in_46mn8_1",
|
|
3102
|
-
listDown:
|
|
3103
|
-
listUp:
|
|
3135
|
+
listDown: vi,
|
|
3136
|
+
listUp: yi,
|
|
3104
3137
|
"list-in-up": "_list-in-up_46mn8_1",
|
|
3105
|
-
option:
|
|
3106
|
-
optionActive:
|
|
3107
|
-
optionSelected:
|
|
3108
|
-
optionDisabled:
|
|
3109
|
-
optionLabel:
|
|
3110
|
-
checkIcon:
|
|
3138
|
+
option: bi,
|
|
3139
|
+
optionActive: xi,
|
|
3140
|
+
optionSelected: Si,
|
|
3141
|
+
optionDisabled: Ci,
|
|
3142
|
+
optionLabel: wi,
|
|
3143
|
+
checkIcon: Ti
|
|
3111
3144
|
};
|
|
3112
3145
|
//#endregion
|
|
3113
3146
|
//#region src/components/ComboRow/ComboRow.tsx
|
|
3114
|
-
function
|
|
3147
|
+
function Ei({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: p, disabled: m = !1, className: h, ...g }) {
|
|
3115
3148
|
let _ = o !== void 0, [v, y] = f(c), b = _ ? o : v, [x, S] = f(!1), [C, w] = f(-1), [T, E] = f(!1), D = u(), O = u(), k = d(null), A = d(null), j = a.find((e) => e.value === b), M = s(() => {
|
|
3116
3149
|
if (!k.current) return;
|
|
3117
3150
|
let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
|
|
@@ -3314,7 +3347,7 @@ var X = {
|
|
|
3314
3347
|
};
|
|
3315
3348
|
//#endregion
|
|
3316
3349
|
//#region src/components/EntryRow/EntryRow.tsx
|
|
3317
|
-
function
|
|
3350
|
+
function Di({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: p, onChange: m, ...h }) {
|
|
3318
3351
|
let g = u(), _ = p ?? g, v = r !== void 0, [y, b] = f(String(i)), x = v ? String(r) : y, [S, C] = f(!1), w = d(null), T = S || x.length > 0;
|
|
3319
3352
|
return /* @__PURE__ */ n("div", {
|
|
3320
3353
|
className: [
|
|
@@ -3356,13 +3389,13 @@ function Ti({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
|
|
|
3356
3389
|
]
|
|
3357
3390
|
});
|
|
3358
3391
|
}
|
|
3359
|
-
var
|
|
3392
|
+
var Oi = { revealButton: "_revealButton_1j8z0_3" };
|
|
3360
3393
|
//#endregion
|
|
3361
3394
|
//#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
|
|
3362
|
-
function
|
|
3395
|
+
function ki({ trailing: r, disabled: i, ...a }) {
|
|
3363
3396
|
let [o, s] = f(!1), c = /* @__PURE__ */ t("button", {
|
|
3364
3397
|
type: "button",
|
|
3365
|
-
className:
|
|
3398
|
+
className: Oi.revealButton,
|
|
3366
3399
|
onClick: (e) => {
|
|
3367
3400
|
e.stopPropagation(), s((e) => !e);
|
|
3368
3401
|
},
|
|
@@ -3370,12 +3403,12 @@ function Di({ trailing: r, disabled: i, ...a }) {
|
|
|
3370
3403
|
"aria-pressed": o,
|
|
3371
3404
|
disabled: i,
|
|
3372
3405
|
children: /* @__PURE__ */ t(F, {
|
|
3373
|
-
icon: o ?
|
|
3406
|
+
icon: o ? Ie : Fe,
|
|
3374
3407
|
size: "md",
|
|
3375
3408
|
"aria-hidden": !0
|
|
3376
3409
|
})
|
|
3377
3410
|
});
|
|
3378
|
-
return /* @__PURE__ */ t(
|
|
3411
|
+
return /* @__PURE__ */ t(Di, {
|
|
3379
3412
|
...a,
|
|
3380
3413
|
type: o ? "text" : "password",
|
|
3381
3414
|
disabled: i,
|
|
@@ -3395,16 +3428,16 @@ var Z = {
|
|
|
3395
3428
|
};
|
|
3396
3429
|
//#endregion
|
|
3397
3430
|
//#region src/components/SpinRow/SpinRow.tsx
|
|
3398
|
-
function
|
|
3431
|
+
function Ai(e) {
|
|
3399
3432
|
let t = e.toString(), n = t.indexOf(".");
|
|
3400
3433
|
return n === -1 ? 0 : t.length - n - 1;
|
|
3401
3434
|
}
|
|
3402
|
-
function
|
|
3435
|
+
function ji(e, t, n) {
|
|
3403
3436
|
return Math.min(n, Math.max(t, e));
|
|
3404
3437
|
}
|
|
3405
|
-
function
|
|
3406
|
-
let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ??
|
|
3407
|
-
let t = parseFloat(
|
|
3438
|
+
function Mi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0, onValueChange: c, min: l = 0, max: d = 100, step: p = 1, decimals: m, disabled: h = !1, className: g, ..._ }) {
|
|
3439
|
+
let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ?? Ai(p), C = u(), w = s((e) => {
|
|
3440
|
+
let t = parseFloat(ji(e, l, d).toFixed(S));
|
|
3408
3441
|
v || b(t), c?.(t);
|
|
3409
3442
|
}, [
|
|
3410
3443
|
v,
|
|
@@ -3508,50 +3541,50 @@ function Ai({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3508
3541
|
}
|
|
3509
3542
|
//#endregion
|
|
3510
3543
|
//#region src/components/NavigationView/NavigationView.module.css
|
|
3511
|
-
var
|
|
3512
|
-
view:
|
|
3513
|
-
page:
|
|
3514
|
-
pageHeader:
|
|
3515
|
-
pageTitle:
|
|
3516
|
-
pageContent:
|
|
3517
|
-
enterForward:
|
|
3544
|
+
var Ni = "_view_1r1om_3", Pi = "_page_1r1om_12", Fi = "_pageHeader_1r1om_23", Ii = "_pageTitle_1r1om_34", Li = "_pageContent_1r1om_43", Ri = "_enterForward_1r1om_52", zi = "_enterBack_1r1om_56", Bi = {
|
|
3545
|
+
view: Ni,
|
|
3546
|
+
page: Pi,
|
|
3547
|
+
pageHeader: Fi,
|
|
3548
|
+
pageTitle: Ii,
|
|
3549
|
+
pageContent: Li,
|
|
3550
|
+
enterForward: Ri,
|
|
3518
3551
|
"slide-in-right": "_slide-in-right_1r1om_1",
|
|
3519
|
-
enterBack:
|
|
3552
|
+
enterBack: zi,
|
|
3520
3553
|
"slide-in-left": "_slide-in-left_1r1om_1"
|
|
3521
|
-
},
|
|
3554
|
+
}, Vi = a({
|
|
3522
3555
|
navigate: () => {},
|
|
3523
3556
|
pop: () => {},
|
|
3524
3557
|
canGoBack: !1,
|
|
3525
3558
|
currentTag: "",
|
|
3526
3559
|
direction: "forward"
|
|
3527
3560
|
});
|
|
3528
|
-
function
|
|
3529
|
-
return c(
|
|
3561
|
+
function Hi() {
|
|
3562
|
+
return c(Vi);
|
|
3530
3563
|
}
|
|
3531
|
-
function
|
|
3532
|
-
let { currentTag: s, direction: l } = c(
|
|
3564
|
+
function Ui({ tag: e, title: r, children: i, className: a, ...o }) {
|
|
3565
|
+
let { currentTag: s, direction: l } = c(Vi);
|
|
3533
3566
|
return s === e ? /* @__PURE__ */ n("div", {
|
|
3534
3567
|
className: [
|
|
3535
|
-
|
|
3536
|
-
l === "forward" ?
|
|
3568
|
+
Bi.page,
|
|
3569
|
+
l === "forward" ? Bi.enterForward : Bi.enterBack,
|
|
3537
3570
|
a
|
|
3538
3571
|
].filter(Boolean).join(" "),
|
|
3539
3572
|
...o,
|
|
3540
3573
|
children: [/* @__PURE__ */ t("div", {
|
|
3541
|
-
className:
|
|
3574
|
+
className: Bi.pageHeader,
|
|
3542
3575
|
children: /* @__PURE__ */ t("span", {
|
|
3543
|
-
className:
|
|
3576
|
+
className: Bi.pageTitle,
|
|
3544
3577
|
children: r
|
|
3545
3578
|
})
|
|
3546
3579
|
}), /* @__PURE__ */ t("div", {
|
|
3547
|
-
className:
|
|
3580
|
+
className: Bi.pageContent,
|
|
3548
3581
|
children: i
|
|
3549
3582
|
})]
|
|
3550
3583
|
}) : null;
|
|
3551
3584
|
}
|
|
3552
|
-
function
|
|
3585
|
+
function Wi({ initialPage: e, children: n, className: r, ...i }) {
|
|
3553
3586
|
let [a, o] = f([e]), s = a[a.length - 1], c = a.length > 1, [l, u] = f("forward");
|
|
3554
|
-
return /* @__PURE__ */ t(
|
|
3587
|
+
return /* @__PURE__ */ t(Vi.Provider, {
|
|
3555
3588
|
value: {
|
|
3556
3589
|
navigate: (e) => {
|
|
3557
3590
|
u("forward"), o((t) => [...t, e]);
|
|
@@ -3564,7 +3597,7 @@ function Hi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3564
3597
|
direction: l
|
|
3565
3598
|
},
|
|
3566
3599
|
children: /* @__PURE__ */ t("div", {
|
|
3567
|
-
className: [
|
|
3600
|
+
className: [Bi.view, r].filter(Boolean).join(" "),
|
|
3568
3601
|
...i,
|
|
3569
3602
|
children: n
|
|
3570
3603
|
})
|
|
@@ -3572,20 +3605,20 @@ function Hi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3572
3605
|
}
|
|
3573
3606
|
//#endregion
|
|
3574
3607
|
//#region src/components/BottomSheet/BottomSheet.module.css
|
|
3575
|
-
var
|
|
3576
|
-
backdrop:
|
|
3608
|
+
var Gi = "_backdrop_zzv98_3", Ki = "_sheet_zzv98_26", qi = "_handle_zzv98_49", Ji = "_handleBar_zzv98_56", Yi = "_title_zzv98_66", Xi = "_content_zzv98_79", Zi = {
|
|
3609
|
+
backdrop: Gi,
|
|
3577
3610
|
"backdrop-in": "_backdrop-in_zzv98_1",
|
|
3578
|
-
sheet:
|
|
3611
|
+
sheet: Ki,
|
|
3579
3612
|
"sheet-in": "_sheet-in_zzv98_1",
|
|
3580
|
-
handle:
|
|
3581
|
-
handleBar:
|
|
3582
|
-
title:
|
|
3583
|
-
content:
|
|
3584
|
-
},
|
|
3585
|
-
function
|
|
3613
|
+
handle: qi,
|
|
3614
|
+
handleBar: Ji,
|
|
3615
|
+
title: Yi,
|
|
3616
|
+
content: Xi
|
|
3617
|
+
}, Qi = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
3618
|
+
function $i({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...f }) {
|
|
3586
3619
|
let m = d(null), h = u(), g = d(null);
|
|
3587
3620
|
l(() => {
|
|
3588
|
-
e ? (g.current = document.activeElement, (m.current?.querySelector(
|
|
3621
|
+
e ? (g.current = document.activeElement, (m.current?.querySelector(Qi))?.focus()) : g.current?.focus();
|
|
3589
3622
|
}, [e]);
|
|
3590
3623
|
let _ = s((e) => {
|
|
3591
3624
|
if (e.key === "Escape") {
|
|
@@ -3593,14 +3626,14 @@ function Zi({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3593
3626
|
return;
|
|
3594
3627
|
}
|
|
3595
3628
|
if (e.key !== "Tab") return;
|
|
3596
|
-
let t = Array.from(m.current?.querySelectorAll(
|
|
3629
|
+
let t = Array.from(m.current?.querySelectorAll(Qi) ?? []);
|
|
3597
3630
|
if (t.length === 0) return;
|
|
3598
3631
|
let n = t[0], r = t[t.length - 1];
|
|
3599
3632
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3600
3633
|
}, [a]);
|
|
3601
3634
|
if (!e) return null;
|
|
3602
3635
|
let v = /* @__PURE__ */ t("div", {
|
|
3603
|
-
className:
|
|
3636
|
+
className: Zi.backdrop,
|
|
3604
3637
|
onClick: o ? a : void 0,
|
|
3605
3638
|
"aria-hidden": "true",
|
|
3606
3639
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -3608,23 +3641,23 @@ function Zi({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3608
3641
|
role: "dialog",
|
|
3609
3642
|
"aria-modal": "true",
|
|
3610
3643
|
"aria-labelledby": r ? h : void 0,
|
|
3611
|
-
className: [
|
|
3644
|
+
className: [Zi.sheet, c].filter(Boolean).join(" "),
|
|
3612
3645
|
onKeyDown: _,
|
|
3613
3646
|
onClick: (e) => e.stopPropagation(),
|
|
3614
3647
|
...f,
|
|
3615
3648
|
children: [
|
|
3616
3649
|
/* @__PURE__ */ t("div", {
|
|
3617
|
-
className:
|
|
3650
|
+
className: Zi.handle,
|
|
3618
3651
|
"aria-hidden": "true",
|
|
3619
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3652
|
+
children: /* @__PURE__ */ t("div", { className: Zi.handleBar })
|
|
3620
3653
|
}),
|
|
3621
3654
|
r && /* @__PURE__ */ t("div", {
|
|
3622
3655
|
id: h,
|
|
3623
|
-
className:
|
|
3656
|
+
className: Zi.title,
|
|
3624
3657
|
children: r
|
|
3625
3658
|
}),
|
|
3626
3659
|
i && /* @__PURE__ */ t("div", {
|
|
3627
|
-
className:
|
|
3660
|
+
className: Zi.content,
|
|
3628
3661
|
children: i
|
|
3629
3662
|
})
|
|
3630
3663
|
]
|
|
@@ -3646,7 +3679,7 @@ var Q = {
|
|
|
3646
3679
|
};
|
|
3647
3680
|
//#endregion
|
|
3648
3681
|
//#region src/components/Carousel/Carousel.tsx
|
|
3649
|
-
function
|
|
3682
|
+
function ea({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3650
3683
|
return /* @__PURE__ */ t("div", {
|
|
3651
3684
|
className: [Q.indicatorDots, i].filter(Boolean).join(" "),
|
|
3652
3685
|
role: "tablist",
|
|
@@ -3662,7 +3695,7 @@ function Qi({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3662
3695
|
}, i))
|
|
3663
3696
|
});
|
|
3664
3697
|
}
|
|
3665
|
-
function
|
|
3698
|
+
function ta({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3666
3699
|
return /* @__PURE__ */ t("div", {
|
|
3667
3700
|
className: [Q.indicatorLines, i].filter(Boolean).join(" "),
|
|
3668
3701
|
role: "tablist",
|
|
@@ -3678,7 +3711,7 @@ function $i({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3678
3711
|
}, i))
|
|
3679
3712
|
});
|
|
3680
3713
|
}
|
|
3681
|
-
function
|
|
3714
|
+
function na({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...p }) {
|
|
3682
3715
|
let m = d(null), h = r.count(e), [g, _] = f(0), v = c !== void 0, y = v ? c : g;
|
|
3683
3716
|
l(() => {
|
|
3684
3717
|
v && b(c, "smooth");
|
|
@@ -3752,49 +3785,49 @@ function ea({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3752
3785
|
}
|
|
3753
3786
|
//#endregion
|
|
3754
3787
|
//#region src/components/Bin/Bin.tsx
|
|
3755
|
-
function
|
|
3788
|
+
function ra({ children: e, ...n }) {
|
|
3756
3789
|
return /* @__PURE__ */ t("div", {
|
|
3757
3790
|
...n,
|
|
3758
3791
|
children: e
|
|
3759
3792
|
});
|
|
3760
3793
|
}
|
|
3761
|
-
var
|
|
3794
|
+
var ia = {
|
|
3762
3795
|
content: "_content_1xkwk_3",
|
|
3763
3796
|
icon: "_icon_1xkwk_9",
|
|
3764
3797
|
label: "_label_1xkwk_15"
|
|
3765
3798
|
};
|
|
3766
3799
|
//#endregion
|
|
3767
3800
|
//#region src/components/ButtonContent/ButtonContent.tsx
|
|
3768
|
-
function
|
|
3801
|
+
function aa({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
|
|
3769
3802
|
return /* @__PURE__ */ n("span", {
|
|
3770
3803
|
className: [
|
|
3771
|
-
|
|
3772
|
-
i === "end" ?
|
|
3804
|
+
ia.content,
|
|
3805
|
+
i === "end" ? ia.iconEnd : null,
|
|
3773
3806
|
a
|
|
3774
3807
|
].filter(Boolean).join(" "),
|
|
3775
3808
|
...o,
|
|
3776
3809
|
children: [
|
|
3777
3810
|
e && i === "start" && /* @__PURE__ */ t("span", {
|
|
3778
|
-
className:
|
|
3811
|
+
className: ia.icon,
|
|
3779
3812
|
"aria-hidden": "true",
|
|
3780
3813
|
children: e
|
|
3781
3814
|
}),
|
|
3782
3815
|
/* @__PURE__ */ t("span", {
|
|
3783
|
-
className:
|
|
3816
|
+
className: ia.label,
|
|
3784
3817
|
children: r
|
|
3785
3818
|
}),
|
|
3786
3819
|
e && i === "end" && /* @__PURE__ */ t("span", {
|
|
3787
|
-
className:
|
|
3820
|
+
className: ia.icon,
|
|
3788
3821
|
"aria-hidden": "true",
|
|
3789
3822
|
children: e
|
|
3790
3823
|
})
|
|
3791
3824
|
]
|
|
3792
3825
|
});
|
|
3793
3826
|
}
|
|
3794
|
-
var
|
|
3827
|
+
var oa = {
|
|
3795
3828
|
label: "_label_h3znl_3",
|
|
3796
3829
|
key: "_key_h3znl_9"
|
|
3797
|
-
},
|
|
3830
|
+
}, sa = {
|
|
3798
3831
|
ctrl: "⌃",
|
|
3799
3832
|
control: "⌃",
|
|
3800
3833
|
shift: "⇧",
|
|
@@ -3822,22 +3855,22 @@ var ia = {
|
|
|
3822
3855
|
home: "⇱",
|
|
3823
3856
|
end: "⇲"
|
|
3824
3857
|
};
|
|
3825
|
-
function
|
|
3858
|
+
function ca({ shortcut: e, symbols: n = !0, className: r, ...i }) {
|
|
3826
3859
|
let a = e.split("+").map((e) => e.trim()).filter(Boolean);
|
|
3827
3860
|
return /* @__PURE__ */ t("span", {
|
|
3828
|
-
className: [
|
|
3861
|
+
className: [oa.label, r].filter(Boolean).join(" "),
|
|
3829
3862
|
"aria-label": e,
|
|
3830
3863
|
...i,
|
|
3831
3864
|
children: a.map((e, r) => {
|
|
3832
|
-
let i = n ?
|
|
3865
|
+
let i = n ? sa[e.toLowerCase()] ?? e : e;
|
|
3833
3866
|
return /* @__PURE__ */ t("kbd", {
|
|
3834
|
-
className:
|
|
3867
|
+
className: oa.key,
|
|
3835
3868
|
children: i
|
|
3836
3869
|
}, r);
|
|
3837
3870
|
})
|
|
3838
3871
|
});
|
|
3839
3872
|
}
|
|
3840
|
-
var
|
|
3873
|
+
var la = {
|
|
3841
3874
|
toolbarView: "_toolbarView_134hf_3",
|
|
3842
3875
|
top: "_top_134hf_11",
|
|
3843
3876
|
content: "_content_134hf_16",
|
|
@@ -3845,47 +3878,47 @@ var sa = {
|
|
|
3845
3878
|
};
|
|
3846
3879
|
//#endregion
|
|
3847
3880
|
//#region src/components/ToolbarView/ToolbarView.tsx
|
|
3848
|
-
function
|
|
3881
|
+
function ua({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
|
|
3849
3882
|
return /* @__PURE__ */ n("div", {
|
|
3850
|
-
className: [
|
|
3883
|
+
className: [la.toolbarView, a].filter(Boolean).join(" "),
|
|
3851
3884
|
...o,
|
|
3852
3885
|
children: [
|
|
3853
3886
|
e && /* @__PURE__ */ t("div", {
|
|
3854
|
-
className:
|
|
3887
|
+
className: la.top,
|
|
3855
3888
|
children: e
|
|
3856
3889
|
}),
|
|
3857
3890
|
/* @__PURE__ */ t("div", {
|
|
3858
|
-
className:
|
|
3891
|
+
className: la.content,
|
|
3859
3892
|
children: i
|
|
3860
3893
|
}),
|
|
3861
3894
|
r && /* @__PURE__ */ t("div", {
|
|
3862
|
-
className:
|
|
3895
|
+
className: la.bottom,
|
|
3863
3896
|
children: r
|
|
3864
3897
|
})
|
|
3865
3898
|
]
|
|
3866
3899
|
});
|
|
3867
3900
|
}
|
|
3868
|
-
var
|
|
3901
|
+
var da = {
|
|
3869
3902
|
windowTitle: "_windowTitle_zm877_3",
|
|
3870
3903
|
title: "_title_zm877_11",
|
|
3871
3904
|
subtitle: "_subtitle_zm877_24"
|
|
3872
3905
|
};
|
|
3873
3906
|
//#endregion
|
|
3874
3907
|
//#region src/components/WindowTitle/WindowTitle.tsx
|
|
3875
|
-
function
|
|
3908
|
+
function fa({ title: e, subtitle: r, className: i, ...a }) {
|
|
3876
3909
|
return /* @__PURE__ */ n("div", {
|
|
3877
|
-
className: [
|
|
3910
|
+
className: [da.windowTitle, i].filter(Boolean).join(" "),
|
|
3878
3911
|
...a,
|
|
3879
3912
|
children: [/* @__PURE__ */ t("span", {
|
|
3880
|
-
className:
|
|
3913
|
+
className: da.title,
|
|
3881
3914
|
children: e
|
|
3882
3915
|
}), r && /* @__PURE__ */ t("span", {
|
|
3883
|
-
className:
|
|
3916
|
+
className: da.subtitle,
|
|
3884
3917
|
children: r
|
|
3885
3918
|
})]
|
|
3886
3919
|
});
|
|
3887
3920
|
}
|
|
3888
|
-
var
|
|
3921
|
+
var pa = {
|
|
3889
3922
|
group: "_group_17s4f_3",
|
|
3890
3923
|
header: "_header_17s4f_11",
|
|
3891
3924
|
headerText: "_headerText_17s4f_17",
|
|
@@ -3896,85 +3929,85 @@ var da = {
|
|
|
3896
3929
|
};
|
|
3897
3930
|
//#endregion
|
|
3898
3931
|
//#region src/components/PreferencesGroup/PreferencesGroup.tsx
|
|
3899
|
-
function
|
|
3932
|
+
function ma({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
|
|
3900
3933
|
let c = e || r || i;
|
|
3901
3934
|
return /* @__PURE__ */ n("div", {
|
|
3902
|
-
className: [
|
|
3935
|
+
className: [pa.group, o].filter(Boolean).join(" "),
|
|
3903
3936
|
...s,
|
|
3904
3937
|
children: [c && /* @__PURE__ */ n("div", {
|
|
3905
|
-
className:
|
|
3938
|
+
className: pa.header,
|
|
3906
3939
|
children: [/* @__PURE__ */ n("div", {
|
|
3907
|
-
className:
|
|
3940
|
+
className: pa.headerText,
|
|
3908
3941
|
children: [e && /* @__PURE__ */ t("span", {
|
|
3909
|
-
className:
|
|
3942
|
+
className: pa.title,
|
|
3910
3943
|
children: e
|
|
3911
3944
|
}), r && /* @__PURE__ */ t("span", {
|
|
3912
|
-
className:
|
|
3945
|
+
className: pa.description,
|
|
3913
3946
|
children: r
|
|
3914
3947
|
})]
|
|
3915
3948
|
}), i && /* @__PURE__ */ t("div", {
|
|
3916
|
-
className:
|
|
3949
|
+
className: pa.suffix,
|
|
3917
3950
|
children: i
|
|
3918
3951
|
})]
|
|
3919
3952
|
}), /* @__PURE__ */ t("div", {
|
|
3920
|
-
className:
|
|
3953
|
+
className: pa.content,
|
|
3921
3954
|
children: a
|
|
3922
3955
|
})]
|
|
3923
3956
|
});
|
|
3924
3957
|
}
|
|
3925
|
-
var
|
|
3958
|
+
var ha = {
|
|
3926
3959
|
page: "_page_gt42j_3",
|
|
3927
3960
|
inner: "_inner_gt42j_10"
|
|
3928
3961
|
};
|
|
3929
3962
|
//#endregion
|
|
3930
3963
|
//#region src/components/PreferencesPage/PreferencesPage.tsx
|
|
3931
|
-
function
|
|
3964
|
+
function ga({ title: e, iconName: n, children: r, className: i, ...a }) {
|
|
3932
3965
|
return /* @__PURE__ */ t("div", {
|
|
3933
|
-
className: [
|
|
3966
|
+
className: [ha.page, i].filter(Boolean).join(" "),
|
|
3934
3967
|
role: "tabpanel",
|
|
3935
3968
|
...a,
|
|
3936
3969
|
children: /* @__PURE__ */ t("div", {
|
|
3937
|
-
className:
|
|
3970
|
+
className: ha.inner,
|
|
3938
3971
|
children: r
|
|
3939
3972
|
})
|
|
3940
3973
|
});
|
|
3941
3974
|
}
|
|
3942
3975
|
//#endregion
|
|
3943
3976
|
//#region src/components/PreferencesDialog/PreferencesDialog.module.css
|
|
3944
|
-
var
|
|
3945
|
-
backdrop:
|
|
3977
|
+
var _a = "_backdrop_1u1bd_3", va = "_dialog_1u1bd_26", ya = "_dialogMulti_1u1bd_46", ba = "_header_1u1bd_63", xa = "_closeBtn_1u1bd_73", Sa = "_title_1u1bd_102", Ca = "_searchWrap_1u1bd_112", wa = "_searchInput_1u1bd_116", Ta = "_body_1u1bd_143", Ea = "_sidebar_1u1bd_152", Da = "_navList_1u1bd_160", Oa = "_navItem_1u1bd_169", ka = "_navItemActive_1u1bd_190", Aa = "_navIcon_1u1bd_205", ja = "_navLabel_1u1bd_211", Ma = "_pageWrap_1u1bd_221", $ = {
|
|
3978
|
+
backdrop: _a,
|
|
3946
3979
|
"backdrop-in": "_backdrop-in_1u1bd_1",
|
|
3947
|
-
dialog:
|
|
3980
|
+
dialog: va,
|
|
3948
3981
|
"dialog-in": "_dialog-in_1u1bd_1",
|
|
3949
|
-
dialogMulti:
|
|
3950
|
-
header:
|
|
3951
|
-
closeBtn:
|
|
3952
|
-
title:
|
|
3953
|
-
searchWrap:
|
|
3954
|
-
searchInput:
|
|
3955
|
-
body:
|
|
3956
|
-
sidebar:
|
|
3957
|
-
navList:
|
|
3958
|
-
navItem:
|
|
3959
|
-
navItemActive:
|
|
3960
|
-
navIcon:
|
|
3961
|
-
navLabel:
|
|
3962
|
-
pageWrap:
|
|
3963
|
-
},
|
|
3964
|
-
function
|
|
3982
|
+
dialogMulti: ya,
|
|
3983
|
+
header: ba,
|
|
3984
|
+
closeBtn: xa,
|
|
3985
|
+
title: Sa,
|
|
3986
|
+
searchWrap: Ca,
|
|
3987
|
+
searchInput: wa,
|
|
3988
|
+
body: Ta,
|
|
3989
|
+
sidebar: Ea,
|
|
3990
|
+
navList: Da,
|
|
3991
|
+
navItem: Oa,
|
|
3992
|
+
navItemActive: ka,
|
|
3993
|
+
navIcon: Aa,
|
|
3994
|
+
navLabel: ja,
|
|
3995
|
+
pageWrap: Ma
|
|
3996
|
+
}, Na = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
3997
|
+
function Pa(e, t) {
|
|
3965
3998
|
if (e.key !== "Tab") return;
|
|
3966
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
3999
|
+
let n = Array.from(t.current?.querySelectorAll(Na) ?? []);
|
|
3967
4000
|
if (!n.length) return;
|
|
3968
4001
|
let r = n[0], i = n[n.length - 1];
|
|
3969
4002
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
3970
4003
|
}
|
|
3971
|
-
function
|
|
4004
|
+
function Fa({ open: e, onClose: a, children: c, searchable: m = !0, className: h, ...g }) {
|
|
3972
4005
|
let _ = d(null), v = d(null), y = u(), b = r.toArray(c).filter((e) => o(e)), [x, S] = f(0), [C, w] = f("");
|
|
3973
4006
|
l(() => {
|
|
3974
4007
|
if (e) {
|
|
3975
4008
|
S(0), w("");
|
|
3976
4009
|
let e = requestAnimationFrame(() => {
|
|
3977
|
-
m && v.current ? v.current.focus() : (_.current?.querySelector(
|
|
4010
|
+
m && v.current ? v.current.focus() : (_.current?.querySelector(Na))?.focus();
|
|
3978
4011
|
});
|
|
3979
4012
|
return () => cancelAnimationFrame(e);
|
|
3980
4013
|
}
|
|
@@ -3984,7 +4017,7 @@ function Na({ open: e, onClose: a, children: c, searchable: m = !0, className: h
|
|
|
3984
4017
|
e.stopPropagation(), a();
|
|
3985
4018
|
return;
|
|
3986
4019
|
}
|
|
3987
|
-
|
|
4020
|
+
Pa(e, _);
|
|
3988
4021
|
}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
|
|
3989
4022
|
return e ? p(/* @__PURE__ */ t("div", {
|
|
3990
4023
|
className: $.backdrop,
|
|
@@ -4071,6 +4104,6 @@ function Na({ open: e, onClose: a, children: c, searchable: m = !0, className: h
|
|
|
4071
4104
|
}), document.body) : null;
|
|
4072
4105
|
}
|
|
4073
4106
|
//#endregion
|
|
4074
|
-
export {
|
|
4107
|
+
export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner, ra as Bin, $i as BottomSheet, Dt as BoxedList, Lr as BreakpointBin, h as Button, aa as ButtonContent, zr as ButtonRow, k as Card, na as Carousel, ea as CarouselIndicatorDots, ta as CarouselIndicatorLines, ri as CheckRow, se as Checkbox, dr as Chip, Xn as Clamp, Ei as ComboRow, bn as Dialog, zn as Dropdown, Di as EntryRow, Yr as ExpanderRow, Oe as Footer, Jr as Frame, Ve as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, $r as InlineViewSwitcher, ei as InlineViewSwitcherItem, nr as Link, Kr as LinkedGroup, Ui as NavigationPage, Zn as NavigationSplitView, Wi as NavigationView, Qn as OverlaySplitView, ki as PasswordEntryRow, Jn as Popover, Fa as PreferencesDialog, ma as PreferencesGroup, ga as PreferencesPage, pe as ProgressBar, de as RadioButton, Re as SearchBar, re as Separator, ca as ShortcutLabel, Mr as ShortcutsDialog, dt as Sidebar, st as SidebarCollapsedContext, _t as SidebarItem, ft as SidebarSection, Un as Slider, Wr as Spacer, xt as SpinButton, Mi as SpinRow, j as Spinner, Vr as SplitButton, Be as StatusPage, ae as Switch, ni as SwitchRow, St as TabBar, Ct as TabItem, wt as TabPanel, T as Text, le as TextField, Bt as Toast, Vt as Toaster, or as ToggleGroup, sr as ToggleGroupItem, Ur as Toolbar, ua as ToolbarView, gt as Tooltip, kt as ViewSwitcher, er as ViewSwitcherBar, At as ViewSwitcherItem, Fr as ViewSwitcherSidebar, Ir as ViewSwitcherSidebarItem, fa as WindowTitle, lr as WrapBox, He as useBreakpoint, Hi as useNavigation, ct as useSidebarCollapsed };
|
|
4075
4108
|
|
|
4076
4109
|
//# sourceMappingURL=index.js.map
|