@gnome-ui/react 1.23.0 → 1.23.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OverlaySplitView/OverlaySplitView.d.ts +7 -1
- package/dist/components/Sidebar/Sidebar.d.ts +10 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +585 -566
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -821,7 +821,7 @@ function Ue() {
|
|
|
821
821
|
}
|
|
822
822
|
//#endregion
|
|
823
823
|
//#region src/components/Sidebar/Sidebar.module.css
|
|
824
|
-
var We = "
|
|
824
|
+
var We = "_sidebar_1xzyz_3", Ge = "_section_1xzyz_21", Ke = "_sectionTitle_1xzyz_33", qe = "_list_1xzyz_47", Je = "_item_1xzyz_58", Ye = "_itemBtn_1xzyz_64", Xe = "_active_1xzyz_111", Ze = "_itemIcon_1xzyz_127", Qe = "_itemLabel_1xzyz_140", $e = "_itemSuffix_1xzyz_150", et = "_contextMenu_1xzyz_159", tt = "_contextMenuItem_1xzyz_183", nt = "_contextMenuDestructive_1xzyz_219", rt = "_searchWrap_1xzyz_225", it = "_variantBlue_1xzyz_236", at = "_variantGreen_1xzyz_245", ot = "_variantRed_1xzyz_254", st = "_variantYellow_1xzyz_263", ct = "_variantBlack_1xzyz_272", lt = "_variantTransparent_1xzyz_281", ut = "_variantBlurred_1xzyz_286", dt = "_pageMode_1xzyz_302", ft = "_dragOver_1xzyz_309", pt = "_collapsed_1xzyz_317", mt = "_itemCollapsed_1xzyz_328", z = {
|
|
825
825
|
sidebar: We,
|
|
826
826
|
section: Ge,
|
|
827
827
|
sectionTitle: Ke,
|
|
@@ -833,54 +833,71 @@ var We = "_sidebar_b80pp_3", Ge = "_section_b80pp_21", Ke = "_sectionTitle_b80pp
|
|
|
833
833
|
itemLabel: Qe,
|
|
834
834
|
itemSuffix: $e,
|
|
835
835
|
contextMenu: et,
|
|
836
|
-
"menu-in": "_menu-
|
|
836
|
+
"menu-in": "_menu-in_1xzyz_1",
|
|
837
837
|
contextMenuItem: tt,
|
|
838
838
|
contextMenuDestructive: nt,
|
|
839
839
|
searchWrap: rt,
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
840
|
+
variantBlue: it,
|
|
841
|
+
variantGreen: at,
|
|
842
|
+
variantRed: ot,
|
|
843
|
+
variantYellow: st,
|
|
844
|
+
variantBlack: ct,
|
|
845
|
+
variantTransparent: lt,
|
|
846
|
+
variantBlurred: ut,
|
|
847
|
+
pageMode: dt,
|
|
848
|
+
dragOver: ft,
|
|
849
|
+
collapsed: pt,
|
|
850
|
+
itemCollapsed: mt
|
|
851
|
+
}, ht = a(!1);
|
|
852
|
+
function gt() {
|
|
853
|
+
return c(ht);
|
|
847
854
|
}
|
|
848
|
-
var
|
|
849
|
-
function
|
|
855
|
+
var _t = a("");
|
|
856
|
+
function vt(e, t) {
|
|
850
857
|
let n = 0;
|
|
851
858
|
return r.forEach(e, (e) => {
|
|
852
859
|
if (!o(e)) return;
|
|
853
860
|
let r = e.props;
|
|
854
|
-
typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n +=
|
|
861
|
+
typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n += vt(r.children, t));
|
|
855
862
|
}), n;
|
|
856
863
|
}
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
864
|
+
var yt = {
|
|
865
|
+
blue: "variantBlue",
|
|
866
|
+
green: "variantGreen",
|
|
867
|
+
red: "variantRed",
|
|
868
|
+
yellow: "variantYellow",
|
|
869
|
+
black: "variantBlack",
|
|
870
|
+
transparent: "variantTransparent",
|
|
871
|
+
blurred: "variantBlurred"
|
|
872
|
+
};
|
|
873
|
+
function bt({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilterChange: o, mode: s, variant: c = "classic", className: l, ...u }) {
|
|
874
|
+
let [d, f] = p(""), { isNarrow: m } = Ue(), h = a !== void 0, g = h ? a : d, _ = (e) => {
|
|
875
|
+
h || f(e), o?.(e);
|
|
876
|
+
}, v = g.length > 0, y = s ?? (m ? "page" : "sidebar"), b = !v || vt(e, g) > 0;
|
|
877
|
+
return /* @__PURE__ */ t(ht.Provider, {
|
|
862
878
|
value: r,
|
|
863
|
-
children: /* @__PURE__ */ t(
|
|
864
|
-
value:
|
|
879
|
+
children: /* @__PURE__ */ t(_t.Provider, {
|
|
880
|
+
value: g,
|
|
865
881
|
children: /* @__PURE__ */ n("nav", {
|
|
866
882
|
className: [
|
|
867
883
|
z.sidebar,
|
|
868
884
|
r ? z.collapsed : null,
|
|
869
|
-
|
|
870
|
-
c
|
|
885
|
+
y === "page" ? z.pageMode : null,
|
|
886
|
+
c === "classic" ? null : z[yt[c]],
|
|
887
|
+
l
|
|
871
888
|
].filter(Boolean).join(" "),
|
|
872
|
-
...
|
|
889
|
+
...u,
|
|
873
890
|
children: [i && /* @__PURE__ */ t("div", {
|
|
874
891
|
className: z.searchWrap,
|
|
875
892
|
children: /* @__PURE__ */ t(ze, {
|
|
876
893
|
open: !0,
|
|
877
|
-
value:
|
|
878
|
-
onChange: (e) =>
|
|
879
|
-
onClose: () =>
|
|
880
|
-
onClear: () =>
|
|
894
|
+
value: g,
|
|
895
|
+
onChange: (e) => _(e.target.value),
|
|
896
|
+
onClose: () => _(""),
|
|
897
|
+
onClear: () => _(""),
|
|
881
898
|
inline: !0
|
|
882
899
|
})
|
|
883
|
-
}),
|
|
900
|
+
}), v && !b ? /* @__PURE__ */ t(Ve, {
|
|
884
901
|
title: "No Results",
|
|
885
902
|
description: "No items match your search.",
|
|
886
903
|
compact: !0
|
|
@@ -891,7 +908,7 @@ function ft({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
|
|
|
891
908
|
}
|
|
892
909
|
//#endregion
|
|
893
910
|
//#region src/components/Sidebar/SidebarSection.tsx
|
|
894
|
-
function
|
|
911
|
+
function xt({ title: e, children: r, className: i, ...a }) {
|
|
895
912
|
return /* @__PURE__ */ n("section", {
|
|
896
913
|
className: [z.section, i].filter(Boolean).join(" "),
|
|
897
914
|
...a,
|
|
@@ -905,15 +922,15 @@ function pt({ title: e, children: r, className: i, ...a }) {
|
|
|
905
922
|
})]
|
|
906
923
|
});
|
|
907
924
|
}
|
|
908
|
-
var
|
|
925
|
+
var St = {
|
|
909
926
|
tooltip: "_tooltip_y4het_3",
|
|
910
927
|
visible: "_visible_y4het_29",
|
|
911
928
|
top: "_top_y4het_55",
|
|
912
929
|
bottom: "_bottom_y4het_62",
|
|
913
930
|
left: "_left_y4het_69",
|
|
914
931
|
right: "_right_y4het_76"
|
|
915
|
-
},
|
|
916
|
-
function
|
|
932
|
+
}, Ct = 6;
|
|
933
|
+
function wt(e, t, n) {
|
|
917
934
|
let r = window.innerWidth, i = window.innerHeight, a = [
|
|
918
935
|
n,
|
|
919
936
|
n === "top" || n === "bottom" ? n === "top" ? "bottom" : "top" : n === "left" ? "right" : "left",
|
|
@@ -924,7 +941,7 @@ function gt(e, t, n) {
|
|
|
924
941
|
];
|
|
925
942
|
for (let n of a) {
|
|
926
943
|
let a = 0, o = 0;
|
|
927
|
-
n === "top" ? (a = e.top - t.height -
|
|
944
|
+
n === "top" ? (a = e.top - t.height - Ct, o = e.left + e.width / 2 - t.width / 2) : n === "bottom" ? (a = e.bottom + Ct, 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 - Ct) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + Ct);
|
|
928
945
|
let s = o >= 8 && o + t.width <= r - 8, c = a >= 8 && a + t.height <= i - 8;
|
|
929
946
|
if (s && c) return {
|
|
930
947
|
top: Math.max(8, Math.min(a, i - t.height - 8)),
|
|
@@ -933,17 +950,17 @@ function gt(e, t, n) {
|
|
|
933
950
|
};
|
|
934
951
|
}
|
|
935
952
|
let o = 0, s = 0;
|
|
936
|
-
return n === "top" && (o = e.top - t.height -
|
|
953
|
+
return n === "top" && (o = e.top - t.height - Ct, s = e.left + e.width / 2 - t.width / 2), n === "bottom" && (o = e.bottom + Ct, 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 - Ct), n === "right" && (o = e.top + e.height / 2 - t.height / 2, s = e.right + Ct), {
|
|
937
954
|
top: Math.max(8, Math.min(o, i - t.height - 8)),
|
|
938
955
|
left: Math.max(8, Math.min(s, window.innerWidth - t.width - 8)),
|
|
939
956
|
placement: n
|
|
940
957
|
};
|
|
941
958
|
}
|
|
942
|
-
function
|
|
959
|
+
function Tt({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
943
960
|
let d = u(), [h, g] = p(!1), [_, v] = p(null), y = f(null), b = f(null), x = f(null), S = () => {
|
|
944
961
|
x.current &&= (clearTimeout(x.current), null);
|
|
945
962
|
}, C = s(() => {
|
|
946
|
-
!y.current || !b.current || v(
|
|
963
|
+
!y.current || !b.current || v(wt(y.current.getBoundingClientRect(), b.current.getBoundingClientRect(), a));
|
|
947
964
|
}, [a]);
|
|
948
965
|
l(() => {
|
|
949
966
|
if (h) return C(), window.addEventListener("scroll", C, {
|
|
@@ -987,9 +1004,9 @@ function _t({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
|
987
1004
|
id: d,
|
|
988
1005
|
role: "tooltip",
|
|
989
1006
|
className: [
|
|
990
|
-
|
|
991
|
-
_ ?
|
|
992
|
-
h && _ ?
|
|
1007
|
+
St.tooltip,
|
|
1008
|
+
_ ? St[_.placement] : null,
|
|
1009
|
+
h && _ ? St.visible : null
|
|
993
1010
|
].filter(Boolean).join(" "),
|
|
994
1011
|
style: _ ? {
|
|
995
1012
|
top: _.top,
|
|
@@ -1005,8 +1022,8 @@ function _t({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
|
1005
1022
|
}
|
|
1006
1023
|
//#endregion
|
|
1007
1024
|
//#region src/components/Sidebar/SidebarItem.tsx
|
|
1008
|
-
function
|
|
1009
|
-
let y =
|
|
1025
|
+
function Et({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u, menuItems: d, onDrop: h, acceptTypes: g, className: _, ...v }) {
|
|
1026
|
+
let y = gt(), b = c(_t), x = a ?? o, S = y ? u ?? e : u, C = b.length > 0 && !e.toLowerCase().includes(b.toLowerCase()), [w, T] = p(!1), E = (e) => {
|
|
1010
1027
|
h && (g?.length && !g.some((t) => e.dataTransfer.types.includes(t)) || (e.preventDefault(), T(!0)));
|
|
1011
1028
|
}, D = () => T(!1), O = (e) => {
|
|
1012
1029
|
h && (e.preventDefault(), T(!1), h(e));
|
|
@@ -1073,7 +1090,7 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
1073
1090
|
return /* @__PURE__ */ n("li", {
|
|
1074
1091
|
className: z.item,
|
|
1075
1092
|
hidden: C || void 0,
|
|
1076
|
-
children: [S ? /* @__PURE__ */ t(
|
|
1093
|
+
children: [S ? /* @__PURE__ */ t(Tt, {
|
|
1077
1094
|
label: S,
|
|
1078
1095
|
placement: "right",
|
|
1079
1096
|
children: I
|
|
@@ -1098,7 +1115,7 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
1098
1115
|
}), document.body)]
|
|
1099
1116
|
});
|
|
1100
1117
|
}
|
|
1101
|
-
var
|
|
1118
|
+
var Dt = {
|
|
1102
1119
|
spin: "_spin_7d4yi_3",
|
|
1103
1120
|
disabled: "_disabled_7d4yi_36",
|
|
1104
1121
|
btn: "_btn_7d4yi_43",
|
|
@@ -1106,15 +1123,15 @@ var yt = {
|
|
|
1106
1123
|
};
|
|
1107
1124
|
//#endregion
|
|
1108
1125
|
//#region src/components/SpinButton/SpinButton.tsx
|
|
1109
|
-
function
|
|
1126
|
+
function Ot(e) {
|
|
1110
1127
|
let t = e.toString(), n = t.indexOf(".");
|
|
1111
1128
|
return n === -1 ? 0 : t.length - n - 1;
|
|
1112
1129
|
}
|
|
1113
|
-
function
|
|
1130
|
+
function kt(e, t, n) {
|
|
1114
1131
|
return Math.min(n, Math.max(t, e));
|
|
1115
1132
|
}
|
|
1116
|
-
function
|
|
1117
|
-
let m = c ??
|
|
1133
|
+
function At({ 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 }) {
|
|
1134
|
+
let m = c ?? Ot(o), h = s((e) => r(parseFloat(kt(e, i, a).toFixed(m))), [
|
|
1118
1135
|
r,
|
|
1119
1136
|
i,
|
|
1120
1137
|
a,
|
|
@@ -1158,8 +1175,8 @@ function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1158
1175
|
tabIndex: l ? -1 : 0,
|
|
1159
1176
|
onKeyDown: l ? void 0 : g,
|
|
1160
1177
|
className: [
|
|
1161
|
-
|
|
1162
|
-
l ?
|
|
1178
|
+
Dt.spin,
|
|
1179
|
+
l ? Dt.disabled : null,
|
|
1163
1180
|
u
|
|
1164
1181
|
].filter(Boolean).join(" "),
|
|
1165
1182
|
...p,
|
|
@@ -1169,12 +1186,12 @@ function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1169
1186
|
tabIndex: -1,
|
|
1170
1187
|
"aria-hidden": "true",
|
|
1171
1188
|
disabled: l || e <= i,
|
|
1172
|
-
className:
|
|
1189
|
+
className: Dt.btn,
|
|
1173
1190
|
onClick: () => h(e - o),
|
|
1174
1191
|
children: "−"
|
|
1175
1192
|
}),
|
|
1176
1193
|
/* @__PURE__ */ t("span", {
|
|
1177
|
-
className:
|
|
1194
|
+
className: Dt.value,
|
|
1178
1195
|
"aria-hidden": "true",
|
|
1179
1196
|
children: e.toFixed(m)
|
|
1180
1197
|
}),
|
|
@@ -1183,7 +1200,7 @@ function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1183
1200
|
tabIndex: -1,
|
|
1184
1201
|
"aria-hidden": "true",
|
|
1185
1202
|
disabled: l || e >= a,
|
|
1186
|
-
className:
|
|
1203
|
+
className: Dt.btn,
|
|
1187
1204
|
onClick: () => h(e + o),
|
|
1188
1205
|
children: "+"
|
|
1189
1206
|
})
|
|
@@ -1203,7 +1220,7 @@ var B = {
|
|
|
1203
1220
|
};
|
|
1204
1221
|
//#endregion
|
|
1205
1222
|
//#region src/components/Tabs/TabBar.tsx
|
|
1206
|
-
function
|
|
1223
|
+
function jt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs", ...a }) {
|
|
1207
1224
|
let o = f(null);
|
|
1208
1225
|
function s(e) {
|
|
1209
1226
|
let t = Array.from(o.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -1235,7 +1252,7 @@ function Ct({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1235
1252
|
}
|
|
1236
1253
|
//#endregion
|
|
1237
1254
|
//#region src/components/Tabs/TabItem.tsx
|
|
1238
|
-
function
|
|
1255
|
+
function Mt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLabel: s = "Close tab", className: c, disabled: l, ...u }) {
|
|
1239
1256
|
return /* @__PURE__ */ n("button", {
|
|
1240
1257
|
role: "tab",
|
|
1241
1258
|
type: "button",
|
|
@@ -1281,7 +1298,7 @@ function wt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
|
|
|
1281
1298
|
}
|
|
1282
1299
|
//#endregion
|
|
1283
1300
|
//#region src/components/Tabs/TabPanel.tsx
|
|
1284
|
-
function
|
|
1301
|
+
function Nt({ id: e, active: n = !1, className: r, children: i, ...a }) {
|
|
1285
1302
|
return /* @__PURE__ */ t("div", {
|
|
1286
1303
|
id: e,
|
|
1287
1304
|
role: "tabpanel",
|
|
@@ -1305,7 +1322,7 @@ var V = {
|
|
|
1305
1322
|
};
|
|
1306
1323
|
//#endregion
|
|
1307
1324
|
//#region src/components/ActionRow/ActionRow.tsx
|
|
1308
|
-
function
|
|
1325
|
+
function Pt({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !1, variant: s = "default", className: c, ...l }) {
|
|
1309
1326
|
let u = o ? "button" : "div", d = s === "property";
|
|
1310
1327
|
return /* @__PURE__ */ n(u, {
|
|
1311
1328
|
className: [
|
|
@@ -1337,32 +1354,32 @@ function Et({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !
|
|
|
1337
1354
|
]
|
|
1338
1355
|
});
|
|
1339
1356
|
}
|
|
1340
|
-
var
|
|
1341
|
-
list: "
|
|
1342
|
-
item: "
|
|
1343
|
-
separate: "
|
|
1344
|
-
separateItem: "
|
|
1345
|
-
divider: "
|
|
1357
|
+
var Ft = {
|
|
1358
|
+
list: "_list_1m4lm_3",
|
|
1359
|
+
item: "_item_1m4lm_16",
|
|
1360
|
+
separate: "_separate_1m4lm_37",
|
|
1361
|
+
separateItem: "_separateItem_1m4lm_47",
|
|
1362
|
+
divider: "_divider_1m4lm_69"
|
|
1346
1363
|
};
|
|
1347
1364
|
//#endregion
|
|
1348
1365
|
//#region src/components/BoxedList/BoxedList.tsx
|
|
1349
|
-
function
|
|
1366
|
+
function It({ children: e, variant: i = "default", className: a, ...o }) {
|
|
1350
1367
|
let s = r.toArray(e).filter(Boolean), c = i === "separate";
|
|
1351
1368
|
return /* @__PURE__ */ t("ul", {
|
|
1352
1369
|
role: "list",
|
|
1353
1370
|
className: [
|
|
1354
|
-
|
|
1355
|
-
c ?
|
|
1371
|
+
Ft.list,
|
|
1372
|
+
c ? Ft.separate : null,
|
|
1356
1373
|
a
|
|
1357
1374
|
].filter(Boolean).join(" "),
|
|
1358
1375
|
...o,
|
|
1359
1376
|
children: s.map((e, r) => /* @__PURE__ */ n("li", {
|
|
1360
|
-
className: c ?
|
|
1377
|
+
className: c ? Ft.separateItem : Ft.item,
|
|
1361
1378
|
children: [!c && r > 0 && /* @__PURE__ */ t(ie, { "aria-hidden": "true" }), e]
|
|
1362
1379
|
}, r))
|
|
1363
1380
|
});
|
|
1364
1381
|
}
|
|
1365
|
-
var
|
|
1382
|
+
var Lt = {
|
|
1366
1383
|
switcher: "_switcher_1uh9r_3",
|
|
1367
1384
|
item: "_item_1uh9r_18",
|
|
1368
1385
|
active: "_active_1uh9r_45",
|
|
@@ -1371,7 +1388,7 @@ var kt = {
|
|
|
1371
1388
|
};
|
|
1372
1389
|
//#endregion
|
|
1373
1390
|
//#region src/components/ViewSwitcher/ViewSwitcher.tsx
|
|
1374
|
-
function
|
|
1391
|
+
function Rt({ children: e, className: n, "aria-label": r = "View switcher", ...i }) {
|
|
1375
1392
|
let a = f(null);
|
|
1376
1393
|
function o(e) {
|
|
1377
1394
|
let t = Array.from(a.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -1389,14 +1406,14 @@ function At({ children: e, className: n, "aria-label": r = "View switcher", ...i
|
|
|
1389
1406
|
role: "radiogroup",
|
|
1390
1407
|
"aria-label": r,
|
|
1391
1408
|
onKeyDown: o,
|
|
1392
|
-
className: [
|
|
1409
|
+
className: [Lt.switcher, n].filter(Boolean).join(" "),
|
|
1393
1410
|
...i,
|
|
1394
1411
|
children: e
|
|
1395
1412
|
});
|
|
1396
1413
|
}
|
|
1397
1414
|
//#endregion
|
|
1398
1415
|
//#region src/components/ViewSwitcher/ViewSwitcherItem.tsx
|
|
1399
|
-
function
|
|
1416
|
+
function zt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s }) {
|
|
1400
1417
|
return /* @__PURE__ */ n("button", {
|
|
1401
1418
|
type: "button",
|
|
1402
1419
|
role: "radio",
|
|
@@ -1404,40 +1421,40 @@ function jt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s
|
|
|
1404
1421
|
tabIndex: i ? 0 : -1,
|
|
1405
1422
|
disabled: o,
|
|
1406
1423
|
className: [
|
|
1407
|
-
|
|
1408
|
-
i ?
|
|
1424
|
+
Lt.item,
|
|
1425
|
+
i ? Lt.active : null,
|
|
1409
1426
|
a
|
|
1410
1427
|
].filter(Boolean).join(" "),
|
|
1411
1428
|
...s,
|
|
1412
1429
|
children: [r && /* @__PURE__ */ t("span", {
|
|
1413
|
-
className:
|
|
1430
|
+
className: Lt.itemIcon,
|
|
1414
1431
|
children: /* @__PURE__ */ t(L, {
|
|
1415
1432
|
icon: r,
|
|
1416
1433
|
size: "md",
|
|
1417
1434
|
"aria-hidden": !0
|
|
1418
1435
|
})
|
|
1419
1436
|
}), /* @__PURE__ */ t("span", {
|
|
1420
|
-
className:
|
|
1437
|
+
className: Lt.itemLabel,
|
|
1421
1438
|
children: e
|
|
1422
1439
|
})]
|
|
1423
1440
|
});
|
|
1424
1441
|
}
|
|
1425
1442
|
//#endregion
|
|
1426
1443
|
//#region src/components/Toast/Toast.module.css
|
|
1427
|
-
var
|
|
1428
|
-
toaster:
|
|
1429
|
-
toasterBottom:
|
|
1430
|
-
toasterTop:
|
|
1431
|
-
toast:
|
|
1444
|
+
var Bt = "_toaster_1tgvb_3", Vt = "_toasterBottom_1tgvb_18", Ht = "_toasterTop_1tgvb_22", Ut = "_toast_1tgvb_3", Wt = "_title_1tgvb_69", Gt = "_actions_1tgvb_76", Kt = "_actionBtn_1tgvb_85", qt = "_dismissBtn_1tgvb_118", Jt = {
|
|
1445
|
+
toaster: Bt,
|
|
1446
|
+
toasterBottom: Vt,
|
|
1447
|
+
toasterTop: Ht,
|
|
1448
|
+
toast: Ut,
|
|
1432
1449
|
"toast-in": "_toast-in_1tgvb_1",
|
|
1433
|
-
title:
|
|
1434
|
-
actions:
|
|
1435
|
-
actionBtn:
|
|
1436
|
-
dismissBtn:
|
|
1450
|
+
title: Wt,
|
|
1451
|
+
actions: Gt,
|
|
1452
|
+
actionBtn: Kt,
|
|
1453
|
+
dismissBtn: qt
|
|
1437
1454
|
};
|
|
1438
1455
|
//#endregion
|
|
1439
1456
|
//#region src/components/Toast/Toast.tsx
|
|
1440
|
-
function
|
|
1457
|
+
function Yt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onAction: o, dismissible: s = !1, className: c, ...u }) {
|
|
1441
1458
|
let d = f(null), p = f(r), m = f(0), h = () => {
|
|
1442
1459
|
d.current &&= (clearTimeout(d.current), null);
|
|
1443
1460
|
}, g = (e) => {
|
|
@@ -1458,25 +1475,25 @@ function Vt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
|
|
|
1458
1475
|
role: "status",
|
|
1459
1476
|
"aria-live": "polite",
|
|
1460
1477
|
"aria-atomic": "true",
|
|
1461
|
-
className: [
|
|
1478
|
+
className: [Jt.toast, c].filter(Boolean).join(" "),
|
|
1462
1479
|
onMouseEnter: _,
|
|
1463
1480
|
onMouseLeave: v,
|
|
1464
1481
|
onFocus: _,
|
|
1465
1482
|
onBlur: v,
|
|
1466
1483
|
...u,
|
|
1467
1484
|
children: [/* @__PURE__ */ t("span", {
|
|
1468
|
-
className:
|
|
1485
|
+
className: Jt.title,
|
|
1469
1486
|
children: e
|
|
1470
1487
|
}), (a || s) && /* @__PURE__ */ n("span", {
|
|
1471
|
-
className:
|
|
1488
|
+
className: Jt.actions,
|
|
1472
1489
|
children: [a && /* @__PURE__ */ t("button", {
|
|
1473
1490
|
type: "button",
|
|
1474
|
-
className:
|
|
1491
|
+
className: Jt.actionBtn,
|
|
1475
1492
|
onClick: y,
|
|
1476
1493
|
children: a
|
|
1477
1494
|
}), s && /* @__PURE__ */ t("button", {
|
|
1478
1495
|
type: "button",
|
|
1479
|
-
className:
|
|
1496
|
+
className: Jt.dismissBtn,
|
|
1480
1497
|
"aria-label": "Dismiss",
|
|
1481
1498
|
onClick: () => {
|
|
1482
1499
|
h(), i?.();
|
|
@@ -1492,12 +1509,12 @@ function Vt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
|
|
|
1492
1509
|
}
|
|
1493
1510
|
//#endregion
|
|
1494
1511
|
//#region src/components/Toast/Toaster.tsx
|
|
1495
|
-
function
|
|
1512
|
+
function Xt({ position: e = "bottom", children: n, container: r, className: i, ...a }) {
|
|
1496
1513
|
let o = /* @__PURE__ */ t("div", {
|
|
1497
1514
|
"aria-label": "Notifications",
|
|
1498
1515
|
className: [
|
|
1499
|
-
|
|
1500
|
-
e === "top" ?
|
|
1516
|
+
Jt.toaster,
|
|
1517
|
+
e === "top" ? Jt.toasterTop : Jt.toasterBottom,
|
|
1501
1518
|
i
|
|
1502
1519
|
].filter(Boolean).join(" "),
|
|
1503
1520
|
...a,
|
|
@@ -1507,57 +1524,57 @@ function Ht({ position: e = "bottom", children: n, container: r, className: i, .
|
|
|
1507
1524
|
}
|
|
1508
1525
|
//#endregion
|
|
1509
1526
|
//#region src/components/Dialog/Dialog.module.css
|
|
1510
|
-
var
|
|
1511
|
-
backdrop:
|
|
1512
|
-
"backdrop-in": "_backdrop-
|
|
1513
|
-
dialog:
|
|
1514
|
-
"dialog-in": "_dialog-
|
|
1515
|
-
title:
|
|
1516
|
-
body:
|
|
1517
|
-
footer:
|
|
1518
|
-
btn:
|
|
1519
|
-
"btn-default": "_btn-
|
|
1520
|
-
"btn-suggested": "_btn-
|
|
1521
|
-
"btn-destructive": "_btn-
|
|
1522
|
-
dialogAbout:
|
|
1523
|
-
aboutHeader:
|
|
1524
|
-
aboutIcon:
|
|
1525
|
-
aboutAppName:
|
|
1526
|
-
aboutVersion:
|
|
1527
|
-
aboutTabBar:
|
|
1528
|
-
aboutTabBtn:
|
|
1529
|
-
aboutTabBtnActive:
|
|
1530
|
-
aboutTabContent:
|
|
1531
|
-
aboutSection:
|
|
1532
|
-
aboutComments:
|
|
1533
|
-
aboutInfoList:
|
|
1534
|
-
aboutInfoLabel:
|
|
1535
|
-
aboutInfoValue:
|
|
1536
|
-
aboutLink:
|
|
1537
|
-
aboutCreditGroup:
|
|
1538
|
-
aboutCreditTitle:
|
|
1539
|
-
aboutCreditList:
|
|
1540
|
-
aboutCreditItem:
|
|
1541
|
-
aboutCopyright:
|
|
1542
|
-
aboutLicenseType:
|
|
1543
|
-
aboutLicenseText:
|
|
1544
|
-
},
|
|
1545
|
-
function
|
|
1527
|
+
var Zt = "_backdrop_bx9wz_3", Qt = "_dialog_bx9wz_26", $t = "_title_bx9wz_56", en = "_body_bx9wz_68", tn = "_footer_bx9wz_89", nn = "_btn_bx9wz_96", rn = "_dialogAbout_bx9wz_159", an = "_aboutHeader_bx9wz_166", on = "_aboutIcon_bx9wz_175", sn = "_aboutAppName_bx9wz_184", cn = "_aboutVersion_bx9wz_191", ln = "_aboutTabBar_bx9wz_198", un = "_aboutTabBtn_bx9wz_205", dn = "_aboutTabBtnActive_bx9wz_224", fn = "_aboutTabContent_bx9wz_237", pn = "_aboutSection_bx9wz_242", mn = "_aboutComments_bx9wz_247", hn = "_aboutInfoList_bx9wz_256", gn = "_aboutInfoLabel_bx9wz_263", _n = "_aboutInfoValue_bx9wz_271", vn = "_aboutLink_bx9wz_279", yn = "_aboutCreditGroup_bx9wz_287", bn = "_aboutCreditTitle_bx9wz_291", xn = "_aboutCreditList_bx9wz_301", Sn = "_aboutCreditItem_bx9wz_310", Cn = "_aboutCopyright_bx9wz_316", wn = "_aboutLicenseType_bx9wz_323", Tn = "_aboutLicenseText_bx9wz_330", H = {
|
|
1528
|
+
backdrop: Zt,
|
|
1529
|
+
"backdrop-in": "_backdrop-in_bx9wz_1",
|
|
1530
|
+
dialog: Qt,
|
|
1531
|
+
"dialog-in": "_dialog-in_bx9wz_1",
|
|
1532
|
+
title: $t,
|
|
1533
|
+
body: en,
|
|
1534
|
+
footer: tn,
|
|
1535
|
+
btn: nn,
|
|
1536
|
+
"btn-default": "_btn-default_bx9wz_144",
|
|
1537
|
+
"btn-suggested": "_btn-suggested_bx9wz_148",
|
|
1538
|
+
"btn-destructive": "_btn-destructive_bx9wz_153",
|
|
1539
|
+
dialogAbout: rn,
|
|
1540
|
+
aboutHeader: an,
|
|
1541
|
+
aboutIcon: on,
|
|
1542
|
+
aboutAppName: sn,
|
|
1543
|
+
aboutVersion: cn,
|
|
1544
|
+
aboutTabBar: ln,
|
|
1545
|
+
aboutTabBtn: un,
|
|
1546
|
+
aboutTabBtnActive: dn,
|
|
1547
|
+
aboutTabContent: fn,
|
|
1548
|
+
aboutSection: pn,
|
|
1549
|
+
aboutComments: mn,
|
|
1550
|
+
aboutInfoList: hn,
|
|
1551
|
+
aboutInfoLabel: gn,
|
|
1552
|
+
aboutInfoValue: _n,
|
|
1553
|
+
aboutLink: vn,
|
|
1554
|
+
aboutCreditGroup: yn,
|
|
1555
|
+
aboutCreditTitle: bn,
|
|
1556
|
+
aboutCreditList: xn,
|
|
1557
|
+
aboutCreditItem: Sn,
|
|
1558
|
+
aboutCopyright: Cn,
|
|
1559
|
+
aboutLicenseType: wn,
|
|
1560
|
+
aboutLicenseText: Tn
|
|
1561
|
+
}, En = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
1562
|
+
function Dn(e, t) {
|
|
1546
1563
|
if (e.key !== "Tab") return;
|
|
1547
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
1564
|
+
let n = Array.from(t.current?.querySelectorAll(En) ?? []);
|
|
1548
1565
|
if (!n.length) return;
|
|
1549
1566
|
let r = n[0], i = n[n.length - 1];
|
|
1550
1567
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
1551
1568
|
}
|
|
1552
|
-
var
|
|
1569
|
+
var On = {
|
|
1553
1570
|
details: "Details",
|
|
1554
1571
|
credits: "Credits",
|
|
1555
1572
|
legal: "Legal"
|
|
1556
1573
|
};
|
|
1557
|
-
function
|
|
1574
|
+
function kn({ open: r, title: i, children: a, buttons: o = [], onClose: c, closeOnBackdrop: d = !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 }) {
|
|
1558
1575
|
let F = f(null), I = u(), ee = f(null), [te, ne] = p("details"), re = !!g, ie = v === "about";
|
|
1559
1576
|
l(() => {
|
|
1560
|
-
r ? (ee.current = document.activeElement, (F.current?.querySelector(
|
|
1577
|
+
r ? (ee.current = document.activeElement, (F.current?.querySelector(En))?.focus()) : (ee.current?.focus(), ie && ne("details"));
|
|
1561
1578
|
}, [r, ie]);
|
|
1562
1579
|
let ae = s(() => {
|
|
1563
1580
|
let e = g?.find((e) => e.variant !== "destructive" && !e.disabled);
|
|
@@ -1567,7 +1584,7 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1567
1584
|
e.preventDefault(), re ? ae() : c?.();
|
|
1568
1585
|
return;
|
|
1569
1586
|
}
|
|
1570
|
-
|
|
1587
|
+
Dn(e, F);
|
|
1571
1588
|
}, [
|
|
1572
1589
|
re,
|
|
1573
1590
|
ae,
|
|
@@ -1632,7 +1649,7 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1632
1649
|
"aria-selected": te === e,
|
|
1633
1650
|
className: [H.aboutTabBtn, te === e ? H.aboutTabBtnActive : null].filter(Boolean).join(" "),
|
|
1634
1651
|
onClick: () => ne(e),
|
|
1635
|
-
children:
|
|
1652
|
+
children: On[e]
|
|
1636
1653
|
}, e))
|
|
1637
1654
|
}),
|
|
1638
1655
|
/* @__PURE__ */ n("div", {
|
|
@@ -1761,31 +1778,31 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1761
1778
|
}
|
|
1762
1779
|
//#endregion
|
|
1763
1780
|
//#region src/components/Dropdown/Dropdown.module.css
|
|
1764
|
-
var
|
|
1765
|
-
wrapper:
|
|
1766
|
-
trigger:
|
|
1767
|
-
triggerOpen:
|
|
1768
|
-
triggerLabel:
|
|
1769
|
-
placeholder:
|
|
1770
|
-
chevron:
|
|
1771
|
-
chevronOpen:
|
|
1772
|
-
list:
|
|
1781
|
+
var An = "_wrapper_1hi05_3", jn = "_trigger_1hi05_11", Mn = "_triggerOpen_1hi05_63", Nn = "_triggerLabel_1hi05_73", Pn = "_placeholder_1hi05_81", Fn = "_chevron_1hi05_87", In = "_chevronOpen_1hi05_94", Ln = "_list_1hi05_100", Rn = "_listDown_1hi05_129", zn = "_listUp_1hi05_133", Bn = "_option_1hi05_145", Vn = "_optionActive_1hi05_162", Hn = "_optionSelected_1hi05_166", Un = "_optionDisabled_1hi05_170", Wn = "_optionText_1hi05_178", Gn = "_optionLabel_1hi05_186", Kn = "_optionDesc_1hi05_192", qn = "_checkIcon_1hi05_202", U = {
|
|
1782
|
+
wrapper: An,
|
|
1783
|
+
trigger: jn,
|
|
1784
|
+
triggerOpen: Mn,
|
|
1785
|
+
triggerLabel: Nn,
|
|
1786
|
+
placeholder: Pn,
|
|
1787
|
+
chevron: Fn,
|
|
1788
|
+
chevronOpen: In,
|
|
1789
|
+
list: Ln,
|
|
1773
1790
|
"list-in": "_list-in_1hi05_1",
|
|
1774
|
-
listDown:
|
|
1775
|
-
listUp:
|
|
1791
|
+
listDown: Rn,
|
|
1792
|
+
listUp: zn,
|
|
1776
1793
|
"list-in-up": "_list-in-up_1hi05_1",
|
|
1777
|
-
option:
|
|
1778
|
-
optionActive:
|
|
1779
|
-
optionSelected:
|
|
1780
|
-
optionDisabled:
|
|
1781
|
-
optionText:
|
|
1782
|
-
optionLabel:
|
|
1783
|
-
optionDesc:
|
|
1784
|
-
checkIcon:
|
|
1794
|
+
option: Bn,
|
|
1795
|
+
optionActive: Vn,
|
|
1796
|
+
optionSelected: Hn,
|
|
1797
|
+
optionDisabled: Un,
|
|
1798
|
+
optionText: Wn,
|
|
1799
|
+
optionLabel: Gn,
|
|
1800
|
+
optionDesc: Kn,
|
|
1801
|
+
checkIcon: qn
|
|
1785
1802
|
};
|
|
1786
1803
|
//#endregion
|
|
1787
1804
|
//#region src/components/Dropdown/Dropdown.tsx
|
|
1788
|
-
function
|
|
1805
|
+
function Jn({ options: e, value: r, onChange: i, placeholder: a = "Select an option", disabled: o, className: c, ...d }) {
|
|
1789
1806
|
let [m, h] = p(!1), [g, _] = p(-1), [v, y] = p(!1), b = u(), x = u(), S = f(null), C = f(null), w = e.find((e) => e.value === r), T = s(() => {
|
|
1790
1807
|
if (!S.current) return;
|
|
1791
1808
|
let t = S.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = Math.min(e.length * 48 + 8, 280);
|
|
@@ -1933,7 +1950,7 @@ function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1933
1950
|
})]
|
|
1934
1951
|
});
|
|
1935
1952
|
}
|
|
1936
|
-
var
|
|
1953
|
+
var Yn = {
|
|
1937
1954
|
wrapper: "_wrapper_11zhs_3",
|
|
1938
1955
|
hasLabels: "_hasLabels_11zhs_11",
|
|
1939
1956
|
track: "_track_11zhs_17",
|
|
@@ -1946,21 +1963,21 @@ var Vn = {
|
|
|
1946
1963
|
};
|
|
1947
1964
|
//#endregion
|
|
1948
1965
|
//#region src/components/Slider/Slider.tsx
|
|
1949
|
-
function
|
|
1966
|
+
function Xn(e, t, n) {
|
|
1950
1967
|
return Math.min(n, Math.max(t, e));
|
|
1951
1968
|
}
|
|
1952
|
-
function
|
|
1969
|
+
function Zn(e, t, n, r) {
|
|
1953
1970
|
return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
|
|
1954
1971
|
}
|
|
1955
|
-
function
|
|
1972
|
+
function Qn(e) {
|
|
1956
1973
|
let t = e.toString(), n = t.indexOf(".");
|
|
1957
1974
|
return n === -1 ? 0 : t.length - n - 1;
|
|
1958
1975
|
}
|
|
1959
|
-
function
|
|
1960
|
-
let g = f(null), _ =
|
|
1976
|
+
function $n({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disabled: c = !1, marks: l, className: u, "aria-label": d, "aria-labelledby": p, "aria-describedby": m, ...h }) {
|
|
1977
|
+
let g = f(null), _ = Qn(o), v = (Xn(e, i, a) - i) / (a - i) * 100, y = s((e) => {
|
|
1961
1978
|
if (!g.current) return;
|
|
1962
1979
|
let { left: t, width: n } = g.current.getBoundingClientRect();
|
|
1963
|
-
r(
|
|
1980
|
+
r(Xn(Zn((e - t) / n * (a - i) + i, i, o, _), i, a));
|
|
1964
1981
|
}, [
|
|
1965
1982
|
i,
|
|
1966
1983
|
a,
|
|
@@ -1973,7 +1990,7 @@ function Gn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1973
1990
|
e.currentTarget.hasPointerCapture(e.pointerId) && y(e.clientX);
|
|
1974
1991
|
}, [y]), S = s((t) => {
|
|
1975
1992
|
let n = (e) => {
|
|
1976
|
-
t.preventDefault(), r(
|
|
1993
|
+
t.preventDefault(), r(Xn(Zn(e, i, o, _), i, a));
|
|
1977
1994
|
};
|
|
1978
1995
|
switch (t.key) {
|
|
1979
1996
|
case "ArrowRight":
|
|
@@ -2007,8 +2024,8 @@ function Gn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
2007
2024
|
]), C = l && l.length > 0, w = C && l.some((e) => e.label);
|
|
2008
2025
|
return /* @__PURE__ */ n("div", {
|
|
2009
2026
|
className: [
|
|
2010
|
-
|
|
2011
|
-
w ?
|
|
2027
|
+
Yn.wrapper,
|
|
2028
|
+
w ? Yn.hasLabels : null,
|
|
2012
2029
|
u
|
|
2013
2030
|
].filter(Boolean).join(" "),
|
|
2014
2031
|
...h,
|
|
@@ -2023,36 +2040,36 @@ function Gn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
2023
2040
|
"aria-labelledby": p,
|
|
2024
2041
|
"aria-describedby": m,
|
|
2025
2042
|
"aria-disabled": c || void 0,
|
|
2026
|
-
className: [
|
|
2043
|
+
className: [Yn.track, c ? Yn.disabled : null].filter(Boolean).join(" "),
|
|
2027
2044
|
onPointerDown: b,
|
|
2028
2045
|
onPointerMove: x,
|
|
2029
2046
|
onKeyDown: c ? void 0 : S,
|
|
2030
2047
|
children: [
|
|
2031
2048
|
/* @__PURE__ */ t("div", {
|
|
2032
|
-
className:
|
|
2049
|
+
className: Yn.fill,
|
|
2033
2050
|
style: { width: `${v}%` }
|
|
2034
2051
|
}),
|
|
2035
2052
|
/* @__PURE__ */ t("div", {
|
|
2036
|
-
className:
|
|
2053
|
+
className: Yn.thumb,
|
|
2037
2054
|
style: { left: `${v}%` },
|
|
2038
2055
|
"aria-hidden": "true"
|
|
2039
2056
|
}),
|
|
2040
2057
|
C && l.map((e) => {
|
|
2041
|
-
let n = (
|
|
2058
|
+
let n = (Xn(e.value, i, a) - i) / (a - i) * 100;
|
|
2042
2059
|
return /* @__PURE__ */ t("div", {
|
|
2043
|
-
className:
|
|
2060
|
+
className: Yn.tick,
|
|
2044
2061
|
style: { left: `${n}%` },
|
|
2045
2062
|
"aria-hidden": "true"
|
|
2046
2063
|
}, e.value);
|
|
2047
2064
|
})
|
|
2048
2065
|
]
|
|
2049
2066
|
}), w && /* @__PURE__ */ t("div", {
|
|
2050
|
-
className:
|
|
2067
|
+
className: Yn.labels,
|
|
2051
2068
|
"aria-hidden": "true",
|
|
2052
2069
|
children: l.map((e) => {
|
|
2053
|
-
let n = (
|
|
2070
|
+
let n = (Xn(e.value, i, a) - i) / (a - i) * 100;
|
|
2054
2071
|
return /* @__PURE__ */ t("span", {
|
|
2055
|
-
className:
|
|
2072
|
+
className: Yn.markLabel,
|
|
2056
2073
|
style: { left: `${n}%` },
|
|
2057
2074
|
children: e.label
|
|
2058
2075
|
}, e.value);
|
|
@@ -2060,7 +2077,7 @@ function Gn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
2060
2077
|
})]
|
|
2061
2078
|
});
|
|
2062
2079
|
}
|
|
2063
|
-
var
|
|
2080
|
+
var er = {
|
|
2064
2081
|
panel: "_panel_1tk9v_3",
|
|
2065
2082
|
visible: "_visible_1tk9v_36",
|
|
2066
2083
|
arrow: "_arrow_1tk9v_44",
|
|
@@ -2068,8 +2085,8 @@ var Kn = {
|
|
|
2068
2085
|
top: "_top_1tk9v_67",
|
|
2069
2086
|
left: "_left_1tk9v_75",
|
|
2070
2087
|
right: "_right_1tk9v_83"
|
|
2071
|
-
},
|
|
2072
|
-
function
|
|
2088
|
+
}, tr = 8, W = 10, nr = 6;
|
|
2089
|
+
function rr(e, t, n) {
|
|
2073
2090
|
let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
|
|
2074
2091
|
n,
|
|
2075
2092
|
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
@@ -2080,17 +2097,17 @@ function Yn(e, t, n) {
|
|
|
2080
2097
|
])];
|
|
2081
2098
|
function o(n) {
|
|
2082
2099
|
return n === "bottom" ? {
|
|
2083
|
-
top: e.bottom +
|
|
2100
|
+
top: e.bottom + tr,
|
|
2084
2101
|
left: e.left + e.width / 2 - t.width / 2
|
|
2085
2102
|
} : n === "top" ? {
|
|
2086
|
-
top: e.top - t.height -
|
|
2103
|
+
top: e.top - t.height - tr,
|
|
2087
2104
|
left: e.left + e.width / 2 - t.width / 2
|
|
2088
2105
|
} : n === "left" ? {
|
|
2089
2106
|
top: e.top + e.height / 2 - t.height / 2,
|
|
2090
|
-
left: e.left - t.width -
|
|
2107
|
+
left: e.left - t.width - tr
|
|
2091
2108
|
} : {
|
|
2092
2109
|
top: e.top + e.height / 2 - t.height / 2,
|
|
2093
|
-
left: e.right +
|
|
2110
|
+
left: e.right + tr
|
|
2094
2111
|
};
|
|
2095
2112
|
}
|
|
2096
2113
|
for (let n of a) {
|
|
@@ -2110,7 +2127,7 @@ function Yn(e, t, n) {
|
|
|
2110
2127
|
top: a,
|
|
2111
2128
|
left: i,
|
|
2112
2129
|
placement: n,
|
|
2113
|
-
arrowOffset: Math.max(
|
|
2130
|
+
arrowOffset: Math.max(nr + 4, Math.min(o, t.width - nr - 4))
|
|
2114
2131
|
};
|
|
2115
2132
|
}
|
|
2116
2133
|
if ((n === "left" || n === "right") && l) {
|
|
@@ -2119,19 +2136,19 @@ function Yn(e, t, n) {
|
|
|
2119
2136
|
top: r,
|
|
2120
2137
|
left: s,
|
|
2121
2138
|
placement: n,
|
|
2122
|
-
arrowOffset: Math.max(
|
|
2139
|
+
arrowOffset: Math.max(nr + 4, Math.min(o, t.height - nr - 4))
|
|
2123
2140
|
};
|
|
2124
2141
|
}
|
|
2125
2142
|
}
|
|
2126
|
-
let s = e.bottom +
|
|
2143
|
+
let s = e.bottom + tr, c = e.left + e.width / 2 - t.width / 2, l = Math.max(W, Math.min(s, i - t.height - W)), u = Math.max(W, Math.min(c, r - t.width - W)), d = e.left + e.width / 2 - u;
|
|
2127
2144
|
return {
|
|
2128
2145
|
top: l,
|
|
2129
2146
|
left: u,
|
|
2130
2147
|
placement: "bottom",
|
|
2131
|
-
arrowOffset: Math.max(
|
|
2148
|
+
arrowOffset: Math.max(nr + 4, Math.min(d, t.width - nr - 4))
|
|
2132
2149
|
};
|
|
2133
2150
|
}
|
|
2134
|
-
function
|
|
2151
|
+
function ir({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: d, children: h }) {
|
|
2135
2152
|
let g = o !== void 0, [_, v] = p(!1), y = g ? o : _, [b, x] = p(null), S = u(), C = u(), w = f(null), T = f(null), E = f(null), D = s(() => {
|
|
2136
2153
|
g ? c?.() : v(!1), d?.(!1);
|
|
2137
2154
|
}, [
|
|
@@ -2146,7 +2163,7 @@ function Xn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2146
2163
|
g,
|
|
2147
2164
|
d
|
|
2148
2165
|
]), k = s(() => {
|
|
2149
|
-
!w.current || !T.current || x(
|
|
2166
|
+
!w.current || !T.current || x(rr(w.current.getBoundingClientRect(), T.current.getBoundingClientRect(), a));
|
|
2150
2167
|
}, [a]);
|
|
2151
2168
|
l(() => {
|
|
2152
2169
|
if (!y) return;
|
|
@@ -2188,9 +2205,9 @@ function Xn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2188
2205
|
"aria-labelledby": S,
|
|
2189
2206
|
tabIndex: -1,
|
|
2190
2207
|
className: [
|
|
2191
|
-
|
|
2192
|
-
b ?
|
|
2193
|
-
y && b ?
|
|
2208
|
+
er.panel,
|
|
2209
|
+
b ? er[b.placement] : null,
|
|
2210
|
+
y && b ? er.visible : null
|
|
2194
2211
|
].filter(Boolean).join(" "),
|
|
2195
2212
|
style: b ? {
|
|
2196
2213
|
top: b.top,
|
|
@@ -2203,25 +2220,25 @@ function Xn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2203
2220
|
},
|
|
2204
2221
|
onKeyDown: A,
|
|
2205
2222
|
children: [/* @__PURE__ */ t("div", {
|
|
2206
|
-
className:
|
|
2223
|
+
className: er.arrow,
|
|
2207
2224
|
"aria-hidden": "true",
|
|
2208
2225
|
style: b?.arrowOffset === void 0 ? void 0 : b.placement === "top" || b.placement === "bottom" ? {
|
|
2209
|
-
left: b.arrowOffset -
|
|
2226
|
+
left: b.arrowOffset - nr,
|
|
2210
2227
|
marginLeft: 0
|
|
2211
2228
|
} : {
|
|
2212
|
-
top: b.arrowOffset -
|
|
2229
|
+
top: b.arrowOffset - nr,
|
|
2213
2230
|
marginTop: 0
|
|
2214
2231
|
}
|
|
2215
2232
|
}), r]
|
|
2216
2233
|
});
|
|
2217
2234
|
return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? m(M, document.body) : M)] });
|
|
2218
2235
|
}
|
|
2219
|
-
var
|
|
2236
|
+
var ar = { clamp: "_clamp_1j51b_6" };
|
|
2220
2237
|
//#endregion
|
|
2221
2238
|
//#region src/components/Clamp/Clamp.tsx
|
|
2222
|
-
function
|
|
2239
|
+
function or({ maximumSize: e = 600, children: n, className: r, style: i, ...a }) {
|
|
2223
2240
|
return /* @__PURE__ */ t("div", {
|
|
2224
|
-
className: [
|
|
2241
|
+
className: [ar.clamp, r].filter(Boolean).join(" "),
|
|
2225
2242
|
style: {
|
|
2226
2243
|
maxWidth: e,
|
|
2227
2244
|
...i
|
|
@@ -2242,7 +2259,7 @@ var G = {
|
|
|
2242
2259
|
};
|
|
2243
2260
|
//#endregion
|
|
2244
2261
|
//#region src/components/NavigationSplitView/NavigationSplitView.tsx
|
|
2245
|
-
function
|
|
2262
|
+
function sr({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
|
|
2246
2263
|
let { isNarrow: d } = Ue(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
|
|
2247
2264
|
return /* @__PURE__ */ n("div", {
|
|
2248
2265
|
className: [
|
|
@@ -2274,76 +2291,78 @@ function $n({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
|
|
|
2274
2291
|
});
|
|
2275
2292
|
}
|
|
2276
2293
|
var K = {
|
|
2277
|
-
root: "
|
|
2278
|
-
wide: "
|
|
2279
|
-
end: "
|
|
2280
|
-
sidebar: "
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2294
|
+
root: "_root_1g9mq_3",
|
|
2295
|
+
wide: "_wide_1g9mq_13",
|
|
2296
|
+
end: "_end_1g9mq_17",
|
|
2297
|
+
sidebar: "_sidebar_1g9mq_21",
|
|
2298
|
+
collapsed: "_collapsed_1g9mq_28",
|
|
2299
|
+
content: "_content_1g9mq_32",
|
|
2300
|
+
narrow: "_narrow_1g9mq_40",
|
|
2301
|
+
start: "_start_1g9mq_60",
|
|
2302
|
+
sidebarOpen: "_sidebarOpen_1g9mq_64",
|
|
2303
|
+
sidebarClosed: "_sidebarClosed_1g9mq_65",
|
|
2304
|
+
backdrop: "_backdrop_1g9mq_77",
|
|
2305
|
+
backdropVisible: "_backdropVisible_1g9mq_88"
|
|
2288
2306
|
};
|
|
2289
2307
|
//#endregion
|
|
2290
2308
|
//#region src/components/OverlaySplitView/OverlaySplitView.tsx
|
|
2291
|
-
function
|
|
2292
|
-
let { isNarrow:
|
|
2309
|
+
function cr({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, collapsed: o = !1, sidebarPosition: s = "start", minSidebarWidth: c = 180, maxSidebarWidth: u = 280, sidebarWidthFraction: d = .25, className: p, style: m, ...h }) {
|
|
2310
|
+
let { isNarrow: g } = Ue(), _ = f(null), v = `clamp(${c}px, ${d * 100}%, ${u}px)`;
|
|
2293
2311
|
l(() => {
|
|
2294
|
-
if (!
|
|
2312
|
+
if (!g || !i) return;
|
|
2295
2313
|
let e = (e) => {
|
|
2296
2314
|
e.key === "Escape" && a?.();
|
|
2297
2315
|
};
|
|
2298
2316
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
2299
2317
|
}, [
|
|
2300
|
-
|
|
2318
|
+
g,
|
|
2301
2319
|
i,
|
|
2302
2320
|
a
|
|
2303
2321
|
]), l(() => {
|
|
2304
|
-
!
|
|
2305
|
-
}, [
|
|
2306
|
-
let
|
|
2322
|
+
!g || !i || (_.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
|
|
2323
|
+
}, [g, i]);
|
|
2324
|
+
let y = s === "end";
|
|
2307
2325
|
return l(() => {
|
|
2308
|
-
if (!
|
|
2309
|
-
let e =
|
|
2326
|
+
if (!g || !i) return;
|
|
2327
|
+
let e = _.current;
|
|
2310
2328
|
if (!e) return;
|
|
2311
2329
|
let t = 0, n = (e) => {
|
|
2312
2330
|
t = e.touches[0].clientX;
|
|
2313
2331
|
}, r = (e) => {
|
|
2314
2332
|
let n = e.changedTouches[0].clientX - t;
|
|
2315
|
-
(
|
|
2333
|
+
(y ? n > 80 : n < -80) && a?.();
|
|
2316
2334
|
};
|
|
2317
2335
|
return e.addEventListener("touchstart", n, { passive: !0 }), e.addEventListener("touchend", r, { passive: !0 }), () => {
|
|
2318
2336
|
e.removeEventListener("touchstart", n), e.removeEventListener("touchend", r);
|
|
2319
2337
|
};
|
|
2320
2338
|
}, [
|
|
2321
|
-
|
|
2339
|
+
g,
|
|
2322
2340
|
i,
|
|
2323
|
-
|
|
2341
|
+
y,
|
|
2324
2342
|
a
|
|
2325
2343
|
]), /* @__PURE__ */ n("div", {
|
|
2326
2344
|
className: [
|
|
2327
2345
|
K.root,
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2346
|
+
g ? K.narrow : K.wide,
|
|
2347
|
+
!g && o ? K.collapsed : null,
|
|
2348
|
+
y ? K.end : K.start,
|
|
2349
|
+
p
|
|
2331
2350
|
].filter(Boolean).join(" "),
|
|
2332
2351
|
style: {
|
|
2333
|
-
"--sidebar-width":
|
|
2334
|
-
...
|
|
2352
|
+
"--sidebar-width": v,
|
|
2353
|
+
...m
|
|
2335
2354
|
},
|
|
2336
|
-
...
|
|
2355
|
+
...h,
|
|
2337
2356
|
children: [
|
|
2338
|
-
|
|
2357
|
+
g && /* @__PURE__ */ t("div", {
|
|
2339
2358
|
className: [K.backdrop, i ? K.backdropVisible : null].filter(Boolean).join(" "),
|
|
2340
2359
|
"aria-hidden": "true",
|
|
2341
2360
|
onClick: a
|
|
2342
2361
|
}),
|
|
2343
2362
|
/* @__PURE__ */ t("div", {
|
|
2344
|
-
ref:
|
|
2345
|
-
className: [K.sidebar,
|
|
2346
|
-
"aria-hidden":
|
|
2363
|
+
ref: _,
|
|
2364
|
+
className: [K.sidebar, g ? i ? K.sidebarOpen : K.sidebarClosed : null].filter(Boolean).join(" "),
|
|
2365
|
+
"aria-hidden": g && !i,
|
|
2347
2366
|
children: e
|
|
2348
2367
|
}),
|
|
2349
2368
|
/* @__PURE__ */ t("div", {
|
|
@@ -2353,52 +2372,52 @@ function er({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2353
2372
|
]
|
|
2354
2373
|
});
|
|
2355
2374
|
}
|
|
2356
|
-
var
|
|
2375
|
+
var lr = { bar: "_bar_njcvu_3" };
|
|
2357
2376
|
//#endregion
|
|
2358
2377
|
//#region src/components/ViewSwitcherBar/ViewSwitcherBar.tsx
|
|
2359
|
-
function
|
|
2378
|
+
function ur({ children: e, reveal: n = !0, className: r, ...i }) {
|
|
2360
2379
|
return n ? /* @__PURE__ */ t("div", {
|
|
2361
2380
|
role: "navigation",
|
|
2362
2381
|
"aria-label": "Bottom navigation",
|
|
2363
|
-
className: [
|
|
2382
|
+
className: [lr.bar, r].filter(Boolean).join(" "),
|
|
2364
2383
|
...i,
|
|
2365
2384
|
children: e
|
|
2366
2385
|
}) : null;
|
|
2367
2386
|
}
|
|
2368
|
-
var
|
|
2387
|
+
var dr = {
|
|
2369
2388
|
link: "_link_x1qyh_1",
|
|
2370
2389
|
externalIcon: "_externalIcon_x1qyh_36"
|
|
2371
2390
|
};
|
|
2372
2391
|
//#endregion
|
|
2373
2392
|
//#region src/components/Link/Link.tsx
|
|
2374
|
-
function
|
|
2393
|
+
function fr({ external: e = !1, children: r, className: i, target: a, rel: o, ...s }) {
|
|
2375
2394
|
let c = e || a === "_blank";
|
|
2376
2395
|
return /* @__PURE__ */ n("a", {
|
|
2377
|
-
className: [
|
|
2396
|
+
className: [dr.link, i].filter(Boolean).join(" "),
|
|
2378
2397
|
target: c ? "_blank" : a,
|
|
2379
2398
|
rel: c ? "noopener noreferrer" : o,
|
|
2380
2399
|
...s,
|
|
2381
2400
|
children: [r, c && /* @__PURE__ */ t("span", {
|
|
2382
|
-
className:
|
|
2401
|
+
className: dr.externalIcon,
|
|
2383
2402
|
"aria-label": "(opens in new tab)",
|
|
2384
2403
|
children: "↗"
|
|
2385
2404
|
})]
|
|
2386
2405
|
});
|
|
2387
2406
|
}
|
|
2388
|
-
var
|
|
2407
|
+
var pr = {
|
|
2389
2408
|
group: "_group_1fa3l_3",
|
|
2390
2409
|
item: "_item_1fa3l_18",
|
|
2391
2410
|
iconOnly: "_iconOnly_1fa3l_48",
|
|
2392
2411
|
active: "_active_1fa3l_53",
|
|
2393
2412
|
itemIcon: "_itemIcon_1fa3l_86",
|
|
2394
2413
|
itemLabel: "_itemLabel_1fa3l_92"
|
|
2395
|
-
},
|
|
2396
|
-
function
|
|
2397
|
-
let e = c(
|
|
2414
|
+
}, mr = a(null);
|
|
2415
|
+
function hr() {
|
|
2416
|
+
let e = c(mr);
|
|
2398
2417
|
if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
|
|
2399
2418
|
return e;
|
|
2400
2419
|
}
|
|
2401
|
-
function
|
|
2420
|
+
function gr({ value: e, onValueChange: n, "aria-label": r = "Options", children: i, className: a, ...o }) {
|
|
2402
2421
|
let s = f(null);
|
|
2403
2422
|
function c(e) {
|
|
2404
2423
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2411,7 +2430,7 @@ function cr({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2411
2430
|
else return;
|
|
2412
2431
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2413
2432
|
}
|
|
2414
|
-
return /* @__PURE__ */ t(
|
|
2433
|
+
return /* @__PURE__ */ t(mr.Provider, {
|
|
2415
2434
|
value: {
|
|
2416
2435
|
value: e,
|
|
2417
2436
|
onValueChange: n
|
|
@@ -2421,7 +2440,7 @@ function cr({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2421
2440
|
role: "radiogroup",
|
|
2422
2441
|
"aria-label": r,
|
|
2423
2442
|
onKeyDown: c,
|
|
2424
|
-
className: [
|
|
2443
|
+
className: [pr.group, a].filter(Boolean).join(" "),
|
|
2425
2444
|
...o,
|
|
2426
2445
|
children: i
|
|
2427
2446
|
})
|
|
@@ -2429,8 +2448,8 @@ function cr({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2429
2448
|
}
|
|
2430
2449
|
//#endregion
|
|
2431
2450
|
//#region src/components/ToggleGroup/ToggleGroupItem.tsx
|
|
2432
|
-
function
|
|
2433
|
-
let { value: c, onValueChange: l } =
|
|
2451
|
+
function _r({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
2452
|
+
let { value: c, onValueChange: l } = hr(), u = c === e, d = i && !r;
|
|
2434
2453
|
return /* @__PURE__ */ n("button", {
|
|
2435
2454
|
type: "button",
|
|
2436
2455
|
role: "radio",
|
|
@@ -2439,28 +2458,28 @@ function lr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
2439
2458
|
disabled: a,
|
|
2440
2459
|
onClick: () => l(e),
|
|
2441
2460
|
className: [
|
|
2442
|
-
|
|
2443
|
-
u ?
|
|
2444
|
-
d ?
|
|
2461
|
+
pr.item,
|
|
2462
|
+
u ? pr.active : null,
|
|
2463
|
+
d ? pr.iconOnly : null,
|
|
2445
2464
|
o
|
|
2446
2465
|
].filter(Boolean).join(" "),
|
|
2447
2466
|
...s,
|
|
2448
2467
|
children: [i && /* @__PURE__ */ t("span", {
|
|
2449
|
-
className:
|
|
2468
|
+
className: pr.itemIcon,
|
|
2450
2469
|
children: /* @__PURE__ */ t(L, {
|
|
2451
2470
|
icon: i,
|
|
2452
2471
|
size: "md",
|
|
2453
2472
|
"aria-hidden": !0
|
|
2454
2473
|
})
|
|
2455
2474
|
}), r && /* @__PURE__ */ t("span", {
|
|
2456
|
-
className:
|
|
2475
|
+
className: pr.itemLabel,
|
|
2457
2476
|
children: r
|
|
2458
2477
|
})]
|
|
2459
2478
|
});
|
|
2460
2479
|
}
|
|
2461
2480
|
//#endregion
|
|
2462
2481
|
//#region src/components/Box/Box.tsx
|
|
2463
|
-
function
|
|
2482
|
+
function vr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i = "start", className: a, style: o, children: s, ...c }) {
|
|
2464
2483
|
let l = e === "horizontal" ? "center" : "stretch";
|
|
2465
2484
|
return /* @__PURE__ */ t("div", {
|
|
2466
2485
|
className: a,
|
|
@@ -2476,13 +2495,13 @@ function ur({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i
|
|
|
2476
2495
|
children: s
|
|
2477
2496
|
});
|
|
2478
2497
|
}
|
|
2479
|
-
var
|
|
2498
|
+
var yr = {
|
|
2480
2499
|
wrapBox: "_wrapBox_1ik0x_1",
|
|
2481
2500
|
reverse: "_reverse_1ik0x_10"
|
|
2482
2501
|
};
|
|
2483
2502
|
//#endregion
|
|
2484
2503
|
//#region src/components/WrapBox/WrapBox.tsx
|
|
2485
|
-
function
|
|
2504
|
+
function br({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
|
|
2486
2505
|
let u = typeof e == "number" ? `${e}px` : e, d = n == null ? u : typeof n == "number" ? `${n}px` : n, f = {
|
|
2487
2506
|
"--wrapbox-gap": u,
|
|
2488
2507
|
"--wrapbox-row-gap": d,
|
|
@@ -2492,8 +2511,8 @@ function fr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2492
2511
|
};
|
|
2493
2512
|
return /* @__PURE__ */ t("div", {
|
|
2494
2513
|
className: [
|
|
2495
|
-
|
|
2496
|
-
a ?
|
|
2514
|
+
yr.wrapBox,
|
|
2515
|
+
a ? yr.reverse : null,
|
|
2497
2516
|
s
|
|
2498
2517
|
].filter(Boolean).join(" "),
|
|
2499
2518
|
style: f,
|
|
@@ -2501,7 +2520,7 @@ function fr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2501
2520
|
children: o
|
|
2502
2521
|
});
|
|
2503
2522
|
}
|
|
2504
|
-
var
|
|
2523
|
+
var xr = {
|
|
2505
2524
|
chip: "_chip_e26qc_3",
|
|
2506
2525
|
selectable: "_selectable_e26qc_31",
|
|
2507
2526
|
selected: "_selected_e26qc_55",
|
|
@@ -2512,16 +2531,16 @@ var pr = {
|
|
|
2512
2531
|
};
|
|
2513
2532
|
//#endregion
|
|
2514
2533
|
//#region src/components/Chip/Chip.tsx
|
|
2515
|
-
function
|
|
2534
|
+
function Sr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
|
|
2516
2535
|
let f = o && !a, p = [
|
|
2517
|
-
|
|
2518
|
-
s ?
|
|
2519
|
-
l ?
|
|
2520
|
-
f ?
|
|
2536
|
+
xr.chip,
|
|
2537
|
+
s ? xr.selected : null,
|
|
2538
|
+
l ? xr.disabled : null,
|
|
2539
|
+
f ? xr.selectable : null,
|
|
2521
2540
|
u
|
|
2522
2541
|
].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
|
|
2523
2542
|
i && /* @__PURE__ */ t("span", {
|
|
2524
|
-
className:
|
|
2543
|
+
className: xr.icon,
|
|
2525
2544
|
children: /* @__PURE__ */ t(L, {
|
|
2526
2545
|
icon: i,
|
|
2527
2546
|
size: "sm",
|
|
@@ -2529,12 +2548,12 @@ function mr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2529
2548
|
})
|
|
2530
2549
|
}),
|
|
2531
2550
|
/* @__PURE__ */ t("span", {
|
|
2532
|
-
className:
|
|
2551
|
+
className: xr.label,
|
|
2533
2552
|
children: r
|
|
2534
2553
|
}),
|
|
2535
2554
|
a && /* @__PURE__ */ t("button", {
|
|
2536
2555
|
type: "button",
|
|
2537
|
-
className:
|
|
2556
|
+
className: xr.remove,
|
|
2538
2557
|
"aria-label": `Remove ${r}`,
|
|
2539
2558
|
disabled: l,
|
|
2540
2559
|
onClick: (e) => {
|
|
@@ -2566,30 +2585,30 @@ function mr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2566
2585
|
}
|
|
2567
2586
|
//#endregion
|
|
2568
2587
|
//#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
|
|
2569
|
-
var
|
|
2570
|
-
backdrop:
|
|
2588
|
+
var Cr = "_backdrop_zvuhh_3", wr = "_dialog_zvuhh_26", Tr = "_header_zvuhh_59", Er = "_title_zvuhh_67", Dr = "_closeBtn_zvuhh_74", Or = "_searchRow_zvuhh_112", kr = "_searchIcon_zvuhh_124", Ar = "_searchInput_zvuhh_132", jr = "_searchClear_zvuhh_151", Mr = "_body_zvuhh_174", Nr = "_empty_zvuhh_182", Pr = "_section_zvuhh_193", Fr = "_sectionTitle_zvuhh_199", Ir = "_list_zvuhh_209", Lr = "_row_zvuhh_225", Rr = "_keys_zvuhh_240", zr = "_keyCap_zvuhh_247", Br = "_plus_zvuhh_277", Vr = "_description_zvuhh_284", q = {
|
|
2589
|
+
backdrop: Cr,
|
|
2571
2590
|
"backdrop-in": "_backdrop-in_zvuhh_1",
|
|
2572
|
-
dialog:
|
|
2591
|
+
dialog: wr,
|
|
2573
2592
|
"dialog-in": "_dialog-in_zvuhh_1",
|
|
2574
|
-
header:
|
|
2575
|
-
title:
|
|
2576
|
-
closeBtn:
|
|
2577
|
-
searchRow:
|
|
2578
|
-
searchIcon:
|
|
2579
|
-
searchInput:
|
|
2580
|
-
searchClear:
|
|
2581
|
-
body:
|
|
2582
|
-
empty:
|
|
2583
|
-
section:
|
|
2584
|
-
sectionTitle:
|
|
2585
|
-
list:
|
|
2586
|
-
row:
|
|
2587
|
-
keys:
|
|
2588
|
-
keyCap:
|
|
2589
|
-
plus:
|
|
2590
|
-
description:
|
|
2591
|
-
},
|
|
2592
|
-
function
|
|
2593
|
+
header: Tr,
|
|
2594
|
+
title: Er,
|
|
2595
|
+
closeBtn: Dr,
|
|
2596
|
+
searchRow: Or,
|
|
2597
|
+
searchIcon: kr,
|
|
2598
|
+
searchInput: Ar,
|
|
2599
|
+
searchClear: jr,
|
|
2600
|
+
body: Mr,
|
|
2601
|
+
empty: Nr,
|
|
2602
|
+
section: Pr,
|
|
2603
|
+
sectionTitle: Fr,
|
|
2604
|
+
list: Ir,
|
|
2605
|
+
row: Lr,
|
|
2606
|
+
keys: Rr,
|
|
2607
|
+
keyCap: zr,
|
|
2608
|
+
plus: Br,
|
|
2609
|
+
description: Vr
|
|
2610
|
+
}, Hr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
2611
|
+
function Ur({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
|
|
2593
2612
|
let [o, c] = p(""), u = f(null), d = f(null), h = f(null), g = f(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);
|
|
2594
2613
|
l(() => {
|
|
2595
2614
|
e ? (h.current = document.activeElement, requestAnimationFrame(() => d.current?.focus())) : (c(""), h.current?.focus());
|
|
@@ -2600,7 +2619,7 @@ function Fr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2600
2619
|
return;
|
|
2601
2620
|
}
|
|
2602
2621
|
if (e.key !== "Tab") return;
|
|
2603
|
-
let t = Array.from(u.current?.querySelectorAll(
|
|
2622
|
+
let t = Array.from(u.current?.querySelectorAll(Hr) ?? []);
|
|
2604
2623
|
if (t.length === 0) return;
|
|
2605
2624
|
let n = t[0], i = t[t.length - 1];
|
|
2606
2625
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), n.focus());
|
|
@@ -2708,7 +2727,7 @@ function Fr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2708
2727
|
});
|
|
2709
2728
|
return typeof document > "u" ? b : m(b, document.body);
|
|
2710
2729
|
}
|
|
2711
|
-
var
|
|
2730
|
+
var Wr = {
|
|
2712
2731
|
sidebar: "_sidebar_kmj4b_3",
|
|
2713
2732
|
list: "_list_kmj4b_17",
|
|
2714
2733
|
item: "_item_kmj4b_28",
|
|
@@ -2718,13 +2737,13 @@ var Ir = {
|
|
|
2718
2737
|
itemLabel: "_itemLabel_kmj4b_119",
|
|
2719
2738
|
itemSuffix: "_itemSuffix_kmj4b_129",
|
|
2720
2739
|
count: "_count_kmj4b_136"
|
|
2721
|
-
},
|
|
2722
|
-
function
|
|
2723
|
-
let e = c(
|
|
2740
|
+
}, Gr = a(null);
|
|
2741
|
+
function Kr() {
|
|
2742
|
+
let e = c(Gr);
|
|
2724
2743
|
if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
|
|
2725
2744
|
return e;
|
|
2726
2745
|
}
|
|
2727
|
-
function
|
|
2746
|
+
function qr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
|
|
2728
2747
|
let s = f(null);
|
|
2729
2748
|
function c(e) {
|
|
2730
2749
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2737,20 +2756,20 @@ function zr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2737
2756
|
else return;
|
|
2738
2757
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2739
2758
|
}
|
|
2740
|
-
return /* @__PURE__ */ t(
|
|
2759
|
+
return /* @__PURE__ */ t(Gr.Provider, {
|
|
2741
2760
|
value: {
|
|
2742
2761
|
value: e,
|
|
2743
2762
|
onValueChange: n
|
|
2744
2763
|
},
|
|
2745
2764
|
children: /* @__PURE__ */ t("nav", {
|
|
2746
|
-
className: [
|
|
2765
|
+
className: [Wr.sidebar, a].filter(Boolean).join(" "),
|
|
2747
2766
|
onKeyDown: c,
|
|
2748
2767
|
...o,
|
|
2749
2768
|
children: /* @__PURE__ */ t("ul", {
|
|
2750
2769
|
ref: s,
|
|
2751
2770
|
role: "radiogroup",
|
|
2752
2771
|
"aria-label": r,
|
|
2753
|
-
className:
|
|
2772
|
+
className: Wr.list,
|
|
2754
2773
|
children: i
|
|
2755
2774
|
})
|
|
2756
2775
|
})
|
|
@@ -2758,10 +2777,10 @@ function zr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2758
2777
|
}
|
|
2759
2778
|
//#endregion
|
|
2760
2779
|
//#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
|
|
2761
|
-
function
|
|
2762
|
-
let { value: u, onValueChange: d } =
|
|
2780
|
+
function Jr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
|
|
2781
|
+
let { value: u, onValueChange: d } = Kr(), f = u === e, p = o ?? a ?? null;
|
|
2763
2782
|
return /* @__PURE__ */ t("li", {
|
|
2764
|
-
className:
|
|
2783
|
+
className: Wr.item,
|
|
2765
2784
|
children: /* @__PURE__ */ n("button", {
|
|
2766
2785
|
type: "button",
|
|
2767
2786
|
role: "radio",
|
|
@@ -2770,14 +2789,14 @@ function Br({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2770
2789
|
disabled: s,
|
|
2771
2790
|
onClick: () => d(e),
|
|
2772
2791
|
className: [
|
|
2773
|
-
|
|
2774
|
-
f ?
|
|
2792
|
+
Wr.itemBtn,
|
|
2793
|
+
f ? Wr.active : null,
|
|
2775
2794
|
c
|
|
2776
2795
|
].filter(Boolean).join(" "),
|
|
2777
2796
|
...l,
|
|
2778
2797
|
children: [
|
|
2779
2798
|
i && /* @__PURE__ */ t("span", {
|
|
2780
|
-
className:
|
|
2799
|
+
className: Wr.itemIcon,
|
|
2781
2800
|
children: /* @__PURE__ */ t(L, {
|
|
2782
2801
|
icon: i,
|
|
2783
2802
|
size: "md",
|
|
@@ -2785,13 +2804,13 @@ function Br({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2785
2804
|
})
|
|
2786
2805
|
}),
|
|
2787
2806
|
/* @__PURE__ */ t("span", {
|
|
2788
|
-
className:
|
|
2807
|
+
className: Wr.itemLabel,
|
|
2789
2808
|
children: r
|
|
2790
2809
|
}),
|
|
2791
2810
|
p != null && /* @__PURE__ */ t("span", {
|
|
2792
|
-
className:
|
|
2811
|
+
className: Wr.itemSuffix,
|
|
2793
2812
|
children: typeof p == "number" ? /* @__PURE__ */ t("span", {
|
|
2794
|
-
className:
|
|
2813
|
+
className: Wr.count,
|
|
2795
2814
|
children: p > 99 ? "99+" : p
|
|
2796
2815
|
}) : p
|
|
2797
2816
|
})
|
|
@@ -2801,7 +2820,7 @@ function Br({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2801
2820
|
}
|
|
2802
2821
|
//#endregion
|
|
2803
2822
|
//#region src/components/BreakpointBin/BreakpointBin.tsx
|
|
2804
|
-
function
|
|
2823
|
+
function Yr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
2805
2824
|
let o = f(null), [s, c] = p({
|
|
2806
2825
|
activeBreakpoint: null,
|
|
2807
2826
|
width: 0
|
|
@@ -2831,7 +2850,7 @@ function Vr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
|
2831
2850
|
children: n(s)
|
|
2832
2851
|
});
|
|
2833
2852
|
}
|
|
2834
|
-
var
|
|
2853
|
+
var Xr = {
|
|
2835
2854
|
row: "_row_1ba2f_3",
|
|
2836
2855
|
title: "_title_1ba2f_48",
|
|
2837
2856
|
leading: "_leading_1ba2f_59",
|
|
@@ -2842,31 +2861,31 @@ var Hr = {
|
|
|
2842
2861
|
};
|
|
2843
2862
|
//#endregion
|
|
2844
2863
|
//#region src/components/ButtonRow/ButtonRow.tsx
|
|
2845
|
-
function
|
|
2864
|
+
function Zr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
|
|
2846
2865
|
return /* @__PURE__ */ n("button", {
|
|
2847
2866
|
className: [
|
|
2848
|
-
|
|
2849
|
-
|
|
2867
|
+
Xr.row,
|
|
2868
|
+
Xr[r],
|
|
2850
2869
|
o
|
|
2851
2870
|
].filter(Boolean).join(" "),
|
|
2852
2871
|
...s,
|
|
2853
2872
|
children: [
|
|
2854
2873
|
i && /* @__PURE__ */ t("span", {
|
|
2855
|
-
className:
|
|
2874
|
+
className: Xr.leading,
|
|
2856
2875
|
children: i
|
|
2857
2876
|
}),
|
|
2858
2877
|
/* @__PURE__ */ t("span", {
|
|
2859
|
-
className:
|
|
2878
|
+
className: Xr.title,
|
|
2860
2879
|
children: e
|
|
2861
2880
|
}),
|
|
2862
2881
|
a && /* @__PURE__ */ t("span", {
|
|
2863
|
-
className:
|
|
2882
|
+
className: Xr.trailing,
|
|
2864
2883
|
children: a
|
|
2865
2884
|
})
|
|
2866
2885
|
]
|
|
2867
2886
|
});
|
|
2868
2887
|
}
|
|
2869
|
-
var
|
|
2888
|
+
var Qr = {
|
|
2870
2889
|
container: "_container_4kjnf_3",
|
|
2871
2890
|
primary: "_primary_4kjnf_14",
|
|
2872
2891
|
toggle: "_toggle_4kjnf_15",
|
|
@@ -2880,7 +2899,7 @@ var Wr = {
|
|
|
2880
2899
|
};
|
|
2881
2900
|
//#endregion
|
|
2882
2901
|
//#region src/components/SplitButton/SplitButton.tsx
|
|
2883
|
-
function
|
|
2902
|
+
function $r({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: d, ...h }) {
|
|
2884
2903
|
let [g, _] = p(!1), [v, y] = p({}), b = f(null), x = f(null), S = f(null), C = s(() => _(!1), []), w = s(() => {
|
|
2885
2904
|
if (!x.current || !S.current) return;
|
|
2886
2905
|
let e = x.current.getBoundingClientRect(), t = S.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
|
|
@@ -2910,15 +2929,15 @@ function Gr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2910
2929
|
let T = (e) => {
|
|
2911
2930
|
e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
|
|
2912
2931
|
}, E = [
|
|
2913
|
-
|
|
2914
|
-
|
|
2932
|
+
Qr.container,
|
|
2933
|
+
Qr[i],
|
|
2915
2934
|
d
|
|
2916
2935
|
].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
|
|
2917
2936
|
ref: S,
|
|
2918
2937
|
role: "dialog",
|
|
2919
2938
|
"aria-label": o,
|
|
2920
2939
|
tabIndex: -1,
|
|
2921
|
-
className: [
|
|
2940
|
+
className: [Qr.dropdown, g ? Qr.dropdownVisible : null].filter(Boolean).join(" "),
|
|
2922
2941
|
style: Object.keys(v).length ? {
|
|
2923
2942
|
...v,
|
|
2924
2943
|
position: "fixed"
|
|
@@ -2937,26 +2956,26 @@ function Gr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2937
2956
|
className: E,
|
|
2938
2957
|
children: [
|
|
2939
2958
|
/* @__PURE__ */ t("button", {
|
|
2940
|
-
className:
|
|
2959
|
+
className: Qr.primary,
|
|
2941
2960
|
disabled: c,
|
|
2942
2961
|
onClick: u,
|
|
2943
2962
|
...h,
|
|
2944
2963
|
children: r
|
|
2945
2964
|
}),
|
|
2946
2965
|
/* @__PURE__ */ t("span", {
|
|
2947
|
-
className:
|
|
2966
|
+
className: Qr.separator,
|
|
2948
2967
|
"aria-hidden": "true"
|
|
2949
2968
|
}),
|
|
2950
2969
|
/* @__PURE__ */ t("button", {
|
|
2951
2970
|
ref: x,
|
|
2952
|
-
className:
|
|
2971
|
+
className: Qr.toggle,
|
|
2953
2972
|
disabled: c,
|
|
2954
2973
|
"aria-label": o,
|
|
2955
2974
|
"aria-haspopup": "dialog",
|
|
2956
2975
|
"aria-expanded": g,
|
|
2957
2976
|
onClick: () => _((e) => !e),
|
|
2958
2977
|
children: /* @__PURE__ */ t("svg", {
|
|
2959
|
-
className:
|
|
2978
|
+
className: Qr.chevron,
|
|
2960
2979
|
width: "16",
|
|
2961
2980
|
height: "16",
|
|
2962
2981
|
viewBox: "0 0 16 16",
|
|
@@ -2975,51 +2994,51 @@ function Gr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2975
2994
|
]
|
|
2976
2995
|
}), g && (typeof document < "u" ? m(D, document.body) : D)] });
|
|
2977
2996
|
}
|
|
2978
|
-
var
|
|
2997
|
+
var ei = {
|
|
2979
2998
|
toolbar: "_toolbar_1avgl_2",
|
|
2980
2999
|
spacer: "_spacer_1avgl_20"
|
|
2981
3000
|
};
|
|
2982
3001
|
//#endregion
|
|
2983
3002
|
//#region src/components/Toolbar/Toolbar.tsx
|
|
2984
|
-
function
|
|
3003
|
+
function ti({ children: e, className: n, ...r }) {
|
|
2985
3004
|
return /* @__PURE__ */ t("div", {
|
|
2986
|
-
className: [
|
|
3005
|
+
className: [ei.toolbar, n].filter(Boolean).join(" "),
|
|
2987
3006
|
...r,
|
|
2988
3007
|
children: e
|
|
2989
3008
|
});
|
|
2990
3009
|
}
|
|
2991
3010
|
//#endregion
|
|
2992
3011
|
//#region src/components/Toolbar/Spacer.tsx
|
|
2993
|
-
function
|
|
3012
|
+
function ni({ className: e, ...n }) {
|
|
2994
3013
|
return /* @__PURE__ */ t("div", {
|
|
2995
3014
|
"aria-hidden": "true",
|
|
2996
|
-
className: [
|
|
3015
|
+
className: [ei.spacer, e].filter(Boolean).join(" "),
|
|
2997
3016
|
...n
|
|
2998
3017
|
});
|
|
2999
3018
|
}
|
|
3000
|
-
var
|
|
3019
|
+
var ri = {
|
|
3001
3020
|
linked: "_linked_1tser_3",
|
|
3002
3021
|
vertical: "_vertical_1tser_9"
|
|
3003
3022
|
};
|
|
3004
3023
|
//#endregion
|
|
3005
3024
|
//#region src/components/LinkedGroup/LinkedGroup.tsx
|
|
3006
|
-
function
|
|
3025
|
+
function ii({ children: e, vertical: n = !1, className: r, ...i }) {
|
|
3007
3026
|
return /* @__PURE__ */ t("div", {
|
|
3008
3027
|
className: [
|
|
3009
|
-
|
|
3010
|
-
n ?
|
|
3028
|
+
ri.linked,
|
|
3029
|
+
n ? ri.vertical : null,
|
|
3011
3030
|
r
|
|
3012
3031
|
].filter(Boolean).join(" "),
|
|
3013
3032
|
...i,
|
|
3014
3033
|
children: e
|
|
3015
3034
|
});
|
|
3016
3035
|
}
|
|
3017
|
-
var
|
|
3036
|
+
var ai = { frame: "_frame_1bq7b_2" };
|
|
3018
3037
|
//#endregion
|
|
3019
3038
|
//#region src/components/Frame/Frame.tsx
|
|
3020
|
-
function
|
|
3039
|
+
function oi({ children: e, className: n, ...r }) {
|
|
3021
3040
|
return /* @__PURE__ */ t("div", {
|
|
3022
|
-
className: [
|
|
3041
|
+
className: [ai.frame, n].filter(Boolean).join(" "),
|
|
3023
3042
|
...r,
|
|
3024
3043
|
children: e
|
|
3025
3044
|
});
|
|
@@ -3042,7 +3061,7 @@ var J = {
|
|
|
3042
3061
|
};
|
|
3043
3062
|
//#endregion
|
|
3044
3063
|
//#region src/components/ExpanderRow/ExpanderRow.tsx
|
|
3045
|
-
function
|
|
3064
|
+
function si({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: f, ...m }) {
|
|
3046
3065
|
let h = c !== void 0, [g, _] = p(l), v = h ? c : g, y = u(), b = u(), x = () => {
|
|
3047
3066
|
let e = !v;
|
|
3048
3067
|
h || _(e), d?.(e);
|
|
@@ -3114,7 +3133,7 @@ function $r({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
3114
3133
|
})]
|
|
3115
3134
|
});
|
|
3116
3135
|
}
|
|
3117
|
-
var
|
|
3136
|
+
var ci = {
|
|
3118
3137
|
switcher: "_switcher_2tknm_3",
|
|
3119
3138
|
item: "_item_2tknm_10",
|
|
3120
3139
|
iconOnly: "_iconOnly_2tknm_38",
|
|
@@ -3124,13 +3143,13 @@ var ei = {
|
|
|
3124
3143
|
active: "_active_2tknm_68",
|
|
3125
3144
|
flat: "_flat_2tknm_121",
|
|
3126
3145
|
round: "_round_2tknm_169"
|
|
3127
|
-
},
|
|
3128
|
-
function
|
|
3129
|
-
let e = c(
|
|
3146
|
+
}, li = a(null);
|
|
3147
|
+
function ui() {
|
|
3148
|
+
let e = c(li);
|
|
3130
3149
|
if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
|
|
3131
3150
|
return e;
|
|
3132
3151
|
}
|
|
3133
|
-
function
|
|
3152
|
+
function di({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
|
|
3134
3153
|
let c = f(null);
|
|
3135
3154
|
function l(e) {
|
|
3136
3155
|
let t = Array.from(c.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -3143,7 +3162,7 @@ function ri({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3143
3162
|
else return;
|
|
3144
3163
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
3145
3164
|
}
|
|
3146
|
-
return /* @__PURE__ */ t(
|
|
3165
|
+
return /* @__PURE__ */ t(li.Provider, {
|
|
3147
3166
|
value: {
|
|
3148
3167
|
value: e,
|
|
3149
3168
|
onValueChange: n
|
|
@@ -3154,8 +3173,8 @@ function ri({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3154
3173
|
"aria-label": i,
|
|
3155
3174
|
onKeyDown: l,
|
|
3156
3175
|
className: [
|
|
3157
|
-
|
|
3158
|
-
|
|
3176
|
+
ci.switcher,
|
|
3177
|
+
ci[r],
|
|
3159
3178
|
o
|
|
3160
3179
|
].filter(Boolean).join(" "),
|
|
3161
3180
|
...s,
|
|
@@ -3165,8 +3184,8 @@ function ri({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3165
3184
|
}
|
|
3166
3185
|
//#endregion
|
|
3167
3186
|
//#region src/components/InlineViewSwitcher/InlineViewSwitcherItem.tsx
|
|
3168
|
-
function
|
|
3169
|
-
let { value: c, onValueChange: l } =
|
|
3187
|
+
function fi({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
3188
|
+
let { value: c, onValueChange: l } = ui(), u = c === e, d = i && !r;
|
|
3170
3189
|
return /* @__PURE__ */ n("button", {
|
|
3171
3190
|
type: "button",
|
|
3172
3191
|
role: "radio",
|
|
@@ -3175,26 +3194,26 @@ function ii({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
3175
3194
|
disabled: a,
|
|
3176
3195
|
onClick: () => l(e),
|
|
3177
3196
|
className: [
|
|
3178
|
-
|
|
3179
|
-
u ?
|
|
3180
|
-
d ?
|
|
3197
|
+
ci.item,
|
|
3198
|
+
u ? ci.active : null,
|
|
3199
|
+
d ? ci.iconOnly : null,
|
|
3181
3200
|
o
|
|
3182
3201
|
].filter(Boolean).join(" "),
|
|
3183
3202
|
...s,
|
|
3184
3203
|
children: [i && /* @__PURE__ */ t("span", {
|
|
3185
|
-
className:
|
|
3204
|
+
className: ci.itemIcon,
|
|
3186
3205
|
children: /* @__PURE__ */ t(L, {
|
|
3187
3206
|
icon: i,
|
|
3188
3207
|
size: "md",
|
|
3189
3208
|
"aria-hidden": !0
|
|
3190
3209
|
})
|
|
3191
3210
|
}), r && /* @__PURE__ */ t("span", {
|
|
3192
|
-
className:
|
|
3211
|
+
className: ci.itemLabel,
|
|
3193
3212
|
children: r
|
|
3194
3213
|
})]
|
|
3195
3214
|
});
|
|
3196
3215
|
}
|
|
3197
|
-
var
|
|
3216
|
+
var pi = {
|
|
3198
3217
|
row: "_row_jl3bc_3",
|
|
3199
3218
|
disabled: "_disabled_jl3bc_41",
|
|
3200
3219
|
leading: "_leading_jl3bc_49",
|
|
@@ -3207,7 +3226,7 @@ var ai = {
|
|
|
3207
3226
|
};
|
|
3208
3227
|
//#endregion
|
|
3209
3228
|
//#region src/components/SwitchRow/SwitchRow.tsx
|
|
3210
|
-
function
|
|
3229
|
+
function mi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...f }) {
|
|
3211
3230
|
let m = a !== void 0, [h, g] = p(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3212
3231
|
let t = !_;
|
|
3213
3232
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3218,32 +3237,32 @@ function oi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3218
3237
|
"aria-labelledby": v,
|
|
3219
3238
|
disabled: c,
|
|
3220
3239
|
className: [
|
|
3221
|
-
|
|
3222
|
-
c ?
|
|
3240
|
+
pi.row,
|
|
3241
|
+
c ? pi.disabled : null,
|
|
3223
3242
|
l
|
|
3224
3243
|
].filter(Boolean).join(" "),
|
|
3225
3244
|
onClick: y,
|
|
3226
3245
|
...f,
|
|
3227
3246
|
children: [
|
|
3228
3247
|
i && /* @__PURE__ */ t("span", {
|
|
3229
|
-
className:
|
|
3248
|
+
className: pi.leading,
|
|
3230
3249
|
children: i
|
|
3231
3250
|
}),
|
|
3232
3251
|
/* @__PURE__ */ n("span", {
|
|
3233
|
-
className:
|
|
3252
|
+
className: pi.content,
|
|
3234
3253
|
id: v,
|
|
3235
3254
|
children: [/* @__PURE__ */ t("span", {
|
|
3236
|
-
className:
|
|
3255
|
+
className: pi.title,
|
|
3237
3256
|
children: e
|
|
3238
3257
|
}), r && /* @__PURE__ */ t("span", {
|
|
3239
|
-
className:
|
|
3258
|
+
className: pi.subtitle,
|
|
3240
3259
|
children: r
|
|
3241
3260
|
})]
|
|
3242
3261
|
}),
|
|
3243
3262
|
/* @__PURE__ */ t("span", {
|
|
3244
|
-
className:
|
|
3263
|
+
className: pi.switchTrack,
|
|
3245
3264
|
"aria-hidden": "true",
|
|
3246
|
-
children: /* @__PURE__ */ t("span", { className: [
|
|
3265
|
+
children: /* @__PURE__ */ t("span", { className: [pi.switchThumb, _ ? pi.switchThumbOn : null].filter(Boolean).join(" ") })
|
|
3247
3266
|
})
|
|
3248
3267
|
]
|
|
3249
3268
|
});
|
|
@@ -3262,7 +3281,7 @@ var Y = {
|
|
|
3262
3281
|
};
|
|
3263
3282
|
//#endregion
|
|
3264
3283
|
//#region src/components/CheckRow/CheckRow.tsx
|
|
3265
|
-
function
|
|
3284
|
+
function hi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...f }) {
|
|
3266
3285
|
let m = a !== void 0, [h, g] = p(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3267
3286
|
let t = !_;
|
|
3268
3287
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3322,35 +3341,35 @@ function si({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3322
3341
|
}
|
|
3323
3342
|
//#endregion
|
|
3324
3343
|
//#region src/components/ComboRow/ComboRow.module.css
|
|
3325
|
-
var
|
|
3326
|
-
row:
|
|
3327
|
-
disabled:
|
|
3328
|
-
leading:
|
|
3329
|
-
content:
|
|
3330
|
-
title:
|
|
3331
|
-
subtitle:
|
|
3332
|
-
comboWrap:
|
|
3333
|
-
trigger:
|
|
3334
|
-
triggerOpen:
|
|
3335
|
-
triggerLabel:
|
|
3336
|
-
placeholder:
|
|
3337
|
-
chevron:
|
|
3338
|
-
chevronOpen:
|
|
3339
|
-
list:
|
|
3344
|
+
var gi = "_row_46mn8_3", _i = "_disabled_46mn8_16", vi = "_leading_46mn8_23", yi = "_content_46mn8_32", bi = "_title_46mn8_40", xi = "_subtitle_46mn8_51", Si = "_comboWrap_46mn8_65", Ci = "_trigger_46mn8_73", wi = "_triggerOpen_46mn8_126", Ti = "_triggerLabel_46mn8_136", Ei = "_placeholder_46mn8_144", Di = "_chevron_46mn8_150", Oi = "_chevronOpen_46mn8_157", ki = "_list_46mn8_163", Ai = "_listDown_46mn8_192", ji = "_listUp_46mn8_196", Mi = "_option_46mn8_208", Ni = "_optionActive_46mn8_225", Pi = "_optionSelected_46mn8_229", Fi = "_optionDisabled_46mn8_233", Ii = "_optionLabel_46mn8_239", Li = "_checkIcon_46mn8_247", X = {
|
|
3345
|
+
row: gi,
|
|
3346
|
+
disabled: _i,
|
|
3347
|
+
leading: vi,
|
|
3348
|
+
content: yi,
|
|
3349
|
+
title: bi,
|
|
3350
|
+
subtitle: xi,
|
|
3351
|
+
comboWrap: Si,
|
|
3352
|
+
trigger: Ci,
|
|
3353
|
+
triggerOpen: wi,
|
|
3354
|
+
triggerLabel: Ti,
|
|
3355
|
+
placeholder: Ei,
|
|
3356
|
+
chevron: Di,
|
|
3357
|
+
chevronOpen: Oi,
|
|
3358
|
+
list: ki,
|
|
3340
3359
|
"list-in": "_list-in_46mn8_1",
|
|
3341
|
-
listDown:
|
|
3342
|
-
listUp:
|
|
3360
|
+
listDown: Ai,
|
|
3361
|
+
listUp: ji,
|
|
3343
3362
|
"list-in-up": "_list-in-up_46mn8_1",
|
|
3344
|
-
option:
|
|
3345
|
-
optionActive:
|
|
3346
|
-
optionSelected:
|
|
3347
|
-
optionDisabled:
|
|
3348
|
-
optionLabel:
|
|
3349
|
-
checkIcon:
|
|
3363
|
+
option: Mi,
|
|
3364
|
+
optionActive: Ni,
|
|
3365
|
+
optionSelected: Pi,
|
|
3366
|
+
optionDisabled: Fi,
|
|
3367
|
+
optionLabel: Ii,
|
|
3368
|
+
checkIcon: Li
|
|
3350
3369
|
};
|
|
3351
3370
|
//#endregion
|
|
3352
3371
|
//#region src/components/ComboRow/ComboRow.tsx
|
|
3353
|
-
function
|
|
3372
|
+
function Ri({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: d, disabled: m = !1, className: h, ...g }) {
|
|
3354
3373
|
let _ = o !== void 0, [v, y] = p(c), b = _ ? o : v, [x, S] = p(!1), [C, w] = p(-1), [T, E] = p(!1), D = u(), O = u(), k = f(null), A = f(null), j = a.find((e) => e.value === b), M = s(() => {
|
|
3355
3374
|
if (!k.current) return;
|
|
3356
3375
|
let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
|
|
@@ -3539,7 +3558,7 @@ function Ai({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3539
3558
|
]
|
|
3540
3559
|
});
|
|
3541
3560
|
}
|
|
3542
|
-
var
|
|
3561
|
+
var zi = {
|
|
3543
3562
|
row: "_row_1kogj_3",
|
|
3544
3563
|
focused: "_focused_1kogj_16",
|
|
3545
3564
|
disabled: "_disabled_1kogj_25",
|
|
@@ -3553,31 +3572,31 @@ var ji = {
|
|
|
3553
3572
|
};
|
|
3554
3573
|
//#endregion
|
|
3555
3574
|
//#region src/components/EntryRow/EntryRow.tsx
|
|
3556
|
-
function
|
|
3575
|
+
function Bi({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: d, onChange: m, ...h }) {
|
|
3557
3576
|
let g = u(), _ = d ?? g, v = r !== void 0, [y, b] = p(String(i)), x = v ? String(r) : y, [S, C] = p(!1), w = f(null), T = S || x.length > 0;
|
|
3558
3577
|
return /* @__PURE__ */ n("div", {
|
|
3559
3578
|
className: [
|
|
3560
|
-
|
|
3561
|
-
S ?
|
|
3562
|
-
c ?
|
|
3579
|
+
zi.row,
|
|
3580
|
+
S ? zi.focused : null,
|
|
3581
|
+
c ? zi.disabled : null,
|
|
3563
3582
|
l
|
|
3564
3583
|
].filter(Boolean).join(" "),
|
|
3565
3584
|
onClick: () => w.current?.focus(),
|
|
3566
3585
|
children: [
|
|
3567
3586
|
o && /* @__PURE__ */ t("span", {
|
|
3568
|
-
className:
|
|
3587
|
+
className: zi.leading,
|
|
3569
3588
|
children: o
|
|
3570
3589
|
}),
|
|
3571
3590
|
/* @__PURE__ */ n("span", {
|
|
3572
|
-
className:
|
|
3591
|
+
className: zi.fieldWrap,
|
|
3573
3592
|
children: [/* @__PURE__ */ t("label", {
|
|
3574
3593
|
htmlFor: _,
|
|
3575
|
-
className: [
|
|
3594
|
+
className: [zi.label, T ? zi.labelFloated : null].filter(Boolean).join(" "),
|
|
3576
3595
|
children: e
|
|
3577
3596
|
}), /* @__PURE__ */ t("input", {
|
|
3578
3597
|
ref: w,
|
|
3579
3598
|
id: _,
|
|
3580
|
-
className: [
|
|
3599
|
+
className: [zi.input, T ? zi.inputFloated : null].filter(Boolean).join(" "),
|
|
3581
3600
|
value: x,
|
|
3582
3601
|
disabled: c,
|
|
3583
3602
|
onFocus: () => C(!0),
|
|
@@ -3589,19 +3608,19 @@ function Mi({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
|
|
|
3589
3608
|
})]
|
|
3590
3609
|
}),
|
|
3591
3610
|
s && /* @__PURE__ */ t("span", {
|
|
3592
|
-
className:
|
|
3611
|
+
className: zi.trailing,
|
|
3593
3612
|
children: s
|
|
3594
3613
|
})
|
|
3595
3614
|
]
|
|
3596
3615
|
});
|
|
3597
3616
|
}
|
|
3598
|
-
var
|
|
3617
|
+
var Vi = { revealButton: "_revealButton_1j8z0_3" };
|
|
3599
3618
|
//#endregion
|
|
3600
3619
|
//#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
|
|
3601
|
-
function
|
|
3620
|
+
function Hi({ trailing: r, disabled: i, ...a }) {
|
|
3602
3621
|
let [o, s] = p(!1), c = /* @__PURE__ */ t("button", {
|
|
3603
3622
|
type: "button",
|
|
3604
|
-
className:
|
|
3623
|
+
className: Vi.revealButton,
|
|
3605
3624
|
onClick: (e) => {
|
|
3606
3625
|
e.stopPropagation(), s((e) => !e);
|
|
3607
3626
|
},
|
|
@@ -3614,14 +3633,14 @@ function Pi({ trailing: r, disabled: i, ...a }) {
|
|
|
3614
3633
|
"aria-hidden": !0
|
|
3615
3634
|
})
|
|
3616
3635
|
});
|
|
3617
|
-
return /* @__PURE__ */ t(
|
|
3636
|
+
return /* @__PURE__ */ t(Bi, {
|
|
3618
3637
|
...a,
|
|
3619
3638
|
type: o ? "text" : "password",
|
|
3620
3639
|
disabled: i,
|
|
3621
3640
|
trailing: /* @__PURE__ */ n(e, { children: [r, c] })
|
|
3622
3641
|
});
|
|
3623
3642
|
}
|
|
3624
|
-
var
|
|
3643
|
+
var Ui = {
|
|
3625
3644
|
row: "_row_ycg6f_3",
|
|
3626
3645
|
disabled: "_disabled_ycg6f_16",
|
|
3627
3646
|
leading: "_leading_ycg6f_23",
|
|
@@ -3634,16 +3653,16 @@ var Fi = {
|
|
|
3634
3653
|
};
|
|
3635
3654
|
//#endregion
|
|
3636
3655
|
//#region src/components/SpinRow/SpinRow.tsx
|
|
3637
|
-
function
|
|
3656
|
+
function Wi(e) {
|
|
3638
3657
|
let t = e.toString(), n = t.indexOf(".");
|
|
3639
3658
|
return n === -1 ? 0 : t.length - n - 1;
|
|
3640
3659
|
}
|
|
3641
|
-
function
|
|
3660
|
+
function Gi(e, t, n) {
|
|
3642
3661
|
return Math.min(n, Math.max(t, e));
|
|
3643
3662
|
}
|
|
3644
|
-
function
|
|
3645
|
-
let v = a !== void 0, [y, b] = p(o), x = v ? a : y, S = m ??
|
|
3646
|
-
let t = parseFloat(
|
|
3663
|
+
function Ki({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0, onValueChange: c, min: l = 0, max: d = 100, step: f = 1, decimals: m, disabled: h = !1, className: g, ..._ }) {
|
|
3664
|
+
let v = a !== void 0, [y, b] = p(o), x = v ? a : y, S = m ?? Wi(f), C = u(), w = s((e) => {
|
|
3665
|
+
let t = parseFloat(Gi(e, l, d).toFixed(S));
|
|
3647
3666
|
v || b(t), c?.(t);
|
|
3648
3667
|
}, [
|
|
3649
3668
|
v,
|
|
@@ -3681,23 +3700,23 @@ function Ri({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3681
3700
|
]);
|
|
3682
3701
|
return /* @__PURE__ */ n("div", {
|
|
3683
3702
|
className: [
|
|
3684
|
-
|
|
3685
|
-
h ?
|
|
3703
|
+
Ui.row,
|
|
3704
|
+
h ? Ui.disabled : null,
|
|
3686
3705
|
g
|
|
3687
3706
|
].filter(Boolean).join(" "),
|
|
3688
3707
|
..._,
|
|
3689
3708
|
children: [
|
|
3690
3709
|
i && /* @__PURE__ */ t("span", {
|
|
3691
|
-
className:
|
|
3710
|
+
className: Ui.leading,
|
|
3692
3711
|
children: i
|
|
3693
3712
|
}),
|
|
3694
3713
|
/* @__PURE__ */ n("span", {
|
|
3695
|
-
className:
|
|
3714
|
+
className: Ui.content,
|
|
3696
3715
|
children: [/* @__PURE__ */ t("span", {
|
|
3697
|
-
className:
|
|
3716
|
+
className: Ui.title,
|
|
3698
3717
|
children: e
|
|
3699
3718
|
}), r && /* @__PURE__ */ t("span", {
|
|
3700
|
-
className:
|
|
3719
|
+
className: Ui.subtitle,
|
|
3701
3720
|
children: r
|
|
3702
3721
|
})]
|
|
3703
3722
|
}),
|
|
@@ -3710,14 +3729,14 @@ function Ri({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3710
3729
|
"aria-disabled": h || void 0,
|
|
3711
3730
|
tabIndex: h ? -1 : 0,
|
|
3712
3731
|
onKeyDown: h ? void 0 : T,
|
|
3713
|
-
className:
|
|
3732
|
+
className: Ui.spin,
|
|
3714
3733
|
children: [
|
|
3715
3734
|
/* @__PURE__ */ t("button", {
|
|
3716
3735
|
type: "button",
|
|
3717
3736
|
tabIndex: -1,
|
|
3718
3737
|
"aria-hidden": "true",
|
|
3719
3738
|
disabled: h || x <= l,
|
|
3720
|
-
className:
|
|
3739
|
+
className: Ui.spinBtn,
|
|
3721
3740
|
onClick: (e) => {
|
|
3722
3741
|
e.stopPropagation(), w(x - f);
|
|
3723
3742
|
},
|
|
@@ -3725,7 +3744,7 @@ function Ri({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3725
3744
|
}),
|
|
3726
3745
|
/* @__PURE__ */ t("span", {
|
|
3727
3746
|
id: C,
|
|
3728
|
-
className:
|
|
3747
|
+
className: Ui.spinValue,
|
|
3729
3748
|
"aria-hidden": "true",
|
|
3730
3749
|
children: x.toFixed(S)
|
|
3731
3750
|
}),
|
|
@@ -3734,7 +3753,7 @@ function Ri({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3734
3753
|
tabIndex: -1,
|
|
3735
3754
|
"aria-hidden": "true",
|
|
3736
3755
|
disabled: h || x >= d,
|
|
3737
|
-
className:
|
|
3756
|
+
className: Ui.spinBtn,
|
|
3738
3757
|
onClick: (e) => {
|
|
3739
3758
|
e.stopPropagation(), w(x + f);
|
|
3740
3759
|
},
|
|
@@ -3747,50 +3766,50 @@ function Ri({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3747
3766
|
}
|
|
3748
3767
|
//#endregion
|
|
3749
3768
|
//#region src/components/NavigationView/NavigationView.module.css
|
|
3750
|
-
var
|
|
3751
|
-
view:
|
|
3752
|
-
page:
|
|
3753
|
-
pageHeader:
|
|
3754
|
-
pageTitle:
|
|
3755
|
-
pageContent:
|
|
3756
|
-
enterForward:
|
|
3769
|
+
var qi = "_view_1r1om_3", Ji = "_page_1r1om_12", Yi = "_pageHeader_1r1om_23", Xi = "_pageTitle_1r1om_34", Zi = "_pageContent_1r1om_43", Qi = "_enterForward_1r1om_52", $i = "_enterBack_1r1om_56", ea = {
|
|
3770
|
+
view: qi,
|
|
3771
|
+
page: Ji,
|
|
3772
|
+
pageHeader: Yi,
|
|
3773
|
+
pageTitle: Xi,
|
|
3774
|
+
pageContent: Zi,
|
|
3775
|
+
enterForward: Qi,
|
|
3757
3776
|
"slide-in-right": "_slide-in-right_1r1om_1",
|
|
3758
|
-
enterBack:
|
|
3777
|
+
enterBack: $i,
|
|
3759
3778
|
"slide-in-left": "_slide-in-left_1r1om_1"
|
|
3760
|
-
},
|
|
3779
|
+
}, ta = a({
|
|
3761
3780
|
navigate: () => {},
|
|
3762
3781
|
pop: () => {},
|
|
3763
3782
|
canGoBack: !1,
|
|
3764
3783
|
currentTag: "",
|
|
3765
3784
|
direction: "forward"
|
|
3766
3785
|
});
|
|
3767
|
-
function
|
|
3768
|
-
return c(
|
|
3786
|
+
function na() {
|
|
3787
|
+
return c(ta);
|
|
3769
3788
|
}
|
|
3770
|
-
function
|
|
3771
|
-
let { currentTag: s, direction: l } = c(
|
|
3789
|
+
function ra({ tag: e, title: r, children: i, className: a, ...o }) {
|
|
3790
|
+
let { currentTag: s, direction: l } = c(ta);
|
|
3772
3791
|
return s === e ? /* @__PURE__ */ n("div", {
|
|
3773
3792
|
className: [
|
|
3774
|
-
|
|
3775
|
-
l === "forward" ?
|
|
3793
|
+
ea.page,
|
|
3794
|
+
l === "forward" ? ea.enterForward : ea.enterBack,
|
|
3776
3795
|
a
|
|
3777
3796
|
].filter(Boolean).join(" "),
|
|
3778
3797
|
...o,
|
|
3779
3798
|
children: [/* @__PURE__ */ t("div", {
|
|
3780
|
-
className:
|
|
3799
|
+
className: ea.pageHeader,
|
|
3781
3800
|
children: /* @__PURE__ */ t("span", {
|
|
3782
|
-
className:
|
|
3801
|
+
className: ea.pageTitle,
|
|
3783
3802
|
children: r
|
|
3784
3803
|
})
|
|
3785
3804
|
}), /* @__PURE__ */ t("div", {
|
|
3786
|
-
className:
|
|
3805
|
+
className: ea.pageContent,
|
|
3787
3806
|
children: i
|
|
3788
3807
|
})]
|
|
3789
3808
|
}) : null;
|
|
3790
3809
|
}
|
|
3791
|
-
function
|
|
3810
|
+
function ia({ initialPage: e, children: n, className: r, ...i }) {
|
|
3792
3811
|
let [a, o] = p([e]), s = a[a.length - 1], c = a.length > 1, [l, u] = p("forward");
|
|
3793
|
-
return /* @__PURE__ */ t(
|
|
3812
|
+
return /* @__PURE__ */ t(ta.Provider, {
|
|
3794
3813
|
value: {
|
|
3795
3814
|
navigate: (e) => {
|
|
3796
3815
|
u("forward"), o((t) => [...t, e]);
|
|
@@ -3803,7 +3822,7 @@ function Xi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3803
3822
|
direction: l
|
|
3804
3823
|
},
|
|
3805
3824
|
children: /* @__PURE__ */ t("div", {
|
|
3806
|
-
className: [
|
|
3825
|
+
className: [ea.view, r].filter(Boolean).join(" "),
|
|
3807
3826
|
...i,
|
|
3808
3827
|
children: n
|
|
3809
3828
|
})
|
|
@@ -3811,20 +3830,20 @@ function Xi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3811
3830
|
}
|
|
3812
3831
|
//#endregion
|
|
3813
3832
|
//#region src/components/BottomSheet/BottomSheet.module.css
|
|
3814
|
-
var
|
|
3815
|
-
backdrop:
|
|
3833
|
+
var aa = "_backdrop_zzv98_3", oa = "_sheet_zzv98_26", sa = "_handle_zzv98_49", ca = "_handleBar_zzv98_56", la = "_title_zzv98_66", ua = "_content_zzv98_79", da = {
|
|
3834
|
+
backdrop: aa,
|
|
3816
3835
|
"backdrop-in": "_backdrop-in_zzv98_1",
|
|
3817
|
-
sheet:
|
|
3836
|
+
sheet: oa,
|
|
3818
3837
|
"sheet-in": "_sheet-in_zzv98_1",
|
|
3819
|
-
handle:
|
|
3820
|
-
handleBar:
|
|
3821
|
-
title:
|
|
3822
|
-
content:
|
|
3823
|
-
},
|
|
3824
|
-
function
|
|
3838
|
+
handle: sa,
|
|
3839
|
+
handleBar: ca,
|
|
3840
|
+
title: la,
|
|
3841
|
+
content: ua
|
|
3842
|
+
}, fa = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
3843
|
+
function pa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...d }) {
|
|
3825
3844
|
let p = f(null), h = u(), g = f(null);
|
|
3826
3845
|
l(() => {
|
|
3827
|
-
e ? (g.current = document.activeElement, (p.current?.querySelector(
|
|
3846
|
+
e ? (g.current = document.activeElement, (p.current?.querySelector(fa))?.focus()) : g.current?.focus();
|
|
3828
3847
|
}, [e]);
|
|
3829
3848
|
let _ = s((e) => {
|
|
3830
3849
|
if (e.key === "Escape") {
|
|
@@ -3832,14 +3851,14 @@ function aa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3832
3851
|
return;
|
|
3833
3852
|
}
|
|
3834
3853
|
if (e.key !== "Tab") return;
|
|
3835
|
-
let t = Array.from(p.current?.querySelectorAll(
|
|
3854
|
+
let t = Array.from(p.current?.querySelectorAll(fa) ?? []);
|
|
3836
3855
|
if (t.length === 0) return;
|
|
3837
3856
|
let n = t[0], r = t[t.length - 1];
|
|
3838
3857
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3839
3858
|
}, [a]);
|
|
3840
3859
|
if (!e) return null;
|
|
3841
3860
|
let v = /* @__PURE__ */ t("div", {
|
|
3842
|
-
className:
|
|
3861
|
+
className: da.backdrop,
|
|
3843
3862
|
onClick: o ? a : void 0,
|
|
3844
3863
|
"aria-hidden": "true",
|
|
3845
3864
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -3847,23 +3866,23 @@ function aa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3847
3866
|
role: "dialog",
|
|
3848
3867
|
"aria-modal": "true",
|
|
3849
3868
|
"aria-labelledby": r ? h : void 0,
|
|
3850
|
-
className: [
|
|
3869
|
+
className: [da.sheet, c].filter(Boolean).join(" "),
|
|
3851
3870
|
onKeyDown: _,
|
|
3852
3871
|
onClick: (e) => e.stopPropagation(),
|
|
3853
3872
|
...d,
|
|
3854
3873
|
children: [
|
|
3855
3874
|
/* @__PURE__ */ t("div", {
|
|
3856
|
-
className:
|
|
3875
|
+
className: da.handle,
|
|
3857
3876
|
"aria-hidden": "true",
|
|
3858
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3877
|
+
children: /* @__PURE__ */ t("div", { className: da.handleBar })
|
|
3859
3878
|
}),
|
|
3860
3879
|
r && /* @__PURE__ */ t("div", {
|
|
3861
3880
|
id: h,
|
|
3862
|
-
className:
|
|
3881
|
+
className: da.title,
|
|
3863
3882
|
children: r
|
|
3864
3883
|
}),
|
|
3865
3884
|
i && /* @__PURE__ */ t("div", {
|
|
3866
|
-
className:
|
|
3885
|
+
className: da.content,
|
|
3867
3886
|
children: i
|
|
3868
3887
|
})
|
|
3869
3888
|
]
|
|
@@ -3871,7 +3890,7 @@ function aa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3871
3890
|
});
|
|
3872
3891
|
return typeof document > "u" ? v : m(v, document.body);
|
|
3873
3892
|
}
|
|
3874
|
-
var
|
|
3893
|
+
var ma = {
|
|
3875
3894
|
carousel: "_carousel_117hp_3",
|
|
3876
3895
|
horizontal: "_horizontal_117hp_20",
|
|
3877
3896
|
vertical: "_vertical_117hp_27",
|
|
@@ -3885,9 +3904,9 @@ var oa = {
|
|
|
3885
3904
|
};
|
|
3886
3905
|
//#endregion
|
|
3887
3906
|
//#region src/components/Carousel/Carousel.tsx
|
|
3888
|
-
function
|
|
3907
|
+
function ha({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3889
3908
|
return /* @__PURE__ */ t("div", {
|
|
3890
|
-
className: [
|
|
3909
|
+
className: [ma.indicatorDots, i].filter(Boolean).join(" "),
|
|
3891
3910
|
role: "tablist",
|
|
3892
3911
|
"aria-label": "Carousel pages",
|
|
3893
3912
|
...a,
|
|
@@ -3896,14 +3915,14 @@ function sa({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3896
3915
|
role: "tab",
|
|
3897
3916
|
"aria-selected": i === n,
|
|
3898
3917
|
"aria-label": `Page ${i + 1}`,
|
|
3899
|
-
className: [
|
|
3918
|
+
className: [ma.dot, i === n ? ma.dotActive : null].filter(Boolean).join(" "),
|
|
3900
3919
|
onClick: () => r?.(i)
|
|
3901
3920
|
}, i))
|
|
3902
3921
|
});
|
|
3903
3922
|
}
|
|
3904
|
-
function
|
|
3923
|
+
function ga({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3905
3924
|
return /* @__PURE__ */ t("div", {
|
|
3906
|
-
className: [
|
|
3925
|
+
className: [ma.indicatorLines, i].filter(Boolean).join(" "),
|
|
3907
3926
|
role: "tablist",
|
|
3908
3927
|
"aria-label": "Carousel pages",
|
|
3909
3928
|
...a,
|
|
@@ -3912,12 +3931,12 @@ function ca({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3912
3931
|
role: "tab",
|
|
3913
3932
|
"aria-selected": i === n,
|
|
3914
3933
|
"aria-label": `Page ${i + 1}`,
|
|
3915
|
-
className: [
|
|
3934
|
+
className: [ma.line, i === n ? ma.lineActive : null].filter(Boolean).join(" "),
|
|
3916
3935
|
onClick: () => r?.(i)
|
|
3917
3936
|
}, i))
|
|
3918
3937
|
});
|
|
3919
3938
|
}
|
|
3920
|
-
function
|
|
3939
|
+
function _a({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...d }) {
|
|
3921
3940
|
let m = f(null), h = r.count(e), [g, _] = p(0), v = c !== void 0, y = v ? c : g;
|
|
3922
3941
|
l(() => {
|
|
3923
3942
|
v && b(c, "smooth");
|
|
@@ -3973,15 +3992,15 @@ function la({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3973
3992
|
"aria-roledescription": "carousel",
|
|
3974
3993
|
tabIndex: 0,
|
|
3975
3994
|
className: [
|
|
3976
|
-
|
|
3977
|
-
S ?
|
|
3995
|
+
ma.carousel,
|
|
3996
|
+
S ? ma.horizontal : ma.vertical,
|
|
3978
3997
|
u
|
|
3979
3998
|
].filter(Boolean).join(" "),
|
|
3980
3999
|
style: S ? { columnGap: i || void 0 } : { rowGap: i || void 0 },
|
|
3981
4000
|
onKeyDown: x,
|
|
3982
4001
|
...d,
|
|
3983
4002
|
children: r.map(e, (e, n) => /* @__PURE__ */ t("div", {
|
|
3984
|
-
className:
|
|
4003
|
+
className: ma.slide,
|
|
3985
4004
|
role: "group",
|
|
3986
4005
|
"aria-roledescription": "slide",
|
|
3987
4006
|
"aria-label": `${n + 1} of ${h}`,
|
|
@@ -3991,49 +4010,49 @@ function la({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3991
4010
|
}
|
|
3992
4011
|
//#endregion
|
|
3993
4012
|
//#region src/components/Bin/Bin.tsx
|
|
3994
|
-
function
|
|
4013
|
+
function va({ children: e, ...n }) {
|
|
3995
4014
|
return /* @__PURE__ */ t("div", {
|
|
3996
4015
|
...n,
|
|
3997
4016
|
children: e
|
|
3998
4017
|
});
|
|
3999
4018
|
}
|
|
4000
|
-
var
|
|
4019
|
+
var ya = {
|
|
4001
4020
|
content: "_content_1xkwk_3",
|
|
4002
4021
|
icon: "_icon_1xkwk_9",
|
|
4003
4022
|
label: "_label_1xkwk_15"
|
|
4004
4023
|
};
|
|
4005
4024
|
//#endregion
|
|
4006
4025
|
//#region src/components/ButtonContent/ButtonContent.tsx
|
|
4007
|
-
function
|
|
4026
|
+
function ba({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
|
|
4008
4027
|
return /* @__PURE__ */ n("span", {
|
|
4009
4028
|
className: [
|
|
4010
|
-
|
|
4011
|
-
i === "end" ?
|
|
4029
|
+
ya.content,
|
|
4030
|
+
i === "end" ? ya.iconEnd : null,
|
|
4012
4031
|
a
|
|
4013
4032
|
].filter(Boolean).join(" "),
|
|
4014
4033
|
...o,
|
|
4015
4034
|
children: [
|
|
4016
4035
|
e && i === "start" && /* @__PURE__ */ t("span", {
|
|
4017
|
-
className:
|
|
4036
|
+
className: ya.icon,
|
|
4018
4037
|
"aria-hidden": "true",
|
|
4019
4038
|
children: e
|
|
4020
4039
|
}),
|
|
4021
4040
|
/* @__PURE__ */ t("span", {
|
|
4022
|
-
className:
|
|
4041
|
+
className: ya.label,
|
|
4023
4042
|
children: r
|
|
4024
4043
|
}),
|
|
4025
4044
|
e && i === "end" && /* @__PURE__ */ t("span", {
|
|
4026
|
-
className:
|
|
4045
|
+
className: ya.icon,
|
|
4027
4046
|
"aria-hidden": "true",
|
|
4028
4047
|
children: e
|
|
4029
4048
|
})
|
|
4030
4049
|
]
|
|
4031
4050
|
});
|
|
4032
4051
|
}
|
|
4033
|
-
var
|
|
4052
|
+
var xa = {
|
|
4034
4053
|
label: "_label_h3znl_3",
|
|
4035
4054
|
key: "_key_h3znl_9"
|
|
4036
|
-
},
|
|
4055
|
+
}, Sa = {
|
|
4037
4056
|
ctrl: "⌃",
|
|
4038
4057
|
control: "⌃",
|
|
4039
4058
|
shift: "⇧",
|
|
@@ -4061,22 +4080,22 @@ var pa = {
|
|
|
4061
4080
|
home: "⇱",
|
|
4062
4081
|
end: "⇲"
|
|
4063
4082
|
};
|
|
4064
|
-
function
|
|
4083
|
+
function Ca({ shortcut: e, symbols: n = !0, className: r, ...i }) {
|
|
4065
4084
|
let a = e.split("+").map((e) => e.trim()).filter(Boolean);
|
|
4066
4085
|
return /* @__PURE__ */ t("span", {
|
|
4067
|
-
className: [
|
|
4086
|
+
className: [xa.label, r].filter(Boolean).join(" "),
|
|
4068
4087
|
"aria-label": e,
|
|
4069
4088
|
...i,
|
|
4070
4089
|
children: a.map((e, r) => {
|
|
4071
|
-
let i = n ?
|
|
4090
|
+
let i = n ? Sa[e.toLowerCase()] ?? e : e;
|
|
4072
4091
|
return /* @__PURE__ */ t("kbd", {
|
|
4073
|
-
className:
|
|
4092
|
+
className: xa.key,
|
|
4074
4093
|
children: i
|
|
4075
4094
|
}, r);
|
|
4076
4095
|
})
|
|
4077
4096
|
});
|
|
4078
4097
|
}
|
|
4079
|
-
var
|
|
4098
|
+
var wa = {
|
|
4080
4099
|
toolbarView: "_toolbarView_134hf_3",
|
|
4081
4100
|
top: "_top_134hf_11",
|
|
4082
4101
|
content: "_content_134hf_16",
|
|
@@ -4084,47 +4103,47 @@ var ga = {
|
|
|
4084
4103
|
};
|
|
4085
4104
|
//#endregion
|
|
4086
4105
|
//#region src/components/ToolbarView/ToolbarView.tsx
|
|
4087
|
-
function
|
|
4106
|
+
function Ta({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
|
|
4088
4107
|
return /* @__PURE__ */ n("div", {
|
|
4089
|
-
className: [
|
|
4108
|
+
className: [wa.toolbarView, a].filter(Boolean).join(" "),
|
|
4090
4109
|
...o,
|
|
4091
4110
|
children: [
|
|
4092
4111
|
e && /* @__PURE__ */ t("div", {
|
|
4093
|
-
className:
|
|
4112
|
+
className: wa.top,
|
|
4094
4113
|
children: e
|
|
4095
4114
|
}),
|
|
4096
4115
|
/* @__PURE__ */ t("div", {
|
|
4097
|
-
className:
|
|
4116
|
+
className: wa.content,
|
|
4098
4117
|
children: i
|
|
4099
4118
|
}),
|
|
4100
4119
|
r && /* @__PURE__ */ t("div", {
|
|
4101
|
-
className:
|
|
4120
|
+
className: wa.bottom,
|
|
4102
4121
|
children: r
|
|
4103
4122
|
})
|
|
4104
4123
|
]
|
|
4105
4124
|
});
|
|
4106
4125
|
}
|
|
4107
|
-
var
|
|
4126
|
+
var Ea = {
|
|
4108
4127
|
windowTitle: "_windowTitle_zm877_3",
|
|
4109
4128
|
title: "_title_zm877_11",
|
|
4110
4129
|
subtitle: "_subtitle_zm877_24"
|
|
4111
4130
|
};
|
|
4112
4131
|
//#endregion
|
|
4113
4132
|
//#region src/components/WindowTitle/WindowTitle.tsx
|
|
4114
|
-
function
|
|
4133
|
+
function Da({ title: e, subtitle: r, className: i, ...a }) {
|
|
4115
4134
|
return /* @__PURE__ */ n("div", {
|
|
4116
|
-
className: [
|
|
4135
|
+
className: [Ea.windowTitle, i].filter(Boolean).join(" "),
|
|
4117
4136
|
...a,
|
|
4118
4137
|
children: [/* @__PURE__ */ t("span", {
|
|
4119
|
-
className:
|
|
4138
|
+
className: Ea.title,
|
|
4120
4139
|
children: e
|
|
4121
4140
|
}), r && /* @__PURE__ */ t("span", {
|
|
4122
|
-
className:
|
|
4141
|
+
className: Ea.subtitle,
|
|
4123
4142
|
children: r
|
|
4124
4143
|
})]
|
|
4125
4144
|
});
|
|
4126
4145
|
}
|
|
4127
|
-
var
|
|
4146
|
+
var Oa = {
|
|
4128
4147
|
group: "_group_17s4f_3",
|
|
4129
4148
|
header: "_header_17s4f_11",
|
|
4130
4149
|
headerText: "_headerText_17s4f_17",
|
|
@@ -4135,85 +4154,85 @@ var ba = {
|
|
|
4135
4154
|
};
|
|
4136
4155
|
//#endregion
|
|
4137
4156
|
//#region src/components/PreferencesGroup/PreferencesGroup.tsx
|
|
4138
|
-
function
|
|
4157
|
+
function ka({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
|
|
4139
4158
|
let c = e || r || i;
|
|
4140
4159
|
return /* @__PURE__ */ n("div", {
|
|
4141
|
-
className: [
|
|
4160
|
+
className: [Oa.group, o].filter(Boolean).join(" "),
|
|
4142
4161
|
...s,
|
|
4143
4162
|
children: [c && /* @__PURE__ */ n("div", {
|
|
4144
|
-
className:
|
|
4163
|
+
className: Oa.header,
|
|
4145
4164
|
children: [/* @__PURE__ */ n("div", {
|
|
4146
|
-
className:
|
|
4165
|
+
className: Oa.headerText,
|
|
4147
4166
|
children: [e && /* @__PURE__ */ t("span", {
|
|
4148
|
-
className:
|
|
4167
|
+
className: Oa.title,
|
|
4149
4168
|
children: e
|
|
4150
4169
|
}), r && /* @__PURE__ */ t("span", {
|
|
4151
|
-
className:
|
|
4170
|
+
className: Oa.description,
|
|
4152
4171
|
children: r
|
|
4153
4172
|
})]
|
|
4154
4173
|
}), i && /* @__PURE__ */ t("div", {
|
|
4155
|
-
className:
|
|
4174
|
+
className: Oa.suffix,
|
|
4156
4175
|
children: i
|
|
4157
4176
|
})]
|
|
4158
4177
|
}), /* @__PURE__ */ t("div", {
|
|
4159
|
-
className:
|
|
4178
|
+
className: Oa.content,
|
|
4160
4179
|
children: a
|
|
4161
4180
|
})]
|
|
4162
4181
|
});
|
|
4163
4182
|
}
|
|
4164
|
-
var
|
|
4183
|
+
var Aa = {
|
|
4165
4184
|
page: "_page_gt42j_3",
|
|
4166
4185
|
inner: "_inner_gt42j_10"
|
|
4167
4186
|
};
|
|
4168
4187
|
//#endregion
|
|
4169
4188
|
//#region src/components/PreferencesPage/PreferencesPage.tsx
|
|
4170
|
-
function
|
|
4189
|
+
function ja({ title: e, iconName: n, children: r, className: i, ...a }) {
|
|
4171
4190
|
return /* @__PURE__ */ t("div", {
|
|
4172
|
-
className: [
|
|
4191
|
+
className: [Aa.page, i].filter(Boolean).join(" "),
|
|
4173
4192
|
role: "tabpanel",
|
|
4174
4193
|
...a,
|
|
4175
4194
|
children: /* @__PURE__ */ t("div", {
|
|
4176
|
-
className:
|
|
4195
|
+
className: Aa.inner,
|
|
4177
4196
|
children: r
|
|
4178
4197
|
})
|
|
4179
4198
|
});
|
|
4180
4199
|
}
|
|
4181
4200
|
//#endregion
|
|
4182
4201
|
//#region src/components/PreferencesDialog/PreferencesDialog.module.css
|
|
4183
|
-
var
|
|
4184
|
-
backdrop:
|
|
4202
|
+
var Ma = "_backdrop_1u1bd_3", Na = "_dialog_1u1bd_26", Pa = "_dialogMulti_1u1bd_46", Fa = "_header_1u1bd_63", Ia = "_closeBtn_1u1bd_73", La = "_title_1u1bd_102", Ra = "_searchWrap_1u1bd_112", za = "_searchInput_1u1bd_116", Ba = "_body_1u1bd_143", Va = "_sidebar_1u1bd_152", Ha = "_navList_1u1bd_160", Ua = "_navItem_1u1bd_169", Wa = "_navItemActive_1u1bd_190", Ga = "_navIcon_1u1bd_205", Ka = "_navLabel_1u1bd_211", qa = "_pageWrap_1u1bd_221", Z = {
|
|
4203
|
+
backdrop: Ma,
|
|
4185
4204
|
"backdrop-in": "_backdrop-in_1u1bd_1",
|
|
4186
|
-
dialog:
|
|
4205
|
+
dialog: Na,
|
|
4187
4206
|
"dialog-in": "_dialog-in_1u1bd_1",
|
|
4188
|
-
dialogMulti:
|
|
4189
|
-
header:
|
|
4190
|
-
closeBtn:
|
|
4191
|
-
title:
|
|
4192
|
-
searchWrap:
|
|
4193
|
-
searchInput:
|
|
4194
|
-
body:
|
|
4195
|
-
sidebar:
|
|
4196
|
-
navList:
|
|
4197
|
-
navItem:
|
|
4198
|
-
navItemActive:
|
|
4199
|
-
navIcon:
|
|
4200
|
-
navLabel:
|
|
4201
|
-
pageWrap:
|
|
4202
|
-
},
|
|
4203
|
-
function
|
|
4207
|
+
dialogMulti: Pa,
|
|
4208
|
+
header: Fa,
|
|
4209
|
+
closeBtn: Ia,
|
|
4210
|
+
title: La,
|
|
4211
|
+
searchWrap: Ra,
|
|
4212
|
+
searchInput: za,
|
|
4213
|
+
body: Ba,
|
|
4214
|
+
sidebar: Va,
|
|
4215
|
+
navList: Ha,
|
|
4216
|
+
navItem: Ua,
|
|
4217
|
+
navItemActive: Wa,
|
|
4218
|
+
navIcon: Ga,
|
|
4219
|
+
navLabel: Ka,
|
|
4220
|
+
pageWrap: qa
|
|
4221
|
+
}, Ja = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
4222
|
+
function Ya(e, t) {
|
|
4204
4223
|
if (e.key !== "Tab") return;
|
|
4205
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
4224
|
+
let n = Array.from(t.current?.querySelectorAll(Ja) ?? []);
|
|
4206
4225
|
if (!n.length) return;
|
|
4207
4226
|
let r = n[0], i = n[n.length - 1];
|
|
4208
4227
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
4209
4228
|
}
|
|
4210
|
-
function
|
|
4229
|
+
function Xa({ open: e, onClose: a, children: c, searchable: d = !0, className: h, ...g }) {
|
|
4211
4230
|
let _ = f(null), v = f(null), y = u(), b = r.toArray(c).filter((e) => o(e)), [x, S] = p(0), [C, w] = p("");
|
|
4212
4231
|
l(() => {
|
|
4213
4232
|
if (e) {
|
|
4214
4233
|
S(0), w("");
|
|
4215
4234
|
let e = requestAnimationFrame(() => {
|
|
4216
|
-
d && v.current ? v.current.focus() : (_.current?.querySelector(
|
|
4235
|
+
d && v.current ? v.current.focus() : (_.current?.querySelector(Ja))?.focus();
|
|
4217
4236
|
});
|
|
4218
4237
|
return () => cancelAnimationFrame(e);
|
|
4219
4238
|
}
|
|
@@ -4223,7 +4242,7 @@ function Ha({ open: e, onClose: a, children: c, searchable: d = !0, className: h
|
|
|
4223
4242
|
e.stopPropagation(), a();
|
|
4224
4243
|
return;
|
|
4225
4244
|
}
|
|
4226
|
-
|
|
4245
|
+
Ya(e, _);
|
|
4227
4246
|
}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
|
|
4228
4247
|
return e ? m(/* @__PURE__ */ t("div", {
|
|
4229
4248
|
className: Z.backdrop,
|
|
@@ -4326,7 +4345,7 @@ var Q = {
|
|
|
4326
4345
|
};
|
|
4327
4346
|
//#endregion
|
|
4328
4347
|
//#region src/components/Timeline/Timeline.tsx
|
|
4329
|
-
function
|
|
4348
|
+
function Za({ items: e, orientation: r = "vertical", variant: i = "default", className: a, ...o }) {
|
|
4330
4349
|
let s = r === "horizontal", c = i !== "none";
|
|
4331
4350
|
return /* @__PURE__ */ t("div", {
|
|
4332
4351
|
role: "list",
|
|
@@ -4390,7 +4409,7 @@ function Ua({ items: e, orientation: r = "vertical", variant: i = "default", cla
|
|
|
4390
4409
|
})
|
|
4391
4410
|
});
|
|
4392
4411
|
}
|
|
4393
|
-
var
|
|
4412
|
+
var Qa = {
|
|
4394
4413
|
pathBar: "_pathBar_1n4ev_3",
|
|
4395
4414
|
list: "_list_1n4ev_12",
|
|
4396
4415
|
item: "_item_1n4ev_25",
|
|
@@ -4401,20 +4420,20 @@ var Wa = {
|
|
|
4401
4420
|
};
|
|
4402
4421
|
//#endregion
|
|
4403
4422
|
//#region src/components/PathBar/PathBar.tsx
|
|
4404
|
-
function
|
|
4423
|
+
function $a({ segments: e, onNavigate: r, className: i, ...a }) {
|
|
4405
4424
|
return /* @__PURE__ */ t("nav", {
|
|
4406
4425
|
"aria-label": "Breadcrumb",
|
|
4407
|
-
className: [
|
|
4426
|
+
className: [Qa.pathBar, i].filter(Boolean).join(" "),
|
|
4408
4427
|
...a,
|
|
4409
4428
|
children: /* @__PURE__ */ t("ol", {
|
|
4410
|
-
className:
|
|
4429
|
+
className: Qa.list,
|
|
4411
4430
|
"aria-label": "Path segments",
|
|
4412
4431
|
children: e.map((i, a) => {
|
|
4413
4432
|
let o = a === e.length - 1;
|
|
4414
4433
|
return /* @__PURE__ */ n("li", {
|
|
4415
|
-
className:
|
|
4434
|
+
className: Qa.item,
|
|
4416
4435
|
children: [a > 0 && /* @__PURE__ */ t("span", {
|
|
4417
|
-
className:
|
|
4436
|
+
className: Qa.separator,
|
|
4418
4437
|
"aria-hidden": "true",
|
|
4419
4438
|
children: /* @__PURE__ */ t("svg", {
|
|
4420
4439
|
width: "12",
|
|
@@ -4431,19 +4450,19 @@ function Ga({ segments: e, onNavigate: r, className: i, ...a }) {
|
|
|
4431
4450
|
})
|
|
4432
4451
|
})
|
|
4433
4452
|
}), o ? /* @__PURE__ */ n("span", {
|
|
4434
|
-
className:
|
|
4453
|
+
className: Qa.current,
|
|
4435
4454
|
"aria-current": "page",
|
|
4436
4455
|
children: [i.icon && /* @__PURE__ */ t("span", {
|
|
4437
|
-
className:
|
|
4456
|
+
className: Qa.icon,
|
|
4438
4457
|
"aria-hidden": "true",
|
|
4439
4458
|
children: i.icon
|
|
4440
4459
|
}), i.label]
|
|
4441
4460
|
}) : /* @__PURE__ */ n("button", {
|
|
4442
4461
|
type: "button",
|
|
4443
|
-
className:
|
|
4462
|
+
className: Qa.segment,
|
|
4444
4463
|
onClick: () => r?.(i.path, a),
|
|
4445
4464
|
children: [i.icon && /* @__PURE__ */ t("span", {
|
|
4446
|
-
className:
|
|
4465
|
+
className: Qa.icon,
|
|
4447
4466
|
"aria-hidden": "true",
|
|
4448
4467
|
children: i.icon
|
|
4449
4468
|
}), i.label]
|
|
@@ -4453,7 +4472,7 @@ function Ga({ segments: e, onNavigate: r, className: i, ...a }) {
|
|
|
4453
4472
|
})
|
|
4454
4473
|
});
|
|
4455
4474
|
}
|
|
4456
|
-
var
|
|
4475
|
+
var eo = {
|
|
4457
4476
|
wrapper: "_wrapper_1upmq_1",
|
|
4458
4477
|
svg: "_svg_1upmq_10",
|
|
4459
4478
|
label: "_label_1upmq_15",
|
|
@@ -4462,7 +4481,7 @@ var Ka = {
|
|
|
4462
4481
|
legend: "_legend_1upmq_74",
|
|
4463
4482
|
legendLabel: "_legendLabel_1upmq_81",
|
|
4464
4483
|
legendCell: "_legendCell_1upmq_89"
|
|
4465
|
-
},
|
|
4484
|
+
}, to = [
|
|
4466
4485
|
"Jan",
|
|
4467
4486
|
"Feb",
|
|
4468
4487
|
"Mar",
|
|
@@ -4475,7 +4494,7 @@ var Ka = {
|
|
|
4475
4494
|
"Oct",
|
|
4476
4495
|
"Nov",
|
|
4477
4496
|
"Dec"
|
|
4478
|
-
],
|
|
4497
|
+
], no = [
|
|
4479
4498
|
"Sun",
|
|
4480
4499
|
"Mon",
|
|
4481
4500
|
"Tue",
|
|
@@ -4483,30 +4502,30 @@ var Ka = {
|
|
|
4483
4502
|
"Thu",
|
|
4484
4503
|
"Fri",
|
|
4485
4504
|
"Sat"
|
|
4486
|
-
],
|
|
4505
|
+
], ro = 28, io = 20, ao = [
|
|
4487
4506
|
"var(--gnome-card-shade-color, rgba(0,0,0,0.07))",
|
|
4488
4507
|
"var(--gnome-green-1, #8ff0a4)",
|
|
4489
4508
|
"var(--gnome-green-2, #57e389)",
|
|
4490
4509
|
"var(--gnome-green-4, #2ec27e)",
|
|
4491
4510
|
"var(--gnome-green-5, #26a269)"
|
|
4492
4511
|
];
|
|
4493
|
-
function
|
|
4512
|
+
function oo(e) {
|
|
4494
4513
|
return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
|
|
4495
4514
|
}
|
|
4496
|
-
function
|
|
4515
|
+
function so(e) {
|
|
4497
4516
|
let [t, n, r] = e.split("-").map(Number);
|
|
4498
4517
|
return new Date(t, n - 1, r);
|
|
4499
4518
|
}
|
|
4500
|
-
function
|
|
4501
|
-
return
|
|
4519
|
+
function co(e) {
|
|
4520
|
+
return so(e).toLocaleDateString("en-US", {
|
|
4502
4521
|
weekday: "long",
|
|
4503
4522
|
year: "numeric",
|
|
4504
4523
|
month: "long",
|
|
4505
4524
|
day: "numeric"
|
|
4506
4525
|
});
|
|
4507
4526
|
}
|
|
4508
|
-
function
|
|
4509
|
-
let y = a + o, b = f(null), x = f(null), S = i ??
|
|
4527
|
+
function lo({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap: o = 3, weekStartDay: s = 1, showMonthLabels: c = !0, showDayLabels: l = !0, showLegend: u = !0, weeks: m = 52, ariaLabel: h = "Contribution graph", onDayClick: g, tooltipContent: _, className: v }) {
|
|
4528
|
+
let y = a + o, b = f(null), x = f(null), S = i ?? ao, [C, w] = p({
|
|
4510
4529
|
col: 0,
|
|
4511
4530
|
row: 0
|
|
4512
4531
|
}), [T, E] = p(null), D = d(() => {
|
|
@@ -4525,13 +4544,13 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4525
4544
|
let n = new Date(i);
|
|
4526
4545
|
n.setDate(i.getDate() + t * 7), n.getMonth() !== c && (o.push({
|
|
4527
4546
|
col: t,
|
|
4528
|
-
month:
|
|
4547
|
+
month: to[n.getMonth()]
|
|
4529
4548
|
}), c = n.getMonth());
|
|
4530
4549
|
let s = [];
|
|
4531
4550
|
for (let n = 0; n < 7; n++) {
|
|
4532
4551
|
let a = new Date(i);
|
|
4533
4552
|
a.setDate(i.getDate() + t * 7 + n);
|
|
4534
|
-
let o = a > e, c =
|
|
4553
|
+
let o = a > e, c = oo(a), l = o ? 0 : D.get(c) ?? 0, u = l === 0 ? 0 : Math.min(r, Math.ceil(l / O * r));
|
|
4535
4554
|
s.push({
|
|
4536
4555
|
iso: c,
|
|
4537
4556
|
count: l,
|
|
@@ -4557,8 +4576,8 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4557
4576
|
5
|
|
4558
4577
|
].map((e) => ({
|
|
4559
4578
|
row: (e - s + 7) % 7,
|
|
4560
|
-
label:
|
|
4561
|
-
})), [s]), M = l ?
|
|
4579
|
+
label: no[e]
|
|
4580
|
+
})), [s]), M = l ? ro : 0, N = c ? io : 0, P = M + m * y - o, F = N + 7 * y - o, I = Math.min(4, Math.floor(a / 3));
|
|
4562
4581
|
function ee(e, t) {
|
|
4563
4582
|
let n = Math.max(0, Math.min(m - 1, e)), r = Math.max(0, Math.min(6, t));
|
|
4564
4583
|
w({
|
|
@@ -4597,33 +4616,33 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4597
4616
|
return e.future ? S[0] : S[Math.min(e.level, S.length - 1)] ?? S[S.length - 1];
|
|
4598
4617
|
}
|
|
4599
4618
|
function ie(e) {
|
|
4600
|
-
return e.future ?
|
|
4619
|
+
return e.future ? co(e.iso) : _?.({
|
|
4601
4620
|
date: e.iso,
|
|
4602
4621
|
count: e.count
|
|
4603
|
-
}) ?? `${e.count} contribution${e.count === 1 ? "" : "s"} on ${
|
|
4622
|
+
}) ?? `${e.count} contribution${e.count === 1 ? "" : "s"} on ${co(e.iso)}`;
|
|
4604
4623
|
}
|
|
4605
4624
|
return /* @__PURE__ */ n("div", {
|
|
4606
4625
|
ref: x,
|
|
4607
|
-
className: [
|
|
4626
|
+
className: [eo.wrapper, v].filter(Boolean).join(" "),
|
|
4608
4627
|
children: [
|
|
4609
4628
|
/* @__PURE__ */ n("svg", {
|
|
4610
4629
|
ref: b,
|
|
4611
4630
|
width: P,
|
|
4612
4631
|
height: F,
|
|
4613
|
-
className:
|
|
4632
|
+
className: eo.svg,
|
|
4614
4633
|
"aria-label": h,
|
|
4615
4634
|
role: "img",
|
|
4616
4635
|
children: [
|
|
4617
4636
|
c && A.map(({ col: e, month: n }) => /* @__PURE__ */ t("text", {
|
|
4618
4637
|
x: M + e * y,
|
|
4619
4638
|
y: 12,
|
|
4620
|
-
className:
|
|
4639
|
+
className: eo.label,
|
|
4621
4640
|
children: n
|
|
4622
4641
|
}, `m-${e}`)),
|
|
4623
4642
|
l && j.map(({ row: e, label: n }) => /* @__PURE__ */ t("text", {
|
|
4624
4643
|
x: 0,
|
|
4625
4644
|
y: N + e * y + a - 1,
|
|
4626
|
-
className:
|
|
4645
|
+
className: eo.label,
|
|
4627
4646
|
children: n
|
|
4628
4647
|
}, `d-${e}`)),
|
|
4629
4648
|
/* @__PURE__ */ t("g", {
|
|
@@ -4643,7 +4662,7 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4643
4662
|
rx: I,
|
|
4644
4663
|
fill: re(e),
|
|
4645
4664
|
opacity: e.future ? .35 : 1,
|
|
4646
|
-
className:
|
|
4665
|
+
className: eo.cell,
|
|
4647
4666
|
role: "gridcell",
|
|
4648
4667
|
"aria-label": i,
|
|
4649
4668
|
"aria-disabled": e.future || void 0,
|
|
@@ -4666,7 +4685,7 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4666
4685
|
]
|
|
4667
4686
|
}),
|
|
4668
4687
|
T && /* @__PURE__ */ t("div", {
|
|
4669
|
-
className:
|
|
4688
|
+
className: eo.tooltip,
|
|
4670
4689
|
style: {
|
|
4671
4690
|
left: T.x,
|
|
4672
4691
|
top: T.y
|
|
@@ -4675,17 +4694,17 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4675
4694
|
children: T.text
|
|
4676
4695
|
}),
|
|
4677
4696
|
u && /* @__PURE__ */ n("div", {
|
|
4678
|
-
className:
|
|
4697
|
+
className: eo.legend,
|
|
4679
4698
|
children: [
|
|
4680
4699
|
/* @__PURE__ */ t("span", {
|
|
4681
|
-
className:
|
|
4700
|
+
className: eo.legendLabel,
|
|
4682
4701
|
children: "Less"
|
|
4683
4702
|
}),
|
|
4684
4703
|
Array.from({ length: r + 1 }, (e, n) => /* @__PURE__ */ t("svg", {
|
|
4685
4704
|
width: a,
|
|
4686
4705
|
height: a,
|
|
4687
4706
|
"aria-hidden": "true",
|
|
4688
|
-
className:
|
|
4707
|
+
className: eo.legendCell,
|
|
4689
4708
|
children: /* @__PURE__ */ t("rect", {
|
|
4690
4709
|
width: a,
|
|
4691
4710
|
height: a,
|
|
@@ -4694,7 +4713,7 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4694
4713
|
})
|
|
4695
4714
|
}, n)),
|
|
4696
4715
|
/* @__PURE__ */ t("span", {
|
|
4697
|
-
className:
|
|
4716
|
+
className: eo.legendLabel,
|
|
4698
4717
|
children: "More"
|
|
4699
4718
|
})
|
|
4700
4719
|
]
|
|
@@ -4725,12 +4744,12 @@ var $ = {
|
|
|
4725
4744
|
checkbox: "_checkbox_1pg3h_170",
|
|
4726
4745
|
emptyCell: "_emptyCell_1pg3h_186",
|
|
4727
4746
|
emptyLabel: "_emptyLabel_1pg3h_191"
|
|
4728
|
-
},
|
|
4747
|
+
}, uo = {
|
|
4729
4748
|
start: $.alignStart,
|
|
4730
4749
|
center: $.alignCenter,
|
|
4731
4750
|
end: $.alignEnd
|
|
4732
4751
|
};
|
|
4733
|
-
function
|
|
4752
|
+
function fo({ direction: r }) {
|
|
4734
4753
|
return /* @__PURE__ */ t("svg", {
|
|
4735
4754
|
width: "10",
|
|
4736
4755
|
height: "10",
|
|
@@ -4754,7 +4773,7 @@ function ro({ direction: r }) {
|
|
|
4754
4773
|
})] })
|
|
4755
4774
|
});
|
|
4756
4775
|
}
|
|
4757
|
-
function
|
|
4776
|
+
function po({ columns: e, rows: r, rowKey: i, selectionMode: a = "none", selectedRows: o = [], onSelectionChange: s, sortState: c, onSort: l, height: u, emptyState: d, className: m, ariaLabel: h }) {
|
|
4758
4777
|
let g = f(null), [_, v] = p(0), y = new Set(o), b = a === "multiple", x = e.length + (b ? 1 : 0);
|
|
4759
4778
|
function S(e) {
|
|
4760
4779
|
l && l(e, c?.columnId === e && c.direction === "asc" ? "desc" : "asc");
|
|
@@ -4809,14 +4828,14 @@ function io({ columns: e, rows: r, rowKey: i, selectionMode: a = "none", selecte
|
|
|
4809
4828
|
}), e.map((e) => {
|
|
4810
4829
|
let r = c?.columnId === e.id;
|
|
4811
4830
|
return /* @__PURE__ */ t("th", {
|
|
4812
|
-
className: [$.th, e.align ?
|
|
4831
|
+
className: [$.th, e.align ? uo[e.align] : null].filter(Boolean).join(" "),
|
|
4813
4832
|
style: e.width ? { width: e.width } : void 0,
|
|
4814
4833
|
"aria-sort": r ? c.direction === "asc" ? "ascending" : "descending" : e.sortable ? "none" : void 0,
|
|
4815
4834
|
children: e.sortable && l ? /* @__PURE__ */ n("button", {
|
|
4816
4835
|
type: "button",
|
|
4817
4836
|
className: [$.sortBtn, r ? $.sortBtnActive : null].filter(Boolean).join(" "),
|
|
4818
4837
|
onClick: () => S(e.id),
|
|
4819
|
-
children: [/* @__PURE__ */ t("span", { children: e.header }), /* @__PURE__ */ t(
|
|
4838
|
+
children: [/* @__PURE__ */ t("span", { children: e.header }), /* @__PURE__ */ t(fo, { direction: r ? c.direction : null })]
|
|
4820
4839
|
}) : /* @__PURE__ */ t("span", {
|
|
4821
4840
|
className: $.headerLabel,
|
|
4822
4841
|
children: e.header
|
|
@@ -4859,7 +4878,7 @@ function io({ columns: e, rows: r, rowKey: i, selectionMode: a = "none", selecte
|
|
|
4859
4878
|
"aria-label": `Select row ${o + 1}`
|
|
4860
4879
|
})
|
|
4861
4880
|
}), e.map((e) => /* @__PURE__ */ t("td", {
|
|
4862
|
-
className: [$.td, e.align ?
|
|
4881
|
+
className: [$.td, e.align ? uo[e.align] : null].filter(Boolean).join(" "),
|
|
4863
4882
|
role: "gridcell",
|
|
4864
4883
|
children: e.cell(r, o)
|
|
4865
4884
|
}, e.id))]
|
|
@@ -4871,6 +4890,6 @@ function io({ columns: e, rows: r, rowKey: i, selectionMode: a = "none", selecte
|
|
|
4871
4890
|
});
|
|
4872
4891
|
}
|
|
4873
4892
|
//#endregion
|
|
4874
|
-
export {
|
|
4893
|
+
export { Pt as ActionRow, ne as Avatar, je as Badge, Te as Banner, va as Bin, g as Blockquote, pa as BottomSheet, vr as Box, It as BoxedList, Yr as BreakpointBin, v as Button, ba as ButtonContent, Zr as ButtonRow, M as Card, _a as Carousel, ha as CarouselIndicatorDots, ga as CarouselIndicatorLines, hi as CheckRow, ce as Checkbox, Sr as Chip, or as Clamp, po as ColumnView, Ri as ComboRow, lo as ContributionGraph, kn as Dialog, Jn as Dropdown, Bi as EntryRow, si as ExpanderRow, ke as Footer, oi as Frame, He as GNOME_BREAKPOINTS, De as HeaderBar, L as Icon, di as InlineViewSwitcher, fi as InlineViewSwitcherItem, fr as Link, ii as LinkedGroup, ra as NavigationPage, sr as NavigationSplitView, ia as NavigationView, cr as OverlaySplitView, Hi as PasswordEntryRow, $a as PathBar, ir as Popover, Xa as PreferencesDialog, ka as PreferencesGroup, ja as PreferencesPage, me as ProgressBar, fe as RadioButton, ze as SearchBar, ie as Separator, Ca as ShortcutLabel, Ur as ShortcutsDialog, bt as Sidebar, ht as SidebarCollapsedContext, Et as SidebarItem, xt as SidebarSection, $n as Slider, ni as Spacer, At as SpinButton, Ki as SpinRow, P as Spinner, $r as SplitButton, Ve as StatusPage, oe as Switch, mi as SwitchRow, jt as TabBar, Mt as TabItem, Nt as TabPanel, O as Text, ue as TextField, Za as Timeline, Yt as Toast, Xt as Toaster, gr as ToggleGroup, _r as ToggleGroupItem, ti as Toolbar, Ta as ToolbarView, Tt as Tooltip, Rt as ViewSwitcher, ur as ViewSwitcherBar, zt as ViewSwitcherItem, qr as ViewSwitcherSidebar, Jr as ViewSwitcherSidebarItem, Da as WindowTitle, br as WrapBox, Ue as useBreakpoint, na as useNavigation, gt as useSidebarCollapsed };
|
|
4875
4894
|
|
|
4876
4895
|
//# sourceMappingURL=index.js.map
|