@x-wave/blog 1.0.2 → 1.0.4
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/index.js +584 -580
- package/package.json +2 -2
- package/styles/index.css +217 -0
- package/index.css +0 -1
- package/styles/_variables.scss +0 -60
- package/styles/global.scss +0 -189
- package/styles/main.scss +0 -92
- package/styles/mixins.scss +0 -129
package/index.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as d, jsx as e, Fragment as z } from "react/jsx-runtime";
|
|
2
2
|
import { useTranslation as R } from "react-i18next";
|
|
3
|
-
import { useLocation as Y, useNavigate as V, useParams as ae, Link as de, Navigate as fe, Routes as
|
|
4
|
-
import { X as se, Tag as
|
|
3
|
+
import { useLocation as Y, useNavigate as V, useParams as ae, Link as de, Navigate as fe, Routes as ke, Route as ue } from "react-router-dom";
|
|
4
|
+
import { X as se, Tag as Ce, User as Te, CalendarBlank as ye, MagnifyingGlass as he, List as Le, Sun as me, Moon as _e, Monitor as ge, CaretDown as oe, Globe as Pe, CaretRight as Se } from "@phosphor-icons/react";
|
|
5
5
|
import { useState as P, useEffect as B, createContext as Be, useContext as Me, useRef as W } from "react";
|
|
6
6
|
import De from "react-markdown";
|
|
7
|
-
import
|
|
7
|
+
import Oe from "remark-gfm";
|
|
8
8
|
import ne from "i18next";
|
|
9
9
|
import { createPortal as ve } from "react-dom";
|
|
10
|
-
const
|
|
11
|
-
tabContainer:
|
|
10
|
+
const Ee = "_tabContainer_zk6h4_1", Re = "_tab_zk6h4_1", je = "_active_zk6h4_45", G = {
|
|
11
|
+
tabContainer: Ee,
|
|
12
12
|
tab: Re,
|
|
13
13
|
active: je
|
|
14
14
|
};
|
|
15
15
|
function Ae({ hasAdvanced: t }) {
|
|
16
|
-
const { t: n } = R(), o = Y(),
|
|
16
|
+
const { t: n } = R(), o = Y(), s = V();
|
|
17
17
|
if (!t) return null;
|
|
18
|
-
const
|
|
19
|
-
if (
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
const v =
|
|
23
|
-
|
|
18
|
+
const a = new URLSearchParams(o.search).has("advanced"), h = () => {
|
|
19
|
+
if (a) {
|
|
20
|
+
const r = new URLSearchParams(o.search);
|
|
21
|
+
r.delete("advanced");
|
|
22
|
+
const v = r.toString(), N = v ? `?${v}` : "";
|
|
23
|
+
s(`${o.pathname}${N}${o.hash}`);
|
|
24
24
|
}
|
|
25
|
-
},
|
|
26
|
-
if (!
|
|
27
|
-
const
|
|
28
|
-
|
|
25
|
+
}, p = () => {
|
|
26
|
+
if (!a) {
|
|
27
|
+
const r = new URLSearchParams(o.search);
|
|
28
|
+
r.set("advanced", ""), s(`${o.pathname}?${r.toString()}${o.hash}`);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ d("div", { className: G.tabContainer, children: [
|
|
32
32
|
/* @__PURE__ */ e(
|
|
33
33
|
"button",
|
|
34
34
|
{
|
|
35
35
|
type: "button",
|
|
36
|
-
className: `${G.tab} ${
|
|
36
|
+
className: `${G.tab} ${a ? "" : G.active}`,
|
|
37
37
|
onClick: h,
|
|
38
38
|
children: n("ui.simple")
|
|
39
39
|
}
|
|
@@ -42,66 +42,69 @@ function Ae({ hasAdvanced: t }) {
|
|
|
42
42
|
"button",
|
|
43
43
|
{
|
|
44
44
|
type: "button",
|
|
45
|
-
className: `${G.tab} ${
|
|
46
|
-
onClick:
|
|
45
|
+
className: `${G.tab} ${a ? G.active : ""}`,
|
|
46
|
+
onClick: p,
|
|
47
47
|
children: n("ui.advanced")
|
|
48
48
|
}
|
|
49
49
|
)
|
|
50
50
|
] });
|
|
51
51
|
}
|
|
52
|
+
function He({ children: t }) {
|
|
53
|
+
return /* @__PURE__ */ e("div", { className: "xw-blog-root", children: t });
|
|
54
|
+
}
|
|
52
55
|
function be(t) {
|
|
53
56
|
function n(o) {
|
|
54
|
-
const
|
|
55
|
-
if (!
|
|
56
|
-
const
|
|
57
|
-
let h = "",
|
|
58
|
-
const
|
|
59
|
-
for (const N of
|
|
57
|
+
const s = o.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
|
|
58
|
+
if (!s) return { frontmatter: {}, content: o };
|
|
59
|
+
const l = {}, a = s[1];
|
|
60
|
+
let h = "", p = !1;
|
|
61
|
+
const r = [];
|
|
62
|
+
for (const N of a.split(`
|
|
60
63
|
`)) {
|
|
61
|
-
const
|
|
62
|
-
if (
|
|
63
|
-
if (
|
|
64
|
-
const f =
|
|
65
|
-
|
|
64
|
+
const _ = N.trim();
|
|
65
|
+
if (_.startsWith("-")) {
|
|
66
|
+
if (p) {
|
|
67
|
+
const f = _.substring(1).trim();
|
|
68
|
+
r.push(f);
|
|
66
69
|
}
|
|
67
70
|
continue;
|
|
68
71
|
}
|
|
69
|
-
if (
|
|
70
|
-
const [f, ...c] =
|
|
71
|
-
if (h = f.trim(), !
|
|
72
|
-
|
|
72
|
+
if (p && !_.startsWith("-") && (l[h] = r.slice(), r.length = 0, p = !1), _ != null && _.includes(":")) {
|
|
73
|
+
const [f, ...c] = _.split(":"), g = c.join(":").trim();
|
|
74
|
+
if (h = f.trim(), !g) {
|
|
75
|
+
p = !0;
|
|
73
76
|
continue;
|
|
74
77
|
}
|
|
75
|
-
|
|
78
|
+
g === "true" ? l[h] = !0 : g === "false" ? l[h] = !1 : l[h] = g;
|
|
76
79
|
}
|
|
77
80
|
}
|
|
78
|
-
|
|
81
|
+
p && r.length > 0 && (l[h] = r);
|
|
79
82
|
const v = o.replace(
|
|
80
83
|
/^---\s*\n[\s\S]*?\n---\s*\n/,
|
|
81
84
|
""
|
|
82
85
|
);
|
|
83
|
-
return { frontmatter:
|
|
86
|
+
return { frontmatter: l, content: v };
|
|
84
87
|
}
|
|
85
88
|
return {
|
|
86
89
|
/**
|
|
87
90
|
* Load MDX content for a given language and slug.
|
|
88
91
|
* Automatically loads the advanced variant if `advanced` is true.
|
|
89
92
|
*/
|
|
90
|
-
async loadMDXContent(o,
|
|
91
|
-
const
|
|
92
|
-
if (!
|
|
93
|
-
const
|
|
93
|
+
async loadMDXContent(o, s, l = !1) {
|
|
94
|
+
const a = l ? `${s}-advanced.mdx` : `${s}.mdx`, h = `./docs/${o}/${a}`, p = t[h];
|
|
95
|
+
if (!p) throw new Error(`File not found: ${h}`);
|
|
96
|
+
const r = await p(), { frontmatter: v, content: N } = n(r);
|
|
94
97
|
return { content: N, frontmatter: v };
|
|
95
98
|
},
|
|
96
99
|
/**
|
|
97
100
|
* Load English content for generating consistent heading IDs.
|
|
98
101
|
* All heading anchors are derived from English content for stability across translations.
|
|
99
102
|
*/
|
|
100
|
-
async loadEnglishContent(o,
|
|
101
|
-
const
|
|
102
|
-
if (!h) throw new Error(`File not found: ${
|
|
103
|
-
const
|
|
104
|
-
return
|
|
103
|
+
async loadEnglishContent(o, s = !1) {
|
|
104
|
+
const a = `./docs/en/${s ? `${o}-advanced.mdx` : `${o}.mdx`}`, h = t[a];
|
|
105
|
+
if (!h) throw new Error(`File not found: ${a}`);
|
|
106
|
+
const p = await h(), { content: r } = n(p);
|
|
107
|
+
return r;
|
|
105
108
|
},
|
|
106
109
|
/**
|
|
107
110
|
* Build a tag index from all MDX files.
|
|
@@ -111,25 +114,25 @@ function be(t) {
|
|
|
111
114
|
* @returns Promise resolving to tag index mapping tag names to document info
|
|
112
115
|
*/
|
|
113
116
|
async buildTagIndex(o = "en") {
|
|
114
|
-
const
|
|
115
|
-
(h) => h.startsWith(
|
|
117
|
+
const s = {}, l = `./docs/${o}/`, a = Object.keys(t).filter(
|
|
118
|
+
(h) => h.startsWith(l)
|
|
116
119
|
);
|
|
117
|
-
for (const h of
|
|
120
|
+
for (const h of a)
|
|
118
121
|
try {
|
|
119
|
-
const
|
|
120
|
-
if (
|
|
121
|
-
const
|
|
122
|
-
if (
|
|
123
|
-
for (const b of
|
|
124
|
-
|
|
125
|
-
} catch (
|
|
126
|
-
console.warn(`Failed to process ${h}:`,
|
|
122
|
+
const p = t[h], r = await p(), { frontmatter: v, content: N } = n(r), _ = h.split("/").pop() || "", f = _.replace(".mdx", "").replace("-advanced", ""), c = N.match(/^#\s+(.+)$/m), g = c ? c[1].trim() : f;
|
|
123
|
+
if (_.includes("-advanced")) continue;
|
|
124
|
+
const i = v.tags;
|
|
125
|
+
if (i && Array.isArray(i))
|
|
126
|
+
for (const b of i)
|
|
127
|
+
s[b] || (s[b] = []), s[b].some((k) => k.slug === f) || s[b].push({ slug: f, title: g });
|
|
128
|
+
} catch (p) {
|
|
129
|
+
console.warn(`Failed to process ${h}:`, p);
|
|
127
130
|
}
|
|
128
|
-
return
|
|
131
|
+
return s;
|
|
129
132
|
}
|
|
130
133
|
};
|
|
131
134
|
}
|
|
132
|
-
function
|
|
135
|
+
function Oo(t) {
|
|
133
136
|
const n = be(t);
|
|
134
137
|
return {
|
|
135
138
|
mdxFiles: t,
|
|
@@ -137,32 +140,32 @@ function Do(t) {
|
|
|
137
140
|
loadEnglishContent: n.loadEnglishContent
|
|
138
141
|
};
|
|
139
142
|
}
|
|
140
|
-
const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t,
|
|
141
|
-
const [t, n] = P(
|
|
143
|
+
const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", pe = (t) => t === "system" ? $e() : t, qe = () => typeof window > "u" ? "system" : localStorage.getItem(we) || "system", Ne = () => {
|
|
144
|
+
const [t, n] = P(qe);
|
|
142
145
|
return B(() => {
|
|
143
|
-
const
|
|
144
|
-
if (
|
|
145
|
-
const
|
|
146
|
-
const
|
|
147
|
-
r
|
|
146
|
+
const s = pe(t), l = document.querySelector(".xw-blog-root");
|
|
147
|
+
if (l && (l.classList.remove("light", "dark"), l.classList.add(s)), t === "system") {
|
|
148
|
+
const a = window.matchMedia("(prefers-color-scheme: dark)"), h = () => {
|
|
149
|
+
const p = $e(), r = document.querySelector(".xw-blog-root");
|
|
150
|
+
r && (r.classList.remove("light", "dark"), r.classList.add(p));
|
|
148
151
|
};
|
|
149
|
-
return
|
|
152
|
+
return a.addEventListener("change", h), () => a.removeEventListener("change", h);
|
|
150
153
|
}
|
|
151
154
|
}, [t]), {
|
|
152
155
|
theme: t,
|
|
153
|
-
setTheme: (
|
|
154
|
-
localStorage.setItem(we,
|
|
156
|
+
setTheme: (s) => {
|
|
157
|
+
localStorage.setItem(we, s), n(s);
|
|
155
158
|
},
|
|
156
159
|
effectiveTheme: pe(t)
|
|
157
160
|
};
|
|
158
|
-
},
|
|
161
|
+
}, We = (t) => "items" in t, te = (t, n) => t.map((o) => We(o) ? {
|
|
159
162
|
title: ne.getFixedT(n)(o.title),
|
|
160
|
-
items: o.items.map((
|
|
161
|
-
title: ne.getFixedT(n)(
|
|
162
|
-
slug:
|
|
163
|
-
...
|
|
164
|
-
...
|
|
165
|
-
showTableOfContents:
|
|
163
|
+
items: o.items.map((s) => ({
|
|
164
|
+
title: ne.getFixedT(n)(s.title),
|
|
165
|
+
slug: s.slug,
|
|
166
|
+
...s.hasAdvanced && { hasAdvanced: s.hasAdvanced },
|
|
167
|
+
...s.showTableOfContents !== void 0 && {
|
|
168
|
+
showTableOfContents: s.showTableOfContents
|
|
166
169
|
}
|
|
167
170
|
}))
|
|
168
171
|
} : {
|
|
@@ -175,35 +178,35 @@ const we = "app-theme", $e = () => typeof window > "u" ? "light" : window.matchM
|
|
|
175
178
|
}), X = (t) => t.toString().toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-+|-+$/g, ""), Ie = Be(null);
|
|
176
179
|
function Eo({ children: t, config: n, blog: o }) {
|
|
177
180
|
Ne();
|
|
178
|
-
const [
|
|
181
|
+
const [s, l] = P({});
|
|
179
182
|
B(() => {
|
|
180
|
-
const { buildTagIndex: h } = be(o.mdxFiles),
|
|
183
|
+
const { buildTagIndex: h } = be(o.mdxFiles), p = n.supportedLanguages.map(async (r) => {
|
|
181
184
|
try {
|
|
182
|
-
const v = await h(
|
|
183
|
-
return { language:
|
|
185
|
+
const v = await h(r);
|
|
186
|
+
return { language: r, index: v };
|
|
184
187
|
} catch (v) {
|
|
185
|
-
return console.error(`Failed to build tag index for ${
|
|
188
|
+
return console.error(`Failed to build tag index for ${r}:`, v), { language: r, index: {} };
|
|
186
189
|
}
|
|
187
190
|
});
|
|
188
|
-
Promise.all(
|
|
191
|
+
Promise.all(p).then((r) => {
|
|
189
192
|
const v = {};
|
|
190
|
-
for (const N of
|
|
193
|
+
for (const N of r)
|
|
191
194
|
v[N.language] = N.index;
|
|
192
|
-
|
|
193
|
-
}).catch((
|
|
194
|
-
console.error("Failed to build tag indices:",
|
|
195
|
+
l(v);
|
|
196
|
+
}).catch((r) => {
|
|
197
|
+
console.error("Failed to build tag indices:", r);
|
|
195
198
|
});
|
|
196
199
|
}, [o.mdxFiles, n.supportedLanguages]);
|
|
197
|
-
const
|
|
200
|
+
const a = { ...n, tagIndex: s };
|
|
198
201
|
return /* @__PURE__ */ e(
|
|
199
202
|
Ie.Provider,
|
|
200
203
|
{
|
|
201
204
|
value: {
|
|
202
|
-
config:
|
|
205
|
+
config: a,
|
|
203
206
|
loadContent: o.loadContent,
|
|
204
207
|
loadEnglishContent: o.loadEnglishContent
|
|
205
208
|
},
|
|
206
|
-
children: t
|
|
209
|
+
children: /* @__PURE__ */ e(He, { children: t })
|
|
207
210
|
}
|
|
208
211
|
);
|
|
209
212
|
}
|
|
@@ -213,68 +216,68 @@ function H() {
|
|
|
213
216
|
throw new Error("useBlogConfig must be used within a BlogProvider");
|
|
214
217
|
return t;
|
|
215
218
|
}
|
|
216
|
-
const
|
|
217
|
-
tableOfContents:
|
|
218
|
-
header:
|
|
219
|
-
title:
|
|
219
|
+
const Fe = "_tableOfContents_11q9u_1", Ke = "_header_11q9u_20", ze = "_title_11q9u_24", Ue = "_nav_11q9u_33", Ge = "_list_11q9u_39", Qe = "_link_11q9u_46", Xe = "_active_11q9u_70", Ye = "_level1_11q9u_86", Ve = "_level2_11q9u_92", Je = "_level3_11q9u_97", Ze = "_level4_11q9u_103", et = "_level5_11q9u_109", tt = "_level6_11q9u_115", A = {
|
|
220
|
+
tableOfContents: Fe,
|
|
221
|
+
header: Ke,
|
|
222
|
+
title: ze,
|
|
220
223
|
nav: Ue,
|
|
221
|
-
list:
|
|
222
|
-
link:
|
|
223
|
-
active:
|
|
224
|
-
level1:
|
|
225
|
-
level2:
|
|
226
|
-
level3:
|
|
227
|
-
level4:
|
|
228
|
-
level5:
|
|
229
|
-
level6:
|
|
224
|
+
list: Ge,
|
|
225
|
+
link: Qe,
|
|
226
|
+
active: Xe,
|
|
227
|
+
level1: Ye,
|
|
228
|
+
level2: Ve,
|
|
229
|
+
level3: Je,
|
|
230
|
+
level4: Ze,
|
|
231
|
+
level5: et,
|
|
232
|
+
level6: tt
|
|
230
233
|
};
|
|
231
|
-
function
|
|
234
|
+
function nt({
|
|
232
235
|
content: t,
|
|
233
236
|
englishContent: n
|
|
234
237
|
}) {
|
|
235
|
-
const { t: o } = R(),
|
|
238
|
+
const { t: o } = R(), s = Y(), l = V(), [a, h] = P([]), [p, r] = P(""), v = W(null);
|
|
236
239
|
B(() => {
|
|
237
|
-
|
|
240
|
+
r(""), (() => {
|
|
238
241
|
const f = /^(#{1,6})\s+(.+)$/gm, c = [];
|
|
239
|
-
let
|
|
240
|
-
const
|
|
241
|
-
for (;
|
|
242
|
-
const m =
|
|
243
|
-
|
|
242
|
+
let g = f.exec(t);
|
|
243
|
+
const i = [];
|
|
244
|
+
for (; g !== null; ) {
|
|
245
|
+
const m = g[1].length, C = g[2].trim();
|
|
246
|
+
i.push({ level: m, text: C }), g = f.exec(t);
|
|
244
247
|
}
|
|
245
248
|
const b = /^(#{1,6})\s+(.+)$/gm;
|
|
246
|
-
let
|
|
247
|
-
for (;
|
|
248
|
-
const m =
|
|
249
|
+
let k = b.exec(n), y = 0;
|
|
250
|
+
for (; k !== null && y < i.length; ) {
|
|
251
|
+
const m = k[2].trim(), C = X(m);
|
|
249
252
|
c.push({
|
|
250
|
-
id:
|
|
251
|
-
text:
|
|
253
|
+
id: C,
|
|
254
|
+
text: i[y].text,
|
|
252
255
|
// Use localized text for display
|
|
253
|
-
level:
|
|
254
|
-
}),
|
|
256
|
+
level: i[y].level
|
|
257
|
+
}), y++, k = b.exec(n);
|
|
255
258
|
}
|
|
256
259
|
h(c);
|
|
257
260
|
})();
|
|
258
261
|
}, [t, n]), B(() => {
|
|
259
|
-
if (
|
|
260
|
-
const
|
|
261
|
-
const f =
|
|
262
|
+
if (a.length === 0) return;
|
|
263
|
+
const _ = setTimeout(() => {
|
|
264
|
+
const f = a.filter(
|
|
262
265
|
(c) => !document.getElementById(c.id)
|
|
263
266
|
);
|
|
264
267
|
f.length > 0 && console.warn("Some heading elements not found:", f);
|
|
265
268
|
}, 100);
|
|
266
|
-
return () => clearTimeout(
|
|
267
|
-
}, [
|
|
268
|
-
if (
|
|
269
|
+
return () => clearTimeout(_);
|
|
270
|
+
}, [a]), B(() => {
|
|
271
|
+
if (a.length === 0) return;
|
|
269
272
|
v.current && v.current.disconnect();
|
|
270
|
-
const
|
|
271
|
-
const f =
|
|
273
|
+
const _ = setTimeout(() => {
|
|
274
|
+
const f = a.map((c) => document.getElementById(c.id)).filter(Boolean);
|
|
272
275
|
f.length !== 0 && (v.current = new IntersectionObserver(
|
|
273
276
|
(c) => {
|
|
274
|
-
const
|
|
275
|
-
if (
|
|
276
|
-
const
|
|
277
|
-
|
|
277
|
+
const g = c.filter((i) => i.isIntersecting);
|
|
278
|
+
if (g.length > 0) {
|
|
279
|
+
const i = g.reduce((b, k) => b.boundingClientRect.top < k.boundingClientRect.top ? b : k);
|
|
280
|
+
r(i.target.id);
|
|
278
281
|
}
|
|
279
282
|
},
|
|
280
283
|
{
|
|
@@ -286,17 +289,17 @@ function tt({
|
|
|
286
289
|
}));
|
|
287
290
|
}, 150);
|
|
288
291
|
return () => {
|
|
289
|
-
clearTimeout(
|
|
292
|
+
clearTimeout(_), v.current && v.current.disconnect();
|
|
290
293
|
};
|
|
291
|
-
}, [
|
|
294
|
+
}, [a]), B(() => () => {
|
|
292
295
|
v.current && v.current.disconnect();
|
|
293
296
|
}, []);
|
|
294
|
-
const N = (
|
|
295
|
-
const f = document.getElementById(
|
|
297
|
+
const N = (_) => {
|
|
298
|
+
const f = document.getElementById(_);
|
|
296
299
|
if (f) {
|
|
297
|
-
const c = new URLSearchParams(
|
|
298
|
-
c.set("a",
|
|
299
|
-
`${
|
|
300
|
+
const c = new URLSearchParams(s.search);
|
|
301
|
+
c.set("a", _), l(
|
|
302
|
+
`${s.pathname}?${c.toString()}${s.hash}`,
|
|
300
303
|
{
|
|
301
304
|
replace: !0
|
|
302
305
|
}
|
|
@@ -308,47 +311,47 @@ function tt({
|
|
|
308
311
|
});
|
|
309
312
|
}
|
|
310
313
|
};
|
|
311
|
-
return
|
|
314
|
+
return a.length === 0 ? null : /* @__PURE__ */ d("aside", { className: A.tableOfContents, children: [
|
|
312
315
|
/* @__PURE__ */ e("div", { className: A.header, children: /* @__PURE__ */ e("span", { className: A.title, children: o("ui.onThisPage", "On this page") }) }),
|
|
313
|
-
/* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children:
|
|
316
|
+
/* @__PURE__ */ e("nav", { className: A.nav, children: /* @__PURE__ */ e("ul", { className: A.list, children: a.map((_) => /* @__PURE__ */ e("li", { className: A.item, children: /* @__PURE__ */ e(
|
|
314
317
|
"button",
|
|
315
318
|
{
|
|
316
|
-
className: `${A.link} ${A[`level${
|
|
317
|
-
onClick: () => N(
|
|
319
|
+
className: `${A.link} ${A[`level${_.level}`]} ${p === _.id ? A.active : ""}`,
|
|
320
|
+
onClick: () => N(_.id),
|
|
318
321
|
type: "button",
|
|
319
|
-
children:
|
|
322
|
+
children: _.text
|
|
320
323
|
}
|
|
321
|
-
) },
|
|
324
|
+
) }, _.id)) }) })
|
|
322
325
|
] });
|
|
323
326
|
}
|
|
324
|
-
const
|
|
325
|
-
overlay:
|
|
326
|
-
modal:
|
|
327
|
-
header:
|
|
328
|
-
title:
|
|
329
|
-
closeButton:
|
|
330
|
-
results:
|
|
331
|
-
resultsList:
|
|
332
|
-
resultItem:
|
|
333
|
-
resultTitle:
|
|
334
|
-
resultSlug:
|
|
335
|
-
noResults:
|
|
327
|
+
const ot = "_overlay_1e1d4_1", at = "_modal_1e1d4_26", st = "_header_1e1d4_50", ct = "_title_1e1d4_58", rt = "_closeButton_1e1d4_65", lt = "_results_1e1d4_86", it = "_resultsList_1e1d4_94", dt = "_resultItem_1e1d4_100", ut = "_resultTitle_1e1d4_119", ht = "_resultSlug_1e1d4_124", mt = "_noResults_1e1d4_130", O = {
|
|
328
|
+
overlay: ot,
|
|
329
|
+
modal: at,
|
|
330
|
+
header: st,
|
|
331
|
+
title: ct,
|
|
332
|
+
closeButton: rt,
|
|
333
|
+
results: lt,
|
|
334
|
+
resultsList: it,
|
|
335
|
+
resultItem: dt,
|
|
336
|
+
resultTitle: ut,
|
|
337
|
+
resultSlug: ht,
|
|
338
|
+
noResults: mt
|
|
336
339
|
};
|
|
337
|
-
function
|
|
340
|
+
function _t({
|
|
338
341
|
tag: t,
|
|
339
342
|
results: n,
|
|
340
343
|
language: o,
|
|
341
|
-
onClose:
|
|
344
|
+
onClose: s
|
|
342
345
|
}) {
|
|
343
|
-
const { t:
|
|
344
|
-
const v =
|
|
345
|
-
h(`${v}/${o}/${
|
|
346
|
+
const { t: l } = R(), { config: a } = H(), h = V(), p = (r) => {
|
|
347
|
+
const v = a.basePath || "";
|
|
348
|
+
h(`${v}/${o}/${r}`), s();
|
|
346
349
|
};
|
|
347
350
|
return ve(
|
|
348
|
-
/* @__PURE__ */ e("div", { className:
|
|
349
|
-
/* @__PURE__ */
|
|
350
|
-
/* @__PURE__ */
|
|
351
|
-
|
|
351
|
+
/* @__PURE__ */ e("div", { className: O.overlay, onClick: s, children: /* @__PURE__ */ d("div", { className: O.modal, onClick: (r) => r.stopPropagation(), children: [
|
|
352
|
+
/* @__PURE__ */ d("div", { className: O.header, children: [
|
|
353
|
+
/* @__PURE__ */ d("h2", { className: O.title, children: [
|
|
354
|
+
l("ui.tagResults"),
|
|
352
355
|
": ",
|
|
353
356
|
t
|
|
354
357
|
] }),
|
|
@@ -356,110 +359,110 @@ function mt({
|
|
|
356
359
|
"button",
|
|
357
360
|
{
|
|
358
361
|
type: "button",
|
|
359
|
-
className:
|
|
360
|
-
onClick:
|
|
362
|
+
className: O.closeButton,
|
|
363
|
+
onClick: s,
|
|
361
364
|
"aria-label": "Close",
|
|
362
365
|
children: /* @__PURE__ */ e(se, {})
|
|
363
366
|
}
|
|
364
367
|
)
|
|
365
368
|
] }),
|
|
366
|
-
/* @__PURE__ */ e("div", { className:
|
|
369
|
+
/* @__PURE__ */ e("div", { className: O.results, children: n.length === 0 ? /* @__PURE__ */ e("div", { className: O.noResults, children: l("ui.noTagResults") }) : /* @__PURE__ */ e("ul", { className: O.resultsList, children: n.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
|
|
367
370
|
"button",
|
|
368
371
|
{
|
|
369
372
|
type: "button",
|
|
370
|
-
className:
|
|
371
|
-
onClick: () =>
|
|
373
|
+
className: O.resultItem,
|
|
374
|
+
onClick: () => p(r.slug),
|
|
372
375
|
children: [
|
|
373
|
-
/* @__PURE__ */ e("div", { className:
|
|
374
|
-
/* @__PURE__ */
|
|
376
|
+
/* @__PURE__ */ e("div", { className: O.resultTitle, children: r.title }),
|
|
377
|
+
/* @__PURE__ */ d("div", { className: O.resultSlug, children: [
|
|
375
378
|
"/",
|
|
376
|
-
|
|
379
|
+
r.slug
|
|
377
380
|
] })
|
|
378
381
|
]
|
|
379
382
|
}
|
|
380
|
-
) },
|
|
383
|
+
) }, r.slug)) }) })
|
|
381
384
|
] }) }),
|
|
382
385
|
document.body
|
|
383
386
|
);
|
|
384
387
|
}
|
|
385
|
-
const gt = "
|
|
388
|
+
const gt = "_tags_11t8a_1", pt = "_compact_11t8a_9", ft = "_tagLabel_11t8a_15", vt = "_tagIcon_11t8a_25", bt = "_tagList_11t8a_30", wt = "_tag_11t8a_1", K = {
|
|
386
389
|
tags: gt,
|
|
387
|
-
compact:
|
|
388
|
-
tagLabel:
|
|
389
|
-
tagIcon:
|
|
390
|
-
tagList:
|
|
391
|
-
tag:
|
|
390
|
+
compact: pt,
|
|
391
|
+
tagLabel: ft,
|
|
392
|
+
tagIcon: vt,
|
|
393
|
+
tagList: bt,
|
|
394
|
+
tag: wt
|
|
392
395
|
};
|
|
393
|
-
function
|
|
394
|
-
const { t:
|
|
396
|
+
function $t({ tags: t, variant: n = "default", onTagClick: o }) {
|
|
397
|
+
const { t: s } = R();
|
|
395
398
|
if (!t || t.length === 0) return null;
|
|
396
|
-
const
|
|
397
|
-
o && o(
|
|
399
|
+
const l = (a) => {
|
|
400
|
+
o && o(a);
|
|
398
401
|
};
|
|
399
|
-
return /* @__PURE__ */
|
|
402
|
+
return /* @__PURE__ */ d(
|
|
400
403
|
"div",
|
|
401
404
|
{
|
|
402
405
|
className: `${K.tags} ${n === "compact" ? K.compact : ""}`,
|
|
403
406
|
children: [
|
|
404
|
-
n === "default" && /* @__PURE__ */
|
|
405
|
-
/* @__PURE__ */ e(
|
|
406
|
-
/* @__PURE__ */
|
|
407
|
-
|
|
407
|
+
n === "default" && /* @__PURE__ */ d("div", { className: K.tagLabel, children: [
|
|
408
|
+
/* @__PURE__ */ e(Ce, { className: K.tagIcon, weight: "duotone" }),
|
|
409
|
+
/* @__PURE__ */ d("span", { children: [
|
|
410
|
+
s("ui.tags"),
|
|
408
411
|
":"
|
|
409
412
|
] })
|
|
410
413
|
] }),
|
|
411
|
-
/* @__PURE__ */ e("div", { className: K.tagList, children: t.map((
|
|
414
|
+
/* @__PURE__ */ e("div", { className: K.tagList, children: t.map((a) => /* @__PURE__ */ e(
|
|
412
415
|
"button",
|
|
413
416
|
{
|
|
414
417
|
type: "button",
|
|
415
418
|
className: K.tag,
|
|
416
|
-
onClick: () =>
|
|
417
|
-
"aria-label": `${
|
|
418
|
-
children:
|
|
419
|
+
onClick: () => l(a),
|
|
420
|
+
"aria-label": `${s("ui.filterByTag")}: ${a}`,
|
|
421
|
+
children: a
|
|
419
422
|
},
|
|
420
|
-
|
|
423
|
+
a
|
|
421
424
|
)) })
|
|
422
425
|
]
|
|
423
426
|
}
|
|
424
427
|
);
|
|
425
428
|
}
|
|
426
|
-
const
|
|
427
|
-
contentPage:
|
|
428
|
-
metadata:
|
|
429
|
-
author:
|
|
429
|
+
const Nt = "_contentPage_1nxj5_1", It = "_metadata_1nxj5_20", xt = "_author_1nxj5_30", kt = "_date_1nxj5_31", Ct = "_loadingContainer_1nxj5_48", Tt = "_errorContainer_1nxj5_49", yt = "_skeletonTitle_1nxj5_71", Lt = "_skeletonParagraph_1nxj5_80", Pt = "_skeletonParagraphShort_1nxj5_93", St = "_errorText_1nxj5_107", Bt = "_mdxContent_1nxj5_112", Mt = "_withMetadata_1nxj5_125", Dt = "_codeBlock_1nxj5_300", Ot = "_codeLanguage_1nxj5_304", S = {
|
|
430
|
+
contentPage: Nt,
|
|
431
|
+
metadata: It,
|
|
432
|
+
author: xt,
|
|
430
433
|
date: kt,
|
|
431
434
|
loadingContainer: Ct,
|
|
432
|
-
errorContainer:
|
|
435
|
+
errorContainer: Tt,
|
|
433
436
|
skeletonTitle: yt,
|
|
434
|
-
skeletonParagraph:
|
|
435
|
-
skeletonParagraphShort:
|
|
436
|
-
errorText:
|
|
437
|
-
mdxContent:
|
|
438
|
-
withMetadata:
|
|
439
|
-
codeBlock:
|
|
440
|
-
codeLanguage:
|
|
437
|
+
skeletonParagraph: Lt,
|
|
438
|
+
skeletonParagraphShort: Pt,
|
|
439
|
+
errorText: St,
|
|
440
|
+
mdxContent: Bt,
|
|
441
|
+
withMetadata: Mt,
|
|
442
|
+
codeBlock: Dt,
|
|
443
|
+
codeLanguage: Ot
|
|
441
444
|
};
|
|
442
445
|
function Et({ language: t }) {
|
|
443
446
|
var ie;
|
|
444
|
-
const { slug: n } = ae(), o = Y(), { t:
|
|
447
|
+
const { slug: n } = ae(), o = Y(), { t: s } = R(), { config: l, loadContent: a, loadEnglishContent: h } = H(), [p, r] = P(""), [v, N] = P(""), [_, f] = P({}), [c, g] = P(!0), [i, b] = P(null), [k, y] = P(!0), [m, C] = P(null), M = W(0), U = W([]), J = ((u) => {
|
|
445
448
|
const w = {
|
|
446
449
|
advanced: !1,
|
|
447
450
|
anchor: ""
|
|
448
451
|
};
|
|
449
|
-
if (!
|
|
450
|
-
const $ = (
|
|
451
|
-
for (const
|
|
452
|
-
|
|
452
|
+
if (!u) return w;
|
|
453
|
+
const $ = (u.startsWith("?") ? u.substring(1) : u).split("&");
|
|
454
|
+
for (const T of $)
|
|
455
|
+
T === "advanced" ? w.advanced = !0 : T.startsWith("a=") && (w.anchor = T.substring(2));
|
|
453
456
|
return w;
|
|
454
457
|
})(o.search), j = J.advanced;
|
|
455
458
|
if (B(() => {
|
|
456
459
|
(async () => {
|
|
457
460
|
if (!n) return;
|
|
458
|
-
|
|
461
|
+
g(!0), b(null), M.current = 0;
|
|
459
462
|
let w = !0;
|
|
460
|
-
for (const I of
|
|
463
|
+
for (const I of l.navigationData)
|
|
461
464
|
if ("items" in I) {
|
|
462
|
-
const $ = I.items.find((
|
|
465
|
+
const $ = I.items.find((T) => T.slug === n);
|
|
463
466
|
if ($) {
|
|
464
467
|
w = $.showTableOfContents !== !1;
|
|
465
468
|
break;
|
|
@@ -468,14 +471,14 @@ function Et({ language: t }) {
|
|
|
468
471
|
w = I.showTableOfContents !== !1;
|
|
469
472
|
break;
|
|
470
473
|
}
|
|
471
|
-
|
|
474
|
+
y(w);
|
|
472
475
|
try {
|
|
473
476
|
let I;
|
|
474
477
|
try {
|
|
475
|
-
I = await
|
|
478
|
+
I = await a(t, n, j);
|
|
476
479
|
} catch {
|
|
477
480
|
if (j)
|
|
478
|
-
I = await
|
|
481
|
+
I = await a(t, n, !1);
|
|
479
482
|
else
|
|
480
483
|
throw new Error("Content not found");
|
|
481
484
|
}
|
|
@@ -485,79 +488,79 @@ function Et({ language: t }) {
|
|
|
485
488
|
} catch {
|
|
486
489
|
j && ($ = await h(n, !1));
|
|
487
490
|
}
|
|
488
|
-
const
|
|
489
|
-
let F =
|
|
491
|
+
const T = /^(#{1,6})\s+(.+)$/gm, E = [];
|
|
492
|
+
let F = T.exec($);
|
|
490
493
|
for (; F !== null; ) {
|
|
491
494
|
const Z = F[2].trim();
|
|
492
|
-
|
|
495
|
+
E.push(Z), F = T.exec($);
|
|
493
496
|
}
|
|
494
|
-
|
|
497
|
+
U.current = E, N($), r(I.content), f(I.frontmatter);
|
|
495
498
|
} catch (I) {
|
|
496
499
|
b(I instanceof Error ? I.message : "Failed to load content");
|
|
497
500
|
} finally {
|
|
498
|
-
|
|
501
|
+
g(!1);
|
|
499
502
|
}
|
|
500
503
|
})();
|
|
501
504
|
}, [
|
|
502
505
|
n,
|
|
503
506
|
t,
|
|
504
507
|
j,
|
|
505
|
-
|
|
506
|
-
|
|
508
|
+
l.navigationData,
|
|
509
|
+
a,
|
|
507
510
|
h
|
|
508
511
|
]), B(() => {
|
|
509
512
|
if (!c && J.anchor) {
|
|
510
|
-
const
|
|
513
|
+
const u = setTimeout(() => {
|
|
511
514
|
const w = document.getElementById(J.anchor);
|
|
512
515
|
if (w) {
|
|
513
|
-
const
|
|
516
|
+
const T = w.getBoundingClientRect().top + window.pageYOffset - 80;
|
|
514
517
|
window.scrollTo({
|
|
515
|
-
top:
|
|
518
|
+
top: T,
|
|
516
519
|
behavior: "smooth"
|
|
517
520
|
});
|
|
518
521
|
}
|
|
519
522
|
}, 150);
|
|
520
|
-
return () => clearTimeout(
|
|
523
|
+
return () => clearTimeout(u);
|
|
521
524
|
}
|
|
522
525
|
}, [c, J.anchor]), c)
|
|
523
|
-
return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */
|
|
526
|
+
return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ d("div", { className: S.loadingContainer, children: [
|
|
524
527
|
/* @__PURE__ */ e("div", { className: S.skeletonTitle }),
|
|
525
528
|
/* @__PURE__ */ e("div", { className: S.skeletonParagraph }),
|
|
526
529
|
/* @__PURE__ */ e("div", { className: S.skeletonParagraph }),
|
|
527
530
|
/* @__PURE__ */ e("div", { className: S.skeletonParagraphShort })
|
|
528
531
|
] }) });
|
|
529
|
-
if (
|
|
530
|
-
return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ e("div", { className: S.errorContainer, children: /* @__PURE__ */
|
|
532
|
+
if (i)
|
|
533
|
+
return /* @__PURE__ */ e("div", { className: S.contentPage, children: /* @__PURE__ */ e("div", { className: S.errorContainer, children: /* @__PURE__ */ d("div", { className: S.errorText, children: [
|
|
531
534
|
"Error: ",
|
|
532
|
-
|
|
535
|
+
i
|
|
533
536
|
] }) }) });
|
|
534
537
|
M.current = 0;
|
|
535
538
|
let le = !1;
|
|
536
|
-
const
|
|
537
|
-
|
|
538
|
-
/* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
|
|
539
|
-
g.author
|
|
540
|
-
] }),
|
|
541
|
-
g.date && /* @__PURE__ */ i("span", { className: S.date, children: [
|
|
539
|
+
const xe = () => /* @__PURE__ */ d("div", { className: S.metadata, children: [
|
|
540
|
+
_.author && /* @__PURE__ */ d("span", { className: S.author, children: [
|
|
542
541
|
/* @__PURE__ */ e(Te, { size: 16, weight: "regular" }),
|
|
543
|
-
|
|
542
|
+
_.author
|
|
543
|
+
] }),
|
|
544
|
+
_.date && /* @__PURE__ */ d("span", { className: S.date, children: [
|
|
545
|
+
/* @__PURE__ */ e(ye, { size: 16, weight: "regular" }),
|
|
546
|
+
s("ui.lastEdited"),
|
|
544
547
|
": ",
|
|
545
|
-
|
|
548
|
+
_.date
|
|
546
549
|
] })
|
|
547
550
|
] });
|
|
548
|
-
return /* @__PURE__ */
|
|
549
|
-
/* @__PURE__ */
|
|
550
|
-
/* @__PURE__ */ e(Ae, { hasAdvanced:
|
|
551
|
+
return /* @__PURE__ */ d(z, { children: [
|
|
552
|
+
/* @__PURE__ */ d("div", { className: S.contentPage, children: [
|
|
553
|
+
/* @__PURE__ */ e(Ae, { hasAdvanced: _.hasAdvanced || !1 }),
|
|
551
554
|
/* @__PURE__ */ e("div", { className: S.mdxContent, children: /* @__PURE__ */ e(
|
|
552
555
|
De,
|
|
553
556
|
{
|
|
554
|
-
remarkPlugins: [
|
|
557
|
+
remarkPlugins: [Oe],
|
|
555
558
|
components: {
|
|
556
|
-
h1: ({ children:
|
|
557
|
-
const w = M.current++, I =
|
|
559
|
+
h1: ({ children: u }) => {
|
|
560
|
+
const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`, F = !le;
|
|
558
561
|
le = !0;
|
|
559
|
-
const Z =
|
|
560
|
-
return /* @__PURE__ */
|
|
562
|
+
const Z = _.date || _.author;
|
|
563
|
+
return /* @__PURE__ */ d(z, { children: [
|
|
561
564
|
/* @__PURE__ */ e(
|
|
562
565
|
"h1",
|
|
563
566
|
{
|
|
@@ -566,183 +569,183 @@ function Et({ language: t }) {
|
|
|
566
569
|
children: /* @__PURE__ */ e(
|
|
567
570
|
"a",
|
|
568
571
|
{
|
|
569
|
-
href:
|
|
572
|
+
href: E,
|
|
570
573
|
style: { color: "inherit", textDecoration: "none" },
|
|
571
|
-
children:
|
|
574
|
+
children: u
|
|
572
575
|
}
|
|
573
576
|
)
|
|
574
577
|
}
|
|
575
578
|
),
|
|
576
|
-
F && Z && /* @__PURE__ */ e(
|
|
579
|
+
F && Z && /* @__PURE__ */ e(xe, {})
|
|
577
580
|
] });
|
|
578
581
|
},
|
|
579
|
-
h2: ({ children:
|
|
580
|
-
const w = M.current++, I =
|
|
582
|
+
h2: ({ children: u }) => {
|
|
583
|
+
const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`;
|
|
581
584
|
return /* @__PURE__ */ e("h2", { id: $, children: /* @__PURE__ */ e(
|
|
582
585
|
"a",
|
|
583
586
|
{
|
|
584
|
-
href:
|
|
587
|
+
href: E,
|
|
585
588
|
style: { color: "inherit", textDecoration: "none" },
|
|
586
|
-
children:
|
|
589
|
+
children: u
|
|
587
590
|
}
|
|
588
591
|
) });
|
|
589
592
|
},
|
|
590
|
-
h3: ({ children:
|
|
591
|
-
const w = M.current++, I =
|
|
593
|
+
h3: ({ children: u }) => {
|
|
594
|
+
const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`;
|
|
592
595
|
return /* @__PURE__ */ e("h3", { id: $, children: /* @__PURE__ */ e(
|
|
593
596
|
"a",
|
|
594
597
|
{
|
|
595
|
-
href:
|
|
598
|
+
href: E,
|
|
596
599
|
style: { color: "inherit", textDecoration: "none" },
|
|
597
|
-
children:
|
|
600
|
+
children: u
|
|
598
601
|
}
|
|
599
602
|
) });
|
|
600
603
|
},
|
|
601
|
-
h4: ({ children:
|
|
602
|
-
const w = M.current++, I =
|
|
604
|
+
h4: ({ children: u }) => {
|
|
605
|
+
const w = M.current++, I = U.current[w] || "", $ = X(I), T = j ? `?advanced&a=${$}` : `?a=${$}`, E = `#/${t}/${n}${T}`;
|
|
603
606
|
return /* @__PURE__ */ e("h4", { id: $, children: /* @__PURE__ */ e(
|
|
604
607
|
"a",
|
|
605
608
|
{
|
|
606
|
-
href:
|
|
609
|
+
href: E,
|
|
607
610
|
style: { color: "inherit", textDecoration: "none" },
|
|
608
|
-
children:
|
|
611
|
+
children: u
|
|
609
612
|
}
|
|
610
613
|
) });
|
|
611
614
|
},
|
|
612
|
-
h5: ({ children:
|
|
615
|
+
h5: ({ children: u }) => {
|
|
613
616
|
const w = `h5-${M.current++}`;
|
|
614
|
-
return /* @__PURE__ */ e("h5", { id: w, children:
|
|
617
|
+
return /* @__PURE__ */ e("h5", { id: w, children: u });
|
|
615
618
|
},
|
|
616
|
-
h6: ({ children:
|
|
619
|
+
h6: ({ children: u }) => {
|
|
617
620
|
const w = `h6-${M.current++}`;
|
|
618
|
-
return /* @__PURE__ */ e("h6", { id: w, children:
|
|
621
|
+
return /* @__PURE__ */ e("h6", { id: w, children: u });
|
|
619
622
|
},
|
|
620
|
-
p: ({ children:
|
|
621
|
-
ul: ({ children:
|
|
622
|
-
ol: ({ children:
|
|
623
|
-
li: ({ children:
|
|
624
|
-
code: ({ className:
|
|
625
|
-
if (!
|
|
623
|
+
p: ({ children: u }) => /* @__PURE__ */ e("p", { children: u }),
|
|
624
|
+
ul: ({ children: u }) => /* @__PURE__ */ e("ul", { children: u }),
|
|
625
|
+
ol: ({ children: u }) => /* @__PURE__ */ e("ol", { children: u }),
|
|
626
|
+
li: ({ children: u }) => /* @__PURE__ */ e("li", { children: u }),
|
|
627
|
+
code: ({ className: u, children: w, ...I }) => {
|
|
628
|
+
if (!u)
|
|
626
629
|
return /* @__PURE__ */ e("code", { ...I, children: w });
|
|
627
|
-
const
|
|
628
|
-
return /* @__PURE__ */
|
|
629
|
-
|
|
630
|
-
/* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className:
|
|
630
|
+
const T = (u == null ? void 0 : u.replace("language-", "")) || "";
|
|
631
|
+
return /* @__PURE__ */ d("div", { className: S.codeBlock, children: [
|
|
632
|
+
T && /* @__PURE__ */ e("div", { className: S.codeLanguage, children: T }),
|
|
633
|
+
/* @__PURE__ */ e("pre", { children: /* @__PURE__ */ e("code", { className: u, ...I, children: w }) })
|
|
631
634
|
] });
|
|
632
635
|
},
|
|
633
|
-
pre: ({ children:
|
|
636
|
+
pre: ({ children: u }) => /* @__PURE__ */ e(z, { children: u }),
|
|
634
637
|
// Let code component handle pre styling
|
|
635
|
-
blockquote: ({ children:
|
|
636
|
-
a: ({ href:
|
|
637
|
-
if (
|
|
638
|
-
const $ =
|
|
639
|
-
return /* @__PURE__ */ e("a", { href:
|
|
638
|
+
blockquote: ({ children: u }) => /* @__PURE__ */ e("blockquote", { children: u }),
|
|
639
|
+
a: ({ href: u, children: w, ...I }) => {
|
|
640
|
+
if (u != null && u.startsWith("./")) {
|
|
641
|
+
const $ = u.slice(2), T = `#/${t}/${$}`;
|
|
642
|
+
return /* @__PURE__ */ e("a", { href: T, ...I, children: w });
|
|
640
643
|
}
|
|
641
|
-
return
|
|
644
|
+
return u != null && u.startsWith("http://") || u != null && u.startsWith("https://") ? /* @__PURE__ */ e(
|
|
642
645
|
"a",
|
|
643
646
|
{
|
|
644
|
-
href:
|
|
647
|
+
href: u,
|
|
645
648
|
target: "_blank",
|
|
646
649
|
rel: "noopener noreferrer",
|
|
647
650
|
...I,
|
|
648
651
|
children: w
|
|
649
652
|
}
|
|
650
|
-
) : /* @__PURE__ */ e("a", { href:
|
|
653
|
+
) : /* @__PURE__ */ e("a", { href: u, ...I, children: w });
|
|
651
654
|
},
|
|
652
|
-
strong: ({ children:
|
|
653
|
-
em: ({ children:
|
|
655
|
+
strong: ({ children: u }) => /* @__PURE__ */ e("strong", { children: u }),
|
|
656
|
+
em: ({ children: u }) => /* @__PURE__ */ e("em", { children: u })
|
|
654
657
|
},
|
|
655
|
-
children:
|
|
658
|
+
children: p
|
|
656
659
|
}
|
|
657
660
|
) }),
|
|
658
|
-
|
|
659
|
-
|
|
661
|
+
_.tags && _.tags.length > 0 && /* @__PURE__ */ e(
|
|
662
|
+
$t,
|
|
660
663
|
{
|
|
661
|
-
tags:
|
|
664
|
+
tags: _.tags,
|
|
662
665
|
variant: "compact",
|
|
663
|
-
onTagClick: (
|
|
666
|
+
onTagClick: (u) => C(u)
|
|
664
667
|
}
|
|
665
668
|
)
|
|
666
669
|
] }),
|
|
667
|
-
|
|
668
|
-
m && ((ie =
|
|
669
|
-
|
|
670
|
+
k && /* @__PURE__ */ e(nt, { content: p, englishContent: v }),
|
|
671
|
+
m && ((ie = l.tagIndex) == null ? void 0 : ie[t]) && /* @__PURE__ */ e(
|
|
672
|
+
_t,
|
|
670
673
|
{
|
|
671
674
|
tag: m,
|
|
672
|
-
results:
|
|
675
|
+
results: l.tagIndex[t][m] || [],
|
|
673
676
|
language: t,
|
|
674
|
-
onClose: () =>
|
|
677
|
+
onClose: () => C(null)
|
|
675
678
|
}
|
|
676
679
|
)
|
|
677
680
|
] });
|
|
678
681
|
}
|
|
679
|
-
const
|
|
680
|
-
searchButton:
|
|
681
|
-
searchIcon:
|
|
682
|
-
searchHint:
|
|
683
|
-
kbd:
|
|
684
|
-
searchOverlay:
|
|
685
|
-
searchModal:
|
|
686
|
-
searchHeader:
|
|
687
|
-
searchInput:
|
|
688
|
-
closeButton:
|
|
682
|
+
const Rt = "_searchButton_1k9sl_1", jt = "_searchIcon_1k9sl_17", At = "_searchHint_1k9sl_23", Ht = "_kbd_1k9sl_27", qt = "_searchOverlay_1k9sl_42", Wt = "_searchModal_1k9sl_67", Ft = "_searchHeader_1k9sl_91", Kt = "_searchInput_1k9sl_105", zt = "_closeButton_1k9sl_123", Ut = "_searchResults_1k9sl_144", Gt = "_resultsList_1k9sl_152", Qt = "_resultItem_1k9sl_158", Xt = "_selected_1k9sl_173", Yt = "_resultTitle_1k9sl_176", Vt = "_resultSlug_1k9sl_180", Jt = "_noResults_1k9sl_186", Zt = "_searchHints_1k9sl_193", en = "_hint_1k9sl_210", L = {
|
|
683
|
+
searchButton: Rt,
|
|
684
|
+
searchIcon: jt,
|
|
685
|
+
searchHint: At,
|
|
686
|
+
kbd: Ht,
|
|
687
|
+
searchOverlay: qt,
|
|
688
|
+
searchModal: Wt,
|
|
689
|
+
searchHeader: Ft,
|
|
690
|
+
searchInput: Kt,
|
|
691
|
+
closeButton: zt,
|
|
689
692
|
searchResults: Ut,
|
|
690
|
-
resultsList:
|
|
691
|
-
resultItem:
|
|
692
|
-
selected:
|
|
693
|
-
resultTitle:
|
|
694
|
-
resultSlug:
|
|
695
|
-
noResults:
|
|
696
|
-
searchHints:
|
|
697
|
-
hint:
|
|
693
|
+
resultsList: Gt,
|
|
694
|
+
resultItem: Qt,
|
|
695
|
+
selected: Xt,
|
|
696
|
+
resultTitle: Yt,
|
|
697
|
+
resultSlug: Vt,
|
|
698
|
+
noResults: Jt,
|
|
699
|
+
searchHints: Zt,
|
|
700
|
+
hint: en
|
|
698
701
|
};
|
|
699
|
-
function
|
|
700
|
-
const { t: n } = R(), { config: o } = H(),
|
|
702
|
+
function tn({ language: t }) {
|
|
703
|
+
const { t: n } = R(), { config: o } = H(), s = V(), [l, a] = P(!1), [h, p] = P(""), [r, v] = P([]), [N, _] = P(0), f = W(null), c = W(null), i = typeof navigator < "u" && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘K" : "Ctrl+K", b = te(
|
|
701
704
|
o.navigationData,
|
|
702
705
|
t
|
|
703
|
-
).flatMap((m) => "items" in m ? m.items.map((
|
|
704
|
-
title:
|
|
705
|
-
slug:
|
|
706
|
+
).flatMap((m) => "items" in m ? m.items.map((C) => ({
|
|
707
|
+
title: C.title,
|
|
708
|
+
slug: C.slug
|
|
706
709
|
})) : [{ title: m.title, slug: m.slug }]);
|
|
707
710
|
B(() => {
|
|
708
711
|
if (!h.trim()) {
|
|
709
|
-
v([]),
|
|
712
|
+
v([]), _(0);
|
|
710
713
|
return;
|
|
711
714
|
}
|
|
712
|
-
const m = h.toLowerCase(),
|
|
715
|
+
const m = h.toLowerCase(), C = b.filter(
|
|
713
716
|
(M) => M.title.toLowerCase().includes(m) || M.slug.toLowerCase().includes(m)
|
|
714
717
|
);
|
|
715
|
-
v(
|
|
718
|
+
v(C), _(0);
|
|
716
719
|
}, [h]), B(() => {
|
|
717
|
-
const m = (
|
|
718
|
-
(
|
|
720
|
+
const m = (C) => {
|
|
721
|
+
(C.metaKey || C.ctrlKey) && C.key === "k" && (C.preventDefault(), a(!0), setTimeout(() => {
|
|
719
722
|
var M;
|
|
720
723
|
return (M = f.current) == null ? void 0 : M.focus();
|
|
721
|
-
}, 100)),
|
|
724
|
+
}, 100)), C.key === "Escape" && l && (a(!1), p(""));
|
|
722
725
|
};
|
|
723
726
|
return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
|
|
724
|
-
}, [
|
|
725
|
-
const
|
|
726
|
-
m.key === "ArrowDown" ? (m.preventDefault(),
|
|
727
|
+
}, [l]);
|
|
728
|
+
const k = (m) => {
|
|
729
|
+
m.key === "ArrowDown" ? (m.preventDefault(), _((C) => Math.min(C + 1, r.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), _((C) => Math.max(C - 1, 0))) : m.key === "Enter" && r[N] && (m.preventDefault(), y(r[N].slug));
|
|
727
730
|
};
|
|
728
731
|
B(() => {
|
|
729
|
-
const m = (
|
|
730
|
-
c.current && !c.current.contains(
|
|
732
|
+
const m = (C) => {
|
|
733
|
+
c.current && !c.current.contains(C.target) && (a(!1), p(""));
|
|
731
734
|
};
|
|
732
|
-
return
|
|
733
|
-
}, [
|
|
734
|
-
const
|
|
735
|
-
const
|
|
736
|
-
|
|
735
|
+
return l && document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
|
|
736
|
+
}, [l]);
|
|
737
|
+
const y = (m) => {
|
|
738
|
+
const C = o.basePath || "";
|
|
739
|
+
s(`${C}/${t}/${m}`), a(!1), p("");
|
|
737
740
|
};
|
|
738
|
-
return /* @__PURE__ */
|
|
739
|
-
/* @__PURE__ */
|
|
741
|
+
return /* @__PURE__ */ d(z, { children: [
|
|
742
|
+
/* @__PURE__ */ d(
|
|
740
743
|
"button",
|
|
741
744
|
{
|
|
742
745
|
type: "button",
|
|
743
746
|
className: L.searchButton,
|
|
744
747
|
onClick: () => {
|
|
745
|
-
|
|
748
|
+
a(!0), setTimeout(() => {
|
|
746
749
|
var m;
|
|
747
750
|
return (m = f.current) == null ? void 0 : m.focus();
|
|
748
751
|
}, 100);
|
|
@@ -751,26 +754,26 @@ function en({ language: t }) {
|
|
|
751
754
|
children: [
|
|
752
755
|
/* @__PURE__ */ e(he, { className: L.searchIcon }),
|
|
753
756
|
/* @__PURE__ */ e("span", { className: L.searchHint, children: n("ui.search") }),
|
|
754
|
-
/* @__PURE__ */ e("kbd", { className: L.kbd, children:
|
|
757
|
+
/* @__PURE__ */ e("kbd", { className: L.kbd, children: i })
|
|
755
758
|
]
|
|
756
759
|
}
|
|
757
760
|
),
|
|
758
|
-
|
|
761
|
+
l && ve(
|
|
759
762
|
/* @__PURE__ */ e(
|
|
760
763
|
"div",
|
|
761
764
|
{
|
|
762
765
|
className: L.searchOverlay,
|
|
763
766
|
onClick: () => {
|
|
764
|
-
|
|
767
|
+
a(!1), p("");
|
|
765
768
|
},
|
|
766
|
-
children: /* @__PURE__ */
|
|
769
|
+
children: /* @__PURE__ */ d(
|
|
767
770
|
"div",
|
|
768
771
|
{
|
|
769
772
|
className: L.searchModal,
|
|
770
773
|
ref: c,
|
|
771
774
|
onClick: (m) => m.stopPropagation(),
|
|
772
775
|
children: [
|
|
773
|
-
/* @__PURE__ */
|
|
776
|
+
/* @__PURE__ */ d("div", { className: L.searchHeader, children: [
|
|
774
777
|
/* @__PURE__ */ e(he, { className: L.searchIcon }),
|
|
775
778
|
/* @__PURE__ */ e(
|
|
776
779
|
"input",
|
|
@@ -780,8 +783,8 @@ function en({ language: t }) {
|
|
|
780
783
|
className: L.searchInput,
|
|
781
784
|
placeholder: n("ui.searchPlaceholder"),
|
|
782
785
|
value: h,
|
|
783
|
-
onChange: (m) =>
|
|
784
|
-
onKeyDown:
|
|
786
|
+
onChange: (m) => p(m.target.value),
|
|
787
|
+
onKeyDown: k
|
|
785
788
|
}
|
|
786
789
|
),
|
|
787
790
|
/* @__PURE__ */ e(
|
|
@@ -790,40 +793,40 @@ function en({ language: t }) {
|
|
|
790
793
|
type: "button",
|
|
791
794
|
className: L.closeButton,
|
|
792
795
|
onClick: () => {
|
|
793
|
-
|
|
796
|
+
a(!1), p("");
|
|
794
797
|
},
|
|
795
798
|
"aria-label": "Close search",
|
|
796
799
|
children: /* @__PURE__ */ e(se, {})
|
|
797
800
|
}
|
|
798
801
|
)
|
|
799
802
|
] }),
|
|
800
|
-
h && /* @__PURE__ */ e("div", { className: L.searchResults, children:
|
|
803
|
+
h && /* @__PURE__ */ e("div", { className: L.searchResults, children: r.length === 0 ? /* @__PURE__ */ e("div", { className: L.noResults, children: n("ui.noSearchResults") }) : /* @__PURE__ */ e("ul", { className: L.resultsList, children: r.map((m, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
|
|
801
804
|
"button",
|
|
802
805
|
{
|
|
803
806
|
type: "button",
|
|
804
|
-
className: `${L.resultItem} ${
|
|
805
|
-
onClick: () =>
|
|
806
|
-
onMouseEnter: () =>
|
|
807
|
+
className: `${L.resultItem} ${C === N ? L.selected : ""}`,
|
|
808
|
+
onClick: () => y(m.slug),
|
|
809
|
+
onMouseEnter: () => _(C),
|
|
807
810
|
children: [
|
|
808
811
|
/* @__PURE__ */ e("div", { className: L.resultTitle, children: m.title }),
|
|
809
|
-
/* @__PURE__ */
|
|
812
|
+
/* @__PURE__ */ d("div", { className: L.resultSlug, children: [
|
|
810
813
|
"/",
|
|
811
814
|
m.slug
|
|
812
815
|
] })
|
|
813
816
|
]
|
|
814
817
|
}
|
|
815
818
|
) }, m.slug)) }) }),
|
|
816
|
-
!h && /* @__PURE__ */
|
|
817
|
-
/* @__PURE__ */
|
|
819
|
+
!h && /* @__PURE__ */ d("div", { className: L.searchHints, children: [
|
|
820
|
+
/* @__PURE__ */ d("div", { className: L.hint, children: [
|
|
818
821
|
/* @__PURE__ */ e("kbd", { children: "↑" }),
|
|
819
822
|
/* @__PURE__ */ e("kbd", { children: "↓" }),
|
|
820
823
|
/* @__PURE__ */ e("span", { children: n("ui.searchNavigate") })
|
|
821
824
|
] }),
|
|
822
|
-
/* @__PURE__ */
|
|
825
|
+
/* @__PURE__ */ d("div", { className: L.hint, children: [
|
|
823
826
|
/* @__PURE__ */ e("kbd", { children: "↵" }),
|
|
824
827
|
/* @__PURE__ */ e("span", { children: n("ui.searchSelect") })
|
|
825
828
|
] }),
|
|
826
|
-
/* @__PURE__ */
|
|
829
|
+
/* @__PURE__ */ d("div", { className: L.hint, children: [
|
|
827
830
|
/* @__PURE__ */ e("kbd", { children: "esc" }),
|
|
828
831
|
/* @__PURE__ */ e("span", { children: n("ui.searchClose") })
|
|
829
832
|
] })
|
|
@@ -837,158 +840,158 @@ function en({ language: t }) {
|
|
|
837
840
|
)
|
|
838
841
|
] });
|
|
839
842
|
}
|
|
840
|
-
const
|
|
841
|
-
header:
|
|
842
|
-
container:
|
|
843
|
-
content:
|
|
844
|
-
leftSection:
|
|
845
|
-
mobileMenuButton:
|
|
846
|
-
burgerIcon:
|
|
847
|
-
logo:
|
|
848
|
-
nav:
|
|
849
|
-
navLink:
|
|
850
|
-
externalIcon:
|
|
851
|
-
supportDropdown:
|
|
852
|
-
themeDropdown:
|
|
843
|
+
const nn = "_header_jrobc_1", on = "_container_jrobc_24", an = "_content_jrobc_36", sn = "_leftSection_jrobc_43", cn = "_mobileMenuButton_jrobc_49", rn = "_burgerIcon_jrobc_87", ln = "_logo_jrobc_92", dn = "_nav_jrobc_98", un = "_navLink_jrobc_109", hn = "_externalIcon_jrobc_135", mn = "_supportDropdown_jrobc_141", _n = "_themeDropdown_jrobc_145", gn = "_themeButton_jrobc_149", pn = "_themeIcon_jrobc_171", fn = "_supportButton_jrobc_177", vn = "_caretIcon_jrobc_198", bn = "_dropdownMenu_jrobc_208", wn = "_dropdownItem_jrobc_221", $n = "_dropdownIcon_jrobc_244", x = {
|
|
844
|
+
header: nn,
|
|
845
|
+
container: on,
|
|
846
|
+
content: an,
|
|
847
|
+
leftSection: sn,
|
|
848
|
+
mobileMenuButton: cn,
|
|
849
|
+
burgerIcon: rn,
|
|
850
|
+
logo: ln,
|
|
851
|
+
nav: dn,
|
|
852
|
+
navLink: un,
|
|
853
|
+
externalIcon: hn,
|
|
854
|
+
supportDropdown: mn,
|
|
855
|
+
themeDropdown: _n,
|
|
853
856
|
themeButton: gn,
|
|
854
|
-
themeIcon:
|
|
855
|
-
supportButton:
|
|
856
|
-
caretIcon:
|
|
857
|
-
dropdownMenu:
|
|
858
|
-
dropdownItem:
|
|
859
|
-
dropdownIcon:
|
|
857
|
+
themeIcon: pn,
|
|
858
|
+
supportButton: fn,
|
|
859
|
+
caretIcon: vn,
|
|
860
|
+
dropdownMenu: bn,
|
|
861
|
+
dropdownItem: wn,
|
|
862
|
+
dropdownIcon: $n
|
|
860
863
|
};
|
|
861
|
-
function
|
|
862
|
-
const { t: n, i18n: o } = R(), { config:
|
|
864
|
+
function Nn({ onMobileMenuToggle: t }) {
|
|
865
|
+
const { t: n, i18n: o } = R(), { config: s } = H(), l = s.header ?? {}, a = l.navLinks ?? [], h = l.dropdownItems ?? [], [p, r] = P(!1), [v, N] = P(!1), { theme: _, setTheme: f } = Ne(), c = W(null), g = W(null);
|
|
863
866
|
return B(() => {
|
|
864
|
-
const
|
|
865
|
-
c.current && !c.current.contains(b.target) &&
|
|
867
|
+
const i = (b) => {
|
|
868
|
+
c.current && !c.current.contains(b.target) && r(!1), g.current && !g.current.contains(b.target) && N(!1);
|
|
866
869
|
};
|
|
867
|
-
return document.addEventListener("mousedown",
|
|
868
|
-
}, []), /* @__PURE__ */ e("header", { className:
|
|
869
|
-
/* @__PURE__ */
|
|
870
|
+
return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
|
|
871
|
+
}, []), /* @__PURE__ */ e("header", { className: x.header, children: /* @__PURE__ */ e("div", { className: x.container, children: /* @__PURE__ */ d("div", { className: x.content, children: [
|
|
872
|
+
/* @__PURE__ */ d("div", { className: x.leftSection, children: [
|
|
870
873
|
/* @__PURE__ */ e(
|
|
871
874
|
"button",
|
|
872
875
|
{
|
|
873
876
|
type: "button",
|
|
874
|
-
className:
|
|
877
|
+
className: x.mobileMenuButton,
|
|
875
878
|
onClick: t,
|
|
876
879
|
"aria-label": "Open menu",
|
|
877
|
-
children: /* @__PURE__ */ e(Le, { className:
|
|
880
|
+
children: /* @__PURE__ */ e(Le, { className: x.burgerIcon })
|
|
878
881
|
}
|
|
879
882
|
),
|
|
880
|
-
/* @__PURE__ */ e("div", { className:
|
|
883
|
+
/* @__PURE__ */ e("div", { className: x.logo })
|
|
881
884
|
] }),
|
|
882
|
-
/* @__PURE__ */
|
|
883
|
-
/* @__PURE__ */ e(
|
|
884
|
-
/* @__PURE__ */
|
|
885
|
-
/* @__PURE__ */
|
|
885
|
+
/* @__PURE__ */ d("nav", { className: x.nav, children: [
|
|
886
|
+
/* @__PURE__ */ e(tn, { language: o.language }),
|
|
887
|
+
/* @__PURE__ */ d("div", { className: x.themeDropdown, ref: g, children: [
|
|
888
|
+
/* @__PURE__ */ d(
|
|
886
889
|
"button",
|
|
887
890
|
{
|
|
888
891
|
type: "button",
|
|
889
|
-
className:
|
|
892
|
+
className: x.themeButton,
|
|
890
893
|
onClick: () => N(!v),
|
|
891
894
|
"aria-expanded": v,
|
|
892
895
|
"aria-haspopup": "true",
|
|
893
896
|
"aria-label": n("ui.theme"),
|
|
894
897
|
children: [
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
/* @__PURE__ */ e(oe, { className:
|
|
898
|
+
_ === "light" && /* @__PURE__ */ e(me, { className: x.themeIcon }),
|
|
899
|
+
_ === "dark" && /* @__PURE__ */ e(_e, { className: x.themeIcon }),
|
|
900
|
+
_ === "system" && /* @__PURE__ */ e(ge, { className: x.themeIcon }),
|
|
901
|
+
/* @__PURE__ */ e(oe, { className: x.caretIcon })
|
|
899
902
|
]
|
|
900
903
|
}
|
|
901
904
|
),
|
|
902
|
-
v && /* @__PURE__ */
|
|
903
|
-
/* @__PURE__ */
|
|
905
|
+
v && /* @__PURE__ */ d("div", { className: x.dropdownMenu, children: [
|
|
906
|
+
/* @__PURE__ */ d(
|
|
904
907
|
"button",
|
|
905
908
|
{
|
|
906
909
|
type: "button",
|
|
907
910
|
onClick: () => {
|
|
908
911
|
f("light"), N(!1);
|
|
909
912
|
},
|
|
910
|
-
className:
|
|
913
|
+
className: x.dropdownItem,
|
|
911
914
|
children: [
|
|
912
|
-
/* @__PURE__ */ e(me, { className:
|
|
915
|
+
/* @__PURE__ */ e(me, { className: x.dropdownIcon }),
|
|
913
916
|
n("ui.light")
|
|
914
917
|
]
|
|
915
918
|
}
|
|
916
919
|
),
|
|
917
|
-
/* @__PURE__ */
|
|
920
|
+
/* @__PURE__ */ d(
|
|
918
921
|
"button",
|
|
919
922
|
{
|
|
920
923
|
type: "button",
|
|
921
924
|
onClick: () => {
|
|
922
925
|
f("dark"), N(!1);
|
|
923
926
|
},
|
|
924
|
-
className:
|
|
927
|
+
className: x.dropdownItem,
|
|
925
928
|
children: [
|
|
926
|
-
/* @__PURE__ */ e(
|
|
929
|
+
/* @__PURE__ */ e(_e, { className: x.dropdownIcon }),
|
|
927
930
|
n("ui.dark")
|
|
928
931
|
]
|
|
929
932
|
}
|
|
930
933
|
),
|
|
931
|
-
/* @__PURE__ */
|
|
934
|
+
/* @__PURE__ */ d(
|
|
932
935
|
"button",
|
|
933
936
|
{
|
|
934
937
|
type: "button",
|
|
935
938
|
onClick: () => {
|
|
936
939
|
f("system"), N(!1);
|
|
937
940
|
},
|
|
938
|
-
className:
|
|
941
|
+
className: x.dropdownItem,
|
|
939
942
|
children: [
|
|
940
|
-
/* @__PURE__ */ e(
|
|
943
|
+
/* @__PURE__ */ e(ge, { className: x.dropdownIcon }),
|
|
941
944
|
n("ui.system")
|
|
942
945
|
]
|
|
943
946
|
}
|
|
944
947
|
)
|
|
945
948
|
] })
|
|
946
949
|
] }),
|
|
947
|
-
h.length > 0 && /* @__PURE__ */
|
|
948
|
-
/* @__PURE__ */
|
|
950
|
+
h.length > 0 && /* @__PURE__ */ d("div", { className: x.supportDropdown, ref: c, children: [
|
|
951
|
+
/* @__PURE__ */ d(
|
|
949
952
|
"button",
|
|
950
953
|
{
|
|
951
954
|
type: "button",
|
|
952
|
-
className:
|
|
953
|
-
onClick: () =>
|
|
954
|
-
"aria-expanded":
|
|
955
|
+
className: x.supportButton,
|
|
956
|
+
onClick: () => r(!p),
|
|
957
|
+
"aria-expanded": p,
|
|
955
958
|
"aria-haspopup": "true",
|
|
956
959
|
children: [
|
|
957
960
|
n("ui.support"),
|
|
958
|
-
/* @__PURE__ */ e(oe, { className:
|
|
961
|
+
/* @__PURE__ */ e(oe, { className: x.caretIcon })
|
|
959
962
|
]
|
|
960
963
|
}
|
|
961
964
|
),
|
|
962
|
-
|
|
963
|
-
const
|
|
964
|
-
return /* @__PURE__ */
|
|
965
|
+
p && /* @__PURE__ */ e("div", { className: x.dropdownMenu, children: h.map((i, b) => {
|
|
966
|
+
const k = i.target ?? (i.url.startsWith("http") ? "_blank" : "_self"), y = i.rel ?? (k === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
|
|
967
|
+
return /* @__PURE__ */ d(
|
|
965
968
|
"a",
|
|
966
969
|
{
|
|
967
|
-
href:
|
|
968
|
-
target:
|
|
969
|
-
rel:
|
|
970
|
-
className:
|
|
970
|
+
href: i.url,
|
|
971
|
+
target: k,
|
|
972
|
+
rel: y,
|
|
973
|
+
className: x.dropdownItem,
|
|
971
974
|
children: [
|
|
972
|
-
m && /* @__PURE__ */ e(m, { className:
|
|
973
|
-
|
|
975
|
+
m && /* @__PURE__ */ e(m, { className: x.dropdownIcon }),
|
|
976
|
+
i.label
|
|
974
977
|
]
|
|
975
978
|
},
|
|
976
979
|
b
|
|
977
980
|
);
|
|
978
981
|
}) })
|
|
979
982
|
] }),
|
|
980
|
-
|
|
981
|
-
const
|
|
982
|
-
return /* @__PURE__ */
|
|
983
|
+
a.map((i, b) => {
|
|
984
|
+
const k = i.target ?? (typeof i.url == "string" && i.url.startsWith("http") ? "_blank" : "_self"), y = i.rel ?? (k === "_blank" ? "noopener noreferrer" : void 0), m = i.icon;
|
|
985
|
+
return /* @__PURE__ */ d(
|
|
983
986
|
"a",
|
|
984
987
|
{
|
|
985
|
-
href:
|
|
986
|
-
target:
|
|
987
|
-
rel:
|
|
988
|
-
className:
|
|
988
|
+
href: i.url,
|
|
989
|
+
target: k,
|
|
990
|
+
rel: y,
|
|
991
|
+
className: i.className ?? x.navLink,
|
|
989
992
|
children: [
|
|
990
|
-
|
|
991
|
-
m && /* @__PURE__ */ e(m, { className:
|
|
993
|
+
i.label,
|
|
994
|
+
m && /* @__PURE__ */ e(m, { className: x.externalIcon })
|
|
992
995
|
]
|
|
993
996
|
},
|
|
994
997
|
b
|
|
@@ -1002,40 +1005,40 @@ function ce({
|
|
|
1002
1005
|
styles: t,
|
|
1003
1006
|
onLanguageChange: n
|
|
1004
1007
|
}) {
|
|
1005
|
-
const { i18n: o } = R(),
|
|
1006
|
-
const c =
|
|
1007
|
-
let
|
|
1008
|
-
c &&
|
|
1009
|
-
const
|
|
1010
|
-
let
|
|
1011
|
-
|
|
1012
|
-
const
|
|
1013
|
-
o.changeLanguage(f),
|
|
1008
|
+
const { i18n: o } = R(), s = Y(), l = V(), { config: a } = H(), [h, p] = P(!1), r = W(null), v = o.language, N = (f) => {
|
|
1009
|
+
const c = a.basePath || "";
|
|
1010
|
+
let g = s.pathname;
|
|
1011
|
+
c && g.startsWith(c) && (g = g.slice(c.length));
|
|
1012
|
+
const i = g.split("/").filter(Boolean), b = i[0];
|
|
1013
|
+
let k = "";
|
|
1014
|
+
a.supportedLanguages.includes(b) ? (i[0] = f, k = `${c}/${i.join("/")}`) : k = `${c}/${f}${g}`;
|
|
1015
|
+
const y = k + s.search + s.hash;
|
|
1016
|
+
o.changeLanguage(f), l(y), p(!1), n == null || n();
|
|
1014
1017
|
};
|
|
1015
1018
|
B(() => {
|
|
1016
1019
|
const f = (c) => {
|
|
1017
|
-
|
|
1020
|
+
r.current && !r.current.contains(c.target) && p(!1);
|
|
1018
1021
|
};
|
|
1019
1022
|
return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
|
|
1020
1023
|
}, []);
|
|
1021
|
-
const
|
|
1022
|
-
return /* @__PURE__ */
|
|
1023
|
-
/* @__PURE__ */
|
|
1024
|
+
const _ = (f) => o.getFixedT(f)("language") || f;
|
|
1025
|
+
return /* @__PURE__ */ d("div", { className: t.languageSelect, ref: r, children: [
|
|
1026
|
+
/* @__PURE__ */ d(
|
|
1024
1027
|
"button",
|
|
1025
1028
|
{
|
|
1026
1029
|
type: "button",
|
|
1027
1030
|
className: t.languageButton,
|
|
1028
|
-
onClick: () =>
|
|
1031
|
+
onClick: () => p(!h),
|
|
1029
1032
|
"aria-expanded": h,
|
|
1030
1033
|
"aria-haspopup": "listbox",
|
|
1031
1034
|
children: [
|
|
1032
1035
|
/* @__PURE__ */ e(Pe, { className: t.icon }),
|
|
1033
|
-
|
|
1036
|
+
_(v),
|
|
1034
1037
|
/* @__PURE__ */ e(oe, { className: t.chevron })
|
|
1035
1038
|
]
|
|
1036
1039
|
}
|
|
1037
1040
|
),
|
|
1038
|
-
h && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children:
|
|
1041
|
+
h && /* @__PURE__ */ e("div", { className: t.languageDropdown, role: "listbox", children: a.supportedLanguages.map((f) => /* @__PURE__ */ e(
|
|
1039
1042
|
"button",
|
|
1040
1043
|
{
|
|
1041
1044
|
type: "button",
|
|
@@ -1043,71 +1046,71 @@ function ce({
|
|
|
1043
1046
|
onClick: () => N(f),
|
|
1044
1047
|
role: "option",
|
|
1045
1048
|
"aria-selected": f === v,
|
|
1046
|
-
children:
|
|
1049
|
+
children: _(f)
|
|
1047
1050
|
},
|
|
1048
1051
|
f
|
|
1049
1052
|
)) })
|
|
1050
1053
|
] });
|
|
1051
1054
|
}
|
|
1052
1055
|
function re({ styles: t, onLinkClick: n }) {
|
|
1053
|
-
const { i18n: o } = R(),
|
|
1056
|
+
const { i18n: o } = R(), s = Y(), { config: l } = H(), [a, h] = P(() => {
|
|
1054
1057
|
const c = o.language;
|
|
1055
|
-
return te(
|
|
1056
|
-
(
|
|
1058
|
+
return te(l.navigationData, c).reduce(
|
|
1059
|
+
(i, b, k) => {
|
|
1057
1060
|
if (Q(b)) {
|
|
1058
|
-
const
|
|
1059
|
-
|
|
1061
|
+
const y = l.navigationData[k], m = Q(y) && y.defaultOpen === !0;
|
|
1062
|
+
i[b.title] = m;
|
|
1060
1063
|
}
|
|
1061
|
-
return
|
|
1064
|
+
return i;
|
|
1062
1065
|
},
|
|
1063
1066
|
{}
|
|
1064
1067
|
);
|
|
1065
|
-
}),
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
+
}), p = o.language, r = te(
|
|
1069
|
+
l.navigationData,
|
|
1070
|
+
p
|
|
1068
1071
|
);
|
|
1069
1072
|
B(() => {
|
|
1070
|
-
const
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
+
const g = te(
|
|
1074
|
+
l.navigationData,
|
|
1075
|
+
p
|
|
1073
1076
|
).reduce(
|
|
1074
|
-
(
|
|
1077
|
+
(i, b, k) => {
|
|
1075
1078
|
if (Q(b)) {
|
|
1076
|
-
const
|
|
1077
|
-
|
|
1079
|
+
const y = l.navigationData[k], m = Q(y) && y.defaultOpen === !0;
|
|
1080
|
+
i[b.title] = m;
|
|
1078
1081
|
}
|
|
1079
|
-
return
|
|
1082
|
+
return i;
|
|
1080
1083
|
},
|
|
1081
1084
|
{}
|
|
1082
1085
|
);
|
|
1083
|
-
h(
|
|
1084
|
-
}, [
|
|
1086
|
+
h(g);
|
|
1087
|
+
}, [p, l.navigationData]);
|
|
1085
1088
|
const v = (c) => {
|
|
1086
|
-
h((
|
|
1087
|
-
...
|
|
1088
|
-
[c]: !
|
|
1089
|
+
h((g) => ({
|
|
1090
|
+
...g,
|
|
1091
|
+
[c]: !g[c]
|
|
1089
1092
|
}));
|
|
1090
1093
|
}, N = (c) => {
|
|
1091
|
-
const
|
|
1092
|
-
let
|
|
1093
|
-
|
|
1094
|
-
const b =
|
|
1094
|
+
const g = l.basePath || "";
|
|
1095
|
+
let i = s.pathname;
|
|
1096
|
+
g && i.startsWith(g) && (i = i.slice(g.length));
|
|
1097
|
+
const b = i.split("/").filter(Boolean);
|
|
1095
1098
|
return b[b.length - 1] === c;
|
|
1096
|
-
},
|
|
1097
|
-
const
|
|
1098
|
-
let
|
|
1099
|
-
|
|
1100
|
-
const b =
|
|
1101
|
-
return b[0] &&
|
|
1099
|
+
}, _ = (c) => {
|
|
1100
|
+
const g = l.basePath || "";
|
|
1101
|
+
let i = s.pathname;
|
|
1102
|
+
g && i.startsWith(g) && (i = i.slice(g.length));
|
|
1103
|
+
const b = i.split("/").filter(Boolean);
|
|
1104
|
+
return b[0] && l.supportedLanguages.includes(b[0]) ? `${g}/${b[0]}/${c}` : `${g}/${p}/${c}`;
|
|
1102
1105
|
}, f = () => {
|
|
1103
1106
|
n == null || n();
|
|
1104
1107
|
};
|
|
1105
|
-
return /* @__PURE__ */ e("div", { className: t.navigation, children:
|
|
1106
|
-
/* @__PURE__ */
|
|
1108
|
+
return /* @__PURE__ */ e("div", { className: t.navigation, children: r.map((c) => Q(c) ? /* @__PURE__ */ d("div", { className: t.section, children: [
|
|
1109
|
+
/* @__PURE__ */ d(
|
|
1107
1110
|
"button",
|
|
1108
1111
|
{
|
|
1109
1112
|
type: "button",
|
|
1110
|
-
className: `${t.sectionButton} ${
|
|
1113
|
+
className: `${t.sectionButton} ${a[c.title] ? t.expanded : ""}`,
|
|
1111
1114
|
onClick: () => v(c.title),
|
|
1112
1115
|
children: [
|
|
1113
1116
|
c.title,
|
|
@@ -1115,20 +1118,20 @@ function re({ styles: t, onLinkClick: n }) {
|
|
|
1115
1118
|
]
|
|
1116
1119
|
}
|
|
1117
1120
|
),
|
|
1118
|
-
|
|
1121
|
+
a[c.title] && /* @__PURE__ */ e("div", { className: t.sectionItems, children: c.items.map((g) => /* @__PURE__ */ e(
|
|
1119
1122
|
de,
|
|
1120
1123
|
{
|
|
1121
|
-
to: g
|
|
1122
|
-
className: `${t.navItem} ${N(
|
|
1124
|
+
to: _(g.slug),
|
|
1125
|
+
className: `${t.navItem} ${N(g.slug) ? t.active : ""}`,
|
|
1123
1126
|
onClick: f,
|
|
1124
|
-
children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children:
|
|
1127
|
+
children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: g.title }) })
|
|
1125
1128
|
},
|
|
1126
|
-
|
|
1129
|
+
g.slug
|
|
1127
1130
|
)) })
|
|
1128
1131
|
] }, c.title) : /* @__PURE__ */ e(
|
|
1129
1132
|
de,
|
|
1130
1133
|
{
|
|
1131
|
-
to:
|
|
1134
|
+
to: _(c.slug),
|
|
1132
1135
|
className: `${t.navItem} ${N(c.slug) ? t.active : ""}`,
|
|
1133
1136
|
onClick: f,
|
|
1134
1137
|
children: /* @__PURE__ */ e("div", { className: t.navItemContent, children: /* @__PURE__ */ e("span", { className: t.navItemTitle, children: c.title }) })
|
|
@@ -1136,55 +1139,55 @@ function re({ styles: t, onLinkClick: n }) {
|
|
|
1136
1139
|
c.slug
|
|
1137
1140
|
)) });
|
|
1138
1141
|
}
|
|
1139
|
-
function
|
|
1142
|
+
function Ro({
|
|
1140
1143
|
styles: t,
|
|
1141
1144
|
onLinkClick: n,
|
|
1142
1145
|
onLanguageChange: o
|
|
1143
1146
|
}) {
|
|
1144
|
-
return /* @__PURE__ */
|
|
1147
|
+
return /* @__PURE__ */ d(z, { children: [
|
|
1145
1148
|
/* @__PURE__ */ e(ce, { styles: t, onLanguageChange: o }),
|
|
1146
1149
|
/* @__PURE__ */ e(re, { styles: t, onLinkClick: n })
|
|
1147
1150
|
] });
|
|
1148
1151
|
}
|
|
1149
|
-
const
|
|
1150
|
-
backdrop:
|
|
1151
|
-
open:
|
|
1152
|
+
const In = "_backdrop_1a7pu_1", xn = "_open_1a7pu_13", kn = "_mobileMenu_1a7pu_18", Cn = "_header_1a7pu_37", Tn = "_brand_1a7pu_46", yn = "_cloudIcon_1a7pu_53", Ln = "_title_1a7pu_62", Pn = "_closeButton_1a7pu_69", Sn = "_closeIcon_1a7pu_101", Bn = "_languageSection_1a7pu_106", Mn = "_languageSelect_1a7pu_112", Dn = "_languageButton_1a7pu_117", On = "_icon_1a7pu_156", En = "_chevron_1a7pu_162", Rn = "_languageDropdown_1a7pu_172", jn = "_languageOption_1a7pu_185", An = "_selected_1a7pu_226", Hn = "_scrollArea_1a7pu_231", qn = "_navigation_1a7pu_237", Wn = "_section_1a7pu_241", Fn = "_sectionButton_1a7pu_245", Kn = "_expanded_1a7pu_285", zn = "_sectionItems_1a7pu_289", Un = "_navItem_1a7pu_297", Gn = "_active_1a7pu_310", Qn = "_navItemContent_1a7pu_316", Xn = "_navItemTitle_1a7pu_322", D = {
|
|
1153
|
+
backdrop: In,
|
|
1154
|
+
open: xn,
|
|
1152
1155
|
mobileMenu: kn,
|
|
1153
1156
|
header: Cn,
|
|
1154
|
-
brand:
|
|
1157
|
+
brand: Tn,
|
|
1155
1158
|
cloudIcon: yn,
|
|
1156
|
-
title:
|
|
1157
|
-
closeButton:
|
|
1158
|
-
closeIcon:
|
|
1159
|
-
languageSection:
|
|
1160
|
-
languageSelect:
|
|
1161
|
-
languageButton:
|
|
1162
|
-
icon:
|
|
1159
|
+
title: Ln,
|
|
1160
|
+
closeButton: Pn,
|
|
1161
|
+
closeIcon: Sn,
|
|
1162
|
+
languageSection: Bn,
|
|
1163
|
+
languageSelect: Mn,
|
|
1164
|
+
languageButton: Dn,
|
|
1165
|
+
icon: On,
|
|
1163
1166
|
chevron: En,
|
|
1164
|
-
languageDropdown:
|
|
1165
|
-
languageOption:
|
|
1166
|
-
selected:
|
|
1167
|
-
scrollArea:
|
|
1168
|
-
navigation:
|
|
1169
|
-
section:
|
|
1170
|
-
sectionButton:
|
|
1171
|
-
expanded:
|
|
1172
|
-
sectionItems:
|
|
1167
|
+
languageDropdown: Rn,
|
|
1168
|
+
languageOption: jn,
|
|
1169
|
+
selected: An,
|
|
1170
|
+
scrollArea: Hn,
|
|
1171
|
+
navigation: qn,
|
|
1172
|
+
section: Wn,
|
|
1173
|
+
sectionButton: Fn,
|
|
1174
|
+
expanded: Kn,
|
|
1175
|
+
sectionItems: zn,
|
|
1173
1176
|
navItem: Un,
|
|
1174
|
-
active:
|
|
1175
|
-
navItemContent:
|
|
1176
|
-
navItemTitle:
|
|
1177
|
+
active: Gn,
|
|
1178
|
+
navItemContent: Qn,
|
|
1179
|
+
navItemTitle: Xn
|
|
1177
1180
|
};
|
|
1178
|
-
function
|
|
1179
|
-
const { config: o } = H(),
|
|
1181
|
+
function Yn({ isOpen: t, onClose: n }) {
|
|
1182
|
+
const { config: o } = H(), s = o.logo;
|
|
1180
1183
|
return B(() => (t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
|
|
1181
1184
|
document.body.style.overflow = "unset";
|
|
1182
1185
|
}), [t]), B(() => {
|
|
1183
|
-
const
|
|
1184
|
-
|
|
1186
|
+
const l = (a) => {
|
|
1187
|
+
a.key === "Escape" && t && n();
|
|
1185
1188
|
};
|
|
1186
|
-
return document.addEventListener("keydown",
|
|
1187
|
-
}, [t, n]), /* @__PURE__ */
|
|
1189
|
+
return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
|
|
1190
|
+
}, [t, n]), /* @__PURE__ */ d(z, { children: [
|
|
1188
1191
|
/* @__PURE__ */ e(
|
|
1189
1192
|
"div",
|
|
1190
1193
|
{
|
|
@@ -1192,10 +1195,10 @@ function Xn({ isOpen: t, onClose: n }) {
|
|
|
1192
1195
|
onClick: n
|
|
1193
1196
|
}
|
|
1194
1197
|
),
|
|
1195
|
-
/* @__PURE__ */
|
|
1196
|
-
/* @__PURE__ */
|
|
1197
|
-
/* @__PURE__ */
|
|
1198
|
-
|
|
1198
|
+
/* @__PURE__ */ d("div", { className: `${D.mobileMenu} ${t ? D.open : ""}`, children: [
|
|
1199
|
+
/* @__PURE__ */ d("div", { className: D.header, children: [
|
|
1200
|
+
/* @__PURE__ */ d("div", { className: D.brand, children: [
|
|
1201
|
+
s && /* @__PURE__ */ e(s, { className: D.cloudIcon }),
|
|
1199
1202
|
/* @__PURE__ */ e("h1", { className: D.title, children: o.title })
|
|
1200
1203
|
] }),
|
|
1201
1204
|
/* @__PURE__ */ e(
|
|
@@ -1214,70 +1217,70 @@ function Xn({ isOpen: t, onClose: n }) {
|
|
|
1214
1217
|
] })
|
|
1215
1218
|
] });
|
|
1216
1219
|
}
|
|
1217
|
-
const
|
|
1218
|
-
sidebar:
|
|
1219
|
-
header:
|
|
1220
|
-
brand:
|
|
1221
|
-
cloudIcon:
|
|
1222
|
-
title:
|
|
1223
|
-
languageSelect:
|
|
1224
|
-
languageButton:
|
|
1225
|
-
icon:
|
|
1226
|
-
chevron:
|
|
1227
|
-
languageDropdown:
|
|
1228
|
-
languageOption:
|
|
1229
|
-
selected:
|
|
1230
|
-
scrollArea:
|
|
1231
|
-
navigation:
|
|
1232
|
-
section:
|
|
1233
|
-
sectionButton:
|
|
1234
|
-
expanded:
|
|
1220
|
+
const Vn = "_sidebar_1tdxt_1", Jn = "_header_1tdxt_17", Zn = "_brand_1tdxt_29", eo = "_cloudIcon_1tdxt_35", to = "_title_1tdxt_44", no = "_languageSelect_1tdxt_55", oo = "_languageButton_1tdxt_61", ao = "_icon_1tdxt_99", so = "_chevron_1tdxt_104", co = "_languageDropdown_1tdxt_114", ro = "_languageOption_1tdxt_128", lo = "_selected_1tdxt_147", io = "_scrollArea_1tdxt_152", uo = "_navigation_1tdxt_158", ho = "_section_1tdxt_164", mo = "_sectionButton_1tdxt_170", _o = "_expanded_1tdxt_213", go = "_sectionItems_1tdxt_217", po = "_navItem_1tdxt_225", fo = "_active_1tdxt_238", vo = "_navItemContent_1tdxt_243", q = {
|
|
1221
|
+
sidebar: Vn,
|
|
1222
|
+
header: Jn,
|
|
1223
|
+
brand: Zn,
|
|
1224
|
+
cloudIcon: eo,
|
|
1225
|
+
title: to,
|
|
1226
|
+
languageSelect: no,
|
|
1227
|
+
languageButton: oo,
|
|
1228
|
+
icon: ao,
|
|
1229
|
+
chevron: so,
|
|
1230
|
+
languageDropdown: co,
|
|
1231
|
+
languageOption: ro,
|
|
1232
|
+
selected: lo,
|
|
1233
|
+
scrollArea: io,
|
|
1234
|
+
navigation: uo,
|
|
1235
|
+
section: ho,
|
|
1236
|
+
sectionButton: mo,
|
|
1237
|
+
expanded: _o,
|
|
1235
1238
|
sectionItems: go,
|
|
1236
|
-
navItem:
|
|
1237
|
-
active:
|
|
1238
|
-
navItemContent:
|
|
1239
|
+
navItem: po,
|
|
1240
|
+
active: fo,
|
|
1241
|
+
navItemContent: vo
|
|
1239
1242
|
};
|
|
1240
|
-
function
|
|
1243
|
+
function bo() {
|
|
1241
1244
|
const { config: t } = H(), n = t.logo;
|
|
1242
|
-
return /* @__PURE__ */
|
|
1243
|
-
/* @__PURE__ */
|
|
1244
|
-
/* @__PURE__ */
|
|
1245
|
-
n && /* @__PURE__ */ e(n, { className:
|
|
1246
|
-
/* @__PURE__ */ e("
|
|
1245
|
+
return /* @__PURE__ */ d("div", { className: q.sidebar, children: [
|
|
1246
|
+
/* @__PURE__ */ d("div", { className: q.header, children: [
|
|
1247
|
+
/* @__PURE__ */ d("div", { className: q.brand, children: [
|
|
1248
|
+
n && /* @__PURE__ */ e(n, { className: q.cloudIcon }),
|
|
1249
|
+
/* @__PURE__ */ e("div", { className: q.title, children: t.title })
|
|
1247
1250
|
] }),
|
|
1248
|
-
/* @__PURE__ */ e(ce, { styles:
|
|
1251
|
+
/* @__PURE__ */ e(ce, { styles: q })
|
|
1249
1252
|
] }),
|
|
1250
|
-
/* @__PURE__ */ e("div", { className:
|
|
1253
|
+
/* @__PURE__ */ e("div", { className: q.scrollArea, children: /* @__PURE__ */ e(re, { styles: q }) })
|
|
1251
1254
|
] });
|
|
1252
1255
|
}
|
|
1253
|
-
const
|
|
1254
|
-
app:
|
|
1255
|
-
layout:
|
|
1256
|
-
main:
|
|
1257
|
-
contentWrapper:
|
|
1256
|
+
const wo = "_app_1v4z4_1", $o = "_layout_1v4z4_9", No = "_main_1v4z4_15", Io = "_contentWrapper_1v4z4_27", ee = {
|
|
1257
|
+
app: wo,
|
|
1258
|
+
layout: $o,
|
|
1259
|
+
main: No,
|
|
1260
|
+
contentWrapper: Io
|
|
1258
1261
|
};
|
|
1259
|
-
function
|
|
1260
|
-
const { language: n } = ae(), { i18n: o } = R(), { config:
|
|
1262
|
+
function xo({ children: t }) {
|
|
1263
|
+
const { language: n } = ae(), { i18n: o } = R(), { config: s } = H(), [l, a] = P(!1);
|
|
1261
1264
|
B(() => {
|
|
1262
|
-
n &&
|
|
1263
|
-
}, [n, o,
|
|
1265
|
+
n && s.supportedLanguages.includes(n) && o.changeLanguage(n);
|
|
1266
|
+
}, [n, o, s.supportedLanguages]);
|
|
1264
1267
|
const h = () => {
|
|
1265
|
-
|
|
1266
|
-
},
|
|
1267
|
-
|
|
1268
|
+
a(!l);
|
|
1269
|
+
}, p = () => {
|
|
1270
|
+
a(!1);
|
|
1268
1271
|
};
|
|
1269
|
-
return !n || !
|
|
1270
|
-
/* @__PURE__ */ e(
|
|
1271
|
-
/* @__PURE__ */ e(
|
|
1272
|
-
/* @__PURE__ */
|
|
1273
|
-
/* @__PURE__ */ e(
|
|
1272
|
+
return !n || !s.supportedLanguages.includes(n) ? /* @__PURE__ */ e(fe, { to: "/en/welcome", replace: !0 }) : /* @__PURE__ */ d("div", { className: ee.app, children: [
|
|
1273
|
+
/* @__PURE__ */ e(Nn, { onMobileMenuToggle: h }),
|
|
1274
|
+
/* @__PURE__ */ e(Yn, { isOpen: l, onClose: p }),
|
|
1275
|
+
/* @__PURE__ */ d("div", { className: ee.layout, children: [
|
|
1276
|
+
/* @__PURE__ */ e(bo, {}),
|
|
1274
1277
|
/* @__PURE__ */ e("main", { className: ee.main, children: /* @__PURE__ */ e("div", { className: ee.contentWrapper, children: t }) })
|
|
1275
1278
|
] })
|
|
1276
1279
|
] });
|
|
1277
1280
|
}
|
|
1278
|
-
function
|
|
1281
|
+
function jo() {
|
|
1279
1282
|
const { language: t } = ae();
|
|
1280
|
-
return /* @__PURE__ */ e(
|
|
1283
|
+
return /* @__PURE__ */ e(xo, { children: /* @__PURE__ */ d(ke, { children: [
|
|
1281
1284
|
/* @__PURE__ */ e(ue, { path: "/:slug", element: /* @__PURE__ */ e(Et, { language: t }) }),
|
|
1282
1285
|
/* @__PURE__ */ e(ue, { path: "/", element: /* @__PURE__ */ e(fe, { to: "welcome", replace: !0 }) })
|
|
1283
1286
|
] }) });
|
|
@@ -1285,20 +1288,21 @@ function Ro() {
|
|
|
1285
1288
|
export {
|
|
1286
1289
|
Ae as AdvancedModeToggle,
|
|
1287
1290
|
Eo as BlogProvider,
|
|
1291
|
+
He as BlogRoot,
|
|
1288
1292
|
Et as ContentPage,
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1293
|
+
xo as DocumentationLayout,
|
|
1294
|
+
jo as DocumentationRoutes,
|
|
1295
|
+
Nn as Header,
|
|
1292
1296
|
ce as LanguageSelector,
|
|
1293
|
-
|
|
1294
|
-
|
|
1297
|
+
Yn as MobileMenu,
|
|
1298
|
+
Ro as NavigationContent,
|
|
1295
1299
|
re as NavigationMenu,
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1300
|
+
tn as SearchBar,
|
|
1301
|
+
bo as Sidebar,
|
|
1302
|
+
nt as TableOfContents,
|
|
1303
|
+
_t as TagResultsModal,
|
|
1304
|
+
$t as Tags,
|
|
1305
|
+
Oo as createBlogUtils,
|
|
1302
1306
|
be as createContentLoaders,
|
|
1303
1307
|
X as generateHeadingId,
|
|
1304
1308
|
te as getNavigationData,
|