@gnome-ui/react 1.13.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ColorPicker/ColorPicker.d.ts +70 -0
- package/dist/components/ColorPicker/index.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +612 -569
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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
|
+
}, I = {
|
|
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 Re({ 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 ze({ 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
|
+
I.wrapper,
|
|
568
|
+
e ? I.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
|
+
I.bar,
|
|
575
|
+
p ? I.inline : null,
|
|
576
|
+
f ? I.disabled : null
|
|
577
577
|
].filter(Boolean).join(" "),
|
|
578
578
|
children: [
|
|
579
579
|
/* @__PURE__ */ t("span", {
|
|
580
|
-
className:
|
|
580
|
+
className: I.searchIcon,
|
|
581
581
|
"aria-hidden": !0,
|
|
582
582
|
children: /* @__PURE__ */ t(F, {
|
|
583
583
|
icon: Pe,
|
|
@@ -593,13 +593,13 @@ function ze({ 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: I.input,
|
|
597
597
|
onKeyDown: _,
|
|
598
598
|
...h
|
|
599
599
|
}),
|
|
600
600
|
v && /* @__PURE__ */ t("button", {
|
|
601
601
|
type: "button",
|
|
602
|
-
className:
|
|
602
|
+
className: I.clearButton,
|
|
603
603
|
"aria-label": "Clear search",
|
|
604
604
|
tabIndex: e ? void 0 : -1,
|
|
605
605
|
disabled: f,
|
|
@@ -613,12 +613,12 @@ function ze({ 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: I.filterRow,
|
|
617
617
|
children: a
|
|
618
618
|
})]
|
|
619
619
|
});
|
|
620
620
|
}
|
|
621
|
-
var
|
|
621
|
+
var ze = {
|
|
622
622
|
page: "_page_cb4hq_3",
|
|
623
623
|
iconWrap: "_iconWrap_cb4hq_20",
|
|
624
624
|
title: "_title_cb4hq_33",
|
|
@@ -628,7 +628,7 @@ var Be = {
|
|
|
628
628
|
};
|
|
629
629
|
//#endregion
|
|
630
630
|
//#region src/components/StatusPage/StatusPage.tsx
|
|
631
|
-
function
|
|
631
|
+
function Be({ 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 Ve({ 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
|
+
ze.page,
|
|
641
|
+
s ? ze.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: ze.iconWrap,
|
|
648
648
|
"aria-hidden": "true",
|
|
649
649
|
children: d
|
|
650
650
|
}),
|
|
651
651
|
/* @__PURE__ */ t("p", {
|
|
652
|
-
className:
|
|
652
|
+
className: ze.title,
|
|
653
653
|
children: i
|
|
654
654
|
}),
|
|
655
655
|
a && /* @__PURE__ */ t("p", {
|
|
656
|
-
className:
|
|
656
|
+
className: ze.description,
|
|
657
657
|
children: a
|
|
658
658
|
}),
|
|
659
659
|
o && /* @__PURE__ */ t("div", {
|
|
660
|
-
className:
|
|
660
|
+
className: ze.actions,
|
|
661
661
|
children: o
|
|
662
662
|
})
|
|
663
663
|
]
|
|
@@ -665,18 +665,18 @@ function Ve({ 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 Ve = {
|
|
669
669
|
narrow: 400,
|
|
670
670
|
medium: 550,
|
|
671
671
|
wide: 860
|
|
672
672
|
};
|
|
673
|
-
function
|
|
673
|
+
function He() {
|
|
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 <= Ve.narrow,
|
|
678
|
+
isMedium: e <= Ve.medium,
|
|
679
|
+
isWide: e <= Ve.wide,
|
|
680
680
|
width: e
|
|
681
681
|
};
|
|
682
682
|
}, [t, n] = f(e);
|
|
@@ -687,58 +687,58 @@ function Ue() {
|
|
|
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 Ue = "_sidebar_b80pp_3", We = "_section_b80pp_21", Ge = "_sectionTitle_b80pp_33", Ke = "_list_b80pp_47", qe = "_item_b80pp_58", Je = "_itemBtn_b80pp_64", Ye = "_active_b80pp_111", Xe = "_itemIcon_b80pp_127", Ze = "_itemLabel_b80pp_140", Qe = "_itemSuffix_b80pp_150", $e = "_contextMenu_b80pp_159", et = "_contextMenuItem_b80pp_183", tt = "_contextMenuDestructive_b80pp_219", nt = "_searchWrap_b80pp_225", rt = "_pageMode_b80pp_236", it = "_dragOver_b80pp_243", at = "_collapsed_b80pp_251", ot = "_itemCollapsed_b80pp_262", L = {
|
|
691
|
+
sidebar: Ue,
|
|
692
|
+
section: We,
|
|
693
|
+
sectionTitle: Ge,
|
|
694
|
+
list: Ke,
|
|
695
|
+
item: qe,
|
|
696
|
+
itemBtn: Je,
|
|
697
|
+
active: Ye,
|
|
698
|
+
itemIcon: Xe,
|
|
699
|
+
itemLabel: Ze,
|
|
700
|
+
itemSuffix: Qe,
|
|
701
|
+
contextMenu: $e,
|
|
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: et,
|
|
704
|
+
contextMenuDestructive: tt,
|
|
705
|
+
searchWrap: nt,
|
|
706
|
+
pageMode: rt,
|
|
707
|
+
dragOver: it,
|
|
708
|
+
collapsed: at,
|
|
709
|
+
itemCollapsed: ot
|
|
710
|
+
}, st = a(!1);
|
|
711
|
+
function ct() {
|
|
712
|
+
return c(st);
|
|
713
713
|
}
|
|
714
|
-
var
|
|
715
|
-
function
|
|
714
|
+
var lt = a("");
|
|
715
|
+
function ut(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 += ut(r.children, t));
|
|
721
721
|
}), n;
|
|
722
722
|
}
|
|
723
|
-
function
|
|
724
|
-
let [u, d] = f(""), { isNarrow: p } =
|
|
723
|
+
function dt({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilterChange: o, mode: s, className: c, ...l }) {
|
|
724
|
+
let [u, d] = f(""), { isNarrow: p } = He(), m = a !== void 0, h = m ? a : u, g = (e) => {
|
|
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 = !_ || ut(e, h) > 0;
|
|
727
|
+
return /* @__PURE__ */ t(st.Provider, {
|
|
728
728
|
value: r,
|
|
729
|
-
children: /* @__PURE__ */ t(
|
|
729
|
+
children: /* @__PURE__ */ t(lt.Provider, {
|
|
730
730
|
value: h,
|
|
731
731
|
children: /* @__PURE__ */ n("nav", {
|
|
732
732
|
className: [
|
|
733
|
-
|
|
734
|
-
r ?
|
|
735
|
-
v === "page" ?
|
|
733
|
+
L.sidebar,
|
|
734
|
+
r ? L.collapsed : null,
|
|
735
|
+
v === "page" ? L.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: L.searchWrap,
|
|
741
|
+
children: /* @__PURE__ */ t(Re, {
|
|
742
742
|
open: !0,
|
|
743
743
|
value: h,
|
|
744
744
|
onChange: (e) => g(e.target.value),
|
|
@@ -746,7 +746,7 @@ function ft({ 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(Be, {
|
|
750
750
|
title: "No Results",
|
|
751
751
|
description: "No items match your search.",
|
|
752
752
|
compact: !0
|
|
@@ -757,29 +757,29 @@ function ft({ 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 ft({ title: e, children: r, className: i, ...a }) {
|
|
761
761
|
return /* @__PURE__ */ n("section", {
|
|
762
|
-
className: [
|
|
762
|
+
className: [L.section, i].filter(Boolean).join(" "),
|
|
763
763
|
...a,
|
|
764
764
|
children: [e && /* @__PURE__ */ t("h3", {
|
|
765
|
-
className:
|
|
765
|
+
className: L.sectionTitle,
|
|
766
766
|
children: e
|
|
767
767
|
}), /* @__PURE__ */ t("ul", {
|
|
768
768
|
role: "list",
|
|
769
|
-
className:
|
|
769
|
+
className: L.list,
|
|
770
770
|
children: r
|
|
771
771
|
})]
|
|
772
772
|
});
|
|
773
773
|
}
|
|
774
|
-
var
|
|
774
|
+
var pt = {
|
|
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
|
+
}, mt = 6;
|
|
782
|
+
function ht(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 gt(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 - mt, o = e.left + e.width / 2 - t.width / 2) : n === "bottom" ? (a = e.bottom + mt, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - mt) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + mt);
|
|
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 gt(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 - mt, s = e.left + e.width / 2 - t.width / 2), n === "bottom" && (o = e.bottom + mt, s = e.left + e.width / 2 - t.width / 2), n === "left" && (o = e.top + e.height / 2 - t.height / 2, s = e.left - t.width - mt), n === "right" && (o = e.top + e.height / 2 - t.height / 2, s = e.right + mt), {
|
|
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 gt({ 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(ht(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 _t({ 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
|
+
pt.tooltip,
|
|
857
|
+
_ ? pt[_.placement] : null,
|
|
858
|
+
h && _ ? pt.visible : null
|
|
859
859
|
].filter(Boolean).join(" "),
|
|
860
860
|
style: _ ? {
|
|
861
861
|
top: _.top,
|
|
@@ -871,8 +871,8 @@ function _t({ 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 _t({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u, menuItems: m, onDrop: h, acceptTypes: g, className: _, ...v }) {
|
|
875
|
+
let y = ct(), b = c(lt), x = a ?? o, S = y ? u ?? e : u, C = b.length > 0 && !e.toLowerCase().includes(b.toLowerCase()), [w, T] = f(!1), E = (e) => {
|
|
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 vt({ 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
|
+
L.itemBtn,
|
|
909
|
+
i ? L.active : null,
|
|
910
|
+
y ? L.itemCollapsed : null,
|
|
911
|
+
w ? L.dragOver : null,
|
|
912
912
|
_
|
|
913
913
|
].filter(Boolean).join(" "),
|
|
914
914
|
onContextMenu: P,
|
|
@@ -919,7 +919,7 @@ function vt({ 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: L.itemIcon,
|
|
923
923
|
children: /* @__PURE__ */ t(F, {
|
|
924
924
|
icon: r,
|
|
925
925
|
size: "md",
|
|
@@ -927,25 +927,25 @@ function vt({ 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: L.itemLabel,
|
|
931
931
|
children: e
|
|
932
932
|
}),
|
|
933
933
|
!y && x && /* @__PURE__ */ t("span", {
|
|
934
|
-
className:
|
|
934
|
+
className: L.itemSuffix,
|
|
935
935
|
children: x
|
|
936
936
|
})
|
|
937
937
|
]
|
|
938
938
|
});
|
|
939
939
|
return /* @__PURE__ */ n("li", {
|
|
940
|
-
className:
|
|
940
|
+
className: L.item,
|
|
941
941
|
hidden: C || void 0,
|
|
942
|
-
children: [S ? /* @__PURE__ */ t(
|
|
942
|
+
children: [S ? /* @__PURE__ */ t(gt, {
|
|
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: L.contextMenu,
|
|
949
949
|
style: {
|
|
950
950
|
top: k.y,
|
|
951
951
|
left: k.x
|
|
@@ -955,7 +955,7 @@ function vt({ 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: [L.contextMenuItem, e.destructive ? L.contextMenuDestructive : null].filter(Boolean).join(" "),
|
|
959
959
|
onClick: () => {
|
|
960
960
|
e.onClick(), N();
|
|
961
961
|
},
|
|
@@ -964,7 +964,7 @@ function vt({ 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 vt = {
|
|
968
968
|
spin: "_spin_7d4yi_3",
|
|
969
969
|
disabled: "_disabled_7d4yi_36",
|
|
970
970
|
btn: "_btn_7d4yi_43",
|
|
@@ -972,15 +972,15 @@ var yt = {
|
|
|
972
972
|
};
|
|
973
973
|
//#endregion
|
|
974
974
|
//#region src/components/SpinButton/SpinButton.tsx
|
|
975
|
-
function
|
|
975
|
+
function yt(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 bt(e, t, n) {
|
|
980
980
|
return Math.min(n, Math.max(t, e));
|
|
981
981
|
}
|
|
982
|
-
function
|
|
983
|
-
let m = c ??
|
|
982
|
+
function xt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, decimals: c, disabled: l = !1, className: u, "aria-label": d, "aria-labelledby": f, ...p }) {
|
|
983
|
+
let m = c ?? yt(o), h = s((e) => r(parseFloat(bt(e, i, a).toFixed(m))), [
|
|
984
984
|
r,
|
|
985
985
|
i,
|
|
986
986
|
a,
|
|
@@ -1024,8 +1024,8 @@ function St({ 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
|
+
vt.spin,
|
|
1028
|
+
l ? vt.disabled : null,
|
|
1029
1029
|
u
|
|
1030
1030
|
].filter(Boolean).join(" "),
|
|
1031
1031
|
...p,
|
|
@@ -1035,12 +1035,12 @@ function St({ 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: vt.btn,
|
|
1039
1039
|
onClick: () => h(e - o),
|
|
1040
1040
|
children: "−"
|
|
1041
1041
|
}),
|
|
1042
1042
|
/* @__PURE__ */ t("span", {
|
|
1043
|
-
className:
|
|
1043
|
+
className: vt.value,
|
|
1044
1044
|
"aria-hidden": "true",
|
|
1045
1045
|
children: e.toFixed(m)
|
|
1046
1046
|
}),
|
|
@@ -1049,14 +1049,14 @@ function St({ 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: vt.btn,
|
|
1053
1053
|
onClick: () => h(e + o),
|
|
1054
1054
|
children: "+"
|
|
1055
1055
|
})
|
|
1056
1056
|
]
|
|
1057
1057
|
});
|
|
1058
1058
|
}
|
|
1059
|
-
var
|
|
1059
|
+
var R = {
|
|
1060
1060
|
bar: "_bar_12ars_3",
|
|
1061
1061
|
list: "_list_12ars_10",
|
|
1062
1062
|
tab: "_tab_12ars_26",
|
|
@@ -1069,7 +1069,7 @@ var L = {
|
|
|
1069
1069
|
};
|
|
1070
1070
|
//#endregion
|
|
1071
1071
|
//#region src/components/Tabs/TabBar.tsx
|
|
1072
|
-
function
|
|
1072
|
+
function St({ 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 Ct({ 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
|
+
R.bar,
|
|
1088
|
+
r ? R.inline : null,
|
|
1089
1089
|
n
|
|
1090
1090
|
].filter(Boolean).join(" "),
|
|
1091
1091
|
...a,
|
|
@@ -1093,7 +1093,7 @@ function Ct({ 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: R.list,
|
|
1097
1097
|
onKeyDown: s,
|
|
1098
1098
|
children: e
|
|
1099
1099
|
})
|
|
@@ -1101,7 +1101,7 @@ function Ct({ 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 Ct({ 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 wt({ 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
|
+
R.tab,
|
|
1114
|
+
i ? R.active : null,
|
|
1115
|
+
o ? R.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: R.tabIcon,
|
|
1122
1122
|
children: /* @__PURE__ */ t(F, {
|
|
1123
1123
|
icon: r,
|
|
1124
1124
|
size: "sm",
|
|
@@ -1126,14 +1126,14 @@ function wt({ 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: R.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: R.closeBtn,
|
|
1137
1137
|
onClick: (e) => {
|
|
1138
1138
|
e.stopPropagation(), o();
|
|
1139
1139
|
},
|
|
@@ -1147,18 +1147,18 @@ function wt({ 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 wt({ 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: [R.panel, r].filter(Boolean).join(" "),
|
|
1157
1157
|
...a,
|
|
1158
1158
|
children: i
|
|
1159
1159
|
});
|
|
1160
1160
|
}
|
|
1161
|
-
var
|
|
1161
|
+
var z = {
|
|
1162
1162
|
row: "_row_17clq_3",
|
|
1163
1163
|
leading: "_leading_17clq_16",
|
|
1164
1164
|
content: "_content_17clq_25",
|
|
@@ -1171,39 +1171,39 @@ var R = {
|
|
|
1171
1171
|
};
|
|
1172
1172
|
//#endregion
|
|
1173
1173
|
//#region src/components/ActionRow/ActionRow.tsx
|
|
1174
|
-
function
|
|
1174
|
+
function Tt({ 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
|
+
z.row,
|
|
1179
|
+
o ? z.interactive : null,
|
|
1180
|
+
d ? z.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: z.leading,
|
|
1187
1187
|
children: i
|
|
1188
1188
|
}),
|
|
1189
1189
|
/* @__PURE__ */ n("span", {
|
|
1190
|
-
className:
|
|
1190
|
+
className: z.content,
|
|
1191
1191
|
children: [/* @__PURE__ */ t("span", {
|
|
1192
|
-
className: d ?
|
|
1192
|
+
className: d ? z.propertyLabel : z.title,
|
|
1193
1193
|
children: e
|
|
1194
1194
|
}), r && /* @__PURE__ */ t("span", {
|
|
1195
|
-
className: d ?
|
|
1195
|
+
className: d ? z.propertyValue : z.subtitle,
|
|
1196
1196
|
children: r
|
|
1197
1197
|
})]
|
|
1198
1198
|
}),
|
|
1199
1199
|
a && /* @__PURE__ */ t("span", {
|
|
1200
|
-
className:
|
|
1200
|
+
className: z.trailing,
|
|
1201
1201
|
children: a
|
|
1202
1202
|
})
|
|
1203
1203
|
]
|
|
1204
1204
|
});
|
|
1205
1205
|
}
|
|
1206
|
-
var
|
|
1206
|
+
var Et = {
|
|
1207
1207
|
list: "_list_1mn4t_3",
|
|
1208
1208
|
item: "_item_1mn4t_17",
|
|
1209
1209
|
divider: "_divider_1mn4t_25",
|
|
@@ -1212,26 +1212,26 @@ var Dt = {
|
|
|
1212
1212
|
};
|
|
1213
1213
|
//#endregion
|
|
1214
1214
|
//#region src/components/BoxedList/BoxedList.tsx
|
|
1215
|
-
function
|
|
1215
|
+
function Dt({ 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
|
+
Et.list,
|
|
1221
|
+
c ? Et.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 ? Et.separateItem : Et.item,
|
|
1227
1227
|
children: [!c && r > 0 && /* @__PURE__ */ t("div", {
|
|
1228
|
-
className:
|
|
1228
|
+
className: Et.divider,
|
|
1229
1229
|
"aria-hidden": "true"
|
|
1230
1230
|
}), e]
|
|
1231
1231
|
}, r))
|
|
1232
1232
|
});
|
|
1233
1233
|
}
|
|
1234
|
-
var
|
|
1234
|
+
var Ot = {
|
|
1235
1235
|
switcher: "_switcher_1uh9r_3",
|
|
1236
1236
|
item: "_item_1uh9r_18",
|
|
1237
1237
|
active: "_active_1uh9r_45",
|
|
@@ -1240,7 +1240,7 @@ var kt = {
|
|
|
1240
1240
|
};
|
|
1241
1241
|
//#endregion
|
|
1242
1242
|
//#region src/components/ViewSwitcher/ViewSwitcher.tsx
|
|
1243
|
-
function
|
|
1243
|
+
function kt({ 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 At({ 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: [Ot.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 At({ 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 jt({ 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
|
+
Ot.item,
|
|
1277
|
+
i ? Ot.active : null,
|
|
1278
1278
|
a
|
|
1279
1279
|
].filter(Boolean).join(" "),
|
|
1280
1280
|
...s,
|
|
1281
1281
|
children: [r && /* @__PURE__ */ t("span", {
|
|
1282
|
-
className:
|
|
1282
|
+
className: Ot.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: Ot.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 jt = "_toaster_1tgvb_3", Mt = "_toasterBottom_1tgvb_18", Nt = "_toasterTop_1tgvb_22", Pt = "_toast_1tgvb_3", Ft = "_title_1tgvb_69", It = "_actions_1tgvb_76", Lt = "_actionBtn_1tgvb_85", Rt = "_dismissBtn_1tgvb_118", zt = {
|
|
1297
|
+
toaster: jt,
|
|
1298
|
+
toasterBottom: Mt,
|
|
1299
|
+
toasterTop: Nt,
|
|
1300
|
+
toast: Pt,
|
|
1301
1301
|
"toast-in": "_toast-in_1tgvb_1",
|
|
1302
|
-
title:
|
|
1303
|
-
actions:
|
|
1304
|
-
actionBtn:
|
|
1305
|
-
dismissBtn:
|
|
1302
|
+
title: Ft,
|
|
1303
|
+
actions: It,
|
|
1304
|
+
actionBtn: Lt,
|
|
1305
|
+
dismissBtn: Rt
|
|
1306
1306
|
};
|
|
1307
1307
|
//#endregion
|
|
1308
1308
|
//#region src/components/Toast/Toast.tsx
|
|
1309
|
-
function
|
|
1309
|
+
function Bt({ 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 Vt({ 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: [zt.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: zt.title,
|
|
1338
1338
|
children: e
|
|
1339
1339
|
}), (a || s) && /* @__PURE__ */ n("span", {
|
|
1340
|
-
className:
|
|
1340
|
+
className: zt.actions,
|
|
1341
1341
|
children: [a && /* @__PURE__ */ t("button", {
|
|
1342
1342
|
type: "button",
|
|
1343
|
-
className:
|
|
1343
|
+
className: zt.actionBtn,
|
|
1344
1344
|
onClick: y,
|
|
1345
1345
|
children: a
|
|
1346
1346
|
}), s && /* @__PURE__ */ t("button", {
|
|
1347
1347
|
type: "button",
|
|
1348
|
-
className:
|
|
1348
|
+
className: zt.dismissBtn,
|
|
1349
1349
|
"aria-label": "Dismiss",
|
|
1350
1350
|
onClick: () => {
|
|
1351
1351
|
h(), i?.();
|
|
@@ -1361,12 +1361,12 @@ function Vt({ 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 Vt({ 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
|
+
zt.toaster,
|
|
1369
|
+
e === "top" ? zt.toasterTop : zt.toasterBottom,
|
|
1370
1370
|
i
|
|
1371
1371
|
].filter(Boolean).join(" "),
|
|
1372
1372
|
...a,
|
|
@@ -1376,57 +1376,57 @@ function Ht({ 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 Ht = "_backdrop_zx0yn_3", Ut = "_dialog_zx0yn_26", Wt = "_title_zx0yn_56", Gt = "_body_zx0yn_70", Kt = "_footer_zx0yn_85", qt = "_btn_zx0yn_92", Jt = "_dialogAbout_zx0yn_155", Yt = "_aboutHeader_zx0yn_162", Xt = "_aboutIcon_zx0yn_171", Zt = "_aboutAppName_zx0yn_180", Qt = "_aboutVersion_zx0yn_187", $t = "_aboutTabBar_zx0yn_194", en = "_aboutTabBtn_zx0yn_201", tn = "_aboutTabBtnActive_zx0yn_220", nn = "_aboutTabContent_zx0yn_233", rn = "_aboutSection_zx0yn_238", an = "_aboutComments_zx0yn_243", on = "_aboutInfoList_zx0yn_252", sn = "_aboutInfoLabel_zx0yn_259", cn = "_aboutInfoValue_zx0yn_267", ln = "_aboutLink_zx0yn_275", un = "_aboutCreditGroup_zx0yn_283", dn = "_aboutCreditTitle_zx0yn_287", fn = "_aboutCreditList_zx0yn_297", pn = "_aboutCreditItem_zx0yn_306", mn = "_aboutCopyright_zx0yn_312", hn = "_aboutLicenseType_zx0yn_319", gn = "_aboutLicenseText_zx0yn_326", B = {
|
|
1380
|
+
backdrop: Ht,
|
|
1381
1381
|
"backdrop-in": "_backdrop-in_zx0yn_1",
|
|
1382
|
-
dialog:
|
|
1382
|
+
dialog: Ut,
|
|
1383
1383
|
"dialog-in": "_dialog-in_zx0yn_1",
|
|
1384
|
-
title:
|
|
1385
|
-
body:
|
|
1386
|
-
footer:
|
|
1387
|
-
btn:
|
|
1384
|
+
title: Wt,
|
|
1385
|
+
body: Gt,
|
|
1386
|
+
footer: Kt,
|
|
1387
|
+
btn: qt,
|
|
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: Jt,
|
|
1392
|
+
aboutHeader: Yt,
|
|
1393
|
+
aboutIcon: Xt,
|
|
1394
|
+
aboutAppName: Zt,
|
|
1395
|
+
aboutVersion: Qt,
|
|
1396
|
+
aboutTabBar: $t,
|
|
1397
|
+
aboutTabBtn: en,
|
|
1398
|
+
aboutTabBtnActive: tn,
|
|
1399
|
+
aboutTabContent: nn,
|
|
1400
|
+
aboutSection: rn,
|
|
1401
|
+
aboutComments: an,
|
|
1402
|
+
aboutInfoList: on,
|
|
1403
|
+
aboutInfoLabel: sn,
|
|
1404
|
+
aboutInfoValue: cn,
|
|
1405
|
+
aboutLink: ln,
|
|
1406
|
+
aboutCreditGroup: un,
|
|
1407
|
+
aboutCreditTitle: dn,
|
|
1408
|
+
aboutCreditList: fn,
|
|
1409
|
+
aboutCreditItem: pn,
|
|
1410
|
+
aboutCopyright: mn,
|
|
1411
|
+
aboutLicenseType: hn,
|
|
1412
|
+
aboutLicenseText: gn
|
|
1413
|
+
}, _n = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
1414
|
+
function vn(e, t) {
|
|
1415
1415
|
if (e.key !== "Tab") return;
|
|
1416
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
1416
|
+
let n = Array.from(t.current?.querySelectorAll(_n) ?? []);
|
|
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 yn = {
|
|
1422
1422
|
details: "Details",
|
|
1423
1423
|
credits: "Credits",
|
|
1424
1424
|
legal: "Legal"
|
|
1425
1425
|
};
|
|
1426
|
-
function
|
|
1426
|
+
function bn({ open: r, title: i, children: a, buttons: o = [], onClose: c, closeOnBackdrop: m = !0, role: h = "dialog", responses: g, onResponse: _, variant: v, applicationName: y, applicationIcon: b, version: x, comments: S, developerName: C, website: w, websiteLabel: T, developers: E, designers: D, artists: O, copyright: k, licenseType: A, licenseText: j, links: M, className: N, ...P }) {
|
|
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(_n))?.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 xn({ 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
|
+
vn(e, ee);
|
|
1440
1440
|
}, [
|
|
1441
1441
|
ae,
|
|
1442
1442
|
se,
|
|
@@ -1448,103 +1448,103 @@ function xn({ 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: B.footer,
|
|
1452
1452
|
children: /* @__PURE__ */ t("button", {
|
|
1453
1453
|
type: "button",
|
|
1454
|
-
className: [
|
|
1454
|
+
className: [B.btn, B["btn-default"]].join(" "),
|
|
1455
1455
|
onClick: c,
|
|
1456
1456
|
children: "Close"
|
|
1457
1457
|
})
|
|
1458
1458
|
}) : ae && g ? /* @__PURE__ */ t("div", {
|
|
1459
|
-
className:
|
|
1459
|
+
className: B.footer,
|
|
1460
1460
|
children: g.map((e) => /* @__PURE__ */ t("button", {
|
|
1461
1461
|
type: "button",
|
|
1462
1462
|
disabled: e.disabled,
|
|
1463
|
-
className: [
|
|
1463
|
+
className: [B.btn, B[`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: B.footer,
|
|
1469
1469
|
children: o.map((e) => /* @__PURE__ */ t("button", {
|
|
1470
1470
|
type: "button",
|
|
1471
1471
|
disabled: e.disabled,
|
|
1472
|
-
className: [
|
|
1472
|
+
className: [B.btn, B[`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: B.aboutHeader,
|
|
1479
1479
|
children: [
|
|
1480
1480
|
b && /* @__PURE__ */ t("div", {
|
|
1481
|
-
className:
|
|
1481
|
+
className: B.aboutIcon,
|
|
1482
1482
|
children: b
|
|
1483
1483
|
}),
|
|
1484
1484
|
/* @__PURE__ */ t("div", {
|
|
1485
1485
|
id: te,
|
|
1486
|
-
className:
|
|
1486
|
+
className: B.aboutAppName,
|
|
1487
1487
|
children: y
|
|
1488
1488
|
}),
|
|
1489
1489
|
x && /* @__PURE__ */ t("div", {
|
|
1490
|
-
className:
|
|
1490
|
+
className: B.aboutVersion,
|
|
1491
1491
|
children: x
|
|
1492
1492
|
})
|
|
1493
1493
|
]
|
|
1494
1494
|
}),
|
|
1495
1495
|
ue.length > 1 && /* @__PURE__ */ t("div", {
|
|
1496
|
-
className:
|
|
1496
|
+
className: B.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: [B.aboutTabBtn, re === e ? B.aboutTabBtnActive : null].filter(Boolean).join(" "),
|
|
1503
1503
|
onClick: () => ie(e),
|
|
1504
|
-
children:
|
|
1504
|
+
children: yn[e]
|
|
1505
1505
|
}, e))
|
|
1506
1506
|
}),
|
|
1507
1507
|
/* @__PURE__ */ n("div", {
|
|
1508
|
-
className:
|
|
1508
|
+
className: B.aboutTabContent,
|
|
1509
1509
|
children: [
|
|
1510
1510
|
re === "details" && /* @__PURE__ */ n("div", {
|
|
1511
|
-
className:
|
|
1511
|
+
className: B.aboutSection,
|
|
1512
1512
|
children: [S && /* @__PURE__ */ t("p", {
|
|
1513
|
-
className:
|
|
1513
|
+
className: B.aboutComments,
|
|
1514
1514
|
children: S
|
|
1515
1515
|
}), (C || w || M?.length) && /* @__PURE__ */ n("dl", {
|
|
1516
|
-
className:
|
|
1516
|
+
className: B.aboutInfoList,
|
|
1517
1517
|
children: [
|
|
1518
1518
|
C && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1519
|
-
className:
|
|
1519
|
+
className: B.aboutInfoLabel,
|
|
1520
1520
|
children: "Developer"
|
|
1521
1521
|
}), /* @__PURE__ */ t("dd", {
|
|
1522
|
-
className:
|
|
1522
|
+
className: B.aboutInfoValue,
|
|
1523
1523
|
children: C
|
|
1524
1524
|
})] }),
|
|
1525
1525
|
w && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1526
|
-
className:
|
|
1526
|
+
className: B.aboutInfoLabel,
|
|
1527
1527
|
children: "Website"
|
|
1528
1528
|
}), /* @__PURE__ */ t("dd", {
|
|
1529
|
-
className:
|
|
1529
|
+
className: B.aboutInfoValue,
|
|
1530
1530
|
children: /* @__PURE__ */ t("a", {
|
|
1531
1531
|
href: w,
|
|
1532
1532
|
target: "_blank",
|
|
1533
1533
|
rel: "noopener noreferrer",
|
|
1534
|
-
className:
|
|
1534
|
+
className: B.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: B.aboutInfoLabel,
|
|
1540
1540
|
children: r.label
|
|
1541
1541
|
}, `${r.label}-dt`), /* @__PURE__ */ t("dd", {
|
|
1542
|
-
className:
|
|
1542
|
+
className: B.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: B.aboutLink,
|
|
1548
1548
|
children: r.url
|
|
1549
1549
|
})
|
|
1550
1550
|
}, `${r.label}-dd`)] }))
|
|
@@ -1552,7 +1552,7 @@ function xn({ 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: B.aboutSection,
|
|
1556
1556
|
children: [
|
|
1557
1557
|
{
|
|
1558
1558
|
heading: "Developers",
|
|
@@ -1567,32 +1567,32 @@ function xn({ 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: B.aboutCreditGroup,
|
|
1571
1571
|
children: [/* @__PURE__ */ t("h4", {
|
|
1572
|
-
className:
|
|
1572
|
+
className: B.aboutCreditTitle,
|
|
1573
1573
|
children: e
|
|
1574
1574
|
}), /* @__PURE__ */ t("ul", {
|
|
1575
|
-
className:
|
|
1575
|
+
className: B.aboutCreditList,
|
|
1576
1576
|
children: r.map((e) => /* @__PURE__ */ t("li", {
|
|
1577
|
-
className:
|
|
1577
|
+
className: B.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: B.aboutSection,
|
|
1585
1585
|
children: [
|
|
1586
1586
|
k && /* @__PURE__ */ t("p", {
|
|
1587
|
-
className:
|
|
1587
|
+
className: B.aboutCopyright,
|
|
1588
1588
|
children: k
|
|
1589
1589
|
}),
|
|
1590
1590
|
A && /* @__PURE__ */ t("p", {
|
|
1591
|
-
className:
|
|
1591
|
+
className: B.aboutLicenseType,
|
|
1592
1592
|
children: A
|
|
1593
1593
|
}),
|
|
1594
1594
|
j && /* @__PURE__ */ t("pre", {
|
|
1595
|
-
className:
|
|
1595
|
+
className: B.aboutLicenseText,
|
|
1596
1596
|
children: j
|
|
1597
1597
|
})
|
|
1598
1598
|
]
|
|
@@ -1600,7 +1600,7 @@ function xn({ 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: B.backdrop,
|
|
1604
1604
|
onClick: ce,
|
|
1605
1605
|
"aria-hidden": "true",
|
|
1606
1606
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -1609,8 +1609,8 @@ function xn({ 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
|
+
B.dialog,
|
|
1613
|
+
oe ? B.dialogAbout : null,
|
|
1614
1614
|
N
|
|
1615
1615
|
].filter(Boolean).join(" "),
|
|
1616
1616
|
onKeyDown: le,
|
|
@@ -1618,10 +1618,10 @@ function xn({ 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: B.title,
|
|
1622
1622
|
children: i
|
|
1623
1623
|
}), a && /* @__PURE__ */ t("div", {
|
|
1624
|
-
className:
|
|
1624
|
+
className: B.body,
|
|
1625
1625
|
children: a
|
|
1626
1626
|
})] }), de()]
|
|
1627
1627
|
})
|
|
@@ -1630,31 +1630,31 @@ function xn({ 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 xn = "_wrapper_1hi05_3", Sn = "_trigger_1hi05_11", Cn = "_triggerOpen_1hi05_63", wn = "_triggerLabel_1hi05_73", Tn = "_placeholder_1hi05_81", En = "_chevron_1hi05_87", Dn = "_chevronOpen_1hi05_94", On = "_list_1hi05_100", kn = "_listDown_1hi05_129", An = "_listUp_1hi05_133", jn = "_option_1hi05_145", Mn = "_optionActive_1hi05_162", Nn = "_optionSelected_1hi05_166", Pn = "_optionDisabled_1hi05_170", Fn = "_optionText_1hi05_178", In = "_optionLabel_1hi05_186", Ln = "_optionDesc_1hi05_192", Rn = "_checkIcon_1hi05_202", V = {
|
|
1634
|
+
wrapper: xn,
|
|
1635
|
+
trigger: Sn,
|
|
1636
|
+
triggerOpen: Cn,
|
|
1637
|
+
triggerLabel: wn,
|
|
1638
|
+
placeholder: Tn,
|
|
1639
|
+
chevron: En,
|
|
1640
|
+
chevronOpen: Dn,
|
|
1641
|
+
list: On,
|
|
1642
1642
|
"list-in": "_list-in_1hi05_1",
|
|
1643
|
-
listDown:
|
|
1644
|
-
listUp:
|
|
1643
|
+
listDown: kn,
|
|
1644
|
+
listUp: An,
|
|
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: jn,
|
|
1647
|
+
optionActive: Mn,
|
|
1648
|
+
optionSelected: Nn,
|
|
1649
|
+
optionDisabled: Pn,
|
|
1650
|
+
optionText: Fn,
|
|
1651
|
+
optionLabel: In,
|
|
1652
|
+
optionDesc: Ln,
|
|
1653
|
+
checkIcon: Rn
|
|
1654
1654
|
};
|
|
1655
1655
|
//#endregion
|
|
1656
1656
|
//#region src/components/Dropdown/Dropdown.tsx
|
|
1657
|
-
function
|
|
1657
|
+
function zn({ 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 Bn({ 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: [V.wrapper, c].filter(Boolean).join(" "),
|
|
1742
1742
|
...p,
|
|
1743
1743
|
children: [/* @__PURE__ */ n("button", {
|
|
1744
1744
|
ref: S,
|
|
@@ -1750,17 +1750,17 @@ function Bn({ 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: [V.trigger, m ? V.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: [V.triggerLabel, w ? null : V.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: [V.chevron, m ? V.chevronOpen : null].filter(Boolean).join(" ")
|
|
1764
1764
|
})]
|
|
1765
1765
|
}), m && /* @__PURE__ */ t("ul", {
|
|
1766
1766
|
ref: C,
|
|
@@ -1768,7 +1768,7 @@ function Bn({ 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: [V.list, v ? V.listUp : V.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 Bn({ 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
|
+
V.option,
|
|
1780
|
+
e.value === r ? V.optionSelected : null,
|
|
1781
|
+
i === g ? V.optionActive : null,
|
|
1782
|
+
e.disabled ? V.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: V.optionText,
|
|
1788
1788
|
children: [/* @__PURE__ */ t("span", {
|
|
1789
|
-
className:
|
|
1789
|
+
className: V.optionLabel,
|
|
1790
1790
|
children: e.label
|
|
1791
1791
|
}), e.description && /* @__PURE__ */ t("span", {
|
|
1792
|
-
className:
|
|
1792
|
+
className: V.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: V.checkIcon
|
|
1800
1800
|
})]
|
|
1801
1801
|
}, e.value))
|
|
1802
1802
|
})]
|
|
1803
1803
|
});
|
|
1804
1804
|
}
|
|
1805
|
-
var
|
|
1805
|
+
var H = {
|
|
1806
1806
|
wrapper: "_wrapper_11zhs_3",
|
|
1807
1807
|
hasLabels: "_hasLabels_11zhs_11",
|
|
1808
1808
|
track: "_track_11zhs_17",
|
|
@@ -1815,21 +1815,21 @@ var V = {
|
|
|
1815
1815
|
};
|
|
1816
1816
|
//#endregion
|
|
1817
1817
|
//#region src/components/Slider/Slider.tsx
|
|
1818
|
-
function
|
|
1818
|
+
function Bn(e, t, n) {
|
|
1819
1819
|
return Math.min(n, Math.max(t, e));
|
|
1820
1820
|
}
|
|
1821
|
-
function
|
|
1821
|
+
function Vn(e, t, n, r) {
|
|
1822
1822
|
return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
|
|
1823
1823
|
}
|
|
1824
|
-
function
|
|
1824
|
+
function Hn(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 Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disabled: c = !1, marks: l, className: u, "aria-label": f, "aria-labelledby": p, "aria-describedby": m, ...h }) {
|
|
1829
|
+
let g = d(null), _ = Hn(o), v = (Bn(e, i, a) - i) / (a - i) * 100, y = s((e) => {
|
|
1830
1830
|
if (!g.current) return;
|
|
1831
1831
|
let { left: t, width: n } = g.current.getBoundingClientRect();
|
|
1832
|
-
r(Vn(
|
|
1832
|
+
r(Bn(Vn((e - t) / n * (a - i) + i, i, o, _), i, a));
|
|
1833
1833
|
}, [
|
|
1834
1834
|
i,
|
|
1835
1835
|
a,
|
|
@@ -1842,7 +1842,7 @@ function Wn({ 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(Vn(
|
|
1845
|
+
t.preventDefault(), r(Bn(Vn(e, i, o, _), i, a));
|
|
1846
1846
|
};
|
|
1847
1847
|
switch (t.key) {
|
|
1848
1848
|
case "ArrowRight":
|
|
@@ -1876,8 +1876,8 @@ function Wn({ 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
|
+
H.wrapper,
|
|
1880
|
+
w ? H.hasLabels : null,
|
|
1881
1881
|
u
|
|
1882
1882
|
].filter(Boolean).join(" "),
|
|
1883
1883
|
...h,
|
|
@@ -1892,36 +1892,36 @@ function Wn({ 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: [H.track, c ? H.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: H.fill,
|
|
1902
1902
|
style: { width: `${v}%` }
|
|
1903
1903
|
}),
|
|
1904
1904
|
/* @__PURE__ */ t("div", {
|
|
1905
|
-
className:
|
|
1905
|
+
className: H.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 = (Bn(e.value, i, a) - i) / (a - i) * 100;
|
|
1911
1911
|
return /* @__PURE__ */ t("div", {
|
|
1912
|
-
className:
|
|
1912
|
+
className: H.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: H.labels,
|
|
1920
1920
|
"aria-hidden": "true",
|
|
1921
1921
|
children: l.map((e) => {
|
|
1922
|
-
let n = (
|
|
1922
|
+
let n = (Bn(e.value, i, a) - i) / (a - i) * 100;
|
|
1923
1923
|
return /* @__PURE__ */ t("span", {
|
|
1924
|
-
className:
|
|
1924
|
+
className: H.markLabel,
|
|
1925
1925
|
style: { left: `${n}%` },
|
|
1926
1926
|
children: e.label
|
|
1927
1927
|
}, e.value);
|
|
@@ -1929,7 +1929,7 @@ function Wn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1929
1929
|
})]
|
|
1930
1930
|
});
|
|
1931
1931
|
}
|
|
1932
|
-
var
|
|
1932
|
+
var Wn = {
|
|
1933
1933
|
panel: "_panel_1tk9v_3",
|
|
1934
1934
|
visible: "_visible_1tk9v_36",
|
|
1935
1935
|
arrow: "_arrow_1tk9v_44",
|
|
@@ -1937,8 +1937,8 @@ var Gn = {
|
|
|
1937
1937
|
top: "_top_1tk9v_67",
|
|
1938
1938
|
left: "_left_1tk9v_75",
|
|
1939
1939
|
right: "_right_1tk9v_83"
|
|
1940
|
-
},
|
|
1941
|
-
function
|
|
1940
|
+
}, Gn = 8, U = 10, Kn = 6;
|
|
1941
|
+
function qn(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",
|
|
@@ -1947,24 +1947,60 @@ function Jn(e, t, n) {
|
|
|
1947
1947
|
"left",
|
|
1948
1948
|
"right"
|
|
1949
1949
|
])];
|
|
1950
|
+
function o(n) {
|
|
1951
|
+
return n === "bottom" ? {
|
|
1952
|
+
top: e.bottom + Gn,
|
|
1953
|
+
left: e.left + e.width / 2 - t.width / 2
|
|
1954
|
+
} : n === "top" ? {
|
|
1955
|
+
top: e.top - t.height - Gn,
|
|
1956
|
+
left: e.left + e.width / 2 - t.width / 2
|
|
1957
|
+
} : n === "left" ? {
|
|
1958
|
+
top: e.top + e.height / 2 - t.height / 2,
|
|
1959
|
+
left: e.left - t.width - Gn
|
|
1960
|
+
} : {
|
|
1961
|
+
top: e.top + e.height / 2 - t.height / 2,
|
|
1962
|
+
left: e.right + Gn
|
|
1963
|
+
};
|
|
1964
|
+
}
|
|
1950
1965
|
for (let n of a) {
|
|
1951
|
-
let a =
|
|
1952
|
-
|
|
1953
|
-
let s = o >= qn && o + t.width <= r - qn, c = a >= qn && a + t.height <= i - qn;
|
|
1954
|
-
if (s && c) return {
|
|
1966
|
+
let { top: a, left: s } = o(n), c = s >= U && s + t.width <= r - U, l = a >= U && a + t.height <= i - U;
|
|
1967
|
+
if (c && l) return {
|
|
1955
1968
|
top: a,
|
|
1956
|
-
left:
|
|
1957
|
-
placement: n
|
|
1969
|
+
left: s,
|
|
1970
|
+
placement: n,
|
|
1971
|
+
arrowOffset: n === "top" || n === "bottom" ? e.left + e.width / 2 - s : e.top + e.height / 2 - a
|
|
1958
1972
|
};
|
|
1959
1973
|
}
|
|
1960
|
-
let
|
|
1974
|
+
for (let n of a) {
|
|
1975
|
+
let { top: a, left: s } = o(n), c = a >= U && a + t.height <= i - U, l = s >= U && s + t.width <= r - U;
|
|
1976
|
+
if ((n === "top" || n === "bottom") && c) {
|
|
1977
|
+
let i = Math.max(U, Math.min(s, r - t.width - U)), o = e.left + e.width / 2 - i;
|
|
1978
|
+
return {
|
|
1979
|
+
top: a,
|
|
1980
|
+
left: i,
|
|
1981
|
+
placement: n,
|
|
1982
|
+
arrowOffset: Math.max(Kn + 4, Math.min(o, t.width - Kn - 4))
|
|
1983
|
+
};
|
|
1984
|
+
}
|
|
1985
|
+
if ((n === "left" || n === "right") && l) {
|
|
1986
|
+
let r = Math.max(U, Math.min(a, i - t.height - U)), o = e.top + e.height / 2 - r;
|
|
1987
|
+
return {
|
|
1988
|
+
top: r,
|
|
1989
|
+
left: s,
|
|
1990
|
+
placement: n,
|
|
1991
|
+
arrowOffset: Math.max(Kn + 4, Math.min(o, t.height - Kn - 4))
|
|
1992
|
+
};
|
|
1993
|
+
}
|
|
1994
|
+
}
|
|
1995
|
+
let s = e.bottom + Gn, c = e.left + e.width / 2 - t.width / 2, l = Math.max(U, Math.min(s, i - t.height - U)), u = Math.max(U, Math.min(c, r - t.width - U)), d = e.left + e.width / 2 - u;
|
|
1961
1996
|
return {
|
|
1962
|
-
top:
|
|
1963
|
-
left:
|
|
1964
|
-
placement: "bottom"
|
|
1997
|
+
top: l,
|
|
1998
|
+
left: u,
|
|
1999
|
+
placement: "bottom",
|
|
2000
|
+
arrowOffset: Math.max(Kn + 4, Math.min(d, t.width - Kn - 4))
|
|
1965
2001
|
};
|
|
1966
2002
|
}
|
|
1967
|
-
function
|
|
2003
|
+
function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: m, children: h }) {
|
|
1968
2004
|
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
2005
|
g ? c?.() : v(!1), m?.(!1);
|
|
1970
2006
|
}, [
|
|
@@ -1979,7 +2015,7 @@ function Yn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
1979
2015
|
g,
|
|
1980
2016
|
m
|
|
1981
2017
|
]), k = s(() => {
|
|
1982
|
-
!w.current || !T.current || x(
|
|
2018
|
+
!w.current || !T.current || x(qn(w.current.getBoundingClientRect(), T.current.getBoundingClientRect(), a));
|
|
1983
2019
|
}, [a]);
|
|
1984
2020
|
l(() => {
|
|
1985
2021
|
if (!y) return;
|
|
@@ -2021,9 +2057,9 @@ function Yn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2021
2057
|
"aria-labelledby": S,
|
|
2022
2058
|
tabIndex: -1,
|
|
2023
2059
|
className: [
|
|
2024
|
-
|
|
2025
|
-
b ?
|
|
2026
|
-
y && b ?
|
|
2060
|
+
Wn.panel,
|
|
2061
|
+
b ? Wn[b.placement] : null,
|
|
2062
|
+
y && b ? Wn.visible : null
|
|
2027
2063
|
].filter(Boolean).join(" "),
|
|
2028
2064
|
style: b ? {
|
|
2029
2065
|
top: b.top,
|
|
@@ -2036,18 +2072,25 @@ function Yn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2036
2072
|
},
|
|
2037
2073
|
onKeyDown: A,
|
|
2038
2074
|
children: [/* @__PURE__ */ t("div", {
|
|
2039
|
-
className:
|
|
2040
|
-
"aria-hidden": "true"
|
|
2075
|
+
className: Wn.arrow,
|
|
2076
|
+
"aria-hidden": "true",
|
|
2077
|
+
style: b?.arrowOffset === void 0 ? void 0 : b.placement === "top" || b.placement === "bottom" ? {
|
|
2078
|
+
left: b.arrowOffset - Kn,
|
|
2079
|
+
marginLeft: 0
|
|
2080
|
+
} : {
|
|
2081
|
+
top: b.arrowOffset - Kn,
|
|
2082
|
+
marginTop: 0
|
|
2083
|
+
}
|
|
2041
2084
|
}), r]
|
|
2042
2085
|
});
|
|
2043
2086
|
return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? p(M, document.body) : M)] });
|
|
2044
2087
|
}
|
|
2045
|
-
var
|
|
2088
|
+
var Yn = { clamp: "_clamp_1j51b_6" };
|
|
2046
2089
|
//#endregion
|
|
2047
2090
|
//#region src/components/Clamp/Clamp.tsx
|
|
2048
|
-
function
|
|
2091
|
+
function Xn({ maximumSize: e = 600, children: n, className: r, style: i, ...a }) {
|
|
2049
2092
|
return /* @__PURE__ */ t("div", {
|
|
2050
|
-
className: [
|
|
2093
|
+
className: [Yn.clamp, r].filter(Boolean).join(" "),
|
|
2051
2094
|
style: {
|
|
2052
2095
|
maxWidth: e,
|
|
2053
2096
|
...i
|
|
@@ -2056,7 +2099,7 @@ function Zn({ maximumSize: e = 600, children: n, className: r, style: i, ...a })
|
|
|
2056
2099
|
children: n
|
|
2057
2100
|
});
|
|
2058
2101
|
}
|
|
2059
|
-
var
|
|
2102
|
+
var W = {
|
|
2060
2103
|
root: "_root_yaj3r_3",
|
|
2061
2104
|
expanded: "_expanded_yaj3r_12",
|
|
2062
2105
|
sidebar: "_sidebar_yaj3r_16",
|
|
@@ -2068,12 +2111,12 @@ var H = {
|
|
|
2068
2111
|
};
|
|
2069
2112
|
//#endregion
|
|
2070
2113
|
//#region src/components/NavigationSplitView/NavigationSplitView.tsx
|
|
2071
|
-
function
|
|
2072
|
-
let { isNarrow: d } =
|
|
2114
|
+
function Zn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
|
|
2115
|
+
let { isNarrow: d } = He(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
|
|
2073
2116
|
return /* @__PURE__ */ n("div", {
|
|
2074
2117
|
className: [
|
|
2075
|
-
|
|
2076
|
-
d ?
|
|
2118
|
+
W.root,
|
|
2119
|
+
d ? W.collapsed : W.expanded,
|
|
2077
2120
|
c
|
|
2078
2121
|
].filter(Boolean).join(" "),
|
|
2079
2122
|
style: {
|
|
@@ -2083,23 +2126,23 @@ function Qn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
|
|
|
2083
2126
|
...u,
|
|
2084
2127
|
children: [
|
|
2085
2128
|
/* @__PURE__ */ t("div", {
|
|
2086
|
-
className: [
|
|
2129
|
+
className: [W.sidebar, d && i ? W.paneHidden : W.paneVisible].filter(Boolean).join(" "),
|
|
2087
2130
|
"aria-hidden": d && i,
|
|
2088
2131
|
children: e
|
|
2089
2132
|
}),
|
|
2090
2133
|
!d && /* @__PURE__ */ t("div", {
|
|
2091
|
-
className:
|
|
2134
|
+
className: W.divider,
|
|
2092
2135
|
"aria-hidden": "true"
|
|
2093
2136
|
}),
|
|
2094
2137
|
/* @__PURE__ */ t("div", {
|
|
2095
|
-
className: [
|
|
2138
|
+
className: [W.contentPane, d && !i ? W.paneHidden : W.paneVisible].filter(Boolean).join(" "),
|
|
2096
2139
|
"aria-hidden": d && !i,
|
|
2097
2140
|
children: r
|
|
2098
2141
|
})
|
|
2099
2142
|
]
|
|
2100
2143
|
});
|
|
2101
2144
|
}
|
|
2102
|
-
var
|
|
2145
|
+
var G = {
|
|
2103
2146
|
root: "_root_1xl2w_3",
|
|
2104
2147
|
wide: "_wide_1xl2w_13",
|
|
2105
2148
|
end: "_end_1xl2w_17",
|
|
@@ -2114,8 +2157,8 @@ var U = {
|
|
|
2114
2157
|
};
|
|
2115
2158
|
//#endregion
|
|
2116
2159
|
//#region src/components/OverlaySplitView/OverlaySplitView.tsx
|
|
2117
|
-
function
|
|
2118
|
-
let { isNarrow: h } =
|
|
2160
|
+
function Qn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPosition: o = "start", minSidebarWidth: s = 180, maxSidebarWidth: c = 280, sidebarWidthFraction: u = .25, className: f, style: p, ...m }) {
|
|
2161
|
+
let { isNarrow: h } = He(), g = d(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
|
|
2119
2162
|
l(() => {
|
|
2120
2163
|
if (!h || !i) return;
|
|
2121
2164
|
let e = (e) => {
|
|
@@ -2132,9 +2175,9 @@ function $n({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2132
2175
|
let v = o === "end";
|
|
2133
2176
|
return /* @__PURE__ */ n("div", {
|
|
2134
2177
|
className: [
|
|
2135
|
-
|
|
2136
|
-
h ?
|
|
2137
|
-
v ?
|
|
2178
|
+
G.root,
|
|
2179
|
+
h ? G.narrow : G.wide,
|
|
2180
|
+
v ? G.end : G.start,
|
|
2138
2181
|
f
|
|
2139
2182
|
].filter(Boolean).join(" "),
|
|
2140
2183
|
style: {
|
|
@@ -2144,69 +2187,69 @@ function $n({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2144
2187
|
...m,
|
|
2145
2188
|
children: [
|
|
2146
2189
|
h && /* @__PURE__ */ t("div", {
|
|
2147
|
-
className: [
|
|
2190
|
+
className: [G.backdrop, i ? G.backdropVisible : null].filter(Boolean).join(" "),
|
|
2148
2191
|
"aria-hidden": "true",
|
|
2149
2192
|
onClick: a
|
|
2150
2193
|
}),
|
|
2151
2194
|
/* @__PURE__ */ t("div", {
|
|
2152
2195
|
ref: g,
|
|
2153
|
-
className: [
|
|
2196
|
+
className: [G.sidebar, h ? i ? G.sidebarOpen : G.sidebarClosed : null].filter(Boolean).join(" "),
|
|
2154
2197
|
"aria-hidden": h && !i,
|
|
2155
2198
|
children: e
|
|
2156
2199
|
}),
|
|
2157
2200
|
/* @__PURE__ */ t("div", {
|
|
2158
|
-
className:
|
|
2201
|
+
className: G.content,
|
|
2159
2202
|
children: r
|
|
2160
2203
|
})
|
|
2161
2204
|
]
|
|
2162
2205
|
});
|
|
2163
2206
|
}
|
|
2164
|
-
var
|
|
2207
|
+
var $n = { bar: "_bar_njcvu_3" };
|
|
2165
2208
|
//#endregion
|
|
2166
2209
|
//#region src/components/ViewSwitcherBar/ViewSwitcherBar.tsx
|
|
2167
|
-
function
|
|
2210
|
+
function er({ children: e, reveal: n = !0, className: r, ...i }) {
|
|
2168
2211
|
return n ? /* @__PURE__ */ t("div", {
|
|
2169
2212
|
role: "navigation",
|
|
2170
2213
|
"aria-label": "Bottom navigation",
|
|
2171
|
-
className: [
|
|
2214
|
+
className: [$n.bar, r].filter(Boolean).join(" "),
|
|
2172
2215
|
...i,
|
|
2173
2216
|
children: e
|
|
2174
2217
|
}) : null;
|
|
2175
2218
|
}
|
|
2176
|
-
var
|
|
2219
|
+
var tr = {
|
|
2177
2220
|
link: "_link_x1qyh_1",
|
|
2178
2221
|
externalIcon: "_externalIcon_x1qyh_36"
|
|
2179
2222
|
};
|
|
2180
2223
|
//#endregion
|
|
2181
2224
|
//#region src/components/Link/Link.tsx
|
|
2182
|
-
function
|
|
2225
|
+
function nr({ external: e = !1, children: r, className: i, target: a, rel: o, ...s }) {
|
|
2183
2226
|
let c = e || a === "_blank";
|
|
2184
2227
|
return /* @__PURE__ */ n("a", {
|
|
2185
|
-
className: [
|
|
2228
|
+
className: [tr.link, i].filter(Boolean).join(" "),
|
|
2186
2229
|
target: c ? "_blank" : a,
|
|
2187
2230
|
rel: c ? "noopener noreferrer" : o,
|
|
2188
2231
|
...s,
|
|
2189
2232
|
children: [r, c && /* @__PURE__ */ t("span", {
|
|
2190
|
-
className:
|
|
2233
|
+
className: tr.externalIcon,
|
|
2191
2234
|
"aria-label": "(opens in new tab)",
|
|
2192
2235
|
children: "↗"
|
|
2193
2236
|
})]
|
|
2194
2237
|
});
|
|
2195
2238
|
}
|
|
2196
|
-
var
|
|
2239
|
+
var rr = {
|
|
2197
2240
|
group: "_group_1fa3l_3",
|
|
2198
2241
|
item: "_item_1fa3l_18",
|
|
2199
2242
|
iconOnly: "_iconOnly_1fa3l_48",
|
|
2200
2243
|
active: "_active_1fa3l_53",
|
|
2201
2244
|
itemIcon: "_itemIcon_1fa3l_86",
|
|
2202
2245
|
itemLabel: "_itemLabel_1fa3l_92"
|
|
2203
|
-
},
|
|
2204
|
-
function
|
|
2205
|
-
let e = c(
|
|
2246
|
+
}, ir = a(null);
|
|
2247
|
+
function ar() {
|
|
2248
|
+
let e = c(ir);
|
|
2206
2249
|
if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
|
|
2207
2250
|
return e;
|
|
2208
2251
|
}
|
|
2209
|
-
function
|
|
2252
|
+
function or({ value: e, onValueChange: n, "aria-label": r = "Options", children: i, className: a, ...o }) {
|
|
2210
2253
|
let s = d(null);
|
|
2211
2254
|
function c(e) {
|
|
2212
2255
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2219,7 +2262,7 @@ function sr({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2219
2262
|
else return;
|
|
2220
2263
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2221
2264
|
}
|
|
2222
|
-
return /* @__PURE__ */ t(
|
|
2265
|
+
return /* @__PURE__ */ t(ir.Provider, {
|
|
2223
2266
|
value: {
|
|
2224
2267
|
value: e,
|
|
2225
2268
|
onValueChange: n
|
|
@@ -2229,7 +2272,7 @@ function sr({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2229
2272
|
role: "radiogroup",
|
|
2230
2273
|
"aria-label": r,
|
|
2231
2274
|
onKeyDown: c,
|
|
2232
|
-
className: [
|
|
2275
|
+
className: [rr.group, a].filter(Boolean).join(" "),
|
|
2233
2276
|
...o,
|
|
2234
2277
|
children: i
|
|
2235
2278
|
})
|
|
@@ -2237,8 +2280,8 @@ function sr({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2237
2280
|
}
|
|
2238
2281
|
//#endregion
|
|
2239
2282
|
//#region src/components/ToggleGroup/ToggleGroupItem.tsx
|
|
2240
|
-
function
|
|
2241
|
-
let { value: c, onValueChange: l } =
|
|
2283
|
+
function sr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
2284
|
+
let { value: c, onValueChange: l } = ar(), u = c === e, d = i && !r;
|
|
2242
2285
|
return /* @__PURE__ */ n("button", {
|
|
2243
2286
|
type: "button",
|
|
2244
2287
|
role: "radio",
|
|
@@ -2247,28 +2290,28 @@ function cr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
2247
2290
|
disabled: a,
|
|
2248
2291
|
onClick: () => l(e),
|
|
2249
2292
|
className: [
|
|
2250
|
-
|
|
2251
|
-
u ?
|
|
2252
|
-
d ?
|
|
2293
|
+
rr.item,
|
|
2294
|
+
u ? rr.active : null,
|
|
2295
|
+
d ? rr.iconOnly : null,
|
|
2253
2296
|
o
|
|
2254
2297
|
].filter(Boolean).join(" "),
|
|
2255
2298
|
...s,
|
|
2256
2299
|
children: [i && /* @__PURE__ */ t("span", {
|
|
2257
|
-
className:
|
|
2300
|
+
className: rr.itemIcon,
|
|
2258
2301
|
children: /* @__PURE__ */ t(F, {
|
|
2259
2302
|
icon: i,
|
|
2260
2303
|
size: "md",
|
|
2261
2304
|
"aria-hidden": !0
|
|
2262
2305
|
})
|
|
2263
2306
|
}), r && /* @__PURE__ */ t("span", {
|
|
2264
|
-
className:
|
|
2307
|
+
className: rr.itemLabel,
|
|
2265
2308
|
children: r
|
|
2266
2309
|
})]
|
|
2267
2310
|
});
|
|
2268
2311
|
}
|
|
2269
2312
|
//#endregion
|
|
2270
2313
|
//#region src/components/Box/Box.tsx
|
|
2271
|
-
function
|
|
2314
|
+
function cr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i = "start", className: a, style: o, children: s, ...c }) {
|
|
2272
2315
|
let l = e === "horizontal" ? "center" : "stretch";
|
|
2273
2316
|
return /* @__PURE__ */ t("div", {
|
|
2274
2317
|
className: a,
|
|
@@ -2284,13 +2327,13 @@ function lr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i
|
|
|
2284
2327
|
children: s
|
|
2285
2328
|
});
|
|
2286
2329
|
}
|
|
2287
|
-
var
|
|
2330
|
+
var lr = {
|
|
2288
2331
|
wrapBox: "_wrapBox_1ik0x_1",
|
|
2289
2332
|
reverse: "_reverse_1ik0x_10"
|
|
2290
2333
|
};
|
|
2291
2334
|
//#endregion
|
|
2292
2335
|
//#region src/components/WrapBox/WrapBox.tsx
|
|
2293
|
-
function
|
|
2336
|
+
function ur({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
|
|
2294
2337
|
let u = typeof e == "number" ? `${e}px` : e, d = n == null ? u : typeof n == "number" ? `${n}px` : n, f = {
|
|
2295
2338
|
"--wrapbox-gap": u,
|
|
2296
2339
|
"--wrapbox-row-gap": d,
|
|
@@ -2300,8 +2343,8 @@ function dr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2300
2343
|
};
|
|
2301
2344
|
return /* @__PURE__ */ t("div", {
|
|
2302
2345
|
className: [
|
|
2303
|
-
|
|
2304
|
-
a ?
|
|
2346
|
+
lr.wrapBox,
|
|
2347
|
+
a ? lr.reverse : null,
|
|
2305
2348
|
s
|
|
2306
2349
|
].filter(Boolean).join(" "),
|
|
2307
2350
|
style: f,
|
|
@@ -2309,7 +2352,7 @@ function dr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2309
2352
|
children: o
|
|
2310
2353
|
});
|
|
2311
2354
|
}
|
|
2312
|
-
var
|
|
2355
|
+
var dr = {
|
|
2313
2356
|
chip: "_chip_e26qc_3",
|
|
2314
2357
|
selectable: "_selectable_e26qc_31",
|
|
2315
2358
|
selected: "_selected_e26qc_55",
|
|
@@ -2320,16 +2363,16 @@ var fr = {
|
|
|
2320
2363
|
};
|
|
2321
2364
|
//#endregion
|
|
2322
2365
|
//#region src/components/Chip/Chip.tsx
|
|
2323
|
-
function
|
|
2366
|
+
function fr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
|
|
2324
2367
|
let f = o && !a, p = [
|
|
2325
|
-
|
|
2326
|
-
s ?
|
|
2327
|
-
l ?
|
|
2328
|
-
f ?
|
|
2368
|
+
dr.chip,
|
|
2369
|
+
s ? dr.selected : null,
|
|
2370
|
+
l ? dr.disabled : null,
|
|
2371
|
+
f ? dr.selectable : null,
|
|
2329
2372
|
u
|
|
2330
2373
|
].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
|
|
2331
2374
|
i && /* @__PURE__ */ t("span", {
|
|
2332
|
-
className:
|
|
2375
|
+
className: dr.icon,
|
|
2333
2376
|
children: /* @__PURE__ */ t(F, {
|
|
2334
2377
|
icon: i,
|
|
2335
2378
|
size: "sm",
|
|
@@ -2337,12 +2380,12 @@ function pr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2337
2380
|
})
|
|
2338
2381
|
}),
|
|
2339
2382
|
/* @__PURE__ */ t("span", {
|
|
2340
|
-
className:
|
|
2383
|
+
className: dr.label,
|
|
2341
2384
|
children: r
|
|
2342
2385
|
}),
|
|
2343
2386
|
a && /* @__PURE__ */ t("button", {
|
|
2344
2387
|
type: "button",
|
|
2345
|
-
className:
|
|
2388
|
+
className: dr.remove,
|
|
2346
2389
|
"aria-label": `Remove ${r}`,
|
|
2347
2390
|
disabled: l,
|
|
2348
2391
|
onClick: (e) => {
|
|
@@ -2374,30 +2417,30 @@ function pr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2374
2417
|
}
|
|
2375
2418
|
//#endregion
|
|
2376
2419
|
//#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
|
|
2377
|
-
var
|
|
2378
|
-
backdrop:
|
|
2420
|
+
var pr = "_backdrop_zvuhh_3", mr = "_dialog_zvuhh_26", hr = "_header_zvuhh_59", gr = "_title_zvuhh_67", _r = "_closeBtn_zvuhh_74", vr = "_searchRow_zvuhh_112", yr = "_searchIcon_zvuhh_124", br = "_searchInput_zvuhh_132", xr = "_searchClear_zvuhh_151", Sr = "_body_zvuhh_174", Cr = "_empty_zvuhh_182", wr = "_section_zvuhh_193", Tr = "_sectionTitle_zvuhh_199", Er = "_list_zvuhh_209", Dr = "_row_zvuhh_225", Or = "_keys_zvuhh_240", kr = "_keyCap_zvuhh_247", Ar = "_plus_zvuhh_277", jr = "_description_zvuhh_284", K = {
|
|
2421
|
+
backdrop: pr,
|
|
2379
2422
|
"backdrop-in": "_backdrop-in_zvuhh_1",
|
|
2380
|
-
dialog:
|
|
2423
|
+
dialog: mr,
|
|
2381
2424
|
"dialog-in": "_dialog-in_zvuhh_1",
|
|
2382
|
-
header:
|
|
2383
|
-
title:
|
|
2384
|
-
closeBtn:
|
|
2385
|
-
searchRow:
|
|
2386
|
-
searchIcon:
|
|
2387
|
-
searchInput:
|
|
2388
|
-
searchClear:
|
|
2389
|
-
body:
|
|
2390
|
-
empty:
|
|
2391
|
-
section:
|
|
2392
|
-
sectionTitle:
|
|
2393
|
-
list:
|
|
2394
|
-
row:
|
|
2395
|
-
keys:
|
|
2396
|
-
keyCap:
|
|
2397
|
-
plus:
|
|
2398
|
-
description:
|
|
2399
|
-
},
|
|
2400
|
-
function
|
|
2425
|
+
header: hr,
|
|
2426
|
+
title: gr,
|
|
2427
|
+
closeBtn: _r,
|
|
2428
|
+
searchRow: vr,
|
|
2429
|
+
searchIcon: yr,
|
|
2430
|
+
searchInput: br,
|
|
2431
|
+
searchClear: xr,
|
|
2432
|
+
body: Sr,
|
|
2433
|
+
empty: Cr,
|
|
2434
|
+
section: wr,
|
|
2435
|
+
sectionTitle: Tr,
|
|
2436
|
+
list: Er,
|
|
2437
|
+
row: Dr,
|
|
2438
|
+
keys: Or,
|
|
2439
|
+
keyCap: kr,
|
|
2440
|
+
plus: Ar,
|
|
2441
|
+
description: jr
|
|
2442
|
+
}, Mr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
2443
|
+
function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
|
|
2401
2444
|
let [o, c] = f(""), u = d(null), m = d(null), h = d(null), g = d(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);
|
|
2402
2445
|
l(() => {
|
|
2403
2446
|
e ? (h.current = document.activeElement, requestAnimationFrame(() => m.current?.focus())) : (c(""), h.current?.focus());
|
|
@@ -2408,7 +2451,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2408
2451
|
return;
|
|
2409
2452
|
}
|
|
2410
2453
|
if (e.key !== "Tab") return;
|
|
2411
|
-
let t = Array.from(u.current?.querySelectorAll(
|
|
2454
|
+
let t = Array.from(u.current?.querySelectorAll(Mr) ?? []);
|
|
2412
2455
|
if (t.length === 0) return;
|
|
2413
2456
|
let n = t[0], i = t[t.length - 1];
|
|
2414
2457
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), n.focus());
|
|
@@ -2418,7 +2461,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2418
2461
|
...e,
|
|
2419
2462
|
shortcuts: e.shortcuts.filter(({ description: e, keys: t }) => !v || e.toLowerCase().includes(v) || t.some((e) => e.toLowerCase().includes(v)))
|
|
2420
2463
|
})).filter((e) => e.shortcuts.length > 0), b = /* @__PURE__ */ t("div", {
|
|
2421
|
-
className:
|
|
2464
|
+
className: K.backdrop,
|
|
2422
2465
|
onClick: r,
|
|
2423
2466
|
"aria-hidden": "true",
|
|
2424
2467
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -2426,36 +2469,36 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2426
2469
|
role: "dialog",
|
|
2427
2470
|
"aria-modal": "true",
|
|
2428
2471
|
"aria-labelledby": g.current,
|
|
2429
|
-
className:
|
|
2472
|
+
className: K.dialog,
|
|
2430
2473
|
onKeyDown: _,
|
|
2431
2474
|
onClick: (e) => e.stopPropagation(),
|
|
2432
2475
|
children: [
|
|
2433
2476
|
/* @__PURE__ */ n("div", {
|
|
2434
|
-
className:
|
|
2477
|
+
className: K.header,
|
|
2435
2478
|
children: [/* @__PURE__ */ t("span", {
|
|
2436
2479
|
id: g.current,
|
|
2437
|
-
className:
|
|
2480
|
+
className: K.title,
|
|
2438
2481
|
children: i
|
|
2439
2482
|
}), /* @__PURE__ */ t("button", {
|
|
2440
2483
|
type: "button",
|
|
2441
|
-
className:
|
|
2484
|
+
className: K.closeBtn,
|
|
2442
2485
|
"aria-label": "Close",
|
|
2443
2486
|
onClick: r,
|
|
2444
2487
|
children: "×"
|
|
2445
2488
|
})]
|
|
2446
2489
|
}),
|
|
2447
2490
|
/* @__PURE__ */ n("div", {
|
|
2448
|
-
className:
|
|
2491
|
+
className: K.searchRow,
|
|
2449
2492
|
children: [
|
|
2450
2493
|
/* @__PURE__ */ t("span", {
|
|
2451
|
-
className:
|
|
2494
|
+
className: K.searchIcon,
|
|
2452
2495
|
"aria-hidden": "true",
|
|
2453
2496
|
children: "⌕"
|
|
2454
2497
|
}),
|
|
2455
2498
|
/* @__PURE__ */ t("input", {
|
|
2456
2499
|
ref: m,
|
|
2457
2500
|
type: "search",
|
|
2458
|
-
className:
|
|
2501
|
+
className: K.searchInput,
|
|
2459
2502
|
placeholder: "Search shortcuts…",
|
|
2460
2503
|
value: o,
|
|
2461
2504
|
onChange: (e) => c(e.target.value),
|
|
@@ -2463,7 +2506,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2463
2506
|
}),
|
|
2464
2507
|
o && /* @__PURE__ */ t("button", {
|
|
2465
2508
|
type: "button",
|
|
2466
|
-
className:
|
|
2509
|
+
className: K.searchClear,
|
|
2467
2510
|
"aria-label": "Clear search",
|
|
2468
2511
|
onClick: () => {
|
|
2469
2512
|
c(""), m.current?.focus();
|
|
@@ -2473,38 +2516,38 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2473
2516
|
]
|
|
2474
2517
|
}),
|
|
2475
2518
|
/* @__PURE__ */ t("div", {
|
|
2476
|
-
className:
|
|
2519
|
+
className: K.body,
|
|
2477
2520
|
role: "list",
|
|
2478
2521
|
children: y.length === 0 ? /* @__PURE__ */ n("p", {
|
|
2479
|
-
className:
|
|
2522
|
+
className: K.empty,
|
|
2480
2523
|
children: [
|
|
2481
2524
|
"No shortcuts match \"",
|
|
2482
2525
|
o,
|
|
2483
2526
|
"\""
|
|
2484
2527
|
]
|
|
2485
2528
|
}) : y.map((e) => /* @__PURE__ */ n("section", {
|
|
2486
|
-
className:
|
|
2529
|
+
className: K.section,
|
|
2487
2530
|
children: [/* @__PURE__ */ t("h3", {
|
|
2488
|
-
className:
|
|
2531
|
+
className: K.sectionTitle,
|
|
2489
2532
|
children: e.title
|
|
2490
2533
|
}), /* @__PURE__ */ t("ul", {
|
|
2491
|
-
className:
|
|
2534
|
+
className: K.list,
|
|
2492
2535
|
children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
|
|
2493
|
-
className:
|
|
2536
|
+
className: K.row,
|
|
2494
2537
|
role: "listitem",
|
|
2495
2538
|
children: [/* @__PURE__ */ t("span", {
|
|
2496
|
-
className:
|
|
2539
|
+
className: K.keys,
|
|
2497
2540
|
"aria-label": e.keys.join(" + "),
|
|
2498
2541
|
children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
|
|
2499
|
-
className:
|
|
2542
|
+
className: K.keyCap,
|
|
2500
2543
|
children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
|
|
2501
|
-
className:
|
|
2544
|
+
className: K.plus,
|
|
2502
2545
|
"aria-hidden": "true",
|
|
2503
2546
|
children: "+"
|
|
2504
2547
|
})]
|
|
2505
2548
|
}, i))
|
|
2506
2549
|
}), /* @__PURE__ */ t("span", {
|
|
2507
|
-
className:
|
|
2550
|
+
className: K.description,
|
|
2508
2551
|
children: e.description
|
|
2509
2552
|
})]
|
|
2510
2553
|
}, e.description))
|
|
@@ -2516,7 +2559,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2516
2559
|
});
|
|
2517
2560
|
return typeof document > "u" ? b : p(b, document.body);
|
|
2518
2561
|
}
|
|
2519
|
-
var
|
|
2562
|
+
var Pr = {
|
|
2520
2563
|
sidebar: "_sidebar_kmj4b_3",
|
|
2521
2564
|
list: "_list_kmj4b_17",
|
|
2522
2565
|
item: "_item_kmj4b_28",
|
|
@@ -2551,14 +2594,14 @@ function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2551
2594
|
onValueChange: n
|
|
2552
2595
|
},
|
|
2553
2596
|
children: /* @__PURE__ */ t("nav", {
|
|
2554
|
-
className: [
|
|
2597
|
+
className: [Pr.sidebar, a].filter(Boolean).join(" "),
|
|
2555
2598
|
onKeyDown: c,
|
|
2556
2599
|
...o,
|
|
2557
2600
|
children: /* @__PURE__ */ t("ul", {
|
|
2558
2601
|
ref: s,
|
|
2559
2602
|
role: "radiogroup",
|
|
2560
2603
|
"aria-label": r,
|
|
2561
|
-
className:
|
|
2604
|
+
className: Pr.list,
|
|
2562
2605
|
children: i
|
|
2563
2606
|
})
|
|
2564
2607
|
})
|
|
@@ -2569,7 +2612,7 @@ function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2569
2612
|
function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
|
|
2570
2613
|
let { value: u, onValueChange: d } = Ir(), f = u === e, p = o ?? a ?? null;
|
|
2571
2614
|
return /* @__PURE__ */ t("li", {
|
|
2572
|
-
className:
|
|
2615
|
+
className: Pr.item,
|
|
2573
2616
|
children: /* @__PURE__ */ n("button", {
|
|
2574
2617
|
type: "button",
|
|
2575
2618
|
role: "radio",
|
|
@@ -2578,14 +2621,14 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2578
2621
|
disabled: s,
|
|
2579
2622
|
onClick: () => d(e),
|
|
2580
2623
|
className: [
|
|
2581
|
-
|
|
2582
|
-
f ?
|
|
2624
|
+
Pr.itemBtn,
|
|
2625
|
+
f ? Pr.active : null,
|
|
2583
2626
|
c
|
|
2584
2627
|
].filter(Boolean).join(" "),
|
|
2585
2628
|
...l,
|
|
2586
2629
|
children: [
|
|
2587
2630
|
i && /* @__PURE__ */ t("span", {
|
|
2588
|
-
className:
|
|
2631
|
+
className: Pr.itemIcon,
|
|
2589
2632
|
children: /* @__PURE__ */ t(F, {
|
|
2590
2633
|
icon: i,
|
|
2591
2634
|
size: "md",
|
|
@@ -2593,13 +2636,13 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2593
2636
|
})
|
|
2594
2637
|
}),
|
|
2595
2638
|
/* @__PURE__ */ t("span", {
|
|
2596
|
-
className:
|
|
2639
|
+
className: Pr.itemLabel,
|
|
2597
2640
|
children: r
|
|
2598
2641
|
}),
|
|
2599
2642
|
p != null && /* @__PURE__ */ t("span", {
|
|
2600
|
-
className:
|
|
2643
|
+
className: Pr.itemSuffix,
|
|
2601
2644
|
children: typeof p == "number" ? /* @__PURE__ */ t("span", {
|
|
2602
|
-
className:
|
|
2645
|
+
className: Pr.count,
|
|
2603
2646
|
children: p > 99 ? "99+" : p
|
|
2604
2647
|
}) : p
|
|
2605
2648
|
})
|
|
@@ -2832,7 +2875,7 @@ function Xr({ children: e, className: n, ...r }) {
|
|
|
2832
2875
|
children: e
|
|
2833
2876
|
});
|
|
2834
2877
|
}
|
|
2835
|
-
var
|
|
2878
|
+
var q = {
|
|
2836
2879
|
expanderRow: "_expanderRow_16el8_3",
|
|
2837
2880
|
header: "_header_16el8_11",
|
|
2838
2881
|
leading: "_leading_16el8_55",
|
|
@@ -2858,41 +2901,41 @@ function Zr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
2858
2901
|
}, S = r.toArray(s).filter(Boolean);
|
|
2859
2902
|
return /* @__PURE__ */ n("div", {
|
|
2860
2903
|
className: [
|
|
2861
|
-
|
|
2862
|
-
v ?
|
|
2904
|
+
q.expanderRow,
|
|
2905
|
+
v ? q.expanded : null,
|
|
2863
2906
|
p
|
|
2864
2907
|
].filter(Boolean).join(" "),
|
|
2865
2908
|
...m,
|
|
2866
2909
|
children: [/* @__PURE__ */ n("button", {
|
|
2867
2910
|
id: b,
|
|
2868
|
-
className:
|
|
2911
|
+
className: q.header,
|
|
2869
2912
|
"aria-expanded": v,
|
|
2870
2913
|
"aria-controls": y,
|
|
2871
2914
|
onClick: x,
|
|
2872
2915
|
children: [
|
|
2873
2916
|
a && /* @__PURE__ */ t("span", {
|
|
2874
|
-
className:
|
|
2917
|
+
className: q.leading,
|
|
2875
2918
|
children: a
|
|
2876
2919
|
}),
|
|
2877
2920
|
/* @__PURE__ */ n("span", {
|
|
2878
|
-
className:
|
|
2921
|
+
className: q.content,
|
|
2879
2922
|
children: [/* @__PURE__ */ t("span", {
|
|
2880
|
-
className:
|
|
2923
|
+
className: q.title,
|
|
2881
2924
|
children: e
|
|
2882
2925
|
}), i && /* @__PURE__ */ t("span", {
|
|
2883
|
-
className:
|
|
2926
|
+
className: q.subtitle,
|
|
2884
2927
|
children: i
|
|
2885
2928
|
})]
|
|
2886
2929
|
}),
|
|
2887
2930
|
o && /* @__PURE__ */ t("span", {
|
|
2888
|
-
className:
|
|
2931
|
+
className: q.trailing,
|
|
2889
2932
|
children: o
|
|
2890
2933
|
}),
|
|
2891
2934
|
/* @__PURE__ */ t("span", {
|
|
2892
|
-
className: [
|
|
2935
|
+
className: [q.chevronWrap, v ? q.chevronOpen : null].filter(Boolean).join(" "),
|
|
2893
2936
|
"aria-hidden": "true",
|
|
2894
2937
|
children: /* @__PURE__ */ t("svg", {
|
|
2895
|
-
className:
|
|
2938
|
+
className: q.chevron,
|
|
2896
2939
|
width: "16",
|
|
2897
2940
|
height: "16",
|
|
2898
2941
|
viewBox: "0 0 16 16",
|
|
@@ -2912,13 +2955,13 @@ function Zr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
2912
2955
|
id: y,
|
|
2913
2956
|
role: "region",
|
|
2914
2957
|
"aria-labelledby": b,
|
|
2915
|
-
className:
|
|
2958
|
+
className: q.panel,
|
|
2916
2959
|
children: /* @__PURE__ */ t("div", {
|
|
2917
|
-
className:
|
|
2960
|
+
className: q.panelInner,
|
|
2918
2961
|
children: S.map((e, r) => /* @__PURE__ */ n("div", {
|
|
2919
|
-
className:
|
|
2962
|
+
className: q.childItem,
|
|
2920
2963
|
children: [/* @__PURE__ */ t("div", {
|
|
2921
|
-
className:
|
|
2964
|
+
className: q.divider,
|
|
2922
2965
|
"aria-hidden": "true"
|
|
2923
2966
|
}), e]
|
|
2924
2967
|
}, r))
|
|
@@ -3006,7 +3049,7 @@ function ni({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
3006
3049
|
})]
|
|
3007
3050
|
});
|
|
3008
3051
|
}
|
|
3009
|
-
var
|
|
3052
|
+
var ri = {
|
|
3010
3053
|
row: "_row_jl3bc_3",
|
|
3011
3054
|
disabled: "_disabled_jl3bc_41",
|
|
3012
3055
|
leading: "_leading_jl3bc_49",
|
|
@@ -3019,7 +3062,7 @@ var q = {
|
|
|
3019
3062
|
};
|
|
3020
3063
|
//#endregion
|
|
3021
3064
|
//#region src/components/SwitchRow/SwitchRow.tsx
|
|
3022
|
-
function
|
|
3065
|
+
function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
|
|
3023
3066
|
let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3024
3067
|
let t = !_;
|
|
3025
3068
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3030,32 +3073,32 @@ function ri({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3030
3073
|
"aria-labelledby": v,
|
|
3031
3074
|
disabled: c,
|
|
3032
3075
|
className: [
|
|
3033
|
-
|
|
3034
|
-
c ?
|
|
3076
|
+
ri.row,
|
|
3077
|
+
c ? ri.disabled : null,
|
|
3035
3078
|
l
|
|
3036
3079
|
].filter(Boolean).join(" "),
|
|
3037
3080
|
onClick: y,
|
|
3038
3081
|
...p,
|
|
3039
3082
|
children: [
|
|
3040
3083
|
i && /* @__PURE__ */ t("span", {
|
|
3041
|
-
className:
|
|
3084
|
+
className: ri.leading,
|
|
3042
3085
|
children: i
|
|
3043
3086
|
}),
|
|
3044
3087
|
/* @__PURE__ */ n("span", {
|
|
3045
|
-
className:
|
|
3088
|
+
className: ri.content,
|
|
3046
3089
|
id: v,
|
|
3047
3090
|
children: [/* @__PURE__ */ t("span", {
|
|
3048
|
-
className:
|
|
3091
|
+
className: ri.title,
|
|
3049
3092
|
children: e
|
|
3050
3093
|
}), r && /* @__PURE__ */ t("span", {
|
|
3051
|
-
className:
|
|
3094
|
+
className: ri.subtitle,
|
|
3052
3095
|
children: r
|
|
3053
3096
|
})]
|
|
3054
3097
|
}),
|
|
3055
3098
|
/* @__PURE__ */ t("span", {
|
|
3056
|
-
className:
|
|
3099
|
+
className: ri.switchTrack,
|
|
3057
3100
|
"aria-hidden": "true",
|
|
3058
|
-
children: /* @__PURE__ */ t("span", { className: [
|
|
3101
|
+
children: /* @__PURE__ */ t("span", { className: [ri.switchThumb, _ ? ri.switchThumbOn : null].filter(Boolean).join(" ") })
|
|
3059
3102
|
})
|
|
3060
3103
|
]
|
|
3061
3104
|
});
|
|
@@ -3074,7 +3117,7 @@ var J = {
|
|
|
3074
3117
|
};
|
|
3075
3118
|
//#endregion
|
|
3076
3119
|
//#region src/components/CheckRow/CheckRow.tsx
|
|
3077
|
-
function
|
|
3120
|
+
function ai({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
|
|
3078
3121
|
let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3079
3122
|
let t = !_;
|
|
3080
3123
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3134,35 +3177,35 @@ function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3134
3177
|
}
|
|
3135
3178
|
//#endregion
|
|
3136
3179
|
//#region src/components/ComboRow/ComboRow.module.css
|
|
3137
|
-
var
|
|
3138
|
-
row:
|
|
3139
|
-
disabled:
|
|
3140
|
-
leading:
|
|
3141
|
-
content:
|
|
3142
|
-
title:
|
|
3143
|
-
subtitle:
|
|
3144
|
-
comboWrap:
|
|
3145
|
-
trigger:
|
|
3146
|
-
triggerOpen:
|
|
3147
|
-
triggerLabel:
|
|
3148
|
-
placeholder:
|
|
3149
|
-
chevron:
|
|
3150
|
-
chevronOpen:
|
|
3151
|
-
list:
|
|
3180
|
+
var oi = "_row_46mn8_3", si = "_disabled_46mn8_16", ci = "_leading_46mn8_23", li = "_content_46mn8_32", ui = "_title_46mn8_40", di = "_subtitle_46mn8_51", fi = "_comboWrap_46mn8_65", pi = "_trigger_46mn8_73", mi = "_triggerOpen_46mn8_126", hi = "_triggerLabel_46mn8_136", gi = "_placeholder_46mn8_144", _i = "_chevron_46mn8_150", vi = "_chevronOpen_46mn8_157", yi = "_list_46mn8_163", bi = "_listDown_46mn8_192", xi = "_listUp_46mn8_196", Si = "_option_46mn8_208", Ci = "_optionActive_46mn8_225", wi = "_optionSelected_46mn8_229", Ti = "_optionDisabled_46mn8_233", Ei = "_optionLabel_46mn8_239", Di = "_checkIcon_46mn8_247", Y = {
|
|
3181
|
+
row: oi,
|
|
3182
|
+
disabled: si,
|
|
3183
|
+
leading: ci,
|
|
3184
|
+
content: li,
|
|
3185
|
+
title: ui,
|
|
3186
|
+
subtitle: di,
|
|
3187
|
+
comboWrap: fi,
|
|
3188
|
+
trigger: pi,
|
|
3189
|
+
triggerOpen: mi,
|
|
3190
|
+
triggerLabel: hi,
|
|
3191
|
+
placeholder: gi,
|
|
3192
|
+
chevron: _i,
|
|
3193
|
+
chevronOpen: vi,
|
|
3194
|
+
list: yi,
|
|
3152
3195
|
"list-in": "_list-in_46mn8_1",
|
|
3153
|
-
listDown:
|
|
3154
|
-
listUp:
|
|
3196
|
+
listDown: bi,
|
|
3197
|
+
listUp: xi,
|
|
3155
3198
|
"list-in-up": "_list-in-up_46mn8_1",
|
|
3156
|
-
option:
|
|
3157
|
-
optionActive:
|
|
3158
|
-
optionSelected:
|
|
3159
|
-
optionDisabled:
|
|
3160
|
-
optionLabel:
|
|
3161
|
-
checkIcon:
|
|
3199
|
+
option: Si,
|
|
3200
|
+
optionActive: Ci,
|
|
3201
|
+
optionSelected: wi,
|
|
3202
|
+
optionDisabled: Ti,
|
|
3203
|
+
optionLabel: Ei,
|
|
3204
|
+
checkIcon: Di
|
|
3162
3205
|
};
|
|
3163
3206
|
//#endregion
|
|
3164
3207
|
//#region src/components/ComboRow/ComboRow.tsx
|
|
3165
|
-
function
|
|
3208
|
+
function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: p, disabled: m = !1, className: h, ...g }) {
|
|
3166
3209
|
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(() => {
|
|
3167
3210
|
if (!k.current) return;
|
|
3168
3211
|
let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
|
|
@@ -3365,7 +3408,7 @@ var X = {
|
|
|
3365
3408
|
};
|
|
3366
3409
|
//#endregion
|
|
3367
3410
|
//#region src/components/EntryRow/EntryRow.tsx
|
|
3368
|
-
function
|
|
3411
|
+
function ki({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: p, onChange: m, ...h }) {
|
|
3369
3412
|
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;
|
|
3370
3413
|
return /* @__PURE__ */ n("div", {
|
|
3371
3414
|
className: [
|
|
@@ -3407,13 +3450,13 @@ function Oi({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
|
|
|
3407
3450
|
]
|
|
3408
3451
|
});
|
|
3409
3452
|
}
|
|
3410
|
-
var
|
|
3453
|
+
var Ai = { revealButton: "_revealButton_1j8z0_3" };
|
|
3411
3454
|
//#endregion
|
|
3412
3455
|
//#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
|
|
3413
|
-
function
|
|
3456
|
+
function ji({ trailing: r, disabled: i, ...a }) {
|
|
3414
3457
|
let [o, s] = f(!1), c = /* @__PURE__ */ t("button", {
|
|
3415
3458
|
type: "button",
|
|
3416
|
-
className:
|
|
3459
|
+
className: Ai.revealButton,
|
|
3417
3460
|
onClick: (e) => {
|
|
3418
3461
|
e.stopPropagation(), s((e) => !e);
|
|
3419
3462
|
},
|
|
@@ -3426,7 +3469,7 @@ function Ai({ trailing: r, disabled: i, ...a }) {
|
|
|
3426
3469
|
"aria-hidden": !0
|
|
3427
3470
|
})
|
|
3428
3471
|
});
|
|
3429
|
-
return /* @__PURE__ */ t(
|
|
3472
|
+
return /* @__PURE__ */ t(ki, {
|
|
3430
3473
|
...a,
|
|
3431
3474
|
type: o ? "text" : "password",
|
|
3432
3475
|
disabled: i,
|
|
@@ -3446,16 +3489,16 @@ var Z = {
|
|
|
3446
3489
|
};
|
|
3447
3490
|
//#endregion
|
|
3448
3491
|
//#region src/components/SpinRow/SpinRow.tsx
|
|
3449
|
-
function
|
|
3492
|
+
function Mi(e) {
|
|
3450
3493
|
let t = e.toString(), n = t.indexOf(".");
|
|
3451
3494
|
return n === -1 ? 0 : t.length - n - 1;
|
|
3452
3495
|
}
|
|
3453
|
-
function
|
|
3496
|
+
function Ni(e, t, n) {
|
|
3454
3497
|
return Math.min(n, Math.max(t, e));
|
|
3455
3498
|
}
|
|
3456
|
-
function
|
|
3457
|
-
let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ??
|
|
3458
|
-
let t = parseFloat(
|
|
3499
|
+
function Pi({ 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, ..._ }) {
|
|
3500
|
+
let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ?? Mi(p), C = u(), w = s((e) => {
|
|
3501
|
+
let t = parseFloat(Ni(e, l, d).toFixed(S));
|
|
3459
3502
|
v || b(t), c?.(t);
|
|
3460
3503
|
}, [
|
|
3461
3504
|
v,
|
|
@@ -3559,50 +3602,50 @@ function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3559
3602
|
}
|
|
3560
3603
|
//#endregion
|
|
3561
3604
|
//#region src/components/NavigationView/NavigationView.module.css
|
|
3562
|
-
var
|
|
3563
|
-
view:
|
|
3564
|
-
page:
|
|
3565
|
-
pageHeader:
|
|
3566
|
-
pageTitle:
|
|
3567
|
-
pageContent:
|
|
3568
|
-
enterForward:
|
|
3605
|
+
var Fi = "_view_1r1om_3", Ii = "_page_1r1om_12", Li = "_pageHeader_1r1om_23", Ri = "_pageTitle_1r1om_34", zi = "_pageContent_1r1om_43", Bi = "_enterForward_1r1om_52", Vi = "_enterBack_1r1om_56", Hi = {
|
|
3606
|
+
view: Fi,
|
|
3607
|
+
page: Ii,
|
|
3608
|
+
pageHeader: Li,
|
|
3609
|
+
pageTitle: Ri,
|
|
3610
|
+
pageContent: zi,
|
|
3611
|
+
enterForward: Bi,
|
|
3569
3612
|
"slide-in-right": "_slide-in-right_1r1om_1",
|
|
3570
|
-
enterBack:
|
|
3613
|
+
enterBack: Vi,
|
|
3571
3614
|
"slide-in-left": "_slide-in-left_1r1om_1"
|
|
3572
|
-
},
|
|
3615
|
+
}, Ui = a({
|
|
3573
3616
|
navigate: () => {},
|
|
3574
3617
|
pop: () => {},
|
|
3575
3618
|
canGoBack: !1,
|
|
3576
3619
|
currentTag: "",
|
|
3577
3620
|
direction: "forward"
|
|
3578
3621
|
});
|
|
3579
|
-
function
|
|
3580
|
-
return c(
|
|
3622
|
+
function Wi() {
|
|
3623
|
+
return c(Ui);
|
|
3581
3624
|
}
|
|
3582
|
-
function
|
|
3583
|
-
let { currentTag: s, direction: l } = c(
|
|
3625
|
+
function Gi({ tag: e, title: r, children: i, className: a, ...o }) {
|
|
3626
|
+
let { currentTag: s, direction: l } = c(Ui);
|
|
3584
3627
|
return s === e ? /* @__PURE__ */ n("div", {
|
|
3585
3628
|
className: [
|
|
3586
|
-
|
|
3587
|
-
l === "forward" ?
|
|
3629
|
+
Hi.page,
|
|
3630
|
+
l === "forward" ? Hi.enterForward : Hi.enterBack,
|
|
3588
3631
|
a
|
|
3589
3632
|
].filter(Boolean).join(" "),
|
|
3590
3633
|
...o,
|
|
3591
3634
|
children: [/* @__PURE__ */ t("div", {
|
|
3592
|
-
className:
|
|
3635
|
+
className: Hi.pageHeader,
|
|
3593
3636
|
children: /* @__PURE__ */ t("span", {
|
|
3594
|
-
className:
|
|
3637
|
+
className: Hi.pageTitle,
|
|
3595
3638
|
children: r
|
|
3596
3639
|
})
|
|
3597
3640
|
}), /* @__PURE__ */ t("div", {
|
|
3598
|
-
className:
|
|
3641
|
+
className: Hi.pageContent,
|
|
3599
3642
|
children: i
|
|
3600
3643
|
})]
|
|
3601
3644
|
}) : null;
|
|
3602
3645
|
}
|
|
3603
|
-
function
|
|
3646
|
+
function Ki({ initialPage: e, children: n, className: r, ...i }) {
|
|
3604
3647
|
let [a, o] = f([e]), s = a[a.length - 1], c = a.length > 1, [l, u] = f("forward");
|
|
3605
|
-
return /* @__PURE__ */ t(
|
|
3648
|
+
return /* @__PURE__ */ t(Ui.Provider, {
|
|
3606
3649
|
value: {
|
|
3607
3650
|
navigate: (e) => {
|
|
3608
3651
|
u("forward"), o((t) => [...t, e]);
|
|
@@ -3615,7 +3658,7 @@ function Gi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3615
3658
|
direction: l
|
|
3616
3659
|
},
|
|
3617
3660
|
children: /* @__PURE__ */ t("div", {
|
|
3618
|
-
className: [
|
|
3661
|
+
className: [Hi.view, r].filter(Boolean).join(" "),
|
|
3619
3662
|
...i,
|
|
3620
3663
|
children: n
|
|
3621
3664
|
})
|
|
@@ -3623,20 +3666,20 @@ function Gi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3623
3666
|
}
|
|
3624
3667
|
//#endregion
|
|
3625
3668
|
//#region src/components/BottomSheet/BottomSheet.module.css
|
|
3626
|
-
var
|
|
3627
|
-
backdrop:
|
|
3669
|
+
var qi = "_backdrop_zzv98_3", Ji = "_sheet_zzv98_26", Yi = "_handle_zzv98_49", Xi = "_handleBar_zzv98_56", Zi = "_title_zzv98_66", Qi = "_content_zzv98_79", $i = {
|
|
3670
|
+
backdrop: qi,
|
|
3628
3671
|
"backdrop-in": "_backdrop-in_zzv98_1",
|
|
3629
|
-
sheet:
|
|
3672
|
+
sheet: Ji,
|
|
3630
3673
|
"sheet-in": "_sheet-in_zzv98_1",
|
|
3631
|
-
handle:
|
|
3632
|
-
handleBar:
|
|
3633
|
-
title:
|
|
3634
|
-
content:
|
|
3635
|
-
},
|
|
3636
|
-
function
|
|
3674
|
+
handle: Yi,
|
|
3675
|
+
handleBar: Xi,
|
|
3676
|
+
title: Zi,
|
|
3677
|
+
content: Qi
|
|
3678
|
+
}, ea = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
3679
|
+
function ta({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...f }) {
|
|
3637
3680
|
let m = d(null), h = u(), g = d(null);
|
|
3638
3681
|
l(() => {
|
|
3639
|
-
e ? (g.current = document.activeElement, (m.current?.querySelector(
|
|
3682
|
+
e ? (g.current = document.activeElement, (m.current?.querySelector(ea))?.focus()) : g.current?.focus();
|
|
3640
3683
|
}, [e]);
|
|
3641
3684
|
let _ = s((e) => {
|
|
3642
3685
|
if (e.key === "Escape") {
|
|
@@ -3644,14 +3687,14 @@ function ea({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3644
3687
|
return;
|
|
3645
3688
|
}
|
|
3646
3689
|
if (e.key !== "Tab") return;
|
|
3647
|
-
let t = Array.from(m.current?.querySelectorAll(
|
|
3690
|
+
let t = Array.from(m.current?.querySelectorAll(ea) ?? []);
|
|
3648
3691
|
if (t.length === 0) return;
|
|
3649
3692
|
let n = t[0], r = t[t.length - 1];
|
|
3650
3693
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3651
3694
|
}, [a]);
|
|
3652
3695
|
if (!e) return null;
|
|
3653
3696
|
let v = /* @__PURE__ */ t("div", {
|
|
3654
|
-
className:
|
|
3697
|
+
className: $i.backdrop,
|
|
3655
3698
|
onClick: o ? a : void 0,
|
|
3656
3699
|
"aria-hidden": "true",
|
|
3657
3700
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -3659,23 +3702,23 @@ function ea({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3659
3702
|
role: "dialog",
|
|
3660
3703
|
"aria-modal": "true",
|
|
3661
3704
|
"aria-labelledby": r ? h : void 0,
|
|
3662
|
-
className: [
|
|
3705
|
+
className: [$i.sheet, c].filter(Boolean).join(" "),
|
|
3663
3706
|
onKeyDown: _,
|
|
3664
3707
|
onClick: (e) => e.stopPropagation(),
|
|
3665
3708
|
...f,
|
|
3666
3709
|
children: [
|
|
3667
3710
|
/* @__PURE__ */ t("div", {
|
|
3668
|
-
className:
|
|
3711
|
+
className: $i.handle,
|
|
3669
3712
|
"aria-hidden": "true",
|
|
3670
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3713
|
+
children: /* @__PURE__ */ t("div", { className: $i.handleBar })
|
|
3671
3714
|
}),
|
|
3672
3715
|
r && /* @__PURE__ */ t("div", {
|
|
3673
3716
|
id: h,
|
|
3674
|
-
className:
|
|
3717
|
+
className: $i.title,
|
|
3675
3718
|
children: r
|
|
3676
3719
|
}),
|
|
3677
3720
|
i && /* @__PURE__ */ t("div", {
|
|
3678
|
-
className:
|
|
3721
|
+
className: $i.content,
|
|
3679
3722
|
children: i
|
|
3680
3723
|
})
|
|
3681
3724
|
]
|
|
@@ -3697,7 +3740,7 @@ var Q = {
|
|
|
3697
3740
|
};
|
|
3698
3741
|
//#endregion
|
|
3699
3742
|
//#region src/components/Carousel/Carousel.tsx
|
|
3700
|
-
function
|
|
3743
|
+
function na({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3701
3744
|
return /* @__PURE__ */ t("div", {
|
|
3702
3745
|
className: [Q.indicatorDots, i].filter(Boolean).join(" "),
|
|
3703
3746
|
role: "tablist",
|
|
@@ -3713,7 +3756,7 @@ function ta({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3713
3756
|
}, i))
|
|
3714
3757
|
});
|
|
3715
3758
|
}
|
|
3716
|
-
function
|
|
3759
|
+
function ra({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3717
3760
|
return /* @__PURE__ */ t("div", {
|
|
3718
3761
|
className: [Q.indicatorLines, i].filter(Boolean).join(" "),
|
|
3719
3762
|
role: "tablist",
|
|
@@ -3729,7 +3772,7 @@ function na({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3729
3772
|
}, i))
|
|
3730
3773
|
});
|
|
3731
3774
|
}
|
|
3732
|
-
function
|
|
3775
|
+
function ia({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...p }) {
|
|
3733
3776
|
let m = d(null), h = r.count(e), [g, _] = f(0), v = c !== void 0, y = v ? c : g;
|
|
3734
3777
|
l(() => {
|
|
3735
3778
|
v && b(c, "smooth");
|
|
@@ -3803,49 +3846,49 @@ function ra({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3803
3846
|
}
|
|
3804
3847
|
//#endregion
|
|
3805
3848
|
//#region src/components/Bin/Bin.tsx
|
|
3806
|
-
function
|
|
3849
|
+
function aa({ children: e, ...n }) {
|
|
3807
3850
|
return /* @__PURE__ */ t("div", {
|
|
3808
3851
|
...n,
|
|
3809
3852
|
children: e
|
|
3810
3853
|
});
|
|
3811
3854
|
}
|
|
3812
|
-
var
|
|
3855
|
+
var oa = {
|
|
3813
3856
|
content: "_content_1xkwk_3",
|
|
3814
3857
|
icon: "_icon_1xkwk_9",
|
|
3815
3858
|
label: "_label_1xkwk_15"
|
|
3816
3859
|
};
|
|
3817
3860
|
//#endregion
|
|
3818
3861
|
//#region src/components/ButtonContent/ButtonContent.tsx
|
|
3819
|
-
function
|
|
3862
|
+
function sa({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
|
|
3820
3863
|
return /* @__PURE__ */ n("span", {
|
|
3821
3864
|
className: [
|
|
3822
|
-
|
|
3823
|
-
i === "end" ?
|
|
3865
|
+
oa.content,
|
|
3866
|
+
i === "end" ? oa.iconEnd : null,
|
|
3824
3867
|
a
|
|
3825
3868
|
].filter(Boolean).join(" "),
|
|
3826
3869
|
...o,
|
|
3827
3870
|
children: [
|
|
3828
3871
|
e && i === "start" && /* @__PURE__ */ t("span", {
|
|
3829
|
-
className:
|
|
3872
|
+
className: oa.icon,
|
|
3830
3873
|
"aria-hidden": "true",
|
|
3831
3874
|
children: e
|
|
3832
3875
|
}),
|
|
3833
3876
|
/* @__PURE__ */ t("span", {
|
|
3834
|
-
className:
|
|
3877
|
+
className: oa.label,
|
|
3835
3878
|
children: r
|
|
3836
3879
|
}),
|
|
3837
3880
|
e && i === "end" && /* @__PURE__ */ t("span", {
|
|
3838
|
-
className:
|
|
3881
|
+
className: oa.icon,
|
|
3839
3882
|
"aria-hidden": "true",
|
|
3840
3883
|
children: e
|
|
3841
3884
|
})
|
|
3842
3885
|
]
|
|
3843
3886
|
});
|
|
3844
3887
|
}
|
|
3845
|
-
var
|
|
3888
|
+
var ca = {
|
|
3846
3889
|
label: "_label_h3znl_3",
|
|
3847
3890
|
key: "_key_h3znl_9"
|
|
3848
|
-
},
|
|
3891
|
+
}, la = {
|
|
3849
3892
|
ctrl: "⌃",
|
|
3850
3893
|
control: "⌃",
|
|
3851
3894
|
shift: "⇧",
|
|
@@ -3873,22 +3916,22 @@ var sa = {
|
|
|
3873
3916
|
home: "⇱",
|
|
3874
3917
|
end: "⇲"
|
|
3875
3918
|
};
|
|
3876
|
-
function
|
|
3919
|
+
function ua({ shortcut: e, symbols: n = !0, className: r, ...i }) {
|
|
3877
3920
|
let a = e.split("+").map((e) => e.trim()).filter(Boolean);
|
|
3878
3921
|
return /* @__PURE__ */ t("span", {
|
|
3879
|
-
className: [
|
|
3922
|
+
className: [ca.label, r].filter(Boolean).join(" "),
|
|
3880
3923
|
"aria-label": e,
|
|
3881
3924
|
...i,
|
|
3882
3925
|
children: a.map((e, r) => {
|
|
3883
|
-
let i = n ?
|
|
3926
|
+
let i = n ? la[e.toLowerCase()] ?? e : e;
|
|
3884
3927
|
return /* @__PURE__ */ t("kbd", {
|
|
3885
|
-
className:
|
|
3928
|
+
className: ca.key,
|
|
3886
3929
|
children: i
|
|
3887
3930
|
}, r);
|
|
3888
3931
|
})
|
|
3889
3932
|
});
|
|
3890
3933
|
}
|
|
3891
|
-
var
|
|
3934
|
+
var da = {
|
|
3892
3935
|
toolbarView: "_toolbarView_134hf_3",
|
|
3893
3936
|
top: "_top_134hf_11",
|
|
3894
3937
|
content: "_content_134hf_16",
|
|
@@ -3896,47 +3939,47 @@ var ua = {
|
|
|
3896
3939
|
};
|
|
3897
3940
|
//#endregion
|
|
3898
3941
|
//#region src/components/ToolbarView/ToolbarView.tsx
|
|
3899
|
-
function
|
|
3942
|
+
function fa({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
|
|
3900
3943
|
return /* @__PURE__ */ n("div", {
|
|
3901
|
-
className: [
|
|
3944
|
+
className: [da.toolbarView, a].filter(Boolean).join(" "),
|
|
3902
3945
|
...o,
|
|
3903
3946
|
children: [
|
|
3904
3947
|
e && /* @__PURE__ */ t("div", {
|
|
3905
|
-
className:
|
|
3948
|
+
className: da.top,
|
|
3906
3949
|
children: e
|
|
3907
3950
|
}),
|
|
3908
3951
|
/* @__PURE__ */ t("div", {
|
|
3909
|
-
className:
|
|
3952
|
+
className: da.content,
|
|
3910
3953
|
children: i
|
|
3911
3954
|
}),
|
|
3912
3955
|
r && /* @__PURE__ */ t("div", {
|
|
3913
|
-
className:
|
|
3956
|
+
className: da.bottom,
|
|
3914
3957
|
children: r
|
|
3915
3958
|
})
|
|
3916
3959
|
]
|
|
3917
3960
|
});
|
|
3918
3961
|
}
|
|
3919
|
-
var
|
|
3962
|
+
var pa = {
|
|
3920
3963
|
windowTitle: "_windowTitle_zm877_3",
|
|
3921
3964
|
title: "_title_zm877_11",
|
|
3922
3965
|
subtitle: "_subtitle_zm877_24"
|
|
3923
3966
|
};
|
|
3924
3967
|
//#endregion
|
|
3925
3968
|
//#region src/components/WindowTitle/WindowTitle.tsx
|
|
3926
|
-
function
|
|
3969
|
+
function ma({ title: e, subtitle: r, className: i, ...a }) {
|
|
3927
3970
|
return /* @__PURE__ */ n("div", {
|
|
3928
|
-
className: [
|
|
3971
|
+
className: [pa.windowTitle, i].filter(Boolean).join(" "),
|
|
3929
3972
|
...a,
|
|
3930
3973
|
children: [/* @__PURE__ */ t("span", {
|
|
3931
|
-
className:
|
|
3974
|
+
className: pa.title,
|
|
3932
3975
|
children: e
|
|
3933
3976
|
}), r && /* @__PURE__ */ t("span", {
|
|
3934
|
-
className:
|
|
3977
|
+
className: pa.subtitle,
|
|
3935
3978
|
children: r
|
|
3936
3979
|
})]
|
|
3937
3980
|
});
|
|
3938
3981
|
}
|
|
3939
|
-
var
|
|
3982
|
+
var ha = {
|
|
3940
3983
|
group: "_group_17s4f_3",
|
|
3941
3984
|
header: "_header_17s4f_11",
|
|
3942
3985
|
headerText: "_headerText_17s4f_17",
|
|
@@ -3947,85 +3990,85 @@ var ma = {
|
|
|
3947
3990
|
};
|
|
3948
3991
|
//#endregion
|
|
3949
3992
|
//#region src/components/PreferencesGroup/PreferencesGroup.tsx
|
|
3950
|
-
function
|
|
3993
|
+
function ga({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
|
|
3951
3994
|
let c = e || r || i;
|
|
3952
3995
|
return /* @__PURE__ */ n("div", {
|
|
3953
|
-
className: [
|
|
3996
|
+
className: [ha.group, o].filter(Boolean).join(" "),
|
|
3954
3997
|
...s,
|
|
3955
3998
|
children: [c && /* @__PURE__ */ n("div", {
|
|
3956
|
-
className:
|
|
3999
|
+
className: ha.header,
|
|
3957
4000
|
children: [/* @__PURE__ */ n("div", {
|
|
3958
|
-
className:
|
|
4001
|
+
className: ha.headerText,
|
|
3959
4002
|
children: [e && /* @__PURE__ */ t("span", {
|
|
3960
|
-
className:
|
|
4003
|
+
className: ha.title,
|
|
3961
4004
|
children: e
|
|
3962
4005
|
}), r && /* @__PURE__ */ t("span", {
|
|
3963
|
-
className:
|
|
4006
|
+
className: ha.description,
|
|
3964
4007
|
children: r
|
|
3965
4008
|
})]
|
|
3966
4009
|
}), i && /* @__PURE__ */ t("div", {
|
|
3967
|
-
className:
|
|
4010
|
+
className: ha.suffix,
|
|
3968
4011
|
children: i
|
|
3969
4012
|
})]
|
|
3970
4013
|
}), /* @__PURE__ */ t("div", {
|
|
3971
|
-
className:
|
|
4014
|
+
className: ha.content,
|
|
3972
4015
|
children: a
|
|
3973
4016
|
})]
|
|
3974
4017
|
});
|
|
3975
4018
|
}
|
|
3976
|
-
var
|
|
4019
|
+
var _a = {
|
|
3977
4020
|
page: "_page_gt42j_3",
|
|
3978
4021
|
inner: "_inner_gt42j_10"
|
|
3979
4022
|
};
|
|
3980
4023
|
//#endregion
|
|
3981
4024
|
//#region src/components/PreferencesPage/PreferencesPage.tsx
|
|
3982
|
-
function
|
|
4025
|
+
function va({ title: e, iconName: n, children: r, className: i, ...a }) {
|
|
3983
4026
|
return /* @__PURE__ */ t("div", {
|
|
3984
|
-
className: [
|
|
4027
|
+
className: [_a.page, i].filter(Boolean).join(" "),
|
|
3985
4028
|
role: "tabpanel",
|
|
3986
4029
|
...a,
|
|
3987
4030
|
children: /* @__PURE__ */ t("div", {
|
|
3988
|
-
className:
|
|
4031
|
+
className: _a.inner,
|
|
3989
4032
|
children: r
|
|
3990
4033
|
})
|
|
3991
4034
|
});
|
|
3992
4035
|
}
|
|
3993
4036
|
//#endregion
|
|
3994
4037
|
//#region src/components/PreferencesDialog/PreferencesDialog.module.css
|
|
3995
|
-
var
|
|
3996
|
-
backdrop:
|
|
4038
|
+
var ya = "_backdrop_1u1bd_3", ba = "_dialog_1u1bd_26", xa = "_dialogMulti_1u1bd_46", Sa = "_header_1u1bd_63", Ca = "_closeBtn_1u1bd_73", wa = "_title_1u1bd_102", Ta = "_searchWrap_1u1bd_112", Ea = "_searchInput_1u1bd_116", Da = "_body_1u1bd_143", Oa = "_sidebar_1u1bd_152", ka = "_navList_1u1bd_160", Aa = "_navItem_1u1bd_169", ja = "_navItemActive_1u1bd_190", Ma = "_navIcon_1u1bd_205", Na = "_navLabel_1u1bd_211", Pa = "_pageWrap_1u1bd_221", $ = {
|
|
4039
|
+
backdrop: ya,
|
|
3997
4040
|
"backdrop-in": "_backdrop-in_1u1bd_1",
|
|
3998
|
-
dialog:
|
|
4041
|
+
dialog: ba,
|
|
3999
4042
|
"dialog-in": "_dialog-in_1u1bd_1",
|
|
4000
|
-
dialogMulti:
|
|
4001
|
-
header:
|
|
4002
|
-
closeBtn:
|
|
4003
|
-
title:
|
|
4004
|
-
searchWrap:
|
|
4005
|
-
searchInput:
|
|
4006
|
-
body:
|
|
4007
|
-
sidebar:
|
|
4008
|
-
navList:
|
|
4009
|
-
navItem:
|
|
4010
|
-
navItemActive:
|
|
4011
|
-
navIcon:
|
|
4012
|
-
navLabel:
|
|
4013
|
-
pageWrap:
|
|
4014
|
-
},
|
|
4015
|
-
function
|
|
4043
|
+
dialogMulti: xa,
|
|
4044
|
+
header: Sa,
|
|
4045
|
+
closeBtn: Ca,
|
|
4046
|
+
title: wa,
|
|
4047
|
+
searchWrap: Ta,
|
|
4048
|
+
searchInput: Ea,
|
|
4049
|
+
body: Da,
|
|
4050
|
+
sidebar: Oa,
|
|
4051
|
+
navList: ka,
|
|
4052
|
+
navItem: Aa,
|
|
4053
|
+
navItemActive: ja,
|
|
4054
|
+
navIcon: Ma,
|
|
4055
|
+
navLabel: Na,
|
|
4056
|
+
pageWrap: Pa
|
|
4057
|
+
}, Fa = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
4058
|
+
function Ia(e, t) {
|
|
4016
4059
|
if (e.key !== "Tab") return;
|
|
4017
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
4060
|
+
let n = Array.from(t.current?.querySelectorAll(Fa) ?? []);
|
|
4018
4061
|
if (!n.length) return;
|
|
4019
4062
|
let r = n[0], i = n[n.length - 1];
|
|
4020
4063
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
4021
4064
|
}
|
|
4022
|
-
function
|
|
4065
|
+
function La({ open: e, onClose: a, children: c, searchable: m = !0, className: h, ...g }) {
|
|
4023
4066
|
let _ = d(null), v = d(null), y = u(), b = r.toArray(c).filter((e) => o(e)), [x, S] = f(0), [C, w] = f("");
|
|
4024
4067
|
l(() => {
|
|
4025
4068
|
if (e) {
|
|
4026
4069
|
S(0), w("");
|
|
4027
4070
|
let e = requestAnimationFrame(() => {
|
|
4028
|
-
m && v.current ? v.current.focus() : (_.current?.querySelector(
|
|
4071
|
+
m && v.current ? v.current.focus() : (_.current?.querySelector(Fa))?.focus();
|
|
4029
4072
|
});
|
|
4030
4073
|
return () => cancelAnimationFrame(e);
|
|
4031
4074
|
}
|
|
@@ -4035,7 +4078,7 @@ function Ia({ open: e, onClose: a, children: c, searchable: m = !0, className: h
|
|
|
4035
4078
|
e.stopPropagation(), a();
|
|
4036
4079
|
return;
|
|
4037
4080
|
}
|
|
4038
|
-
|
|
4081
|
+
Ia(e, _);
|
|
4039
4082
|
}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
|
|
4040
4083
|
return e ? p(/* @__PURE__ */ t("div", {
|
|
4041
4084
|
className: $.backdrop,
|
|
@@ -4122,6 +4165,6 @@ function Ia({ open: e, onClose: a, children: c, searchable: m = !0, className: h
|
|
|
4122
4165
|
}), document.body) : null;
|
|
4123
4166
|
}
|
|
4124
4167
|
//#endregion
|
|
4125
|
-
export {
|
|
4168
|
+
export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner, aa as Bin, ta as BottomSheet, cr as Box, Dt as BoxedList, zr as BreakpointBin, h as Button, sa as ButtonContent, Vr as ButtonRow, k as Card, ia as Carousel, na as CarouselIndicatorDots, ra as CarouselIndicatorLines, ai as CheckRow, se as Checkbox, fr as Chip, Xn as Clamp, Oi as ComboRow, bn as Dialog, zn as Dropdown, ki as EntryRow, Zr as ExpanderRow, Oe as Footer, Xr as Frame, Ve as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, ti as InlineViewSwitcher, ni as InlineViewSwitcherItem, nr as Link, Jr as LinkedGroup, Gi as NavigationPage, Zn as NavigationSplitView, Ki as NavigationView, Qn as OverlaySplitView, ji as PasswordEntryRow, Jn as Popover, La as PreferencesDialog, ga as PreferencesGroup, va as PreferencesPage, pe as ProgressBar, de as RadioButton, Re as SearchBar, re as Separator, ua as ShortcutLabel, Nr as ShortcutsDialog, dt as Sidebar, st as SidebarCollapsedContext, _t as SidebarItem, ft as SidebarSection, Un as Slider, Kr as Spacer, xt as SpinButton, Pi as SpinRow, j as Spinner, Ur as SplitButton, Be as StatusPage, ae as Switch, ii as SwitchRow, St as TabBar, Ct as TabItem, wt as TabPanel, T as Text, le as TextField, Bt as Toast, Vt as Toaster, or as ToggleGroup, sr as ToggleGroupItem, Gr as Toolbar, fa as ToolbarView, gt as Tooltip, kt as ViewSwitcher, er as ViewSwitcherBar, At as ViewSwitcherItem, Lr as ViewSwitcherSidebar, Rr as ViewSwitcherSidebarItem, ma as WindowTitle, ur as WrapBox, He as useBreakpoint, Wi as useNavigation, ct as useSidebarCollapsed };
|
|
4126
4169
|
|
|
4127
4170
|
//# sourceMappingURL=index.js.map
|