remons-render-markdown 1.0.0-beta.1

package/dist/MermaidRenderer-DupOXIdE.js

@@ -0,0 +1,1889 @@
+import { a as e, i as t, o as n, r, t as i } from "./RenderMarkdown-TzdhCUFl.js";
+import a, { createContext as o, forwardRef as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { CodeOutlined as m, DownOutlined as h, DownloadOutlined as g, ExportOutlined as _, FullscreenExitOutlined as v, FullscreenOutlined as y, ImportOutlined as ee, LoadingOutlined as te, MinusOutlined as b, PlusOutlined as x, ReloadOutlined as S, UpOutlined as C } from "@ant-design/icons";
+import { createPortal as w } from "react-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/utils/download.ts
+function D(e, n) {
+	let r;
+	if (e instanceof Blob) r = URL.createObjectURL(e);
+	else if (typeof e == "string") r = e;
+	else {
+		t.error("不支持的下载格式");
+		return;
+	}
+	let i = document.createElement("a");
+	i.href = r, i.download = n, i.click(), URL.revokeObjectURL(r), t.success(`${n} 已下载`);
+}
+function ne(e, t = "image") {
+	D(new Blob([e], { type: "image/svg+xml;charset=utf-8" }), `${t}.svg`);
+}
+function O(e, n = "image", r = 2) {
+	let { w: i, h: a } = k(e), o = `data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(e)))}`, s = new Image();
+	s.crossOrigin = "anonymous", s.src = o, s.onload = () => {
+		let e = document.createElement("canvas");
+		e.width = Math.max(1, Math.round(i * r)), e.height = Math.max(1, Math.round(a * r));
+		let o = e.getContext("2d");
+		o.fillStyle = "#ffffff", o.fillRect(0, 0, e.width, e.height), o.scale(r, r), o.drawImage(s, 0, 0, i, a), e.toBlob((e) => {
+			if (!e) {
+				t.error("PNG 生成失败");
+				return;
+			}
+			D(e, `${n}.png`);
+		}, "image/png");
+	}, s.onerror = () => {
+		t.error("PNG 生成失败：图片加载失败");
+	};
+}
+function k(e) {
+	let t = e.match(/viewBox=["']?([^"']+)["']/i), n = 0, r = 0;
+	if (t) {
+		let e = t[1].split(/[\s,]+/).map(Number);
+		e.length === 4 && (n = e[2], r = e[3]);
+	}
+	let i = e.match(/width=["']?\s*([\d.]+)\s*(?:px|pt|cm|mm|in|%)*["']/i), a = e.match(/height=["']?\s*([\d.]+)\s*(?:px|pt|cm|mm|in|%)*/i), o = i ? parseFloat(i[1]) : 0, s = a ? parseFloat(a[1]) : 0;
+	return n && r ? {
+		w: n,
+		h: r
+	} : {
+		w: o || n || 800,
+		h: s || r || 600
+	};
+}
+//#endregion
+//#region src/hooks/useTheme.ts
+var A = "app-theme-mode", j = "light", M = "dark", N = "system";
+function re() {
+	return typeof window > "u" ? j : window.matchMedia("(prefers-color-scheme: dark)").matches ? M : j;
+}
+function P() {
+	try {
+		let e = localStorage.getItem(A);
+		if (e === "light" || e === "dark" || e === "system") return e;
+	} catch {}
+	return N;
+}
+function F(e) {
+	return e === "system" ? re() : e;
+}
+function I(e) {
+	typeof document > "u" || (document.documentElement.dataset.theme = e);
+}
+typeof window < "u" && I(F(P()));
+var L = o(null);
+function ie({ children: e }) {
+	let [t, n] = p(() => P()), [r, i] = p(() => F(t)), o = c((e) => {
+		n(e);
+		try {
+			localStorage.setItem(A, e), window.dispatchEvent(new Event("storage"));
+		} catch {}
+	}, []);
+	u(() => {
+		let e = F(t);
+		i(e), I(e);
+	}, [t]), u(() => {
+		if (t !== "system") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), n = (e) => {
+			let t = e.matches ? M : j;
+			i(t), I(t);
+		};
+		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+	}, [t]), u(() => {
+		let e = () => {
+			let e = P();
+			e !== t && n(e);
+		};
+		window.addEventListener("storage", e);
+		let a = new MutationObserver(() => {
+			let e = document.documentElement.dataset.theme;
+			if (e && e !== r) {
+				i(e);
+				let r = P();
+				r !== t && n(r);
+			}
+		});
+		return a.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["data-theme"]
+		}), () => {
+			window.removeEventListener("storage", e), a.disconnect();
+		};
+	}, [t, r]);
+	let s = r === M, l = d(() => ({
+		theme: r,
+		mode: t,
+		isDark: s,
+		setMode: o
+	}), [
+		r,
+		t,
+		s,
+		o
+	]);
+	return a.createElement(L.Provider, { value: l }, e);
+}
+function ae() {
+	let e = l(L);
+	if (!e) throw Error("useTheme must be used within a ThemeProvider");
+	return e;
+}
+//#endregion
+//#region src/components/CustomTooltip/index.tsx
+var R = e.bind({
+	tooltip: "_tooltip_1kuma_4",
+	"tooltip-trigger": "_tooltip-trigger_1kuma_7",
+	"tooltip-inner": "_tooltip-inner_1kuma_11",
+	"tooltip-inner-visible": "_tooltip-inner-visible_1kuma_27",
+	"tooltip-content": "_tooltip-content_1kuma_30",
+	"tooltip-arrow": "_tooltip-arrow_1kuma_36"
+}), oe = ({ title: e, children: t, visible: n, onVisibleChange: r }) => {
+	let [i, a] = p(!1), o = f(null), s = f(null), [c, l] = p({
+		top: 0,
+		left: 0
+	}), d = n === void 0 ? i : n, m = () => {
+		if (s.current) {
+			let e = s.current.getBoundingClientRect();
+			l({
+				top: e.top - 8,
+				left: e.left + e.width / 2
+			});
+		}
+	}, h = () => {
+		m(), a(!0), r?.(!0);
+	}, g = () => {
+		a(!1), r?.(!1);
+	}, _ = () => {
+		o.current && window.clearTimeout(o.current), o.current = window.setTimeout(() => {
+			h();
+		}, 150);
+	}, v = () => {
+		o.current &&= (window.clearTimeout(o.current), null), g();
+	};
+	u(() => {
+		if (!d) return;
+		let e = () => m(), t = () => m();
+		return window.addEventListener("resize", e, { passive: !0 }), window.addEventListener("scroll", t, { passive: !0 }), m(), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", t);
+		};
+	}, [d]), u(() => () => {
+		o.current && window.clearTimeout(o.current);
+	}, []);
+	let y = d && e ? w(/* @__PURE__ */ E("div", {
+		className: R("tooltip-inner", "tooltip-inner-visible"),
+		style: {
+			top: c.top,
+			left: c.left
+		},
+		children: [/* @__PURE__ */ T("span", {
+			className: R("tooltip-content"),
+			children: e
+		}), /* @__PURE__ */ T("span", { className: R("tooltip-arrow") })]
+	}), document.body) : null;
+	return /* @__PURE__ */ E("div", {
+		ref: s,
+		className: R("tooltip"),
+		onMouseEnter: _,
+		onMouseLeave: v,
+		children: [/* @__PURE__ */ T("div", {
+			className: R("tooltip-trigger"),
+			children: t
+		}), y]
+	});
+}, z = e.bind({
+	dropdown: "_dropdown_x4h0x_4",
+	"dropdown-trigger": "_dropdown-trigger_x4h0x_8",
+	"dropdown-menu": "_dropdown-menu_x4h0x_12",
+	"dropdown-menu-visible": "_dropdown-menu-visible_x4h0x_27",
+	"dropdown-item": "_dropdown-item_x4h0x_31"
+}), se = ({ items: e, children: t, onClick: n, className: r = "" }) => {
+	let [i, a] = p(!1), o = f(null), s = () => {
+		a((e) => !e);
+	}, c = () => {
+		a(!1);
+	}, l = (e) => {
+		n({ key: e.key }), c();
+	};
+	return u(() => {
+		let e = (e) => {
+			o.current && !o.current.contains(e.target) && c();
+		};
+		return i && document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [i]), /* @__PURE__ */ E("div", {
+		ref: o,
+		className: z("dropdown", r),
+		children: [/* @__PURE__ */ T("div", {
+			className: z("dropdown-trigger"),
+			onClick: s,
+			children: t
+		}), i && /* @__PURE__ */ T("div", {
+			className: z("dropdown-menu", "dropdown-menu-visible"),
+			children: e.map((e) => /* @__PURE__ */ T("div", {
+				className: z("dropdown-item"),
+				onClick: () => l(e),
+				children: e.label
+			}, e.key))
+		})]
+	});
+}, B = e.bind({
+	"modal-mask": "_modal-mask_uwsht_4",
+	"modal-mask-visible": "_modal-mask-visible_uwsht_18",
+	modal: "_modal_uwsht_4",
+	"modal-header": "_modal-header_uwsht_34",
+	"modal-title": "_modal-title_uwsht_41",
+	"modal-close": "_modal-close_uwsht_46",
+	"modal-body": "_modal-body_uwsht_62",
+	"modal-footer": "_modal-footer_uwsht_67"
+}), ce = ({ open: e, title: t, width: n = 520, onCancel: r, footer: i, destroyOnClose: a = !1, className: o = "", children: s }) => {
+	let c = () => {
+		r?.();
+	}, l = (e) => {
+		e.target === e.currentTarget && c();
+	}, d = (e) => {
+		e.stopPropagation();
+	};
+	if (u(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key === "Escape" && c();
+		};
+		return document.addEventListener("keydown", t), document.body.style.overflow = "hidden", () => {
+			document.removeEventListener("keydown", t), document.body.style.overflow = "";
+		};
+	}, [e]), !e) return null;
+	let f = a && !e ? null : s;
+	return w(/* @__PURE__ */ T("div", {
+		className: B("modal-mask", "modal-mask-visible"),
+		onClick: l,
+		children: /* @__PURE__ */ E("div", {
+			className: B("modal", o),
+			style: { width: n },
+			onClick: d,
+			children: [
+				/* @__PURE__ */ E("div", {
+					className: B("modal-header"),
+					children: [/* @__PURE__ */ T("span", {
+						className: B("modal-title"),
+						children: t
+					}), /* @__PURE__ */ T("div", {
+						className: B("modal-close"),
+						onClick: c,
+						children: "×"
+					})]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: B("modal-body"),
+					children: f
+				}),
+				i != null && /* @__PURE__ */ T("div", {
+					className: B("modal-footer"),
+					children: i
+				})
+			]
+		})
+	}), document.body);
+}, V = [{
+	externalsName: "mermaid",
+	url: "https://registry.npmmirror.com/mermaid/11.16.0/files/dist/mermaid.min.js"
+}].reduce((e, t) => (e[t.externalsName] = t.url, e), {}), H = null;
+function U() {
+	return H ||= new Promise((e, t) => {
+		if (window.mermaid) {
+			e(window.mermaid);
+			return;
+		}
+		let n = document.createElement("script");
+		n.src = V.mermaid, n.onload = () => e(window.mermaid), n.onerror = () => t(/* @__PURE__ */ Error("Mermaid 脚本加载失败")), document.head.appendChild(n);
+	}), H;
+}
+function W() {
+	let [e, t] = p(null), [n, r] = p(!0), [i, a] = p(null);
+	return u(() => {
+		let e = !1;
+		return U().then((n) => {
+			e || (n.initialize({ startOnLoad: !1 }), t(() => n), r(!1));
+		}).catch((t) => {
+			e || (a(t), r(!1));
+		}), () => {
+			e = !0;
+		};
+	}, []), {
+		mermaid: e,
+		loading: n,
+		error: i
+	};
+}
+//#endregion
+//#region src/components/MermaidRenderer/useMermaidRender.ts
+var le = 0;
+function ue({ source: e, debounceMs: t = 300, isDark: n }) {
+	let { mermaid: r, loading: i } = W(), [a, o] = p(""), [s, c] = p(""), l = f(0);
+	return u(() => {
+		r && r.initialize({
+			startOnLoad: !1,
+			theme: n ? "dark" : "default",
+			securityLevel: "loose"
+		});
+	}, [r, n]), u(() => {
+		if (!r) return;
+		let n = (e || "").trim();
+		if (!n) {
+			o(""), c("");
+			return;
+		}
+		c("");
+		let i = ++l.current, a = setTimeout(async () => {
+			let e = `mermaid-render-${le++}`;
+			try {
+				let { svg: t } = await r.render(e, n);
+				if (i !== l.current) return;
+				o(t), c("");
+			} catch (e) {
+				if (i !== l.current) return;
+				console.error("Mermaid render error:", e);
+				let t = e instanceof Error ? e.message : String(e);
+				c(t?.split("\n")[0] || t);
+			} finally {
+				let t = document.getElementById(e) || document.getElementById(`d${e}`);
+				t && t.parentNode && t.parentNode.removeChild(t);
+			}
+		}, t);
+		return () => clearTimeout(a);
+	}, [
+		e,
+		n,
+		r,
+		t
+	]), {
+		svg: a,
+		error: s,
+		loading: i
+	};
+}
+//#endregion
+//#region node_modules/.store/@panzoom+panzoom@4.6.2/node_modules/@panzoom/panzoom/dist/panzoom.es.js
+typeof window < "u" && (window.NodeList && !NodeList.prototype.forEach && (NodeList.prototype.forEach = Array.prototype.forEach), typeof window.CustomEvent != "function" && (window.CustomEvent = function(e, t) {
+	t ||= {
+		bubbles: !1,
+		cancelable: !1,
+		detail: null
+	};
+	var n = document.createEvent("CustomEvent");
+	return n.initCustomEvent(e, t.bubbles, t.cancelable, t.detail), n;
+}));
+var de = typeof document < "u" && !!document.documentMode, fe;
+function G() {
+	return fe ||= document.createElement("div").style;
+}
+var pe = [
+	"webkit",
+	"moz",
+	"ms"
+], K = {};
+function me(e) {
+	if (K[e]) return K[e];
+	let t = G();
+	if (e in t) return K[e] = e;
+	let n = e[0].toUpperCase() + e.slice(1), r = pe.length;
+	for (; r--;) {
+		let i = `${pe[r]}${n}`;
+		if (i in t) return K[e] = i;
+	}
+}
+function q(e, t) {
+	return parseFloat(t[me(e)]) || 0;
+}
+function J(e, t, n = window.getComputedStyle(e)) {
+	let r = t === "border" ? "Width" : "";
+	return {
+		left: q(`${t}Left${r}`, n),
+		right: q(`${t}Right${r}`, n),
+		top: q(`${t}Top${r}`, n),
+		bottom: q(`${t}Bottom${r}`, n)
+	};
+}
+function Y(e, t, n) {
+	e.style[me(t)] = n;
+}
+function he(e, t) {
+	Y(e, "transition", `${me("transform")} ${t.duration}ms ${t.easing}`);
+}
+function ge(e, { x: t, y: n, scale: r, isSVG: i }, a) {
+	if (Y(e, "transform", `scale(${r}) translate(${t}px, ${n}px)`), i && de) {
+		let t = window.getComputedStyle(e).getPropertyValue("transform");
+		e.setAttribute("transform", t);
+	}
+}
+function _e(e) {
+	let t = e.parentNode;
+	(!t || t.nodeType !== 1) && (t = document.documentElement);
+	let n = window.getComputedStyle(e), r = window.getComputedStyle(t), i = e.getBoundingClientRect(), a = t.getBoundingClientRect();
+	return {
+		elem: {
+			style: n,
+			width: i.width,
+			height: i.height,
+			top: i.top,
+			bottom: i.bottom,
+			left: i.left,
+			right: i.right,
+			margin: J(e, "margin", n),
+			border: J(e, "border", n)
+		},
+		parent: {
+			style: r,
+			width: a.width,
+			height: a.height,
+			top: a.top,
+			bottom: a.bottom,
+			left: a.left,
+			right: a.right,
+			padding: J(t, "padding", r),
+			border: J(t, "border", r)
+		}
+	};
+}
+var X = {
+	down: "mousedown",
+	move: "mousemove",
+	up: "mouseup mouseleave"
+};
+typeof window < "u" && (typeof window.PointerEvent == "function" ? X = {
+	down: "pointerdown",
+	move: "pointermove",
+	up: "pointerup pointerleave pointercancel"
+} : typeof window.TouchEvent == "function" && (X = {
+	down: "touchstart",
+	move: "touchmove",
+	up: "touchend touchcancel"
+}));
+function ve(e, t, n, r) {
+	X[e].split(" ").forEach((e) => {
+		t.addEventListener(e, n, r);
+	});
+}
+function ye(e, t, n) {
+	X[e].split(" ").forEach((e) => {
+		t.removeEventListener(e, n);
+	});
+}
+function be(e, t) {
+	let n = e.length;
+	for (; n--;) if (e[n].pointerId === t.pointerId) return n;
+	return -1;
+}
+function xe(e, t) {
+	let n;
+	if (t.touches) {
+		n = 0;
+		for (let r of t.touches) r.pointerId = n++, xe(e, r);
+		return;
+	}
+	n = be(e, t), n > -1 && e.splice(n, 1), e.push(t);
+}
+function Se(e, t) {
+	if (t.touches) {
+		for (; e.length;) e.pop();
+		return;
+	}
+	let n = be(e, t);
+	n > -1 && e.splice(n, 1);
+}
+function Ce(e) {
+	e = e.slice(0);
+	let t = e.pop(), n;
+	for (; n = e.pop();) t = {
+		clientX: (n.clientX - t.clientX) / 2 + t.clientX,
+		clientY: (n.clientY - t.clientY) / 2 + t.clientY
+	};
+	return t;
+}
+function we(e) {
+	if (e.length < 2) return 0;
+	let t = e[0], n = e[1];
+	return Math.sqrt(Math.abs(n.clientX - t.clientX) ** 2 + Math.abs(n.clientY - t.clientY) ** 2);
+}
+function Te(e) {
+	let t = e;
+	for (; t && t.parentNode;) {
+		if (t.parentNode === document) return !0;
+		t = t.parentNode instanceof ShadowRoot ? t.parentNode.host : t.parentNode;
+	}
+	return !1;
+}
+function Ee(e) {
+	return (e.getAttribute("class") || "").trim();
+}
+function De(e, t) {
+	return e.nodeType === 1 && ` ${Ee(e)} `.indexOf(` ${t} `) > -1;
+}
+function Oe(e, t) {
+	for (let n = e; n != null; n = n.parentNode) if (De(n, t.excludeClass) || t.exclude.indexOf(n) > -1) return !0;
+	return !1;
+}
+var ke = /^http:[\w\.\/]+svg$/;
+function Ae(e) {
+	return ke.test(e.namespaceURI) && e.nodeName.toLowerCase() !== "svg";
+}
+function je(e) {
+	let t = {};
+	for (let n in e) e.hasOwnProperty(n) && (t[n] = e[n]);
+	return t;
+}
+var Me = {
+	animate: !1,
+	canvas: !1,
+	cursor: "move",
+	disablePan: !1,
+	disableZoom: !1,
+	disableXAxis: !1,
+	disableYAxis: !1,
+	duration: 200,
+	easing: "ease-in-out",
+	exclude: [],
+	excludeClass: "panzoom-exclude",
+	handleStartEvent: (e) => {
+		e.preventDefault(), e.stopPropagation();
+	},
+	maxScale: 4,
+	minScale: .125,
+	overflow: "hidden",
+	panOnlyWhenZoomed: !1,
+	pinchAndPan: !1,
+	relative: !1,
+	setTransform: ge,
+	startX: 0,
+	startY: 0,
+	startScale: 1,
+	step: .3,
+	touchAction: "none"
+};
+function Ne(e, t) {
+	if (!e) throw Error("Panzoom requires an element as an argument");
+	if (e.nodeType !== 1) throw Error("Panzoom requires an element with a nodeType of 1");
+	if (!Te(e)) throw Error("Panzoom should be called on elements that have been attached to the DOM");
+	t = {
+		...Me,
+		...t
+	};
+	let n = Ae(e), r = e.parentNode;
+	r.style.overflow = t.overflow, r.style.userSelect = "none", r.style.touchAction = t.touchAction, (t.canvas ? r : e).style.cursor = t.cursor, e.style.userSelect = "none", e.style.touchAction = t.touchAction, Y(e, "transformOrigin", typeof t.origin == "string" ? t.origin : n ? "0 0" : "50% 50%");
+	function i() {
+		r.style.overflow = "", r.style.userSelect = "", r.style.touchAction = "", r.style.cursor = "", e.style.cursor = "", e.style.userSelect = "", e.style.touchAction = "", Y(e, "transformOrigin", "");
+	}
+	function a(n = {}) {
+		for (let e in n) n.hasOwnProperty(e) && (t[e] = n[e]);
+		(n.hasOwnProperty("cursor") || n.hasOwnProperty("canvas")) && (r.style.cursor = e.style.cursor = "", (t.canvas ? r : e).style.cursor = t.cursor), n.hasOwnProperty("overflow") && (r.style.overflow = n.overflow), n.hasOwnProperty("touchAction") && (r.style.touchAction = n.touchAction, e.style.touchAction = n.touchAction);
+	}
+	let o = 0, s = 0, c = 1, l = !1;
+	h(t.startScale, {
+		animate: !1,
+		force: !0
+	}), setTimeout(() => {
+		m(t.startX, t.startY, {
+			animate: !1,
+			force: !0
+		});
+	});
+	function u(t, n, r) {
+		if (r.silent) return;
+		let i = new CustomEvent(t, { detail: n });
+		e.dispatchEvent(i);
+	}
+	function d(t, r, i) {
+		let a = {
+			x: o,
+			y: s,
+			scale: c,
+			isSVG: n,
+			originalEvent: i
+		};
+		return requestAnimationFrame(() => {
+			typeof r.animate == "boolean" && (r.animate ? he(e, r) : Y(e, "transition", "none")), r.setTransform(e, a, r), u(t, a, r), u("panzoomchange", a, r);
+		}), a;
+	}
+	function f(n, r, i, a) {
+		let l = {
+			...t,
+			...a
+		}, u = {
+			x: o,
+			y: s,
+			opts: l
+		};
+		if (!a?.force && (l.disablePan || l.panOnlyWhenZoomed && c === l.startScale)) return u;
+		if (n = parseFloat(n), r = parseFloat(r), l.disableXAxis || (u.x = (l.relative ? o : 0) + n), l.disableYAxis || (u.y = (l.relative ? s : 0) + r), l.contain) {
+			let t = _e(e), n = t.elem.width / c, r = t.elem.height / c, a = n * i, o = r * i, s = (a - n) / 2, d = (o - r) / 2;
+			if (l.contain === "inside") {
+				let e = (-t.elem.margin.left - t.parent.padding.left + s) / i, n = (t.parent.width - a - t.parent.padding.left - t.elem.margin.left - t.parent.border.left - t.parent.border.right + s) / i;
+				u.x = Math.max(Math.min(u.x, n), e);
+				let r = (-t.elem.margin.top - t.parent.padding.top + d) / i, c = (t.parent.height - o - t.parent.padding.top - t.elem.margin.top - t.parent.border.top - t.parent.border.bottom + d) / i;
+				u.y = Math.max(Math.min(u.y, c), r);
+			} else if (l.contain === "outside") {
+				let e = (-(a - t.parent.width) - t.parent.padding.left - t.parent.border.left - t.parent.border.right + s) / i, n = (s - t.parent.padding.left) / i;
+				u.x = Math.max(Math.min(u.x, n), e);
+				let r = (-(o - t.parent.height) - t.parent.padding.top - t.parent.border.top - t.parent.border.bottom + d) / i, c = (d - t.parent.padding.top) / i;
+				u.y = Math.max(Math.min(u.y, c), r);
+			}
+		}
+		return l.roundPixels && (u.x = Math.round(u.x), u.y = Math.round(u.y)), u;
+	}
+	function p(n, r) {
+		let i = {
+			...t,
+			...r
+		}, a = {
+			scale: c,
+			opts: i
+		};
+		if (!r?.force && i.disableZoom) return a;
+		let o = t.minScale, s = t.maxScale;
+		if (i.contain) {
+			let n = _e(e), r = n.elem.width / c, i = n.elem.height / c;
+			if (r > 1 && i > 1) {
+				let e = n.parent.width - n.parent.border.left - n.parent.border.right, a = n.parent.height - n.parent.border.top - n.parent.border.bottom, c = e / r, l = a / i;
+				t.contain === "inside" ? s = Math.min(s, c, l) : t.contain === "outside" && (o = Math.max(o, c, l));
+			}
+		}
+		return a.scale = Math.min(Math.max(n, o), s), a;
+	}
+	function m(e, t, r, i) {
+		let a = f(e, t, c, r);
+		return o !== a.x || s !== a.y ? (o = a.x, s = a.y, d("panzoompan", a.opts, i)) : {
+			x: o,
+			y: s,
+			scale: c,
+			isSVG: n,
+			originalEvent: i
+		};
+	}
+	function h(e, t, n) {
+		let r = p(e, t), i = r.opts;
+		if (!t?.force && i.disableZoom) return;
+		e = r.scale;
+		let a = o, l = s;
+		if (i.focal) {
+			let t = i.focal;
+			a = (t.x / e - t.x / c + o * e) / e, l = (t.y / e - t.y / c + s * e) / e;
+		}
+		let u = f(a, l, e, {
+			relative: !1,
+			force: !0
+		});
+		return o = u.x, s = u.y, c = e, d("panzoomzoom", i, n);
+	}
+	function g(e, n) {
+		let r = {
+			...t,
+			animate: !0,
+			...n
+		};
+		return h(c * Math.exp((e ? 1 : -1) * r.step), r);
+	}
+	function _(e) {
+		return g(!0, e);
+	}
+	function v(e) {
+		return g(!1, e);
+	}
+	function y(t, r, i, a) {
+		let o = _e(e), s = {
+			width: o.parent.width - o.parent.padding.left - o.parent.padding.right - o.parent.border.left - o.parent.border.right,
+			height: o.parent.height - o.parent.padding.top - o.parent.padding.bottom - o.parent.border.top - o.parent.border.bottom
+		}, l = r.clientX - o.parent.left - o.parent.padding.left - o.parent.border.left - o.elem.margin.left, u = r.clientY - o.parent.top - o.parent.padding.top - o.parent.border.top - o.elem.margin.top;
+		n || (l -= o.elem.width / c / 2, u -= o.elem.height / c / 2);
+		let d = {
+			x: l / s.width * (s.width * t),
+			y: u / s.height * (s.height * t)
+		};
+		return h(t, {
+			...i,
+			animate: !1,
+			focal: d
+		}, a);
+	}
+	function ee(e, n) {
+		e.preventDefault();
+		let r = {
+			...t,
+			...n,
+			animate: !1
+		}, i = (e.deltaY === 0 && e.deltaX ? e.deltaX : e.deltaY) < 0 ? 1 : -1, a = p(c * Math.exp(i * r.step / 3), r).scale;
+		return y(a, e, r, e);
+	}
+	function te(e) {
+		let n = {
+			...t,
+			animate: !0,
+			force: !0,
+			...e
+		};
+		c = p(n.startScale, n).scale;
+		let r = f(n.startX, n.startY, c, n);
+		return o = r.x, s = r.y, d("panzoomreset", n);
+	}
+	let b, x, S, C, w, T, E = [];
+	function D(e) {
+		if (Oe(e.target, t)) return;
+		xe(E, e), l = !0, t.handleStartEvent(e), b = o, x = s, u("panzoomstart", {
+			x: o,
+			y: s,
+			scale: c,
+			isSVG: n,
+			originalEvent: e
+		}, t);
+		let r = Ce(E);
+		S = r.clientX, C = r.clientY, w = c, T = we(E);
+	}
+	function ne(e) {
+		if (!l || b === void 0 || x === void 0 || S === void 0 || C === void 0) return;
+		xe(E, e);
+		let n = Ce(E), r = E.length > 1, i = c;
+		r && (T === 0 && (T = we(E)), i = p((we(E) - T) * t.step / 80 + w).scale, y(i, n, { animate: !1 }, e)), (!r || t.pinchAndPan) && m(b + (n.clientX - S) / i, x + (n.clientY - C) / i, { animate: !1 }, e);
+	}
+	function O(e) {
+		E.length === 1 && u("panzoomend", {
+			x: o,
+			y: s,
+			scale: c,
+			isSVG: n,
+			originalEvent: e
+		}, t), Se(E, e), l && (l = !1, b = x = S = C = void 0);
+	}
+	let k = !1;
+	function A() {
+		k || (k = !0, ve("down", t.canvas ? r : e, D), ve("move", document, ne, { passive: !0 }), ve("up", document, O, { passive: !0 }));
+	}
+	function j() {
+		k = !1, ye("down", t.canvas ? r : e, D), ye("move", document, ne), ye("up", document, O);
+	}
+	return t.noBind || A(), {
+		bind: A,
+		destroy: j,
+		eventNames: X,
+		getPan: () => ({
+			x: o,
+			y: s
+		}),
+		getScale: () => c,
+		getOptions: () => je(t),
+		handleDown: D,
+		handleMove: ne,
+		handleUp: O,
+		pan: m,
+		reset: te,
+		resetStyle: i,
+		setOptions: a,
+		setStyle: (t, n) => Y(e, t, n),
+		zoom: h,
+		zoomIn: _,
+		zoomOut: v,
+		zoomToPoint: y,
+		zoomWithWheel: ee
+	};
+}
+Ne.defaultOptions = Me;
+//#endregion
+//#region src/components/MermaidRenderer/usePanzoom.ts
+function Pe({ contentRef: e, wrapperRef: t, enabled: n, svg: r, isFullscreen: i }) {
+	let a = f(null);
+	return u(() => {
+		if (!n || !e.current || !r) {
+			a.current &&= (a.current.destroy(), null);
+			return;
+		}
+		a.current &&= (a.current.destroy(), null);
+		let i = e.current, o = Ne(i, {
+			maxScale: 5,
+			minScale: .1,
+			startScale: 1,
+			contain: "outside"
+		});
+		a.current = {
+			destroy: () => o.destroy(),
+			zoomWithWheel: o.zoomWithWheel,
+			zoomIn: () => o.zoomIn(),
+			zoomOut: () => o.zoomOut(),
+			reset: () => o.reset()
+		};
+		let s = t.current, c = a.current.zoomWithWheel;
+		return s?.addEventListener("wheel", c), () => {
+			s?.removeEventListener("wheel", c), a.current &&= (a.current.destroy(), null);
+		};
+	}, [
+		r,
+		i,
+		n,
+		e,
+		t
+	]), a;
+}
+var Z = {
+	previewArea: "_previewArea_d2mv6_2",
+	previewContent: "_previewContent_d2mv6_22",
+	errorTip: "_errorTip_d2mv6_38",
+	emptyTip: "_emptyTip_d2mv6_50"
+}, Fe = r(), Ie = [
+	"pointerdown",
+	"mousedown",
+	"pointerup",
+	"mouseup",
+	"click"
+], Le = /* @__PURE__ */ new WeakMap();
+function Re(e, t, n) {
+	ze(e);
+	let r = (r) => {
+		let i = r.target;
+		e.contains(i) && ((!n || n(i)) && (r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation()), r.type === "click" && t?.(r));
+	};
+	for (let e of Ie) document.addEventListener(e, r, !0);
+	Le.set(e, r);
+}
+function ze(e) {
+	let t = Le.get(e);
+	if (t) {
+		for (let e of Ie) document.removeEventListener(e, t, !0);
+		Le.delete(e);
+	}
+}
+function Be(e, t) {
+	let n = e.wrapper.getBoundingClientRect();
+	return {
+		width: n.width + t,
+		height: n.height + t,
+		realWidth: n.width,
+		realHeight: n.height
+	};
+}
+function Ve(e, t) {
+	let { elementDimensions: n, popoverDimensions: r, popoverPadding: i, popoverArrowDimensions: a } = t;
+	return e === "start" ? Math.max(Math.min(n.top - i, window.innerHeight - r.realHeight - a.width), a.width) : e === "end" ? Math.max(Math.min(n.top - r?.realHeight + n.height + i, window.innerHeight - r?.realHeight - a.width), a.width) : e === "center" ? Math.max(Math.min(n.top + n.height / 2 - r?.realHeight / 2, window.innerHeight - r?.realHeight - a.width), a.width) : 0;
+}
+function He(e, t) {
+	let { elementDimensions: n, popoverDimensions: r, popoverPadding: i, popoverArrowDimensions: a } = t;
+	return e === "start" ? Math.max(Math.min(n.left - i, window.innerWidth - r.realWidth - a.width), a.width) : e === "end" ? Math.max(Math.min(n.left - r?.realWidth + n.width + i, window.innerWidth - r?.realWidth - a.width), a.width) : e === "center" ? Math.max(Math.min(n.left + n.width / 2 - r?.realWidth / 2, window.innerWidth - r?.realWidth - a.width), a.width) : 0;
+}
+function Ue(e, t, n) {
+	let { align: r, side: i } = n, a = n.centered ? "over" : i, o = n.padding, s = Be(e, n.offset), c = e.arrow.getBoundingClientRect(), l = t.getBoundingClientRect(), u = l.top - s.height, d = u >= 0, f = window.innerHeight - (l.bottom + s.height), p = f >= 0, m = l.left - s.width, h = m >= 0, g = window.innerWidth - (l.right + s.width), _ = g >= 0, v = !d && !p && !h && !_, y = a;
+	if (a === "top" && d ? _ = h = p = !1 : a === "bottom" && p ? _ = h = d = !1 : a === "left" && h ? _ = d = p = !1 : a === "right" && _ && (h = d = p = !1), a === "over") {
+		let t = window.innerWidth / 2 - s.realWidth / 2, n = window.innerHeight / 2 - s.realHeight / 2;
+		e.wrapper.style.left = `${t}px`, e.wrapper.style.right = "auto", e.wrapper.style.top = `${n}px`, e.wrapper.style.bottom = "auto";
+	} else if (v) {
+		let t = window.innerWidth / 2 - s?.realWidth / 2;
+		e.wrapper.style.left = `${t}px`, e.wrapper.style.right = "auto", e.wrapper.style.bottom = "10px", e.wrapper.style.top = "auto";
+	} else if (h) {
+		let t = Math.min(m, window.innerWidth - s?.realWidth - c.width), n = Ve(r, {
+			elementDimensions: l,
+			popoverDimensions: s,
+			popoverPadding: o,
+			popoverArrowDimensions: c
+		});
+		e.wrapper.style.left = `${t}px`, e.wrapper.style.top = `${n}px`, e.wrapper.style.bottom = "auto", e.wrapper.style.right = "auto", y = "left";
+	} else if (_) {
+		let t = Math.min(g, window.innerWidth - s?.realWidth - c.width), n = Ve(r, {
+			elementDimensions: l,
+			popoverDimensions: s,
+			popoverPadding: o,
+			popoverArrowDimensions: c
+		});
+		e.wrapper.style.right = `${t}px`, e.wrapper.style.top = `${n}px`, e.wrapper.style.bottom = "auto", e.wrapper.style.left = "auto", y = "right";
+	} else if (d) {
+		let t = Math.min(u, window.innerHeight - s.realHeight - c.width), n = He(r, {
+			elementDimensions: l,
+			popoverDimensions: s,
+			popoverPadding: o,
+			popoverArrowDimensions: c
+		});
+		e.wrapper.style.top = `${t}px`, e.wrapper.style.left = `${n}px`, e.wrapper.style.bottom = "auto", e.wrapper.style.right = "auto", y = "top";
+	} else if (p) {
+		let t = Math.min(f, window.innerHeight - s?.realHeight - c.width), n = He(r, {
+			elementDimensions: l,
+			popoverDimensions: s,
+			popoverPadding: o,
+			popoverArrowDimensions: c
+		});
+		e.wrapper.style.left = `${n}px`, e.wrapper.style.bottom = `${t}px`, e.wrapper.style.top = "auto", e.wrapper.style.right = "auto", y = "bottom";
+	}
+	qe(e, v ? "over" : y, r, t), [...e.wrapper.classList].filter((e) => e.startsWith("driver-popover-side-") || e.startsWith("driver-popover-align-")).forEach((t) => e.wrapper.classList.remove(t)), e.wrapper.classList.add(`driver-popover-side-${y}`), e.wrapper.classList.add(`driver-popover-align-${r}`);
+}
+function We(e, t, n, r, i, a = 10) {
+	let o = r - n;
+	return e <= n && t >= r ? i === "start" ? 15 + a / 2 : i === "end" ? o - 15 - a / 2 : o / 2 : (Math.min(Math.max(e, n), r) + Math.min(Math.max(t, n), r)) / 2 - n;
+}
+function Ge(e, t, n = 10) {
+	let r = t - 15 - n;
+	if (r < 15) return Math.max(0, (t - n) / 2);
+	let i = e - n / 2;
+	return Math.min(Math.max(i, 15), r);
+}
+function Ke(e, t, n) {
+	return e === "left" || e === "right" ? t.bottom > n.top && t.top < n.bottom ? e : t.bottom <= n.top ? "bottom" : "top" : t.right > n.left && t.left < n.right ? e : t.right <= n.left ? "right" : "left";
+}
+function qe(e, t, n, r) {
+	let i = e.arrow;
+	if (i.className = "driver-popover-arrow", i.style.top = "", i.style.right = "", i.style.bottom = "", i.style.left = "", t === "over") {
+		i.classList.add("driver-popover-arrow-none");
+		return;
+	}
+	let a = r.getBoundingClientRect(), o = e.wrapper.getBoundingClientRect(), s = Ke(t, a, o);
+	i.classList.add(`driver-popover-arrow-side-${s}`);
+	let c = i.getBoundingClientRect().width || 10;
+	if (s === "left" || s === "right") {
+		let e = We(a.top, a.bottom, o.top, o.bottom, n, c);
+		i.style.top = `${Ge(e, o.height, c)}px`;
+	} else {
+		let e = We(a.left, a.right, o.left, o.right, n, c);
+		i.style.left = `${Ge(e, o.width, c)}px`;
+	}
+}
+function Q(e) {
+	return typeof e == "function" ? e() : typeof e == "string" ? document.querySelector(e) : e;
+}
+function Je(e) {
+	let t = window.getComputedStyle(e);
+	return [
+		t.overflow,
+		t.overflowX,
+		t.overflowY
+	].some((e) => e === "auto" || e === "scroll");
+}
+function Ye(e, t, n, r) {
+	return (e /= r / 2) < 1 ? n / 2 * e * e + t : -n / 2 * (--e * (e - 2) - 1) + t;
+}
+function Xe(e) {
+	let t = "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type=\"text\"]:not([disabled]), input[type=\"radio\"]:not([disabled]), input[type=\"checkbox\"]:not([disabled]), select:not([disabled])";
+	return e.flatMap((e) => {
+		let n = e.matches(t), r = Array.from(e.querySelectorAll(t));
+		return [...n ? [e] : [], ...r];
+	}).filter((e) => getComputedStyle(e).pointerEvents !== "none" && et(e));
+}
+function Ze(e, t) {
+	if (!e || $e(e)) return;
+	let n = e.offsetHeight > window.innerHeight;
+	e.scrollIntoView({
+		behavior: !t || Qe(e) ? "auto" : "smooth",
+		inline: "center",
+		block: n ? "start" : "center"
+	});
+}
+function Qe(e) {
+	if (!e || !e.parentElement) return;
+	let t = e.parentElement;
+	return t.scrollHeight > t.clientHeight;
+}
+function $e(e) {
+	let t = e.getBoundingClientRect();
+	return t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth);
+}
+function et(e) {
+	return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+}
+function tt(e) {
+	e && (e.wrapper.style.display = "none");
+}
+function nt(e, t) {
+	let n = it();
+	document.body.appendChild(n.wrapper);
+	let { title: r, description: i, showButtons: a, disableButtons: o, showProgress: s, nextBtnText: c, prevBtnText: l, progressText: u } = t;
+	n.nextButton.innerHTML = c, n.previousButton.innerHTML = l, n.progress.innerHTML = u, t.doneButton && n.nextButton.classList.add("driver-popover-done-btn"), r ? (n.title.innerHTML = r, n.title.style.display = "block") : n.title.style.display = "none", i ? (n.description.innerHTML = i, n.description.style.display = "block") : n.description.style.display = "none";
+	let d = a.includes("next") || a.includes("previous") || s;
+	n.closeButton.style.display = a.includes("close") ? "block" : "none", d ? (n.footer.style.display = "flex", n.progress.style.display = s ? "block" : "none", n.nextButton.style.display = a.includes("next") ? "block" : "none", n.previousButton.style.display = a.includes("previous") ? "block" : "none") : n.footer.style.display = "none", o.includes("next") && (n.nextButton.disabled = !0, n.nextButton.classList.add("driver-popover-btn-disabled")), o.includes("previous") && (n.previousButton.disabled = !0, n.previousButton.classList.add("driver-popover-btn-disabled")), o.includes("close") && (n.closeButton.disabled = !0, n.closeButton.classList.add("driver-popover-btn-disabled"));
+	let f = n.wrapper;
+	f.style.display = "block", f.style.left = "", f.style.top = "", f.style.bottom = "", f.style.right = "", f.id = "driver-popover-content", f.setAttribute("role", "dialog"), f.setAttribute("aria-labelledby", "driver-popover-title"), f.setAttribute("aria-describedby", "driver-popover-description");
+	let p = n.arrow;
+	p.className = "driver-popover-arrow", f.className = `driver-popover ${t.popoverClass || ""}`.trim(), Re(n.wrapper, (e) => {
+		let n = e.target;
+		if (n.closest(".driver-popover-next-btn")) return t.onNextClick?.();
+		if (n.closest(".driver-popover-prev-btn")) return t.onPrevClick?.();
+		if (n.closest(".driver-popover-close-btn")) return t.onCloseClick?.();
+	}, (e) => n.description.contains(e) || n.title.contains(e) ? !1 : !!e.closest(".driver-popover-prev-btn, .driver-popover-next-btn, .driver-popover-close-btn")), t.onRender?.(n), Ue(n, e, t.position), rt(n, e, t.position), Ze(f, t.smoothScroll);
+	let m = Xe([f, e]);
+	return m.length > 0 && m[0].focus(), n;
+}
+function rt(e, t, n) {
+	e.wrapper.querySelectorAll("img").forEach((r) => {
+		if (r.complete) return;
+		let i = () => Ue(e, t, n);
+		r.addEventListener("load", i, { once: !0 }), r.addEventListener("error", i, { once: !0 });
+	});
+}
+function it() {
+	let e = document.createElement("div");
+	e.classList.add("driver-popover");
+	let t = document.createElement("div");
+	t.classList.add("driver-popover-arrow");
+	let n = document.createElement("header");
+	n.id = "driver-popover-title", n.classList.add("driver-popover-title"), n.style.display = "none", n.innerText = "Popover Title";
+	let r = document.createElement("div");
+	r.id = "driver-popover-description", r.classList.add("driver-popover-description"), r.style.display = "none", r.innerText = "Popover description is here";
+	let i = document.createElement("button");
+	i.type = "button", i.classList.add("driver-popover-close-btn"), i.setAttribute("aria-label", "Close"), i.innerHTML = "&times;";
+	let a = document.createElement("footer");
+	a.classList.add("driver-popover-footer");
+	let o = document.createElement("span");
+	o.classList.add("driver-popover-progress-text"), o.innerText = "";
+	let s = document.createElement("span");
+	s.classList.add("driver-popover-navigation-btns");
+	let c = document.createElement("button");
+	c.type = "button", c.classList.add("driver-popover-prev-btn", "driver-popover-footer-btn"), c.innerHTML = "Previous";
+	let l = document.createElement("button");
+	return l.type = "button", l.classList.add("driver-popover-next-btn", "driver-popover-footer-btn"), l.innerHTML = "Next", s.appendChild(c), s.appendChild(l), a.appendChild(o), a.appendChild(s), e.appendChild(i), e.appendChild(t), e.appendChild(n), e.appendChild(r), e.appendChild(a), {
+		wrapper: e,
+		arrow: t,
+		title: n,
+		description: r,
+		footer: a,
+		previousButton: c,
+		nextButton: l,
+		closeButton: i,
+		footerButtons: s,
+		progress: o
+	};
+}
+function at(e) {
+	e && (ze(e.wrapper), e.wrapper.parentElement?.removeChild(e.wrapper));
+}
+function ot(e, t) {
+	let n = window.innerWidth, r = window.innerHeight, i = t.padding, a = t.radius, o = e.width + i * 2, s = e.height + i * 2, c = Math.min(a, o / 2, s / 2), l = Math.floor(Math.max(c, 0)), u = e.x - i + l, d = e.y - i, f = o - l * 2, p = s - l * 2;
+	return `M${n},0L0,0L0,${r}L${n},${r}L${n},0Z
+    M${u},${d} h${f} a${l},${l} 0 0 1 ${l},${l} v${p} a${l},${l} 0 0 1 -${l},${l} h-${f} a${l},${l} 0 0 1 -${l},-${l} v-${p} a${l},${l} 0 0 1 ${l},-${l} z`;
+}
+function st(e, t, n, r, i) {
+	let a = e.getState("__activeStagePosition"), o = a || r.getBoundingClientRect(), s = i.getBoundingClientRect();
+	a = {
+		x: Ye(t, o.x, s.x - o.x, n),
+		y: Ye(t, o.y, s.y - o.y, n),
+		width: Ye(t, o.width, s.width - o.width, n),
+		height: Ye(t, o.height, s.height - o.height, n)
+	}, dt(e, a), e.setState("__activeStagePosition", a);
+}
+function ct(e, t) {
+	if (!t) return;
+	let n = t.getBoundingClientRect(), r = {
+		x: n.x,
+		y: n.y,
+		width: n.width,
+		height: n.height
+	};
+	e.setState("__activeStagePosition", r), dt(e, r);
+}
+function lt(e) {
+	let t = e.getState("__activeStagePosition"), n = e.getState("__overlaySvg");
+	if (!t) return;
+	if (!n) {
+		console.warn("No stage svg found.");
+		return;
+	}
+	let r = window.innerWidth, i = window.innerHeight;
+	n.setAttribute("viewBox", `0 0 ${r} ${i}`);
+}
+function ut(e, t) {
+	let n = pt(e, t);
+	document.body.appendChild(n), Re(n, (t) => {
+		t.target.tagName === "path" && e.emit("overlayClick");
+	}), e.setState("__overlaySvg", n);
+}
+function dt(e, t) {
+	let n = e.getState("__overlaySvg");
+	if (!n) {
+		ut(e, t);
+		return;
+	}
+	let r = n.firstElementChild;
+	if (r?.tagName !== "path") throw Error("no path element found in stage svg");
+	r.setAttribute("d", ot(t, ft(e)));
+}
+function ft(e) {
+	return {
+		padding: e.getConfig("stagePadding") || 0,
+		radius: e.getConfig("stageRadius") || 0
+	};
+}
+function pt(e, t) {
+	let n = window.innerWidth, r = window.innerHeight, i = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+	i.classList.add("driver-overlay", "driver-overlay-animated"), i.setAttribute("viewBox", `0 0 ${n} ${r}`), i.setAttribute("xmlSpace", "preserve"), i.setAttribute("xmlnsXlink", "http://www.w3.org/1999/xlink"), i.setAttribute("version", "1.1"), i.setAttribute("preserveAspectRatio", "xMinYMin slice"), i.style.fillRule = "evenodd", i.style.clipRule = "evenodd", i.style.strokeLinejoin = "round", i.style.strokeMiterlimit = "2", i.style.zIndex = "10000", i.style.position = "fixed", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%";
+	let a = document.createElementNS("http://www.w3.org/2000/svg", "path");
+	return a.setAttribute("d", ot(t, ft(e))), a.style.fill = e.getConfig("overlayColor") || "rgb(0,0,0)", a.style.opacity = `${e.getConfig("overlayOpacity")}`, a.style.pointerEvents = "auto", a.style.cursor = "auto", i.appendChild(a), i;
+}
+function mt(e) {
+	let t = e.getState("__overlaySvg");
+	t && (ze(t), t.remove());
+}
+var ht = "{{current}} of {{total}}";
+function gt(e, t) {
+	return !(t.skipMissingElement ?? e.getConfig("skipMissingElement")) || !t.element ? !1 : !Q(t.element);
+}
+function $(e, t, n) {
+	let r = e.getConfig("steps") || [];
+	for (let i = t; i >= 0 && i < r.length; i += n) if (!gt(e, r[i])) return i;
+}
+function _t(e, t) {
+	let n = e.getState("activeIndex"), r = n !== void 0 && $(e, n + 1, 1) === void 0, i = t?.popover?.onDoneClick || e.getConfig("onDoneClick");
+	return r && i ? i : t?.popover?.onNextClick || e.getConfig("onNextClick");
+}
+function vt(e, t) {
+	return t?.popover?.onPrevClick || e.getConfig("onPrevClick");
+}
+function yt(e, t) {
+	return t?.popover?.onCloseClick || e.getConfig("onCloseClick");
+}
+function bt(e, t, n) {
+	let r = e.getConfig("steps") || [], i = r[t], a = i.popover || {}, o = $(e, t + 1, 1) !== void 0, s = $(e, t - 1, -1) !== void 0, c = a.doneBtnText || e.getConfig("doneBtnText") || "Done", l = e.getConfig("allowClose"), u = a.showProgress === void 0 ? e.getConfig("showProgress") : a.showProgress, d = (a.progressText || e.getConfig("progressText") || ht).replace("{{current}}", `${t + 1}`).replace("{{total}}", `${r.length}`), f = a.showButtons || e.getConfig("showButtons"), p = [
+		"next",
+		"previous",
+		...l ? ["close"] : []
+	].filter((e) => !f?.length || f.includes(e)), m = a.onNextClick || e.getConfig("onNextClick"), h = a.onPrevClick || e.getConfig("onPrevClick"), g = a.onCloseClick || e.getConfig("onCloseClick");
+	return {
+		...i,
+		popover: {
+			showButtons: p,
+			nextBtnText: o ? void 0 : c,
+			disableButtons: [...s ? [] : ["previous"]],
+			showProgress: u,
+			onNextClick: m || n.onNextClick,
+			onPrevClick: h || n.onPrevClick,
+			onCloseClick: g || n.onCloseClick,
+			...a,
+			progressText: d
+		}
+	};
+}
+function xt(e, t, n) {
+	let r = e.getConfig("stagePadding") || 0;
+	return {
+		side: n.popover?.side || "bottom",
+		align: n.popover?.align || "start",
+		offset: r + (e.getConfig("popoverOffset") || 0),
+		padding: r,
+		centered: t.id === "driver-dummy-element"
+	};
+}
+function St(e, t, n) {
+	let r = n.popover || {}, i = e.getState("activeIndex"), a = i !== void 0 && $(e, i + 1, 1) === void 0;
+	return {
+		title: r.title,
+		description: r.description,
+		showButtons: r.showButtons || e.getConfig("showButtons"),
+		disableButtons: r.disableButtons || e.getConfig("disableButtons") || [],
+		showProgress: r.showProgress || e.getConfig("showProgress") || !1,
+		progressText: r.progressText ?? (e.getConfig("progressText") || ht),
+		nextBtnText: r.nextBtnText ?? (e.getConfig("nextBtnText") || "Next"),
+		prevBtnText: r.prevBtnText ?? (e.getConfig("prevBtnText") || "Previous"),
+		doneButton: a,
+		popoverClass: r.popoverClass || e.getConfig("popoverClass") || "",
+		smoothScroll: e.getConfig("smoothScroll"),
+		onNextClick: () => {
+			let r = _t(e, n);
+			return r ? r(t, n, e.getHookOpts()) : e.emit("nextClick");
+		},
+		onPrevClick: () => {
+			let r = vt(e, n);
+			return r ? r(t, n, e.getHookOpts()) : e.emit("prevClick");
+		},
+		onCloseClick: () => {
+			let r = yt(e, n);
+			return r ? r(t, n, e.getHookOpts()) : e.emit("closeClick");
+		},
+		onRender: (t) => {
+			e.setState("popover", t), (r.onPopoverRender || e.getConfig("onPopoverRender"))?.(t, e.getHookOpts());
+		},
+		position: xt(e, t, n)
+	};
+}
+function Ct(e, t, n) {
+	at(e.getState("popover")), nt(t, St(e, t, n));
+}
+function wt(e, t, n) {
+	let r = e.getState("popover");
+	r && Ue(r, t, xt(e, t, n));
+}
+function Tt() {
+	let e = document.getElementById("driver-dummy-element");
+	if (e) return e;
+	let t = document.createElement("div");
+	return t.id = "driver-dummy-element", t.style.width = "0", t.style.height = "0", t.style.pointerEvents = "none", t.style.opacity = "0", t.style.position = "fixed", t.style.top = "50%", t.style.left = "50%", document.body.appendChild(t), t;
+}
+function Et(e, t) {
+	let n = Q(t.element);
+	n ||= Tt(), Ot(e, n, t);
+}
+function Dt(e) {
+	let t = e.getState("__activeElement"), n = e.getState("__activeStep");
+	t && (ct(e, t), lt(e), wt(e, t, n));
+}
+function Ot(e, t, n) {
+	let r = e.getConfig("duration") || 400, i = Date.now(), a = e.getState("__activeStep"), o = e.getState("__activeElement") || t, s = !o || o === t, c = t.id === "driver-dummy-element", l = o.id === "driver-dummy-element", u = e.getConfig("animate"), d = n.onHighlightStarted || e.getConfig("onHighlightStarted"), f = n?.onHighlighted || e.getConfig("onHighlighted"), p = a?.onDeselected || e.getConfig("onDeselected"), m = e.getHookOpts();
+	!s && p && p(l ? void 0 : o, a, m), d && d(c ? void 0 : t, n, m);
+	let h = !s && u, g = !1;
+	tt(e.getState("popover")), e.setState("previousStep", a), e.setState("previousElement", o), e.setState("activeStep", n), e.setState("activeElement", t);
+	let _ = () => {
+		if (e.getState("__transitionCallback") !== _) return;
+		let s = Date.now() - i, l = r - s <= r / 2;
+		n.popover && l && !g && h && (Ct(e, t, n), g = !0), e.getConfig("animate") && s < r ? st(e, s, r, o, t) : (ct(e, t), f && f(c ? void 0 : t, n, e.getHookOpts()), e.setState("__transitionCallback", void 0), e.setState("__previousStep", a), e.setState("__previousElement", o), e.setState("__activeStep", n), e.setState("__activeElement", t)), window.requestAnimationFrame(_);
+	};
+	e.setState("__transitionCallback", _), window.requestAnimationFrame(_), Ze(t, e.getConfig("smoothScroll")), !h && n.popover && Ct(e, t, n), document.querySelectorAll(".driver-active-element-parent").forEach((e) => {
+		e.classList.remove("driver-active-element-parent", "driver-active-element-parent-no-scroll");
+	}), o.classList.remove("driver-active-element", "driver-no-interaction"), o.removeAttribute("aria-haspopup"), o.removeAttribute("aria-expanded"), o.removeAttribute("aria-controls"), (n.disableActiveInteraction ?? e.getConfig("disableActiveInteraction")) && t.classList.add("driver-no-interaction");
+	let v = t.parentElement;
+	v && v !== document.body && (v.classList.add("driver-active-element-parent"), Je(v) && v.classList.add("driver-active-element-parent-no-scroll")), t.classList.add("driver-active-element"), t.setAttribute("aria-haspopup", "dialog"), t.setAttribute("aria-expanded", "true"), t.setAttribute("aria-controls", "driver-popover-content");
+}
+function kt() {
+	document.getElementById("driver-dummy-element")?.remove(), document.querySelectorAll(".driver-active-element").forEach((e) => {
+		let t = e.parentElement;
+		t && t !== document.body && t.classList.remove("driver-active-element-parent", "driver-active-element-parent-no-scroll"), e.classList.remove("driver-active-element", "driver-no-interaction"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
+	});
+}
+function At(e) {
+	let t = e.getState("__resizeTimeout");
+	t && window.cancelAnimationFrame(t), e.setState("__resizeTimeout", window.requestAnimationFrame(() => Dt(e)));
+}
+function jt(e, t) {
+	if (!e.getState("isInitialized") || !(t.key === "Tab" || t.keyCode === 9)) return;
+	let n = e.getState("__activeElement"), r = e.getState("popover")?.wrapper, i = Xe([...r ? [r] : [], ...n ? [n] : []]), a = i[0], o = i[i.length - 1];
+	t.preventDefault(), t.shiftKey ? (i[i.indexOf(document.activeElement) - 1] || o)?.focus() : (i[i.indexOf(document.activeElement) + 1] || a)?.focus();
+}
+function Mt(e, t) {
+	(e.getConfig("allowKeyboardControl") ?? !0) && (t.key === "Escape" ? e.emit("escapePress") : t.key === "ArrowRight" ? e.emit("arrowRightPress") : t.key === "ArrowLeft" && e.emit("arrowLeftPress"));
+}
+function Nt(e, t) {
+	let n = e.getState("__activeElement"), r = t.target;
+	!n || !r || !n.contains(r) || e.emit("activeElementClick");
+}
+function Pt(e) {
+	let t = (t) => Mt(e, t), n = (t) => jt(e, t), r = () => At(e), i = () => At(e), a = (t) => Nt(e, t);
+	e.setState("__events", {
+		onKeyup: t,
+		onKeydown: n,
+		onResize: r,
+		onScroll: i,
+		onClick: a
+	}), window.addEventListener("keyup", t, !1), window.addEventListener("keydown", n, !1), window.addEventListener("resize", r), window.addEventListener("scroll", i), document.addEventListener("click", a, !1);
+}
+function Ft(e) {
+	let t = e.getState("__events");
+	t && (window.removeEventListener("keyup", t.onKeyup), window.removeEventListener("keydown", t.onKeydown), window.removeEventListener("resize", t.onResize), window.removeEventListener("scroll", t.onScroll), document.removeEventListener("click", t.onClick, !1));
+}
+function It() {
+	let e = {};
+	function t(t = {}) {
+		e = {
+			animate: !0,
+			duration: 400,
+			allowClose: !0,
+			allowScroll: !0,
+			overlayClickBehavior: "close",
+			overlayOpacity: .7,
+			smoothScroll: !1,
+			disableActiveInteraction: !1,
+			advanceOnClick: !1,
+			skipMissingElement: !1,
+			waitForElement: 0,
+			showProgress: !1,
+			stagePadding: 10,
+			stageRadius: 5,
+			popoverOffset: 10,
+			showButtons: [
+				"next",
+				"previous",
+				"close"
+			],
+			disableButtons: [],
+			overlayColor: "#000",
+			...t
+		};
+	}
+	return t(), {
+		getConfig: ((t) => t ? e[t] : e),
+		configure: t
+	};
+}
+function Lt() {
+	let e = {}, t = ((t) => t ? e[t] : e), n = (t, n) => {
+		e[t] = n;
+	};
+	function r() {
+		e = {};
+	}
+	return {
+		getState: t,
+		setState: n,
+		resetState: r
+	};
+}
+function Rt() {
+	let e = {};
+	function t(t, n) {
+		e[t] = n;
+	}
+	function n(t) {
+		e[t]?.();
+	}
+	function r() {
+		e = {};
+	}
+	return {
+		listen: t,
+		emit: n,
+		reset: r
+	};
+}
+function zt(e = {}) {
+	let t = It();
+	t.configure(e);
+	let n = Lt(), r = Rt(), i;
+	return {
+		getConfig: t.getConfig,
+		setConfig: t.configure,
+		getState: n.getState,
+		setState: n.setState,
+		resetState: n.resetState,
+		listen: r.listen,
+		emit: r.emit,
+		resetEmitter: r.reset,
+		getDriver: () => i,
+		setDriver: (e) => {
+			i = e;
+		},
+		getHookOpts: (e) => {
+			let r = e || n.getState();
+			return {
+				config: t.getConfig(),
+				state: r,
+				driver: i,
+				index: r.activeIndex
+			};
+		}
+	};
+}
+function Bt(e = {}) {
+	let t = zt(e);
+	function n() {
+		t.getConfig("allowClose") && m();
+	}
+	function r() {
+		let e = t.getConfig("overlayClickBehavior");
+		if (t.getConfig("allowClose") && e === "close") {
+			m();
+			return;
+		}
+		if (typeof e == "function") {
+			let n = t.getState("__activeStep");
+			e(t.getState("__activeElement"), n, t.getHookOpts());
+			return;
+		}
+		if (e === "nextStep") {
+			let e = t.getState("activeStep"), n = t.getState("activeElement"), r = _t(t, e);
+			if (r) {
+				r(n, e, t.getHookOpts());
+				return;
+			}
+			i();
+		}
+	}
+	function i() {
+		let e = t.getState("activeIndex"), n = t.getConfig("steps") || [];
+		if (e === void 0) return;
+		let r = e + 1;
+		n[r] ? p(r) : m();
+	}
+	function a() {
+		let e = t.getState("activeIndex"), n = t.getConfig("steps") || [];
+		if (e === void 0) return;
+		let r = e - 1;
+		n[r] ? p(r) : m();
+	}
+	function o(e) {
+		(t.getConfig("steps") || [])[e] ? p(e) : m();
+	}
+	function s() {
+		if (t.getState("__transitionCallback")) return;
+		let e = t.getState("__activeStep");
+		if (!e || !(e.advanceOnClick ?? t.getConfig("advanceOnClick"))) return;
+		let n = t.getState("__activeElement"), r = _t(t, e);
+		if (r) {
+			r(n, e, t.getHookOpts());
+			return;
+		}
+		i();
+	}
+	function c() {
+		if (t.getState("__transitionCallback")) return;
+		let e = t.getState("activeIndex"), n = t.getState("__activeStep"), r = t.getState("__activeElement");
+		if (e === void 0 || n === void 0 || !(t.getConfig("steps") || [])[e - 1]) return;
+		let i = vt(t, n);
+		if (i) return i(r, n, t.getHookOpts());
+		a();
+	}
+	function l() {
+		if (t.getState("__transitionCallback")) return;
+		let e = t.getState("activeIndex"), n = t.getState("__activeStep"), r = t.getState("__activeElement");
+		if (e === void 0 || n === void 0) return;
+		let a = _t(t, n);
+		if (a) return a(r, n, t.getHookOpts());
+		i();
+	}
+	function u() {
+		t.getState("isInitialized") || (t.setState("isInitialized", !0), document.body.classList.add("driver-active", t.getConfig("animate") ? "driver-fade" : "driver-simple"), t.getConfig("allowScroll") || document.body.classList.add("driver-no-scroll"), document.body.style.setProperty("--driver-animation-duration", `${t.getConfig("duration") || 400}ms`), Pt(t), t.listen("overlayClick", r), t.listen("activeElementClick", s), t.listen("escapePress", n), t.listen("closeClick", n), t.listen("arrowLeftPress", c), t.listen("arrowRightPress", l));
+	}
+	function d() {
+		let e = t.getState("__pendingWaitCancel");
+		e && (t.setState("__pendingWaitCancel", void 0), e());
+	}
+	function f(e, n, r) {
+		let i = () => {
+			a.disconnect(), window.clearTimeout(o), t.setState("__pendingWaitCancel", void 0), r();
+		}, a = new MutationObserver(() => {
+			Q(e.element) && i();
+		}), o = window.setTimeout(i, n);
+		t.setState("__pendingWaitCancel", () => {
+			a.disconnect(), window.clearTimeout(o);
+		}), a.observe(document.documentElement, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0
+		});
+	}
+	function p(e = 0, n = !1) {
+		d();
+		let r = t.getConfig("steps");
+		if (!r) {
+			console.error("No steps to drive through"), m();
+			return;
+		}
+		if (!r[e]) {
+			m();
+			return;
+		}
+		let i = r[e], a = i.waitForElement ?? t.getConfig("waitForElement") ?? 0;
+		if (!n && a > 0 && i.element && !Q(i.element)) {
+			f(i, a, () => p(e, !0));
+			return;
+		}
+		if (gt(t, i)) {
+			let n = t.getState("activeIndex"), i = typeof n == "number" && e < n ? -1 : 1;
+			r[e + i] ? p(e + i) : i === 1 && m();
+			return;
+		}
+		t.setState("__activeOnDestroyed", document.activeElement), t.setState("activeIndex", e);
+		let o = r[e + 1];
+		Et(t, bt(t, e, {
+			onNextClick: () => {
+				o ? p(e + 1) : m();
+			},
+			onPrevClick: () => {
+				p(e - 1);
+			},
+			onCloseClick: () => {
+				m();
+			}
+		}));
+	}
+	function m(e = !0) {
+		let n = t.getState("__activeElement"), r = t.getState("__activeStep"), i = t.getState("__activeOnDestroyed"), a = t.getConfig("onDestroyStarted");
+		if (e && a) {
+			a(!n || n?.id === "driver-dummy-element" ? void 0 : n, r, t.getHookOpts());
+			return;
+		}
+		let o = r?.onDeselected || t.getConfig("onDeselected"), s = t.getConfig("onDestroyed");
+		document.body.classList.remove("driver-active", "driver-fade", "driver-simple", "driver-no-scroll"), document.body.style.removeProperty("--driver-animation-duration"), d(), Ft(t), at(t.getState("popover")), kt(), mt(t), t.resetEmitter();
+		let c = t.getState();
+		if (t.resetState(), n && r) {
+			let e = n.id === "driver-dummy-element";
+			o && o(e ? void 0 : n, r, t.getHookOpts(c)), s && s(e ? void 0 : n, r, t.getHookOpts(c));
+		}
+		i && i.focus();
+	}
+	let h = {
+		isActive: () => t.getState("isInitialized") || !1,
+		refresh: () => At(t),
+		drive: (e = 0) => {
+			u(), p(e);
+		},
+		setConfig: t.setConfig,
+		setSteps: (e) => {
+			d(), t.resetState(), t.setConfig({
+				...t.getConfig(),
+				steps: e
+			});
+		},
+		getConfig: t.getConfig,
+		getState: t.getState,
+		getActiveIndex: () => t.getState("activeIndex"),
+		isFirstStep: () => {
+			let e = t.getState("activeIndex");
+			return e !== void 0 && $(t, e - 1, -1) === void 0;
+		},
+		isLastStep: () => {
+			let e = t.getState("activeIndex");
+			return e !== void 0 && $(t, e + 1, 1) === void 0;
+		},
+		getActiveStep: () => t.getState("activeStep"),
+		getActiveElement: () => t.getState("activeElement"),
+		getPreviousElement: () => t.getState("previousElement"),
+		getPreviousStep: () => t.getState("previousStep"),
+		getNextStep: () => {
+			let e = t.getConfig("steps") || [], n = t.getState("activeIndex");
+			if (n === void 0) return;
+			let r = $(t, n + 1, 1);
+			return r === void 0 ? void 0 : e[r];
+		},
+		moveNext: i,
+		movePrevious: a,
+		moveTo: o,
+		hasNextStep: () => {
+			let e = t.getState("activeIndex");
+			return e !== void 0 && $(t, e + 1, 1) !== void 0;
+		},
+		hasPreviousStep: () => {
+			let e = t.getState("activeIndex");
+			return e !== void 0 && $(t, e - 1, -1) !== void 0;
+		},
+		highlight: (e) => {
+			u(), Et(t, {
+				...e,
+				popover: e.popover ? {
+					showButtons: [],
+					showProgress: !1,
+					progressText: "",
+					...e.popover
+				} : void 0
+			});
+		},
+		destroy: () => {
+			m(!1);
+		}
+	};
+	return t.setDriver(h), h;
+}
+//#endregion
+//#region src/utils/driver.ts
+var Vt = null, Ht = [];
+function Ut(e) {
+	if (Ht = e, Vt) return;
+	let t = (e) => {
+		let n = Ht;
+		if (e >= n.length) {
+			Vt = null;
+			return;
+		}
+		let r = n[e];
+		if (r.condition && !r.condition()) {
+			t(e + 1);
+			return;
+		}
+		r?.onOpen?.();
+		let i = Bt({
+			nextBtnText: "下一步",
+			prevBtnText: "上一步",
+			doneBtnText: "我知道了",
+			showProgress: !0,
+			allowClose: !1,
+			progressText: "第 {{current}} 步，共 {{total}} 步",
+			onDestroyed: () => {
+				Vt = null, t(e + 1);
+			},
+			steps: r.steps
+		});
+		Vt = i, i.drive();
+	};
+	t(0);
+}
+//#endregion
+//#region src/components/MermaidRenderer/index.tsx
+var Wt = "docList-mermaid-driver", Gt = "docList-menu-driver", Kt = "docList-pc-menu-driver", qt = s(function({ source: n, debounceMs: r = 300, enablePanzoom: a = !0, showDownload: o = !0, showSourceView: s = !1, showCollapse: l = !1, defaultCollapsed: d = !0, className: w = "", minHeight: D = 200 }) {
+	let k = n.match(/---\s*\n\s*title:\s*(.+)\s*\n\s*---/), A = k ? k[1].trim() : "mermaid 图表", { isDark: j } = ae(), { svg: M, error: N, loading: re } = ue({
+		source: n,
+		debounceMs: r,
+		isDark: j
+	}), [P, F] = p(!1), [I, L] = p(d), [ie, R] = p(!1), [z, B] = p(s), V = f(null), H = f(null), U = a && (P || !I || !l), W = Pe({
+		contentRef: H,
+		wrapperRef: V,
+		enabled: U && !!M,
+		svg: M,
+		isFullscreen: P
+	});
+	u(() => {
+		Ut([
+			{
+				id: Gt,
+				condition: () => !localStorage[Gt] && s && !(0, Fe.IsPC)() && localStorage.docListMenuVisible !== "true",
+				onOpen: () => localStorage[Gt] = 1,
+				steps: [
+					{
+						element: ".docList-menu-anchor",
+						popover: {
+							title: "大纲",
+							description: "点击此处您可查看大纲"
+						}
+					},
+					{
+						element: ".docList-menu-list",
+						popover: {
+							title: "列表",
+							description: "点击此处您可查看当前分类下文章列表"
+						}
+					},
+					{
+						element: ".docList-menu-copyHtml",
+						popover: {
+							title: "复制",
+							description: "点击此处您可复制 HTML 渲染的格式内容"
+						}
+					},
+					{
+						element: ".docList-menu-copyMarkdown",
+						popover: {
+							title: "复制",
+							description: "点击此处您可复制 markdown 源码"
+						}
+					}
+				]
+			},
+			{
+				id: Kt,
+				condition: () => !localStorage[Kt] && (0, Fe.IsPC)() && s,
+				onOpen: () => localStorage[Kt] = 1,
+				steps: [{
+					element: ".docList-menu-copyHtml",
+					popover: {
+						title: "复制",
+						description: "点击此处您可复制 HTML 渲染的格式内容"
+					}
+				}, {
+					element: ".docList-menu-copyMarkdown",
+					popover: {
+						title: "复制",
+						description: "点击此处您可复制 markdown 源码"
+					}
+				}]
+			},
+			{
+				id: Wt,
+				condition: () => M && !localStorage[Wt] && s,
+				onOpen: () => localStorage[Wt] = 1,
+				steps: [
+					{
+						element: ".mermaid-react-root .mermaid-mini",
+						popover: {
+							title: "mermaid",
+							description: "恭喜您解锁 Mermaid 渲染图表"
+						}
+					},
+					{
+						element: ".mermaid-react-root .mermaid-mini .mermaid-minimize-btn",
+						popover: {
+							title: "缩略图",
+							description: "点击此处按钮可查看缩略图"
+						}
+					},
+					{
+						element: ".mermaid-react-root .mermaid-mini .mermaid-fullscreen-btn",
+						popover: {
+							title: "全屏",
+							description: "点击此处按钮可切换为全屏展示"
+						}
+					},
+					{
+						element: ".mermaid-react-root .mermaid-mini .mermaid-showcode-btn",
+						popover: {
+							title: "源码",
+							description: "点击此处按钮查看源码弹窗"
+						}
+					},
+					{
+						element: ".mermaid-react-root .mermaid-mini .mermaid-collapsed-btn",
+						popover: {
+							title: "展开",
+							description: "点击此处按钮展开大图"
+						}
+					}
+				]
+			}
+		]);
+	}, [M]), u(() => {
+		let e = () => {
+			F(!!document.fullscreenElement), !document.fullscreenElement && l && L(!0);
+		};
+		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+	}, [l]);
+	let le = c(() => {
+		if (!M) {
+			t.warning("暂无图表");
+			return;
+		}
+		ne(M, A);
+	}, [M]), de = c(() => {
+		if (!M) {
+			t.warning("暂无图表");
+			return;
+		}
+		O(M, A, 2);
+	}, [M]), fe = {
+		items: [{
+			key: "svg",
+			label: "下载 SVG"
+		}, {
+			key: "png",
+			label: "下载 PNG"
+		}],
+		onClick: ({ key: e }) => e === "svg" ? le() : de()
+	}, G = !!M;
+	return /* @__PURE__ */ E("div", {
+		ref: V,
+		className: e.bind(Z)(l ? "mermaid-wrapper" : "", I && l && !z ? " mermaid-collapsed" : "", w, z && I && !P ? "mermaid-mini" : ""),
+		style: {
+			minHeight: z ? 0 : D,
+			position: "relative",
+			height: "100%"
+		},
+		children: [
+			s && /* @__PURE__ */ E("div", {
+				className: "mermaid-title",
+				children: [/* @__PURE__ */ E("span", {
+					className: "mermaid-title-tag",
+					children: [/* @__PURE__ */ T("img", {
+						src: "data:image/svg+xml,%3csvg%20t='1784097187016'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5199'%20width='200'%20height='200'%3e%3cpath%20d='M0%200m125.754386%200l772.491228%200q125.754386%200%20125.754386%20125.754386l0%20772.491228q0%20125.754386-125.754386%20125.754386l-772.491228%200q-125.754386%200-125.754386-125.754386l0-772.491228q0-125.754386%20125.754386-125.754386Z'%20fill='%23FC366E'%20p-id='5200'%3e%3c/path%3e%3cpath%20d='M921.150877%20174.547088a417.091368%20417.091368%200%200%200-409.168842%20274.198456%20417.235088%20417.235088%200%200%200-409.150877-274.198456%20417.360842%20417.360842%200%200%200%20181.625263%20361.992982%20223.914667%20223.914667%200%200%201%2097.010526%20185.038597v128.143719h261.084071v-128.07186a223.914667%20223.914667%200%200%201%2097.010526-185.038596%20417.181193%20417.181193%200%200%200%20181.553403-361.921123z'%20fill='%23FFFFFF'%20p-id='5201'%3e%3c/path%3e%3c/svg%3e",
+						alt: ""
+					}), /* @__PURE__ */ T("span", {
+						className: "mermaid-title-text",
+						children: "Mermaid"
+					})]
+				}), A]
+			}),
+			!G && /* @__PURE__ */ E("div", {
+				className: "mermaid-toolbar-loading",
+				children: [/* @__PURE__ */ T(te, {}), " "]
+			}),
+			G && /* @__PURE__ */ T("div", {
+				className: "mermaid-toolbar",
+				children: [
+					{
+						isShow: s && I && !P,
+						icon: T(z ? _ : ee, {}),
+						tooltip: z ? "缩略图" : "最小化",
+						onClick: () => B((e) => !e),
+						className: "mermaid-minimize-btn"
+					},
+					{
+						isShow: U,
+						icon: /* @__PURE__ */ T(x, {}),
+						tooltip: "放大",
+						onClick: () => W.current?.zoomIn()
+					},
+					{
+						isShow: U,
+						icon: /* @__PURE__ */ T(b, {}),
+						tooltip: "缩小",
+						onClick: () => W.current?.zoomOut()
+					},
+					{
+						isShow: U,
+						icon: /* @__PURE__ */ T(S, {}),
+						tooltip: "重置",
+						onClick: () => W.current?.reset()
+					},
+					{
+						isShow: o && U,
+						icon: /* @__PURE__ */ T(g, {}),
+						tooltip: "下载",
+						dropdown: fe
+					},
+					{
+						isShow: !0,
+						icon: T(P ? v : y, {}),
+						tooltip: P ? "退出全屏" : "全屏",
+						onClick: () => {
+							W.current?.reset(), document.fullscreenElement ? document.exitFullscreen() : V.current?.requestFullscreen?.();
+						},
+						className: "mermaid-fullscreen-btn"
+					},
+					{
+						isShow: s && !P,
+						icon: /* @__PURE__ */ T(m, {}),
+						tooltip: "查看源码",
+						onClick: () => R(!0),
+						className: "mermaid-showcode-btn"
+					},
+					{
+						isShow: l && !P,
+						icon: T(I ? h : C, {}),
+						tooltip: I ? "展开" : "收起",
+						onClick: () => L((e) => !e),
+						className: "mermaid-collapsed-btn"
+					}
+				].filter(Boolean).map((e, t) => {
+					if (e.isShow === !1) return null;
+					let n = e.dropdown ? /* @__PURE__ */ T(se, {
+						items: e.dropdown.items,
+						onClick: e.dropdown.onClick,
+						children: /* @__PURE__ */ T("div", {
+							className: `circle ${e.className ? ` ${e.className}` : ""}`,
+							children: e.icon
+						})
+					}, t) : /* @__PURE__ */ T("div", {
+						className: `circle ${e.className ? ` ${e.className}` : ""}`,
+						onClick: e.onClick,
+						children: e.icon
+					}, t);
+					return e.tooltip && (0, Fe.IsPC)() ? /* @__PURE__ */ T(oe, {
+						title: e.tooltip,
+						children: n
+					}, t) : n;
+				})
+			}),
+			N && /* @__PURE__ */ E("div", {
+				className: Z.errorTip,
+				children: ["⚠️ ", N]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: Z.previewArea,
+				style: { minHeight: G ? "auto" : D },
+				children: [/* @__PURE__ */ T("div", {
+					ref: H,
+					className: Z.previewContent,
+					dangerouslySetInnerHTML: { __html: M || "" }
+				}), (!G && !N || re) && /* @__PURE__ */ T("div", {
+					className: Z.emptyTip,
+					children: n?.trim() ? "渲染中..." : "← 输入 Mermaid 源码"
+				})]
+			}),
+			s && /* @__PURE__ */ T(ce, {
+				open: ie,
+				title: "Mermaid 源码",
+				className: "mermaid-code-modal",
+				width: 800,
+				destroyOnClose: !0,
+				onCancel: () => R(!1),
+				footer: null,
+				children: /* @__PURE__ */ T(i, {
+					isShowCollapsed: !1,
+					isSlotMermaid: !1,
+					codeType: "mermaid",
+					content: n
+				})
+			})
+		]
+	});
+});
+async function Jt() {
+	let e = document.querySelectorAll("code.language-mermaid");
+	for (let t of e) {
+		let e = t.parentElement;
+		if (!e) return;
+		let r = t.textContent.trim(), i = document.createElement("div");
+		i.className = "mermaid-react-root", e.replaceWith(i), n(i).render(/* @__PURE__ */ T(a.StrictMode, { children: /* @__PURE__ */ T(ie, { children: /* @__PURE__ */ T(qt, {
+			source: r,
+			enablePanzoom: !0,
+			showDownload: !0,
+			showSourceView: !0,
+			showCollapse: !0,
+			defaultCollapsed: !0,
+			minHeight: 200
+		}) }) }));
+	}
+}
+//#endregion
+export { Jt as renderMermaidWithControls };
+
+//# sourceMappingURL=MermaidRenderer-DupOXIdE.js.map