markmap-view 0.18.10 → 0.18.13

package/dist/browser/index.js

@@ -395,7 +395,7 @@
       const value = options[key];
       if (typeof value === "number") derivedOptions[key] = value;
     });
-    const booleanKeys = ["zoom", "pan"];
+    const booleanKeys = ["autoFit", "zoom", "pan"];
     booleanKeys.forEach((key) => {
       const value = options[key];
       if (value != null) derivedOptions[key] = !!value;
@@ -588,34 +588,9 @@
     links: node_links,
     copy: node_copy
   };
-  const name = "d3-flextree";
   const version$1 = "2.1.2";
-  const main = "build/d3-flextree.js";
-  const module = "index";
-  const author = { "name": "Chris Maloney", "url": "http://chrismaloney.org" };
-  const description = "Flexible tree layout algorithm that allows for variable node sizes.";
-  const keywords = ["d3", "d3-module", "layout", "tree", "hierarchy", "d3-hierarchy", "plugin", "d3-plugin", "infovis", "visualization", "2d"];
-  const homepage = "https://github.com/klortho/d3-flextree";
-  const license = "WTFPL";
-  const repository = { "type": "git", "url": "https://github.com/klortho/d3-flextree.git" };
-  const scripts = { "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" };
-  const dependencies = { "d3-hierarchy": "^1.1.5" };
-  const devDependencies = { "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 packageInfo = {
-    name,
-    version: version$1,
-    main,
-    module,
-    "jsnext:main": "index",
-    author,
-    description,
-    keywords,
-    homepage,
-    license,
-    repository,
-    scripts,
-    dependencies,
-    devDependencies
+    version: version$1
   };
   const { version } = packageInfo;
   const defaults = Object.freeze({
@@ -625,8 +600,8 @@
   });
   function flextree(options) {
     const opts = Object.assign({}, defaults, options);
-    function accessor(name2) {
-      const opt = opts[name2];
+    function accessor(name) {
+      const opt = opts[name];
       return typeof opt === "function" ? opt : () => opt;
     }
     function layout(tree) {

package/dist/index.js

@@ -1,13 +1,13 @@
-import { Hook as dt, getId as pt, debounce as gt, addClass as ut, walkTree as R, noop as X } from "markmap-common";
-import { loadCSS as ze, loadJS as we } from "markmap-common";
-import { scaleOrdinal as Y, schemeCategory10 as mt, linkHorizontal as ft, zoomTransform as w, select as xt, zoom as yt, min as G, max as V, zoomIdentity as kt, minIndex as vt } from "d3";
-const Z = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), bt = Y(mt), q = (e = 1, t = 3, i = 2) => (n) => e + t / i ** n.state.depth, J = {
+import { Hook as dt, getId as gt, debounce as pt, addClass as mt, walkTree as R, noop as X } from "markmap-common";
+import { loadCSS as de, loadJS as ge } from "markmap-common";
+import { scaleOrdinal as Z, schemeCategory10 as ut, linkHorizontal as ft, zoomTransform as C, select as xt, zoom as yt, max as G, min as V, zoomIdentity as kt, minIndex as vt } from "d3";
+const q = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), bt = Z(ut), J = (e = 1, t = 3, i = 2) => (n) => e + t / i ** n.state.depth, Q = {
   autoFit: !1,
   duration: 500,
   embedGlobalCSS: !0,
   fitRatio: 0.95,
   maxInitialScale: 2,
-  scrollForPan: Z,
+  scrollForPan: q,
   initialExpandLevel: -1,
   zoom: !0,
   pan: !0,
@@ -16,36 +16,36 @@ const Z = typeof navigator < "u" && navigator.userAgent.includes("Macintosh"), b
     var t;
     return bt(`${((t = e.state) == null ? void 0 : t.path) || ""}`);
   },
-  lineWidth: q(),
+  lineWidth: J(),
   maxWidth: 0,
   nodeMinHeight: 16,
   paddingX: 8,
   spacingHorizontal: 80,
   spacingVertical: 5
 };
-function ke(e) {
-  const t = {}, i = { ...e }, { color: n, colorFreezeLevel: s, lineWidth: a } = i;
+function oe(e) {
+  const t = {}, i = { ...e }, { color: n, colorFreezeLevel: s, lineWidth: o } = i;
   if ((n == null ? void 0 : n.length) === 1) {
-    const l = n[0];
-    t.color = () => l;
+    const c = n[0];
+    t.color = () => c;
   } else if (n != null && n.length) {
-    const l = Y(n);
-    t.color = (h) => l(`${h.state.path}`);
+    const c = Z(n);
+    t.color = (l) => c(`${l.state.path}`);
   }
   if (s) {
-    const l = t.color || J.color;
-    t.color = (h) => (h = {
-      ...h,
+    const c = t.color || Q.color;
+    t.color = (l) => (l = {
+      ...l,
       state: {
-        ...h.state,
-        path: h.state.path.split(".").slice(0, s).join(".")
+        ...l.state,
+        path: l.state.path.split(".").slice(0, s).join(".")
       }
-    }, l(h));
+    }, c(l));
   }
-  if (a) {
-    const l = Array.isArray(a) ? a : [a, 0, 1];
-    t.lineWidth = q(
-      ...l
+  if (o) {
+    const c = Array.isArray(o) ? o : [o, 0, 1];
+    t.lineWidth = J(
+      ...c
     );
   }
   return [
@@ -58,12 +58,12 @@ function ke(e) {
     "paddingX",
     "spacingHorizontal",
     "spacingVertical"
-  ].forEach((l) => {
-    const h = i[l];
-    typeof h == "number" && (t[l] = h);
-  }), ["zoom", "pan"].forEach((l) => {
-    const h = i[l];
-    h != null && (t[l] = !!h);
+  ].forEach((c) => {
+    const l = i[c];
+    typeof l == "number" && (t[c] = l);
+  }), ["autoFit", "zoom", "pan"].forEach((c) => {
+    const l = i[c];
+    l != null && (t[c] = !!l);
   }), t;
 }
 function Et(e) {
@@ -89,28 +89,28 @@ function zt(e) {
   else for (; --n >= 0; ) t += i[n].value;
   e.value = t;
 }
-function wt() {
+function Ct() {
   return this.eachAfter(zt);
 }
-function Ct(e) {
-  var t = this, i, n = [t], s, a, c;
+function St(e) {
+  var t = this, i, n = [t], s, o, h;
   do
     for (i = n.reverse(), n = []; t = i.pop(); )
-      if (e(t), s = t.children, s) for (a = 0, c = s.length; a < c; ++a)
-        n.push(s[a]);
+      if (e(t), s = t.children, s) for (o = 0, h = s.length; o < h; ++o)
+        n.push(s[o]);
   while (n.length);
   return this;
 }
-function St(e) {
+function wt(e) {
   for (var t = this, i = [t], n, s; t = i.pop(); )
     if (e(t), n = t.children, n) for (s = n.length - 1; s >= 0; --s)
       i.push(n[s]);
   return this;
 }
 function Rt(e) {
-  for (var t = this, i = [t], n = [], s, a, c; t = i.pop(); )
-    if (n.push(t), s = t.children, s) for (a = 0, c = s.length; a < c; ++a)
-      i.push(s[a]);
+  for (var t = this, i = [t], n = [], s, o, h; t = i.pop(); )
+    if (n.push(t), s = t.children, s) for (o = 0, h = s.length; o < h; ++o)
+      i.push(s[o]);
   for (; t = n.pop(); )
     e(t);
   return this;
@@ -121,19 +121,19 @@ function Xt(e) {
     t.value = i;
   });
 }
-function jt(e) {
+function _t(e) {
   return this.eachBefore(function(t) {
     t.children && t.children.sort(e);
   });
 }
-function _t(e) {
-  for (var t = this, i = Ot(t, e), n = [t]; t !== i; )
+function Ot(e) {
+  for (var t = this, i = At(t, e), n = [t]; t !== i; )
     t = t.parent, n.push(t);
   for (var s = n.length; e !== i; )
     n.splice(s, 0, e), e = e.parent;
   return n;
 }
-function Ot(e, t) {
+function At(e, t) {
   if (e === t) return e;
   var i = e.ancestors(), n = t.ancestors(), s = null;
   for (e = i.pop(), t = n.pop(); e === t; )
@@ -145,7 +145,7 @@ function Mt() {
     t.push(e);
   return t;
 }
-function At() {
+function Ht() {
   var e = [];
   return this.each(function(t) {
     e.push(t);
@@ -157,98 +157,85 @@ function Tt() {
     t.children || e.push(t);
   }), e;
 }
-function Ht() {
+function jt() {
   var e = this, t = [];
   return e.each(function(i) {
     i !== e && t.push({ source: i.parent, target: i });
   }), t;
 }
-function H(e, t) {
-  var i = new j(e), n = +e.value && (i.value = e.value), s, a = [i], c, o, l, h;
-  for (t == null && (t = Ft); s = a.pop(); )
-    if (n && (s.value = +s.data.value), (o = t(s.data)) && (h = o.length))
-      for (s.children = new Array(h), l = h - 1; l >= 0; --l)
-        a.push(c = s.children[l] = new j(o[l])), c.parent = s, c.depth = s.depth + 1;
-  return i.eachBefore(Dt);
+function j(e, t) {
+  var i = new _(e), n = +e.value && (i.value = e.value), s, o = [i], h, a, c, l;
+  for (t == null && (t = $t); s = o.pop(); )
+    if (n && (s.value = +s.data.value), (a = t(s.data)) && (l = a.length))
+      for (s.children = new Array(l), c = l - 1; c >= 0; --c)
+        o.push(h = s.children[c] = new _(a[c])), h.parent = s, h.depth = s.depth + 1;
+  return i.eachBefore(Bt);
 }
-function Bt() {
-  return H(this).eachBefore(Lt);
+function Ft() {
+  return j(this).eachBefore(Nt);
 }
-function Ft(e) {
+function $t(e) {
   return e.children;
 }
-function Lt(e) {
+function Nt(e) {
   e.data = e.data.data;
 }
-function Dt(e) {
+function Bt(e) {
   var t = 0;
   do
     e.height = t;
   while ((e = e.parent) && e.height < ++t);
 }
-function j(e) {
+function _(e) {
   this.data = e, this.depth = this.height = 0, this.parent = null;
 }
-j.prototype = H.prototype = {
-  constructor: j,
-  count: wt,
-  each: Ct,
+_.prototype = j.prototype = {
+  constructor: _,
+  count: Ct,
+  each: St,
   eachAfter: Rt,
-  eachBefore: St,
+  eachBefore: wt,
   sum: Xt,
-  sort: jt,
-  path: _t,
+  sort: _t,
+  path: Ot,
   ancestors: Mt,
-  descendants: At,
+  descendants: Ht,
   leaves: Tt,
-  links: Ht,
-  copy: Bt
+  links: jt,
+  copy: Ft
 };
-const $t = "d3-flextree", Nt = "2.1.2", Wt = "build/d3-flextree.js", It = "index", Pt = { name: "Chris Maloney", url: "http://chrismaloney.org" }, Kt = "Flexible tree layout algorithm that allows for variable node sizes.", Gt = ["d3", "d3-module", "layout", "tree", "hierarchy", "d3-hierarchy", "plugin", "d3-plugin", "infovis", "visualization", "2d"], Vt = "https://github.com/klortho/d3-flextree", Ut = "WTFPL", Yt = { type: "git", url: "https://github.com/klortho/d3-flextree.git" }, Zt = { 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" }, qt = { "d3-hierarchy": "^1.1.5" }, Jt = { "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" }, Qt = {
-  name: $t,
-  version: Nt,
-  main: Wt,
-  module: It,
-  "jsnext:main": "index",
-  author: Pt,
-  description: Kt,
-  keywords: Gt,
-  homepage: Vt,
-  license: Ut,
-  repository: Yt,
-  scripts: Zt,
-  dependencies: qt,
-  devDependencies: Jt
-}, { version: te } = Qt, ee = Object.freeze({
+const Lt = "2.1.2", Dt = {
+  version: Lt
+}, { version: Wt } = Dt, Pt = Object.freeze({
   children: (e) => e.children,
   nodeSize: (e) => e.data.size,
   spacing: 0
 });
 function tt(e) {
-  const t = Object.assign({}, ee, e);
-  function i(o) {
-    const l = t[o];
-    return typeof l == "function" ? l : () => l;
+  const t = Object.assign({}, Pt, e);
+  function i(a) {
+    const c = t[a];
+    return typeof c == "function" ? c : () => c;
   }
-  function n(o) {
-    const l = c(a(), o, (h) => h.children);
-    return l.update(), l.data;
+  function n(a) {
+    const c = h(o(), a, (l) => l.children);
+    return c.update(), c.data;
   }
   function s() {
-    const o = i("nodeSize"), l = i("spacing");
-    return class Q extends H.prototype.constructor {
+    const a = i("nodeSize"), c = i("spacing");
+    return class U extends j.prototype.constructor {
       constructor(d) {
         super(d);
       }
       copy() {
-        const d = c(this.constructor, this, (g) => g.children);
-        return d.each((g) => g.data = g.data.data), d;
+        const d = h(this.constructor, this, (p) => p.children);
+        return d.each((p) => p.data = p.data.data), d;
       }
       get size() {
-        return o(this);
+        return a(this);
       }
       spacing(d) {
-        return l(this, d);
+        return c(this, d);
       }
       get nodes() {
         return this.descendants();
@@ -292,7 +279,7 @@ function tt(e) {
       }
       get extents() {
         return (this.children || []).reduce(
-          (d, g) => Q.maxExtents(d, g.extents),
+          (d, p) => U.maxExtents(d, p.extents),
           this.nodeExtents
         );
       }
@@ -304,19 +291,19 @@ function tt(e) {
           right: this.right
         };
       }
-      static maxExtents(d, g) {
+      static maxExtents(d, p) {
         return {
-          top: Math.min(d.top, g.top),
-          bottom: Math.max(d.bottom, g.bottom),
-          left: Math.min(d.left, g.left),
-          right: Math.max(d.right, g.right)
+          top: Math.min(d.top, p.top),
+          bottom: Math.max(d.bottom, p.bottom),
+          left: Math.min(d.left, p.left),
+          right: Math.max(d.right, p.right)
         };
       }
     };
   }
-  function a() {
-    const o = s(), l = i("nodeSize"), h = i("spacing");
-    return class extends o {
+  function o() {
+    const a = s(), c = i("nodeSize"), l = i("spacing");
+    return class extends a {
       constructor(d) {
         super(d), Object.assign(this, {
           x: 0,
@@ -334,10 +321,10 @@ function tt(e) {
         });
       }
       get size() {
-        return l(this.data);
+        return c(this.data);
       }
       spacing(d) {
-        return h(this.data, d.data);
+        return l(this.data, d.data);
       }
       get x() {
         return this.data.x;
@@ -356,97 +343,97 @@ function tt(e) {
       }
     };
   }
-  function c(o, l, h) {
-    const d = (g, u) => {
-      const m = new o(g);
-      Object.assign(m, {
-        parent: u,
-        depth: u === null ? 0 : u.depth + 1,
+  function h(a, c, l) {
+    const d = (p, m) => {
+      const u = new a(p);
+      Object.assign(u, {
+        parent: m,
+        depth: m === null ? 0 : m.depth + 1,
         height: 0,
         length: 1
       });
-      const x = h(g) || [];
-      return m.children = x.length === 0 ? null : x.map((y) => d(y, m)), m.children && Object.assign(m, m.children.reduce(
+      const x = l(p) || [];
+      return u.children = x.length === 0 ? null : x.map((y) => d(y, u)), u.children && Object.assign(u, u.children.reduce(
         (y, k) => ({
           height: Math.max(y.height, k.height + 1),
           length: y.length + k.length
         }),
-        m
-      )), m;
+        u
+      )), u;
     };
-    return d(l, null);
+    return d(c, null);
   }
   return Object.assign(n, {
-    nodeSize(o) {
-      return arguments.length ? (t.nodeSize = o, n) : t.nodeSize;
+    nodeSize(a) {
+      return arguments.length ? (t.nodeSize = a, n) : t.nodeSize;
     },
-    spacing(o) {
-      return arguments.length ? (t.spacing = o, n) : t.spacing;
+    spacing(a) {
+      return arguments.length ? (t.spacing = a, n) : t.spacing;
     },
-    children(o) {
-      return arguments.length ? (t.children = o, n) : t.children;
+    children(a) {
+      return arguments.length ? (t.children = a, n) : t.children;
     },
-    hierarchy(o, l) {
-      const h = typeof l > "u" ? t.children : l;
-      return c(s(), o, h);
+    hierarchy(a, c) {
+      const l = typeof c > "u" ? t.children : c;
+      return h(s(), a, l);
     },
-    dump(o) {
-      const l = i("nodeSize"), h = (d) => (g) => {
-        const u = d + "  ", m = d + "    ", { x, y } = g, k = l(g), b = g.children || [], z = b.length === 0 ? " " : `,${u}children: [${m}${b.map(h(m)).join(m)}${u}],${d}`;
-        return `{ size: [${k.join(", ")}],${u}x: ${x}, y: ${y}${z}},`;
+    dump(a) {
+      const c = i("nodeSize"), l = (d) => (p) => {
+        const m = d + "  ", u = d + "    ", { x, y } = p, k = c(p), b = p.children || [], z = b.length === 0 ? " " : `,${m}children: [${u}${b.map(l(u)).join(u)}${m}],${d}`;
+        return `{ size: [${k.join(", ")}],${m}x: ${x}, y: ${y}${z}},`;
       };
-      return h(`
-`)(o);
+      return l(`
+`)(a);
     }
   }), n;
 }
-tt.version = te;
+tt.version = Wt;
 const et = (e, t = 0) => (e.y = t, (e.children || []).reduce((i, n) => {
-  const [s, a] = i;
+  const [s, o] = i;
   et(n, e.y + e.ySize);
-  const c = (s === 0 ? n.lExt : n.rExt).bottom;
-  s !== 0 && ne(e, s, a);
-  const o = de(c, s, a);
-  return [s + 1, o];
-}, [0, null]), re(e), he(e), e), rt = (e, t, i) => {
+  const h = (s === 0 ? n.lExt : n.rExt).bottom;
+  s !== 0 && Kt(e, s, o);
+  const a = Ut(h, s, o);
+  return [s + 1, a];
+}, [0, null]), It(e), Qt(e), e), rt = (e, t, i) => {
   typeof t > "u" && (t = -e.relX - e.prelim, i = 0);
   const n = t + e.relX;
   return e.relX = n + e.prelim - i, e.prelim = 0, e.x = i + e.relX, (e.children || []).forEach((s) => rt(s, n, e.x)), e;
-}, re = (e) => {
+}, It = (e) => {
   (e.children || []).reduce((t, i) => {
-    const [n, s] = t, a = n + i.shift, c = s + a + i.change;
-    return i.relX += c, [a, c];
+    const [n, s] = t, o = n + i.shift, h = s + o + i.change;
+    return i.relX += h, [o, h];
   }, [0, 0]);
-}, ne = (e, t, i) => {
+}, Kt = (e, t, i) => {
   const n = e.children[t - 1], s = e.children[t];
-  let a = n, c = n.relX, o = s, l = s.relX, h = !0;
-  for (; a && o; ) {
-    a.bottom > i.lowY && (i = i.next);
-    const d = c + a.prelim - (l + o.prelim) + a.xSize / 2 + o.xSize / 2 + a.spacing(o);
-    (d > 0 || d < 0 && h) && (l += d, ie(s, d), se(e, t, i.index, d)), h = !1;
-    const g = a.bottom, u = o.bottom;
-    g <= u && (a = ae(a), a && (c += a.relX)), g >= u && (o = oe(o), o && (l += o.relX));
+  let o = n, h = n.relX, a = s, c = s.relX, l = !0;
+  for (; o && a; ) {
+    o.bottom > i.lowY && (i = i.next);
+    const d = h + o.prelim - (c + a.prelim) + o.xSize / 2 + a.xSize / 2 + o.spacing(a);
+    (d > 0 || d < 0 && l) && (c += d, Gt(s, d), Vt(e, t, i.index, d)), l = !1;
+    const p = o.bottom, m = a.bottom;
+    p <= m && (o = Zt(o), o && (h += o.relX)), p >= m && (a = Yt(a), a && (c += a.relX));
   }
-  !a && o ? le(e, t, o, l) : a && !o && ce(e, t, a, c);
-}, ie = (e, t) => {
+  !o && a ? qt(e, t, a, c) : o && !a && Jt(e, t, o, h);
+}, Gt = (e, t) => {
   e.relX += t, e.lExtRelX += t, e.rExtRelX += t;
-}, se = (e, t, i, n) => {
-  const s = e.children[t], a = t - i;
-  if (a > 1) {
-    const c = n / a;
-    e.children[i + 1].shift += c, s.shift -= c, s.change -= n - c;
+}, Vt = (e, t, i, n) => {
+  const s = e.children[t], o = t - i;
+  if (o > 1) {
+    const h = n / o;
+    e.children[i + 1].shift += h, s.shift -= h, s.change -= n - h;
   }
-}, oe = (e) => e.hasChildren ? e.firstChild : e.lThr, ae = (e) => e.hasChildren ? e.lastChild : e.rThr, le = (e, t, i, n) => {
-  const s = e.firstChild, a = s.lExt, c = e.children[t];
-  a.lThr = i;
-  const o = n - i.relX - s.lExtRelX;
-  a.relX += o, a.prelim -= o, s.lExt = c.lExt, s.lExtRelX = c.lExtRelX;
-}, ce = (e, t, i, n) => {
-  const s = e.children[t], a = s.rExt, c = e.children[t - 1];
-  a.rThr = i;
-  const o = n - i.relX - s.rExtRelX;
-  a.relX += o, a.prelim -= o, s.rExt = c.rExt, s.rExtRelX = c.rExtRelX;
-}, he = (e) => {
+}, Yt = (e) => e.hasChildren ? e.firstChild : e.lThr, Zt = (e) => e.hasChildren ? e.lastChild : e.rThr, qt = (e, t, i, n) => {
+  const s = e.firstChild, o = s.lExt, h = e.children[t];
+  o.lThr = i;
+  const a = n - i.relX - s.lExtRelX;
+  o.relX += a, o.prelim -= a, s.lExt = h.lExt, s.lExtRelX = h.lExtRelX;
+}, Jt = (e, t, i, n) => {
+  const s = e.children[t], o = s.rExt, h = e.children[t - 1];
+  o.rThr = i;
+  const a = n - i.relX - s.rExtRelX;
+  o.relX += a, o.prelim -= a, s.rExt = h.rExt, s.rExtRelX = h.rExtRelX;
+}, Qt = (e) => {
   if (e.hasChildren) {
     const t = e.firstChild, i = e.lastChild, n = (t.prelim + t.relX - t.xSize / 2 + i.relX + i.prelim + i.xSize / 2) / 2;
     Object.assign(e, {
@@ -457,7 +444,7 @@ const et = (e, t = 0) => (e.y = t, (e.children || []).reduce((i, n) => {
       rExtRelX: i.rExtRelX
     });
   }
-}, de = (e, t, i) => {
+}, Ut = (e, t, i) => {
   for (; i !== null && e >= i.lowY; )
     i = i.next;
   return {
@@ -465,39 +452,39 @@ const et = (e, t = 0) => (e.y = t, (e.children || []).reduce((i, n) => {
     index: t,
     next: i
   };
-}, nt = ".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-foreign{display:inline-block}.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}.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}", ve = nt, M = "g.markmap-node", pe = "path.markmap-link", ge = "g.markmap-highlight", A = ft();
-function U(e, t) {
+}, nt = ".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-foreign{display:inline-block}.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}.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}", ce = nt, M = "g.markmap-node", te = "path.markmap-link", ee = "g.markmap-highlight", H = ft();
+function Y(e, t) {
   const i = vt(e, t);
   return e[i];
 }
 function T(e) {
   e.stopPropagation();
 }
-const ue = new dt();
+const re = new dt();
 class it {
   constructor(t, i) {
-    this.options = { ...J }, this._disposeList = [], this.handleZoom = (n) => {
+    this.options = { ...Q }, this._disposeList = [], this.handleZoom = (n) => {
       const { transform: s } = n;
       this.g.attr("transform", s);
     }, this.handlePan = (n) => {
       n.preventDefault();
-      const s = w(this.svg.node()), a = s.translate(
+      const s = C(this.svg.node()), o = s.translate(
         -n.deltaX / s.k,
         -n.deltaY / s.k
       );
-      this.svg.call(this.zoom.transform, a);
+      this.svg.call(this.zoom.transform, o);
     }, this.handleClick = (n, s) => {
-      let a = this.options.toggleRecursively;
-      (Z ? n.metaKey : n.ctrlKey) && (a = !a), this.toggleNode(s, a);
+      let o = this.options.toggleRecursively;
+      (q ? n.metaKey : n.ctrlKey) && (o = !o), this.toggleNode(s, o);
     }, this.ensureView = this.ensureVisible, this.svg = t.datum ? t : xt(t), this.styleNode = this.svg.append("style"), this.zoom = yt().filter((n) => this.options.scrollForPan && n.type === "wheel" ? n.ctrlKey && !n.button : (!n.ctrlKey || n.type === "wheel") && !n.button).on("zoom", this.handleZoom), this.setOptions(i), this.state = {
-      id: this.options.id || this.svg.attr("id") || pt(),
+      id: this.options.id || this.svg.attr("id") || gt(),
       rect: { x1: 0, y1: 0, x2: 0, y2: 0 }
     }, this.g = this.svg.append("g"), this.g.append("g").attr("class", "markmap-highlight"), this._observer = new ResizeObserver(
-      gt(() => {
+      pt(() => {
         this.renderData();
       }, 100)
     ), this._disposeList.push(
-      ue.tap(() => {
+      re.tap(() => {
         this.setData();
       }),
       () => this._observer.disconnect()
@@ -511,33 +498,33 @@ class it {
   updateStyle() {
     this.svg.attr(
       "class",
-      ut(this.svg.attr("class"), "markmap", this.state.id)
+      mt(this.svg.attr("class"), "markmap", this.state.id)
     );
     const t = this.getStyleContent();
     this.styleNode.text(t);
   }
   async toggleNode(t, i = !1) {
-    var s, a;
+    var s, o;
     const n = (s = t.payload) != null && s.fold ? 0 : 1;
-    i ? R(t, (c, o) => {
-      c.payload = {
-        ...c.payload,
+    i ? R(t, (h, a) => {
+      h.payload = {
+        ...h.payload,
         fold: n
-      }, o();
+      }, a();
     }) : t.payload = {
       ...t.payload,
-      fold: (a = t.payload) != null && a.fold ? 0 : 1
+      fold: (o = t.payload) != null && o.fold ? 0 : 1
     }, await this.renderData(t);
   }
   _initializeData(t) {
     let i = 0;
     const { color: n, initialExpandLevel: s } = this.options;
-    let a = 0, c = 0;
-    return R(t, (o, l, h) => {
-      var g, u, m, x;
-      c += 1, o.children = (g = o.children) == null ? void 0 : g.map((y) => ({ ...y })), i += 1, o.state = {
-        ...o.state,
-        depth: c,
+    let o = 0, h = 0;
+    return R(t, (a, c, l) => {
+      var p, m, u, x;
+      h += 1, a.children = (p = a.children) == null ? void 0 : p.map((y) => ({ ...y })), i += 1, a.state = {
+        ...a.state,
+        depth: h,
         id: i,
         rect: {
           x: 0,
@@ -546,47 +533,47 @@ class it {
           height: 0
         },
         size: [0, 0]
-      }, o.state.key = [(u = h == null ? void 0 : h.state) == null ? void 0 : u.id, o.state.id].filter(Boolean).join(".") + Et(o.content), o.state.path = [(m = h == null ? void 0 : h.state) == null ? void 0 : m.path, o.state.id].filter(Boolean).join("."), n(o);
-      const d = ((x = o.payload) == null ? void 0 : x.fold) === 2;
-      d ? a += 1 : (a || s >= 0 && o.state.depth >= s) && (o.payload = { ...o.payload, fold: 1 }), l(), d && (a -= 1), c -= 1;
+      }, a.state.key = [(m = l == null ? void 0 : l.state) == null ? void 0 : m.id, a.state.id].filter(Boolean).join(".") + Et(a.content), a.state.path = [(u = l == null ? void 0 : l.state) == null ? void 0 : u.path, a.state.id].filter(Boolean).join("."), n(a);
+      const d = ((x = a.payload) == null ? void 0 : x.fold) === 2;
+      d ? o += 1 : (o || s >= 0 && a.state.depth >= s) && (a.payload = { ...a.payload, fold: 1 }), c(), d && (o -= 1), h -= 1;
     }), t;
   }
   _relayout() {
     if (!this.state.data) return;
     this.g.selectAll(v(M)).selectAll(
       v("foreignObject")
-    ).each(function(l) {
-      var g;
-      const h = (g = this.firstChild) == null ? void 0 : g.firstChild, d = [h.scrollWidth, h.scrollHeight];
-      l.state.size = d;
+    ).each(function(c) {
+      var p;
+      const l = (p = this.firstChild) == null ? void 0 : p.firstChild, d = [l.scrollWidth, l.scrollHeight];
+      c.state.size = d;
     });
-    const { lineWidth: t, paddingX: i, spacingHorizontal: n, spacingVertical: s } = this.options, a = tt({}).children((l) => {
-      var h;
-      if (!((h = l.payload) != null && h.fold)) return l.children;
-    }).nodeSize((l) => {
-      const [h, d] = l.data.state.size;
-      return [d, h + (h ? i * 2 : 0) + n];
-    }).spacing((l, h) => (l.parent === h.parent ? s : s * 2) + t(l.data)), c = a.hierarchy(this.state.data);
-    a(c);
-    const o = c.descendants();
-    o.forEach((l) => {
-      const h = l.data;
-      h.state.rect = {
-        x: l.y,
-        y: l.x - l.xSize / 2,
-        width: l.ySize - n,
-        height: l.xSize
+    const { lineWidth: t, paddingX: i, spacingHorizontal: n, spacingVertical: s } = this.options, o = tt({}).children((c) => {
+      var l;
+      if (!((l = c.payload) != null && l.fold)) return c.children;
+    }).nodeSize((c) => {
+      const [l, d] = c.data.state.size;
+      return [d, l + (l ? i * 2 : 0) + n];
+    }).spacing((c, l) => (c.parent === l.parent ? s : s * 2) + t(c.data)), h = o.hierarchy(this.state.data);
+    o(h);
+    const a = h.descendants();
+    a.forEach((c) => {
+      const l = c.data;
+      l.state.rect = {
+        x: c.y,
+        y: c.x - c.xSize / 2,
+        width: c.ySize - n,
+        height: c.xSize
       };
     }), this.state.rect = {
-      x1: G(o, (l) => l.data.state.rect.x) || 0,
-      y1: G(o, (l) => l.data.state.rect.y) || 0,
-      x2: V(
-        o,
-        (l) => l.data.state.rect.x + l.data.state.rect.width
+      x1: V(a, (c) => c.data.state.rect.x) || 0,
+      y1: V(a, (c) => c.data.state.rect.y) || 0,
+      x2: G(
+        a,
+        (c) => c.data.state.rect.x + c.data.state.rect.width
       ) || 0,
-      y2: V(
-        o,
-        (l) => l.data.state.rect.y + l.data.state.rect.height
+      y2: G(
+        a,
+        (c) => c.data.state.rect.y + c.data.state.rect.height
       ) || 0
     };
   }
@@ -603,119 +590,119 @@ class it {
     this.state.highlight = t || void 0, await this.renderData();
   }
   _getHighlightRect(t) {
-    const i = this.svg.node(), s = 4 / w(i).k, a = {
+    const i = this.svg.node(), s = 4 / C(i).k, o = {
       ...t.state.rect
     };
-    return a.x -= s, a.y -= s, a.width += 2 * s, a.height += 2 * s, a;
+    return o.x -= s, o.y -= s, o.width += 2 * s, o.height += 2 * s, o;
   }
   async renderData(t) {
-    const { paddingX: i, autoFit: n, color: s, maxWidth: a, lineWidth: c } = this.options, o = this.state.data;
-    if (!o) return;
-    const l = {}, h = {}, d = [];
-    R(o, (r, p, f) => {
+    const { paddingX: i, autoFit: n, color: s, maxWidth: o, lineWidth: h } = this.options, a = this.state.data;
+    if (!a) return;
+    const c = {}, l = {}, d = [];
+    R(a, (r, g, f) => {
       var E;
-      (E = r.payload) != null && E.fold || p(), l[r.state.id] = r, f && (h[r.state.id] = f.state.id), d.push(r);
+      (E = r.payload) != null && E.fold || g(), c[r.state.id] = r, f && (l[r.state.id] = f.state.id), d.push(r);
     });
-    const g = {}, u = {}, m = (r) => {
-      !r || g[r.state.id] || R(r, (p, f) => {
-        g[p.state.id] = r.state.id, f();
+    const p = {}, m = {}, u = (r) => {
+      !r || p[r.state.id] || R(r, (g, f) => {
+        p[g.state.id] = r.state.id, f();
       });
-    }, x = (r) => u[g[r.state.id]] || o.state.rect, y = (r) => (l[g[r.state.id]] || o).state.rect;
-    u[o.state.id] = o.state.rect, t && m(t);
+    }, x = (r) => m[p[r.state.id]] || a.state.rect, y = (r) => (c[p[r.state.id]] || a).state.rect;
+    m[a.state.id] = a.state.rect, t && u(t);
     let { highlight: k } = this.state;
-    k && !l[k.state.id] && (k = void 0);
-    let b = this.g.selectAll(v(ge)).selectAll(v("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);
+    k && !c[k.state.id] && (k = void 0);
+    let b = this.g.selectAll(v(ee)).selectAll(v("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 z = this.g.selectAll(v(M)).each((r) => {
-      u[r.state.id] = r.state.rect;
-    }).data(d, (r) => r.state.key), B = z.enter().append("g").attr("data-depth", (r) => r.state.depth).attr("data-path", (r) => r.state.path).each((r) => {
-      m(l[h[r.state.id]]);
-    }), C = z.exit().each((r) => {
-      m(l[h[r.state.id]]);
-    }), S = z.merge(B).attr(
+      m[r.state.id] = r.state.rect;
+    }).data(d, (r) => r.state.key), F = z.enter().append("g").attr("data-depth", (r) => r.state.depth).attr("data-path", (r) => r.state.path).each((r) => {
+      u(c[l[r.state.id]]);
+    }), S = z.exit().each((r) => {
+      u(c[l[r.state.id]]);
+    }), w = z.merge(F).attr(
       "class",
       (r) => {
-        var p;
-        return ["markmap-node", ((p = r.payload) == null ? void 0 : p.fold) && "markmap-fold"].filter(Boolean).join(" ");
+        var g;
+        return ["markmap-node", ((g = r.payload) == null ? void 0 : g.fold) && "markmap-fold"].filter(Boolean).join(" ");
       }
-    ), F = S.selectAll(v("line")).data(
+    ), $ = w.selectAll(v("line")).data(
       (r) => [r],
       (r) => r.state.key
-    ), L = F.enter().append("line").attr("stroke", (r) => s(r)).attr("stroke-width", 0), D = F.merge(L), $ = S.selectAll(v("circle")).data(
+    ), N = $.enter().append("line").attr("stroke", (r) => s(r)).attr("stroke-width", 0), B = $.merge(N), L = w.selectAll(v("circle")).data(
       (r) => {
-        var p;
-        return (p = r.children) != null && p.length ? [r] : [];
+        var g;
+        return (g = r.children) != null && g.length ? [r] : [];
       },
       (r) => r.state.key
-    ), N = $.enter().append("circle").attr("stroke-width", 0).attr("r", 0).on("click", (r, p) => this.handleClick(r, p)).on("mousedown", T).merge($).attr("stroke", (r) => s(r)).attr(
+    ), D = L.enter().append("circle").attr("stroke-width", 0).attr("r", 0).on("click", (r, g) => this.handleClick(r, g)).on("mousedown", T).merge(L).attr("stroke", (r) => s(r)).attr(
       "fill",
       (r) => {
-        var p;
-        return (p = r.payload) != null && p.fold && r.children ? s(r) : "var(--markmap-circle-open-bg)";
+        var g;
+        return (g = r.payload) != null && g.fold && r.children ? s(r) : "var(--markmap-circle-open-bg)";
       }
-    ), W = this._observer, I = S.selectAll(v("foreignObject")).data(
+    ), W = this._observer, P = w.selectAll(v("foreignObject")).data(
       (r) => [r],
       (r) => r.state.key
-    ), _ = I.enter().append("foreignObject").attr("class", "markmap-foreign").attr("x", i).attr("y", 0).style("opacity", 0).on("mousedown", T).on("dblclick", T);
-    _.append("xhtml:div").append("xhtml:div").html((r) => r.content).attr("xmlns", "http://www.w3.org/1999/xhtml"), _.each(function() {
-      var p;
-      const r = (p = this.firstChild) == null ? void 0 : p.firstChild;
+    ), O = P.enter().append("foreignObject").attr("class", "markmap-foreign").attr("x", i).attr("y", 0).style("opacity", 0).on("mousedown", T).on("dblclick", T);
+    O.append("xhtml:div").append("xhtml:div").html((r) => r.content).attr("xmlns", "http://www.w3.org/1999/xhtml"), O.each(function() {
+      var g;
+      const r = (g = this.firstChild) == null ? void 0 : g.firstChild;
       W.observe(r);
     });
-    const P = C.selectAll(
+    const I = S.selectAll(
       v("foreignObject")
     );
-    P.each(function() {
-      var p;
-      const r = (p = this.firstChild) == null ? void 0 : p.firstChild;
+    I.each(function() {
+      var g;
+      const r = (g = this.firstChild) == null ? void 0 : g.firstChild;
       W.unobserve(r);
     });
-    const K = _.merge(I), st = d.flatMap(
+    const K = O.merge(P), st = d.flatMap(
       (r) => {
-        var p;
-        return (p = r.payload) != null && p.fold ? [] : r.children.map((f) => ({ source: r, target: f }));
+        var g;
+        return (g = r.payload) != null && g.fold ? [] : r.children.map((f) => ({ source: r, target: f }));
       }
-    ), O = this.g.selectAll(v(pe)).data(st, (r) => r.target.state.key), ot = O.exit(), at = O.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 = x(r.target), f = [
-        p.x + p.width,
-        p.y + p.height
+    ), A = this.g.selectAll(v(te)).data(st, (r) => r.target.state.key), at = A.exit(), ot = A.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 g = x(r.target), f = [
+        g.x + g.width,
+        g.y + g.height
       ];
-      return A({ source: f, target: f });
-    }).attr("stroke-width", 0).merge(O);
+      return H({ source: f, target: f });
+    }).attr("stroke-width", 0).merge(A);
     this.svg.style(
       "--markmap-max-width",
-      a ? `${a}px` : null
-    ), await new Promise(requestAnimationFrame), this._relayout(), b = b.data(k ? [this._getHighlightRect(k)] : []).join("rect"), this.transition(b).attr("x", (r) => r.x).attr("y", (r) => r.y).attr("width", (r) => r.width).attr("height", (r) => r.height), B.attr("transform", (r) => {
-      const p = x(r);
-      return `translate(${p.x + p.width - r.state.rect.width},${p.y + p.height - r.state.rect.height})`;
-    }), this.transition(C).attr("transform", (r) => {
-      const p = y(r), f = p.x + p.width - r.state.rect.width, E = p.y + p.height - r.state.rect.height;
+      o ? `${o}px` : null
+    ), await new Promise(requestAnimationFrame), this._relayout(), b = b.data(k ? [this._getHighlightRect(k)] : []).join("rect"), this.transition(b).attr("x", (r) => r.x).attr("y", (r) => r.y).attr("width", (r) => r.width).attr("height", (r) => r.height), F.attr("transform", (r) => {
+      const g = x(r);
+      return `translate(${g.x + g.width - r.state.rect.width},${g.y + g.height - r.state.rect.height})`;
+    }), this.transition(S).attr("transform", (r) => {
+      const g = y(r), f = g.x + g.width - r.state.rect.width, E = g.y + g.height - r.state.rect.height;
       return `translate(${f},${E})`;
-    }).remove(), this.transition(S).attr(
+    }).remove(), this.transition(w).attr(
       "transform",
       (r) => `translate(${r.state.rect.x},${r.state.rect.y})`
     );
-    const lt = C.selectAll(
+    const ct = S.selectAll(
       v("line")
     );
-    this.transition(lt).attr("x1", (r) => r.state.rect.width).attr("stroke-width", 0), L.attr("x1", (r) => r.state.rect.width).attr("x2", (r) => r.state.rect.width), D.attr("y1", (r) => r.state.rect.height + c(r) / 2).attr("y2", (r) => r.state.rect.height + c(r) / 2), this.transition(D).attr("x1", -1).attr("x2", (r) => r.state.rect.width + 2).attr("stroke", (r) => s(r)).attr("stroke-width", c);
-    const ct = C.selectAll(
+    this.transition(ct).attr("x1", (r) => r.state.rect.width).attr("stroke-width", 0), N.attr("x1", (r) => r.state.rect.width).attr("x2", (r) => r.state.rect.width), B.attr("y1", (r) => r.state.rect.height + h(r) / 2).attr("y2", (r) => r.state.rect.height + h(r) / 2), this.transition(B).attr("x1", -1).attr("x2", (r) => r.state.rect.width + 2).attr("stroke", (r) => s(r)).attr("stroke-width", h);
+    const ht = S.selectAll(
       v("circle")
     );
-    this.transition(ct).attr("r", 0).attr("stroke-width", 0), N.attr("cx", (r) => r.state.rect.width).attr("cy", (r) => r.state.rect.height + c(r) / 2), this.transition(N).attr("r", 6).attr("stroke-width", "1.5"), this.transition(P).style("opacity", 0), K.attr("width", (r) => Math.max(0, r.state.rect.width - i * 2)).attr("height", (r) => r.state.rect.height), this.transition(K).style("opacity", 1), this.transition(ot).attr("d", (r) => {
-      const p = y(r.target), f = [
-        p.x + p.width,
-        p.y + p.height + c(r.target) / 2
+    this.transition(ht).attr("r", 0).attr("stroke-width", 0), D.attr("cx", (r) => r.state.rect.width).attr("cy", (r) => r.state.rect.height + h(r) / 2), this.transition(D).attr("r", 6).attr("stroke-width", "1.5"), this.transition(I).style("opacity", 0), K.attr("width", (r) => Math.max(0, r.state.rect.width - i * 2)).attr("height", (r) => r.state.rect.height), this.transition(K).style("opacity", 1), this.transition(at).attr("d", (r) => {
+      const g = y(r.target), f = [
+        g.x + g.width,
+        g.y + g.height + h(r.target) / 2
       ];
-      return A({ source: f, target: f });
-    }).attr("stroke-width", 0).remove(), this.transition(at).attr("stroke", (r) => s(r.target)).attr("stroke-width", (r) => c(r.target)).attr("d", (r) => {
-      const p = r.source, f = r.target, E = [
-        p.state.rect.x + p.state.rect.width,
-        p.state.rect.y + p.state.rect.height + c(p) / 2
-      ], ht = [
+      return H({ source: f, target: f });
+    }).attr("stroke-width", 0).remove(), this.transition(ot).attr("stroke", (r) => s(r.target)).attr("stroke-width", (r) => h(r.target)).attr("d", (r) => {
+      const g = r.source, f = r.target, E = [
+        g.state.rect.x + g.state.rect.width,
+        g.state.rect.y + g.state.rect.height + h(g) / 2
+      ], lt = [
         f.state.rect.x,
-        f.state.rect.y + f.state.rect.height + c(f) / 2
+        f.state.rect.y + f.state.rect.height + h(f) / 2
       ];
-      return A({ source: E, target: ht });
+      return H({ source: E, target: lt });
     }), n && this.fit();
   }
   transition(t) {
@@ -726,15 +713,15 @@ class it {
    * Fit the content to the viewport.
    */
   async fit(t = this.options.maxInitialScale) {
-    const i = this.svg.node(), { width: n, height: s } = i.getBoundingClientRect(), { fitRatio: a } = this.options, { x1: c, y1: o, x2: l, y2: h } = this.state.rect, d = l - c, g = h - o, u = Math.min(
-      n / d * a,
-      s / g * a,
+    const i = this.svg.node(), { width: n, height: s } = i.getBoundingClientRect(), { fitRatio: o } = this.options, { x1: h, y1: a, x2: c, y2: l } = this.state.rect, d = c - h, p = l - a, m = Math.min(
+      n / d * o,
+      s / p * o,
       t
-    ), m = kt.translate(
-      (n - d * u) / 2 - c * u,
-      (s - g * u) / 2 - o * u
-    ).scale(u);
-    return this.transition(this.svg).call(this.zoom.transform, m).end().catch(X);
+    ), u = kt.translate(
+      (n - d * m) / 2 - h * m,
+      (s - p * m) / 2 - a * m
+    ).scale(m);
+    return this.transition(this.svg).call(this.zoom.transform, u).end().catch(X);
   }
   findElement(t) {
     let i;
@@ -752,21 +739,21 @@ class it {
     var k;
     const n = (k = this.findElement(t)) == null ? void 0 : k.data;
     if (!n) return;
-    const s = this.svg.node(), a = s.getBoundingClientRect(), c = w(s), [o, l] = [
+    const s = this.svg.node(), o = s.getBoundingClientRect(), h = C(s), [a, c] = [
       n.state.rect.x,
       n.state.rect.x + n.state.rect.width + 2
-    ].map((b) => b * c.k + c.x), [h, d] = [
+    ].map((b) => b * h.k + h.x), [l, d] = [
       n.state.rect.y,
       n.state.rect.y + n.state.rect.height
-    ].map((b) => b * c.k + c.y), g = {
+    ].map((b) => b * h.k + h.y), p = {
       left: 0,
       right: 0,
       top: 0,
       bottom: 0,
       ...i
-    }, u = [g.left - o, a.width - g.right - l], m = [g.top - h, a.height - g.bottom - d], x = u[0] * u[1] > 0 ? U(u, Math.abs) / c.k : 0, y = m[0] * m[1] > 0 ? U(m, Math.abs) / c.k : 0;
+    }, m = [p.left - a, o.width - p.right - c], u = [p.top - l, o.height - p.bottom - d], x = m[0] * m[1] > 0 ? Y(m, Math.abs) / h.k : 0, y = u[0] * u[1] > 0 ? Y(u, Math.abs) / h.k : 0;
     if (x || y) {
-      const b = c.translate(x, y);
+      const b = h.translate(x, y);
       return this.transition(this.svg).call(this.zoom.transform, b).end().catch(X);
     }
   }
@@ -774,15 +761,15 @@ class it {
     var x;
     const n = (x = this.findElement(t)) == null ? void 0 : x.data;
     if (!n) return;
-    const s = this.svg.node(), a = s.getBoundingClientRect(), c = w(s), o = (n.state.rect.x + n.state.rect.width / 2) * c.k + c.x, l = (n.state.rect.y + n.state.rect.height / 2) * c.k + c.y, h = {
+    const s = this.svg.node(), o = s.getBoundingClientRect(), h = C(s), a = (n.state.rect.x + n.state.rect.width / 2) * h.k + h.x, c = (n.state.rect.y + n.state.rect.height / 2) * h.k + h.y, l = {
       left: 0,
       right: 0,
       top: 0,
       bottom: 0,
       ...i
-    }, d = (h.left + a.width - h.right) / 2, g = (h.top + a.height - h.bottom) / 2, u = (d - o) / c.k, m = (g - l) / c.k;
-    if (u || m) {
-      const y = c.translate(u, m);
+    }, d = (l.left + o.width - l.right) / 2, p = (l.top + o.height - l.bottom) / 2, m = (d - a) / h.k, u = (p - c) / h.k;
+    if (m || u) {
+      const y = h.translate(m, u);
       return this.transition(this.svg).call(this.zoom.transform, y).end().catch(X);
     }
   }
@@ -790,11 +777,11 @@ class it {
    * Scale content with it pinned at the center of the viewport.
    */
   async rescale(t) {
-    const i = this.svg.node(), { width: n, height: s } = i.getBoundingClientRect(), a = n / 2, c = s / 2, o = w(i), l = o.translate(
-      (a - o.x) * (1 - t) / o.k,
-      (c - o.y) * (1 - t) / o.k
+    const i = this.svg.node(), { width: n, height: s } = i.getBoundingClientRect(), o = n / 2, h = s / 2, a = C(i), c = a.translate(
+      (o - a.x) * (1 - t) / a.k,
+      (h - a.y) * (1 - t) / a.k
     ).scale(t);
-    return this.transition(this.svg).call(this.zoom.transform, l).end().catch(X);
+    return this.transition(this.svg).call(this.zoom.transform, c).end().catch(X);
   }
   destroy() {
     this.svg.on(".zoom", null), this.svg.html(null), this._disposeList.forEach((t) => {
@@ -812,13 +799,13 @@ export {
   it as Markmap,
   v as childSelector,
   bt as defaultColorFn,
-  J as defaultOptions,
-  ke as deriveOptions,
-  ve as globalCSS,
-  Z as isMacintosh,
-  q as lineWidthFactory,
-  ze as loadCSS,
-  we as loadJS,
-  ue as refreshHook,
+  Q as defaultOptions,
+  oe as deriveOptions,
+  ce as globalCSS,
+  q as isMacintosh,
+  J as lineWidthFactory,
+  de as loadCSS,
+  ge as loadJS,
+  re as refreshHook,
   Et as simpleHash
 };

package/dist/types.d.ts

@@ -14,6 +14,7 @@ export interface IMarkmapState {
  * Portable options that can be derived into `IMarkmapOptions`.
  */
 export interface IMarkmapJSONOptions {
+    autoFit: boolean;
     color: string[];
     colorFreezeLevel: number;
     duration: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.18.10",
+  "version": "0.18.13",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "5307e8952a3f14e6b4ee763b9127b58e13c6d8b1"
+  "gitHead": "8068aa34ef4af915baf8a63794fe3c7db4534c7c"
 }