markmap-view-plus 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,805 +1,829 @@
-import { scaleOrdinal as ht, schemeCategory10 as Nt, select as S, zoomTransform as z, linkHorizontal as $t, zoom as zt, max as nt, min as ot, zoomIdentity as Rt, minIndex as At } from "d3";
-class Tt {
-  constructor() {
-    this.listeners = [];
-  }
-  tap(t) {
-    return this.listeners.push(t), () => this.revoke(t);
-  }
-  revoke(t) {
-    const e = this.listeners.indexOf(t);
-    e >= 0 && this.listeners.splice(e, 1);
-  }
-  revokeAll() {
-    this.listeners.splice(0);
-  }
-  call(...t) {
-    for (const e of this.listeners)
-      e(...t);
-  }
-}
-const Mt = Math.random().toString(36).slice(2, 8);
-let rt = 0;
-function Bt() {
-  return rt += 1, `mm-${Mt}-${rt}`;
+import { linkHorizontal as e, max as t, min as n, minIndex as r, scaleOrdinal as i, schemeCategory10 as a, select as o, zoom as s, zoomIdentity as c, zoomTransform as l } from "d3";
+var u = "npm2url/dist/index.cjs", d = {
+	jsdelivr: (e) => `https://cdn.jsdelivr.net/npm/${e}`,
+	unpkg: (e) => `https://unpkg.com/${e}`
+};
+async function f(e, t) {
+	let n = await fetch(e, { signal: t });
+	if (!n.ok) throw n;
+	await n.text();
 }
-function B() {
+new class {
+	constructor() {
+		this.providers = { ...d }, this.provider = "jsdelivr";
+	}
+	/**
+	* Get the fastest provider name.
+	* If none of the providers returns a valid response within `timeout`, an error will be thrown.
+	*/
+	async getFastestProvider(e = 5e3, t = u) {
+		let n = new AbortController(), r = 0;
+		try {
+			return await new Promise((i, a) => {
+				Promise.all(Object.entries(this.providers).map(async ([e, r]) => {
+					try {
+						await f(r(t), n.signal), i(e);
+					} catch {}
+				})).then(() => a(/* @__PURE__ */ Error("All providers failed"))), r = setTimeout(a, e, /* @__PURE__ */ Error("Timed out"));
+			});
+		} finally {
+			n.abort(), clearTimeout(r);
+		}
+	}
+	/**
+	* Set the current provider to the fastest provider found by `getFastestProvider`.
+	*/
+	async findFastestProvider(e, t) {
+		return this.provider = await this.getFastestProvider(e, t), this.provider;
+	}
+	setProvider(e, t) {
+		t ? this.providers[e] = t : delete this.providers[e];
+	}
+	getFullUrl(e, t = this.provider) {
+		if (e.includes("://")) return e;
+		let n = this.providers[t];
+		if (!n) throw Error(`Provider ${t} not found`);
+		return n(e);
+	}
+}();
+var p = class {
+	constructor() {
+		this.listeners = [];
+	}
+	tap(e) {
+		return this.listeners.push(e), () => this.revoke(e);
+	}
+	revoke(e) {
+		let t = this.listeners.indexOf(e);
+		t >= 0 && this.listeners.splice(t, 1);
+	}
+	revokeAll() {
+		this.listeners.splice(0);
+	}
+	call(...e) {
+		for (let t of this.listeners) t(...e);
+	}
+}, m = Math.random().toString(36).slice(2, 8), h = 0;
+function g() {
+	return h += 1, `mm-${m}-${h}`;
 }
-function R(n, t) {
-  const e = (i, o) => t(
-    i,
-    () => {
-      var s;
-      return (s = i.children) == null ? void 0 : s.map((a) => e(a, i));
-    },
-    o
-  );
-  return e(n);
+function _() {}
+function v(e, t) {
+	let n = (e, r) => t(e, () => e.children?.map((t) => n(t, e)), r);
+	return n(e);
 }
-function Dt(n, ...t) {
-  const e = "".split(" ").filter(Boolean);
-  return t.forEach((i) => {
-    i && e.indexOf(i) < 0 && e.push(i);
-  }), e.join(" ");
+function y(e, ...t) {
+	let n = (e || "").split(" ").filter(Boolean);
+	return t.forEach((e) => {
+		e && n.indexOf(e) < 0 && n.push(e);
+	}), n.join(" ");
 }
-function pt() {
-  const n = {};
-  return n.promise = new Promise((t, e) => {
-    n.resolve = t, n.reject = e;
-  }), n;
+function b() {
+	let e = {};
+	return e.promise = new Promise((t, n) => {
+		e.resolve = t, e.reject = n;
+	}), e;
 }
-function Pt(n) {
-  const t = {};
-  return function(...i) {
-    const o = `${i[0]}`;
-    let s = t[o];
-    return s || (s = {
-      value: n(...i)
-    }, t[o] = s), s.value;
-  };
+function x(e) {
+	let t = {};
+	return function(...n) {
+		let r = `${n[0]}`, i = t[r];
+		return i || (i = { value: e(...n) }, t[r] = i), i.value;
+	};
 }
-function jt(n, t) {
-  const e = {
-    timer: 0
-  };
-  function i() {
-    e.timer && (window.clearTimeout(e.timer), e.timer = 0);
-  }
-  function o() {
-    i(), e.args && (e.result = n(...e.args));
-  }
-  return function(...a) {
-    return i(), e.args = a, e.timer = window.setTimeout(o, t), e.result;
-  };
+function S(e, t) {
+	let n = { timer: 0 };
+	function r() {
+		n.timer &&= (window.clearTimeout(n.timer), 0);
+	}
+	function i() {
+		r(), n.args && (n.result = e(...n.args));
+	}
+	return function(...e) {
+		return r(), n.args = e, n.timer = window.setTimeout(i, t), n.result;
+	};
 }
-/*! @gera2ld/jsx-dom v2.2.2 | ISC License */
-const ut = 1, ft = 2, Xt = "http://www.w3.org/2000/svg", H = "http://www.w3.org/1999/xlink", Ut = {
-  show: H,
-  actuate: H,
-  href: H
-}, Ht = (n) => typeof n == "string" || typeof n == "number", Lt = (n) => (n == null ? void 0 : n.vtype) === ut, Ft = (n) => (n == null ? void 0 : n.vtype) === ft;
-function Wt(n, t, ...e) {
-  return t = Object.assign({}, t, {
-    children: e.length === 1 ? e[0] : e
-  }), Vt(n, t);
+var C = 1, w = 2, T = "http://www.w3.org/2000/svg", E = "http://www.w3.org/1999/xlink", D = {
+	show: E,
+	actuate: E,
+	href: E
+}, O = (e) => typeof e == "string" || typeof e == "number", k = (e) => e?.vtype === C, A = (e) => e?.vtype === w;
+function j(e, t, ...n) {
+	return t = Object.assign({}, t, { children: n.length === 1 ? n[0] : n }), M(e, t);
 }
-function Vt(n, t) {
-  let e;
-  if (typeof n == "string") e = ut;
-  else if (typeof n == "function") e = ft;
-  else throw new Error("Invalid VNode type");
-  return {
-    vtype: e,
-    type: n,
-    props: t
-  };
+function M(e, t) {
+	let n;
+	if (typeof e == "string") n = C;
+	else if (typeof e == "function") n = w;
+	else throw Error("Invalid VNode type");
+	return {
+		vtype: n,
+		type: e,
+		props: t
+	};
 }
-function Kt(n) {
-  return n.children;
+function ee(e) {
+	return e.children;
 }
-const Yt = {
-  isSvg: !1
-};
-function st(n, t) {
-  Array.isArray(t) || (t = [t]), t = t.filter(Boolean), t.length && n.append(...t);
+var N = { isSvg: !1 };
+function P(e, t) {
+	Array.isArray(t) || (t = [t]), t = t.filter(Boolean), t.length && e.append(...t);
 }
-function Gt(n, t, e) {
-  for (const i in t)
-    if (!(i === "key" || i === "children" || i === "ref"))
-      if (i === "dangerouslySetInnerHTML")
-        n.innerHTML = t[i].__html;
-      else if (i === "innerHTML" || i === "textContent" || i === "innerText" || i === "value" && ["textarea", "select"].includes(n.tagName)) {
-        const o = t[i];
-        o != null && (n[i] = o);
-      } else i.startsWith("on") ? n[i.toLowerCase()] = t[i] : Jt(n, i, t[i], e.isSvg);
+function te(e, t, n) {
+	for (let r in t) if (!(r === "key" || r === "children" || r === "ref")) if (r === "dangerouslySetInnerHTML") e.innerHTML = t[r].__html;
+	else if (r === "innerHTML" || r === "textContent" || r === "innerText" || r === "value" && ["textarea", "select"].includes(e.tagName)) {
+		let n = t[r];
+		n != null && (e[r] = n);
+	} else r.startsWith("on") ? e[r.toLowerCase()] = t[r] : F(e, r, t[r], n.isSvg);
 }
-const qt = {
-  className: "class",
-  labelFor: "for"
+var ne = {
+	className: "class",
+	labelFor: "for"
 };
-function Jt(n, t, e, i) {
-  if (t = qt[t] || t, e === !0)
-    n.setAttribute(t, "");
-  else if (e === !1)
-    n.removeAttribute(t);
-  else {
-    const o = i ? Ut[t] : void 0;
-    o !== void 0 ? n.setAttributeNS(o, t, e) : n.setAttribute(t, e);
-  }
+function F(e, t, n, r) {
+	if (t = ne[t] || t, n === !0) e.setAttribute(t, "");
+	else if (n === !1) e.removeAttribute(t);
+	else {
+		let i = r ? D[t] : void 0;
+		i === void 0 ? e.setAttribute(t, n) : e.setAttributeNS(i, t, n);
+	}
 }
-function Zt(n) {
-  return n.reduce((t, e) => t.concat(e), []);
+function re(e) {
+	return e.reduce((e, t) => e.concat(t), []);
 }
-function W(n, t) {
-  return Array.isArray(n) ? Zt(n.map((e) => W(e, t))) : K(n, t);
+function I(e, t) {
+	return Array.isArray(e) ? re(e.map((e) => I(e, t))) : L(e, t);
 }
-function K(n, t = Yt) {
-  if (n == null || typeof n == "boolean")
-    return null;
-  if (n instanceof Node)
-    return n;
-  if (Ft(n)) {
-    const {
-      type: e,
-      props: i
-    } = n;
-    if (e === Kt) {
-      const s = document.createDocumentFragment();
-      if (i.children) {
-        const a = W(i.children, t);
-        st(s, a);
-      }
-      return s;
-    }
-    const o = e(i);
-    return K(o, t);
-  }
-  if (Ht(n))
-    return document.createTextNode(`${n}`);
-  if (Lt(n)) {
-    let e;
-    const {
-      type: i,
-      props: o
-    } = n;
-    if (!t.isSvg && i === "svg" && (t = Object.assign({}, t, {
-      isSvg: !0
-    })), t.isSvg ? e = document.createElementNS(Xt, i) : e = document.createElement(i), Gt(e, o, t), o.children) {
-      let a = t;
-      t.isSvg && i === "foreignObject" && (a = Object.assign({}, a, {
-        isSvg: !1
-      }));
-      const l = W(o.children, a);
-      l != null && st(e, l);
-    }
-    const {
-      ref: s
-    } = o;
-    return typeof s == "function" && s(e), e;
-  }
-  throw new Error("mount: Invalid Vnode!");
+function L(e, t = N) {
+	if (e == null || typeof e == "boolean") return null;
+	if (e instanceof Node) return e;
+	if (A(e)) {
+		let { type: n, props: r } = e;
+		if (n === ee) {
+			let e = document.createDocumentFragment();
+			return r.children && P(e, I(r.children, t)), e;
+		}
+		return L(n(r), t);
+	}
+	if (O(e)) return document.createTextNode(`${e}`);
+	if (k(e)) {
+		let n, { type: r, props: i } = e;
+		if (!t.isSvg && r === "svg" && (t = Object.assign({}, t, { isSvg: !0 })), n = t.isSvg ? document.createElementNS(T, r) : document.createElement(r), te(n, i, t), i.children) {
+			let e = t;
+			t.isSvg && r === "foreignObject" && (e = Object.assign({}, e, { isSvg: !1 }));
+			let a = I(i.children, e);
+			a != null && P(n, a);
+		}
+		let { ref: a } = i;
+		return typeof a == "function" && a(n), n;
+	}
+	throw Error("mount: Invalid Vnode!");
 }
-function Qt(n) {
-  return K(n);
+function ie(e) {
+	return L(e);
 }
-function D(...n) {
-  return Qt(Wt(...n));
+function R(...e) {
+	return ie(j(...e));
 }
-const te = Pt((n) => {
-  document.head.append(
-    D("link", {
-      rel: "preload",
-      as: "script",
-      href: n
-    })
-  );
-}), at = {}, lt = {};
-async function ee(n, t) {
-  var e;
-  const i = n.type === "script" && ((e = n.data) == null ? void 0 : e.src) || "";
-  if (n.loaded || (n.loaded = at[i]), !n.loaded) {
-    const o = pt();
-    if (n.loaded = o.promise, n.type === "script" && (document.head.append(
-      D("script", {
-        ...n.data,
-        onLoad: () => o.resolve(),
-        onError: o.reject
-      })
-    ), i ? at[i] = n.loaded : o.resolve()), n.type === "iife") {
-      const { fn: s, getParams: a } = n.data;
-      s(...(a == null ? void 0 : a(t)) || []), o.resolve();
-    }
-  }
-  await n.loaded;
+var ae = x((e) => {
+	document.head.append(R("link", {
+		rel: "preload",
+		as: "script",
+		href: e
+	}));
+}), z = {}, oe = {};
+async function se(e, t) {
+	let n = e.type === "script" && e.data?.src || "";
+	if (e.loaded ||= z[n], !e.loaded) {
+		let r = b();
+		if (e.loaded = r.promise, e.type === "script" && (document.head.append(R("script", {
+			...e.data,
+			onLoad: () => r.resolve(),
+			onError: r.reject
+		})), n ? z[n] = e.loaded : r.resolve()), e.type === "iife") {
+			let { fn: n, getParams: i } = e.data;
+			n(...i?.(t) || []), r.resolve();
+		}
+	}
+	await e.loaded;
 }
-async function ie(n) {
-  const t = n.type === "stylesheet" && n.data.href || "";
-  if (n.loaded || (n.loaded = lt[t]), !n.loaded) {
-    const e = pt();
-    n.loaded = e.promise, t && (lt[t] = n.loaded), n.type === "style" ? (document.head.append(
-      D("style", {
-        textContent: n.data
-      })
-    ), e.resolve()) : t && (document.head.append(
-      D("link", {
-        rel: "stylesheet",
-        ...n.data
-      })
-    ), fetch(t).then((i) => {
-      if (i.ok) return i.text();
-      throw i;
-    }).then(() => e.resolve(), e.reject));
-  }
-  await n.loaded;
+async function ce(e) {
+	let t = e.type === "stylesheet" && e.data.href || "";
+	if (e.loaded ||= oe[t], !e.loaded) {
+		let n = b();
+		e.loaded = n.promise, t && (oe[t] = e.loaded), e.type === "style" ? (document.head.append(R("style", { textContent: e.data })), n.resolve()) : t && (document.head.append(R("link", {
+			rel: "stylesheet",
+			...e.data
+		})), fetch(t).then((e) => {
+			if (e.ok) return e.text();
+			throw e;
+		}).then(() => n.resolve(), n.reject));
+	}
+	await e.loaded;
 }
-async function He(n, t) {
-  n.forEach((e) => {
-    var i;
-    e.type === "script" && ((i = e.data) != null && i.src) && te(e.data.src);
-  }), t = {
-    getMarkmap: () => window.markmap,
-    ...t
-  };
-  for (const e of n)
-    await ee(e, t);
+async function le(e, t) {
+	e.forEach((e) => {
+		e.type === "script" && e.data?.src && ae(e.data.src);
+	}), t = {
+		getMarkmap: () => window.markmap,
+		...t
+	};
+	for (let n of e) await se(n, t);
 }
-async function Le(n) {
-  await Promise.all(n.map((t) => ie(t)));
+async function ue(e) {
+	await Promise.all(e.map((e) => ce(e)));
 }
-const gt = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), ne = ht(Nt), mt = (n = 1, t = 3, e = 2) => (i) => n + t / e ** i.state.depth, yt = {
-  autoFit: !1,
-  duration: 500,
-  embedGlobalCSS: !0,
-  fitRatio: 0.95,
-  maxInitialScale: 2,
-  scrollForPan: gt,
-  initialExpandLevel: -1,
-  zoom: !0,
-  pan: !0,
-  toggleRecursively: !1,
-  editable: !0,
-  addable: !0,
-  deletable: !0,
-  collapseOnHover: !0,
-  hoverBorder: !0,
-  clickBorder: !0,
-  onNodeEdit: void 0,
-  onNodeAdd: void 0,
-  inputPlaceholder: "Enter text",
-  color: (n) => {
-    var t;
-    return ne(`${((t = n.state) == null ? void 0 : t.path) || ""}`);
-  },
-  lineWidth: mt(),
-  maxWidth: 0,
-  nodeMinHeight: 16,
-  paddingX: 8,
-  spacingHorizontal: 80,
-  spacingVertical: 5
+const B = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), V = i(a), H = (e = 1, t = 3, n = 2) => (r) => e + t / n ** r.state.depth, U = {
+	autoFit: !1,
+	duration: 500,
+	embedGlobalCSS: !0,
+	fitRatio: .95,
+	maxInitialScale: 2,
+	scrollForPan: B,
+	initialExpandLevel: -1,
+	zoom: !0,
+	pan: !0,
+	toggleRecursively: !1,
+	editable: !0,
+	addable: !0,
+	deletable: !0,
+	collapseOnHover: !0,
+	hoverBorder: !0,
+	clickBorder: !0,
+	onNodeEdit: void 0,
+	onNodeAdd: void 0,
+	inputPlaceholder: "Enter text",
+	color: (e) => V(`${e.state?.path || ""}`),
+	lineWidth: H(),
+	maxWidth: 0,
+	nodeMinHeight: 16,
+	paddingX: 8,
+	spacingHorizontal: 80,
+	spacingVertical: 5
 };
-function Fe(n) {
-  const t = {}, e = { ...n }, { color: i, colorFreezeLevel: o, lineWidth: s } = e;
-  if ((i == null ? void 0 : i.length) === 1) {
-    const h = i[0];
-    t.color = () => h;
-  } else if (i != null && i.length) {
-    const h = ht(i);
-    t.color = (c) => h(`${c.state.path}`);
-  }
-  if (o) {
-    const h = t.color || yt.color;
-    t.color = (c) => (c = {
-      ...c,
-      state: {
-        ...c.state,
-        path: c.state.path.split(".").slice(0, o).join(".")
-      }
-    }, h(c));
-  }
-  if (s) {
-    const h = Array.isArray(s) ? s : [s, 0, 1];
-    t.lineWidth = mt(
-      ...h
-    );
-  }
-  return [
-    "duration",
-    "fitRatio",
-    "initialExpandLevel",
-    "maxInitialScale",
-    "maxWidth",
-    "nodeMinHeight",
-    "paddingX",
-    "spacingHorizontal",
-    "spacingVertical"
-  ].forEach((h) => {
-    const c = e[h];
-    typeof c == "number" && (t[h] = c);
-  }), ["zoom", "pan"].forEach((h) => {
-    const c = e[h];
-    c != null && (t[h] = !!c);
-  }), t;
+function de(e) {
+	let t = {}, n = { ...e }, { color: r, colorFreezeLevel: a, lineWidth: o } = n;
+	if (r?.length === 1) {
+		let e = r[0];
+		t.color = () => e;
+	} else if (r?.length) {
+		let e = i(r);
+		t.color = (t) => e(`${t.state.path}`);
+	}
+	if (a) {
+		let e = t.color || U.color;
+		t.color = (t) => (t = {
+			...t,
+			state: {
+				...t.state,
+				path: t.state.path.split(".").slice(0, a).join(".")
+			}
+		}, e(t));
+	}
+	return o && (t.lineWidth = H(...Array.isArray(o) ? o : [
+		o,
+		0,
+		1
+	])), [
+		"duration",
+		"fitRatio",
+		"initialExpandLevel",
+		"maxInitialScale",
+		"maxWidth",
+		"nodeMinHeight",
+		"paddingX",
+		"spacingHorizontal",
+		"spacingVertical"
+	].forEach((e) => {
+		let r = n[e];
+		typeof r == "number" && (t[e] = r);
+	}), ["zoom", "pan"].forEach((e) => {
+		let r = n[e];
+		r != null && (t[e] = !!r);
+	}), t;
 }
-function V(n) {
-  let t = 0;
-  for (let e = 0; e < n.length; e++)
-    t = (t << 5) - t + n.charCodeAt(e) | 0;
-  return (t >>> 0).toString(36);
+/**
+* Credit: https://gist.github.com/jlevy/c246006675becc446360a798e2b2d781?permalink_comment_id=4738050#gistcomment-4738050
+*/
+function W(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = (t << 5) - t + e.charCodeAt(n) | 0;
+	return (t >>> 0).toString(36);
 }
-function b(n) {
-  if (typeof n == "string") {
-    const e = n;
-    n = (i) => i.matches(e);
-  }
-  const t = n;
-  return function() {
-    let i = Array.from(this.childNodes);
-    return t && (i = i.filter((o) => t(o))), i;
-  };
+function G(e) {
+	if (typeof e == "string") {
+		let t = e;
+		e = (e) => e.matches(t);
+	}
+	let t = e;
+	return function() {
+		let e = Array.from(this.childNodes);
+		return t && (e = e.filter((e) => t(e))), e;
+	};
 }
-function oe(n) {
-  var t = 0, e = n.children, i = e && e.length;
-  if (!i) t = 1;
-  else for (; --i >= 0; ) t += e[i].value;
-  n.value = t;
+function fe(e) {
+	var t = 0, n = e.children, r = n && n.length;
+	if (!r) t = 1;
+	else for (; --r >= 0;) t += n[r].value;
+	e.value = t;
 }
-function re() {
-  return this.eachAfter(oe);
+function pe() {
+	return this.eachAfter(fe);
 }
-function se(n) {
-  var t = this, e, i = [t], o, s, a;
-  do
-    for (e = i.reverse(), i = []; t = e.pop(); )
-      if (n(t), o = t.children, o) for (s = 0, a = o.length; s < a; ++s)
-        i.push(o[s]);
-  while (i.length);
-  return this;
+function me(e) {
+	var t = this, n, r = [t], i, a, o;
+	do
+		for (n = r.reverse(), r = []; t = n.pop();) if (e(t), i = t.children, i) for (a = 0, o = i.length; a < o; ++a) r.push(i[a]);
+	while (r.length);
+	return this;
 }
-function ae(n) {
-  for (var t = this, e = [t], i, o; t = e.pop(); )
-    if (n(t), i = t.children, i) for (o = i.length - 1; o >= 0; --o)
-      e.push(i[o]);
-  return this;
+function he(e) {
+	for (var t = this, n = [t], r, i; t = n.pop();) if (e(t), r = t.children, r) for (i = r.length - 1; i >= 0; --i) n.push(r[i]);
+	return this;
 }
-function le(n) {
-  for (var t = this, e = [t], i = [], o, s, a; t = e.pop(); )
-    if (i.push(t), o = t.children, o) for (s = 0, a = o.length; s < a; ++s)
-      e.push(o[s]);
-  for (; t = i.pop(); )
-    n(t);
-  return this;
+function ge(e) {
+	for (var t = this, n = [t], r = [], i, a, o; t = n.pop();) if (r.push(t), i = t.children, i) for (a = 0, o = i.length; a < o; ++a) n.push(i[a]);
+	for (; t = r.pop();) e(t);
+	return this;
 }
-function ce(n) {
-  return this.eachAfter(function(t) {
-    for (var e = +n(t.data) || 0, i = t.children, o = i && i.length; --o >= 0; ) e += i[o].value;
-    t.value = e;
-  });
+function _e(e) {
+	return this.eachAfter(function(t) {
+		for (var n = +e(t.data) || 0, r = t.children, i = r && r.length; --i >= 0;) n += r[i].value;
+		t.value = n;
+	});
 }
-function de(n) {
-  return this.eachBefore(function(t) {
-    t.children && t.children.sort(n);
-  });
+function ve(e) {
+	return this.eachBefore(function(t) {
+		t.children && t.children.sort(e);
+	});
 }
-function he(n) {
-  for (var t = this, e = pe(t, n), i = [t]; t !== e; )
-    t = t.parent, i.push(t);
-  for (var o = i.length; n !== e; )
-    i.splice(o, 0, n), n = n.parent;
-  return i;
+function ye(e) {
+	for (var t = this, n = be(t, e), r = [t]; t !== n;) t = t.parent, r.push(t);
+	for (var i = r.length; e !== n;) r.splice(i, 0, e), e = e.parent;
+	return r;
 }
-function pe(n, t) {
-  if (n === t) return n;
-  var e = n.ancestors(), i = t.ancestors(), o = null;
-  for (n = e.pop(), t = i.pop(); n === t; )
-    o = n, n = e.pop(), t = i.pop();
-  return o;
+function be(e, t) {
+	if (e === t) return e;
+	var n = e.ancestors(), r = t.ancestors(), i = null;
+	for (e = n.pop(), t = r.pop(); e === t;) i = e, e = n.pop(), t = r.pop();
+	return i;
 }
-function ue() {
-  for (var n = this, t = [n]; n = n.parent; )
-    t.push(n);
-  return t;
+function xe() {
+	for (var e = this, t = [e]; e = e.parent;) t.push(e);
+	return t;
 }
-function fe() {
-  var n = [];
-  return this.each(function(t) {
-    n.push(t);
-  }), n;
+function Se() {
+	var e = [];
+	return this.each(function(t) {
+		e.push(t);
+	}), e;
 }
-function ge() {
-  var n = [];
-  return this.eachBefore(function(t) {
-    t.children || n.push(t);
-  }), n;
+function Ce() {
+	var e = [];
+	return this.eachBefore(function(t) {
+		t.children || e.push(t);
+	}), e;
 }
-function me() {
-  var n = this, t = [];
-  return n.each(function(e) {
-    e !== n && t.push({ source: e.parent, target: e });
-  }), t;
+function we() {
+	var e = this, t = [];
+	return e.each(function(n) {
+		n !== e && t.push({
+			source: n.parent,
+			target: n
+		});
+	}), t;
 }
-function Y(n, t) {
-  var e = new P(n), i = +n.value && (e.value = n.value), o, s = [e], a, l, h, c;
-  for (t == null && (t = xe); o = s.pop(); )
-    if (i && (o.value = +o.data.value), (l = t(o.data)) && (c = l.length))
-      for (o.children = new Array(c), h = c - 1; h >= 0; --h)
-        s.push(a = o.children[h] = new P(l[h])), a.parent = o, a.depth = o.depth + 1;
-  return e.eachBefore(ke);
+function K(e, t) {
+	var n = new q(e), r = +e.value && (n.value = e.value), i, a = [n], o, s, c, l;
+	for (t ??= Ee; i = a.pop();) if (r && (i.value = +i.data.value), (s = t(i.data)) && (l = s.length)) for (i.children = Array(l), c = l - 1; c >= 0; --c) a.push(o = i.children[c] = new q(s[c])), o.parent = i, o.depth = i.depth + 1;
+	return n.eachBefore(Oe);
 }
-function ye() {
-  return Y(this).eachBefore(ve);
+function Te() {
+	return K(this).eachBefore(De);
 }
-function xe(n) {
-  return n.children;
+function Ee(e) {
+	return e.children;
 }
-function ve(n) {
-  n.data = n.data.data;
+function De(e) {
+	e.data = e.data.data;
 }
-function ke(n) {
-  var t = 0;
-  do
-    n.height = t;
-  while ((n = n.parent) && n.height < ++t);
+function Oe(e) {
+	var t = 0;
+	do
+		e.height = t;
+	while ((e = e.parent) && e.height < ++t);
 }
-function P(n) {
-  this.data = n, this.depth = this.height = 0, this.parent = null;
+function q(e) {
+	this.data = e, this.depth = this.height = 0, this.parent = null;
 }
-P.prototype = Y.prototype = {
-  constructor: P,
-  count: re,
-  each: se,
-  eachAfter: le,
-  eachBefore: ae,
-  sum: ce,
-  sort: de,
-  path: he,
-  ancestors: ue,
-  descendants: fe,
-  leaves: ge,
-  links: me,
-  copy: ye
+q.prototype = K.prototype = {
+	constructor: q,
+	count: pe,
+	each: me,
+	eachAfter: ge,
+	eachBefore: he,
+	sum: _e,
+	sort: ve,
+	path: ye,
+	ancestors: xe,
+	descendants: Se,
+	leaves: Ce,
+	links: we,
+	copy: Te
+};
+const ke = {
+	name: "Chris Maloney",
+	url: "http://chrismaloney.org"
+}, Ae = [
+	"d3",
+	"d3-module",
+	"layout",
+	"tree",
+	"hierarchy",
+	"d3-hierarchy",
+	"plugin",
+	"d3-plugin",
+	"infovis",
+	"visualization",
+	"2d"
+], je = {
+	type: "git",
+	url: "https://github.com/klortho/d3-flextree.git"
+}, Me = {
+	clean: "rm -rf build demo test",
+	"build:demo": "rollup -c --environment BUILD:demo",
+	"build:dev": "rollup -c --environment BUILD:dev",
+	"build:prod": "rollup -c --environment BUILD:prod",
+	"build:test": "rollup -c --environment BUILD:test",
+	build: "rollup -c",
+	lint: "eslint index.js src",
+	"test:main": "node test/bundle.js",
+	"test:browser": "node test/browser-tests.js",
+	test: "npm-run-all test:*",
+	prepare: "npm-run-all clean build lint test"
+}, Ne = { "d3-hierarchy": "^1.1.5" }, Pe = {
+	"babel-plugin-external-helpers": "^6.22.0",
+	"babel-preset-es2015-rollup": "^3.0.0",
+	d3: "^4.13.0",
+	"d3-selection-multi": "^1.0.1",
+	eslint: "^4.19.1",
+	jsdom: "^11.6.2",
+	"npm-run-all": "^4.1.2",
+	rollup: "^0.55.3",
+	"rollup-plugin-babel": "^2.7.1",
+	"rollup-plugin-commonjs": "^8.0.2",
+	"rollup-plugin-copy": "^0.2.3",
+	"rollup-plugin-json": "^2.3.0",
+	"rollup-plugin-node-resolve": "^3.0.2",
+	"rollup-plugin-uglify": "^3.0.0",
+	"uglify-es": "^3.3.9"
 };
-const be = "2.1.2", we = {
-  version: be
-}, { version: Ee } = we, Se = Object.freeze({
-  children: (n) => n.children,
-  nodeSize: (n) => n.data.size,
-  spacing: 0
+var { version: Fe } = {
+	name: "d3-flextree",
+	version: "2.1.2",
+	main: "build/d3-flextree.js",
+	module: "index",
+	"jsnext:main": "index",
+	author: ke,
+	description: "Flexible tree layout algorithm that allows for variable node sizes.",
+	keywords: Ae,
+	homepage: "https://github.com/klortho/d3-flextree",
+	license: "WTFPL",
+	repository: je,
+	scripts: Me,
+	dependencies: Ne,
+	devDependencies: Pe
+}, Ie = Object.freeze({
+	children: (e) => e.children,
+	nodeSize: (e) => e.data.size,
+	spacing: 0
 });
-function vt(n) {
-  const t = Object.assign({}, Se, n);
-  function e(l) {
-    const h = t[l];
-    return typeof h == "function" ? h : () => h;
-  }
-  function i(l) {
-    const h = a(s(), l, (c) => c.children);
-    return h.update(), h.data;
-  }
-  function o() {
-    const l = e("nodeSize"), h = e("spacing");
-    return class xt extends Y.prototype.constructor {
-      constructor(d) {
-        super(d);
-      }
-      copy() {
-        const d = a(this.constructor, this, (u) => u.children);
-        return d.each((u) => u.data = u.data.data), d;
-      }
-      get size() {
-        return l(this);
-      }
-      spacing(d) {
-        return h(this, d);
-      }
-      get nodes() {
-        return this.descendants();
-      }
-      get xSize() {
-        return this.size[0];
-      }
-      get ySize() {
-        return this.size[1];
-      }
-      get top() {
-        return this.y;
-      }
-      get bottom() {
-        return this.y + this.ySize;
-      }
-      get left() {
-        return this.x - this.xSize / 2;
-      }
-      get right() {
-        return this.x + this.xSize / 2;
-      }
-      get root() {
-        const d = this.ancestors();
-        return d[d.length - 1];
-      }
-      get numChildren() {
-        return this.hasChildren ? this.children.length : 0;
-      }
-      get hasChildren() {
-        return !this.noChildren;
-      }
-      get noChildren() {
-        return this.children === null;
-      }
-      get firstChild() {
-        return this.hasChildren ? this.children[0] : null;
-      }
-      get lastChild() {
-        return this.hasChildren ? this.children[this.numChildren - 1] : null;
-      }
-      get extents() {
-        return (this.children || []).reduce(
-          (d, u) => xt.maxExtents(d, u.extents),
-          this.nodeExtents
-        );
-      }
-      get nodeExtents() {
-        return {
-          top: this.top,
-          bottom: this.bottom,
-          left: this.left,
-          right: this.right
-        };
-      }
-      static maxExtents(d, u) {
-        return {
-          top: Math.min(d.top, u.top),
-          bottom: Math.max(d.bottom, u.bottom),
-          left: Math.min(d.left, u.left),
-          right: Math.max(d.right, u.right)
-        };
-      }
-    };
-  }
-  function s() {
-    const l = o(), h = e("nodeSize"), c = e("spacing");
-    return class extends l {
-      constructor(d) {
-        super(d), Object.assign(this, {
-          x: 0,
-          y: 0,
-          relX: 0,
-          prelim: 0,
-          shift: 0,
-          change: 0,
-          lExt: this,
-          lExtRelX: 0,
-          lThr: null,
-          rExt: this,
-          rExtRelX: 0,
-          rThr: null
-        });
-      }
-      get size() {
-        return h(this.data);
-      }
-      spacing(d) {
-        return c(this.data, d.data);
-      }
-      get x() {
-        return this.data.x;
-      }
-      set x(d) {
-        this.data.x = d;
-      }
-      get y() {
-        return this.data.y;
-      }
-      set y(d) {
-        this.data.y = d;
-      }
-      update() {
-        return kt(this), bt(this), this;
-      }
-    };
-  }
-  function a(l, h, c) {
-    const d = (u, f) => {
-      const g = new l(u);
-      Object.assign(g, {
-        parent: f,
-        depth: f === null ? 0 : f.depth + 1,
-        height: 0,
-        length: 1
-      });
-      const y = c(u) || [];
-      return g.children = y.length === 0 ? null : y.map((v) => d(v, g)), g.children && Object.assign(g, g.children.reduce(
-        (v, k) => ({
-          height: Math.max(v.height, k.height + 1),
-          length: v.length + k.length
-        }),
-        g
-      )), g;
-    };
-    return d(h, null);
-  }
-  return Object.assign(i, {
-    nodeSize(l) {
-      return arguments.length ? (t.nodeSize = l, i) : t.nodeSize;
-    },
-    spacing(l) {
-      return arguments.length ? (t.spacing = l, i) : t.spacing;
-    },
-    children(l) {
-      return arguments.length ? (t.children = l, i) : t.children;
-    },
-    hierarchy(l, h) {
-      const c = typeof h > "u" ? t.children : h;
-      return a(o(), l, c);
-    },
-    dump(l) {
-      const h = e("nodeSize"), c = (d) => (u) => {
-        const f = d + "  ", g = d + "    ", { x: y, y: v } = u, k = h(u), x = u.children || [], _ = x.length === 0 ? " " : `,${f}children: [${g}${x.map(c(g)).join(g)}${f}],${d}`;
-        return `{ size: [${k.join(", ")}],${f}x: ${y}, y: ${v}${_}},`;
-      };
-      return c(`
-`)(l);
-    }
-  }), i;
+function Le(e) {
+	let t = Object.assign({}, Ie, e);
+	function n(e) {
+		let n = t[e];
+		return typeof n == "function" ? n : () => n;
+	}
+	function r(e) {
+		let t = o(a(), e, (e) => e.children);
+		return t.update(), t.data;
+	}
+	function i() {
+		let e = n("nodeSize"), t = n("spacing");
+		return class n extends K.prototype.constructor {
+			constructor(e) {
+				super(e);
+			}
+			copy() {
+				let e = o(this.constructor, this, (e) => e.children);
+				return e.each((e) => e.data = e.data.data), e;
+			}
+			get size() {
+				return e(this);
+			}
+			spacing(e) {
+				return t(this, e);
+			}
+			get nodes() {
+				return this.descendants();
+			}
+			get xSize() {
+				return this.size[0];
+			}
+			get ySize() {
+				return this.size[1];
+			}
+			get top() {
+				return this.y;
+			}
+			get bottom() {
+				return this.y + this.ySize;
+			}
+			get left() {
+				return this.x - this.xSize / 2;
+			}
+			get right() {
+				return this.x + this.xSize / 2;
+			}
+			get root() {
+				let e = this.ancestors();
+				return e[e.length - 1];
+			}
+			get numChildren() {
+				return this.hasChildren ? this.children.length : 0;
+			}
+			get hasChildren() {
+				return !this.noChildren;
+			}
+			get noChildren() {
+				return this.children === null;
+			}
+			get firstChild() {
+				return this.hasChildren ? this.children[0] : null;
+			}
+			get lastChild() {
+				return this.hasChildren ? this.children[this.numChildren - 1] : null;
+			}
+			get extents() {
+				return (this.children || []).reduce((e, t) => n.maxExtents(e, t.extents), this.nodeExtents);
+			}
+			get nodeExtents() {
+				return {
+					top: this.top,
+					bottom: this.bottom,
+					left: this.left,
+					right: this.right
+				};
+			}
+			static maxExtents(e, t) {
+				return {
+					top: Math.min(e.top, t.top),
+					bottom: Math.max(e.bottom, t.bottom),
+					left: Math.min(e.left, t.left),
+					right: Math.max(e.right, t.right)
+				};
+			}
+		};
+	}
+	function a() {
+		let e = i(), t = n("nodeSize"), r = n("spacing");
+		return class extends e {
+			constructor(e) {
+				super(e), Object.assign(this, {
+					x: 0,
+					y: 0,
+					relX: 0,
+					prelim: 0,
+					shift: 0,
+					change: 0,
+					lExt: this,
+					lExtRelX: 0,
+					lThr: null,
+					rExt: this,
+					rExtRelX: 0,
+					rThr: null
+				});
+			}
+			get size() {
+				return t(this.data);
+			}
+			spacing(e) {
+				return r(this.data, e.data);
+			}
+			get x() {
+				return this.data.x;
+			}
+			set x(e) {
+				this.data.x = e;
+			}
+			get y() {
+				return this.data.y;
+			}
+			set y(e) {
+				this.data.y = e;
+			}
+			update() {
+				return Re(this), ze(this), this;
+			}
+		};
+	}
+	function o(e, t, n) {
+		let r = (t, i) => {
+			let a = new e(t);
+			Object.assign(a, {
+				parent: i,
+				depth: i === null ? 0 : i.depth + 1,
+				height: 0,
+				length: 1
+			});
+			let o = n(t) || [];
+			return a.children = o.length === 0 ? null : o.map((e) => r(e, a)), a.children && Object.assign(a, a.children.reduce((e, t) => ({
+				height: Math.max(e.height, t.height + 1),
+				length: e.length + t.length
+			}), a)), a;
+		};
+		return r(t, null);
+	}
+	return Object.assign(r, {
+		nodeSize(e) {
+			return arguments.length ? (t.nodeSize = e, r) : t.nodeSize;
+		},
+		spacing(e) {
+			return arguments.length ? (t.spacing = e, r) : t.spacing;
+		},
+		children(e) {
+			return arguments.length ? (t.children = e, r) : t.children;
+		},
+		hierarchy(e, n) {
+			let r = n === void 0 ? t.children : n;
+			return o(i(), e, r);
+		},
+		dump(e) {
+			let t = n("nodeSize"), r = (e) => (n) => {
+				let i = e + "  ", a = e + "    ", { x: o, y: s } = n, c = t(n), l = n.children || [], u = l.length === 0 ? " " : `,${i}children: [${a}${l.map(r(a)).join(a)}${i}],${e}`;
+				return `{ size: [${c.join(", ")}],${i}x: ${o}, y: ${s}${u}},`;
+			};
+			return r("\n")(e);
+		}
+	}), r;
 }
-vt.version = Ee;
-const kt = (n, t = 0) => (n.y = t, (n.children || []).reduce((e, i) => {
-  const [o, s] = e;
-  kt(i, n.y + n.ySize);
-  const a = (o === 0 ? i.lExt : i.rExt).bottom;
-  o !== 0 && _e(n, o, s);
-  const l = Te(a, o, s);
-  return [o + 1, l];
-}, [0, null]), Ce(n), Ae(n), n), bt = (n, t, e) => {
-  typeof t > "u" && (t = -n.relX - n.prelim, e = 0);
-  const i = t + n.relX;
-  return n.relX = i + n.prelim - e, n.prelim = 0, n.x = e + n.relX, (n.children || []).forEach((o) => bt(o, i, n.x)), n;
-}, Ce = (n) => {
-  (n.children || []).reduce((t, e) => {
-    const [i, o] = t, s = i + e.shift, a = o + s + e.change;
-    return e.relX += a, [s, a];
-  }, [0, 0]);
-}, _e = (n, t, e) => {
-  const i = n.children[t - 1], o = n.children[t];
-  let s = i, a = i.relX, l = o, h = o.relX, c = !0;
-  for (; s && l; ) {
-    s.bottom > e.lowY && (e = e.next);
-    const d = a + s.prelim - (h + l.prelim) + s.xSize / 2 + l.xSize / 2 + s.spacing(l);
-    (d > 0 || d < 0 && c) && (h += d, Oe(o, d), Ie(n, t, e.index, d)), c = !1;
-    const u = s.bottom, f = l.bottom;
-    u <= f && (s = $e(s), s && (a += s.relX)), u >= f && (l = Ne(l), l && (h += l.relX));
-  }
-  !s && l ? ze(n, t, l, h) : s && !l && Re(n, t, s, a);
-}, Oe = (n, t) => {
-  n.relX += t, n.lExtRelX += t, n.rExtRelX += t;
-}, Ie = (n, t, e, i) => {
-  const o = n.children[t], s = t - e;
-  if (s > 1) {
-    const a = i / s;
-    n.children[e + 1].shift += a, o.shift -= a, o.change -= i - a;
-  }
-}, Ne = (n) => n.hasChildren ? n.firstChild : n.lThr, $e = (n) => n.hasChildren ? n.lastChild : n.rThr, ze = (n, t, e, i) => {
-  const o = n.firstChild, s = o.lExt, a = n.children[t];
-  s.lThr = e;
-  const l = i - e.relX - o.lExtRelX;
-  s.relX += l, s.prelim -= l, o.lExt = a.lExt, o.lExtRelX = a.lExtRelX;
-}, Re = (n, t, e, i) => {
-  const o = n.children[t], s = o.rExt, a = n.children[t - 1];
-  s.rThr = e;
-  const l = i - e.relX - o.rExtRelX;
-  s.relX += l, s.prelim -= l, o.rExt = a.rExt, o.rExtRelX = a.rExtRelX;
-}, Ae = (n) => {
-  if (n.hasChildren) {
-    const t = n.firstChild, e = n.lastChild, i = (t.prelim + t.relX - t.xSize / 2 + e.relX + e.prelim + e.xSize / 2) / 2;
-    Object.assign(n, {
-      prelim: i,
-      lExt: t.lExt,
-      lExtRelX: t.lExtRelX,
-      rExt: e.rExt,
-      rExtRelX: e.rExtRelX
-    });
-  }
-}, Te = (n, t, e) => {
-  for (; e !== null && n >= e.lowY; )
-    e = e.next;
-  return {
-    lowY: n,
-    index: t,
-    next: e
-  };
-}, wt = ".markmap{--markmap-max-width: 9999px;--markmap-a-color: #0097e6;--markmap-a-hover-color: #00a8ff;--markmap-code-bg: #f0f0f0;--markmap-code-color: #555;--markmap-highlight-bg: #ffeaa7;--markmap-table-border: 1px solid currentColor;--markmap-font: 300 16px/20px sans-serif;--markmap-circle-open-bg: #fff;--markmap-text-color: #333;--markmap-highlight-node-bg: #ff02;font:var(--markmap-font);color:var(--markmap-text-color)}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-node-hovered>foreignObject>div>div{padding:2px 6px;border-radius:14px;border:2px solid #d9d9d9}.markmap-selected>foreignObject>div>div,.markmap-selected.markmap-node-hovered>foreignObject>div>div{padding:2px 6px;border-radius:14px;border:2px solid #b4b4b4}.markmap-selected>circle{opacity:0!important;pointer-events:none}.markmap-collapse-on-hover .markmap-node>circle{opacity:0;transition:opacity .2s}.markmap-collapse-on-hover .markmap-node:hover>circle{opacity:1}.markmap-foreign{display:inline-block}.markmap-foreign>div>div{padding:4px 6px}.markmap-foreign .markmap-edit-wrapper{position:relative;width:100%;padding:4px;background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;animation:fadeIn .2s ease-in}.markmap-foreign .markmap-edit-input{width:100%;padding:8px 12px;border:2px solid #4A90E2;border-radius:4px;font-size:14px;font-family:inherit;outline:none;background:#f8f9fa;transition:all .2s}.markmap-foreign .markmap-edit-input:focus{border-color:#2d7dd2;background:#fff;box-shadow:0 0 0 3px #4a90e21a}.markmap-foreign p{margin:0}.markmap-foreign a{color:var(--markmap-a-color)}.markmap-foreign a:hover{color:var(--markmap-a-hover-color)}.markmap-foreign code{padding:.25em;font-size:calc(1em - 2px);color:var(--markmap-code-color);background-color:var(--markmap-code-bg);border-radius:2px}.markmap-foreign pre{margin:0}.markmap-foreign pre>code{display:block}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:var(--markmap-highlight-bg)}.markmap-foreign table,.markmap-foreign th,.markmap-foreign td{border-collapse:collapse;border:var(--markmap-table-border)}.markmap-foreign img{display:inline-block}.markmap-foreign svg{fill:currentColor}.markmap-foreign>div{width:var(--markmap-max-width);text-align:left}.markmap-foreign>div>div{display:inline-block;max-width:var(--markmap-wrap-width, 30em);overflow-wrap:break-word;word-break:break-word;white-space:normal}.markmap-highlight rect{fill:var(--markmap-highlight-node-bg)}.markmap-dark .markmap{--markmap-code-bg: #1a1b26;--markmap-code-color: #ddd;--markmap-circle-open-bg: #444;--markmap-text-color: #eee}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}", L = "g.markmap-node";
-class Me {
-  constructor(t) {
-    this.ctx = t, this.editingNode = null, this.selectedNode = null;
-  }
-  // ── Private helpers ──────────────────────────────────────────────────────
-  _getNodeContentEl(t) {
-    const e = this.ctx.findElement(t);
-    return e && S(e.g).select("foreignObject").select("div").select("div").node() || null;
-  }
-  _getOverlayRoot() {
-    const t = this.ctx.svg.node();
-    return (t == null ? void 0 : t.parentElement) || document.body;
-  }
-  _positionOverlayToEl(t, e, i) {
-    const o = this._getOverlayRoot();
-    window.getComputedStyle(o).position === "static" && (o.style.position = "relative");
-    const a = e.getBoundingClientRect(), l = o.getBoundingClientRect(), h = (i == null ? void 0 : i.dx) ?? 0, c = (i == null ? void 0 : i.dy) ?? 0, d = (i == null ? void 0 : i.minW) ?? 0, u = (i == null ? void 0 : i.minH) ?? 0;
-    let f = a.left - l.left + h, g = a.top - l.top + c;
-    (i == null ? void 0 : i.anchor) === "br" ? (f = a.right - l.left + h, g = a.bottom - l.top + c) : (i == null ? void 0 : i.anchor) === "r" && (f = a.right - l.left + h, g = a.top - l.top + c), t.style.left = `${f}px`, t.style.top = `${g}px`, d && (t.style.width = `${Math.max(d, a.width)}px`), u && (t.style.height = `${Math.max(u, a.height)}px`);
-  }
-  _safeRemoveEl(t) {
-    try {
-      t.parentNode && t.remove();
-    } catch {
-    }
-  }
-  _clearSelectionCss() {
-    this.ctx.options.clickBorder && this.ctx.g.selectAll(b(L)).classed("markmap-selected", !1);
-  }
-  _findParent(t) {
-    if (!this.ctx.state.data) return null;
-    let e = null;
-    return R(this.ctx.state.data, (i, o) => {
-      if (e) return;
-      const s = i.children || [];
-      for (let a = 0; a < s.length; a++)
-        if (s[a] === t) {
-          e = { parent: i, index: a };
-          return;
-        }
-      o();
-    }), e;
-  }
-  /** Create a blank child INode and append it to parent.children. */
-  _insertNewChildNode(t) {
-    var l, h, c;
-    let e = 0;
-    R(this.ctx.state.data, (d, u) => {
-      var f;
-      ((f = d.state) == null ? void 0 : f.id) > e && (e = d.state.id), u();
-    });
-    const i = e + 1, o = (((l = t.state) == null ? void 0 : l.depth) ?? 0) + 1, s = "&nbsp;", a = {
-      content: s,
-      children: [],
-      payload: {},
-      state: {
-        id: i,
-        depth: o,
-        key: `${(h = t.state) == null ? void 0 : h.id}.${i}` + V(s),
-        path: [(c = t.state) == null ? void 0 : c.path, i].filter(Boolean).join("."),
-        rect: { x: 0, y: 0, width: 0, height: 0 },
-        size: [0, 0]
-      }
-    };
-    return t.children = [...t.children || [], a], this.ctx.options.color(a), a;
-  }
-  /**
-   * Core overlay builder shared by _editNewNode and handleEdit.
-   *
-   * @param node        - The INode being edited (content will be mutated on save).
-   * @param contentNode - The inner <div> whose position / style drives the overlay.
-   * @param opts.initialValue  - Starting text in the input ('': new node, textContent: existing).
-   * @param opts.minWidth      - Minimum overlay width in px.
-   * @param opts.placeholder   - Input placeholder (only shown when initialValue is empty).
-   * @param opts.selectAll     - Whether to select all text on focus (true for existing nodes).
-   * @param opts.onSave        - Called after the overlay is torn down on a successful save.
-   * @param opts.onCancel      - Called after the overlay is torn down on cancel / empty input.
-   */
-  _openEditOverlay(t, e, i) {
-    const o = this._getOverlayRoot();
-    window.getComputedStyle(o).position === "static" && (o.style.position = "relative");
-    const a = e.getBoundingClientRect(), l = o.getBoundingClientRect(), h = document.createElement("div");
-    h.className = "markmap-node-edit-overlay", h.style.cssText = `
+Le.version = Fe;
+var Re = (e, t = 0) => (e.y = t, (e.children || []).reduce((t, n) => {
+	let [r, i] = t;
+	Re(n, e.y + e.ySize);
+	let a = (r === 0 ? n.lExt : n.rExt).bottom;
+	r !== 0 && Ve(e, r, i);
+	let o = Ye(a, r, i);
+	return [r + 1, o];
+}, [0, null]), Be(e), Je(e), e), ze = (e, t, n) => {
+	t === void 0 && (t = -e.relX - e.prelim, n = 0);
+	let r = t + e.relX;
+	return e.relX = r + e.prelim - n, e.prelim = 0, e.x = n + e.relX, (e.children || []).forEach((t) => ze(t, r, e.x)), e;
+}, Be = (e) => {
+	(e.children || []).reduce((e, t) => {
+		let [n, r] = e, i = n + t.shift, a = r + i + t.change;
+		return t.relX += a, [i, a];
+	}, [0, 0]);
+}, Ve = (e, t, n) => {
+	let r = e.children[t - 1], i = e.children[t], a = r, o = r.relX, s = i, c = i.relX, l = !0;
+	for (; a && s;) {
+		a.bottom > n.lowY && (n = n.next);
+		let r = o + a.prelim - (c + s.prelim) + a.xSize / 2 + s.xSize / 2 + a.spacing(s);
+		(r > 0 || r < 0 && l) && (c += r, He(i, r), Ue(e, t, n.index, r)), l = !1;
+		let u = a.bottom, d = s.bottom;
+		u <= d && (a = Ge(a), a && (o += a.relX)), u >= d && (s = We(s), s && (c += s.relX));
+	}
+	!a && s ? Ke(e, t, s, c) : a && !s && qe(e, t, a, o);
+}, He = (e, t) => {
+	e.relX += t, e.lExtRelX += t, e.rExtRelX += t;
+}, Ue = (e, t, n, r) => {
+	let i = e.children[t], a = t - n;
+	if (a > 1) {
+		let t = r / a;
+		e.children[n + 1].shift += t, i.shift -= t, i.change -= r - t;
+	}
+}, We = (e) => e.hasChildren ? e.firstChild : e.lThr, Ge = (e) => e.hasChildren ? e.lastChild : e.rThr, Ke = (e, t, n, r) => {
+	let i = e.firstChild, a = i.lExt, o = e.children[t];
+	a.lThr = n;
+	let s = r - n.relX - i.lExtRelX;
+	a.relX += s, a.prelim -= s, i.lExt = o.lExt, i.lExtRelX = o.lExtRelX;
+}, qe = (e, t, n, r) => {
+	let i = e.children[t], a = i.rExt, o = e.children[t - 1];
+	a.rThr = n;
+	let s = r - n.relX - i.rExtRelX;
+	a.relX += s, a.prelim -= s, i.rExt = o.rExt, i.rExtRelX = o.rExtRelX;
+}, Je = (e) => {
+	if (e.hasChildren) {
+		let t = e.firstChild, n = e.lastChild, r = (t.prelim + t.relX - t.xSize / 2 + n.relX + n.prelim + n.xSize / 2) / 2;
+		Object.assign(e, {
+			prelim: r,
+			lExt: t.lExt,
+			lExtRelX: t.lExtRelX,
+			rExt: n.rExt,
+			rExtRelX: n.rExtRelX
+		});
+	}
+}, Ye = (e, t, n) => {
+	for (; n !== null && e >= n.lowY;) n = n.next;
+	return {
+		lowY: e,
+		index: t,
+		next: n
+	};
+}, Xe = ".markmap{--markmap-max-width:9999px;--markmap-a-color:#0097e6;--markmap-a-hover-color:#00a8ff;--markmap-code-bg:#f0f0f0;--markmap-code-color:#555;--markmap-highlight-bg:#ffeaa7;--markmap-table-border:1px solid currentColor;--markmap-font:300 16px/20px sans-serif;--markmap-circle-open-bg:#fff;--markmap-text-color:#333;--markmap-highlight-node-bg:#ff02;font:var(--markmap-font);color:var(--markmap-text-color)}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-node-hovered>foreignObject>div>div{border:2px solid #d9d9d9;border-radius:14px;padding:2px 6px}.markmap-selected>foreignObject>div>div,.markmap-selected.markmap-node-hovered>foreignObject>div>div{border:2px solid #b4b4b4;border-radius:14px;padding:2px 6px}.markmap-selected>circle{pointer-events:none;opacity:0!important}.markmap-collapse-on-hover .markmap-node>circle{opacity:0;transition:opacity .2s}.markmap-collapse-on-hover .markmap-node:hover>circle{opacity:1}.markmap-foreign{display:inline-block}.markmap-foreign>div>div{padding:4px 6px}.markmap-foreign .markmap-edit-wrapper{background:#fff;border-radius:4px;width:100%;padding:4px;animation:.2s ease-in fadeIn;position:relative;box-shadow:0 2px 8px #00000026}.markmap-foreign .markmap-edit-input{background:#f8f9fa;border:2px solid #4a90e2;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s}.markmap-foreign .markmap-edit-input:focus{background:#fff;border-color:#2d7dd2;box-shadow:0 0 0 3px #4a90e21a}.markmap-foreign p{margin:0}.markmap-foreign a{color:var(--markmap-a-color)}.markmap-foreign a:hover{color:var(--markmap-a-hover-color)}.markmap-foreign code{color:var(--markmap-code-color);background-color:var(--markmap-code-bg);border-radius:2px;padding:.25em;font-size:calc(1em - 2px)}.markmap-foreign pre{margin:0}.markmap-foreign pre>code{display:block}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:var(--markmap-highlight-bg)}.markmap-foreign table,.markmap-foreign th,.markmap-foreign td{border-collapse:collapse;border:var(--markmap-table-border)}.markmap-foreign img{display:inline-block}.markmap-foreign svg{fill:currentColor}.markmap-foreign>div{width:var(--markmap-max-width);text-align:left}.markmap-foreign>div>div{max-width:var(--markmap-wrap-width,30em);overflow-wrap:break-word;word-break:break-word;white-space:normal;display:inline-block}.markmap-highlight rect{fill:var(--markmap-highlight-node-bg)}.markmap-dark .markmap{--markmap-code-bg:#1a1b26;--markmap-code-color:#ddd;--markmap-circle-open-bg:#444;--markmap-text-color:#eee}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}", J = "g.markmap-node", Ze = class {
+	constructor(e) {
+		this.ctx = e, this.editingNode = null, this.selectedNode = null;
+	}
+	_getNodeContentEl(e) {
+		let t = this.ctx.findElement(e);
+		return t && o(t.g).select("foreignObject").select("div").select("div").node() || null;
+	}
+	_getOverlayRoot() {
+		return this.ctx.svg.node()?.parentElement || document.body;
+	}
+	_positionOverlayToEl(e, t, n) {
+		let r = this._getOverlayRoot();
+		window.getComputedStyle(r).position === "static" && (r.style.position = "relative");
+		let i = t.getBoundingClientRect(), a = r.getBoundingClientRect(), o = n?.dx ?? 0, s = n?.dy ?? 0, c = n?.minW ?? 0, l = n?.minH ?? 0, u = i.left - a.left + o, d = i.top - a.top + s;
+		n?.anchor === "br" ? (u = i.right - a.left + o, d = i.bottom - a.top + s) : n?.anchor === "r" && (u = i.right - a.left + o, d = i.top - a.top + s), e.style.left = `${u}px`, e.style.top = `${d}px`, c && (e.style.width = `${Math.max(c, i.width)}px`), l && (e.style.height = `${Math.max(l, i.height)}px`);
+	}
+	_safeRemoveEl(e) {
+		try {
+			e.parentNode && e.remove();
+		} catch {}
+	}
+	_clearSelectionCss() {
+		this.ctx.options.clickBorder && this.ctx.g.selectAll(G(J)).classed("markmap-selected", !1);
+	}
+	_findParent(e) {
+		if (!this.ctx.state.data) return null;
+		let t = null;
+		return v(this.ctx.state.data, (n, r) => {
+			if (t) return;
+			let i = n.children || [];
+			for (let r = 0; r < i.length; r++) if (i[r] === e) {
+				t = {
+					parent: n,
+					index: r
+				};
+				return;
+			}
+			r();
+		}), t;
+	}
+	/** Create a blank child INode and append it to parent.children. */
+	_insertNewChildNode(e) {
+		let t = 0;
+		v(this.ctx.state.data, (e, n) => {
+			e.state?.id > t && (t = e.state.id), n();
+		});
+		let n = t + 1, r = (e.state?.depth ?? 0) + 1, i = "&nbsp;", a = {
+			content: i,
+			children: [],
+			payload: {},
+			state: {
+				id: n,
+				depth: r,
+				key: `${e.state?.id}.${n}` + W(i),
+				path: [e.state?.path, n].filter(Boolean).join("."),
+				rect: {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0
+				},
+				size: [0, 0]
+			}
+		};
+		return e.children = [...e.children || [], a], this.ctx.options.color(a), a;
+	}
+	/**
+	* Core overlay builder shared by _editNewNode and handleEdit.
+	*
+	* @param node        - The INode being edited (content will be mutated on save).
+	* @param contentNode - The inner <div> whose position / style drives the overlay.
+	* @param opts.initialValue  - Starting text in the input ('': new node, textContent: existing).
+	* @param opts.minWidth      - Minimum overlay width in px.
+	* @param opts.placeholder   - Input placeholder (only shown when initialValue is empty).
+	* @param opts.selectAll     - Whether to select all text on focus (true for existing nodes).
+	* @param opts.onSave        - Called after the overlay is torn down on a successful save.
+	* @param opts.onCancel      - Called after the overlay is torn down on cancel / empty input.
+	*/
+	_openEditOverlay(e, t, n) {
+		let r = this._getOverlayRoot();
+		window.getComputedStyle(r).position === "static" && (r.style.position = "relative");
+		let i = t.getBoundingClientRect(), a = r.getBoundingClientRect(), o = document.createElement("div");
+		o.className = "markmap-node-edit-overlay", o.style.cssText = `
       position: absolute;
-      left: ${a.left - l.left}px;
-      top: ${a.top - l.top}px;
-      width: ${Math.max(i.minWidth, a.width)}px;
-      height: ${Math.max(20, a.height)}px;
+      left: ${i.left - a.left}px;
+      top: ${i.top - a.top}px;
+      width: ${Math.max(n.minWidth, i.width)}px;
+      height: ${Math.max(20, i.height)}px;
       z-index: 9999;
       pointer-events: auto;
     `;
-    const c = window.getComputedStyle(e), d = document.createElement("input");
-    d.type = "text", d.value = i.initialValue, i.placeholder && (d.placeholder = i.placeholder), d.autocomplete = "off", d.spellcheck = !1, d.className = "markmap-node-edit-overlay-input", d.style.cssText = `
+		let s = window.getComputedStyle(t), c = document.createElement("input");
+		c.type = "text", c.value = n.initialValue, n.placeholder && (c.placeholder = n.placeholder), c.autocomplete = "off", c.spellcheck = !1, c.className = "markmap-node-edit-overlay-input", c.style.cssText = `
       width: 100%;
       height: 100%;
       margin: 0;
@@ -809,118 +833,126 @@ class Me {
       background: #fff;
       box-sizing: border-box;
       outline: none;
-      font-size: ${c.fontSize};
-      font-family: ${c.fontFamily};
-      line-height: ${c.lineHeight};
-      font-weight: ${c.fontWeight};
-      letter-spacing: ${c.letterSpacing};
-      color: ${c.color};
+      font-size: ${s.fontSize};
+      font-family: ${s.fontFamily};
+      line-height: ${s.lineHeight};
+      font-weight: ${s.fontWeight};
+      letter-spacing: ${s.letterSpacing};
+      color: ${s.color};
     `;
-    const u = e.style.visibility;
-    e.style.visibility = "hidden", h.appendChild(d), o.appendChild(h), this.editOverlay = { wrap: h, input: d, contentEl: e, prevVisibility: u }, setTimeout(() => {
-      d.focus(), i.selectAll && d.select();
-    }, 0);
-    const f = (x) => x.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-    let g = !1;
-    const y = (x) => {
-      g || (g = !0, d.removeEventListener("keydown", v), d.removeEventListener("blur", k), this.editOverlay ? (this.editOverlay.contentEl.style.visibility = this.editOverlay.prevVisibility, this.editOverlay.wrap.remove(), this.editOverlay = void 0) : (e.style.visibility = u, h.remove()), this.editingNode = null, x ? i.onCancel() : i.onSave(f(d.value.trim())));
-    }, v = (x) => {
-      if (x.key === "Enter") {
-        x.preventDefault(), x.stopPropagation();
-        const _ = d.value.trim();
-        _ ? (t.content = f(_), y(!1)) : y(!0);
-      } else x.key === "Escape" && (x.preventDefault(), x.stopPropagation(), y(!0));
-    }, k = () => {
-      setTimeout(() => {
-        if (document.activeElement !== d) {
-          const x = d.value.trim();
-          x ? (t.content = f(x), y(!1)) : y(!0);
-        }
-      }, 100);
-    };
-    d.addEventListener("keydown", v), d.addEventListener("blur", k);
-  }
-  /**
-   * Open an edit overlay for a freshly-inserted node.
-   * Empty input → confirm saves; blank input → cancels and removes the node from the tree.
-   */
-  _editNewNode(t, e) {
-    const i = this.ctx.findElement(t);
-    if (!i) return;
-    this.editingNode = t;
-    const o = S(i.g).select("foreignObject").select("div").select("div").node();
-    o && this._openEditOverlay(t, o, {
-      initialValue: "",
-      minWidth: 120,
-      placeholder: this.ctx.options.inputPlaceholder,
-      selectAll: !1,
-      onCancel: () => {
-        e.children = (e.children || []).filter((s) => s !== t), this.hideAddUI(), this.selectedNode = null, this._clearSelectionCss(), this.ctx.renderData();
-      },
-      onSave: () => {
-        var s, a;
-        (a = (s = this.ctx.options).onNodeAdd) == null || a.call(s, e, t), this.hideAddUI(), this.ctx.renderData().then(() => {
-          const l = () => {
-            this.selectedNode = t, this.ctx.options.clickBorder && this.ctx.g.selectAll(b(L)).classed("markmap-selected", (h) => h === t), this.showAddUI(t);
-          };
-          this.ctx.options.duration > 0 ? setTimeout(l, this.ctx.options.duration) : l();
-        });
-      }
-    });
-  }
-  // ── Public API ───────────────────────────────────────────────────────────
-  /** Reposition all active overlays after zoom / pan. */
-  repositionOverlays() {
-    if (this.addUI) {
-      const t = this._getNodeContentEl(this.addUI.node);
-      if (t) {
-        const e = this.ctx.svg.node(), i = e ? z(e).k : 1, o = Math.round(16 * i), s = Math.round(14 * i);
-        this.addUI.btn.style.width = `${o}px`, this.addUI.btn.style.height = `${o}px`, this.addUI.btn.style.fontSize = `${s}px`, this._positionOverlayToEl(this.addUI.wrap, t, { anchor: "br", dx: Math.round(14 * i), dy: 0 });
-      }
-    }
-    if (this.addInputUI) {
-      const t = this._getNodeContentEl(this.addInputUI.node);
-      if (t) {
-        this._positionOverlayToEl(this.addInputUI.wrap, t, { anchor: "r", dx: 16, dy: 0 });
-        const e = 30, i = t.getBoundingClientRect().height, o = parseFloat(this.addInputUI.wrap.style.top) || 0;
-        this.addInputUI.wrap.style.top = `${o + i / 2 - e / 2}px`;
-      }
-    }
-    if (this.editOverlay) {
-      const t = this._getOverlayRoot(), e = this.editOverlay.contentEl.getBoundingClientRect(), i = t.getBoundingClientRect();
-      this.editOverlay.wrap.style.left = `${e.left - i.left}px`, this.editOverlay.wrap.style.top = `${e.top - i.top}px`, this.editOverlay.wrap.style.width = `${Math.max(40, e.width)}px`, this.editOverlay.wrap.style.height = `${Math.max(20, e.height)}px`;
-    }
-  }
-  /** Hide and destroy the + button and any associated input overlay. */
-  hideAddUI() {
-    this.addInputUI && (this._safeRemoveEl(this.addInputUI.wrap), this.addInputUI = void 0), this.addUI && (this.addUI.cleanupDoc(), this._safeRemoveEl(this.addUI.wrap), this.addUI = void 0);
-  }
-  /** Show the + button anchored to the bottom-right corner of `node`. */
-  showAddUI(t) {
-    var f;
-    if (!this.ctx.options.addable || this.editingNode) return;
-    const e = this._getNodeContentEl(t);
-    if (!e) return;
-    if (((f = this.addUI) == null ? void 0 : f.node) === t) {
-      this._positionOverlayToEl(this.addUI.wrap, e, { anchor: "br", dx: 14, dy: 0 });
-      return;
-    }
-    this.hideAddUI();
-    const i = this._getOverlayRoot(), o = document.createElement("div");
-    o.style.cssText = `
-      position: absolute;
-      z-index: 9999;
-      pointer-events: auto;
-    `;
-    const s = this.ctx.svg.node(), a = s ? z(s).k : 1, l = Math.round(16 * a), h = Math.round(14 * a), c = document.createElement("button");
-    c.type = "button", c.className = "markmap-add-btn", c.textContent = "+", c.style.cssText = `
-      width: ${l}px;
-      height: ${l}px;
+		let l = t.style.visibility;
+		t.style.visibility = "hidden", o.appendChild(c), r.appendChild(o), this.editOverlay = {
+			wrap: o,
+			input: c,
+			contentEl: t,
+			prevVisibility: l
+		}, setTimeout(() => {
+			c.focus(), n.selectAll && c.select();
+		}, 0);
+		let u = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), d = !1, f = (e) => {
+			d || (d = !0, c.removeEventListener("keydown", p), c.removeEventListener("blur", m), this.editOverlay ? (this.editOverlay.contentEl.style.visibility = this.editOverlay.prevVisibility, this.editOverlay.wrap.remove(), this.editOverlay = void 0) : (t.style.visibility = l, o.remove()), this.editingNode = null, e ? n.onCancel() : n.onSave(u(c.value.trim())));
+		}, p = (t) => {
+			if (t.key === "Enter") {
+				t.preventDefault(), t.stopPropagation();
+				let n = c.value.trim();
+				n ? (e.content = u(n), f(!1)) : f(!0);
+			} else t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), f(!0));
+		}, m = () => {
+			setTimeout(() => {
+				if (document.activeElement !== c) {
+					let t = c.value.trim();
+					t ? (e.content = u(t), f(!1)) : f(!0);
+				}
+			}, 100);
+		};
+		c.addEventListener("keydown", p), c.addEventListener("blur", m);
+	}
+	/**
+	* Open an edit overlay for a freshly-inserted node.
+	* Empty input → confirm saves; blank input → cancels and removes the node from the tree.
+	*/
+	_editNewNode(e, t) {
+		let n = this.ctx.findElement(e);
+		if (!n) return;
+		this.editingNode = e;
+		let r = o(n.g).select("foreignObject").select("div").select("div").node();
+		r && this._openEditOverlay(e, r, {
+			initialValue: "",
+			minWidth: 120,
+			placeholder: this.ctx.options.inputPlaceholder,
+			selectAll: !1,
+			onCancel: () => {
+				t.children = (t.children || []).filter((t) => t !== e), this.hideAddUI(), this.selectedNode = null, this._clearSelectionCss(), this.ctx.renderData();
+			},
+			onSave: () => {
+				this.ctx.options.onNodeAdd?.(t, e), this.hideAddUI(), this.ctx.renderData().then(() => {
+					let t = () => {
+						this.selectedNode = e, this.ctx.options.clickBorder && this.ctx.g.selectAll(G(J)).classed("markmap-selected", (t) => t === e), this.showAddUI(e);
+					};
+					this.ctx.options.duration > 0 ? setTimeout(t, this.ctx.options.duration) : t();
+				});
+			}
+		});
+	}
+	/** Reposition all active overlays after zoom / pan. */
+	repositionOverlays() {
+		if (this.addUI) {
+			let e = this._getNodeContentEl(this.addUI.node);
+			if (e) {
+				let t = this.ctx.svg.node(), n = t ? l(t).k : 1, r = Math.round(16 * n), i = Math.round(14 * n);
+				this.addUI.btn.style.width = `${r}px`, this.addUI.btn.style.height = `${r}px`, this.addUI.btn.style.fontSize = `${i}px`, this._positionOverlayToEl(this.addUI.wrap, e, {
+					anchor: "br",
+					dx: Math.round(14 * n),
+					dy: 0
+				});
+			}
+		}
+		if (this.addInputUI) {
+			let e = this._getNodeContentEl(this.addInputUI.node);
+			if (e) {
+				this._positionOverlayToEl(this.addInputUI.wrap, e, {
+					anchor: "r",
+					dx: 16,
+					dy: 0
+				});
+				let t = e.getBoundingClientRect().height, n = parseFloat(this.addInputUI.wrap.style.top) || 0;
+				this.addInputUI.wrap.style.top = `${n + t / 2 - 30 / 2}px`;
+			}
+		}
+		if (this.editOverlay) {
+			let e = this._getOverlayRoot(), t = this.editOverlay.contentEl.getBoundingClientRect(), n = e.getBoundingClientRect();
+			this.editOverlay.wrap.style.left = `${t.left - n.left}px`, this.editOverlay.wrap.style.top = `${t.top - n.top}px`, this.editOverlay.wrap.style.width = `${Math.max(40, t.width)}px`, this.editOverlay.wrap.style.height = `${Math.max(20, t.height)}px`;
+		}
+	}
+	/** Hide and destroy the + button and any associated input overlay. */
+	hideAddUI() {
+		this.addInputUI &&= (this._safeRemoveEl(this.addInputUI.wrap), void 0), this.addUI &&= (this.addUI.cleanupDoc(), this._safeRemoveEl(this.addUI.wrap), void 0);
+	}
+	/** Show the + button anchored to the bottom-right corner of `node`. */
+	showAddUI(e) {
+		if (!this.ctx.options.addable || this.editingNode) return;
+		let t = this._getNodeContentEl(e);
+		if (!t) return;
+		if (this.addUI?.node === e) {
+			this._positionOverlayToEl(this.addUI.wrap, t, {
+				anchor: "br",
+				dx: 14,
+				dy: 0
+			});
+			return;
+		}
+		this.hideAddUI();
+		let n = this._getOverlayRoot(), r = document.createElement("div");
+		r.style.cssText = "\n      position: absolute;\n      z-index: 9999;\n      pointer-events: auto;\n    ";
+		let i = this.ctx.svg.node(), a = i ? l(i).k : 1, o = Math.round(16 * a), s = Math.round(14 * a), c = document.createElement("button");
+		c.type = "button", c.className = "markmap-add-btn", c.textContent = "+", c.style.cssText = `
+      width: ${o}px;
+      height: ${o}px;
       border-radius: 50%;
       background: #b4b4b4;
       color: #fff;
       font-weight: 600;
-      font-size: ${h}px;
+      font-size: ${s}px;
       line-height: 1;
       padding: 0;
       cursor: pointer;
@@ -931,576 +963,514 @@ class Me {
       display: flex;
       align-items: center;
       justify-content: center;
-    `, c.addEventListener("click", (g) => {
-      g.preventDefault(), g.stopPropagation(), this.showAddInput(t);
-    }), o.style.transform = "translate(-50%, -50%)", o.appendChild(c), i.appendChild(o), this._positionOverlayToEl(o, e, { anchor: "br", dx: Math.round(14 * a), dy: 0 });
-    const d = (g) => {
-      var k;
-      const y = g.target;
-      if (!y || o.contains(y) || (k = this.addInputUI) != null && k.wrap.contains(y)) return;
-      const v = this._getNodeContentEl(t);
-      v && v.contains(y) || this.hideAddUI();
-    };
-    document.addEventListener("click", d, !0);
-    const u = () => document.removeEventListener("click", d, !0);
-    this.addUI = { node: t, btn: c, wrap: o, cleanupDoc: u };
-  }
-  /** Delete `node` from the tree and re-render. */
-  deleteNode(t) {
-    if (!this.ctx.options.deletable || !this.ctx.state.data) return;
-    const e = this._findParent(t);
-    if (!e) return;
-    const { parent: i, index: o } = e, s = [...i.children || []];
-    s.splice(o, 1), i.children = s, this.selectedNode = null, this.hideAddUI(), this._clearSelectionCss(), this.ctx.renderData();
-  }
-  /**
-   * Insert a new sibling node after `sibling`, render it, then open an edit overlay.
-   * Called when the user presses Enter on a selected node.
-   */
-  async showAddSiblingInput(t) {
-    var u, f, g;
-    if (!this.ctx.state.data) return;
-    const e = this._findParent(t);
-    if (!e) return;
-    const { parent: i, index: o } = e;
-    this.hideAddUI();
-    let s = 0;
-    R(this.ctx.state.data, (y, v) => {
-      var k;
-      ((k = y.state) == null ? void 0 : k.id) > s && (s = y.state.id), v();
-    });
-    const a = s + 1, l = ((u = t.state) == null ? void 0 : u.depth) ?? 1, h = "&nbsp;", c = {
-      content: h,
-      children: [],
-      payload: {},
-      state: {
-        id: a,
-        depth: l,
-        key: `${(f = i.state) == null ? void 0 : f.id}.${a}` + V(h),
-        path: [(g = i.state) == null ? void 0 : g.path, a].filter(Boolean).join("."),
-        rect: { x: 0, y: 0, width: 0, height: 0 },
-        size: [0, 0]
-      }
-    }, d = [...i.children || []];
-    d.splice(o + 1, 0, c), i.children = d, this.ctx.options.color(c), await this.ctx.renderData(), this.ctx.options.duration > 0 && await new Promise((y) => setTimeout(y, this.ctx.options.duration)), this._editNewNode(c, i);
-  }
-  /**
-   * Insert a new child node under `node`, render it, then open an edit overlay.
-   * Called when the user clicks the + button or presses Tab.
-   */
-  async showAddInput(t) {
-    if (!this.ctx.state.data) return;
-    this.hideAddUI();
-    const e = this._insertNewChildNode(t);
-    await this.ctx.renderData(), this.ctx.options.duration > 0 && await new Promise((i) => setTimeout(i, this.ctx.options.duration)), this._editNewNode(e, t);
-  }
-  /**
-   * Open an edit overlay for an *existing* node.
-   * Called on double-click. On confirm the node content is updated in-place.
-   */
-  handleEdit(t, e) {
-    if (!this.ctx.options.editable) return;
-    t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation(), this.editingNode && this.saveEdit();
-    const i = this.ctx.findElement(e);
-    if (!i) return;
-    const o = S(i.g).select("foreignObject").select("div").select("div").node();
-    if (!o) return;
-    if (this.editOverlay) {
-      try {
-        this.editOverlay.contentEl.style.visibility = this.editOverlay.prevVisibility, this.editOverlay.wrap.remove();
-      } catch {
-      }
-      this.editOverlay = void 0;
-    }
-    const s = e.content;
-    this.editingNode = e, this._openEditOverlay(e, o, {
-      initialValue: o.textContent || "",
-      minWidth: 40,
-      selectAll: !0,
-      onCancel: () => {
-        e.content = s, this.ctx.renderData();
-      },
-      onSave: (a) => {
-        var l, h;
-        (h = (l = this.ctx.options).onNodeEdit) == null || h.call(l, e, a), this.hideAddUI(), this.ctx.renderData().then(() => {
-          if (!this.ctx.options.addable) return;
-          const c = () => {
-            this.selectedNode = e, this.ctx.options.clickBorder && this.ctx.g.selectAll(b(L)).classed("markmap-selected", (d) => d === e), this.showAddUI(e);
-          };
-          this.ctx.options.duration > 0 ? setTimeout(c, this.ctx.options.duration) : c();
-        });
-      }
-    });
-  }
-  /** Immediately discard any in-progress edit overlay without saving. */
-  saveEdit() {
-    if (this.editOverlay) {
-      const { input: t, contentEl: e, prevVisibility: i, wrap: o } = this.editOverlay;
-      t.remove(), e.style.visibility = i, o.remove(), this.editOverlay = void 0;
-    }
-    this.editingNode && (this.editingNode = null);
-  }
-}
-const We = wt, A = "g.markmap-node", Be = "path.markmap-link", De = "g.markmap-highlight", F = $t();
-function ct(n, t) {
-  const e = At(n, t);
-  return n[e];
-}
-function dt(n) {
-  n.stopPropagation();
+    `, c.addEventListener("click", (t) => {
+			t.preventDefault(), t.stopPropagation(), this.showAddInput(e);
+		}), r.style.transform = "translate(-50%, -50%)", r.appendChild(c), n.appendChild(r), this._positionOverlayToEl(r, t, {
+			anchor: "br",
+			dx: Math.round(14 * a),
+			dy: 0
+		});
+		let u = (t) => {
+			let n = t.target;
+			if (!n || r.contains(n) || this.addInputUI?.wrap.contains(n)) return;
+			let i = this._getNodeContentEl(e);
+			i && i.contains(n) || this.hideAddUI();
+		};
+		document.addEventListener("click", u, !0), this.addUI = {
+			node: e,
+			btn: c,
+			wrap: r,
+			cleanupDoc: () => document.removeEventListener("click", u, !0)
+		};
+	}
+	/** Delete `node` from the tree and re-render. */
+	deleteNode(e) {
+		if (!this.ctx.options.deletable || !this.ctx.state.data) return;
+		let t = this._findParent(e);
+		if (!t) return;
+		let { parent: n, index: r } = t, i = [...n.children || []];
+		i.splice(r, 1), n.children = i, this.selectedNode = null, this.hideAddUI(), this._clearSelectionCss(), this.ctx.renderData();
+	}
+	/**
+	* Insert a new sibling node after `sibling`, render it, then open an edit overlay.
+	* Called when the user presses Enter on a selected node.
+	*/
+	async showAddSiblingInput(e) {
+		if (!this.ctx.state.data) return;
+		let t = this._findParent(e);
+		if (!t) return;
+		let { parent: n, index: r } = t;
+		this.hideAddUI();
+		let i = 0;
+		v(this.ctx.state.data, (e, t) => {
+			e.state?.id > i && (i = e.state.id), t();
+		});
+		let a = i + 1, o = e.state?.depth ?? 1, s = "&nbsp;", c = {
+			content: s,
+			children: [],
+			payload: {},
+			state: {
+				id: a,
+				depth: o,
+				key: `${n.state?.id}.${a}` + W(s),
+				path: [n.state?.path, a].filter(Boolean).join("."),
+				rect: {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0
+				},
+				size: [0, 0]
+			}
+		}, l = [...n.children || []];
+		l.splice(r + 1, 0, c), n.children = l, this.ctx.options.color(c), await this.ctx.renderData(), this.ctx.options.duration > 0 && await new Promise((e) => setTimeout(e, this.ctx.options.duration)), this._editNewNode(c, n);
+	}
+	/**
+	* Insert a new child node under `node`, render it, then open an edit overlay.
+	* Called when the user clicks the + button or presses Tab.
+	*/
+	async showAddInput(e) {
+		if (!this.ctx.state.data) return;
+		this.hideAddUI();
+		let t = this._insertNewChildNode(e);
+		await this.ctx.renderData(), this.ctx.options.duration > 0 && await new Promise((e) => setTimeout(e, this.ctx.options.duration)), this._editNewNode(t, e);
+	}
+	/**
+	* Open an edit overlay for an *existing* node.
+	* Called on double-click. On confirm the node content is updated in-place.
+	*/
+	handleEdit(e, t) {
+		if (!this.ctx.options.editable) return;
+		e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.editingNode && this.saveEdit();
+		let n = this.ctx.findElement(t);
+		if (!n) return;
+		let r = o(n.g).select("foreignObject").select("div").select("div").node();
+		if (!r) return;
+		if (this.editOverlay) {
+			try {
+				this.editOverlay.contentEl.style.visibility = this.editOverlay.prevVisibility, this.editOverlay.wrap.remove();
+			} catch {}
+			this.editOverlay = void 0;
+		}
+		let i = t.content;
+		this.editingNode = t, this._openEditOverlay(t, r, {
+			initialValue: r.textContent || "",
+			minWidth: 40,
+			selectAll: !0,
+			onCancel: () => {
+				t.content = i, this.ctx.renderData();
+			},
+			onSave: (e) => {
+				this.ctx.options.onNodeEdit?.(t, e), this.hideAddUI(), this.ctx.renderData().then(() => {
+					if (!this.ctx.options.addable) return;
+					let e = () => {
+						this.selectedNode = t, this.ctx.options.clickBorder && this.ctx.g.selectAll(G(J)).classed("markmap-selected", (e) => e === t), this.showAddUI(t);
+					};
+					this.ctx.options.duration > 0 ? setTimeout(e, this.ctx.options.duration) : e();
+				});
+			}
+		});
+	}
+	/** Immediately discard any in-progress edit overlay without saving. */
+	saveEdit() {
+		if (this.editOverlay) {
+			let { input: e, contentEl: t, prevVisibility: n, wrap: r } = this.editOverlay;
+			e.remove(), t.style.visibility = n, r.remove(), this.editOverlay = void 0;
+		}
+		this.editingNode &&= null;
+	}
+};
+const Qe = Xe;
+var Y = "g.markmap-node", $e = "path.markmap-link", et = "g.markmap-highlight", X = e();
+function Z(e, t) {
+	return e[r(e, t)];
 }
-const Pe = new Tt();
-class Et {
-  constructor(t, e) {
-    this.options = { ...yt }, this._disposeList = [], this.handleZoom = (o) => {
-      const { transform: s } = o;
-      this.g.attr("transform", s), this._actions.repositionOverlays();
-    }, this.handlePan = (o) => {
-      o.preventDefault();
-      const s = z(this.svg.node()), a = s.translate(
-        -o.deltaX / s.k,
-        -o.deltaY / s.k
-      );
-      this.svg.call(this.zoom.transform, a);
-    }, this.handleClick = (o, s) => {
-      let a = this.options.toggleRecursively;
-      (gt ? o.metaKey : o.ctrlKey) && (a = !a), this.toggleNode(s, a);
-    }, this.ensureView = this.ensureVisible, this.svg = t.datum ? t : S(t), this.styleNode = this.svg.append("style"), this.zoom = zt().filter((o) => this.options.scrollForPan && o.type === "wheel" ? o.ctrlKey && !o.button : (!o.ctrlKey || o.type === "wheel") && !o.button).on("zoom", this.handleZoom), this.setOptions(e), this.state = {
-      id: this.options.id || this.svg.attr("id") || Bt(),
-      rect: { x1: 0, y1: 0, x2: 0, y2: 0 }
-    }, this.g = this.svg.append("g"), this.g.append("g").attr("class", "markmap-highlight"), this._actions = new Me(this), this.svg.on("click", () => {
-      this._actions.selectedNode && (this._actions.selectedNode = null, this.options.clickBorder && this.g.selectAll(b(A)).classed("markmap-selected", !1), this._actions.hideAddUI());
-    });
-    const i = (o) => {
-      var a;
-      if (!this._actions.selectedNode || this._actions.editingNode || this._actions.editOverlay || this._actions.addInputUI) return;
-      const s = (a = document.activeElement) == null ? void 0 : a.tagName;
-      s === "INPUT" || s === "TEXTAREA" || (o.key === "Tab" && this.options.addable ? (o.preventDefault(), o.stopPropagation(), this._actions.showAddInput(this._actions.selectedNode)) : o.key === "Enter" && this.options.addable ? (o.preventDefault(), o.stopPropagation(), this._actions.showAddSiblingInput(this._actions.selectedNode)) : (o.key === "Delete" || o.key === "Backspace") && this.options.deletable && (o.preventDefault(), o.stopPropagation(), this._actions.deleteNode(this._actions.selectedNode)));
-    };
-    document.addEventListener("keydown", i), this._disposeList.push(() => document.removeEventListener("keydown", i)), this._observer = new ResizeObserver(
-      jt(() => {
-        this._actions.editingNode || this.renderData();
-      }, 100)
-    ), this._disposeList.push(
-      Pe.tap(() => {
-        this.setData();
-      }),
-      () => this._actions.hideAddUI(),
-      () => this._observer.disconnect()
-    );
-  }
-  getStyleContent() {
-    const { style: t } = this.options, { id: e } = this.state, i = typeof t == "function" ? t(e) : "";
-    return [this.options.embedGlobalCSS && wt, i].filter(Boolean).join(`
-`);
-  }
-  updateStyle() {
-    const t = Dt("", "markmap", this.state.id), e = this.options.collapseOnHover ? "markmap-collapse-on-hover" : "";
-    this.svg.attr("class", [t, e].filter(Boolean).join(" "));
-    const i = this.getStyleContent();
-    this.styleNode.text(i);
-  }
-  async toggleNode(t, e = !1) {
-    var o, s;
-    const i = (o = t.payload) != null && o.fold ? 0 : 1;
-    e ? R(t, (a, l) => {
-      a.payload = {
-        ...a.payload,
-        fold: i
-      }, l();
-    }) : t.payload = {
-      ...t.payload,
-      fold: (s = t.payload) != null && s.fold ? 0 : 1
-    }, await this.renderData(t);
-  }
-  _initializeData(t) {
-    let e = 0;
-    const { color: i, initialExpandLevel: o } = this.options;
-    let s = 0, a = 0;
-    return R(t, (l, h, c) => {
-      var u, f, g, y;
-      a += 1, l.children = (u = l.children) == null ? void 0 : u.map((v) => ({ ...v })), e += 1, l.state = {
-        ...l.state,
-        depth: a,
-        id: e,
-        rect: {
-          x: 0,
-          y: 0,
-          width: 0,
-          height: 0
-        },
-        size: [0, 0]
-      }, l.state.key = [(f = c == null ? void 0 : c.state) == null ? void 0 : f.id, l.state.id].filter(Boolean).join(".") + V(l.content), l.state.path = [(g = c == null ? void 0 : c.state) == null ? void 0 : g.path, l.state.id].filter(Boolean).join("."), i(l);
-      const d = ((y = l.payload) == null ? void 0 : y.fold) === 2;
-      d ? s += 1 : (s || o >= 0 && l.state.depth >= o) && (l.payload = { ...l.payload, fold: 1 }), h(), d && (s -= 1), a -= 1;
-    }), t;
-  }
-  _relayout() {
-    if (!this.state.data) return;
-    this.g.selectAll(b(A)).selectAll(
-      b("foreignObject")
-    ).each(function(c) {
-      var f;
-      const d = (f = this.firstChild) == null ? void 0 : f.firstChild, u = [d.scrollWidth, d.scrollHeight];
-      c.state.size = u;
-    });
-    const { lineWidth: t, paddingX: e, spacingHorizontal: i, spacingVertical: o } = this.options, s = (c) => {
-      var u;
-      return (u = c.payload) != null && u.fold ? i : (c.children || []).length === 1 ? Math.round(i / 2) : i;
-    }, a = vt({}).children((c) => {
-      var d;
-      if (!((d = c.payload) != null && d.fold)) return c.children;
-    }).nodeSize((c) => {
-      const [d, u] = c.data.state.size, f = s(c.data);
-      return [u, d + (d ? e * 2 : 0) + f];
-    }).spacing((c, d) => (c.parent === d.parent ? o : o * 2) + t(c.data)), l = a.hierarchy(this.state.data);
-    a(l);
-    const h = l.descendants();
-    h.forEach((c) => {
-      const d = c.data, u = s(d);
-      d.state.rect = {
-        x: c.y,
-        y: c.x - c.xSize / 2,
-        width: c.ySize - u,
-        height: c.xSize
-      };
-    }), this.state.rect = {
-      x1: ot(h, (c) => c.data.state.rect.x) || 0,
-      y1: ot(h, (c) => c.data.state.rect.y) || 0,
-      x2: nt(
-        h,
-        (c) => c.data.state.rect.x + c.data.state.rect.width
-      ) || 0,
-      y2: nt(
-        h,
-        (c) => c.data.state.rect.y + c.data.state.rect.height
-      ) || 0
-    };
-  }
-  setOptions(t) {
-    const e = (t == null ? void 0 : t.mode) === "display" ? { editable: !1, addable: !1, deletable: !1, collapseOnHover: !1, hoverBorder: !1, clickBorder: !1 } : (t == null ? void 0 : t.mode) === "editable" ? { editable: !0, addable: !0, deletable: !0, collapseOnHover: !0, hoverBorder: !0, clickBorder: !0 } : {};
-    this.options = {
-      ...this.options,
-      ...e,
-      ...t
-    }, this.options.zoom ? this.svg.call(this.zoom) : this.svg.on(".zoom", null), this.options.pan ? this.svg.on("wheel", this.handlePan) : this.svg.on("wheel", null);
-  }
-  async setData(t, e) {
-    e && this.setOptions(e), t && (this.state.data = this._initializeData(t)), this.state.data && (this.updateStyle(), await this.renderData());
-  }
-  getData(t) {
-    const e = this.state.data;
-    if (!e) return;
-    if (!t) return e;
-    const i = (o) => ({
-      content: o.content,
-      payload: o.payload,
-      children: (o.children || []).map(i)
-    });
-    return i(e);
-  }
-  async setHighlight(t) {
-    this.state.highlight = t || void 0, await this.renderData();
-  }
-  _getHighlightRect(t) {
-    const e = this.svg.node(), o = 4 / z(e).k, s = {
-      ...t.state.rect
-    };
-    return s.x -= o, s.y -= o, s.width += 2 * o, s.height += 2 * o, s;
-  }
-  async renderData(t) {
-    const { paddingX: e, autoFit: i, color: o, maxWidth: s, lineWidth: a } = this.options, l = this.state.data;
-    if (!l) return;
-    const h = {}, c = {}, d = [];
-    R(l, (r, p, m) => {
-      var w;
-      (w = r.payload) != null && w.fold || p(), h[r.state.id] = r, m && (c[r.state.id] = m.state.id), d.push(r);
-    });
-    const u = {}, f = {}, g = (r) => {
-      !r || u[r.state.id] || R(r, (p, m) => {
-        u[p.state.id] = r.state.id, m();
-      });
-    }, y = (r) => f[u[r.state.id]] || l.state.rect, v = (r) => (h[u[r.state.id]] || l).state.rect;
-    f[l.state.id] = l.state.rect, t && g(t);
-    let { highlight: k } = this.state;
-    k && !h[k.state.id] && (k = void 0);
-    let x = this.g.selectAll(b(De)).selectAll(b("rect")).data(k ? [this._getHighlightRect(k)] : []).join("rect").attr("x", (r) => r.x).attr("y", (r) => r.y).attr("width", (r) => r.width).attr("height", (r) => r.height);
-    const _ = this.g.selectAll(b(A)).each((r) => {
-      f[r.state.id] = r.state.rect;
-    }).data(d, (r) => r.state.key), G = _.enter().append("g").attr("data-depth", (r) => r.state.depth).attr("data-path", (r) => r.state.path).each((r) => {
-      g(h[c[r.state.id]]);
-    }), T = _.exit().each((r) => {
-      g(h[c[r.state.id]]);
-    }), M = _.merge(G).attr(
-      "class",
-      (r) => {
-        var p;
-        return ["markmap-node", ((p = r.payload) == null ? void 0 : p.fold) && "markmap-fold"].filter(Boolean).join(" ");
-      }
-    ), q = M.selectAll(b("line")).data(
-      (r) => [r],
-      (r) => r.state.key
-    ), J = q.enter().append("line").attr("stroke", (r) => o(r)).attr("stroke-width", 0), Z = q.merge(J), j = M.selectAll(b("circle")).data(
-      (r) => {
-        var p;
-        return (p = r.children) != null && p.length ? [r] : [];
-      },
-      (r) => r.state.key
-    );
-    this.transition(j.exit()).attr("r", 0).attr("stroke-width", 0).remove();
-    const Q = j.enter().append("circle").attr("stroke-width", 0).attr("r", 0).on("click", (r, p) => this.handleClick(r, p)).on("mousedown", dt).merge(j).attr("stroke", (r) => o(r)).attr(
-      "fill",
-      (r) => {
-        var p;
-        return (p = r.payload) != null && p.fold && r.children ? o(r) : "var(--markmap-circle-open-bg)";
-      }
-    ), tt = this._observer, et = M.selectAll(b("foreignObject")).data(
-      (r) => [r],
-      (r) => r.state.key
-    ), X = et.enter().append("foreignObject").attr("class", "markmap-foreign").attr("x", e).attr("y", 0).style("opacity", 0).on("mousedown", dt).on("dblclick", (r, p) => {
-      r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), this._actions.handleEdit(r, p);
-    });
-    X.append("xhtml:div").append("xhtml:div").html((r) => r.content).attr("xmlns", "http://www.w3.org/1999/xhtml"), X.each(function() {
-      var p;
-      const r = (p = this.firstChild) == null ? void 0 : p.firstChild;
-      tt.observe(r);
-    });
-    const it = T.selectAll(
-      b("foreignObject")
-    );
-    it.each(function() {
-      var p;
-      const r = (p = this.firstChild) == null ? void 0 : p.firstChild;
-      tt.unobserve(r);
-    });
-    const O = X.merge(et);
-    O.on("dblclick", (r, p) => {
-      r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), this._actions.handleEdit(r, p);
-    }), O.on("mouseenter", (r, p) => {
-      var N, I;
-      if (!this.options.hoverBorder) return;
-      const m = this.findElement(p);
-      if (!m) return;
-      const w = (I = (N = S(m.g).select("foreignObject").node()) == null ? void 0 : N.firstChild) == null ? void 0 : I.firstChild;
-      if (!w) return;
-      const E = w.getBoundingClientRect();
-      r.clientX >= E.left && r.clientX <= E.right && r.clientY >= E.top && r.clientY <= E.bottom && S(m.g).classed("markmap-node-hovered", !0);
-    }), O.on("mousemove", (r, p) => {
-      var I, C;
-      if (!this.options.hoverBorder) return;
-      const m = this.findElement(p);
-      if (!m) return;
-      const w = (C = (I = S(m.g).select("foreignObject").node()) == null ? void 0 : I.firstChild) == null ? void 0 : C.firstChild;
-      if (!w) return;
-      const E = w.getBoundingClientRect(), N = r.clientX >= E.left && r.clientX <= E.right && r.clientY >= E.top && r.clientY <= E.bottom;
-      S(m.g).classed("markmap-node-hovered", N);
-    }), O.on("mouseleave", (r, p) => {
-      if (!this.options.hoverBorder) return;
-      const m = this.findElement(p);
-      m && S(m.g).classed("markmap-node-hovered", !1);
-    }), O.on("click", (r, p) => {
-      var N, I;
-      if (this._actions.editingNode || this._actions.editOverlay) return;
-      r.stopPropagation();
-      const m = this.findElement(p), w = m ? (I = (N = S(m.g).select("foreignObject").node()) == null ? void 0 : N.firstChild) == null ? void 0 : I.firstChild : null;
-      (() => {
-        if (!w) return !1;
-        const C = w.getBoundingClientRect();
-        return r.clientX >= C.left && r.clientX <= C.right && r.clientY >= C.top && r.clientY <= C.bottom;
-      })() && (this._actions.selectedNode = p, this.options.clickBorder && this.g.selectAll(b(A)).classed("markmap-selected", (C) => C === p), this.options.addable && this._actions.showAddUI(p));
-    }), O.select("div").select("div").html((r) => r.content);
-    const St = d.flatMap(
-      (r) => {
-        var p;
-        return (p = r.payload) != null && p.fold ? [] : r.children.map((m) => ({ source: r, target: m }));
-      }
-    ), U = this.g.selectAll(b(Be)).data(St, (r) => r.target.state.key), Ct = U.exit(), _t = U.enter().insert("path", "g").attr("class", "markmap-link").attr("data-depth", (r) => r.target.state.depth).attr("data-path", (r) => r.target.state.path).attr("d", (r) => {
-      const p = y(r.target), m = [
-        p.x + p.width,
-        p.y + p.height
-      ];
-      return F({ source: m, target: m });
-    }).attr("stroke-width", 0).merge(U);
-    this.svg.style(
-      "--markmap-max-width",
-      s ? `${s}px` : null
-    ), await new Promise(requestAnimationFrame), this._relayout(), x = x.data(k ? [this._getHighlightRect(k)] : []).join("rect"), this.transition(x).attr("x", (r) => r.x).attr("y", (r) => r.y).attr("width", (r) => r.width).attr("height", (r) => r.height), G.attr("transform", (r) => {
-      const p = y(r);
-      return `translate(${p.x + p.width - r.state.rect.width},${p.y + p.height - r.state.rect.height})`;
-    }), this.transition(T).attr("transform", (r) => {
-      const p = v(r), m = p.x + p.width - r.state.rect.width, w = p.y + p.height - r.state.rect.height;
-      return `translate(${m},${w})`;
-    }).remove(), this.transition(M).attr(
-      "transform",
-      (r) => `translate(${r.state.rect.x},${r.state.rect.y})`
-    );
-    const Ot = T.selectAll(
-      b("line")
-    );
-    this.transition(Ot).attr("x1", (r) => r.state.rect.width).attr("stroke-width", 0), J.attr("x1", (r) => r.state.rect.width).attr("x2", (r) => r.state.rect.width), Z.attr("y1", (r) => r.state.rect.height + a(r) / 2).attr("y2", (r) => r.state.rect.height + a(r) / 2), this.transition(Z).attr("x1", -1).attr("x2", (r) => r.state.rect.width + 2).attr("stroke", (r) => o(r)).attr("stroke-width", a);
-    const It = T.selectAll(
-      b("circle")
-    );
-    this.transition(It).attr("r", 0).attr("stroke-width", 0), Q.attr("cx", (r) => r.state.rect.width + 4).attr("cy", (r) => r.state.rect.height + a(r) / 2), this.transition(Q).attr("r", 6).attr("stroke-width", 1.5), this.transition(it).style("opacity", 0), O.attr("width", (r) => Math.max(0, r.state.rect.width - e * 2 + 16)).attr("height", (r) => r.state.rect.height), this.transition(O).style("opacity", 1), this.transition(Ct).attr("d", (r) => {
-      const p = v(r.target), m = [
-        p.x + p.width,
-        p.y + p.height + a(r.target) / 2
-      ];
-      return F({ source: m, target: m });
-    }).attr("stroke-width", 0).remove(), this.transition(_t).attr("stroke", (r) => o(r.target)).attr("stroke-width", (r) => a(r.target)).attr("d", (r) => {
-      const p = r.source, m = r.target, w = [
-        p.state.rect.x + p.state.rect.width,
-        p.state.rect.y + p.state.rect.height + a(p) / 2
-      ], E = [
-        m.state.rect.x,
-        m.state.rect.y + m.state.rect.height + a(m) / 2
-      ];
-      return F({ source: w, target: E });
-    }), i && this.fit();
-  }
-  transition(t) {
-    const { duration: e } = this.options;
-    return t.transition().duration(e);
-  }
-  /**
-   * Fit the content to the viewport.
-   */
-  async fit(t = this.options.maxInitialScale) {
-    const e = this.svg.node(), { width: i, height: o } = e.getBoundingClientRect(), { fitRatio: s } = this.options, { x1: a, y1: l, x2: h, y2: c } = this.state.rect, d = h - a, u = c - l, f = Math.min(
-      i / d * s,
-      o / u * s,
-      t
-    ), g = Rt.translate(
-      (i - d * f) / 2 - a * f,
-      (o - u * f) / 2 - l * f
-    ).scale(f);
-    return this.transition(this.svg).call(this.zoom.transform, g).end().catch(B);
-  }
-  findElement(t) {
-    let e;
-    return this.g.selectAll(b(A)).each(function(o) {
-      o === t && (e = {
-        data: o,
-        g: this
-      });
-    }), e;
-  }
-  /**
-   * Pan the content to make the provided node visible in the viewport.
-   */
-  async ensureVisible(t, e) {
-    var k;
-    const i = (k = this.findElement(t)) == null ? void 0 : k.data;
-    if (!i) return;
-    const o = this.svg.node(), s = o.getBoundingClientRect(), a = z(o), [l, h] = [
-      i.state.rect.x,
-      i.state.rect.x + i.state.rect.width + 2
-    ].map((x) => x * a.k + a.x), [c, d] = [
-      i.state.rect.y,
-      i.state.rect.y + i.state.rect.height
-    ].map((x) => x * a.k + a.y), u = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      ...e
-    }, f = [u.left - l, s.width - u.right - h], g = [u.top - c, s.height - u.bottom - d], y = f[0] * f[1] > 0 ? ct(f, Math.abs) / a.k : 0, v = g[0] * g[1] > 0 ? ct(g, Math.abs) / a.k : 0;
-    if (y || v) {
-      const x = a.translate(y, v);
-      return this.transition(this.svg).call(this.zoom.transform, x).end().catch(B);
-    }
-  }
-  async centerNode(t, e) {
-    var y;
-    const i = (y = this.findElement(t)) == null ? void 0 : y.data;
-    if (!i) return;
-    const o = this.svg.node(), s = o.getBoundingClientRect(), a = z(o), l = (i.state.rect.x + i.state.rect.width / 2) * a.k + a.x, h = (i.state.rect.y + i.state.rect.height / 2) * a.k + a.y, c = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      ...e
-    }, d = (c.left + s.width - c.right) / 2, u = (c.top + s.height - c.bottom) / 2, f = (d - l) / a.k, g = (u - h) / a.k;
-    if (f || g) {
-      const v = a.translate(f, g);
-      return this.transition(this.svg).call(this.zoom.transform, v).end().catch(B);
-    }
-  }
-  /**
-   * Scale content with it pinned at the center of the viewport.
-   */
-  async rescale(t) {
-    const e = this.svg.node(), { width: i, height: o } = e.getBoundingClientRect(), s = i / 2, a = o / 2, l = z(e), h = l.translate(
-      (s - l.x) * (1 - t) / l.k,
-      (a - l.y) * (1 - t) / l.k
-    ).scale(t);
-    return this.transition(this.svg).call(this.zoom.transform, h).end().catch(B);
-  }
-  destroy() {
-    this.svg.on(".zoom", null), this.svg.html(null), this._disposeList.forEach((t) => {
-      t();
-    });
-  }
-  static create(t, e, i = null) {
-    const o = new Et(t, e);
-    return i && o.setData(i).then(() => {
-      o.fit();
-    }), o;
-  }
+function tt(e) {
+	e.stopPropagation();
 }
-function $(n) {
-  if (!n) return "";
-  let t = n;
-  return t = t.replace(
-    /<img(?=[^>]*?\bsrc="([^"]*)")(?=[^>]*?\balt="([^"]*)")(?=[^>]*?\btitle="([^"]*)")?[^>]*?\/?>/gi,
-    (e, i, o, s) => s ? `![${o}](${i} "${s}")` : `![${o}](${i})`
-  ), t = t.replace(
-    /<img\s[^>]*?\/?>/gi,
-    (e) => {
-      const i = (e.match(/\bsrc="([^"]*)"/) || [])[1] ?? "", o = (e.match(/\balt="([^"]*)"/) || [])[1] ?? "", s = (e.match(/\btitle="([^"]*)"/) || [])[1];
-      return s ? `![${o}](${i} "${s}")` : `![${o}](${i})`;
-    }
-  ), t = t.replace(
-    /<a\s[^>]*?href="([^"]*)"[^>]*?>([\s\S]*?)<\/a>/gi,
-    (e, i, o) => {
-      const s = (e.match(/\btitle="([^"]*)"/) || [])[1], a = $(o);
-      return s ? `[${a}](${i} "${s}")` : `[${a}](${i})`;
-    }
-  ), t = t.replace(/<strong>([\s\S]*?)<\/strong>/gi, (e, i) => `**${$(i)}**`), t = t.replace(/<b>([\s\S]*?)<\/b>/gi, (e, i) => `**${$(i)}**`), t = t.replace(/<em>([\s\S]*?)<\/em>/gi, (e, i) => `*${$(i)}*`), t = t.replace(/<i>([\s\S]*?)<\/i>/gi, (e, i) => `*${$(i)}*`), t = t.replace(/<(?:del|s)>([\s\S]*?)<\/(?:del|s)>/gi, (e, i) => `~~${$(i)}~~`), t = t.replace(/<code>([\s\S]*?)<\/code>/gi, (e, i) => "`" + i.replace(/&#x([0-9a-f]+);/gi, (s, a) => String.fromCodePoint(parseInt(a, 16))).replace(/&#([0-9]+);/g, (s, a) => String.fromCodePoint(parseInt(a, 10))).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'") + "`"), t = t.replace(/<br\s*\/?>/gi, `
-`), t = t.replace(/<[^>]+>/g, ""), t = t.replace(/&#x([0-9a-f]+);/gi, (e, i) => String.fromCodePoint(parseInt(i, 16))).replace(/&#([0-9]+);/g, (e, i) => String.fromCodePoint(parseInt(i, 10))).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&nbsp;/g, " "), t;
+/**
+* A global hook to refresh all markmaps when called.
+*/
+const Q = new p();
+var nt = class e {
+	constructor(e, t) {
+		this.options = { ...U }, this._disposeList = [], this.handleZoom = (e) => {
+			let { transform: t } = e;
+			this.g.attr("transform", t), this._actions.repositionOverlays();
+		}, this.handlePan = (e) => {
+			e.preventDefault();
+			let t = l(this.svg.node()), n = t.translate(-e.deltaX / t.k, -e.deltaY / t.k);
+			this.svg.call(this.zoom.transform, n);
+		}, this.handleClick = (e, t) => {
+			let n = this.options.toggleRecursively;
+			(B ? e.metaKey : e.ctrlKey) && (n = !n), this.toggleNode(t, n);
+		}, this.ensureView = this.ensureVisible, this.svg = e.datum ? e : o(e), this.styleNode = this.svg.append("style"), this.zoom = s().filter((e) => this.options.scrollForPan && e.type === "wheel" ? e.ctrlKey && !e.button : (!e.ctrlKey || e.type === "wheel") && !e.button).on("zoom", this.handleZoom), this.setOptions(t), this.state = {
+			id: this.options.id || this.svg.attr("id") || g(),
+			rect: {
+				x1: 0,
+				y1: 0,
+				x2: 0,
+				y2: 0
+			}
+		}, this.g = this.svg.append("g"), this.g.append("g").attr("class", "markmap-highlight"), this._actions = new Ze(this), this.svg.on("click", () => {
+			this._actions.selectedNode && (this._actions.selectedNode = null, this.options.clickBorder && this.g.selectAll(G(Y)).classed("markmap-selected", !1), this._actions.hideAddUI());
+		});
+		let n = (e) => {
+			if (!this._actions.selectedNode || this._actions.editingNode || this._actions.editOverlay || this._actions.addInputUI) return;
+			let t = document.activeElement?.tagName;
+			t === "INPUT" || t === "TEXTAREA" || (e.key === "Tab" && this.options.addable ? (e.preventDefault(), e.stopPropagation(), this._actions.showAddInput(this._actions.selectedNode)) : e.key === "Enter" && this.options.addable ? (e.preventDefault(), e.stopPropagation(), this._actions.showAddSiblingInput(this._actions.selectedNode)) : (e.key === "Delete" || e.key === "Backspace") && this.options.deletable && (e.preventDefault(), e.stopPropagation(), this._actions.deleteNode(this._actions.selectedNode)));
+		};
+		document.addEventListener("keydown", n), this._disposeList.push(() => document.removeEventListener("keydown", n)), this._observer = new ResizeObserver(S(() => {
+			this._actions.editingNode || this.renderData();
+		}, 100)), this._disposeList.push(Q.tap(() => {
+			this.setData();
+		}), () => this._actions.hideAddUI(), () => this._observer.disconnect());
+	}
+	getStyleContent() {
+		let { style: e } = this.options, { id: t } = this.state, n = typeof e == "function" ? e(t) : "";
+		return [this.options.embedGlobalCSS && ".markmap{--markmap-max-width:9999px;--markmap-a-color:#0097e6;--markmap-a-hover-color:#00a8ff;--markmap-code-bg:#f0f0f0;--markmap-code-color:#555;--markmap-highlight-bg:#ffeaa7;--markmap-table-border:1px solid currentColor;--markmap-font:300 16px/20px sans-serif;--markmap-circle-open-bg:#fff;--markmap-text-color:#333;--markmap-highlight-node-bg:#ff02;font:var(--markmap-font);color:var(--markmap-text-color)}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-node-hovered>foreignObject>div>div{border:2px solid #d9d9d9;border-radius:14px;padding:2px 6px}.markmap-selected>foreignObject>div>div,.markmap-selected.markmap-node-hovered>foreignObject>div>div{border:2px solid #b4b4b4;border-radius:14px;padding:2px 6px}.markmap-selected>circle{pointer-events:none;opacity:0!important}.markmap-collapse-on-hover .markmap-node>circle{opacity:0;transition:opacity .2s}.markmap-collapse-on-hover .markmap-node:hover>circle{opacity:1}.markmap-foreign{display:inline-block}.markmap-foreign>div>div{padding:4px 6px}.markmap-foreign .markmap-edit-wrapper{background:#fff;border-radius:4px;width:100%;padding:4px;animation:.2s ease-in fadeIn;position:relative;box-shadow:0 2px 8px #00000026}.markmap-foreign .markmap-edit-input{background:#f8f9fa;border:2px solid #4a90e2;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s}.markmap-foreign .markmap-edit-input:focus{background:#fff;border-color:#2d7dd2;box-shadow:0 0 0 3px #4a90e21a}.markmap-foreign p{margin:0}.markmap-foreign a{color:var(--markmap-a-color)}.markmap-foreign a:hover{color:var(--markmap-a-hover-color)}.markmap-foreign code{color:var(--markmap-code-color);background-color:var(--markmap-code-bg);border-radius:2px;padding:.25em;font-size:calc(1em - 2px)}.markmap-foreign pre{margin:0}.markmap-foreign pre>code{display:block}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:var(--markmap-highlight-bg)}.markmap-foreign table,.markmap-foreign th,.markmap-foreign td{border-collapse:collapse;border:var(--markmap-table-border)}.markmap-foreign img{display:inline-block}.markmap-foreign svg{fill:currentColor}.markmap-foreign>div{width:var(--markmap-max-width);text-align:left}.markmap-foreign>div>div{max-width:var(--markmap-wrap-width,30em);overflow-wrap:break-word;word-break:break-word;white-space:normal;display:inline-block}.markmap-highlight rect{fill:var(--markmap-highlight-node-bg)}.markmap-dark .markmap{--markmap-code-bg:#1a1b26;--markmap-code-color:#ddd;--markmap-circle-open-bg:#444;--markmap-text-color:#eee}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}", n].filter(Boolean).join("\n");
+	}
+	updateStyle() {
+		let e = y("", "markmap", this.state.id), t = this.options.collapseOnHover ? "markmap-collapse-on-hover" : "";
+		this.svg.attr("class", [e, t].filter(Boolean).join(" "));
+		let n = this.getStyleContent();
+		this.styleNode.text(n);
+	}
+	async toggleNode(e, t = !1) {
+		let n = e.payload?.fold ? 0 : 1;
+		t ? v(e, (e, t) => {
+			e.payload = {
+				...e.payload,
+				fold: n
+			}, t();
+		}) : e.payload = {
+			...e.payload,
+			fold: e.payload?.fold ? 0 : 1
+		}, await this.renderData(e);
+	}
+	_initializeData(e) {
+		let t = 0, { color: n, initialExpandLevel: r } = this.options, i = 0, a = 0;
+		return v(e, (e, o, s) => {
+			a += 1, e.children = e.children?.map((e) => ({ ...e })), t += 1, e.state = {
+				...e.state,
+				depth: a,
+				id: t,
+				rect: {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0
+				},
+				size: [0, 0]
+			}, e.state.key = [s?.state?.id, e.state.id].filter(Boolean).join(".") + W(e.content), e.state.path = [s?.state?.path, e.state.id].filter(Boolean).join("."), n(e);
+			let c = e.payload?.fold === 2;
+			c ? i += 1 : (i || r >= 0 && e.state.depth >= r) && (e.payload = {
+				...e.payload,
+				fold: 1
+			}), o(), c && --i, --a;
+		}), e;
+	}
+	_relayout() {
+		if (!this.state.data) return;
+		this.g.selectAll(G(Y)).selectAll(G("foreignObject")).each(function(e) {
+			let t = this.firstChild?.firstChild, n = [t.scrollWidth, t.scrollHeight];
+			e.state.size = n;
+		});
+		let { lineWidth: e, paddingX: r, spacingHorizontal: i, spacingVertical: a } = this.options, o = (e) => e.payload?.fold ? i : (e.children || []).length === 1 ? Math.round(i / 2) : i, s = Le({}).children((e) => {
+			if (!e.payload?.fold) return e.children;
+		}).nodeSize((e) => {
+			let [t, n] = e.data.state.size, i = o(e.data);
+			return [n, t + (t ? r * 2 : 0) + i];
+		}).spacing((t, n) => (t.parent === n.parent ? a : a * 2) + e(t.data)), c = s.hierarchy(this.state.data);
+		s(c);
+		let l = c.descendants();
+		l.forEach((e) => {
+			let t = e.data, n = o(t);
+			t.state.rect = {
+				x: e.y,
+				y: e.x - e.xSize / 2,
+				width: e.ySize - n,
+				height: e.xSize
+			};
+		}), this.state.rect = {
+			x1: n(l, (e) => e.data.state.rect.x) || 0,
+			y1: n(l, (e) => e.data.state.rect.y) || 0,
+			x2: t(l, (e) => e.data.state.rect.x + e.data.state.rect.width) || 0,
+			y2: t(l, (e) => e.data.state.rect.y + e.data.state.rect.height) || 0
+		};
+	}
+	setOptions(e) {
+		let t = e?.mode === "display" ? {
+			editable: !1,
+			addable: !1,
+			deletable: !1,
+			collapseOnHover: !1,
+			hoverBorder: !1,
+			clickBorder: !1
+		} : e?.mode === "editable" ? {
+			editable: !0,
+			addable: !0,
+			deletable: !0,
+			collapseOnHover: !0,
+			hoverBorder: !0,
+			clickBorder: !0
+		} : {};
+		this.options = {
+			...this.options,
+			...t,
+			...e
+		}, this.options.zoom ? this.svg.call(this.zoom) : this.svg.on(".zoom", null), this.options.pan ? this.svg.on("wheel", this.handlePan) : this.svg.on("wheel", null);
+	}
+	async setData(e, t) {
+		t && this.setOptions(t), e && (this.state.data = this._initializeData(e)), this.state.data && (this.updateStyle(), await this.renderData());
+	}
+	getData(e) {
+		let t = this.state.data;
+		if (!t) return;
+		if (!e) return t;
+		let n = (e) => ({
+			content: e.content,
+			payload: e.payload,
+			children: (e.children || []).map(n)
+		});
+		return n(t);
+	}
+	async setHighlight(e) {
+		this.state.highlight = e || void 0, await this.renderData();
+	}
+	_getHighlightRect(e) {
+		let t = 4 / l(this.svg.node()).k, n = { ...e.state.rect };
+		return n.x -= t, n.y -= t, n.width += 2 * t, n.height += 2 * t, n;
+	}
+	async renderData(e) {
+		let { paddingX: t, autoFit: n, color: r, maxWidth: i, lineWidth: a } = this.options, s = this.state.data;
+		if (!s) return;
+		let c = {}, l = {}, u = [];
+		v(s, (e, t, n) => {
+			e.payload?.fold || t(), c[e.state.id] = e, n && (l[e.state.id] = n.state.id), u.push(e);
+		});
+		let d = {}, f = {}, p = (e) => {
+			!e || d[e.state.id] || v(e, (t, n) => {
+				d[t.state.id] = e.state.id, n();
+			});
+		}, m = (e) => f[d[e.state.id]] || s.state.rect, h = (e) => (c[d[e.state.id]] || s).state.rect;
+		f[s.state.id] = s.state.rect, e && p(e);
+		let { highlight: g } = this.state;
+		g && !c[g.state.id] && (g = void 0);
+		let _ = this.g.selectAll(G(et)).selectAll(G("rect")).data(g ? [this._getHighlightRect(g)] : []).join("rect").attr("x", (e) => e.x).attr("y", (e) => e.y).attr("width", (e) => e.width).attr("height", (e) => e.height), y = this.g.selectAll(G(Y)).each((e) => {
+			f[e.state.id] = e.state.rect;
+		}).data(u, (e) => e.state.key), b = y.enter().append("g").attr("data-depth", (e) => e.state.depth).attr("data-path", (e) => e.state.path).each((e) => {
+			p(c[l[e.state.id]]);
+		}), x = y.exit().each((e) => {
+			p(c[l[e.state.id]]);
+		}), S = y.merge(b).attr("class", (e) => ["markmap-node", e.payload?.fold && "markmap-fold"].filter(Boolean).join(" ")), C = S.selectAll(G("line")).data((e) => [e], (e) => e.state.key), w = C.enter().append("line").attr("stroke", (e) => r(e)).attr("stroke-width", 0), T = C.merge(w), E = S.selectAll(G("circle")).data((e) => e.children?.length ? [e] : [], (e) => e.state.key);
+		this.transition(E.exit()).attr("r", 0).attr("stroke-width", 0).remove();
+		let D = E.enter().append("circle").attr("stroke-width", 0).attr("r", 0).on("click", (e, t) => this.handleClick(e, t)).on("mousedown", tt).merge(E).attr("stroke", (e) => r(e)).attr("fill", (e) => e.payload?.fold && e.children ? r(e) : "var(--markmap-circle-open-bg)"), O = this._observer, k = S.selectAll(G("foreignObject")).data((e) => [e], (e) => e.state.key), A = k.enter().append("foreignObject").attr("class", "markmap-foreign").attr("x", t).attr("y", 0).style("opacity", 0).on("mousedown", tt).on("dblclick", (e, t) => {
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this._actions.handleEdit(e, t);
+		});
+		A.append("xhtml:div").append("xhtml:div").html((e) => e.content).attr("xmlns", "http://www.w3.org/1999/xhtml"), A.each(function() {
+			let e = this.firstChild?.firstChild;
+			O.observe(e);
+		});
+		let j = x.selectAll(G("foreignObject"));
+		j.each(function() {
+			let e = this.firstChild?.firstChild;
+			O.unobserve(e);
+		});
+		let M = A.merge(k);
+		M.on("dblclick", (e, t) => {
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this._actions.handleEdit(e, t);
+		}), M.on("mouseenter", (e, t) => {
+			if (!this.options.hoverBorder) return;
+			let n = this.findElement(t);
+			if (!n) return;
+			let r = o(n.g).select("foreignObject").node()?.firstChild?.firstChild;
+			if (!r) return;
+			let i = r.getBoundingClientRect();
+			e.clientX >= i.left && e.clientX <= i.right && e.clientY >= i.top && e.clientY <= i.bottom && o(n.g).classed("markmap-node-hovered", !0);
+		}), M.on("mousemove", (e, t) => {
+			if (!this.options.hoverBorder) return;
+			let n = this.findElement(t);
+			if (!n) return;
+			let r = o(n.g).select("foreignObject").node()?.firstChild?.firstChild;
+			if (!r) return;
+			let i = r.getBoundingClientRect(), a = e.clientX >= i.left && e.clientX <= i.right && e.clientY >= i.top && e.clientY <= i.bottom;
+			o(n.g).classed("markmap-node-hovered", a);
+		}), M.on("mouseleave", (e, t) => {
+			if (!this.options.hoverBorder) return;
+			let n = this.findElement(t);
+			n && o(n.g).classed("markmap-node-hovered", !1);
+		}), M.on("click", (e, t) => {
+			if (this._actions.editingNode || this._actions.editOverlay) return;
+			e.stopPropagation();
+			let n = this.findElement(t), r = n ? o(n.g).select("foreignObject").node()?.firstChild?.firstChild : null;
+			(() => {
+				if (!r) return !1;
+				let t = r.getBoundingClientRect();
+				return e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom;
+			})() && (this._actions.selectedNode = t, this.options.clickBorder && this.g.selectAll(G(Y)).classed("markmap-selected", (e) => e === t), this.options.addable && this._actions.showAddUI(t));
+		}), M.select("div").select("div").html((e) => e.content);
+		let ee = u.flatMap((e) => e.payload?.fold ? [] : e.children.map((t) => ({
+			source: e,
+			target: t
+		}))), N = this.g.selectAll(G($e)).data(ee, (e) => e.target.state.key), P = N.exit(), te = N.enter().insert("path", "g").attr("class", "markmap-link").attr("data-depth", (e) => e.target.state.depth).attr("data-path", (e) => e.target.state.path).attr("d", (e) => {
+			let t = m(e.target), n = [t.x + t.width, t.y + t.height];
+			return X({
+				source: n,
+				target: n
+			});
+		}).attr("stroke-width", 0).merge(N);
+		this.svg.style("--markmap-max-width", i ? `${i}px` : null), await new Promise(requestAnimationFrame), this._relayout(), _ = _.data(g ? [this._getHighlightRect(g)] : []).join("rect"), this.transition(_).attr("x", (e) => e.x).attr("y", (e) => e.y).attr("width", (e) => e.width).attr("height", (e) => e.height), b.attr("transform", (e) => {
+			let t = m(e);
+			return `translate(${t.x + t.width - e.state.rect.width},${t.y + t.height - e.state.rect.height})`;
+		}), this.transition(x).attr("transform", (e) => {
+			let t = h(e);
+			return `translate(${t.x + t.width - e.state.rect.width},${t.y + t.height - e.state.rect.height})`;
+		}).remove(), this.transition(S).attr("transform", (e) => `translate(${e.state.rect.x},${e.state.rect.y})`);
+		let ne = x.selectAll(G("line"));
+		this.transition(ne).attr("x1", (e) => e.state.rect.width).attr("stroke-width", 0), w.attr("x1", (e) => e.state.rect.width).attr("x2", (e) => e.state.rect.width), T.attr("y1", (e) => e.state.rect.height + a(e) / 2).attr("y2", (e) => e.state.rect.height + a(e) / 2), this.transition(T).attr("x1", -1).attr("x2", (e) => e.state.rect.width + 2).attr("stroke", (e) => r(e)).attr("stroke-width", a);
+		let F = x.selectAll(G("circle"));
+		this.transition(F).attr("r", 0).attr("stroke-width", 0), D.attr("cx", (e) => e.state.rect.width + 4).attr("cy", (e) => e.state.rect.height + a(e) / 2), this.transition(D).attr("r", 6).attr("stroke-width", 1.5), this.transition(j).style("opacity", 0), M.attr("width", (e) => Math.max(0, e.state.rect.width - t * 2 + 16)).attr("height", (e) => e.state.rect.height), this.transition(M).style("opacity", 1), this.transition(P).attr("d", (e) => {
+			let t = h(e.target), n = [t.x + t.width, t.y + t.height + a(e.target) / 2];
+			return X({
+				source: n,
+				target: n
+			});
+		}).attr("stroke-width", 0).remove(), this.transition(te).attr("stroke", (e) => r(e.target)).attr("stroke-width", (e) => a(e.target)).attr("d", (e) => {
+			let t = e.source, n = e.target;
+			return X({
+				source: [t.state.rect.x + t.state.rect.width, t.state.rect.y + t.state.rect.height + a(t) / 2],
+				target: [n.state.rect.x, n.state.rect.y + n.state.rect.height + a(n) / 2]
+			});
+		}), n && this.fit();
+	}
+	transition(e) {
+		let { duration: t } = this.options;
+		return e.transition().duration(t);
+	}
+	/**
+	* Fit the content to the viewport.
+	*/
+	async fit(e = this.options.maxInitialScale) {
+		let { width: t, height: n } = this.svg.node().getBoundingClientRect(), { fitRatio: r } = this.options, { x1: i, y1: a, x2: o, y2: s } = this.state.rect, l = o - i, u = s - a, d = Math.min(t / l * r, n / u * r, e), f = c.translate((t - l * d) / 2 - i * d, (n - u * d) / 2 - a * d).scale(d);
+		return this.transition(this.svg).call(this.zoom.transform, f).end().catch(_);
+	}
+	findElement(e) {
+		let t;
+		return this.g.selectAll(G(Y)).each(function(n) {
+			n === e && (t = {
+				data: n,
+				g: this
+			});
+		}), t;
+	}
+	/**
+	* Pan the content to make the provided node visible in the viewport.
+	*/
+	async ensureVisible(e, t) {
+		let n = this.findElement(e)?.data;
+		if (!n) return;
+		let r = this.svg.node(), i = r.getBoundingClientRect(), a = l(r), [o, s] = [n.state.rect.x, n.state.rect.x + n.state.rect.width + 2].map((e) => e * a.k + a.x), [c, u] = [n.state.rect.y, n.state.rect.y + n.state.rect.height].map((e) => e * a.k + a.y), d = {
+			left: 0,
+			right: 0,
+			top: 0,
+			bottom: 0,
+			...t
+		}, f = [d.left - o, i.width - d.right - s], p = [d.top - c, i.height - d.bottom - u], m = f[0] * f[1] > 0 ? Z(f, Math.abs) / a.k : 0, h = p[0] * p[1] > 0 ? Z(p, Math.abs) / a.k : 0;
+		if (m || h) {
+			let e = a.translate(m, h);
+			return this.transition(this.svg).call(this.zoom.transform, e).end().catch(_);
+		}
+	}
+	async centerNode(e, t) {
+		let n = this.findElement(e)?.data;
+		if (!n) return;
+		let r = this.svg.node(), i = r.getBoundingClientRect(), a = l(r), o = (n.state.rect.x + n.state.rect.width / 2) * a.k + a.x, s = (n.state.rect.y + n.state.rect.height / 2) * a.k + a.y, c = {
+			left: 0,
+			right: 0,
+			top: 0,
+			bottom: 0,
+			...t
+		}, u = (c.left + i.width - c.right) / 2, d = (c.top + i.height - c.bottom) / 2, f = (u - o) / a.k, p = (d - s) / a.k;
+		if (f || p) {
+			let e = a.translate(f, p);
+			return this.transition(this.svg).call(this.zoom.transform, e).end().catch(_);
+		}
+	}
+	/**
+	* Scale content with it pinned at the center of the viewport.
+	*/
+	async rescale(e) {
+		let t = this.svg.node(), { width: n, height: r } = t.getBoundingClientRect(), i = n / 2, a = r / 2, o = l(t), s = o.translate((i - o.x) * (1 - e) / o.k, (a - o.y) * (1 - e) / o.k).scale(e);
+		return this.transition(this.svg).call(this.zoom.transform, s).end().catch(_);
+	}
+	destroy() {
+		this.svg.on(".zoom", null), this.svg.html(null), this._disposeList.forEach((e) => {
+			e();
+		});
+	}
+	static create(t, n, r = null) {
+		let i = new e(t, n);
+		return r && i.setData(r).then(() => {
+			i.fit();
+		}), i;
+	}
+};
+/**
+* Convert a single HTML inline-content string to Markdown text.
+* Handles common inline elements produced by markdown-it:
+* strong, em, del/s, code, a, img, br, and HTML entities.
+*/
+function $(e) {
+	if (!e) return "";
+	let t = e;
+	return t = t.replace(/<img(?=[^>]*?\bsrc="([^"]*)")(?=[^>]*?\balt="([^"]*)")(?=[^>]*?\btitle="([^"]*)")?[^>]*?\/?>/gi, (e, t, n, r) => r ? `![${n}](${t} "${r}")` : `![${n}](${t})`), t = t.replace(/<img\s[^>]*?\/?>/gi, (e) => {
+		let t = (e.match(/\bsrc="([^"]*)"/) || [])[1] ?? "", n = (e.match(/\balt="([^"]*)"/) || [])[1] ?? "", r = (e.match(/\btitle="([^"]*)"/) || [])[1];
+		return r ? `![${n}](${t} "${r}")` : `![${n}](${t})`;
+	}), t = t.replace(/<a\s[^>]*?href="([^"]*)"[^>]*?>([\s\S]*?)<\/a>/gi, (e, t, n) => {
+		let r = (e.match(/\btitle="([^"]*)"/) || [])[1], i = $(n);
+		return r ? `[${i}](${t} "${r}")` : `[${i}](${t})`;
+	}), t = t.replace(/<strong>([\s\S]*?)<\/strong>/gi, (e, t) => `**${$(t)}**`), t = t.replace(/<b>([\s\S]*?)<\/b>/gi, (e, t) => `**${$(t)}**`), t = t.replace(/<em>([\s\S]*?)<\/em>/gi, (e, t) => `*${$(t)}*`), t = t.replace(/<i>([\s\S]*?)<\/i>/gi, (e, t) => `*${$(t)}*`), t = t.replace(/<(?:del|s)>([\s\S]*?)<\/(?:del|s)>/gi, (e, t) => `~~${$(t)}~~`), t = t.replace(/<code>([\s\S]*?)<\/code>/gi, (e, t) => "`" + t.replace(/&#x([0-9a-f]+);/gi, (e, t) => String.fromCodePoint(parseInt(t, 16))).replace(/&#([0-9]+);/g, (e, t) => String.fromCodePoint(parseInt(t, 10))).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#39;/g, "'") + "`"), t = t.replace(/<br\s*\/?>/gi, "\n"), t = t.replace(/<[^>]+>/g, ""), t = t.replace(/&#x([0-9a-f]+);/gi, (e, t) => String.fromCodePoint(parseInt(t, 16))).replace(/&#([0-9]+);/g, (e, t) => String.fromCodePoint(parseInt(t, 10))).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#39;/g, "'").replace(/&nbsp;/g, " "), t;
 }
-function Ve(n) {
-  const t = [];
-  function e(i, o) {
-    const s = $(i.content).trim();
-    if (s)
-      if (o <= 2) {
-        const a = "#".repeat(o + 1);
-        t.length > 0 && t.push(""), t.push(`${a} ${s}`);
-      } else {
-        const a = "  ".repeat(o - 3);
-        t.push(`${a}- ${s}`);
-      }
-    for (const a of i.children)
-      e(a, o + 1);
-  }
-  return e(n, 0), t.join(`
-`).trimStart() + `
-`;
+/**
+* Serialize an `IPureNode` tree back to a Markdown string.
+*
+* This is the conceptual inverse of `Transformer.transform()`.
+* The algorithm maps tree depth to Markdown heading levels:
+*
+* - depth 0  →  `# text`
+* - depth 1  →  `## text`
+* - depth 2  →  `### text`
+* - depth 3+ →  `- text`  (indented list items, 2 spaces per extra level)
+*
+* A blank line is inserted between heading-level siblings to keep the
+* output readable and round-trip-stable through `transform()`.
+*
+* @param root  Root node of the markmap tree (e.g. from `mm.getData(true)`).
+* @returns     Markdown string.
+*
+* @example
+* ```ts
+* import { toMarkdown } from 'markmap-lib';
+*
+* const pureNode = mm.getData(true);   // IPureNode
+* const markdown = toMarkdown(pureNode);
+* console.log(markdown);
+* ```
+*/
+function rt(e) {
+	let t = [];
+	function n(e, r) {
+		let i = $(e.content).trim();
+		if (i) if (r <= 2) {
+			let e = "#".repeat(r + 1);
+			t.length > 0 && t.push(""), t.push(`${e} ${i}`);
+		} else {
+			let e = "  ".repeat(r - 3);
+			t.push(`${e}- ${i}`);
+		}
+		for (let t of e.children) n(t, r + 1);
+	}
+	return n(e, 0), t.join("\n").trimStart() + "\n";
 }
-export {
-  Et as Markmap,
-  b as childSelector,
-  ne as defaultColorFn,
-  yt as defaultOptions,
-  Fe as deriveOptions,
-  We as globalCSS,
-  $ as htmlInlineToMarkdown,
-  gt as isMacintosh,
-  mt as lineWidthFactory,
-  Le as loadCSS,
-  He as loadJS,
-  Pe as refreshHook,
-  V as simpleHash,
-  Ve as toMarkdown
-};
+export { nt as Markmap, G as childSelector, V as defaultColorFn, U as defaultOptions, de as deriveOptions, Qe as globalCSS, $ as htmlInlineToMarkdown, B as isMacintosh, H as lineWidthFactory, ue as loadCSS, le as loadJS, Q as refreshHook, W as simpleHash, rt as toMarkdown };