@gnome-ui/react 1.14.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Timeline/Timeline.d.ts +55 -0
- package/dist/components/Timeline/index.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +512 -431
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1802,7 +1802,7 @@ function zn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1802
1802
|
})]
|
|
1803
1803
|
});
|
|
1804
1804
|
}
|
|
1805
|
-
var
|
|
1805
|
+
var Bn = {
|
|
1806
1806
|
wrapper: "_wrapper_11zhs_3",
|
|
1807
1807
|
hasLabels: "_hasLabels_11zhs_11",
|
|
1808
1808
|
track: "_track_11zhs_17",
|
|
@@ -1815,21 +1815,21 @@ var H = {
|
|
|
1815
1815
|
};
|
|
1816
1816
|
//#endregion
|
|
1817
1817
|
//#region src/components/Slider/Slider.tsx
|
|
1818
|
-
function
|
|
1818
|
+
function Vn(e, t, n) {
|
|
1819
1819
|
return Math.min(n, Math.max(t, e));
|
|
1820
1820
|
}
|
|
1821
|
-
function
|
|
1821
|
+
function Hn(e, t, n, r) {
|
|
1822
1822
|
return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
|
|
1823
1823
|
}
|
|
1824
|
-
function
|
|
1824
|
+
function Un(e) {
|
|
1825
1825
|
let t = e.toString(), n = t.indexOf(".");
|
|
1826
1826
|
return n === -1 ? 0 : t.length - n - 1;
|
|
1827
1827
|
}
|
|
1828
|
-
function
|
|
1829
|
-
let g = d(null), _ =
|
|
1828
|
+
function Wn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disabled: c = !1, marks: l, className: u, "aria-label": f, "aria-labelledby": p, "aria-describedby": m, ...h }) {
|
|
1829
|
+
let g = d(null), _ = Un(o), v = (Vn(e, i, a) - i) / (a - i) * 100, y = s((e) => {
|
|
1830
1830
|
if (!g.current) return;
|
|
1831
1831
|
let { left: t, width: n } = g.current.getBoundingClientRect();
|
|
1832
|
-
r(
|
|
1832
|
+
r(Vn(Hn((e - t) / n * (a - i) + i, i, o, _), i, a));
|
|
1833
1833
|
}, [
|
|
1834
1834
|
i,
|
|
1835
1835
|
a,
|
|
@@ -1842,7 +1842,7 @@ function Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1842
1842
|
e.currentTarget.hasPointerCapture(e.pointerId) && y(e.clientX);
|
|
1843
1843
|
}, [y]), S = s((t) => {
|
|
1844
1844
|
let n = (e) => {
|
|
1845
|
-
t.preventDefault(), r(
|
|
1845
|
+
t.preventDefault(), r(Vn(Hn(e, i, o, _), i, a));
|
|
1846
1846
|
};
|
|
1847
1847
|
switch (t.key) {
|
|
1848
1848
|
case "ArrowRight":
|
|
@@ -1876,8 +1876,8 @@ function Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1876
1876
|
]), C = l && l.length > 0, w = C && l.some((e) => e.label);
|
|
1877
1877
|
return /* @__PURE__ */ n("div", {
|
|
1878
1878
|
className: [
|
|
1879
|
-
|
|
1880
|
-
w ?
|
|
1879
|
+
Bn.wrapper,
|
|
1880
|
+
w ? Bn.hasLabels : null,
|
|
1881
1881
|
u
|
|
1882
1882
|
].filter(Boolean).join(" "),
|
|
1883
1883
|
...h,
|
|
@@ -1892,36 +1892,36 @@ function Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1892
1892
|
"aria-labelledby": p,
|
|
1893
1893
|
"aria-describedby": m,
|
|
1894
1894
|
"aria-disabled": c || void 0,
|
|
1895
|
-
className: [
|
|
1895
|
+
className: [Bn.track, c ? Bn.disabled : null].filter(Boolean).join(" "),
|
|
1896
1896
|
onPointerDown: b,
|
|
1897
1897
|
onPointerMove: x,
|
|
1898
1898
|
onKeyDown: c ? void 0 : S,
|
|
1899
1899
|
children: [
|
|
1900
1900
|
/* @__PURE__ */ t("div", {
|
|
1901
|
-
className:
|
|
1901
|
+
className: Bn.fill,
|
|
1902
1902
|
style: { width: `${v}%` }
|
|
1903
1903
|
}),
|
|
1904
1904
|
/* @__PURE__ */ t("div", {
|
|
1905
|
-
className:
|
|
1905
|
+
className: Bn.thumb,
|
|
1906
1906
|
style: { left: `${v}%` },
|
|
1907
1907
|
"aria-hidden": "true"
|
|
1908
1908
|
}),
|
|
1909
1909
|
C && l.map((e) => {
|
|
1910
|
-
let n = (
|
|
1910
|
+
let n = (Vn(e.value, i, a) - i) / (a - i) * 100;
|
|
1911
1911
|
return /* @__PURE__ */ t("div", {
|
|
1912
|
-
className:
|
|
1912
|
+
className: Bn.tick,
|
|
1913
1913
|
style: { left: `${n}%` },
|
|
1914
1914
|
"aria-hidden": "true"
|
|
1915
1915
|
}, e.value);
|
|
1916
1916
|
})
|
|
1917
1917
|
]
|
|
1918
1918
|
}), w && /* @__PURE__ */ t("div", {
|
|
1919
|
-
className:
|
|
1919
|
+
className: Bn.labels,
|
|
1920
1920
|
"aria-hidden": "true",
|
|
1921
1921
|
children: l.map((e) => {
|
|
1922
|
-
let n = (
|
|
1922
|
+
let n = (Vn(e.value, i, a) - i) / (a - i) * 100;
|
|
1923
1923
|
return /* @__PURE__ */ t("span", {
|
|
1924
|
-
className:
|
|
1924
|
+
className: Bn.markLabel,
|
|
1925
1925
|
style: { left: `${n}%` },
|
|
1926
1926
|
children: e.label
|
|
1927
1927
|
}, e.value);
|
|
@@ -1929,7 +1929,7 @@ function Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1929
1929
|
})]
|
|
1930
1930
|
});
|
|
1931
1931
|
}
|
|
1932
|
-
var
|
|
1932
|
+
var Gn = {
|
|
1933
1933
|
panel: "_panel_1tk9v_3",
|
|
1934
1934
|
visible: "_visible_1tk9v_36",
|
|
1935
1935
|
arrow: "_arrow_1tk9v_44",
|
|
@@ -1937,8 +1937,8 @@ var Wn = {
|
|
|
1937
1937
|
top: "_top_1tk9v_67",
|
|
1938
1938
|
left: "_left_1tk9v_75",
|
|
1939
1939
|
right: "_right_1tk9v_83"
|
|
1940
|
-
},
|
|
1941
|
-
function
|
|
1940
|
+
}, Kn = 8, H = 10, qn = 6;
|
|
1941
|
+
function Jn(e, t, n) {
|
|
1942
1942
|
let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
|
|
1943
1943
|
n,
|
|
1944
1944
|
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
@@ -1949,21 +1949,21 @@ function qn(e, t, n) {
|
|
|
1949
1949
|
])];
|
|
1950
1950
|
function o(n) {
|
|
1951
1951
|
return n === "bottom" ? {
|
|
1952
|
-
top: e.bottom +
|
|
1952
|
+
top: e.bottom + Kn,
|
|
1953
1953
|
left: e.left + e.width / 2 - t.width / 2
|
|
1954
1954
|
} : n === "top" ? {
|
|
1955
|
-
top: e.top - t.height -
|
|
1955
|
+
top: e.top - t.height - Kn,
|
|
1956
1956
|
left: e.left + e.width / 2 - t.width / 2
|
|
1957
1957
|
} : n === "left" ? {
|
|
1958
1958
|
top: e.top + e.height / 2 - t.height / 2,
|
|
1959
|
-
left: e.left - t.width -
|
|
1959
|
+
left: e.left - t.width - Kn
|
|
1960
1960
|
} : {
|
|
1961
1961
|
top: e.top + e.height / 2 - t.height / 2,
|
|
1962
|
-
left: e.right +
|
|
1962
|
+
left: e.right + Kn
|
|
1963
1963
|
};
|
|
1964
1964
|
}
|
|
1965
1965
|
for (let n of a) {
|
|
1966
|
-
let { top: a, left: s } = o(n), c = s >=
|
|
1966
|
+
let { top: a, left: s } = o(n), c = s >= H && s + t.width <= r - H, l = a >= H && a + t.height <= i - H;
|
|
1967
1967
|
if (c && l) return {
|
|
1968
1968
|
top: a,
|
|
1969
1969
|
left: s,
|
|
@@ -1972,35 +1972,35 @@ function qn(e, t, n) {
|
|
|
1972
1972
|
};
|
|
1973
1973
|
}
|
|
1974
1974
|
for (let n of a) {
|
|
1975
|
-
let { top: a, left: s } = o(n), c = a >=
|
|
1975
|
+
let { top: a, left: s } = o(n), c = a >= H && a + t.height <= i - H, l = s >= H && s + t.width <= r - H;
|
|
1976
1976
|
if ((n === "top" || n === "bottom") && c) {
|
|
1977
|
-
let i = Math.max(
|
|
1977
|
+
let i = Math.max(H, Math.min(s, r - t.width - H)), o = e.left + e.width / 2 - i;
|
|
1978
1978
|
return {
|
|
1979
1979
|
top: a,
|
|
1980
1980
|
left: i,
|
|
1981
1981
|
placement: n,
|
|
1982
|
-
arrowOffset: Math.max(
|
|
1982
|
+
arrowOffset: Math.max(qn + 4, Math.min(o, t.width - qn - 4))
|
|
1983
1983
|
};
|
|
1984
1984
|
}
|
|
1985
1985
|
if ((n === "left" || n === "right") && l) {
|
|
1986
|
-
let r = Math.max(
|
|
1986
|
+
let r = Math.max(H, Math.min(a, i - t.height - H)), o = e.top + e.height / 2 - r;
|
|
1987
1987
|
return {
|
|
1988
1988
|
top: r,
|
|
1989
1989
|
left: s,
|
|
1990
1990
|
placement: n,
|
|
1991
|
-
arrowOffset: Math.max(
|
|
1991
|
+
arrowOffset: Math.max(qn + 4, Math.min(o, t.height - qn - 4))
|
|
1992
1992
|
};
|
|
1993
1993
|
}
|
|
1994
1994
|
}
|
|
1995
|
-
let s = e.bottom +
|
|
1995
|
+
let s = e.bottom + Kn, c = e.left + e.width / 2 - t.width / 2, l = Math.max(H, Math.min(s, i - t.height - H)), u = Math.max(H, Math.min(c, r - t.width - H)), d = e.left + e.width / 2 - u;
|
|
1996
1996
|
return {
|
|
1997
1997
|
top: l,
|
|
1998
1998
|
left: u,
|
|
1999
1999
|
placement: "bottom",
|
|
2000
|
-
arrowOffset: Math.max(
|
|
2000
|
+
arrowOffset: Math.max(qn + 4, Math.min(d, t.width - qn - 4))
|
|
2001
2001
|
};
|
|
2002
2002
|
}
|
|
2003
|
-
function
|
|
2003
|
+
function Yn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: m, children: h }) {
|
|
2004
2004
|
let g = o !== void 0, [_, v] = f(!1), y = g ? o : _, [b, x] = f(null), S = u(), C = u(), w = d(null), T = d(null), E = d(null), D = s(() => {
|
|
2005
2005
|
g ? c?.() : v(!1), m?.(!1);
|
|
2006
2006
|
}, [
|
|
@@ -2015,7 +2015,7 @@ function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2015
2015
|
g,
|
|
2016
2016
|
m
|
|
2017
2017
|
]), k = s(() => {
|
|
2018
|
-
!w.current || !T.current || x(
|
|
2018
|
+
!w.current || !T.current || x(Jn(w.current.getBoundingClientRect(), T.current.getBoundingClientRect(), a));
|
|
2019
2019
|
}, [a]);
|
|
2020
2020
|
l(() => {
|
|
2021
2021
|
if (!y) return;
|
|
@@ -2057,9 +2057,9 @@ function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2057
2057
|
"aria-labelledby": S,
|
|
2058
2058
|
tabIndex: -1,
|
|
2059
2059
|
className: [
|
|
2060
|
-
|
|
2061
|
-
b ?
|
|
2062
|
-
y && b ?
|
|
2060
|
+
Gn.panel,
|
|
2061
|
+
b ? Gn[b.placement] : null,
|
|
2062
|
+
y && b ? Gn.visible : null
|
|
2063
2063
|
].filter(Boolean).join(" "),
|
|
2064
2064
|
style: b ? {
|
|
2065
2065
|
top: b.top,
|
|
@@ -2072,25 +2072,25 @@ function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2072
2072
|
},
|
|
2073
2073
|
onKeyDown: A,
|
|
2074
2074
|
children: [/* @__PURE__ */ t("div", {
|
|
2075
|
-
className:
|
|
2075
|
+
className: Gn.arrow,
|
|
2076
2076
|
"aria-hidden": "true",
|
|
2077
2077
|
style: b?.arrowOffset === void 0 ? void 0 : b.placement === "top" || b.placement === "bottom" ? {
|
|
2078
|
-
left: b.arrowOffset -
|
|
2078
|
+
left: b.arrowOffset - qn,
|
|
2079
2079
|
marginLeft: 0
|
|
2080
2080
|
} : {
|
|
2081
|
-
top: b.arrowOffset -
|
|
2081
|
+
top: b.arrowOffset - qn,
|
|
2082
2082
|
marginTop: 0
|
|
2083
2083
|
}
|
|
2084
2084
|
}), r]
|
|
2085
2085
|
});
|
|
2086
2086
|
return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? p(M, document.body) : M)] });
|
|
2087
2087
|
}
|
|
2088
|
-
var
|
|
2088
|
+
var Xn = { clamp: "_clamp_1j51b_6" };
|
|
2089
2089
|
//#endregion
|
|
2090
2090
|
//#region src/components/Clamp/Clamp.tsx
|
|
2091
|
-
function
|
|
2091
|
+
function Zn({ maximumSize: e = 600, children: n, className: r, style: i, ...a }) {
|
|
2092
2092
|
return /* @__PURE__ */ t("div", {
|
|
2093
|
-
className: [
|
|
2093
|
+
className: [Xn.clamp, r].filter(Boolean).join(" "),
|
|
2094
2094
|
style: {
|
|
2095
2095
|
maxWidth: e,
|
|
2096
2096
|
...i
|
|
@@ -2099,7 +2099,7 @@ function Xn({ maximumSize: e = 600, children: n, className: r, style: i, ...a })
|
|
|
2099
2099
|
children: n
|
|
2100
2100
|
});
|
|
2101
2101
|
}
|
|
2102
|
-
var
|
|
2102
|
+
var U = {
|
|
2103
2103
|
root: "_root_yaj3r_3",
|
|
2104
2104
|
expanded: "_expanded_yaj3r_12",
|
|
2105
2105
|
sidebar: "_sidebar_yaj3r_16",
|
|
@@ -2111,12 +2111,12 @@ var W = {
|
|
|
2111
2111
|
};
|
|
2112
2112
|
//#endregion
|
|
2113
2113
|
//#region src/components/NavigationSplitView/NavigationSplitView.tsx
|
|
2114
|
-
function
|
|
2114
|
+
function Qn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
|
|
2115
2115
|
let { isNarrow: d } = He(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
|
|
2116
2116
|
return /* @__PURE__ */ n("div", {
|
|
2117
2117
|
className: [
|
|
2118
|
-
|
|
2119
|
-
d ?
|
|
2118
|
+
U.root,
|
|
2119
|
+
d ? U.collapsed : U.expanded,
|
|
2120
2120
|
c
|
|
2121
2121
|
].filter(Boolean).join(" "),
|
|
2122
2122
|
style: {
|
|
@@ -2126,23 +2126,23 @@ function Zn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
|
|
|
2126
2126
|
...u,
|
|
2127
2127
|
children: [
|
|
2128
2128
|
/* @__PURE__ */ t("div", {
|
|
2129
|
-
className: [
|
|
2129
|
+
className: [U.sidebar, d && i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
|
|
2130
2130
|
"aria-hidden": d && i,
|
|
2131
2131
|
children: e
|
|
2132
2132
|
}),
|
|
2133
2133
|
!d && /* @__PURE__ */ t("div", {
|
|
2134
|
-
className:
|
|
2134
|
+
className: U.divider,
|
|
2135
2135
|
"aria-hidden": "true"
|
|
2136
2136
|
}),
|
|
2137
2137
|
/* @__PURE__ */ t("div", {
|
|
2138
|
-
className: [
|
|
2138
|
+
className: [U.contentPane, d && !i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
|
|
2139
2139
|
"aria-hidden": d && !i,
|
|
2140
2140
|
children: r
|
|
2141
2141
|
})
|
|
2142
2142
|
]
|
|
2143
2143
|
});
|
|
2144
2144
|
}
|
|
2145
|
-
var
|
|
2145
|
+
var W = {
|
|
2146
2146
|
root: "_root_1xl2w_3",
|
|
2147
2147
|
wide: "_wide_1xl2w_13",
|
|
2148
2148
|
end: "_end_1xl2w_17",
|
|
@@ -2157,7 +2157,7 @@ var G = {
|
|
|
2157
2157
|
};
|
|
2158
2158
|
//#endregion
|
|
2159
2159
|
//#region src/components/OverlaySplitView/OverlaySplitView.tsx
|
|
2160
|
-
function
|
|
2160
|
+
function $n({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPosition: o = "start", minSidebarWidth: s = 180, maxSidebarWidth: c = 280, sidebarWidthFraction: u = .25, className: f, style: p, ...m }) {
|
|
2161
2161
|
let { isNarrow: h } = He(), g = d(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
|
|
2162
2162
|
l(() => {
|
|
2163
2163
|
if (!h || !i) return;
|
|
@@ -2175,9 +2175,9 @@ function Qn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2175
2175
|
let v = o === "end";
|
|
2176
2176
|
return /* @__PURE__ */ n("div", {
|
|
2177
2177
|
className: [
|
|
2178
|
-
|
|
2179
|
-
h ?
|
|
2180
|
-
v ?
|
|
2178
|
+
W.root,
|
|
2179
|
+
h ? W.narrow : W.wide,
|
|
2180
|
+
v ? W.end : W.start,
|
|
2181
2181
|
f
|
|
2182
2182
|
].filter(Boolean).join(" "),
|
|
2183
2183
|
style: {
|
|
@@ -2187,69 +2187,69 @@ function Qn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2187
2187
|
...m,
|
|
2188
2188
|
children: [
|
|
2189
2189
|
h && /* @__PURE__ */ t("div", {
|
|
2190
|
-
className: [
|
|
2190
|
+
className: [W.backdrop, i ? W.backdropVisible : null].filter(Boolean).join(" "),
|
|
2191
2191
|
"aria-hidden": "true",
|
|
2192
2192
|
onClick: a
|
|
2193
2193
|
}),
|
|
2194
2194
|
/* @__PURE__ */ t("div", {
|
|
2195
2195
|
ref: g,
|
|
2196
|
-
className: [
|
|
2196
|
+
className: [W.sidebar, h ? i ? W.sidebarOpen : W.sidebarClosed : null].filter(Boolean).join(" "),
|
|
2197
2197
|
"aria-hidden": h && !i,
|
|
2198
2198
|
children: e
|
|
2199
2199
|
}),
|
|
2200
2200
|
/* @__PURE__ */ t("div", {
|
|
2201
|
-
className:
|
|
2201
|
+
className: W.content,
|
|
2202
2202
|
children: r
|
|
2203
2203
|
})
|
|
2204
2204
|
]
|
|
2205
2205
|
});
|
|
2206
2206
|
}
|
|
2207
|
-
var
|
|
2207
|
+
var er = { bar: "_bar_njcvu_3" };
|
|
2208
2208
|
//#endregion
|
|
2209
2209
|
//#region src/components/ViewSwitcherBar/ViewSwitcherBar.tsx
|
|
2210
|
-
function
|
|
2210
|
+
function tr({ children: e, reveal: n = !0, className: r, ...i }) {
|
|
2211
2211
|
return n ? /* @__PURE__ */ t("div", {
|
|
2212
2212
|
role: "navigation",
|
|
2213
2213
|
"aria-label": "Bottom navigation",
|
|
2214
|
-
className: [
|
|
2214
|
+
className: [er.bar, r].filter(Boolean).join(" "),
|
|
2215
2215
|
...i,
|
|
2216
2216
|
children: e
|
|
2217
2217
|
}) : null;
|
|
2218
2218
|
}
|
|
2219
|
-
var
|
|
2219
|
+
var nr = {
|
|
2220
2220
|
link: "_link_x1qyh_1",
|
|
2221
2221
|
externalIcon: "_externalIcon_x1qyh_36"
|
|
2222
2222
|
};
|
|
2223
2223
|
//#endregion
|
|
2224
2224
|
//#region src/components/Link/Link.tsx
|
|
2225
|
-
function
|
|
2225
|
+
function rr({ external: e = !1, children: r, className: i, target: a, rel: o, ...s }) {
|
|
2226
2226
|
let c = e || a === "_blank";
|
|
2227
2227
|
return /* @__PURE__ */ n("a", {
|
|
2228
|
-
className: [
|
|
2228
|
+
className: [nr.link, i].filter(Boolean).join(" "),
|
|
2229
2229
|
target: c ? "_blank" : a,
|
|
2230
2230
|
rel: c ? "noopener noreferrer" : o,
|
|
2231
2231
|
...s,
|
|
2232
2232
|
children: [r, c && /* @__PURE__ */ t("span", {
|
|
2233
|
-
className:
|
|
2233
|
+
className: nr.externalIcon,
|
|
2234
2234
|
"aria-label": "(opens in new tab)",
|
|
2235
2235
|
children: "↗"
|
|
2236
2236
|
})]
|
|
2237
2237
|
});
|
|
2238
2238
|
}
|
|
2239
|
-
var
|
|
2239
|
+
var ir = {
|
|
2240
2240
|
group: "_group_1fa3l_3",
|
|
2241
2241
|
item: "_item_1fa3l_18",
|
|
2242
2242
|
iconOnly: "_iconOnly_1fa3l_48",
|
|
2243
2243
|
active: "_active_1fa3l_53",
|
|
2244
2244
|
itemIcon: "_itemIcon_1fa3l_86",
|
|
2245
2245
|
itemLabel: "_itemLabel_1fa3l_92"
|
|
2246
|
-
},
|
|
2247
|
-
function
|
|
2248
|
-
let e = c(
|
|
2246
|
+
}, ar = a(null);
|
|
2247
|
+
function or() {
|
|
2248
|
+
let e = c(ar);
|
|
2249
2249
|
if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
|
|
2250
2250
|
return e;
|
|
2251
2251
|
}
|
|
2252
|
-
function
|
|
2252
|
+
function sr({ value: e, onValueChange: n, "aria-label": r = "Options", children: i, className: a, ...o }) {
|
|
2253
2253
|
let s = d(null);
|
|
2254
2254
|
function c(e) {
|
|
2255
2255
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2262,7 +2262,7 @@ function or({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2262
2262
|
else return;
|
|
2263
2263
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2264
2264
|
}
|
|
2265
|
-
return /* @__PURE__ */ t(
|
|
2265
|
+
return /* @__PURE__ */ t(ar.Provider, {
|
|
2266
2266
|
value: {
|
|
2267
2267
|
value: e,
|
|
2268
2268
|
onValueChange: n
|
|
@@ -2272,7 +2272,7 @@ function or({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2272
2272
|
role: "radiogroup",
|
|
2273
2273
|
"aria-label": r,
|
|
2274
2274
|
onKeyDown: c,
|
|
2275
|
-
className: [
|
|
2275
|
+
className: [ir.group, a].filter(Boolean).join(" "),
|
|
2276
2276
|
...o,
|
|
2277
2277
|
children: i
|
|
2278
2278
|
})
|
|
@@ -2280,8 +2280,8 @@ function or({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2280
2280
|
}
|
|
2281
2281
|
//#endregion
|
|
2282
2282
|
//#region src/components/ToggleGroup/ToggleGroupItem.tsx
|
|
2283
|
-
function
|
|
2284
|
-
let { value: c, onValueChange: l } =
|
|
2283
|
+
function cr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
2284
|
+
let { value: c, onValueChange: l } = or(), u = c === e, d = i && !r;
|
|
2285
2285
|
return /* @__PURE__ */ n("button", {
|
|
2286
2286
|
type: "button",
|
|
2287
2287
|
role: "radio",
|
|
@@ -2290,28 +2290,28 @@ function sr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
2290
2290
|
disabled: a,
|
|
2291
2291
|
onClick: () => l(e),
|
|
2292
2292
|
className: [
|
|
2293
|
-
|
|
2294
|
-
u ?
|
|
2295
|
-
d ?
|
|
2293
|
+
ir.item,
|
|
2294
|
+
u ? ir.active : null,
|
|
2295
|
+
d ? ir.iconOnly : null,
|
|
2296
2296
|
o
|
|
2297
2297
|
].filter(Boolean).join(" "),
|
|
2298
2298
|
...s,
|
|
2299
2299
|
children: [i && /* @__PURE__ */ t("span", {
|
|
2300
|
-
className:
|
|
2300
|
+
className: ir.itemIcon,
|
|
2301
2301
|
children: /* @__PURE__ */ t(F, {
|
|
2302
2302
|
icon: i,
|
|
2303
2303
|
size: "md",
|
|
2304
2304
|
"aria-hidden": !0
|
|
2305
2305
|
})
|
|
2306
2306
|
}), r && /* @__PURE__ */ t("span", {
|
|
2307
|
-
className:
|
|
2307
|
+
className: ir.itemLabel,
|
|
2308
2308
|
children: r
|
|
2309
2309
|
})]
|
|
2310
2310
|
});
|
|
2311
2311
|
}
|
|
2312
2312
|
//#endregion
|
|
2313
2313
|
//#region src/components/Box/Box.tsx
|
|
2314
|
-
function
|
|
2314
|
+
function lr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i = "start", className: a, style: o, children: s, ...c }) {
|
|
2315
2315
|
let l = e === "horizontal" ? "center" : "stretch";
|
|
2316
2316
|
return /* @__PURE__ */ t("div", {
|
|
2317
2317
|
className: a,
|
|
@@ -2327,13 +2327,13 @@ function cr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i
|
|
|
2327
2327
|
children: s
|
|
2328
2328
|
});
|
|
2329
2329
|
}
|
|
2330
|
-
var
|
|
2330
|
+
var ur = {
|
|
2331
2331
|
wrapBox: "_wrapBox_1ik0x_1",
|
|
2332
2332
|
reverse: "_reverse_1ik0x_10"
|
|
2333
2333
|
};
|
|
2334
2334
|
//#endregion
|
|
2335
2335
|
//#region src/components/WrapBox/WrapBox.tsx
|
|
2336
|
-
function
|
|
2336
|
+
function dr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
|
|
2337
2337
|
let u = typeof e == "number" ? `${e}px` : e, d = n == null ? u : typeof n == "number" ? `${n}px` : n, f = {
|
|
2338
2338
|
"--wrapbox-gap": u,
|
|
2339
2339
|
"--wrapbox-row-gap": d,
|
|
@@ -2343,8 +2343,8 @@ function ur({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2343
2343
|
};
|
|
2344
2344
|
return /* @__PURE__ */ t("div", {
|
|
2345
2345
|
className: [
|
|
2346
|
-
|
|
2347
|
-
a ?
|
|
2346
|
+
ur.wrapBox,
|
|
2347
|
+
a ? ur.reverse : null,
|
|
2348
2348
|
s
|
|
2349
2349
|
].filter(Boolean).join(" "),
|
|
2350
2350
|
style: f,
|
|
@@ -2352,7 +2352,7 @@ function ur({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2352
2352
|
children: o
|
|
2353
2353
|
});
|
|
2354
2354
|
}
|
|
2355
|
-
var
|
|
2355
|
+
var fr = {
|
|
2356
2356
|
chip: "_chip_e26qc_3",
|
|
2357
2357
|
selectable: "_selectable_e26qc_31",
|
|
2358
2358
|
selected: "_selected_e26qc_55",
|
|
@@ -2363,16 +2363,16 @@ var dr = {
|
|
|
2363
2363
|
};
|
|
2364
2364
|
//#endregion
|
|
2365
2365
|
//#region src/components/Chip/Chip.tsx
|
|
2366
|
-
function
|
|
2366
|
+
function pr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
|
|
2367
2367
|
let f = o && !a, p = [
|
|
2368
|
-
|
|
2369
|
-
s ?
|
|
2370
|
-
l ?
|
|
2371
|
-
f ?
|
|
2368
|
+
fr.chip,
|
|
2369
|
+
s ? fr.selected : null,
|
|
2370
|
+
l ? fr.disabled : null,
|
|
2371
|
+
f ? fr.selectable : null,
|
|
2372
2372
|
u
|
|
2373
2373
|
].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
|
|
2374
2374
|
i && /* @__PURE__ */ t("span", {
|
|
2375
|
-
className:
|
|
2375
|
+
className: fr.icon,
|
|
2376
2376
|
children: /* @__PURE__ */ t(F, {
|
|
2377
2377
|
icon: i,
|
|
2378
2378
|
size: "sm",
|
|
@@ -2380,12 +2380,12 @@ function fr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2380
2380
|
})
|
|
2381
2381
|
}),
|
|
2382
2382
|
/* @__PURE__ */ t("span", {
|
|
2383
|
-
className:
|
|
2383
|
+
className: fr.label,
|
|
2384
2384
|
children: r
|
|
2385
2385
|
}),
|
|
2386
2386
|
a && /* @__PURE__ */ t("button", {
|
|
2387
2387
|
type: "button",
|
|
2388
|
-
className:
|
|
2388
|
+
className: fr.remove,
|
|
2389
2389
|
"aria-label": `Remove ${r}`,
|
|
2390
2390
|
disabled: l,
|
|
2391
2391
|
onClick: (e) => {
|
|
@@ -2417,30 +2417,30 @@ function fr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2417
2417
|
}
|
|
2418
2418
|
//#endregion
|
|
2419
2419
|
//#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
|
|
2420
|
-
var
|
|
2421
|
-
backdrop:
|
|
2420
|
+
var mr = "_backdrop_zvuhh_3", hr = "_dialog_zvuhh_26", gr = "_header_zvuhh_59", _r = "_title_zvuhh_67", vr = "_closeBtn_zvuhh_74", yr = "_searchRow_zvuhh_112", br = "_searchIcon_zvuhh_124", xr = "_searchInput_zvuhh_132", Sr = "_searchClear_zvuhh_151", Cr = "_body_zvuhh_174", wr = "_empty_zvuhh_182", Tr = "_section_zvuhh_193", Er = "_sectionTitle_zvuhh_199", Dr = "_list_zvuhh_209", Or = "_row_zvuhh_225", kr = "_keys_zvuhh_240", Ar = "_keyCap_zvuhh_247", jr = "_plus_zvuhh_277", Mr = "_description_zvuhh_284", G = {
|
|
2421
|
+
backdrop: mr,
|
|
2422
2422
|
"backdrop-in": "_backdrop-in_zvuhh_1",
|
|
2423
|
-
dialog:
|
|
2423
|
+
dialog: hr,
|
|
2424
2424
|
"dialog-in": "_dialog-in_zvuhh_1",
|
|
2425
|
-
header:
|
|
2426
|
-
title:
|
|
2427
|
-
closeBtn:
|
|
2428
|
-
searchRow:
|
|
2429
|
-
searchIcon:
|
|
2430
|
-
searchInput:
|
|
2431
|
-
searchClear:
|
|
2432
|
-
body:
|
|
2433
|
-
empty:
|
|
2434
|
-
section:
|
|
2435
|
-
sectionTitle:
|
|
2436
|
-
list:
|
|
2437
|
-
row:
|
|
2438
|
-
keys:
|
|
2439
|
-
keyCap:
|
|
2440
|
-
plus:
|
|
2441
|
-
description:
|
|
2442
|
-
},
|
|
2443
|
-
function
|
|
2425
|
+
header: gr,
|
|
2426
|
+
title: _r,
|
|
2427
|
+
closeBtn: vr,
|
|
2428
|
+
searchRow: yr,
|
|
2429
|
+
searchIcon: br,
|
|
2430
|
+
searchInput: xr,
|
|
2431
|
+
searchClear: Sr,
|
|
2432
|
+
body: Cr,
|
|
2433
|
+
empty: wr,
|
|
2434
|
+
section: Tr,
|
|
2435
|
+
sectionTitle: Er,
|
|
2436
|
+
list: Dr,
|
|
2437
|
+
row: Or,
|
|
2438
|
+
keys: kr,
|
|
2439
|
+
keyCap: Ar,
|
|
2440
|
+
plus: jr,
|
|
2441
|
+
description: Mr
|
|
2442
|
+
}, Nr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
2443
|
+
function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
|
|
2444
2444
|
let [o, c] = f(""), u = d(null), m = d(null), h = d(null), g = d(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);
|
|
2445
2445
|
l(() => {
|
|
2446
2446
|
e ? (h.current = document.activeElement, requestAnimationFrame(() => m.current?.focus())) : (c(""), h.current?.focus());
|
|
@@ -2451,7 +2451,7 @@ function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2451
2451
|
return;
|
|
2452
2452
|
}
|
|
2453
2453
|
if (e.key !== "Tab") return;
|
|
2454
|
-
let t = Array.from(u.current?.querySelectorAll(
|
|
2454
|
+
let t = Array.from(u.current?.querySelectorAll(Nr) ?? []);
|
|
2455
2455
|
if (t.length === 0) return;
|
|
2456
2456
|
let n = t[0], i = t[t.length - 1];
|
|
2457
2457
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), n.focus());
|
|
@@ -2461,7 +2461,7 @@ function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2461
2461
|
...e,
|
|
2462
2462
|
shortcuts: e.shortcuts.filter(({ description: e, keys: t }) => !v || e.toLowerCase().includes(v) || t.some((e) => e.toLowerCase().includes(v)))
|
|
2463
2463
|
})).filter((e) => e.shortcuts.length > 0), b = /* @__PURE__ */ t("div", {
|
|
2464
|
-
className:
|
|
2464
|
+
className: G.backdrop,
|
|
2465
2465
|
onClick: r,
|
|
2466
2466
|
"aria-hidden": "true",
|
|
2467
2467
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -2469,36 +2469,36 @@ function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2469
2469
|
role: "dialog",
|
|
2470
2470
|
"aria-modal": "true",
|
|
2471
2471
|
"aria-labelledby": g.current,
|
|
2472
|
-
className:
|
|
2472
|
+
className: G.dialog,
|
|
2473
2473
|
onKeyDown: _,
|
|
2474
2474
|
onClick: (e) => e.stopPropagation(),
|
|
2475
2475
|
children: [
|
|
2476
2476
|
/* @__PURE__ */ n("div", {
|
|
2477
|
-
className:
|
|
2477
|
+
className: G.header,
|
|
2478
2478
|
children: [/* @__PURE__ */ t("span", {
|
|
2479
2479
|
id: g.current,
|
|
2480
|
-
className:
|
|
2480
|
+
className: G.title,
|
|
2481
2481
|
children: i
|
|
2482
2482
|
}), /* @__PURE__ */ t("button", {
|
|
2483
2483
|
type: "button",
|
|
2484
|
-
className:
|
|
2484
|
+
className: G.closeBtn,
|
|
2485
2485
|
"aria-label": "Close",
|
|
2486
2486
|
onClick: r,
|
|
2487
2487
|
children: "×"
|
|
2488
2488
|
})]
|
|
2489
2489
|
}),
|
|
2490
2490
|
/* @__PURE__ */ n("div", {
|
|
2491
|
-
className:
|
|
2491
|
+
className: G.searchRow,
|
|
2492
2492
|
children: [
|
|
2493
2493
|
/* @__PURE__ */ t("span", {
|
|
2494
|
-
className:
|
|
2494
|
+
className: G.searchIcon,
|
|
2495
2495
|
"aria-hidden": "true",
|
|
2496
2496
|
children: "⌕"
|
|
2497
2497
|
}),
|
|
2498
2498
|
/* @__PURE__ */ t("input", {
|
|
2499
2499
|
ref: m,
|
|
2500
2500
|
type: "search",
|
|
2501
|
-
className:
|
|
2501
|
+
className: G.searchInput,
|
|
2502
2502
|
placeholder: "Search shortcuts…",
|
|
2503
2503
|
value: o,
|
|
2504
2504
|
onChange: (e) => c(e.target.value),
|
|
@@ -2506,7 +2506,7 @@ function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2506
2506
|
}),
|
|
2507
2507
|
o && /* @__PURE__ */ t("button", {
|
|
2508
2508
|
type: "button",
|
|
2509
|
-
className:
|
|
2509
|
+
className: G.searchClear,
|
|
2510
2510
|
"aria-label": "Clear search",
|
|
2511
2511
|
onClick: () => {
|
|
2512
2512
|
c(""), m.current?.focus();
|
|
@@ -2516,38 +2516,38 @@ function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2516
2516
|
]
|
|
2517
2517
|
}),
|
|
2518
2518
|
/* @__PURE__ */ t("div", {
|
|
2519
|
-
className:
|
|
2519
|
+
className: G.body,
|
|
2520
2520
|
role: "list",
|
|
2521
2521
|
children: y.length === 0 ? /* @__PURE__ */ n("p", {
|
|
2522
|
-
className:
|
|
2522
|
+
className: G.empty,
|
|
2523
2523
|
children: [
|
|
2524
2524
|
"No shortcuts match \"",
|
|
2525
2525
|
o,
|
|
2526
2526
|
"\""
|
|
2527
2527
|
]
|
|
2528
2528
|
}) : y.map((e) => /* @__PURE__ */ n("section", {
|
|
2529
|
-
className:
|
|
2529
|
+
className: G.section,
|
|
2530
2530
|
children: [/* @__PURE__ */ t("h3", {
|
|
2531
|
-
className:
|
|
2531
|
+
className: G.sectionTitle,
|
|
2532
2532
|
children: e.title
|
|
2533
2533
|
}), /* @__PURE__ */ t("ul", {
|
|
2534
|
-
className:
|
|
2534
|
+
className: G.list,
|
|
2535
2535
|
children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
|
|
2536
|
-
className:
|
|
2536
|
+
className: G.row,
|
|
2537
2537
|
role: "listitem",
|
|
2538
2538
|
children: [/* @__PURE__ */ t("span", {
|
|
2539
|
-
className:
|
|
2539
|
+
className: G.keys,
|
|
2540
2540
|
"aria-label": e.keys.join(" + "),
|
|
2541
2541
|
children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
|
|
2542
|
-
className:
|
|
2542
|
+
className: G.keyCap,
|
|
2543
2543
|
children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
|
|
2544
|
-
className:
|
|
2544
|
+
className: G.plus,
|
|
2545
2545
|
"aria-hidden": "true",
|
|
2546
2546
|
children: "+"
|
|
2547
2547
|
})]
|
|
2548
2548
|
}, i))
|
|
2549
2549
|
}), /* @__PURE__ */ t("span", {
|
|
2550
|
-
className:
|
|
2550
|
+
className: G.description,
|
|
2551
2551
|
children: e.description
|
|
2552
2552
|
})]
|
|
2553
2553
|
}, e.description))
|
|
@@ -2559,7 +2559,7 @@ function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2559
2559
|
});
|
|
2560
2560
|
return typeof document > "u" ? b : p(b, document.body);
|
|
2561
2561
|
}
|
|
2562
|
-
var
|
|
2562
|
+
var Fr = {
|
|
2563
2563
|
sidebar: "_sidebar_kmj4b_3",
|
|
2564
2564
|
list: "_list_kmj4b_17",
|
|
2565
2565
|
item: "_item_kmj4b_28",
|
|
@@ -2569,13 +2569,13 @@ var Pr = {
|
|
|
2569
2569
|
itemLabel: "_itemLabel_kmj4b_119",
|
|
2570
2570
|
itemSuffix: "_itemSuffix_kmj4b_129",
|
|
2571
2571
|
count: "_count_kmj4b_136"
|
|
2572
|
-
},
|
|
2573
|
-
function
|
|
2574
|
-
let e = c(
|
|
2572
|
+
}, Ir = a(null);
|
|
2573
|
+
function Lr() {
|
|
2574
|
+
let e = c(Ir);
|
|
2575
2575
|
if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
|
|
2576
2576
|
return e;
|
|
2577
2577
|
}
|
|
2578
|
-
function
|
|
2578
|
+
function Rr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
|
|
2579
2579
|
let s = d(null);
|
|
2580
2580
|
function c(e) {
|
|
2581
2581
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2588,20 +2588,20 @@ function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2588
2588
|
else return;
|
|
2589
2589
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2590
2590
|
}
|
|
2591
|
-
return /* @__PURE__ */ t(
|
|
2591
|
+
return /* @__PURE__ */ t(Ir.Provider, {
|
|
2592
2592
|
value: {
|
|
2593
2593
|
value: e,
|
|
2594
2594
|
onValueChange: n
|
|
2595
2595
|
},
|
|
2596
2596
|
children: /* @__PURE__ */ t("nav", {
|
|
2597
|
-
className: [
|
|
2597
|
+
className: [Fr.sidebar, a].filter(Boolean).join(" "),
|
|
2598
2598
|
onKeyDown: c,
|
|
2599
2599
|
...o,
|
|
2600
2600
|
children: /* @__PURE__ */ t("ul", {
|
|
2601
2601
|
ref: s,
|
|
2602
2602
|
role: "radiogroup",
|
|
2603
2603
|
"aria-label": r,
|
|
2604
|
-
className:
|
|
2604
|
+
className: Fr.list,
|
|
2605
2605
|
children: i
|
|
2606
2606
|
})
|
|
2607
2607
|
})
|
|
@@ -2609,10 +2609,10 @@ function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2609
2609
|
}
|
|
2610
2610
|
//#endregion
|
|
2611
2611
|
//#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
|
|
2612
|
-
function
|
|
2613
|
-
let { value: u, onValueChange: d } =
|
|
2612
|
+
function zr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
|
|
2613
|
+
let { value: u, onValueChange: d } = Lr(), f = u === e, p = o ?? a ?? null;
|
|
2614
2614
|
return /* @__PURE__ */ t("li", {
|
|
2615
|
-
className:
|
|
2615
|
+
className: Fr.item,
|
|
2616
2616
|
children: /* @__PURE__ */ n("button", {
|
|
2617
2617
|
type: "button",
|
|
2618
2618
|
role: "radio",
|
|
@@ -2621,14 +2621,14 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2621
2621
|
disabled: s,
|
|
2622
2622
|
onClick: () => d(e),
|
|
2623
2623
|
className: [
|
|
2624
|
-
|
|
2625
|
-
f ?
|
|
2624
|
+
Fr.itemBtn,
|
|
2625
|
+
f ? Fr.active : null,
|
|
2626
2626
|
c
|
|
2627
2627
|
].filter(Boolean).join(" "),
|
|
2628
2628
|
...l,
|
|
2629
2629
|
children: [
|
|
2630
2630
|
i && /* @__PURE__ */ t("span", {
|
|
2631
|
-
className:
|
|
2631
|
+
className: Fr.itemIcon,
|
|
2632
2632
|
children: /* @__PURE__ */ t(F, {
|
|
2633
2633
|
icon: i,
|
|
2634
2634
|
size: "md",
|
|
@@ -2636,13 +2636,13 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2636
2636
|
})
|
|
2637
2637
|
}),
|
|
2638
2638
|
/* @__PURE__ */ t("span", {
|
|
2639
|
-
className:
|
|
2639
|
+
className: Fr.itemLabel,
|
|
2640
2640
|
children: r
|
|
2641
2641
|
}),
|
|
2642
2642
|
p != null && /* @__PURE__ */ t("span", {
|
|
2643
|
-
className:
|
|
2643
|
+
className: Fr.itemSuffix,
|
|
2644
2644
|
children: typeof p == "number" ? /* @__PURE__ */ t("span", {
|
|
2645
|
-
className:
|
|
2645
|
+
className: Fr.count,
|
|
2646
2646
|
children: p > 99 ? "99+" : p
|
|
2647
2647
|
}) : p
|
|
2648
2648
|
})
|
|
@@ -2652,7 +2652,7 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2652
2652
|
}
|
|
2653
2653
|
//#endregion
|
|
2654
2654
|
//#region src/components/BreakpointBin/BreakpointBin.tsx
|
|
2655
|
-
function
|
|
2655
|
+
function Br({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
2656
2656
|
let o = d(null), [s, c] = f({
|
|
2657
2657
|
activeBreakpoint: null,
|
|
2658
2658
|
width: 0
|
|
@@ -2682,7 +2682,7 @@ function zr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
|
2682
2682
|
children: n(s)
|
|
2683
2683
|
});
|
|
2684
2684
|
}
|
|
2685
|
-
var
|
|
2685
|
+
var Vr = {
|
|
2686
2686
|
row: "_row_1ba2f_3",
|
|
2687
2687
|
title: "_title_1ba2f_48",
|
|
2688
2688
|
leading: "_leading_1ba2f_59",
|
|
@@ -2693,31 +2693,31 @@ var Br = {
|
|
|
2693
2693
|
};
|
|
2694
2694
|
//#endregion
|
|
2695
2695
|
//#region src/components/ButtonRow/ButtonRow.tsx
|
|
2696
|
-
function
|
|
2696
|
+
function Hr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
|
|
2697
2697
|
return /* @__PURE__ */ n("button", {
|
|
2698
2698
|
className: [
|
|
2699
|
-
|
|
2700
|
-
|
|
2699
|
+
Vr.row,
|
|
2700
|
+
Vr[r],
|
|
2701
2701
|
o
|
|
2702
2702
|
].filter(Boolean).join(" "),
|
|
2703
2703
|
...s,
|
|
2704
2704
|
children: [
|
|
2705
2705
|
i && /* @__PURE__ */ t("span", {
|
|
2706
|
-
className:
|
|
2706
|
+
className: Vr.leading,
|
|
2707
2707
|
children: i
|
|
2708
2708
|
}),
|
|
2709
2709
|
/* @__PURE__ */ t("span", {
|
|
2710
|
-
className:
|
|
2710
|
+
className: Vr.title,
|
|
2711
2711
|
children: e
|
|
2712
2712
|
}),
|
|
2713
2713
|
a && /* @__PURE__ */ t("span", {
|
|
2714
|
-
className:
|
|
2714
|
+
className: Vr.trailing,
|
|
2715
2715
|
children: a
|
|
2716
2716
|
})
|
|
2717
2717
|
]
|
|
2718
2718
|
});
|
|
2719
2719
|
}
|
|
2720
|
-
var
|
|
2720
|
+
var Ur = {
|
|
2721
2721
|
container: "_container_4kjnf_3",
|
|
2722
2722
|
primary: "_primary_4kjnf_14",
|
|
2723
2723
|
toggle: "_toggle_4kjnf_15",
|
|
@@ -2731,7 +2731,7 @@ var Hr = {
|
|
|
2731
2731
|
};
|
|
2732
2732
|
//#endregion
|
|
2733
2733
|
//#region src/components/SplitButton/SplitButton.tsx
|
|
2734
|
-
function
|
|
2734
|
+
function Wr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: m, ...h }) {
|
|
2735
2735
|
let [g, _] = f(!1), [v, y] = f({}), b = d(null), x = d(null), S = d(null), C = s(() => _(!1), []), w = s(() => {
|
|
2736
2736
|
if (!x.current || !S.current) return;
|
|
2737
2737
|
let e = x.current.getBoundingClientRect(), t = S.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
|
|
@@ -2761,15 +2761,15 @@ function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2761
2761
|
let T = (e) => {
|
|
2762
2762
|
e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
|
|
2763
2763
|
}, E = [
|
|
2764
|
-
|
|
2765
|
-
|
|
2764
|
+
Ur.container,
|
|
2765
|
+
Ur[i],
|
|
2766
2766
|
m
|
|
2767
2767
|
].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
|
|
2768
2768
|
ref: S,
|
|
2769
2769
|
role: "dialog",
|
|
2770
2770
|
"aria-label": o,
|
|
2771
2771
|
tabIndex: -1,
|
|
2772
|
-
className: [
|
|
2772
|
+
className: [Ur.dropdown, g ? Ur.dropdownVisible : null].filter(Boolean).join(" "),
|
|
2773
2773
|
style: Object.keys(v).length ? {
|
|
2774
2774
|
...v,
|
|
2775
2775
|
position: "fixed"
|
|
@@ -2788,26 +2788,26 @@ function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2788
2788
|
className: E,
|
|
2789
2789
|
children: [
|
|
2790
2790
|
/* @__PURE__ */ t("button", {
|
|
2791
|
-
className:
|
|
2791
|
+
className: Ur.primary,
|
|
2792
2792
|
disabled: c,
|
|
2793
2793
|
onClick: u,
|
|
2794
2794
|
...h,
|
|
2795
2795
|
children: r
|
|
2796
2796
|
}),
|
|
2797
2797
|
/* @__PURE__ */ t("span", {
|
|
2798
|
-
className:
|
|
2798
|
+
className: Ur.separator,
|
|
2799
2799
|
"aria-hidden": "true"
|
|
2800
2800
|
}),
|
|
2801
2801
|
/* @__PURE__ */ t("button", {
|
|
2802
2802
|
ref: x,
|
|
2803
|
-
className:
|
|
2803
|
+
className: Ur.toggle,
|
|
2804
2804
|
disabled: c,
|
|
2805
2805
|
"aria-label": o,
|
|
2806
2806
|
"aria-haspopup": "dialog",
|
|
2807
2807
|
"aria-expanded": g,
|
|
2808
2808
|
onClick: () => _((e) => !e),
|
|
2809
2809
|
children: /* @__PURE__ */ t("svg", {
|
|
2810
|
-
className:
|
|
2810
|
+
className: Ur.chevron,
|
|
2811
2811
|
width: "16",
|
|
2812
2812
|
height: "16",
|
|
2813
2813
|
viewBox: "0 0 16 16",
|
|
@@ -2826,56 +2826,56 @@ function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2826
2826
|
]
|
|
2827
2827
|
}), g && (typeof document < "u" ? p(D, document.body) : D)] });
|
|
2828
2828
|
}
|
|
2829
|
-
var
|
|
2829
|
+
var Gr = {
|
|
2830
2830
|
toolbar: "_toolbar_1avgl_2",
|
|
2831
2831
|
spacer: "_spacer_1avgl_20"
|
|
2832
2832
|
};
|
|
2833
2833
|
//#endregion
|
|
2834
2834
|
//#region src/components/Toolbar/Toolbar.tsx
|
|
2835
|
-
function
|
|
2835
|
+
function Kr({ children: e, className: n, ...r }) {
|
|
2836
2836
|
return /* @__PURE__ */ t("div", {
|
|
2837
|
-
className: [
|
|
2837
|
+
className: [Gr.toolbar, n].filter(Boolean).join(" "),
|
|
2838
2838
|
...r,
|
|
2839
2839
|
children: e
|
|
2840
2840
|
});
|
|
2841
2841
|
}
|
|
2842
2842
|
//#endregion
|
|
2843
2843
|
//#region src/components/Toolbar/Spacer.tsx
|
|
2844
|
-
function
|
|
2844
|
+
function qr({ className: e, ...n }) {
|
|
2845
2845
|
return /* @__PURE__ */ t("div", {
|
|
2846
2846
|
"aria-hidden": "true",
|
|
2847
|
-
className: [
|
|
2847
|
+
className: [Gr.spacer, e].filter(Boolean).join(" "),
|
|
2848
2848
|
...n
|
|
2849
2849
|
});
|
|
2850
2850
|
}
|
|
2851
|
-
var
|
|
2851
|
+
var Jr = {
|
|
2852
2852
|
linked: "_linked_1tser_3",
|
|
2853
2853
|
vertical: "_vertical_1tser_9"
|
|
2854
2854
|
};
|
|
2855
2855
|
//#endregion
|
|
2856
2856
|
//#region src/components/LinkedGroup/LinkedGroup.tsx
|
|
2857
|
-
function
|
|
2857
|
+
function Yr({ children: e, vertical: n = !1, className: r, ...i }) {
|
|
2858
2858
|
return /* @__PURE__ */ t("div", {
|
|
2859
2859
|
className: [
|
|
2860
|
-
|
|
2861
|
-
n ?
|
|
2860
|
+
Jr.linked,
|
|
2861
|
+
n ? Jr.vertical : null,
|
|
2862
2862
|
r
|
|
2863
2863
|
].filter(Boolean).join(" "),
|
|
2864
2864
|
...i,
|
|
2865
2865
|
children: e
|
|
2866
2866
|
});
|
|
2867
2867
|
}
|
|
2868
|
-
var
|
|
2868
|
+
var Xr = { frame: "_frame_1bq7b_2" };
|
|
2869
2869
|
//#endregion
|
|
2870
2870
|
//#region src/components/Frame/Frame.tsx
|
|
2871
|
-
function
|
|
2871
|
+
function Zr({ children: e, className: n, ...r }) {
|
|
2872
2872
|
return /* @__PURE__ */ t("div", {
|
|
2873
|
-
className: [
|
|
2873
|
+
className: [Xr.frame, n].filter(Boolean).join(" "),
|
|
2874
2874
|
...r,
|
|
2875
2875
|
children: e
|
|
2876
2876
|
});
|
|
2877
2877
|
}
|
|
2878
|
-
var
|
|
2878
|
+
var K = {
|
|
2879
2879
|
expanderRow: "_expanderRow_16el8_3",
|
|
2880
2880
|
header: "_header_16el8_11",
|
|
2881
2881
|
leading: "_leading_16el8_55",
|
|
@@ -2894,48 +2894,48 @@ var q = {
|
|
|
2894
2894
|
};
|
|
2895
2895
|
//#endregion
|
|
2896
2896
|
//#region src/components/ExpanderRow/ExpanderRow.tsx
|
|
2897
|
-
function
|
|
2897
|
+
function Qr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: p, ...m }) {
|
|
2898
2898
|
let h = c !== void 0, [g, _] = f(l), v = h ? c : g, y = u(), b = u(), x = () => {
|
|
2899
2899
|
let e = !v;
|
|
2900
2900
|
h || _(e), d?.(e);
|
|
2901
2901
|
}, S = r.toArray(s).filter(Boolean);
|
|
2902
2902
|
return /* @__PURE__ */ n("div", {
|
|
2903
2903
|
className: [
|
|
2904
|
-
|
|
2905
|
-
v ?
|
|
2904
|
+
K.expanderRow,
|
|
2905
|
+
v ? K.expanded : null,
|
|
2906
2906
|
p
|
|
2907
2907
|
].filter(Boolean).join(" "),
|
|
2908
2908
|
...m,
|
|
2909
2909
|
children: [/* @__PURE__ */ n("button", {
|
|
2910
2910
|
id: b,
|
|
2911
|
-
className:
|
|
2911
|
+
className: K.header,
|
|
2912
2912
|
"aria-expanded": v,
|
|
2913
2913
|
"aria-controls": y,
|
|
2914
2914
|
onClick: x,
|
|
2915
2915
|
children: [
|
|
2916
2916
|
a && /* @__PURE__ */ t("span", {
|
|
2917
|
-
className:
|
|
2917
|
+
className: K.leading,
|
|
2918
2918
|
children: a
|
|
2919
2919
|
}),
|
|
2920
2920
|
/* @__PURE__ */ n("span", {
|
|
2921
|
-
className:
|
|
2921
|
+
className: K.content,
|
|
2922
2922
|
children: [/* @__PURE__ */ t("span", {
|
|
2923
|
-
className:
|
|
2923
|
+
className: K.title,
|
|
2924
2924
|
children: e
|
|
2925
2925
|
}), i && /* @__PURE__ */ t("span", {
|
|
2926
|
-
className:
|
|
2926
|
+
className: K.subtitle,
|
|
2927
2927
|
children: i
|
|
2928
2928
|
})]
|
|
2929
2929
|
}),
|
|
2930
2930
|
o && /* @__PURE__ */ t("span", {
|
|
2931
|
-
className:
|
|
2931
|
+
className: K.trailing,
|
|
2932
2932
|
children: o
|
|
2933
2933
|
}),
|
|
2934
2934
|
/* @__PURE__ */ t("span", {
|
|
2935
|
-
className: [
|
|
2935
|
+
className: [K.chevronWrap, v ? K.chevronOpen : null].filter(Boolean).join(" "),
|
|
2936
2936
|
"aria-hidden": "true",
|
|
2937
2937
|
children: /* @__PURE__ */ t("svg", {
|
|
2938
|
-
className:
|
|
2938
|
+
className: K.chevron,
|
|
2939
2939
|
width: "16",
|
|
2940
2940
|
height: "16",
|
|
2941
2941
|
viewBox: "0 0 16 16",
|
|
@@ -2955,13 +2955,13 @@ function Zr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
2955
2955
|
id: y,
|
|
2956
2956
|
role: "region",
|
|
2957
2957
|
"aria-labelledby": b,
|
|
2958
|
-
className:
|
|
2958
|
+
className: K.panel,
|
|
2959
2959
|
children: /* @__PURE__ */ t("div", {
|
|
2960
|
-
className:
|
|
2960
|
+
className: K.panelInner,
|
|
2961
2961
|
children: S.map((e, r) => /* @__PURE__ */ n("div", {
|
|
2962
|
-
className:
|
|
2962
|
+
className: K.childItem,
|
|
2963
2963
|
children: [/* @__PURE__ */ t("div", {
|
|
2964
|
-
className:
|
|
2964
|
+
className: K.divider,
|
|
2965
2965
|
"aria-hidden": "true"
|
|
2966
2966
|
}), e]
|
|
2967
2967
|
}, r))
|
|
@@ -2969,7 +2969,7 @@ function Zr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
2969
2969
|
})]
|
|
2970
2970
|
});
|
|
2971
2971
|
}
|
|
2972
|
-
var
|
|
2972
|
+
var $r = {
|
|
2973
2973
|
switcher: "_switcher_2tknm_3",
|
|
2974
2974
|
item: "_item_2tknm_10",
|
|
2975
2975
|
iconOnly: "_iconOnly_2tknm_38",
|
|
@@ -2979,13 +2979,13 @@ var Qr = {
|
|
|
2979
2979
|
active: "_active_2tknm_68",
|
|
2980
2980
|
flat: "_flat_2tknm_121",
|
|
2981
2981
|
round: "_round_2tknm_169"
|
|
2982
|
-
},
|
|
2983
|
-
function
|
|
2984
|
-
let e = c(
|
|
2982
|
+
}, ei = a(null);
|
|
2983
|
+
function ti() {
|
|
2984
|
+
let e = c(ei);
|
|
2985
2985
|
if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
|
|
2986
2986
|
return e;
|
|
2987
2987
|
}
|
|
2988
|
-
function
|
|
2988
|
+
function ni({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
|
|
2989
2989
|
let c = d(null);
|
|
2990
2990
|
function l(e) {
|
|
2991
2991
|
let t = Array.from(c.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2998,7 +2998,7 @@ function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
2998
2998
|
else return;
|
|
2999
2999
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
3000
3000
|
}
|
|
3001
|
-
return /* @__PURE__ */ t(
|
|
3001
|
+
return /* @__PURE__ */ t(ei.Provider, {
|
|
3002
3002
|
value: {
|
|
3003
3003
|
value: e,
|
|
3004
3004
|
onValueChange: n
|
|
@@ -3009,8 +3009,8 @@ function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3009
3009
|
"aria-label": i,
|
|
3010
3010
|
onKeyDown: l,
|
|
3011
3011
|
className: [
|
|
3012
|
-
|
|
3013
|
-
|
|
3012
|
+
$r.switcher,
|
|
3013
|
+
$r[r],
|
|
3014
3014
|
o
|
|
3015
3015
|
].filter(Boolean).join(" "),
|
|
3016
3016
|
...s,
|
|
@@ -3020,8 +3020,8 @@ function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3020
3020
|
}
|
|
3021
3021
|
//#endregion
|
|
3022
3022
|
//#region src/components/InlineViewSwitcher/InlineViewSwitcherItem.tsx
|
|
3023
|
-
function
|
|
3024
|
-
let { value: c, onValueChange: l } =
|
|
3023
|
+
function ri({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
3024
|
+
let { value: c, onValueChange: l } = ti(), u = c === e, d = i && !r;
|
|
3025
3025
|
return /* @__PURE__ */ n("button", {
|
|
3026
3026
|
type: "button",
|
|
3027
3027
|
role: "radio",
|
|
@@ -3030,26 +3030,26 @@ function ni({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
3030
3030
|
disabled: a,
|
|
3031
3031
|
onClick: () => l(e),
|
|
3032
3032
|
className: [
|
|
3033
|
-
|
|
3034
|
-
u ?
|
|
3035
|
-
d ?
|
|
3033
|
+
$r.item,
|
|
3034
|
+
u ? $r.active : null,
|
|
3035
|
+
d ? $r.iconOnly : null,
|
|
3036
3036
|
o
|
|
3037
3037
|
].filter(Boolean).join(" "),
|
|
3038
3038
|
...s,
|
|
3039
3039
|
children: [i && /* @__PURE__ */ t("span", {
|
|
3040
|
-
className:
|
|
3040
|
+
className: $r.itemIcon,
|
|
3041
3041
|
children: /* @__PURE__ */ t(F, {
|
|
3042
3042
|
icon: i,
|
|
3043
3043
|
size: "md",
|
|
3044
3044
|
"aria-hidden": !0
|
|
3045
3045
|
})
|
|
3046
3046
|
}), r && /* @__PURE__ */ t("span", {
|
|
3047
|
-
className:
|
|
3047
|
+
className: $r.itemLabel,
|
|
3048
3048
|
children: r
|
|
3049
3049
|
})]
|
|
3050
3050
|
});
|
|
3051
3051
|
}
|
|
3052
|
-
var
|
|
3052
|
+
var ii = {
|
|
3053
3053
|
row: "_row_jl3bc_3",
|
|
3054
3054
|
disabled: "_disabled_jl3bc_41",
|
|
3055
3055
|
leading: "_leading_jl3bc_49",
|
|
@@ -3062,7 +3062,7 @@ var ri = {
|
|
|
3062
3062
|
};
|
|
3063
3063
|
//#endregion
|
|
3064
3064
|
//#region src/components/SwitchRow/SwitchRow.tsx
|
|
3065
|
-
function
|
|
3065
|
+
function ai({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
|
|
3066
3066
|
let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3067
3067
|
let t = !_;
|
|
3068
3068
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3073,37 +3073,37 @@ function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3073
3073
|
"aria-labelledby": v,
|
|
3074
3074
|
disabled: c,
|
|
3075
3075
|
className: [
|
|
3076
|
-
|
|
3077
|
-
c ?
|
|
3076
|
+
ii.row,
|
|
3077
|
+
c ? ii.disabled : null,
|
|
3078
3078
|
l
|
|
3079
3079
|
].filter(Boolean).join(" "),
|
|
3080
3080
|
onClick: y,
|
|
3081
3081
|
...p,
|
|
3082
3082
|
children: [
|
|
3083
3083
|
i && /* @__PURE__ */ t("span", {
|
|
3084
|
-
className:
|
|
3084
|
+
className: ii.leading,
|
|
3085
3085
|
children: i
|
|
3086
3086
|
}),
|
|
3087
3087
|
/* @__PURE__ */ n("span", {
|
|
3088
|
-
className:
|
|
3088
|
+
className: ii.content,
|
|
3089
3089
|
id: v,
|
|
3090
3090
|
children: [/* @__PURE__ */ t("span", {
|
|
3091
|
-
className:
|
|
3091
|
+
className: ii.title,
|
|
3092
3092
|
children: e
|
|
3093
3093
|
}), r && /* @__PURE__ */ t("span", {
|
|
3094
|
-
className:
|
|
3094
|
+
className: ii.subtitle,
|
|
3095
3095
|
children: r
|
|
3096
3096
|
})]
|
|
3097
3097
|
}),
|
|
3098
3098
|
/* @__PURE__ */ t("span", {
|
|
3099
|
-
className:
|
|
3099
|
+
className: ii.switchTrack,
|
|
3100
3100
|
"aria-hidden": "true",
|
|
3101
|
-
children: /* @__PURE__ */ t("span", { className: [
|
|
3101
|
+
children: /* @__PURE__ */ t("span", { className: [ii.switchThumb, _ ? ii.switchThumbOn : null].filter(Boolean).join(" ") })
|
|
3102
3102
|
})
|
|
3103
3103
|
]
|
|
3104
3104
|
});
|
|
3105
3105
|
}
|
|
3106
|
-
var
|
|
3106
|
+
var q = {
|
|
3107
3107
|
row: "_row_1dije_3",
|
|
3108
3108
|
disabled: "_disabled_1dije_41",
|
|
3109
3109
|
checkboxWrap: "_checkboxWrap_1dije_49",
|
|
@@ -3117,7 +3117,7 @@ var J = {
|
|
|
3117
3117
|
};
|
|
3118
3118
|
//#endregion
|
|
3119
3119
|
//#region src/components/CheckRow/CheckRow.tsx
|
|
3120
|
-
function
|
|
3120
|
+
function oi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
|
|
3121
3121
|
let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3122
3122
|
let t = !_;
|
|
3123
3123
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3128,20 +3128,20 @@ function ai({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3128
3128
|
"aria-labelledby": v,
|
|
3129
3129
|
disabled: c,
|
|
3130
3130
|
className: [
|
|
3131
|
-
|
|
3132
|
-
c ?
|
|
3131
|
+
q.row,
|
|
3132
|
+
c ? q.disabled : null,
|
|
3133
3133
|
l
|
|
3134
3134
|
].filter(Boolean).join(" "),
|
|
3135
3135
|
onClick: y,
|
|
3136
3136
|
...p,
|
|
3137
3137
|
children: [
|
|
3138
3138
|
/* @__PURE__ */ t("span", {
|
|
3139
|
-
className:
|
|
3139
|
+
className: q.checkboxWrap,
|
|
3140
3140
|
"aria-hidden": "true",
|
|
3141
3141
|
children: /* @__PURE__ */ t("span", {
|
|
3142
|
-
className: [
|
|
3142
|
+
className: [q.checkbox, _ ? q.checkboxChecked : null].filter(Boolean).join(" "),
|
|
3143
3143
|
children: _ && /* @__PURE__ */ t("svg", {
|
|
3144
|
-
className:
|
|
3144
|
+
className: q.checkmark,
|
|
3145
3145
|
width: "12",
|
|
3146
3146
|
height: "12",
|
|
3147
3147
|
viewBox: "0 0 12 12",
|
|
@@ -3158,17 +3158,17 @@ function ai({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3158
3158
|
})
|
|
3159
3159
|
}),
|
|
3160
3160
|
i && /* @__PURE__ */ t("span", {
|
|
3161
|
-
className:
|
|
3161
|
+
className: q.leading,
|
|
3162
3162
|
children: i
|
|
3163
3163
|
}),
|
|
3164
3164
|
/* @__PURE__ */ n("span", {
|
|
3165
|
-
className:
|
|
3165
|
+
className: q.content,
|
|
3166
3166
|
id: v,
|
|
3167
3167
|
children: [/* @__PURE__ */ t("span", {
|
|
3168
|
-
className:
|
|
3168
|
+
className: q.title,
|
|
3169
3169
|
children: e
|
|
3170
3170
|
}), r && /* @__PURE__ */ t("span", {
|
|
3171
|
-
className:
|
|
3171
|
+
className: q.subtitle,
|
|
3172
3172
|
children: r
|
|
3173
3173
|
})]
|
|
3174
3174
|
})
|
|
@@ -3177,35 +3177,35 @@ function ai({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3177
3177
|
}
|
|
3178
3178
|
//#endregion
|
|
3179
3179
|
//#region src/components/ComboRow/ComboRow.module.css
|
|
3180
|
-
var
|
|
3181
|
-
row:
|
|
3182
|
-
disabled:
|
|
3183
|
-
leading:
|
|
3184
|
-
content:
|
|
3185
|
-
title:
|
|
3186
|
-
subtitle:
|
|
3187
|
-
comboWrap:
|
|
3188
|
-
trigger:
|
|
3189
|
-
triggerOpen:
|
|
3190
|
-
triggerLabel:
|
|
3191
|
-
placeholder:
|
|
3192
|
-
chevron:
|
|
3193
|
-
chevronOpen:
|
|
3194
|
-
list:
|
|
3180
|
+
var si = "_row_46mn8_3", ci = "_disabled_46mn8_16", li = "_leading_46mn8_23", ui = "_content_46mn8_32", di = "_title_46mn8_40", fi = "_subtitle_46mn8_51", pi = "_comboWrap_46mn8_65", mi = "_trigger_46mn8_73", hi = "_triggerOpen_46mn8_126", gi = "_triggerLabel_46mn8_136", _i = "_placeholder_46mn8_144", vi = "_chevron_46mn8_150", yi = "_chevronOpen_46mn8_157", bi = "_list_46mn8_163", xi = "_listDown_46mn8_192", Si = "_listUp_46mn8_196", Ci = "_option_46mn8_208", wi = "_optionActive_46mn8_225", Ti = "_optionSelected_46mn8_229", Ei = "_optionDisabled_46mn8_233", Di = "_optionLabel_46mn8_239", Oi = "_checkIcon_46mn8_247", J = {
|
|
3181
|
+
row: si,
|
|
3182
|
+
disabled: ci,
|
|
3183
|
+
leading: li,
|
|
3184
|
+
content: ui,
|
|
3185
|
+
title: di,
|
|
3186
|
+
subtitle: fi,
|
|
3187
|
+
comboWrap: pi,
|
|
3188
|
+
trigger: mi,
|
|
3189
|
+
triggerOpen: hi,
|
|
3190
|
+
triggerLabel: gi,
|
|
3191
|
+
placeholder: _i,
|
|
3192
|
+
chevron: vi,
|
|
3193
|
+
chevronOpen: yi,
|
|
3194
|
+
list: bi,
|
|
3195
3195
|
"list-in": "_list-in_46mn8_1",
|
|
3196
|
-
listDown:
|
|
3197
|
-
listUp:
|
|
3196
|
+
listDown: xi,
|
|
3197
|
+
listUp: Si,
|
|
3198
3198
|
"list-in-up": "_list-in-up_46mn8_1",
|
|
3199
|
-
option:
|
|
3200
|
-
optionActive:
|
|
3201
|
-
optionSelected:
|
|
3202
|
-
optionDisabled:
|
|
3203
|
-
optionLabel:
|
|
3204
|
-
checkIcon:
|
|
3199
|
+
option: Ci,
|
|
3200
|
+
optionActive: wi,
|
|
3201
|
+
optionSelected: Ti,
|
|
3202
|
+
optionDisabled: Ei,
|
|
3203
|
+
optionLabel: Di,
|
|
3204
|
+
checkIcon: Oi
|
|
3205
3205
|
};
|
|
3206
3206
|
//#endregion
|
|
3207
3207
|
//#region src/components/ComboRow/ComboRow.tsx
|
|
3208
|
-
function
|
|
3208
|
+
function ki({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: p, disabled: m = !1, className: h, ...g }) {
|
|
3209
3209
|
let _ = o !== void 0, [v, y] = f(c), b = _ ? o : v, [x, S] = f(!1), [C, w] = f(-1), [T, E] = f(!1), D = u(), O = u(), k = d(null), A = d(null), j = a.find((e) => e.value === b), M = s(() => {
|
|
3210
3210
|
if (!k.current) return;
|
|
3211
3211
|
let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
|
|
@@ -3294,28 +3294,28 @@ function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3294
3294
|
]);
|
|
3295
3295
|
return /* @__PURE__ */ n("div", {
|
|
3296
3296
|
className: [
|
|
3297
|
-
|
|
3298
|
-
m ?
|
|
3297
|
+
J.row,
|
|
3298
|
+
m ? J.disabled : null,
|
|
3299
3299
|
h
|
|
3300
3300
|
].filter(Boolean).join(" "),
|
|
3301
3301
|
...g,
|
|
3302
3302
|
children: [
|
|
3303
3303
|
i && /* @__PURE__ */ t("span", {
|
|
3304
|
-
className:
|
|
3304
|
+
className: J.leading,
|
|
3305
3305
|
children: i
|
|
3306
3306
|
}),
|
|
3307
3307
|
/* @__PURE__ */ n("span", {
|
|
3308
|
-
className:
|
|
3308
|
+
className: J.content,
|
|
3309
3309
|
children: [/* @__PURE__ */ t("span", {
|
|
3310
|
-
className:
|
|
3310
|
+
className: J.title,
|
|
3311
3311
|
children: e
|
|
3312
3312
|
}), r && /* @__PURE__ */ t("span", {
|
|
3313
|
-
className:
|
|
3313
|
+
className: J.subtitle,
|
|
3314
3314
|
children: r
|
|
3315
3315
|
})]
|
|
3316
3316
|
}),
|
|
3317
3317
|
/* @__PURE__ */ n("div", {
|
|
3318
|
-
className:
|
|
3318
|
+
className: J.comboWrap,
|
|
3319
3319
|
children: [/* @__PURE__ */ n("button", {
|
|
3320
3320
|
ref: k,
|
|
3321
3321
|
id: D,
|
|
@@ -3326,14 +3326,14 @@ function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3326
3326
|
"aria-controls": O,
|
|
3327
3327
|
"aria-activedescendant": x && C >= 0 ? `${O}-opt-${C}` : void 0,
|
|
3328
3328
|
disabled: m,
|
|
3329
|
-
className: [
|
|
3329
|
+
className: [J.trigger, x ? J.triggerOpen : null].filter(Boolean).join(" "),
|
|
3330
3330
|
onClick: () => x ? P() : N(),
|
|
3331
3331
|
onKeyDown: te,
|
|
3332
3332
|
children: [/* @__PURE__ */ t("span", {
|
|
3333
|
-
className: [
|
|
3333
|
+
className: [J.triggerLabel, j ? null : J.placeholder].filter(Boolean).join(" "),
|
|
3334
3334
|
children: j?.label ?? "—"
|
|
3335
3335
|
}), /* @__PURE__ */ t("svg", {
|
|
3336
|
-
className: [
|
|
3336
|
+
className: [J.chevron, x ? J.chevronOpen : null].filter(Boolean).join(" "),
|
|
3337
3337
|
width: "16",
|
|
3338
3338
|
height: "16",
|
|
3339
3339
|
viewBox: "0 0 16 16",
|
|
@@ -3354,7 +3354,7 @@ function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3354
3354
|
role: "listbox",
|
|
3355
3355
|
"aria-labelledby": D,
|
|
3356
3356
|
tabIndex: -1,
|
|
3357
|
-
className: [
|
|
3357
|
+
className: [J.list, T ? J.listUp : J.listDown].filter(Boolean).join(" "),
|
|
3358
3358
|
onKeyDown: ne,
|
|
3359
3359
|
children: a.map((e, r) => /* @__PURE__ */ n("li", {
|
|
3360
3360
|
id: `${O}-opt-${r}`,
|
|
@@ -3362,15 +3362,15 @@ function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3362
3362
|
"aria-selected": e.value === b,
|
|
3363
3363
|
"aria-disabled": e.disabled,
|
|
3364
3364
|
className: [
|
|
3365
|
-
|
|
3366
|
-
e.value === b ?
|
|
3367
|
-
r === C ?
|
|
3368
|
-
e.disabled ?
|
|
3365
|
+
J.option,
|
|
3366
|
+
e.value === b ? J.optionSelected : null,
|
|
3367
|
+
r === C ? J.optionActive : null,
|
|
3368
|
+
e.disabled ? J.optionDisabled : null
|
|
3369
3369
|
].filter(Boolean).join(" "),
|
|
3370
3370
|
onMouseEnter: () => !e.disabled && w(r),
|
|
3371
3371
|
onClick: () => ee(e),
|
|
3372
3372
|
children: [/* @__PURE__ */ t("span", {
|
|
3373
|
-
className:
|
|
3373
|
+
className: J.optionLabel,
|
|
3374
3374
|
children: e.label
|
|
3375
3375
|
}), e.value === b && /* @__PURE__ */ t("svg", {
|
|
3376
3376
|
width: "16",
|
|
@@ -3378,7 +3378,7 @@ function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3378
3378
|
viewBox: "0 0 16 16",
|
|
3379
3379
|
"aria-hidden": "true",
|
|
3380
3380
|
focusable: "false",
|
|
3381
|
-
className:
|
|
3381
|
+
className: J.checkIcon,
|
|
3382
3382
|
children: /* @__PURE__ */ t("path", {
|
|
3383
3383
|
d: "M3 8l4 4 6-6",
|
|
3384
3384
|
fill: "none",
|
|
@@ -3394,7 +3394,7 @@ function Oi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3394
3394
|
]
|
|
3395
3395
|
});
|
|
3396
3396
|
}
|
|
3397
|
-
var
|
|
3397
|
+
var Y = {
|
|
3398
3398
|
row: "_row_1kogj_3",
|
|
3399
3399
|
focused: "_focused_1kogj_16",
|
|
3400
3400
|
disabled: "_disabled_1kogj_25",
|
|
@@ -3408,31 +3408,31 @@ var X = {
|
|
|
3408
3408
|
};
|
|
3409
3409
|
//#endregion
|
|
3410
3410
|
//#region src/components/EntryRow/EntryRow.tsx
|
|
3411
|
-
function
|
|
3411
|
+
function Ai({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: p, onChange: m, ...h }) {
|
|
3412
3412
|
let g = u(), _ = p ?? g, v = r !== void 0, [y, b] = f(String(i)), x = v ? String(r) : y, [S, C] = f(!1), w = d(null), T = S || x.length > 0;
|
|
3413
3413
|
return /* @__PURE__ */ n("div", {
|
|
3414
3414
|
className: [
|
|
3415
|
-
|
|
3416
|
-
S ?
|
|
3417
|
-
c ?
|
|
3415
|
+
Y.row,
|
|
3416
|
+
S ? Y.focused : null,
|
|
3417
|
+
c ? Y.disabled : null,
|
|
3418
3418
|
l
|
|
3419
3419
|
].filter(Boolean).join(" "),
|
|
3420
3420
|
onClick: () => w.current?.focus(),
|
|
3421
3421
|
children: [
|
|
3422
3422
|
o && /* @__PURE__ */ t("span", {
|
|
3423
|
-
className:
|
|
3423
|
+
className: Y.leading,
|
|
3424
3424
|
children: o
|
|
3425
3425
|
}),
|
|
3426
3426
|
/* @__PURE__ */ n("span", {
|
|
3427
|
-
className:
|
|
3427
|
+
className: Y.fieldWrap,
|
|
3428
3428
|
children: [/* @__PURE__ */ t("label", {
|
|
3429
3429
|
htmlFor: _,
|
|
3430
|
-
className: [
|
|
3430
|
+
className: [Y.label, T ? Y.labelFloated : null].filter(Boolean).join(" "),
|
|
3431
3431
|
children: e
|
|
3432
3432
|
}), /* @__PURE__ */ t("input", {
|
|
3433
3433
|
ref: w,
|
|
3434
3434
|
id: _,
|
|
3435
|
-
className: [
|
|
3435
|
+
className: [Y.input, T ? Y.inputFloated : null].filter(Boolean).join(" "),
|
|
3436
3436
|
value: x,
|
|
3437
3437
|
disabled: c,
|
|
3438
3438
|
onFocus: () => C(!0),
|
|
@@ -3444,19 +3444,19 @@ function ki({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
|
|
|
3444
3444
|
})]
|
|
3445
3445
|
}),
|
|
3446
3446
|
s && /* @__PURE__ */ t("span", {
|
|
3447
|
-
className:
|
|
3447
|
+
className: Y.trailing,
|
|
3448
3448
|
children: s
|
|
3449
3449
|
})
|
|
3450
3450
|
]
|
|
3451
3451
|
});
|
|
3452
3452
|
}
|
|
3453
|
-
var
|
|
3453
|
+
var ji = { revealButton: "_revealButton_1j8z0_3" };
|
|
3454
3454
|
//#endregion
|
|
3455
3455
|
//#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
|
|
3456
|
-
function
|
|
3456
|
+
function Mi({ trailing: r, disabled: i, ...a }) {
|
|
3457
3457
|
let [o, s] = f(!1), c = /* @__PURE__ */ t("button", {
|
|
3458
3458
|
type: "button",
|
|
3459
|
-
className:
|
|
3459
|
+
className: ji.revealButton,
|
|
3460
3460
|
onClick: (e) => {
|
|
3461
3461
|
e.stopPropagation(), s((e) => !e);
|
|
3462
3462
|
},
|
|
@@ -3469,14 +3469,14 @@ function ji({ trailing: r, disabled: i, ...a }) {
|
|
|
3469
3469
|
"aria-hidden": !0
|
|
3470
3470
|
})
|
|
3471
3471
|
});
|
|
3472
|
-
return /* @__PURE__ */ t(
|
|
3472
|
+
return /* @__PURE__ */ t(Ai, {
|
|
3473
3473
|
...a,
|
|
3474
3474
|
type: o ? "text" : "password",
|
|
3475
3475
|
disabled: i,
|
|
3476
3476
|
trailing: /* @__PURE__ */ n(e, { children: [r, c] })
|
|
3477
3477
|
});
|
|
3478
3478
|
}
|
|
3479
|
-
var
|
|
3479
|
+
var X = {
|
|
3480
3480
|
row: "_row_ycg6f_3",
|
|
3481
3481
|
disabled: "_disabled_ycg6f_16",
|
|
3482
3482
|
leading: "_leading_ycg6f_23",
|
|
@@ -3489,16 +3489,16 @@ var Z = {
|
|
|
3489
3489
|
};
|
|
3490
3490
|
//#endregion
|
|
3491
3491
|
//#region src/components/SpinRow/SpinRow.tsx
|
|
3492
|
-
function
|
|
3492
|
+
function Ni(e) {
|
|
3493
3493
|
let t = e.toString(), n = t.indexOf(".");
|
|
3494
3494
|
return n === -1 ? 0 : t.length - n - 1;
|
|
3495
3495
|
}
|
|
3496
|
-
function
|
|
3496
|
+
function Pi(e, t, n) {
|
|
3497
3497
|
return Math.min(n, Math.max(t, e));
|
|
3498
3498
|
}
|
|
3499
|
-
function
|
|
3500
|
-
let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ??
|
|
3501
|
-
let t = parseFloat(
|
|
3499
|
+
function Fi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0, onValueChange: c, min: l = 0, max: d = 100, step: p = 1, decimals: m, disabled: h = !1, className: g, ..._ }) {
|
|
3500
|
+
let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ?? Ni(p), C = u(), w = s((e) => {
|
|
3501
|
+
let t = parseFloat(Pi(e, l, d).toFixed(S));
|
|
3502
3502
|
v || b(t), c?.(t);
|
|
3503
3503
|
}, [
|
|
3504
3504
|
v,
|
|
@@ -3536,23 +3536,23 @@ function Pi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3536
3536
|
]);
|
|
3537
3537
|
return /* @__PURE__ */ n("div", {
|
|
3538
3538
|
className: [
|
|
3539
|
-
|
|
3540
|
-
h ?
|
|
3539
|
+
X.row,
|
|
3540
|
+
h ? X.disabled : null,
|
|
3541
3541
|
g
|
|
3542
3542
|
].filter(Boolean).join(" "),
|
|
3543
3543
|
..._,
|
|
3544
3544
|
children: [
|
|
3545
3545
|
i && /* @__PURE__ */ t("span", {
|
|
3546
|
-
className:
|
|
3546
|
+
className: X.leading,
|
|
3547
3547
|
children: i
|
|
3548
3548
|
}),
|
|
3549
3549
|
/* @__PURE__ */ n("span", {
|
|
3550
|
-
className:
|
|
3550
|
+
className: X.content,
|
|
3551
3551
|
children: [/* @__PURE__ */ t("span", {
|
|
3552
|
-
className:
|
|
3552
|
+
className: X.title,
|
|
3553
3553
|
children: e
|
|
3554
3554
|
}), r && /* @__PURE__ */ t("span", {
|
|
3555
|
-
className:
|
|
3555
|
+
className: X.subtitle,
|
|
3556
3556
|
children: r
|
|
3557
3557
|
})]
|
|
3558
3558
|
}),
|
|
@@ -3565,14 +3565,14 @@ function Pi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3565
3565
|
"aria-disabled": h || void 0,
|
|
3566
3566
|
tabIndex: h ? -1 : 0,
|
|
3567
3567
|
onKeyDown: h ? void 0 : T,
|
|
3568
|
-
className:
|
|
3568
|
+
className: X.spin,
|
|
3569
3569
|
children: [
|
|
3570
3570
|
/* @__PURE__ */ t("button", {
|
|
3571
3571
|
type: "button",
|
|
3572
3572
|
tabIndex: -1,
|
|
3573
3573
|
"aria-hidden": "true",
|
|
3574
3574
|
disabled: h || x <= l,
|
|
3575
|
-
className:
|
|
3575
|
+
className: X.spinBtn,
|
|
3576
3576
|
onClick: (e) => {
|
|
3577
3577
|
e.stopPropagation(), w(x - p);
|
|
3578
3578
|
},
|
|
@@ -3580,7 +3580,7 @@ function Pi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3580
3580
|
}),
|
|
3581
3581
|
/* @__PURE__ */ t("span", {
|
|
3582
3582
|
id: C,
|
|
3583
|
-
className:
|
|
3583
|
+
className: X.spinValue,
|
|
3584
3584
|
"aria-hidden": "true",
|
|
3585
3585
|
children: x.toFixed(S)
|
|
3586
3586
|
}),
|
|
@@ -3589,7 +3589,7 @@ function Pi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3589
3589
|
tabIndex: -1,
|
|
3590
3590
|
"aria-hidden": "true",
|
|
3591
3591
|
disabled: h || x >= d,
|
|
3592
|
-
className:
|
|
3592
|
+
className: X.spinBtn,
|
|
3593
3593
|
onClick: (e) => {
|
|
3594
3594
|
e.stopPropagation(), w(x + p);
|
|
3595
3595
|
},
|
|
@@ -3602,50 +3602,50 @@ function Pi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3602
3602
|
}
|
|
3603
3603
|
//#endregion
|
|
3604
3604
|
//#region src/components/NavigationView/NavigationView.module.css
|
|
3605
|
-
var
|
|
3606
|
-
view:
|
|
3607
|
-
page:
|
|
3608
|
-
pageHeader:
|
|
3609
|
-
pageTitle:
|
|
3610
|
-
pageContent:
|
|
3611
|
-
enterForward:
|
|
3605
|
+
var Ii = "_view_1r1om_3", Li = "_page_1r1om_12", Ri = "_pageHeader_1r1om_23", zi = "_pageTitle_1r1om_34", Bi = "_pageContent_1r1om_43", Vi = "_enterForward_1r1om_52", Hi = "_enterBack_1r1om_56", Ui = {
|
|
3606
|
+
view: Ii,
|
|
3607
|
+
page: Li,
|
|
3608
|
+
pageHeader: Ri,
|
|
3609
|
+
pageTitle: zi,
|
|
3610
|
+
pageContent: Bi,
|
|
3611
|
+
enterForward: Vi,
|
|
3612
3612
|
"slide-in-right": "_slide-in-right_1r1om_1",
|
|
3613
|
-
enterBack:
|
|
3613
|
+
enterBack: Hi,
|
|
3614
3614
|
"slide-in-left": "_slide-in-left_1r1om_1"
|
|
3615
|
-
},
|
|
3615
|
+
}, Wi = a({
|
|
3616
3616
|
navigate: () => {},
|
|
3617
3617
|
pop: () => {},
|
|
3618
3618
|
canGoBack: !1,
|
|
3619
3619
|
currentTag: "",
|
|
3620
3620
|
direction: "forward"
|
|
3621
3621
|
});
|
|
3622
|
-
function
|
|
3623
|
-
return c(
|
|
3622
|
+
function Gi() {
|
|
3623
|
+
return c(Wi);
|
|
3624
3624
|
}
|
|
3625
|
-
function
|
|
3626
|
-
let { currentTag: s, direction: l } = c(
|
|
3625
|
+
function Ki({ tag: e, title: r, children: i, className: a, ...o }) {
|
|
3626
|
+
let { currentTag: s, direction: l } = c(Wi);
|
|
3627
3627
|
return s === e ? /* @__PURE__ */ n("div", {
|
|
3628
3628
|
className: [
|
|
3629
|
-
|
|
3630
|
-
l === "forward" ?
|
|
3629
|
+
Ui.page,
|
|
3630
|
+
l === "forward" ? Ui.enterForward : Ui.enterBack,
|
|
3631
3631
|
a
|
|
3632
3632
|
].filter(Boolean).join(" "),
|
|
3633
3633
|
...o,
|
|
3634
3634
|
children: [/* @__PURE__ */ t("div", {
|
|
3635
|
-
className:
|
|
3635
|
+
className: Ui.pageHeader,
|
|
3636
3636
|
children: /* @__PURE__ */ t("span", {
|
|
3637
|
-
className:
|
|
3637
|
+
className: Ui.pageTitle,
|
|
3638
3638
|
children: r
|
|
3639
3639
|
})
|
|
3640
3640
|
}), /* @__PURE__ */ t("div", {
|
|
3641
|
-
className:
|
|
3641
|
+
className: Ui.pageContent,
|
|
3642
3642
|
children: i
|
|
3643
3643
|
})]
|
|
3644
3644
|
}) : null;
|
|
3645
3645
|
}
|
|
3646
|
-
function
|
|
3646
|
+
function qi({ initialPage: e, children: n, className: r, ...i }) {
|
|
3647
3647
|
let [a, o] = f([e]), s = a[a.length - 1], c = a.length > 1, [l, u] = f("forward");
|
|
3648
|
-
return /* @__PURE__ */ t(
|
|
3648
|
+
return /* @__PURE__ */ t(Wi.Provider, {
|
|
3649
3649
|
value: {
|
|
3650
3650
|
navigate: (e) => {
|
|
3651
3651
|
u("forward"), o((t) => [...t, e]);
|
|
@@ -3658,7 +3658,7 @@ function Ki({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3658
3658
|
direction: l
|
|
3659
3659
|
},
|
|
3660
3660
|
children: /* @__PURE__ */ t("div", {
|
|
3661
|
-
className: [
|
|
3661
|
+
className: [Ui.view, r].filter(Boolean).join(" "),
|
|
3662
3662
|
...i,
|
|
3663
3663
|
children: n
|
|
3664
3664
|
})
|
|
@@ -3666,20 +3666,20 @@ function Ki({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3666
3666
|
}
|
|
3667
3667
|
//#endregion
|
|
3668
3668
|
//#region src/components/BottomSheet/BottomSheet.module.css
|
|
3669
|
-
var
|
|
3670
|
-
backdrop:
|
|
3669
|
+
var Ji = "_backdrop_zzv98_3", Yi = "_sheet_zzv98_26", Xi = "_handle_zzv98_49", Zi = "_handleBar_zzv98_56", Qi = "_title_zzv98_66", $i = "_content_zzv98_79", ea = {
|
|
3670
|
+
backdrop: Ji,
|
|
3671
3671
|
"backdrop-in": "_backdrop-in_zzv98_1",
|
|
3672
|
-
sheet:
|
|
3672
|
+
sheet: Yi,
|
|
3673
3673
|
"sheet-in": "_sheet-in_zzv98_1",
|
|
3674
|
-
handle:
|
|
3675
|
-
handleBar:
|
|
3676
|
-
title:
|
|
3677
|
-
content:
|
|
3678
|
-
},
|
|
3679
|
-
function
|
|
3674
|
+
handle: Xi,
|
|
3675
|
+
handleBar: Zi,
|
|
3676
|
+
title: Qi,
|
|
3677
|
+
content: $i
|
|
3678
|
+
}, ta = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
3679
|
+
function na({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...f }) {
|
|
3680
3680
|
let m = d(null), h = u(), g = d(null);
|
|
3681
3681
|
l(() => {
|
|
3682
|
-
e ? (g.current = document.activeElement, (m.current?.querySelector(
|
|
3682
|
+
e ? (g.current = document.activeElement, (m.current?.querySelector(ta))?.focus()) : g.current?.focus();
|
|
3683
3683
|
}, [e]);
|
|
3684
3684
|
let _ = s((e) => {
|
|
3685
3685
|
if (e.key === "Escape") {
|
|
@@ -3687,14 +3687,14 @@ function ta({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3687
3687
|
return;
|
|
3688
3688
|
}
|
|
3689
3689
|
if (e.key !== "Tab") return;
|
|
3690
|
-
let t = Array.from(m.current?.querySelectorAll(
|
|
3690
|
+
let t = Array.from(m.current?.querySelectorAll(ta) ?? []);
|
|
3691
3691
|
if (t.length === 0) return;
|
|
3692
3692
|
let n = t[0], r = t[t.length - 1];
|
|
3693
3693
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3694
3694
|
}, [a]);
|
|
3695
3695
|
if (!e) return null;
|
|
3696
3696
|
let v = /* @__PURE__ */ t("div", {
|
|
3697
|
-
className:
|
|
3697
|
+
className: ea.backdrop,
|
|
3698
3698
|
onClick: o ? a : void 0,
|
|
3699
3699
|
"aria-hidden": "true",
|
|
3700
3700
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -3702,23 +3702,23 @@ function ta({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3702
3702
|
role: "dialog",
|
|
3703
3703
|
"aria-modal": "true",
|
|
3704
3704
|
"aria-labelledby": r ? h : void 0,
|
|
3705
|
-
className: [
|
|
3705
|
+
className: [ea.sheet, c].filter(Boolean).join(" "),
|
|
3706
3706
|
onKeyDown: _,
|
|
3707
3707
|
onClick: (e) => e.stopPropagation(),
|
|
3708
3708
|
...f,
|
|
3709
3709
|
children: [
|
|
3710
3710
|
/* @__PURE__ */ t("div", {
|
|
3711
|
-
className:
|
|
3711
|
+
className: ea.handle,
|
|
3712
3712
|
"aria-hidden": "true",
|
|
3713
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3713
|
+
children: /* @__PURE__ */ t("div", { className: ea.handleBar })
|
|
3714
3714
|
}),
|
|
3715
3715
|
r && /* @__PURE__ */ t("div", {
|
|
3716
3716
|
id: h,
|
|
3717
|
-
className:
|
|
3717
|
+
className: ea.title,
|
|
3718
3718
|
children: r
|
|
3719
3719
|
}),
|
|
3720
3720
|
i && /* @__PURE__ */ t("div", {
|
|
3721
|
-
className:
|
|
3721
|
+
className: ea.content,
|
|
3722
3722
|
children: i
|
|
3723
3723
|
})
|
|
3724
3724
|
]
|
|
@@ -3726,7 +3726,7 @@ function ta({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3726
3726
|
});
|
|
3727
3727
|
return typeof document > "u" ? v : p(v, document.body);
|
|
3728
3728
|
}
|
|
3729
|
-
var
|
|
3729
|
+
var Z = {
|
|
3730
3730
|
carousel: "_carousel_117hp_3",
|
|
3731
3731
|
horizontal: "_horizontal_117hp_20",
|
|
3732
3732
|
vertical: "_vertical_117hp_27",
|
|
@@ -3740,9 +3740,9 @@ var Q = {
|
|
|
3740
3740
|
};
|
|
3741
3741
|
//#endregion
|
|
3742
3742
|
//#region src/components/Carousel/Carousel.tsx
|
|
3743
|
-
function
|
|
3743
|
+
function ra({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3744
3744
|
return /* @__PURE__ */ t("div", {
|
|
3745
|
-
className: [
|
|
3745
|
+
className: [Z.indicatorDots, i].filter(Boolean).join(" "),
|
|
3746
3746
|
role: "tablist",
|
|
3747
3747
|
"aria-label": "Carousel pages",
|
|
3748
3748
|
...a,
|
|
@@ -3751,14 +3751,14 @@ function na({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3751
3751
|
role: "tab",
|
|
3752
3752
|
"aria-selected": i === n,
|
|
3753
3753
|
"aria-label": `Page ${i + 1}`,
|
|
3754
|
-
className: [
|
|
3754
|
+
className: [Z.dot, i === n ? Z.dotActive : null].filter(Boolean).join(" "),
|
|
3755
3755
|
onClick: () => r?.(i)
|
|
3756
3756
|
}, i))
|
|
3757
3757
|
});
|
|
3758
3758
|
}
|
|
3759
|
-
function
|
|
3759
|
+
function ia({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3760
3760
|
return /* @__PURE__ */ t("div", {
|
|
3761
|
-
className: [
|
|
3761
|
+
className: [Z.indicatorLines, i].filter(Boolean).join(" "),
|
|
3762
3762
|
role: "tablist",
|
|
3763
3763
|
"aria-label": "Carousel pages",
|
|
3764
3764
|
...a,
|
|
@@ -3767,12 +3767,12 @@ function ra({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3767
3767
|
role: "tab",
|
|
3768
3768
|
"aria-selected": i === n,
|
|
3769
3769
|
"aria-label": `Page ${i + 1}`,
|
|
3770
|
-
className: [
|
|
3770
|
+
className: [Z.line, i === n ? Z.lineActive : null].filter(Boolean).join(" "),
|
|
3771
3771
|
onClick: () => r?.(i)
|
|
3772
3772
|
}, i))
|
|
3773
3773
|
});
|
|
3774
3774
|
}
|
|
3775
|
-
function
|
|
3775
|
+
function aa({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...p }) {
|
|
3776
3776
|
let m = d(null), h = r.count(e), [g, _] = f(0), v = c !== void 0, y = v ? c : g;
|
|
3777
3777
|
l(() => {
|
|
3778
3778
|
v && b(c, "smooth");
|
|
@@ -3828,15 +3828,15 @@ function ia({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3828
3828
|
"aria-roledescription": "carousel",
|
|
3829
3829
|
tabIndex: 0,
|
|
3830
3830
|
className: [
|
|
3831
|
-
|
|
3832
|
-
S ?
|
|
3831
|
+
Z.carousel,
|
|
3832
|
+
S ? Z.horizontal : Z.vertical,
|
|
3833
3833
|
u
|
|
3834
3834
|
].filter(Boolean).join(" "),
|
|
3835
3835
|
style: S ? { columnGap: i || void 0 } : { rowGap: i || void 0 },
|
|
3836
3836
|
onKeyDown: x,
|
|
3837
3837
|
...p,
|
|
3838
3838
|
children: r.map(e, (e, n) => /* @__PURE__ */ t("div", {
|
|
3839
|
-
className:
|
|
3839
|
+
className: Z.slide,
|
|
3840
3840
|
role: "group",
|
|
3841
3841
|
"aria-roledescription": "slide",
|
|
3842
3842
|
"aria-label": `${n + 1} of ${h}`,
|
|
@@ -3846,49 +3846,49 @@ function ia({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3846
3846
|
}
|
|
3847
3847
|
//#endregion
|
|
3848
3848
|
//#region src/components/Bin/Bin.tsx
|
|
3849
|
-
function
|
|
3849
|
+
function oa({ children: e, ...n }) {
|
|
3850
3850
|
return /* @__PURE__ */ t("div", {
|
|
3851
3851
|
...n,
|
|
3852
3852
|
children: e
|
|
3853
3853
|
});
|
|
3854
3854
|
}
|
|
3855
|
-
var
|
|
3855
|
+
var sa = {
|
|
3856
3856
|
content: "_content_1xkwk_3",
|
|
3857
3857
|
icon: "_icon_1xkwk_9",
|
|
3858
3858
|
label: "_label_1xkwk_15"
|
|
3859
3859
|
};
|
|
3860
3860
|
//#endregion
|
|
3861
3861
|
//#region src/components/ButtonContent/ButtonContent.tsx
|
|
3862
|
-
function
|
|
3862
|
+
function ca({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
|
|
3863
3863
|
return /* @__PURE__ */ n("span", {
|
|
3864
3864
|
className: [
|
|
3865
|
-
|
|
3866
|
-
i === "end" ?
|
|
3865
|
+
sa.content,
|
|
3866
|
+
i === "end" ? sa.iconEnd : null,
|
|
3867
3867
|
a
|
|
3868
3868
|
].filter(Boolean).join(" "),
|
|
3869
3869
|
...o,
|
|
3870
3870
|
children: [
|
|
3871
3871
|
e && i === "start" && /* @__PURE__ */ t("span", {
|
|
3872
|
-
className:
|
|
3872
|
+
className: sa.icon,
|
|
3873
3873
|
"aria-hidden": "true",
|
|
3874
3874
|
children: e
|
|
3875
3875
|
}),
|
|
3876
3876
|
/* @__PURE__ */ t("span", {
|
|
3877
|
-
className:
|
|
3877
|
+
className: sa.label,
|
|
3878
3878
|
children: r
|
|
3879
3879
|
}),
|
|
3880
3880
|
e && i === "end" && /* @__PURE__ */ t("span", {
|
|
3881
|
-
className:
|
|
3881
|
+
className: sa.icon,
|
|
3882
3882
|
"aria-hidden": "true",
|
|
3883
3883
|
children: e
|
|
3884
3884
|
})
|
|
3885
3885
|
]
|
|
3886
3886
|
});
|
|
3887
3887
|
}
|
|
3888
|
-
var
|
|
3888
|
+
var la = {
|
|
3889
3889
|
label: "_label_h3znl_3",
|
|
3890
3890
|
key: "_key_h3znl_9"
|
|
3891
|
-
},
|
|
3891
|
+
}, ua = {
|
|
3892
3892
|
ctrl: "⌃",
|
|
3893
3893
|
control: "⌃",
|
|
3894
3894
|
shift: "⇧",
|
|
@@ -3916,22 +3916,22 @@ var ca = {
|
|
|
3916
3916
|
home: "⇱",
|
|
3917
3917
|
end: "⇲"
|
|
3918
3918
|
};
|
|
3919
|
-
function
|
|
3919
|
+
function da({ shortcut: e, symbols: n = !0, className: r, ...i }) {
|
|
3920
3920
|
let a = e.split("+").map((e) => e.trim()).filter(Boolean);
|
|
3921
3921
|
return /* @__PURE__ */ t("span", {
|
|
3922
|
-
className: [
|
|
3922
|
+
className: [la.label, r].filter(Boolean).join(" "),
|
|
3923
3923
|
"aria-label": e,
|
|
3924
3924
|
...i,
|
|
3925
3925
|
children: a.map((e, r) => {
|
|
3926
|
-
let i = n ?
|
|
3926
|
+
let i = n ? ua[e.toLowerCase()] ?? e : e;
|
|
3927
3927
|
return /* @__PURE__ */ t("kbd", {
|
|
3928
|
-
className:
|
|
3928
|
+
className: la.key,
|
|
3929
3929
|
children: i
|
|
3930
3930
|
}, r);
|
|
3931
3931
|
})
|
|
3932
3932
|
});
|
|
3933
3933
|
}
|
|
3934
|
-
var
|
|
3934
|
+
var fa = {
|
|
3935
3935
|
toolbarView: "_toolbarView_134hf_3",
|
|
3936
3936
|
top: "_top_134hf_11",
|
|
3937
3937
|
content: "_content_134hf_16",
|
|
@@ -3939,47 +3939,47 @@ var da = {
|
|
|
3939
3939
|
};
|
|
3940
3940
|
//#endregion
|
|
3941
3941
|
//#region src/components/ToolbarView/ToolbarView.tsx
|
|
3942
|
-
function
|
|
3942
|
+
function pa({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
|
|
3943
3943
|
return /* @__PURE__ */ n("div", {
|
|
3944
|
-
className: [
|
|
3944
|
+
className: [fa.toolbarView, a].filter(Boolean).join(" "),
|
|
3945
3945
|
...o,
|
|
3946
3946
|
children: [
|
|
3947
3947
|
e && /* @__PURE__ */ t("div", {
|
|
3948
|
-
className:
|
|
3948
|
+
className: fa.top,
|
|
3949
3949
|
children: e
|
|
3950
3950
|
}),
|
|
3951
3951
|
/* @__PURE__ */ t("div", {
|
|
3952
|
-
className:
|
|
3952
|
+
className: fa.content,
|
|
3953
3953
|
children: i
|
|
3954
3954
|
}),
|
|
3955
3955
|
r && /* @__PURE__ */ t("div", {
|
|
3956
|
-
className:
|
|
3956
|
+
className: fa.bottom,
|
|
3957
3957
|
children: r
|
|
3958
3958
|
})
|
|
3959
3959
|
]
|
|
3960
3960
|
});
|
|
3961
3961
|
}
|
|
3962
|
-
var
|
|
3962
|
+
var ma = {
|
|
3963
3963
|
windowTitle: "_windowTitle_zm877_3",
|
|
3964
3964
|
title: "_title_zm877_11",
|
|
3965
3965
|
subtitle: "_subtitle_zm877_24"
|
|
3966
3966
|
};
|
|
3967
3967
|
//#endregion
|
|
3968
3968
|
//#region src/components/WindowTitle/WindowTitle.tsx
|
|
3969
|
-
function
|
|
3969
|
+
function ha({ title: e, subtitle: r, className: i, ...a }) {
|
|
3970
3970
|
return /* @__PURE__ */ n("div", {
|
|
3971
|
-
className: [
|
|
3971
|
+
className: [ma.windowTitle, i].filter(Boolean).join(" "),
|
|
3972
3972
|
...a,
|
|
3973
3973
|
children: [/* @__PURE__ */ t("span", {
|
|
3974
|
-
className:
|
|
3974
|
+
className: ma.title,
|
|
3975
3975
|
children: e
|
|
3976
3976
|
}), r && /* @__PURE__ */ t("span", {
|
|
3977
|
-
className:
|
|
3977
|
+
className: ma.subtitle,
|
|
3978
3978
|
children: r
|
|
3979
3979
|
})]
|
|
3980
3980
|
});
|
|
3981
3981
|
}
|
|
3982
|
-
var
|
|
3982
|
+
var ga = {
|
|
3983
3983
|
group: "_group_17s4f_3",
|
|
3984
3984
|
header: "_header_17s4f_11",
|
|
3985
3985
|
headerText: "_headerText_17s4f_17",
|
|
@@ -3990,85 +3990,85 @@ var ha = {
|
|
|
3990
3990
|
};
|
|
3991
3991
|
//#endregion
|
|
3992
3992
|
//#region src/components/PreferencesGroup/PreferencesGroup.tsx
|
|
3993
|
-
function
|
|
3993
|
+
function _a({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
|
|
3994
3994
|
let c = e || r || i;
|
|
3995
3995
|
return /* @__PURE__ */ n("div", {
|
|
3996
|
-
className: [
|
|
3996
|
+
className: [ga.group, o].filter(Boolean).join(" "),
|
|
3997
3997
|
...s,
|
|
3998
3998
|
children: [c && /* @__PURE__ */ n("div", {
|
|
3999
|
-
className:
|
|
3999
|
+
className: ga.header,
|
|
4000
4000
|
children: [/* @__PURE__ */ n("div", {
|
|
4001
|
-
className:
|
|
4001
|
+
className: ga.headerText,
|
|
4002
4002
|
children: [e && /* @__PURE__ */ t("span", {
|
|
4003
|
-
className:
|
|
4003
|
+
className: ga.title,
|
|
4004
4004
|
children: e
|
|
4005
4005
|
}), r && /* @__PURE__ */ t("span", {
|
|
4006
|
-
className:
|
|
4006
|
+
className: ga.description,
|
|
4007
4007
|
children: r
|
|
4008
4008
|
})]
|
|
4009
4009
|
}), i && /* @__PURE__ */ t("div", {
|
|
4010
|
-
className:
|
|
4010
|
+
className: ga.suffix,
|
|
4011
4011
|
children: i
|
|
4012
4012
|
})]
|
|
4013
4013
|
}), /* @__PURE__ */ t("div", {
|
|
4014
|
-
className:
|
|
4014
|
+
className: ga.content,
|
|
4015
4015
|
children: a
|
|
4016
4016
|
})]
|
|
4017
4017
|
});
|
|
4018
4018
|
}
|
|
4019
|
-
var
|
|
4019
|
+
var va = {
|
|
4020
4020
|
page: "_page_gt42j_3",
|
|
4021
4021
|
inner: "_inner_gt42j_10"
|
|
4022
4022
|
};
|
|
4023
4023
|
//#endregion
|
|
4024
4024
|
//#region src/components/PreferencesPage/PreferencesPage.tsx
|
|
4025
|
-
function
|
|
4025
|
+
function ya({ title: e, iconName: n, children: r, className: i, ...a }) {
|
|
4026
4026
|
return /* @__PURE__ */ t("div", {
|
|
4027
|
-
className: [
|
|
4027
|
+
className: [va.page, i].filter(Boolean).join(" "),
|
|
4028
4028
|
role: "tabpanel",
|
|
4029
4029
|
...a,
|
|
4030
4030
|
children: /* @__PURE__ */ t("div", {
|
|
4031
|
-
className:
|
|
4031
|
+
className: va.inner,
|
|
4032
4032
|
children: r
|
|
4033
4033
|
})
|
|
4034
4034
|
});
|
|
4035
4035
|
}
|
|
4036
4036
|
//#endregion
|
|
4037
4037
|
//#region src/components/PreferencesDialog/PreferencesDialog.module.css
|
|
4038
|
-
var
|
|
4039
|
-
backdrop:
|
|
4038
|
+
var ba = "_backdrop_1u1bd_3", xa = "_dialog_1u1bd_26", Sa = "_dialogMulti_1u1bd_46", Ca = "_header_1u1bd_63", wa = "_closeBtn_1u1bd_73", Ta = "_title_1u1bd_102", Ea = "_searchWrap_1u1bd_112", Da = "_searchInput_1u1bd_116", Oa = "_body_1u1bd_143", ka = "_sidebar_1u1bd_152", Aa = "_navList_1u1bd_160", ja = "_navItem_1u1bd_169", Ma = "_navItemActive_1u1bd_190", Na = "_navIcon_1u1bd_205", Pa = "_navLabel_1u1bd_211", Fa = "_pageWrap_1u1bd_221", Q = {
|
|
4039
|
+
backdrop: ba,
|
|
4040
4040
|
"backdrop-in": "_backdrop-in_1u1bd_1",
|
|
4041
|
-
dialog:
|
|
4041
|
+
dialog: xa,
|
|
4042
4042
|
"dialog-in": "_dialog-in_1u1bd_1",
|
|
4043
|
-
dialogMulti:
|
|
4044
|
-
header:
|
|
4045
|
-
closeBtn:
|
|
4046
|
-
title:
|
|
4047
|
-
searchWrap:
|
|
4048
|
-
searchInput:
|
|
4049
|
-
body:
|
|
4050
|
-
sidebar:
|
|
4051
|
-
navList:
|
|
4052
|
-
navItem:
|
|
4053
|
-
navItemActive:
|
|
4054
|
-
navIcon:
|
|
4055
|
-
navLabel:
|
|
4056
|
-
pageWrap:
|
|
4057
|
-
},
|
|
4058
|
-
function
|
|
4043
|
+
dialogMulti: Sa,
|
|
4044
|
+
header: Ca,
|
|
4045
|
+
closeBtn: wa,
|
|
4046
|
+
title: Ta,
|
|
4047
|
+
searchWrap: Ea,
|
|
4048
|
+
searchInput: Da,
|
|
4049
|
+
body: Oa,
|
|
4050
|
+
sidebar: ka,
|
|
4051
|
+
navList: Aa,
|
|
4052
|
+
navItem: ja,
|
|
4053
|
+
navItemActive: Ma,
|
|
4054
|
+
navIcon: Na,
|
|
4055
|
+
navLabel: Pa,
|
|
4056
|
+
pageWrap: Fa
|
|
4057
|
+
}, Ia = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
4058
|
+
function La(e, t) {
|
|
4059
4059
|
if (e.key !== "Tab") return;
|
|
4060
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
4060
|
+
let n = Array.from(t.current?.querySelectorAll(Ia) ?? []);
|
|
4061
4061
|
if (!n.length) return;
|
|
4062
4062
|
let r = n[0], i = n[n.length - 1];
|
|
4063
4063
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
4064
4064
|
}
|
|
4065
|
-
function
|
|
4065
|
+
function Ra({ open: e, onClose: a, children: c, searchable: m = !0, className: h, ...g }) {
|
|
4066
4066
|
let _ = d(null), v = d(null), y = u(), b = r.toArray(c).filter((e) => o(e)), [x, S] = f(0), [C, w] = f("");
|
|
4067
4067
|
l(() => {
|
|
4068
4068
|
if (e) {
|
|
4069
4069
|
S(0), w("");
|
|
4070
4070
|
let e = requestAnimationFrame(() => {
|
|
4071
|
-
m && v.current ? v.current.focus() : (_.current?.querySelector(
|
|
4071
|
+
m && v.current ? v.current.focus() : (_.current?.querySelector(Ia))?.focus();
|
|
4072
4072
|
});
|
|
4073
4073
|
return () => cancelAnimationFrame(e);
|
|
4074
4074
|
}
|
|
@@ -4078,10 +4078,10 @@ function La({ open: e, onClose: a, children: c, searchable: m = !0, className: h
|
|
|
4078
4078
|
e.stopPropagation(), a();
|
|
4079
4079
|
return;
|
|
4080
4080
|
}
|
|
4081
|
-
|
|
4081
|
+
La(e, _);
|
|
4082
4082
|
}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
|
|
4083
4083
|
return e ? p(/* @__PURE__ */ t("div", {
|
|
4084
|
-
className:
|
|
4084
|
+
className: Q.backdrop,
|
|
4085
4085
|
onClick: (e) => {
|
|
4086
4086
|
e.target === e.currentTarget && a();
|
|
4087
4087
|
},
|
|
@@ -4092,79 +4092,160 @@ function La({ open: e, onClose: a, children: c, searchable: m = !0, className: h
|
|
|
4092
4092
|
"aria-modal": "true",
|
|
4093
4093
|
"aria-labelledby": y,
|
|
4094
4094
|
className: [
|
|
4095
|
-
|
|
4096
|
-
E ?
|
|
4095
|
+
Q.dialog,
|
|
4096
|
+
E ? Q.dialogMulti : null,
|
|
4097
4097
|
h
|
|
4098
4098
|
].filter(Boolean).join(" "),
|
|
4099
4099
|
onKeyDown: T,
|
|
4100
4100
|
...g,
|
|
4101
4101
|
children: [/* @__PURE__ */ n("div", {
|
|
4102
|
-
className:
|
|
4102
|
+
className: Q.header,
|
|
4103
4103
|
children: [
|
|
4104
4104
|
/* @__PURE__ */ t("button", {
|
|
4105
4105
|
type: "button",
|
|
4106
|
-
className:
|
|
4106
|
+
className: Q.closeBtn,
|
|
4107
4107
|
onClick: a,
|
|
4108
4108
|
"aria-label": "Close preferences",
|
|
4109
4109
|
children: "✕"
|
|
4110
4110
|
}),
|
|
4111
4111
|
/* @__PURE__ */ t("span", {
|
|
4112
4112
|
id: y,
|
|
4113
|
-
className:
|
|
4113
|
+
className: Q.title,
|
|
4114
4114
|
children: "Preferences"
|
|
4115
4115
|
}),
|
|
4116
4116
|
m && /* @__PURE__ */ t("div", {
|
|
4117
|
-
className:
|
|
4117
|
+
className: Q.searchWrap,
|
|
4118
4118
|
children: /* @__PURE__ */ t("input", {
|
|
4119
4119
|
ref: v,
|
|
4120
4120
|
type: "search",
|
|
4121
4121
|
placeholder: "Search…",
|
|
4122
4122
|
value: C,
|
|
4123
4123
|
onChange: (e) => w(e.target.value),
|
|
4124
|
-
className:
|
|
4124
|
+
className: Q.searchInput,
|
|
4125
4125
|
"aria-label": "Search preferences"
|
|
4126
4126
|
})
|
|
4127
4127
|
})
|
|
4128
4128
|
]
|
|
4129
4129
|
}), /* @__PURE__ */ n("div", {
|
|
4130
|
-
className:
|
|
4130
|
+
className: Q.body,
|
|
4131
4131
|
children: [E && /* @__PURE__ */ t("nav", {
|
|
4132
|
-
className:
|
|
4132
|
+
className: Q.sidebar,
|
|
4133
4133
|
"aria-label": "Preferences pages",
|
|
4134
4134
|
children: /* @__PURE__ */ t("ul", {
|
|
4135
4135
|
role: "tablist",
|
|
4136
|
-
className:
|
|
4136
|
+
className: Q.navList,
|
|
4137
4137
|
children: b.map((e, r) => /* @__PURE__ */ t("li", {
|
|
4138
4138
|
role: "presentation",
|
|
4139
4139
|
children: /* @__PURE__ */ n("button", {
|
|
4140
4140
|
role: "tab",
|
|
4141
4141
|
type: "button",
|
|
4142
4142
|
"aria-selected": r === x,
|
|
4143
|
-
className: [
|
|
4143
|
+
className: [Q.navItem, r === x ? Q.navItemActive : null].filter(Boolean).join(" "),
|
|
4144
4144
|
onClick: () => S(r),
|
|
4145
4145
|
children: [e.props.iconName && /* @__PURE__ */ t("span", {
|
|
4146
4146
|
className: [
|
|
4147
|
-
|
|
4147
|
+
Q.navIcon,
|
|
4148
4148
|
"icon",
|
|
4149
4149
|
e.props.iconName
|
|
4150
4150
|
].join(" "),
|
|
4151
4151
|
"aria-hidden": "true"
|
|
4152
4152
|
}), /* @__PURE__ */ t("span", {
|
|
4153
|
-
className:
|
|
4153
|
+
className: Q.navLabel,
|
|
4154
4154
|
children: e.props.title
|
|
4155
4155
|
})]
|
|
4156
4156
|
})
|
|
4157
4157
|
}, r))
|
|
4158
4158
|
})
|
|
4159
4159
|
}), /* @__PURE__ */ t("div", {
|
|
4160
|
-
className:
|
|
4160
|
+
className: Q.pageWrap,
|
|
4161
4161
|
children: D && i(D, { "data-search-query": O || void 0 })
|
|
4162
4162
|
})]
|
|
4163
4163
|
})]
|
|
4164
4164
|
})
|
|
4165
4165
|
}), document.body) : null;
|
|
4166
4166
|
}
|
|
4167
|
+
var $ = {
|
|
4168
|
+
vertical: "_vertical_12mfk_12",
|
|
4169
|
+
item: "_item_12mfk_18",
|
|
4170
|
+
leading: "_leading_12mfk_25",
|
|
4171
|
+
nodeTrack: "_nodeTrack_12mfk_32",
|
|
4172
|
+
content: "_content_12mfk_41",
|
|
4173
|
+
horizontal: "_horizontal_12mfk_65",
|
|
4174
|
+
node: "_node_12mfk_32",
|
|
4175
|
+
nodeDot: "_nodeDot_12mfk_114",
|
|
4176
|
+
nodeWithIcon: "_nodeWithIcon_12mfk_121",
|
|
4177
|
+
iconWrap: "_iconWrap_12mfk_128",
|
|
4178
|
+
lineInvisible: "_lineInvisible_12mfk_139",
|
|
4179
|
+
line: "_line_12mfk_139",
|
|
4180
|
+
lineDotted: "_lineDotted_12mfk_153"
|
|
4181
|
+
};
|
|
4182
|
+
//#endregion
|
|
4183
|
+
//#region src/components/Timeline/Timeline.tsx
|
|
4184
|
+
function za({ items: e, orientation: r = "vertical", variant: i = "default", className: a, ...o }) {
|
|
4185
|
+
let s = r === "horizontal", c = i !== "none";
|
|
4186
|
+
return /* @__PURE__ */ t("div", {
|
|
4187
|
+
role: "list",
|
|
4188
|
+
className: [
|
|
4189
|
+
$.root,
|
|
4190
|
+
s ? $.horizontal : $.vertical,
|
|
4191
|
+
a
|
|
4192
|
+
].filter(Boolean).join(" "),
|
|
4193
|
+
...o,
|
|
4194
|
+
children: e.map((r, a) => {
|
|
4195
|
+
let o = a === 0, l = a === e.length - 1, u = [$.line, i === "dotted" ? $.lineDotted : null].filter(Boolean).join(" "), d = /* @__PURE__ */ t("div", {
|
|
4196
|
+
className: [$.node, r.icon ? $.nodeWithIcon : $.nodeDot].filter(Boolean).join(" "),
|
|
4197
|
+
children: r.icon && /* @__PURE__ */ t("span", {
|
|
4198
|
+
className: $.iconWrap,
|
|
4199
|
+
"aria-hidden": "true",
|
|
4200
|
+
children: r.icon
|
|
4201
|
+
})
|
|
4202
|
+
});
|
|
4203
|
+
return /* @__PURE__ */ n("div", {
|
|
4204
|
+
role: "listitem",
|
|
4205
|
+
className: $.item,
|
|
4206
|
+
children: [
|
|
4207
|
+
/* @__PURE__ */ t("div", {
|
|
4208
|
+
className: $.leading,
|
|
4209
|
+
children: r.leading
|
|
4210
|
+
}),
|
|
4211
|
+
s ? /* @__PURE__ */ n("div", {
|
|
4212
|
+
className: $.nodeTrack,
|
|
4213
|
+
children: [
|
|
4214
|
+
/* @__PURE__ */ t("div", {
|
|
4215
|
+
className: [
|
|
4216
|
+
$.line,
|
|
4217
|
+
i === "dotted" ? $.lineDotted : null,
|
|
4218
|
+
o || !c ? $.lineInvisible : null
|
|
4219
|
+
].filter(Boolean).join(" "),
|
|
4220
|
+
"aria-hidden": "true"
|
|
4221
|
+
}),
|
|
4222
|
+
d,
|
|
4223
|
+
/* @__PURE__ */ t("div", {
|
|
4224
|
+
className: [
|
|
4225
|
+
$.line,
|
|
4226
|
+
i === "dotted" ? $.lineDotted : null,
|
|
4227
|
+
l || !c ? $.lineInvisible : null
|
|
4228
|
+
].filter(Boolean).join(" "),
|
|
4229
|
+
"aria-hidden": "true"
|
|
4230
|
+
})
|
|
4231
|
+
]
|
|
4232
|
+
}) : /* @__PURE__ */ n("div", {
|
|
4233
|
+
className: $.nodeTrack,
|
|
4234
|
+
children: [d, !l && c && /* @__PURE__ */ t("div", {
|
|
4235
|
+
className: u,
|
|
4236
|
+
"aria-hidden": "true"
|
|
4237
|
+
})]
|
|
4238
|
+
}),
|
|
4239
|
+
/* @__PURE__ */ t("div", {
|
|
4240
|
+
className: $.content,
|
|
4241
|
+
children: r.content
|
|
4242
|
+
})
|
|
4243
|
+
]
|
|
4244
|
+
}, a);
|
|
4245
|
+
})
|
|
4246
|
+
});
|
|
4247
|
+
}
|
|
4167
4248
|
//#endregion
|
|
4168
|
-
export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner,
|
|
4249
|
+
export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner, oa as Bin, na as BottomSheet, lr as Box, Dt as BoxedList, Br as BreakpointBin, h as Button, ca as ButtonContent, Hr as ButtonRow, k as Card, aa as Carousel, ra as CarouselIndicatorDots, ia as CarouselIndicatorLines, oi as CheckRow, se as Checkbox, pr as Chip, Zn as Clamp, ki as ComboRow, bn as Dialog, zn as Dropdown, Ai as EntryRow, Qr as ExpanderRow, Oe as Footer, Zr as Frame, Ve as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, ni as InlineViewSwitcher, ri as InlineViewSwitcherItem, rr as Link, Yr as LinkedGroup, Ki as NavigationPage, Qn as NavigationSplitView, qi as NavigationView, $n as OverlaySplitView, Mi as PasswordEntryRow, Yn as Popover, Ra as PreferencesDialog, _a as PreferencesGroup, ya as PreferencesPage, pe as ProgressBar, de as RadioButton, Re as SearchBar, re as Separator, da as ShortcutLabel, Pr as ShortcutsDialog, dt as Sidebar, st as SidebarCollapsedContext, _t as SidebarItem, ft as SidebarSection, Wn as Slider, qr as Spacer, xt as SpinButton, Fi as SpinRow, j as Spinner, Wr as SplitButton, Be as StatusPage, ae as Switch, ai as SwitchRow, St as TabBar, Ct as TabItem, wt as TabPanel, T as Text, le as TextField, za as Timeline, Bt as Toast, Vt as Toaster, sr as ToggleGroup, cr as ToggleGroupItem, Kr as Toolbar, pa as ToolbarView, gt as Tooltip, kt as ViewSwitcher, tr as ViewSwitcherBar, At as ViewSwitcherItem, Rr as ViewSwitcherSidebar, zr as ViewSwitcherSidebarItem, ha as WindowTitle, dr as WrapBox, He as useBreakpoint, Gi as useNavigation, ct as useSidebarCollapsed };
|
|
4169
4250
|
|
|
4170
4251
|
//# sourceMappingURL=index.js.map
|