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