mind-elixir 5.5.0 → 5.6.0

package/dist/MindElixirLite.js

@@ -14,6 +14,7 @@ const ft = {
     "--root-border-color": "rgba(0, 0, 0, 0)",
     "--main-color": "#444446",
     "--main-bgcolor": "#ffffff",
+    "--main-bgcolor-transparent": "rgba(255, 255, 255, 0.8)",
     "--topic-padding": "3px",
     "--color": "#777777",
     "--bgcolor": "#f6f6f6",
@@ -40,6 +41,7 @@ const ft = {
     "--root-border-color": "rgba(255, 255, 255, 0.1)",
     "--main-color": "#ffffff",
     "--main-bgcolor": "#4c4f69",
+    "--main-bgcolor-transparent": "rgba(76, 79, 105, 0.8)",
     "--topic-padding": "3px",
     "--color": "#cccccc",
     "--bgcolor": "#252526",
@@ -51,7 +53,7 @@ const ft = {
     "--map-padding": "50px 80px"
   }
 };
-function Yt(t) {
+function Bt(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
 const tt = function(t, e) {
@@ -69,22 +71,18 @@ const tt = function(t, e) {
   if (t.parent = e, t.children)
     for (let n = 0; n < t.children.length; n++)
       pt(t.children[n], t);
-}, Tt = (t, e, n) => {
+}, Lt = (t, e, n) => {
   t.expanded = e, t.children && t.children.forEach((o) => {
-    Tt(o, e);
+    Lt(o, e);
   });
 };
 function et(t, e, n, o) {
-  const i = o - e, s = t - n;
-  let r = Math.atan(Math.abs(i) / Math.abs(s)) / 3.14 * 180;
-  if (isNaN(r)) return;
-  s < 0 && i > 0 && (r = 180 - r), s < 0 && i < 0 && (r = 180 + r), s > 0 && i < 0 && (r = 360 - r);
-  const l = 12, a = 30, d = r + a, f = r - a;
+  const s = n - t, i = o - e, c = Math.atan2(i, s) * 180 / Math.PI, a = 12, l = 30, h = (c + 180 - l) * Math.PI / 180, f = (c + 180 + l) * Math.PI / 180;
   return {
-    x1: n + Math.cos(Math.PI * d / 180) * l,
-    y1: o - Math.sin(Math.PI * d / 180) * l,
-    x2: n + Math.cos(Math.PI * f / 180) * l,
-    y2: o - Math.sin(Math.PI * f / 180) * l
+    x1: n + Math.cos(h) * a,
+    y1: o + Math.sin(h) * a,
+    x2: n + Math.cos(f) * a,
+    y2: o + Math.sin(f) * a
   };
 }
 function _() {
@@ -96,7 +94,7 @@ const Rt = function() {
     topic: this.newTopicName,
     id: t
   };
-}, B = (t, e) => {
+}, I = (t, e) => {
   let n = 0, o = 0;
   for (; e && e !== t; )
     n += e.offsetLeft, o += e.offsetTop, e = e.offsetParent;
@@ -104,57 +102,57 @@ const Rt = function() {
 }, k = (t, e) => {
   for (const n in e)
     t.setAttribute(n, e[n]);
-}, lt = (t) => t ? t.tagName === "ME-TPC" : !1, Lt = (t) => {
+}, ct = (t) => t ? t.tagName === "ME-TPC" : !1, gt = (t) => {
   const e = /translate3d\(([^,]+),\s*([^,]+)/, n = t.match(e);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
-}, kt = function(t) {
+}, Dt = function(t) {
   for (let e = 0; e < t.length; e++) {
-    const { dom: n, evt: o, func: i } = t[e];
-    n.addEventListener(o, i);
+    const { dom: n, evt: o, func: s } = t[e];
+    n.addEventListener(o, s);
   }
   return function() {
     for (let n = 0; n < t.length; n++) {
-      const { dom: o, evt: i, func: s } = t[n];
-      o.removeEventListener(i, s);
+      const { dom: o, evt: s, func: i } = t[n];
+      o.removeEventListener(s, i);
     }
   };
-}, vt = (t, e) => {
+}, wt = (t, e) => {
   const n = t.x - e.x, o = t.y - e.y;
   return Math.sqrt(n * n + o * o);
 }, F = {
   LHS: "lhs",
   RHS: "rhs"
 }, K = function(t, e, n) {
-  const { scaleVal: o, scaleSensitivity: i } = t;
+  const { scaleVal: o, scaleSensitivity: s } = t;
   switch (e) {
     case "in":
-      t.scale(o + i, n);
+      t.scale(o + s, n);
       break;
     case "out":
-      t.scale(o - i, n);
+      t.scale(o - s, n);
   }
 }, dt = document, Wt = function(t, e) {
   if (!e)
-    return it(t), t;
+    return st(t), t;
   let n = t.querySelector(".insert-preview");
   const o = `insert-preview ${e} show`;
   return n || (n = dt.createElement("div"), t.appendChild(n)), n.className = o, t;
-}, it = function(t) {
+}, st = function(t) {
   if (!t) return;
   const e = t.querySelectorAll(".insert-preview");
   for (const n of e || [])
     n.remove();
-}, wt = function(t, e) {
+}, bt = function(t, e) {
   for (const n of e) {
     const o = n.parentElement.parentElement.contains(t);
     if (!(t && t.tagName === "ME-TPC" && t !== n && !o && t.nodeObj.parent)) return !1;
   }
   return !0;
-}, Gt = function(t) {
+}, Xt = function(t) {
   const e = document.createElement("div");
   return e.className = "mind-elixir-ghost", t.container.appendChild(e), e;
 };
-class zt {
+class Gt {
   mind;
   isMoving = !1;
   interval = null;
@@ -176,53 +174,53 @@ function Vt(t) {
     isDragging: !1,
     insertType: null,
     meet: null,
-    ghost: Gt(t),
-    edgeMoveController: new zt(t),
+    ghost: Xt(t),
+    edgeMoveController: new Gt(t),
     startX: 0,
     startY: 0,
     pointerId: null
   };
 }
-const Xt = 5;
-function bt(t, e, n, o = !1) {
+const zt = 5;
+function xt(t, e, n, o = !1) {
   if (t.spacePressed) return !1;
-  const i = n.target;
-  if (i?.tagName !== "ME-TPC" || !i.nodeObj.parent) return !1;
+  const s = n.target;
+  if (s?.tagName !== "ME-TPC" || !s.nodeObj.parent) return !1;
   e.startX = n.clientX, e.startY = n.clientY, e.pointerId = n.pointerId, t.selection.cancel();
-  let s = t.currentNodes;
-  return s?.includes(i) || (t.selectNode(i), s = t.currentNodes), t.dragged = s, o && Mt(t, e), !0;
+  let i = t.currentNodes;
+  return i?.includes(s) || (t.selectNode(s), i = t.currentNodes), t.dragged = i, o && kt(t, e), !0;
 }
-function Dt(t, e, n) {
+function Mt(t, e, n) {
   t.style.transform = `translate(${e + 10}px, ${n + 10}px)`, t.style.display = "block";
 }
-function Mt(t, e) {
+function kt(t, e) {
   const { dragged: n } = t;
   if (!n) return;
   const o = document.activeElement;
   o && o.isContentEditable && o.blur(), e.isDragging = !0, n.length > 1 ? e.ghost.innerHTML = n.length + "" : e.ghost.innerHTML = n[0].innerHTML;
-  for (const i of n)
-    i.parentElement.parentElement.style.opacity = "0.5";
+  for (const s of n)
+    s.parentElement.parentElement.style.opacity = "0.5";
   t.dragMoveHelper.clear();
 }
 function Ft(t, e, n) {
   const { dragged: o } = t;
   if (!o || e.pointerId !== n.pointerId) return;
-  const i = n.clientX - e.startX, s = n.clientY - e.startY, r = Math.sqrt(i * i + s * s);
-  if (!e.isDragging && r > Xt && Mt(t, e), !e.isDragging) return;
-  Dt(e.ghost, n.clientX, n.clientY);
-  const l = t.container.getBoundingClientRect();
-  n.clientX < l.x + 50 ? e.edgeMoveController.move(1, 0) : n.clientX > l.x + l.width - 50 ? e.edgeMoveController.move(-1, 0) : n.clientY < l.y + 50 ? e.edgeMoveController.move(0, 1) : n.clientY > l.y + l.height - 50 ? e.edgeMoveController.move(0, -1) : e.edgeMoveController.stop(), it(e.meet);
-  const a = 12 * t.scaleVal, d = dt.elementFromPoint(n.clientX, n.clientY - a);
-  if (wt(d, o)) {
-    e.meet = d;
-    const f = d.getBoundingClientRect(), h = f.y;
-    n.clientY > h + f.height ? e.insertType = "after" : e.insertType = "in";
+  const s = n.clientX - e.startX, i = n.clientY - e.startY, r = Math.sqrt(s * s + i * i);
+  if (!e.isDragging && r > zt && kt(t, e), !e.isDragging) return;
+  Mt(e.ghost, n.clientX, n.clientY);
+  const c = t.container.getBoundingClientRect();
+  n.clientX < c.x + 50 ? e.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? e.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? e.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? e.edgeMoveController.move(0, -1) : e.edgeMoveController.stop(), st(e.meet);
+  const a = 12 * t.scaleVal, l = dt.elementFromPoint(n.clientX, n.clientY - a);
+  if (bt(l, o)) {
+    e.meet = l;
+    const h = l.getBoundingClientRect(), f = h.y;
+    n.clientY > f + h.height ? e.insertType = "after" : e.insertType = "in";
   } else {
-    const f = dt.elementFromPoint(n.clientX, n.clientY + a);
-    if (wt(f, o)) {
-      e.meet = f;
-      const p = f.getBoundingClientRect().y;
-      n.clientY < p ? e.insertType = "before" : e.insertType = "in";
+    const h = dt.elementFromPoint(n.clientX, n.clientY + a);
+    if (bt(h, o)) {
+      e.meet = h;
+      const u = h.getBoundingClientRect().y;
+      n.clientY < u ? e.insertType = "before" : e.insertType = "in";
     } else
       e.insertType = null, e.meet = null;
   }
@@ -232,18 +230,18 @@ function jt(t, e, n) {
   const { dragged: o } = t;
   if (!(!o || e.pointerId !== n.pointerId)) {
     e.edgeMoveController.stop();
-    for (const i of o)
-      i.parentElement.parentElement.style.opacity = "1";
-    e.ghost.style.display = "none", e.ghost.innerHTML = "", e.isDragging && e.meet && (it(e.meet), e.insertType === "before" ? t.moveNodeBefore(o, e.meet) : e.insertType === "after" ? t.moveNodeAfter(o, e.meet) : e.insertType === "in" && t.moveNodeIn(o, e.meet)), t.dragged = null, e.isDragging = !1, e.insertType = null, e.meet = null, e.pointerId = null;
+    for (const s of o)
+      s.parentElement.parentElement.style.opacity = "1";
+    e.ghost.style.display = "none", e.ghost.innerHTML = "", e.isDragging && e.meet && (st(e.meet), e.insertType === "before" ? t.moveNodeBefore(o, e.meet) : e.insertType === "after" ? t.moveNodeAfter(o, e.meet) : e.insertType === "in" && t.moveNodeIn(o, e.meet)), t.dragged = null, e.isDragging = !1, e.insertType = null, e.meet = null, e.pointerId = null;
   }
 }
-function ct(t, e) {
+function lt(t, e) {
   const { dragged: n } = t;
   if (n) {
     e.edgeMoveController.stop();
     for (const o of n)
       o.parentElement.parentElement.style.opacity = "1";
-    e.meet && it(e.meet), e.ghost.style.display = "none", e.ghost.innerHTML = "", t.dragged = null, e.isDragging = !1, e.insertType = null, e.meet = null, e.pointerId = null;
+    e.meet && st(e.meet), e.ghost.style.display = "none", e.ghost.innerHTML = "", t.dragged = null, e.isDragging = !1, e.insertType = null, e.meet = null, e.pointerId = null;
   }
 }
 function qt(t) {
@@ -251,36 +249,36 @@ function qt(t) {
   let n = 0;
   t.spacePressed = !1;
   let o = null;
-  const i = /* @__PURE__ */ new Map(), s = t.draggable ? Vt(t) : null;
-  let r = null, l = null, a = null, d = null;
-  const f = 500, h = 10, p = () => {
-    r !== null && (clearTimeout(r), r = null, l = null, a = null, d = null);
-  }, v = (c, m) => {
-    c.hasPointerCapture && c.hasPointerCapture(m) && c.releasePointerCapture(m);
-  }, y = (c, m) => {
-    const x = c.closest(".svg-label");
-    if (x) {
-      const $ = x.dataset.svgId, U = x.dataset.type, j = document.getElementById($);
+  const s = /* @__PURE__ */ new Map(), i = t.draggable ? Vt(t) : null;
+  let r = null, c = null, a = null, l = null;
+  const h = 500, f = 10, u = () => {
+    r !== null && (clearTimeout(r), r = null, c = null, a = null, l = null);
+  }, y = (d, v) => {
+    d.hasPointerCapture && d.hasPointerCapture(v) && d.releasePointerCapture(v);
+  }, m = (d, v) => {
+    const C = d.closest(".svg-label");
+    if (C) {
+      const $ = C.dataset.svgId, U = C.dataset.type, j = document.getElementById($);
       if (j) {
         if (U === "arrow")
-          return m ? t.editArrowLabel(j) : t.selectArrow(j), !0;
+          return v ? t.editArrowLabel(j) : t.selectArrow(j), !0;
         if (U === "summary")
-          return m ? t.editSummary(j) : t.selectSummary(j), !0;
+          return v ? t.editSummary(j) : t.selectSummary(j), !0;
       }
     }
-    if (c.closest(".topiclinks")) {
-      const $ = c.closest("g");
+    if (d.closest(".topiclinks")) {
+      const $ = d.closest("g");
       if ($)
-        return m ? t.editArrowLabel($) : t.selectArrow($), !0;
+        return v ? t.editArrowLabel($) : t.selectArrow($), !0;
     }
-    if (c.closest(".summary")) {
-      const $ = c.closest("g");
+    if (d.closest(".summary")) {
+      const $ = d.closest("g");
       if ($)
-        return m ? t.editSummary($) : t.selectSummary($), !0;
+        return v ? t.editSummary($) : t.selectSummary($), !0;
     }
     return !1;
-  }, u = (c) => {
-    if (c.button !== 0) return;
+  }, p = (d) => {
+    if (d.button !== 0) return;
     if (t.helper1?.moved) {
       t.helper1.clear();
       return;
@@ -293,112 +291,112 @@ function qt(t) {
       e.clear();
       return;
     }
-    if (s?.isDragging)
+    if (i?.isDragging)
       return;
-    const m = c.target;
-    if (m.tagName === "ME-EPD")
-      c.ctrlKey || c.metaKey ? t.expandNodeAll(m.previousSibling) : t.expandNode(m.previousSibling);
-    else if (m.tagName === "ME-TPC" && t.currentNodes.length > 1)
-      t.selectNode(m);
+    const v = d.target;
+    if (v.tagName === "ME-EPD")
+      d.ctrlKey || d.metaKey ? t.expandNodeAll(v.previousSibling) : t.expandNode(v.previousSibling);
+    else if (v.tagName === "ME-TPC" && t.currentNodes.length > 1)
+      t.selectNode(v);
     else if (!t.editable)
       return;
-    y(m, !1);
-  }, g = (c) => {
+    m(v, !1);
+  }, g = (d) => {
     if (!t.editable) return;
-    const m = c.target;
-    lt(m) && t.beginEdit(m), y(m, !0);
-  }, w = (c) => {
-    if (c.pointerType === "mouse" || i.size > 1) return;
-    const m = (/* @__PURE__ */ new Date()).getTime(), x = m - n;
-    x < 300 && x > 0 && g(c), n = m;
-  }, b = (c) => {
-    c.code === "Space" && (t.spacePressed = !0, t.container.classList.add("space-pressed"));
-  }, C = (c) => {
-    c.code === "Space" && (t.spacePressed = !1, t.container.classList.remove("space-pressed"));
-  }, S = (c) => {
-    if (c.pointerType === "touch" && (i.set(c.pointerId, { x: c.clientX, y: c.clientY }), i.size === 2)) {
-      const [$, U] = Array.from(i.values());
-      o = vt($, U), p();
+    const v = d.target;
+    ct(v) && t.beginEdit(v), m(v, !0);
+  }, w = (d) => {
+    if (d.pointerType === "mouse" || s.size > 1) return;
+    const v = (/* @__PURE__ */ new Date()).getTime(), C = v - n;
+    C < 300 && C > 0 && g(d), n = v;
+  }, b = (d) => {
+    d.code === "Space" && (t.spacePressed = !0, t.container.classList.add("space-pressed"));
+  }, x = (d) => {
+    d.code === "Space" && (t.spacePressed = !1, t.container.classList.remove("space-pressed"));
+  }, S = (d) => {
+    if (d.pointerType === "touch" && (s.set(d.pointerId, { x: d.clientX, y: d.clientY }), s.size === 2)) {
+      const [$, U] = Array.from(s.values());
+      o = wt($, U), u();
     }
     e.moved = !1;
-    const m = c.target, x = t.mouseSelectionButton === 0 ? 2 : 0;
-    if (s && (c.button === 0 || c.pointerType === "touch")) {
-      if (c.pointerType === "touch" && i.size > 1)
-        (s.isDragging || s.pointerId !== null) && ct(t, s);
-      else if (c.pointerType === "touch" && i.size === 1)
-        (lt(m) || m.closest("me-tpc")) && (l = { x: c.clientX, y: c.clientY }, a = m, d = c.pointerId, r = window.setTimeout(() => {
-          bt(t, s, c, !0) && (a && a.setPointerCapture(c.pointerId), Dt(s.ghost, c.clientX, c.clientY)), r = null, l = null, a = null, d = null;
-        }, f));
-      else if (c.pointerType === "mouse" && bt(t, s, c, !1)) {
-        m.setPointerCapture(c.pointerId);
+    const v = d.target, C = t.mouseSelectionButton === 0 ? 2 : 0;
+    if (i && (d.button === 0 || d.pointerType === "touch")) {
+      if (d.pointerType === "touch" && s.size > 1)
+        (i.isDragging || i.pointerId !== null) && lt(t, i);
+      else if (d.pointerType === "touch" && s.size === 1)
+        (ct(v) || v.closest("me-tpc")) && (c = { x: d.clientX, y: d.clientY }, a = v, l = d.pointerId, r = window.setTimeout(() => {
+          xt(t, i, d, !0) && (a && a.setPointerCapture(d.pointerId), Mt(i.ghost, d.clientX, d.clientY)), r = null, c = null, a = null, l = null;
+        }, h));
+      else if (d.pointerType === "mouse" && xt(t, i, d, !1)) {
+        v.setPointerCapture(d.pointerId);
         return;
       }
     }
-    const H = t.spacePressed && c.button === 0 && c.pointerType === "mouse", Y = c.button === x && c.pointerType === "mouse" || c.pointerType === "touch";
-    !H && !Y || (e.x = c.clientX, e.y = c.clientY, m.className !== "circle" && m.contentEditable !== "plaintext-only" && (e.mousedown = !0, m.setPointerCapture(c.pointerId)));
-  }, T = (c) => {
-    if (c.pointerType === "touch" && i.has(c.pointerId)) {
-      if (i.set(c.pointerId, { x: c.clientX, y: c.clientY }), r !== null && l !== null && c.pointerId === d) {
-        const m = c.clientX - l.x, x = c.clientY - l.y;
-        Math.sqrt(m * m + x * x) > h && p();
+    const H = t.spacePressed && d.button === 0 && d.pointerType === "mouse", B = d.button === C && d.pointerType === "mouse" || d.pointerType === "touch";
+    !H && !B || (e.x = d.clientX, e.y = d.clientY, v.className !== "circle" && v.contentEditable !== "plaintext-only" && (e.mousedown = !0, v.setPointerCapture(d.pointerId)));
+  }, T = (d) => {
+    if (d.pointerType === "touch" && s.has(d.pointerId)) {
+      if (s.set(d.pointerId, { x: d.clientX, y: d.clientY }), r !== null && c !== null && d.pointerId === l) {
+        const v = d.clientX - c.x, C = d.clientY - c.y;
+        Math.sqrt(v * v + C * C) > f && u();
       }
-      if (i.size >= 2) {
-        const [m, x] = Array.from(i.values()), H = vt(m, x);
+      if (s.size >= 2) {
+        const [v, C] = Array.from(s.values()), H = wt(v, C);
         if (o == null)
           o = H;
         else {
-          const Y = H - o;
-          Math.abs(Y) > 8 && (Y > 0 ? K(t, "in", {
-            x: (m.x + x.x) / 2,
-            y: (m.y + x.y) / 2
+          const B = H - o;
+          Math.abs(B) > 8 && (B > 0 ? K(t, "in", {
+            x: (v.x + C.x) / 2,
+            y: (v.y + C.y) / 2
           }) : K(t, "out", {
-            x: (m.x + x.x) / 2,
-            y: (m.y + x.y) / 2
+            x: (v.x + C.x) / 2,
+            y: (v.y + C.y) / 2
           }), o = H);
         }
         return;
       }
     }
-    if (!(s && s.pointerId !== null && (Ft(t, s, c), s.isDragging))) {
-      if (c.target.contentEditable !== "plaintext-only" || t.spacePressed && e.mousedown) {
-        const m = c.clientX - e.x, x = c.clientY - e.y;
-        e.onMove(m, x);
+    if (!(i && i.pointerId !== null && (Ft(t, i, d), i.isDragging))) {
+      if (d.target.contentEditable !== "plaintext-only" || t.spacePressed && e.mousedown) {
+        const v = d.clientX - e.x, C = d.clientY - e.y;
+        e.onMove(v, C);
       }
-      e.x = c.clientX, e.y = c.clientY;
+      e.x = d.clientX, e.y = d.clientY;
     }
-  }, D = (c) => {
-    if (c.pointerType === "touch" && (i.delete(c.pointerId), i.size < 2 && (o = null), p()), s && s.pointerId !== null) {
-      const m = s.isDragging;
-      if (jt(t, s, c), v(c.target, c.pointerId), m)
+  }, M = (d) => {
+    if (d.pointerType === "touch" && (s.delete(d.pointerId), s.size < 2 && (o = null), u()), i && i.pointerId !== null) {
+      const v = i.isDragging;
+      if (jt(t, i, d), y(d.target, d.pointerId), v)
         return;
     }
-    e.mousedown && (v(c.target, c.pointerId), e.clear());
-  }, L = () => {
-    p(), e.mousedown && e.clear(), s && (s.isDragging || s.pointerId !== null) && ct(t, s);
-  }, M = (c) => {
-    c.pointerType === "touch" && (i.delete(c.pointerId), i.size < 2 && (o = null), p()), s && s.pointerId === c.pointerId && ct(t, s), D(c);
-  }, N = (c) => {
-    if (c.preventDefault(), c.button !== 2 || !t.editable) return;
-    const m = c.target;
-    lt(m) && !m.classList.contains("selected") && t.selectNode(m), setTimeout(() => {
-      t.dragMoveHelper.moved || t.bus.fire("showContextMenu", c);
+    e.mousedown && (y(d.target, d.pointerId), e.clear());
+  }, E = () => {
+    u(), e.mousedown && e.clear(), i && (i.isDragging || i.pointerId !== null) && lt(t, i);
+  }, L = (d) => {
+    d.pointerType === "touch" && (s.delete(d.pointerId), s.size < 2 && (o = null), u()), i && i.pointerId === d.pointerId && lt(t, i), M(d);
+  }, N = (d) => {
+    if (d.preventDefault(), d.button !== 2 || !t.editable) return;
+    const v = d.target;
+    ct(v) && !v.classList.contains("selected") && t.selectNode(v), setTimeout(() => {
+      t.dragMoveHelper.moved || t.bus.fire("showContextMenu", d);
     }, 200);
-  }, R = (c) => {
-    c.stopPropagation(), c.preventDefault(), c.ctrlKey || c.metaKey ? c.deltaY < 0 ? K(t, "in", t.dragMoveHelper) : t.scaleVal - t.scaleSensitivity > 0 && K(t, "out", t.dragMoveHelper) : c.shiftKey ? t.move(-c.deltaY, 0) : t.move(-c.deltaX, -c.deltaY);
-  }, { container: E } = t;
-  return kt([
-    { dom: E, evt: "pointerdown", func: S },
-    { dom: E, evt: "pointermove", func: T },
-    { dom: E, evt: "pointerup", func: D },
-    { dom: E, evt: "pointercancel", func: M },
-    { dom: E, evt: "pointerdown", func: w },
-    { dom: E, evt: "click", func: u },
-    { dom: E, evt: "dblclick", func: g },
-    { dom: E, evt: "contextmenu", func: N },
-    { dom: E, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : R },
-    { dom: E, evt: "blur", func: L },
-    { dom: E, evt: "keydown", func: b },
-    { dom: E, evt: "keyup", func: C }
+  }, R = (d) => {
+    d.stopPropagation(), d.preventDefault(), d.ctrlKey || d.metaKey ? d.deltaY < 0 ? K(t, "in", t.dragMoveHelper) : t.scaleVal - t.scaleSensitivity > 0 && K(t, "out", t.dragMoveHelper) : d.shiftKey ? t.move(-d.deltaY, 0) : t.move(-d.deltaX, -d.deltaY);
+  }, { container: D } = t;
+  return Dt([
+    { dom: D, evt: "pointerdown", func: S },
+    { dom: D, evt: "pointermove", func: T },
+    { dom: D, evt: "pointerup", func: M },
+    { dom: D, evt: "pointercancel", func: L },
+    { dom: D, evt: "pointerdown", func: w },
+    { dom: D, evt: "click", func: p },
+    { dom: D, evt: "dblclick", func: g },
+    { dom: D, evt: "contextmenu", func: N },
+    { dom: D, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : R },
+    { dom: D, evt: "blur", func: E },
+    { dom: D, evt: "keydown", func: b },
+    { dom: D, evt: "keyup", func: x }
   ]);
 }
 function _t() {
@@ -433,30 +431,30 @@ const nt = document, Ut = function() {
   e.appendChild(t);
   const n = this.nodeData.children || [];
   if (this.direction === 2) {
-    let o = 0, i = 0;
-    n.map((s) => {
-      s.direction === 0 ? o += 1 : s.direction === 1 ? i += 1 : o <= i ? (s.direction = 0, o += 1) : (s.direction = 1, i += 1);
+    let o = 0, s = 0;
+    n.map((i) => {
+      i.direction === 0 ? o += 1 : i.direction === 1 ? s += 1 : o <= s ? (i.direction = 0, o += 1) : (i.direction = 1, s += 1);
     });
   }
   Kt(this, n, e);
 }, Kt = function(t, e, n) {
   const o = nt.createElement("me-main");
   o.className = F.LHS;
-  const i = nt.createElement("me-main");
-  i.className = F.RHS;
-  for (let s = 0; s < e.length; s++) {
-    const r = e[s], { grp: l } = t.createWrapper(r);
-    t.direction === 2 ? r.direction === 0 ? o.appendChild(l) : i.appendChild(l) : t.direction === 0 ? o.appendChild(l) : i.appendChild(l);
+  const s = nt.createElement("me-main");
+  s.className = F.RHS;
+  for (let i = 0; i < e.length; i++) {
+    const r = e[i], { grp: c } = t.createWrapper(r);
+    t.direction === 2 ? r.direction === 0 ? o.appendChild(c) : s.appendChild(c) : t.direction === 0 ? o.appendChild(c) : s.appendChild(c);
   }
-  t.nodes.appendChild(o), t.nodes.appendChild(n), t.nodes.appendChild(i), t.nodes.appendChild(t.lines), t.nodes.appendChild(t.labelContainer);
+  t.nodes.appendChild(o), t.nodes.appendChild(n), t.nodes.appendChild(s), t.nodes.appendChild(t.lines), t.nodes.appendChild(t.labelContainer);
 }, Jt = function(t, e) {
   const n = nt.createElement("me-children");
   for (let o = 0; o < e.length; o++) {
-    const i = e[o], { grp: s } = t.createWrapper(i);
-    n.appendChild(s);
+    const s = e[o], { grp: i } = t.createWrapper(s);
+    n.appendChild(i);
   }
   return n;
-}, P = document, $t = function(t, e) {
+}, A = document, $t = function(t, e) {
   const o = (this?.el ? this.el : e || document).querySelector(`[data-nodeid="me${t}"]`);
   if (!o) throw new Error(`FindEle: Node ${t} not found, maybe it's collapsed.`);
   return o;
@@ -473,63 +471,63 @@ const nt = document, Ut = function() {
   if (e.image) {
     const n = e.image;
     if (n.url && n.width && n.height) {
-      const o = P.createElement("img");
+      const o = A.createElement("img");
       o.src = this.imageProxy ? this.imageProxy(n.url) : n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), t.appendChild(o), t.image = o;
     }
   } else t.image && (t.image = void 0);
   {
-    const n = P.createElement("span");
+    const n = A.createElement("span");
     n.className = "text", this.markdown ? n.innerHTML = this.markdown(e.topic, e) : n.textContent = e.topic, t.appendChild(n), t.text = n;
   }
   if (e.hyperLink) {
-    const n = P.createElement("a");
+    const n = A.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = e.hyperLink, t.appendChild(n), t.link = n;
   } else t.link && (t.link = void 0);
   if (e.icons && e.icons.length) {
-    const n = P.createElement("span");
-    n.className = "icons", n.innerHTML = e.icons.map((o) => `<span>${Yt(o)}</span>`).join(""), t.appendChild(n), t.icons = n;
+    const n = A.createElement("span");
+    n.className = "icons", n.innerHTML = e.icons.map((o) => `<span>${Bt(o)}</span>`).join(""), t.appendChild(n), t.icons = n;
   } else t.icons && (t.icons = void 0);
   if (e.tags && e.tags.length) {
-    const n = P.createElement("div");
+    const n = A.createElement("div");
     n.className = "tags", e.tags.forEach((o) => {
-      const i = P.createElement("span");
-      typeof o == "string" ? i.textContent = o : (i.textContent = o.text, o.className && (i.className = o.className), o.style && Object.assign(i.style, o.style)), n.appendChild(i);
+      const s = A.createElement("span");
+      typeof o == "string" ? s.textContent = o : (s.textContent = o.text, o.className && (s.className = o.className), o.style && Object.assign(s.style, o.style)), n.appendChild(s);
     }), t.appendChild(n), t.tags = n;
   } else t.tags && (t.tags = void 0);
 }, Qt = function(t, e) {
-  const n = P.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(t);
+  const n = A.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(t);
   if (n.appendChild(o), !e && t.children && t.children.length > 0) {
-    const s = oe(t.expanded);
-    if (o.appendChild(s), t.expanded !== !1) {
+    const i = oe(t.expanded);
+    if (o.appendChild(i), t.expanded !== !1) {
       const r = Jt(this, t.children);
       n.appendChild(r);
     }
   }
-  return { grp: n, top: o, tpc: i };
+  return { grp: n, top: o, tpc: s };
 }, Zt = function(t) {
-  const e = P.createElement("me-parent"), n = this.createTopic(t);
+  const e = A.createElement("me-parent"), n = this.createTopic(t);
   return Nt.call(this, n, t), e.appendChild(n), { p: e, tpc: n };
 }, te = function(t) {
-  const e = P.createElement("me-children");
+  const e = A.createElement("me-children");
   return e.append(...t), e;
 }, ee = function(t) {
-  const e = P.createElement("me-tpc");
+  const e = A.createElement("me-tpc");
   return e.nodeObj = t, e.dataset.nodeid = "me" + t.id, e;
 };
-function Pt(t) {
-  const e = P.createRange();
+function At(t) {
+  const e = A.createRange();
   e.selectNodeContents(t);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(e));
 }
 const ne = function(t) {
   if (!t) return;
-  const e = P.createElement("div"), n = t.nodeObj, o = n.topic, { offsetLeft: i, offsetTop: s } = B(this.nodes, t);
+  const e = A.createElement("div"), n = t.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = I(this.nodes, t);
   this.nodes.appendChild(e), e.id = "input-box", e.textContent = o, e.contentEditable = "plaintext-only", e.spellcheck = !1;
   const r = getComputedStyle(t);
   e.style.cssText = `
-  left: ${i}px;
-  top: ${s}px;
+  left: ${s}px;
+  top: ${i}px;
   min-width:${t.offsetWidth - 8}px;
   color:${r.color};
   font-size:${r.fontSize};
@@ -537,40 +535,40 @@ const ne = function(t) {
   margin:${r.margin}; 
   background-color:${r.backgroundColor !== "rgba(0, 0, 0, 0)" && r.backgroundColor};
   border: ${r.border};
-  border-radius:${r.borderRadius}; `, this.direction === 0 && (e.style.right = "0"), Pt(e), this.bus.fire("operation", {
+  border-radius:${r.borderRadius}; `, this.direction === 0 && (e.style.right = "0"), At(e), this.bus.fire("operation", {
     name: "beginEdit",
     obj: t.nodeObj
-  }), e.addEventListener("keydown", (l) => {
-    l.stopPropagation();
-    const a = l.key;
+  }), e.addEventListener("keydown", (c) => {
+    c.stopPropagation();
+    const a = c.key;
     if (a === "Enter" || a === "Tab") {
-      if (l.shiftKey) return;
-      l.preventDefault(), e.blur(), this.container.focus();
+      if (c.shiftKey) return;
+      c.preventDefault(), e.blur(), this.container.focus();
     }
   }), e.addEventListener("blur", () => {
     if (!e) return;
     e.remove();
-    const l = e.textContent?.trim() || "";
-    l === o || l === "" || (n.topic = l, this.markdown ? t.text.innerHTML = this.markdown(n.topic, n) : t.text.textContent = l, this.linkDiv(), this.bus.fire("operation", {
+    const c = e.textContent?.trim() || "";
+    c === o || c === "" || (n.topic = c, this.markdown ? t.text.innerHTML = this.markdown(n.topic, n) : t.text.textContent = c, this.linkDiv(), this.bus.fire("operation", {
       name: "finishEdit",
       obj: n,
       origin: o
     }));
   });
 }, oe = function(t) {
-  const e = P.createElement("me-epd");
+  const e = A.createElement("me-epd");
   return e.expanded = t !== !1, e.className = t !== !1 ? "minus" : "", e;
-}, X = document, I = "http://www.w3.org/2000/svg", st = function(t) {
-  const e = t.clientWidth, n = t.clientHeight, o = t.dataset, i = Number(o.x), s = Number(o.y), r = o.anchor;
-  let l = i;
-  r === "middle" ? l = i - e / 2 : r === "end" && (l = i - e), t.style.left = `${l}px`, t.style.top = `${s - n / 2}px`, t.style.visibility = "visible";
+}, z = document, O = "http://www.w3.org/2000/svg", it = function(t) {
+  const e = t.clientWidth, n = t.clientHeight, o = t.dataset, s = Number(o.x), i = Number(o.y), r = o.anchor;
+  let c = s;
+  r === "middle" ? c = s - e / 2 : r === "end" && (c = s - e), t.style.left = `${c}px`, t.style.top = `${i - n / 2}px`, t.style.visibility = "visible";
 }, ht = function(t, e, n, o) {
-  const { anchor: i = "middle", color: s, dataType: r, svgId: l } = o, a = document.createElement("div");
-  a.className = "svg-label", a.style.color = s || "#666";
-  const d = "label-" + l;
-  return a.id = d, a.innerHTML = t, a.dataset.type = r, a.dataset.svgId = l, a.dataset.x = e.toString(), a.dataset.y = n.toString(), a.dataset.anchor = i, a;
-}, At = function(t, e, n) {
-  const o = X.createElementNS(I, "path");
+  const { anchor: s = "middle", color: i, dataType: r, svgId: c } = o, a = document.createElement("div");
+  a.className = "svg-label", a.style.color = i || "#666";
+  const l = "label-" + c;
+  return a.id = l, a.innerHTML = t, a.dataset.type = r, a.dataset.svgId = c, a.dataset.x = e.toString(), a.dataset.y = n.toString(), a.dataset.anchor = s, a;
+}, Pt = function(t, e, n) {
+  const o = z.createElementNS(O, "path");
   return k(o, {
     d: t,
     stroke: e || "#666",
@@ -578,13 +576,13 @@ const ne = function(t) {
     "stroke-width": n
   }), o;
 }, q = function(t) {
-  const e = X.createElementNS(I, "svg");
+  const e = z.createElementNS(O, "svg");
   return e.setAttribute("class", t), e.setAttribute("overflow", "visible"), e;
-}, xt = function() {
-  const t = X.createElementNS(I, "line");
+}, Ct = function() {
+  const t = z.createElementNS(O, "line");
   return t.setAttribute("stroke", "#4dc4ff"), t.setAttribute("fill", "none"), t.setAttribute("stroke-width", "2"), t.setAttribute("opacity", "0.45"), t;
-}, ie = function(t, e, n, o) {
-  const i = X.createElementNS(I, "g");
+}, se = function(t, e, n, o) {
+  const s = z.createElementNS(O, "g");
   return [
     {
       name: "line",
@@ -598,41 +596,41 @@ const ne = function(t) {
       name: "arrow2",
       d: n
     }
-  ].forEach((r, l) => {
-    const a = r.d, d = X.createElementNS(I, "path"), f = {
+  ].forEach((r, c) => {
+    const a = r.d, l = z.createElementNS(O, "path"), h = {
       d: a,
       stroke: o?.stroke || "rgb(227, 125, 116)",
       fill: "none",
       "stroke-linecap": o?.strokeLinecap || "cap",
       "stroke-width": String(o?.strokeWidth || "2")
     };
-    o?.opacity !== void 0 && (f.opacity = String(o.opacity)), k(d, f), l === 0 && d.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
-    const h = X.createElementNS(I, "path");
-    k(h, {
+    o?.opacity !== void 0 && (h.opacity = String(o.opacity)), k(l, h), c === 0 && l.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
+    const f = z.createElementNS(O, "path");
+    k(f, {
       d: a,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), i.appendChild(h), i.appendChild(d), i[r.name] = d;
-  }), i;
+    }), s.appendChild(f), s.appendChild(l), s[r.name] = l;
+  }), s;
 }, Ht = function(t, e, n) {
   if (!e) return;
-  const o = n.label, i = e.cloneNode(!0);
-  t.nodes.appendChild(i), i.id = "input-box", i.textContent = o, i.contentEditable = "plaintext-only", i.spellcheck = !1, i.style.cssText = `
+  const o = n.label, s = e.cloneNode(!0);
+  t.nodes.appendChild(s), s.id = "input-box", s.textContent = o, s.contentEditable = "plaintext-only", s.spellcheck = !1, s.style.cssText = `
     left:${e.style.left};
     top:${e.style.top}; 
     max-width: 200px;
-  `, Pt(i), t.scrollIntoView(i), i.addEventListener("keydown", (s) => {
-    s.stopPropagation();
-    const r = s.key;
+  `, At(s), t.scrollIntoView(s), s.addEventListener("keydown", (i) => {
+    i.stopPropagation();
+    const r = i.key;
     if (r === "Enter" || r === "Tab") {
-      if (s.shiftKey) return;
-      s.preventDefault(), i.blur(), t.container.focus();
+      if (i.shiftKey) return;
+      i.preventDefault(), s.blur(), t.container.focus();
     }
-  }), i.addEventListener("blur", () => {
-    if (!i) return;
-    const s = i.textContent?.trim() || "";
-    s === "" ? n.label = o : n.label = s, i.remove(), s !== o && (t.markdown ? e.innerHTML = t.markdown(n.label, n) : e.textContent = n.label, st(e), "parent" in n ? t.bus.fire("operation", {
+  }), s.addEventListener("blur", () => {
+    if (!s) return;
+    const i = s.textContent?.trim() || "";
+    i === "" ? n.label = o : n.label = i, s.remove(), i !== o && (t.markdown ? e.innerHTML = t.markdown(n.label, n) : e.textContent = n.label, it(e), "parent" in n ? t.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : t.bus.fire("operation", {
@@ -640,35 +638,35 @@ const ne = function(t) {
       obj: n
     }));
   });
-}, se = function(t) {
-  const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, i = e.offsetWidth, s = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
+}, ie = function(t) {
+  const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, s = e.offsetWidth, i = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
-  for (let l = 0; l < r.length; l++) {
-    const a = r[l], d = a.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = B(this.nodes, d), p = d.offsetWidth, v = d.offsetHeight, y = a.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: h, cL: f, cW: p, cH: v, direction: y, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, w = d.nodeObj.branchColor || g[l % g.length];
-    if (d.style.borderColor = w, this.lines.appendChild(At(u, w, "3")), t && t !== a)
+  for (let c = 0; c < r.length; c++) {
+    const a = r[c], l = a.querySelector("me-tpc"), { offsetLeft: h, offsetTop: f } = I(this.nodes, l), u = l.offsetWidth, y = l.offsetHeight, m = a.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: f, cL: h, cW: u, cH: y, direction: m, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, w = l.nodeObj.branchColor || g[c % g.length];
+    if (l.style.borderColor = w, this.lines.appendChild(Pt(p, w, "3")), t && t !== a)
       continue;
-    const b = q("subLines"), C = a.lastChild;
-    C.tagName === "svg" && C.remove(), a.appendChild(b), It(this, b, w, a, y, !0);
+    const b = q("subLines"), x = a.lastChild;
+    x.tagName === "svg" && x.remove(), a.appendChild(b), It(this, b, w, a, m, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, It = function(t, e, n, o, i, s) {
-  const r = o.firstChild, l = o.children[1].children;
-  if (l.length === 0) return;
-  const a = r.offsetTop, d = r.offsetLeft, f = r.offsetWidth, h = r.offsetHeight;
-  for (let p = 0; p < l.length; p++) {
-    const v = l[p], y = v.firstChild, u = y.offsetTop, g = y.offsetLeft, w = y.offsetWidth, b = y.offsetHeight, C = y.firstChild.nodeObj.branchColor || n, S = t.generateSubBranch({ pT: a, pL: d, pW: f, pH: h, cT: u, cL: g, cW: w, cH: b, direction: i, isFirst: s });
-    e.appendChild(At(S, C, "2"));
-    const T = y.children[1];
+}, It = function(t, e, n, o, s, i) {
+  const r = o.firstChild, c = o.children[1].children;
+  if (c.length === 0) return;
+  const a = r.offsetTop, l = r.offsetLeft, h = r.offsetWidth, f = r.offsetHeight;
+  for (let u = 0; u < c.length; u++) {
+    const y = c[u], m = y.firstChild, p = m.offsetTop, g = m.offsetLeft, w = m.offsetWidth, b = m.offsetHeight, x = m.firstChild.nodeObj.branchColor || n, S = t.generateSubBranch({ pT: a, pL: l, pW: h, pH: f, cT: p, cL: g, cW: w, cH: b, direction: s, isFirst: i });
+    e.appendChild(Pt(S, x, "2"));
+    const T = m.children[1];
     if (T) {
       if (!T.expanded) continue;
     } else
       continue;
-    It(t, e, C, v, i);
+    It(t, e, x, y, s);
   }
-}, re = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169394918" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z" p-id="2022"></path></svg>', le = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169375313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="currentColor" p-id="1776"></path></svg>', ce = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169667709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="currentColor" p-id="3038"></path></svg>', ae = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169402629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2170" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z" p-id="2171"></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z" p-id="2172"></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z" p-id="2173"></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z" p-id="2174"></path></svg>', de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169573443" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="currentColor" p-id="2884"></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="currentColor" p-id="2885"></path></svg>', he = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169419447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z" p-id="2481"></path></svg>', fe = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169426515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2730" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z" p-id="2731"></path></svg>', ue = {
+}, re = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169394918" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z" p-id="2022"></path></svg>', ce = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169375313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="currentColor" p-id="1776"></path></svg>', le = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169667709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="currentColor" p-id="3038"></path></svg>', ae = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169402629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2170" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z" p-id="2171"></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z" p-id="2172"></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z" p-id="2173"></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z" p-id="2174"></path></svg>', de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169573443" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="currentColor" p-id="2884"></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="currentColor" p-id="2885"></path></svg>', he = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169419447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z" p-id="2481"></path></svg>', fe = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169426515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2730" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z" p-id="2731"></path></svg>', ue = {
   side: re,
-  left: le,
-  right: ce,
+  left: ce,
+  right: le,
   full: ae,
   living: de,
   zoomin: he,
@@ -678,24 +676,40 @@ const ne = function(t) {
   return n.id = t, n.innerHTML = ue[e], n;
 };
 function pe(t) {
-  const e = document.createElement("div"), n = W("fullscreen", "full"), o = W("toCenter", "living"), i = W("zoomout", "zoomout"), s = W("zoomin", "zoomin"), r = document.createElement("span");
-  return r.innerText = "100%", e.appendChild(n), e.appendChild(o), e.appendChild(i), e.appendChild(s), e.className = "mind-elixir-toolbar rb", n.onclick = () => {
-    document.fullscreenElement === t.el ? document.exitFullscreen() : t.el.requestFullscreen();
+  const e = document.createElement("div"), n = W("fullscreen", "full"), o = W("toCenter", "living"), s = W("zoomout", "zoomout"), i = W("zoomin", "zoomin");
+  e.appendChild(n), e.appendChild(o), e.appendChild(s), e.appendChild(i), e.className = "mind-elixir-toolbar rb";
+  let r = null;
+  const c = () => {
+    const l = t.container.getBoundingClientRect(), h = gt(t.map.style.transform), f = l.width / 2, u = l.height / 2, y = (f - h.x) / t.scaleVal, m = (u - h.y) / t.scaleVal;
+    r = {
+      containerRect: l,
+      currentTransform: h,
+      mapCenterX: y,
+      mapCenterY: m
+    };
+  }, a = () => {
+    if (r) {
+      const l = t.container.getBoundingClientRect(), h = l.width / 2, f = l.height / 2, u = h - r.mapCenterX * t.scaleVal, y = f - r.mapCenterY * t.scaleVal, m = u - r.currentTransform.x, p = y - r.currentTransform.y;
+      t.move(m, p);
+    }
+  };
+  return t.el.addEventListener("fullscreenchange", a), n.onclick = () => {
+    c(), document.fullscreenElement !== t.el ? t.el.requestFullscreen() : document.exitFullscreen();
   }, o.onclick = () => {
     t.toCenter();
-  }, i.onclick = () => {
-    t.scale(t.scaleVal - t.scaleSensitivity);
   }, s.onclick = () => {
+    t.scale(t.scaleVal - t.scaleSensitivity);
+  }, i.onclick = () => {
     t.scale(t.scaleVal + t.scaleSensitivity);
   }, e;
 }
 function ge(t) {
-  const e = document.createElement("div"), n = W("tbltl", "left"), o = W("tbltr", "right"), i = W("tblts", "side");
-  return e.appendChild(n), e.appendChild(o), e.appendChild(i), e.className = "mind-elixir-toolbar lt", n.onclick = () => {
+  const e = document.createElement("div"), n = W("tbltl", "left"), o = W("tbltr", "right"), s = W("tblts", "side");
+  return e.appendChild(n), e.appendChild(o), e.appendChild(s), e.className = "mind-elixir-toolbar lt", n.onclick = () => {
     t.initLeft();
   }, o.onclick = () => {
     t.initRight();
-  }, i.onclick = () => {
+  }, s.onclick = () => {
     t.initSide();
   }, e;
 }
@@ -707,9 +721,9 @@ const ye = function(t, e = !0) {
   const o = {
     ...(t.type === "dark" ? ut : ft).cssVar,
     ...t.cssVar
-  }, i = Object.keys(o);
-  for (let s = 0; s < i.length; s++) {
-    const r = i[s];
+  }, s = Object.keys(o);
+  for (let i = 0; i < s.length; i++) {
+    const r = s[i];
     this.container.style.setProperty(r, o[r]);
   }
   e && this.refresh();
@@ -729,8 +743,8 @@ function we(t) {
 const be = function(t) {
   const e = this.container, n = t.getBoundingClientRect(), o = e.getBoundingClientRect();
   if (n.top > o.bottom - 50 || n.bottom < o.top + 50 || n.left > o.right - 50 || n.right < o.left + 50) {
-    const s = n.left + n.width / 2, r = n.top + n.height / 2, l = o.left + o.width / 2, a = o.top + o.height / 2, d = s - l, f = r - a;
-    this.move(-d, -f, !0);
+    const i = n.left + n.width / 2, r = n.top + n.height / 2, c = o.left + o.width / 2, a = o.top + o.height / 2, l = i - c, h = r - a;
+    this.move(-l, -h, !0);
   }
 }, xe = function(t, e, n) {
   this.clearSelection(), this.scrollIntoView(t), this.selection.select(t), e && this.bus.fire("selectNewNode", t.nodeObj);
@@ -748,123 +762,123 @@ const be = function(t) {
   });
 }, Le = function() {
   return JSON.parse(this.getDataString());
-}, ke = function() {
-  this.editable = !0;
 }, De = function() {
+  this.editable = !0;
+}, Me = function() {
   this.editable = !1;
-}, Me = function(t, e = { x: 0, y: 0 }) {
-  if (t < this.scaleMin || t > this.scaleMax) return;
-  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, i = e.y ? e.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = gt(this), l = this.map.style.transform, { x: a, y: d } = Lt(l), f = a - s, h = d - r, p = this.scaleVal, v = (-o + f) * (1 - t / p), y = (-i + h) * (1 - t / p);
-  this.map.style.transform = `translate3d(${a - v}px, ${d - y}px, 0) scale(${t})`, this.scaleVal = t, this.bus.fire("scale", t);
+}, ke = function(t, e = { x: 0, y: 0 }) {
+  if (t < this.scaleMin && t < this.scaleVal || t > this.scaleMax && t > this.scaleVal) return;
+  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, s = e.y ? e.y - n.top - n.height / 2 : 0, { dx: i, dy: r } = mt(this), c = this.map.style.transform, { x: a, y: l } = gt(c), h = a - i, f = l - r, u = this.scaleVal, y = (-o + h) * (1 - t / u), m = (-s + f) * (1 - t / u);
+  this.map.style.transform = `translate3d(${a - y}px, ${l - m}px, 0) scale(${t})`, this.scaleVal = t, this.bus.fire("scale", t);
 }, $e = function() {
   const t = this.nodes.offsetHeight / this.container.offsetHeight, e = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(t, e));
   this.scaleVal = n;
-  const { dx: o, dy: i } = gt(this, !0);
-  this.map.style.transform = `translate3d(${o}px, ${i}px, 0) scale(${n})`, this.bus.fire("scale", n);
+  const { dx: o, dy: s } = mt(this, !0);
+  this.map.style.transform = `translate3d(${o}px, ${s}px, 0) scale(${n})`, this.bus.fire("scale", n);
 }, Ne = function(t, e, n = !1) {
-  const { map: o, scaleVal: i, bus: s, container: r, nodes: l } = this;
+  const { map: o, scaleVal: s, bus: i, container: r, nodes: c } = this;
   if (n && o.style.transition === "transform 0.3s")
     return;
   const a = o.style.transform;
-  let { x: d, y: f } = Lt(a);
-  const h = r.getBoundingClientRect(), p = l.getBoundingClientRect(), v = p.left < h.right && p.right > h.left, y = p.top < h.bottom && p.bottom > h.top;
-  if (v) {
-    const u = p.left + t, g = p.right + t;
-    (u >= h.right || g <= h.left) && (t = 0);
-  }
+  let { x: l, y: h } = gt(a);
+  const f = r.getBoundingClientRect(), u = c.getBoundingClientRect(), y = u.left < f.right && u.right > f.left, m = u.top < f.bottom && u.bottom > f.top;
   if (y) {
-    const u = p.top + e, g = p.bottom + e;
-    (u >= h.bottom || g <= h.top) && (e = 0);
+    const p = u.left + t, g = u.right + t;
+    (p >= f.right || g <= f.left) && (t = 0);
   }
-  d += t, f += e, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
+  if (m) {
+    const p = u.top + e, g = u.bottom + e;
+    (p >= f.bottom || g <= f.top) && (e = 0);
+  }
+  l += t, h += e, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate3d(${d}px, ${f}px, 0) scale(${i})`, s.fire("move", { dx: t, dy: e });
-}, gt = (t, e = !1) => {
-  const { container: n, map: o, nodes: i } = t;
-  let s, r;
+  }, 300)), o.style.transform = `translate3d(${l}px, ${h}px, 0) scale(${s})`, i.fire("move", { dx: t, dy: e });
+}, mt = (t, e = !1) => {
+  const { container: n, map: o, nodes: s } = t;
+  let i, r;
   if (t.alignment === "nodes" || e)
-    s = (n.offsetWidth - i.offsetWidth) / 2, r = (n.offsetHeight - i.offsetHeight) / 2, o.style.transformOrigin = "50% 50%";
+    i = (n.offsetWidth - s.offsetWidth) / 2, r = (n.offsetHeight - s.offsetHeight) / 2, o.style.transformOrigin = "50% 50%";
   else {
-    const l = o.querySelector("me-root"), a = l.offsetTop, d = l.offsetLeft, f = l.offsetWidth, h = l.offsetHeight;
-    s = n.offsetWidth / 2 - d - f / 2, r = n.offsetHeight / 2 - a - h / 2, o.style.transformOrigin = `${d + f / 2}px 50%`;
+    const c = o.querySelector("me-root"), a = c.offsetTop, l = c.offsetLeft, h = c.offsetWidth, f = c.offsetHeight;
+    i = n.offsetWidth / 2 - l - h / 2, r = n.offsetHeight / 2 - a - f / 2, o.style.transformOrigin = `${l + h / 2}px 50%`;
   }
-  return { dx: s, dy: r };
-}, Pe = function() {
-  const { map: t, container: e } = this, { dx: n, dy: o } = gt(this);
+  return { dx: i, dy: r };
+}, Ae = function() {
+  const { map: t, container: e } = this, { dx: n, dy: o } = mt(this);
   e.scrollTop = 0, e.scrollLeft = 0, t.style.transform = `translate3d(${n}px, ${o}px, 0) scale(${this.scaleVal})`;
-}, Ae = function(t) {
+}, Pe = function(t) {
   t(this);
 }, He = function(t) {
   t.nodeObj.parent && (this.clearSelection(), this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = t.nodeObj, this.initRight(), this.toCenter());
 }, Ie = function() {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
-}, Be = function() {
-  this.direction = 0, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
 }, Oe = function() {
-  this.direction = 1, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
+  this.direction = 0, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
 }, Ye = function() {
+  this.direction = 1, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
+}, Be = function() {
   this.direction = 2, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
 }, Re = function(t) {
   this.locale = t, this.refresh();
 }, We = function(t, e) {
   const n = t.nodeObj;
   typeof e == "boolean" ? n.expanded = e : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
-  const o = t.getBoundingClientRect(), i = {
+  const o = t.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
-  }, s = t.parentNode, r = s.children[1];
+  }, i = t.parentNode, r = i.children[1];
   if (r.expanded = n.expanded, r.className = n.expanded ? "minus" : "", ve(t), n.expanded) {
-    const h = this.createChildren(
-      n.children.map((p) => this.createWrapper(p).grp)
+    const f = this.createChildren(
+      n.children.map((u) => this.createWrapper(u).grp)
     );
-    s.parentNode.appendChild(h);
+    i.parentNode.appendChild(f);
   } else
-    s.parentNode.children[1].remove();
+    i.parentNode.children[1].remove();
   this.linkDiv(t.closest("me-main > me-wrapper"));
-  const l = t.getBoundingClientRect(), a = {
-    x: l.left,
-    y: l.top
-  }, d = i.x - a.x, f = i.y - a.y;
-  this.move(d, f), this.bus.fire("expandNode", n);
-}, Ge = function(t, e) {
-  const n = t.nodeObj, o = t.getBoundingClientRect(), i = {
+  const c = t.getBoundingClientRect(), a = {
+    x: c.left,
+    y: c.top
+  }, l = s.x - a.x, h = s.y - a.y;
+  this.move(l, h), this.bus.fire("expandNode", n);
+}, Xe = function(t, e) {
+  const n = t.nodeObj, o = t.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
   };
-  Tt(n, e ?? !n.expanded), this.refresh();
-  const s = this.findEle(n.id).getBoundingClientRect(), r = {
-    x: s.left,
-    y: s.top
-  }, l = i.x - r.x, a = i.y - r.y;
-  this.move(l, a);
-}, ze = function(t) {
+  Lt(n, e ?? !n.expanded), this.refresh();
+  const i = this.findEle(n.id).getBoundingClientRect(), r = {
+    x: i.left,
+    y: i.top
+  }, c = s.x - r.x, a = s.y - r.y;
+  this.move(c, a);
+}, Ge = function(t) {
   this.clearSelection(), t && (t = JSON.parse(JSON.stringify(t)), this.nodeData = t.nodeData, this.arrows = t.arrows || [], this.summaries = t.summaries || [], t.theme && this.changeTheme(t.theme)), pt(this.nodeData), this.layout(), this.linkDiv();
 }, Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: Ie,
   clearSelection: Se,
-  disableEdit: De,
-  enableEdit: ke,
+  disableEdit: Me,
+  enableEdit: De,
   expandNode: We,
-  expandNodeAll: Ge,
+  expandNodeAll: Xe,
   focusNode: He,
   getData: Le,
   getDataString: Te,
-  initLeft: Be,
-  initRight: Oe,
-  initSide: Ye,
-  install: Ae,
+  initLeft: Oe,
+  initRight: Ye,
+  initSide: Be,
+  install: Pe,
   move: Ne,
-  refresh: ze,
-  scale: Me,
+  refresh: Ge,
+  scale: ke,
   scaleFit: $e,
   scrollIntoView: be,
   selectNode: xe,
   selectNodes: Ce,
   setLocale: Re,
-  toCenter: Pe,
+  toCenter: Ae,
   unselectNodes: Ee
-}, Symbol.toStringTag, { value: "Module" })), Xe = function(t) {
+}, Symbol.toStringTag, { value: "Module" })), ze = function(t) {
   return {
     dom: t,
     moved: !1,
@@ -887,7 +901,7 @@ const be = function(t) {
     },
     cb: null,
     init(e, n) {
-      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = kt([
+      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = Dt([
         { dom: e, evt: "pointermove", func: this.handlePointerMove },
         { dom: e, evt: "pointerleave", func: this.handleClear },
         { dom: e, evt: "pointerup", func: this.handleClear },
@@ -899,68 +913,68 @@ const be = function(t) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, Ct = {
-  create: Xe
+}, Et = {
+  create: ze
 }, Fe = "#4dc4ff";
-function Bt(t, e, n, o, i, s, r, l) {
+function Ot(t, e, n, o, s, i, r, c) {
   return {
-    x: t / 8 + n * 3 / 8 + i * 3 / 8 + r / 8,
-    y: e / 8 + o * 3 / 8 + s * 3 / 8 + l / 8
+    x: t / 8 + n * 3 / 8 + s * 3 / 8 + r / 8,
+    y: e / 8 + o * 3 / 8 + i * 3 / 8 + c / 8
   };
 }
 function je(t, e, n) {
-  t && (t.dataset.x = e.toString(), t.dataset.y = n.toString(), st(t));
+  t && (t.dataset.x = e.toString(), t.dataset.y = n.toString(), it(t));
 }
-function J(t, e, n, o, i) {
+function J(t, e, n, o, s) {
   k(t, {
     x1: e + "",
     y1: n + "",
     x2: o + "",
-    y2: i + ""
+    y2: s + ""
   });
 }
-function Et(t, e, n, o, i, s, r, l, a, d) {
-  const f = `M ${e} ${n} C ${o} ${i} ${s} ${r} ${l} ${a}`;
-  if (t.line.setAttribute("d", f), d.style) {
-    const u = d.style;
-    u.stroke && t.line.setAttribute("stroke", u.stroke), u.strokeWidth && t.line.setAttribute("stroke-width", String(u.strokeWidth)), u.strokeDasharray && t.line.setAttribute("stroke-dasharray", u.strokeDasharray), u.strokeLinecap && t.line.setAttribute("stroke-linecap", u.strokeLinecap), u.opacity !== void 0 && t.line.setAttribute("opacity", String(u.opacity));
+function St(t, e, n, o, s, i, r, c, a, l) {
+  const h = `M ${e} ${n} C ${o} ${s} ${i} ${r} ${c} ${a}`;
+  if (t.line.setAttribute("d", h), l.style) {
+    const p = l.style;
+    p.stroke && t.line.setAttribute("stroke", p.stroke), p.strokeWidth && t.line.setAttribute("stroke-width", String(p.strokeWidth)), p.strokeDasharray && t.line.setAttribute("stroke-dasharray", p.strokeDasharray), p.strokeLinecap && t.line.setAttribute("stroke-linecap", p.strokeLinecap), p.opacity !== void 0 && t.line.setAttribute("opacity", String(p.opacity));
   }
-  const h = t.querySelectorAll('path[stroke="transparent"]');
-  h.length > 0 && h[0].setAttribute("d", f);
-  const p = et(s, r, l, a);
-  if (p) {
-    const u = `M ${p.x1} ${p.y1} L ${l} ${a} L ${p.x2} ${p.y2}`;
-    if (t.arrow1.setAttribute("d", u), h.length > 1 && h[1].setAttribute("d", u), d.style) {
-      const g = d.style;
+  const f = t.querySelectorAll('path[stroke="transparent"]');
+  f.length > 0 && f[0].setAttribute("d", h);
+  const u = et(i, r, c, a);
+  if (u) {
+    const p = `M ${u.x1} ${u.y1} L ${c} ${a} L ${u.x2} ${u.y2}`;
+    if (t.arrow1.setAttribute("d", p), f.length > 1 && f[1].setAttribute("d", p), l.style) {
+      const g = l.style;
       g.stroke && t.arrow1.setAttribute("stroke", g.stroke), g.strokeWidth && t.arrow1.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeLinecap && t.arrow1.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && t.arrow1.setAttribute("opacity", String(g.opacity));
     }
   }
-  if (d.bidirectional) {
-    const u = et(o, i, e, n);
-    if (u) {
-      const g = `M ${u.x1} ${u.y1} L ${e} ${n} L ${u.x2} ${u.y2}`;
-      if (t.arrow2.setAttribute("d", g), h.length > 2 && h[2].setAttribute("d", g), d.style) {
-        const w = d.style;
+  if (l.bidirectional) {
+    const p = et(o, s, e, n);
+    if (p) {
+      const g = `M ${p.x1} ${p.y1} L ${e} ${n} L ${p.x2} ${p.y2}`;
+      if (t.arrow2.setAttribute("d", g), f.length > 2 && f[2].setAttribute("d", g), l.style) {
+        const w = l.style;
         w.stroke && t.arrow2.setAttribute("stroke", w.stroke), w.strokeWidth && t.arrow2.setAttribute("stroke-width", String(w.strokeWidth)), w.strokeLinecap && t.arrow2.setAttribute("stroke-linecap", w.strokeLinecap), w.opacity !== void 0 && t.arrow2.setAttribute("opacity", String(w.opacity));
       }
     }
   }
-  const { x: v, y } = Bt(e, n, o, i, s, r, l, a);
-  if (t.labelEl && je(t.labelEl, v, y), d.style?.labelColor) {
-    const u = t.labelEl;
-    u && (u.style.color = d.style.labelColor);
+  const { x: y, y: m } = Ot(e, n, o, s, i, r, c, a);
+  if (t.labelEl && je(t.labelEl, y, m), l.style?.labelColor) {
+    const p = t.labelEl;
+    p && (p.style.color = l.style.labelColor);
   }
   tn(t);
 }
 function ot(t, e, n) {
-  const { offsetLeft: o, offsetTop: i } = B(t.nodes, e), s = e.offsetWidth, r = e.offsetHeight, l = o + s / 2, a = i + r / 2, d = l + n.x, f = a + n.y;
+  const { offsetLeft: o, offsetTop: s } = I(t.nodes, e), i = e.offsetWidth, r = e.offsetHeight, c = o + i / 2, a = s + r / 2, l = c + n.x, h = a + n.y;
   return {
-    w: s,
+    w: i,
     h: r,
-    cx: l,
+    cx: c,
     cy: a,
-    ctrlX: d,
-    ctrlY: f
+    ctrlX: l,
+    ctrlY: h
   };
 }
 function V(t) {
@@ -971,51 +985,57 @@ function V(t) {
     y: n
   };
 }
-const mt = function(t, e, n, o, i) {
+const yt = function(t, e, n, o, s) {
   if (!e || !n)
     return;
-  const s = ot(t, e, o.delta1), r = ot(t, n, o.delta2), { x: l, y: a } = V(s), { ctrlX: d, ctrlY: f } = s, { ctrlX: h, ctrlY: p } = r, { x: v, y } = V(r), u = et(h, p, v, y);
-  if (!u) return;
-  const g = `M ${u.x1} ${u.y1} L ${v} ${y} L ${u.x2} ${u.y2}`;
+  const i = ot(t, e, o.delta1), r = ot(t, n, o.delta2), { x: c, y: a } = V(i), { ctrlX: l, ctrlY: h } = i, { ctrlX: f, ctrlY: u } = r, { x: y, y: m } = V(r), p = et(f, u, y, m);
+  if (!p) return;
+  const g = `M ${p.x1} ${p.y1} L ${y} ${m} L ${p.x2} ${p.y2}`;
   let w = "";
   if (o.bidirectional) {
-    const N = et(d, f, l, a);
+    const N = et(l, h, c, a);
     if (!N) return;
-    w = `M ${N.x1} ${N.y1} L ${l} ${a} L ${N.x2} ${N.y2}`;
+    w = `M ${N.x1} ${N.y1} L ${c} ${a} L ${N.x2} ${N.y2}`;
   }
-  const b = ie(`M ${l} ${a} C ${d} ${f} ${h} ${p} ${v} ${y}`, g, w, o.style), { x: C, y: S } = Bt(l, a, d, f, h, p, v, y), T = o.style?.labelColor || "rgb(235, 95, 82)", D = "arrow-" + o.id;
-  b.id = D;
-  const L = t.markdown ? t.markdown(o.label, o) : o.label, M = ht(L, C, S, {
+  const b = se(`M ${c} ${a} C ${l} ${h} ${f} ${u} ${y} ${m}`, g, w, o.style), { x, y: S } = Ot(c, a, l, h, f, u, y, m), T = o.style?.labelColor || "rgb(235, 95, 82)", M = "arrow-" + o.id;
+  b.id = M;
+  const E = t.markdown ? t.markdown(o.label, o) : o.label, L = ht(E, x, S, {
     anchor: "middle",
     color: T,
     dataType: "arrow",
-    svgId: D
+    svgId: M
   });
-  b.labelEl = M, b.arrowObj = o, b.dataset.linkid = o.id, t.labelContainer.appendChild(M), t.linkSvgGroup.appendChild(b), st(M), i || (t.arrows.push(o), t.currentArrow = b, Ot(t, o, s, r));
+  b.labelEl = L, b.arrowObj = o, b.dataset.linkid = o.id, t.labelContainer.appendChild(L), t.linkSvgGroup.appendChild(b), it(L), s || (t.arrows.push(o), t.currentArrow = b, Yt(t, o, i, r));
 }, qe = function(t, e, n = {}) {
-  const o = {
+  const o = I(this.nodes, t), s = I(this.nodes, e), i = o.offsetLeft + t.offsetWidth / 2, r = o.offsetTop + t.offsetHeight / 2, c = s.offsetLeft + e.offsetWidth / 2, a = s.offsetTop + e.offsetHeight / 2, l = c - i, h = a - r, f = Math.sqrt(l * l + h * h), u = Math.max(50, Math.min(200, f * 0.3)), y = Math.abs(l), m = Math.abs(h);
+  let p, g;
+  if (y > m * 1.5) {
+    const b = l > 0 ? t.offsetWidth / 2 : -t.offsetWidth / 2, x = l > 0 ? -e.offsetWidth / 2 : e.offsetWidth / 2;
+    p = { x: b + (l > 0 ? u : -u), y: 0 }, g = { x: x + (l > 0 ? -u : u), y: 0 };
+  } else if (m > y * 1.5) {
+    const b = h > 0 ? t.offsetHeight / 2 : -t.offsetHeight / 2, x = h > 0 ? -e.offsetHeight / 2 : e.offsetHeight / 2;
+    p = { x: 0, y: b + (h > 0 ? u : -u) }, g = { x: 0, y: x + (h > 0 ? -u : u) };
+  } else {
+    const b = Math.atan2(h, l), x = t.offsetWidth / 2 * Math.cos(b), S = t.offsetHeight / 2 * Math.sin(b), T = -(e.offsetWidth / 2) * Math.cos(b), M = -(e.offsetHeight / 2) * Math.sin(b), E = u * 0.7 * (l > 0 ? 1 : -1), L = u * 0.7 * (h > 0 ? 1 : -1);
+    p = { x: x + E, y: S + L }, g = { x: T - E, y: M - L };
+  }
+  const w = {
     id: _(),
     label: "Custom Link",
     from: t.nodeObj.id,
     to: e.nodeObj.id,
-    delta1: {
-      x: t.offsetWidth / 2 + 100,
-      y: 0
-    },
-    delta2: {
-      x: e.offsetWidth / 2 + 100,
-      y: 0
-    },
+    delta1: p,
+    delta2: g,
     ...n
   };
-  mt(this, t, e, o), this.bus.fire("operation", {
+  yt(this, t, e, w), this.bus.fire("operation", {
     name: "createArrow",
-    obj: o
+    obj: w
   });
 }, _e = function(t) {
   rt(this);
   const e = { ...t, id: _() };
-  mt(this, this.findEle(e.from), this.findEle(e.to), e), this.bus.fire("operation", {
+  yt(this, this.findEle(e.from), this.findEle(e.to), e), this.bus.fire("operation", {
     name: "createArrow",
     obj: e
   });
@@ -1032,12 +1052,12 @@ const mt = function(t, e, n, o, i) {
   });
 }, Ke = function(t) {
   this.currentArrow = t;
-  const e = t.arrowObj, n = this.findEle(e.from), o = this.findEle(e.to), i = ot(this, n, e.delta1), s = ot(this, o, e.delta2);
-  Ot(this, e, i, s);
+  const e = t.arrowObj, n = this.findEle(e.from), o = this.findEle(e.to), s = ot(this, n, e.delta1), i = ot(this, o, e.delta2);
+  Yt(this, e, s, i);
 }, Je = function() {
   rt(this), this.currentArrow = null;
 }, at = function(t, e) {
-  const n = document.createElementNS(I, "path");
+  const n = document.createElementNS(O, "path");
   return k(n, {
     d: t,
     stroke: e,
@@ -1047,14 +1067,14 @@ const mt = function(t, e, n, o, i) {
     "stroke-linejoin": "round"
   }), n;
 }, Qe = function(t, e) {
-  const n = document.createElementNS(I, "g");
+  const n = document.createElementNS(O, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
   const o = at(t.line.getAttribute("d"), e);
   n.appendChild(o);
-  const i = at(t.arrow1.getAttribute("d"), e);
-  if (n.appendChild(i), t.arrow2.getAttribute("d")) {
-    const s = at(t.arrow2.getAttribute("d"), e);
-    n.appendChild(s);
+  const s = at(t.arrow1.getAttribute("d"), e);
+  if (n.appendChild(s), t.arrow2.getAttribute("d")) {
+    const i = at(t.arrow2.getAttribute("d"), e);
+    n.appendChild(i);
   }
   t.insertBefore(n, t.firstChild);
 }, Ze = function(t) {
@@ -1067,19 +1087,19 @@ const mt = function(t, e, n, o, i) {
   n.length >= 1 && n[0].setAttribute("d", t.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", t.arrow1.getAttribute("d")), n.length >= 3 && t.arrow2.getAttribute("d") && n[2].setAttribute("d", t.arrow2.getAttribute("d"));
 }, rt = function(t) {
   t.helper1?.destroy(), t.helper2?.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && Ze(t.currentArrow);
-}, Ot = function(t, e, n, o) {
-  const { linkController: i, P2: s, P3: r, line1: l, line2: a, nodes: d, map: f, currentArrow: h, bus: p } = t;
-  if (!h) return;
-  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", d.appendChild(i), d.appendChild(s), d.appendChild(r), Qe(h, Fe);
-  let { x: v, y } = V(n), { ctrlX: u, ctrlY: g } = n, { ctrlX: w, ctrlY: b } = o, { x: C, y: S } = V(o);
-  s.style.cssText = `top:${g}px;left:${u}px;`, r.style.cssText = `top:${b}px;left:${w}px;`, J(l, v, y, u, g), J(a, w, b, C, S), t.helper1 = Ct.create(s), t.helper2 = Ct.create(r), t.helper1.init(f, (T, D) => {
-    u = u + T / t.scaleVal, g = g + D / t.scaleVal;
-    const L = V({ ...n, ctrlX: u, ctrlY: g });
-    v = L.x, y = L.y, s.style.top = g + "px", s.style.left = u + "px", Et(h, v, y, u, g, w, b, C, S, e), J(l, v, y, u, g), e.delta1.x = u - n.cx, e.delta1.y = g - n.cy, p.fire("updateArrowDelta", e);
-  }), t.helper2.init(f, (T, D) => {
-    w = w + T / t.scaleVal, b = b + D / t.scaleVal;
-    const L = V({ ...o, ctrlX: w, ctrlY: b });
-    C = L.x, S = L.y, r.style.top = b + "px", r.style.left = w + "px", Et(h, v, y, u, g, w, b, C, S, e), J(a, w, b, C, S), e.delta2.x = w - o.cx, e.delta2.y = b - o.cy, p.fire("updateArrowDelta", e);
+}, Yt = function(t, e, n, o) {
+  const { linkController: s, P2: i, P3: r, line1: c, line2: a, nodes: l, map: h, currentArrow: f, bus: u } = t;
+  if (!f) return;
+  s.style.display = "initial", i.style.display = "initial", r.style.display = "initial", l.appendChild(s), l.appendChild(i), l.appendChild(r), Qe(f, Fe);
+  let { x: y, y: m } = V(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: w, ctrlY: b } = o, { x, y: S } = V(o);
+  i.style.cssText = `top:${g}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${w}px;`, J(c, y, m, p, g), J(a, w, b, x, S), t.helper1 = Et.create(i), t.helper2 = Et.create(r), t.helper1.init(h, (T, M) => {
+    p = p + T / t.scaleVal, g = g + M / t.scaleVal;
+    const E = V({ ...n, ctrlX: p, ctrlY: g });
+    y = E.x, m = E.y, i.style.top = g + "px", i.style.left = p + "px", St(f, y, m, p, g, w, b, x, S, e), J(c, y, m, p, g), e.delta1.x = p - n.cx, e.delta1.y = g - n.cy, u.fire("updateArrowDelta", e);
+  }), t.helper2.init(h, (T, M) => {
+    w = w + T / t.scaleVal, b = b + M / t.scaleVal;
+    const E = V({ ...o, ctrlX: w, ctrlY: b });
+    x = E.x, S = E.y, r.style.top = b + "px", r.style.left = w + "px", St(f, y, m, p, g, w, b, x, S, e), J(a, w, b, x, S), e.delta2.x = w - o.cx, e.delta2.y = b - o.cy, u.fire("updateArrowDelta", e);
   });
 };
 function en() {
@@ -1087,7 +1107,7 @@ function en() {
   for (let e = 0; e < this.arrows.length; e++) {
     const n = this.arrows[e];
     try {
-      mt(this, this.findEle(n.from), this.findEle(n.to), n, !0);
+      yt(this, this.findEle(n.from), this.findEle(n.to), n, !0);
     } catch {
     }
   }
@@ -1112,45 +1132,45 @@ const sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), rn = function(t) {
   if (t.length === 0) throw new Error("No selected node.");
   if (t.length === 1) {
-    const a = t[0].nodeObj, d = t[0].nodeObj.parent;
-    if (!d) throw new Error("Can not select root node.");
-    const f = d.children.findIndex((h) => a === h);
+    const a = t[0].nodeObj, l = t[0].nodeObj.parent;
+    if (!l) throw new Error("Can not select root node.");
+    const h = l.children.findIndex((f) => a === f);
     return {
-      parent: d.id,
-      start: f,
-      end: f
+      parent: l.id,
+      start: h,
+      end: h
     };
   }
   let e = 0;
   const n = t.map((a) => {
-    let d = a.nodeObj;
-    const f = [];
-    for (; d.parent; ) {
-      const h = d.parent, v = h.children?.indexOf(d);
-      d = h, f.unshift({ node: d, index: v });
+    let l = a.nodeObj;
+    const h = [];
+    for (; l.parent; ) {
+      const f = l.parent, y = f.children?.indexOf(l);
+      l = f, h.unshift({ node: l, index: y });
     }
-    return f.length > e && (e = f.length), f;
+    return h.length > e && (e = h.length), h;
   });
   let o = 0;
   t: for (; o < e; o++) {
     const a = n[0][o]?.node;
-    for (let d = 1; d < n.length; d++)
-      if (n[d][o]?.node !== a)
+    for (let l = 1; l < n.length; l++)
+      if (n[l][o]?.node !== a)
         break t;
   }
   if (!o) throw new Error("Can not select root node.");
-  const i = n.map((a) => a[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, l = n[0][o - 1].node;
-  if (!l.parent) throw new Error("Please select nodes in the same main topic.");
+  const s = n.map((a) => a[o - 1].index).sort(), i = s[0] || 0, r = s[s.length - 1] || 0, c = n[0][o - 1].node;
+  if (!c.parent) throw new Error("Please select nodes in the same main topic.");
   return {
-    parent: l.id,
-    start: s,
+    parent: c.id,
+    start: i,
     end: r
   };
-}, ln = function(t) {
-  const e = document.createElementNS(I, "g");
+}, cn = function(t) {
+  const e = document.createElementNS(O, "g");
   return e.setAttribute("id", t), e;
-}, St = function(t, e) {
-  const n = document.createElementNS(I, "path");
+}, Tt = function(t, e) {
+  const n = document.createElementNS(O, "path");
   return k(n, {
     d: t,
     stroke: e || "#666",
@@ -1158,35 +1178,35 @@ const sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, cn = (t) => t.parentElement.parentElement, an = function(t, { parent: e, start: n }) {
-  const o = t.findEle(e), i = o.nodeObj;
-  let s;
-  return i.parent ? s = o.closest("me-main").className : s = t.findEle(i.children[n].id).closest("me-main").className, s;
-}, yt = function(t, e) {
-  const { id: n, label: o, parent: i, start: s, end: r, style: l } = e, { nodes: a, theme: d, summarySvg: f } = t, p = t.findEle(i).nodeObj, v = an(t, e);
-  let y = 1 / 0, u = 0, g = 0, w = 0;
-  for (let c = s; c <= r; c++) {
-    const m = p.children?.[c];
-    if (!m)
+}, ln = (t) => t.parentElement.parentElement, an = function(t, { parent: e, start: n }) {
+  const o = t.findEle(e), s = o.nodeObj;
+  let i;
+  return s.parent ? i = o.closest("me-main").className : i = t.findEle(s.children[n].id).closest("me-main").className, i;
+}, vt = function(t, e) {
+  const { id: n, label: o, parent: s, start: i, end: r, style: c } = e, { nodes: a, theme: l, summarySvg: h } = t, u = t.findEle(s).nodeObj, y = an(t, e);
+  let m = 1 / 0, p = 0, g = 0, w = 0;
+  for (let d = i; d <= r; d++) {
+    const v = u.children?.[d];
+    if (!v)
       return t.removeSummary(n), null;
-    const x = cn(t.findEle(m.id)), { offsetLeft: H, offsetTop: Y } = B(a, x), $ = s === r ? 10 : 20;
-    c === s && (g = Y + $), c === r && (w = Y + x.offsetHeight - $), H < y && (y = H), x.offsetWidth + H > u && (u = x.offsetWidth + H);
+    const C = ln(t.findEle(v.id)), { offsetLeft: H, offsetTop: B } = I(a, C), $ = i === r ? 10 : 20;
+    d === i && (g = B + $), d === r && (w = B + C.offsetHeight - $), H < m && (m = H), C.offsetWidth + H > p && (p = C.offsetWidth + H);
   }
-  let b, C;
-  const S = p.parent ? 10 : 0, T = g + S, D = w + S, L = (T + D) / 2, M = l?.stroke || d.cssVar["--color"], N = l?.labelColor || d.cssVar["--color"], R = "s-" + n, E = t.markdown ? t.markdown(o, e) : o;
-  v === F.LHS ? (b = St(`M ${y + 10} ${T} c -5 0 -10 5 -10 10 L ${y} ${D - 10} c 0 5 5 10 10 10 M ${y} ${L} h -10`, M), C = ht(E, y - 20, L, { anchor: "end", color: N, dataType: "summary", svgId: R })) : (b = St(`M ${u - 10} ${T} c 5 0 10 5 10 10 L ${u} ${D - 10} c 0 5 -5 10 -10 10 M ${u} ${L} h 10`, M), C = ht(E, u + 20, L, { anchor: "start", color: N, dataType: "summary", svgId: R }));
-  const G = ln(R);
-  return G.appendChild(b), t.labelContainer.appendChild(C), st(C), G.summaryObj = e, G.labelEl = C, f.appendChild(G), G;
+  let b, x;
+  const S = u.parent ? 10 : 0, T = g + S, M = w + S, E = (T + M) / 2, L = c?.stroke || l.cssVar["--color"], N = c?.labelColor || l.cssVar["--color"], R = "s-" + n, D = t.markdown ? t.markdown(o, e) : o;
+  y === F.LHS ? (b = Tt(`M ${m + 10} ${T} c -5 0 -10 5 -10 10 L ${m} ${M - 10} c 0 5 5 10 10 10 M ${m} ${E} h -10`, L), x = ht(D, m - 20, E, { anchor: "end", color: N, dataType: "summary", svgId: R })) : (b = Tt(`M ${p - 10} ${T} c 5 0 10 5 10 10 L ${p} ${M - 10} c 0 5 -5 10 -10 10 M ${p} ${E} h 10`, L), x = ht(D, p + 20, E, { anchor: "start", color: N, dataType: "summary", svgId: R }));
+  const X = cn(R);
+  return X.appendChild(b), t.labelContainer.appendChild(x), it(x), X.summaryObj = e, X.labelEl = x, h.appendChild(X), X;
 }, dn = function(t = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: e, summaries: n, bus: o } = this, { parent: i, start: s, end: r } = rn(e), l = { id: _(), parent: i, start: s, end: r, label: "summary", style: t.style }, a = yt(this, l);
-  n.push(l), this.editSummary(a), o.fire("operation", {
+  const { currentNodes: e, summaries: n, bus: o } = this, { parent: s, start: i, end: r } = rn(e), c = { id: _(), parent: s, start: i, end: r, label: "summary", style: t.style }, a = vt(this, c);
+  n.push(c), this.editSummary(a), o.fire("operation", {
     name: "createSummary",
-    obj: l
+    obj: c
   });
 }, hn = function(t) {
   const e = _(), n = { ...t, id: e };
-  yt(this, n), this.summaries.push(n), this.bus.fire("operation", {
+  vt(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
@@ -1204,7 +1224,7 @@ const sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, gn = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((t) => {
     try {
-      yt(this, t);
+      vt(this, t);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
@@ -1219,12 +1239,12 @@ const sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   renderSummary: gn,
   selectSummary: un,
   unselectSummary: pn
-}, Symbol.toStringTag, { value: "Module" })), A = "http://www.w3.org/2000/svg";
+}, Symbol.toStringTag, { value: "Module" })), P = "http://www.w3.org/2000/svg";
 function vn(t, e) {
-  const n = document.createElementNS(A, "svg");
+  const n = document.createElementNS(P, "svg");
   return k(n, {
     version: "1.1",
-    xmlns: A,
+    xmlns: P,
     height: t,
     width: e
   }), n;
@@ -1233,12 +1253,12 @@ function wn(t, e) {
   return (parseInt(t) - parseInt(e)) / 2;
 }
 function bn(t, e, n, o) {
-  const i = document.createElementNS(A, "g");
-  let s = "";
-  return t.text ? s = t.text.textContent : s = t.childNodes[0].textContent, s.split(`
-`).forEach((l, a) => {
-    const d = document.createElementNS(A, "text");
-    k(d, {
+  const s = document.createElementNS(P, "g");
+  let i = "";
+  return t.text ? i = t.text.textContent : i = t.childNodes[0].textContent, i.split(`
+`).forEach((c, a) => {
+    const l = document.createElementNS(P, "text");
+    k(l, {
       x: n + parseInt(e.paddingLeft) + "",
       y: o + parseInt(e.paddingTop) + wn(e.lineHeight, e.fontSize) * (a + 1) + parseFloat(e.fontSize) * (a + 1) + "",
       "text-anchor": "start",
@@ -1246,14 +1266,14 @@ function bn(t, e, n, o) {
       "font-size": `${e.fontSize}`,
       "font-weight": `${e.fontWeight}`,
       fill: `${e.color}`
-    }), d.innerHTML = l, i.appendChild(d);
-  }), i;
+    }), l.innerHTML = c, s.appendChild(l);
+  }), s;
 }
 function xn(t, e, n, o) {
-  let i = "";
-  t.nodeObj?.dangerouslySetInnerHTML ? i = t.nodeObj.dangerouslySetInnerHTML : t.text ? i = t.text.textContent : i = t.childNodes[0].textContent;
-  const s = document.createElementNS(A, "foreignObject");
-  k(s, {
+  let s = "";
+  t.nodeObj?.dangerouslySetInnerHTML ? s = t.nodeObj.dangerouslySetInnerHTML : t.text ? s = t.text.textContent : s = t.childNodes[0].textContent;
+  const i = document.createElementNS(P, "foreignObject");
+  k(i, {
     x: n + parseInt(e.paddingLeft) + "",
     y: o + parseInt(e.paddingTop) + "",
     width: e.width,
@@ -1263,13 +1283,13 @@ function xn(t, e, n, o) {
   return k(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${e.fontFamily}; font-size: ${e.fontSize}; font-weight: ${e.fontWeight}; color: ${e.color}; white-space: pre-wrap;`
-  }), r.innerHTML = i, s.appendChild(r), s;
+  }), r.innerHTML = s, i.appendChild(r), i;
 }
 function Cn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = B(t.nodes, e), s = document.createElementNS(A, "rect");
-  return k(s, {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = I(t.nodes, e), i = document.createElementNS(P, "rect");
+  return k(i, {
     x: o + "",
-    y: i + "",
+    y: s + "",
     rx: n.borderRadius,
     ry: n.borderRadius,
     width: n.width,
@@ -1277,13 +1297,13 @@ function Cn(t, e) {
     fill: n.backgroundColor,
     stroke: n.borderColor,
     "stroke-width": n.borderWidth
-  }), s;
+  }), i;
 }
 function Q(t, e, n = !1) {
-  const o = getComputedStyle(e), { offsetLeft: i, offsetTop: s } = B(t.nodes, e), r = document.createElementNS(A, "rect");
+  const o = getComputedStyle(e), { offsetLeft: s, offsetTop: i } = I(t.nodes, e), r = document.createElementNS(P, "rect");
   k(r, {
-    x: i + "",
-    y: s + "",
+    x: s + "",
+    y: i + "",
     rx: o.borderRadius,
     ry: o.borderRadius,
     width: o.width,
@@ -1292,97 +1312,97 @@ function Q(t, e, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const l = document.createElementNS(A, "g");
-  l.appendChild(r);
+  const c = document.createElementNS(P, "g");
+  c.appendChild(r);
   let a;
-  return n ? a = xn(e, o, i, s) : a = bn(e, o, i, s), l.appendChild(a), l;
+  return n ? a = xn(e, o, s, i) : a = bn(e, o, s, i), c.appendChild(a), c;
 }
 function En(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = B(t.nodes, e), s = document.createElementNS(A, "a"), r = document.createElementNS(A, "text");
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = I(t.nodes, e), i = document.createElementNS(P, "a"), r = document.createElementNS(P, "text");
   return k(r, {
     x: o + "",
-    y: i + parseInt(n.fontSize) + "",
+    y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
     "font-family": n.fontFamily,
     "font-size": `${n.fontSize}`,
     "font-weight": `${n.fontWeight}`,
     fill: `${n.color}`
-  }), r.innerHTML = e.textContent, s.appendChild(r), s.setAttribute("href", e.href), s;
+  }), r.innerHTML = e.textContent, i.appendChild(r), i.setAttribute("href", e.href), i;
 }
 function Sn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = B(t.nodes, e), s = document.createElementNS(A, "image");
-  return k(s, {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = I(t.nodes, e), i = document.createElementNS(P, "image");
+  return k(i, {
     x: o + "",
-    y: i + "",
+    y: s + "",
     width: n.width + "",
     height: n.height + "",
     href: e.src
-  }), s;
+  }), i;
 }
 const Z = 100, Tn = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">', Ln = (t, e = !1) => {
-  const n = t.nodes, o = n.offsetHeight + Z * 2, i = n.offsetWidth + Z * 2, s = vn(o + "px", i + "px"), r = document.createElementNS(A, "svg"), l = document.createElementNS(A, "rect");
-  k(l, {
+  const n = t.nodes, o = n.offsetHeight + Z * 2, s = n.offsetWidth + Z * 2, i = vn(o + "px", s + "px"), r = document.createElementNS(P, "svg"), c = document.createElementNS(P, "rect");
+  k(c, {
     x: "0",
     y: "0",
-    width: `${i}`,
+    width: `${s}`,
     height: `${o}`,
     fill: t.theme.cssVar["--bgcolor"]
-  }), s.appendChild(l), n.querySelectorAll(".subLines").forEach((h) => {
-    const p = h.cloneNode(!0), { offsetLeft: v, offsetTop: y } = B(n, h.parentElement);
-    p.setAttribute("x", `${v}`), p.setAttribute("y", `${y}`), r.appendChild(p);
+  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((f) => {
+    const u = f.cloneNode(!0), { offsetLeft: y, offsetTop: m } = I(n, f.parentElement);
+    u.setAttribute("x", `${y}`), u.setAttribute("y", `${m}`), r.appendChild(u);
   });
   const a = n.querySelector(".lines")?.cloneNode(!0);
   a && r.appendChild(a);
-  const d = n.querySelector(".topiclinks")?.cloneNode(!0);
-  d && r.appendChild(d);
-  const f = n.querySelector(".summary")?.cloneNode(!0);
-  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((h) => {
-    h.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Q(t, h, !e)) : (r.appendChild(Cn(t, h)), r.appendChild(Q(t, h.text, !e)));
-  }), n.querySelectorAll(".tags > span").forEach((h) => {
-    r.appendChild(Q(t, h));
-  }), n.querySelectorAll(".icons > span").forEach((h) => {
-    r.appendChild(Q(t, h));
-  }), n.querySelectorAll(".hyper-link").forEach((h) => {
-    r.appendChild(En(t, h));
-  }), n.querySelectorAll("img").forEach((h) => {
-    r.appendChild(Sn(t, h));
+  const l = n.querySelector(".topiclinks")?.cloneNode(!0);
+  l && r.appendChild(l);
+  const h = n.querySelector(".summary")?.cloneNode(!0);
+  return h && r.appendChild(h), n.querySelectorAll("me-tpc").forEach((f) => {
+    f.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Q(t, f, !e)) : (r.appendChild(Cn(t, f)), r.appendChild(Q(t, f.text, !e)));
+  }), n.querySelectorAll(".tags > span").forEach((f) => {
+    r.appendChild(Q(t, f));
+  }), n.querySelectorAll(".icons > span").forEach((f) => {
+    r.appendChild(Q(t, f));
+  }), n.querySelectorAll(".hyper-link").forEach((f) => {
+    r.appendChild(En(t, f));
+  }), n.querySelectorAll("img").forEach((f) => {
+    r.appendChild(Sn(t, f));
   }), k(r, {
     x: Z + "",
     y: Z + "",
     overflow: "visible"
-  }), s.appendChild(r), s;
-}, kn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), Tn + t.outerHTML);
-function Dn(t) {
+  }), i.appendChild(r), i;
+}, Dn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), Tn + t.outerHTML);
+function Mn(t) {
   return new Promise((e, n) => {
     const o = new FileReader();
-    o.onload = (i) => {
-      e(i.target.result);
-    }, o.onerror = (i) => {
-      n(i);
+    o.onload = (s) => {
+      e(s.target.result);
+    }, o.onerror = (s) => {
+      n(s);
     }, o.readAsDataURL(t);
   });
 }
-const Mn = function(t = !1, e) {
-  const n = Ln(this, t), o = kn(n, e);
+const kn = function(t = !1, e) {
+  const n = Ln(this, t), o = Dn(n, e);
   return new Blob([o], { type: "image/svg+xml" });
 }, $n = async function(t = !1, e) {
-  const n = this.exportSvg(t, e), o = await Dn(n);
-  return new Promise((i, s) => {
+  const n = this.exportSvg(t, e), o = await Mn(n);
+  return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
-      const l = document.createElement("canvas");
-      l.width = r.width, l.height = r.height, l.getContext("2d").drawImage(r, 0, 0), l.toBlob(i, "image/png", 1);
-    }, r.src = o, r.onerror = s;
+      const c = document.createElement("canvas");
+      c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(s, "image/png", 1);
+    }, r.src = o, r.onerror = i;
   });
 }, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   exportPng: $n,
-  exportSvg: Mn
-}, Symbol.toStringTag, { value: "Module" })), Pn = {}, An = {
+  exportSvg: kn
+}, Symbol.toStringTag, { value: "Module" })), An = {}, Pn = {
   getObjById: tt,
   generateNewObj: Rt,
   layout: Ut,
-  linkDiv: se,
+  linkDiv: ie,
   editTopic: ne,
   createWrapper: Qt,
   createParent: Zt,
@@ -1391,7 +1411,7 @@ const Mn = function(t = !1, e) {
   findEle: $t,
   changeTheme: ye,
   ...Ve,
-  ...Pn,
+  ...An,
   ...sn,
   ...yn,
   ...Nn,
@@ -1403,25 +1423,25 @@ const Mn = function(t = !1, e) {
     this.disposable.forEach((t) => t()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, this.selection?.destroy(), this.selection = void 0;
   }
 };
-function Hn({ pT: t, pL: e, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: a, containerHeight: d }) {
-  let f = e + n / 2;
-  const h = t + o / 2;
-  let p;
-  a === F.LHS ? p = s + r : p = s;
-  const v = i + l / 2, u = (1 - Math.abs(v - h) / d) * 0.25 * (n / 2);
-  return a === F.LHS ? f = f - n / 10 - u : f = f + n / 10 + u, `M ${f} ${h} Q ${f} ${v} ${p} ${v}`;
+function Hn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: a, containerHeight: l }) {
+  let h = e + n / 2;
+  const f = t + o / 2;
+  let u;
+  a === F.LHS ? u = i + r : u = i;
+  const y = s + c / 2, p = (1 - Math.abs(y - f) / l) * 0.25 * (n / 2);
+  return a === F.LHS ? h = h - n / 10 - p : h = h + n / 10 + p, `M ${h} ${f} Q ${h} ${y} ${u} ${y}`;
 }
-function In({ pT: t, pL: e, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: a, isFirst: d }) {
-  const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let h = 0, p = 0;
-  d ? h = t + o / 2 : h = t + o;
-  const v = i + l;
-  let y = 0, u = 0, g = 0;
-  const w = Math.abs(h - v) / 300 * f;
-  return a === F.LHS ? (g = e, y = g + f, u = g - f, p = s + f, `M ${y} ${h} C ${g} ${h} ${g + w} ${v} ${u} ${v} H ${p}`) : (g = e + n, y = g - f, u = g + f, p = s + r - f, `M ${y} ${h} C ${g} ${h} ${g - w} ${v} ${u} ${v} H ${p}`);
+function In({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: a, isFirst: l }) {
+  const h = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
+  let f = 0, u = 0;
+  l ? f = t + o / 2 : f = t + o;
+  const y = s + c;
+  let m = 0, p = 0, g = 0;
+  const w = Math.abs(f - y) / 300 * h;
+  return a === F.LHS ? (g = e, m = g + h, p = g - h, u = i + h, `M ${m} ${f} C ${g} ${f} ${g + w} ${y} ${p} ${y} H ${u}`) : (g = e + n, m = g - h, p = g + h, u = i + r - h, `M ${m} ${f} C ${g} ${f} ${g - w} ${y} ${p} ${y} H ${u}`);
 }
-const Bn = "5.5.0";
-function On(t) {
+const On = "5.6.0";
+function Yn(t) {
   return {
     x: 0,
     y: 0,
@@ -1436,56 +1456,56 @@ function On(t) {
     }
   };
 }
-const z = document;
-function O({
+const G = document;
+function Y({
   el: t,
   direction: e,
   locale: n,
   draggable: o,
-  editable: i,
-  contextMenu: s,
+  editable: s,
+  contextMenu: i,
   toolBar: r,
-  keypress: l,
+  keypress: c,
   mouseSelectionButton: a,
-  selectionContainer: d,
-  before: f,
-  newTopicName: h,
-  allowUndo: p,
-  generateMainBranch: v,
-  generateSubBranch: y,
-  overflowHidden: u,
+  selectionContainer: l,
+  before: h,
+  newTopicName: f,
+  allowUndo: u,
+  generateMainBranch: y,
+  generateSubBranch: m,
+  overflowHidden: p,
   theme: g,
   alignment: w,
   scaleSensitivity: b,
-  scaleMax: C,
+  scaleMax: x,
   scaleMin: S,
   handleWheel: T,
-  markdown: D,
-  imageProxy: L
+  markdown: M,
+  imageProxy: E
 }) {
-  let M = null;
+  let L = null;
   const N = Object.prototype.toString.call(t);
-  if (N === "[object HTMLDivElement]" ? M = t : N === "[object String]" && (M = document.querySelector(t)), !M) throw new Error("MindElixir: el is not a valid element");
-  M.style.position = "relative", M.innerHTML = "", this.el = M, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = h || "New Node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = l ?? !0, this.mouseSelectionButton = a ?? 0, this.direction = e ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = p ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = C ?? 1.4, this.scaleMin = S ?? 0.2, this.generateMainBranch = v || Hn, this.generateSubBranch = y || In, this.overflowHidden = u ?? !1, this.alignment = w ?? "root", this.handleWheel = T ?? !0, this.markdown = D || void 0, this.imageProxy = L || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = On(this), this.bus = _t(), this.container = z.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
+  if (N === "[object HTMLDivElement]" ? L = t : N === "[object String]" && (L = document.querySelector(t)), !L) throw new Error("MindElixir: el is not a valid element");
+  L.style.position = "relative", L.innerHTML = "", this.el = L, this.disposable = [], this.before = h || {}, this.locale = n || "en", this.newTopicName = f || "New Node", this.contextMenu = i ?? !0, this.toolBar = r ?? !0, this.keypress = c ?? !0, this.mouseSelectionButton = a ?? 0, this.direction = e ?? 1, this.draggable = o ?? !0, this.editable = s ?? !0, this.allowUndo = u ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = x ?? 1.4, this.scaleMin = S ?? 0.2, this.generateMainBranch = y || Hn, this.generateSubBranch = m || In, this.overflowHidden = p ?? !1, this.alignment = w ?? "root", this.handleWheel = T ?? !0, this.markdown = M || void 0, this.imageProxy = E || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Yn(this), this.bus = _t(), this.container = G.createElement("div"), this.selectionContainer = l || this.container, this.container.className = "map-container";
   const R = window.matchMedia("(prefers-color-scheme: dark)");
   this.theme = g || (R.matches ? ut : ft);
-  const E = z.createElement("div");
-  E.className = "map-canvas", this.map = E, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = z.createElement("me-nodes"), this.lines = q("lines"), this.summarySvg = q("summary"), this.linkController = q("linkcontroller"), this.P2 = z.createElement("div"), this.P3 = z.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = xt(), this.line2 = xt(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = q("topiclinks"), this.labelContainer = z.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(qt(this));
+  const D = G.createElement("div");
+  D.className = "map-canvas", this.map = D, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = G.createElement("me-nodes"), this.lines = q("lines"), this.summarySvg = q("summary"), this.linkController = q("linkcontroller"), this.P2 = G.createElement("div"), this.P3 = G.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Ct(), this.line2 = Ct(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = q("topiclinks"), this.labelContainer = G.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(qt(this));
 }
-O.prototype = An;
-Object.defineProperty(O.prototype, "currentNode", {
+Y.prototype = Pn;
+Object.defineProperty(Y.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
   },
   enumerable: !0
 });
-O.LEFT = 0;
-O.RIGHT = 1;
-O.SIDE = 2;
-O.THEME = ft;
-O.DARK_THEME = ut;
-O.version = Bn;
-O.E = $t;
+Y.LEFT = 0;
+Y.RIGHT = 1;
+Y.SIDE = 2;
+Y.THEME = ft;
+Y.DARK_THEME = ut;
+Y.version = On;
+Y.E = $t;
 export {
-  O as default
+  Y as default
 };