markmap-view-plus 0.0.1

package/dist/index.js

@@ -0,0 +1,1506 @@
+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}`;
+}
+function B() {
+}
+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 Dt(n, ...t) {
+  const e = "".split(" ").filter(Boolean);
+  return t.forEach((i) => {
+    i && e.indexOf(i) < 0 && e.push(i);
+  }), e.join(" ");
+}
+function pt() {
+  const n = {};
+  return n.promise = new Promise((t, e) => {
+    n.resolve = t, n.reject = e;
+  }), n;
+}
+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 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;
+  };
+}
+/*! @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);
+}
+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 Kt(n) {
+  return n.children;
+}
+const Yt = {
+  isSvg: !1
+};
+function st(n, t) {
+  Array.isArray(t) || (t = [t]), t = t.filter(Boolean), t.length && n.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);
+}
+const qt = {
+  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 Zt(n) {
+  return n.reduce((t, e) => t.concat(e), []);
+}
+function W(n, t) {
+  return Array.isArray(n) ? Zt(n.map((e) => W(e, t))) : K(n, 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 Qt(n) {
+  return K(n);
+}
+function D(...n) {
+  return Qt(Wt(...n));
+}
+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;
+}
+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 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(n) {
+  await Promise.all(n.map((t) => ie(t)));
+}
+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
+};
+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 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);
+}
+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 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 re() {
+  return this.eachAfter(oe);
+}
+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 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 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 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 de(n) {
+  return this.eachBefore(function(t) {
+    t.children && t.children.sort(n);
+  });
+}
+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 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 ue() {
+  for (var n = this, t = [n]; n = n.parent; )
+    t.push(n);
+  return t;
+}
+function fe() {
+  var n = [];
+  return this.each(function(t) {
+    n.push(t);
+  }), n;
+}
+function ge() {
+  var n = [];
+  return this.eachBefore(function(t) {
+    t.children || n.push(t);
+  }), n;
+}
+function me() {
+  var n = this, t = [];
+  return n.each(function(e) {
+    e !== n && t.push({ source: e.parent, target: e });
+  }), 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 ye() {
+  return Y(this).eachBefore(ve);
+}
+function xe(n) {
+  return n.children;
+}
+function ve(n) {
+  n.data = n.data.data;
+}
+function ke(n) {
+  var t = 0;
+  do
+    n.height = t;
+  while ((n = n.parent) && n.height < ++t);
+}
+function P(n) {
+  this.data = n, 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
+};
+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
+});
+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;
+}
+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 = `
+      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;
+      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 = `
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 2px 6px;
+      border: 2px solid #52c41a;
+      border-radius: 14px;
+      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};
+    `;
+    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;
+      border-radius: 50%;
+      background: #b4b4b4;
+      color: #fff;
+      font-weight: 600;
+      font-size: ${h}px;
+      line-height: 1;
+      padding: 0;
+      cursor: pointer;
+      box-shadow: none;
+      outline: none;
+      border: none;
+      user-select: none;
+      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();
+}
+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 $(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;
+}
+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() + `
+`;
+}
+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
+};