mind-elixir 5.5.0 → 5.6.0

package/dist/MindElixir.js

@@ -14,6 +14,7 @@ const Se = {
     "--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 Se = {
     "--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",
@@ -65,16 +67,16 @@ const he = function(e, t) {
     return null;
   } else
     return null;
-}, X = (e, t) => {
+}, K = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      X(e.children[n], e);
+      K(e.children[n], e);
 }, Q = (e, t, n) => {
   if (e.expanded = t, e.children)
     if (n === void 0 || n > 0) {
       const o = n !== void 0 ? n - 1 : void 0;
-      e.children.forEach((i) => {
-        Q(i, t, o);
+      e.children.forEach((s) => {
+        Q(s, t, o);
       });
     } else
       e.children.forEach((o) => {
@@ -86,17 +88,13 @@ function ke(e) {
     for (let t = 0; t < e.children.length; t++)
       ke(e.children[t]);
 }
-function ue(e, t, n, o) {
-  const i = o - t, s = e - n;
-  let l = Math.atan(Math.abs(i) / Math.abs(s)) / 3.14 * 180;
-  if (isNaN(l)) return;
-  s < 0 && i > 0 && (l = 180 - l), s < 0 && i < 0 && (l = 180 + l), s > 0 && i < 0 && (l = 360 - l);
-  const r = 12, c = 30, a = l + c, d = l - c;
+function fe(e, t, n, o) {
+  const s = n - e, i = o - t, r = Math.atan2(i, s) * 180 / Math.PI, c = 12, a = 30, d = (r + 180 - a) * Math.PI / 180, h = (r + 180 + a) * Math.PI / 180;
   return {
-    x1: n + Math.cos(Math.PI * a / 180) * r,
-    y1: o - Math.sin(Math.PI * a / 180) * r,
-    x2: n + Math.cos(Math.PI * d / 180) * r,
-    y2: o - Math.sin(Math.PI * d / 180) * r
+    x1: n + Math.cos(d) * c,
+    y1: o + Math.sin(d) * c,
+    x2: n + Math.cos(h) * c,
+    y2: o + Math.sin(h) * c
   };
 }
 function q() {
@@ -117,7 +115,7 @@ function Te(e) {
     })
   );
 }
-const F = (e, t) => {
+const H = (e, t) => {
   let n = 0, o = 0;
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
@@ -126,31 +124,31 @@ const F = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
 }, de = (e) => e ? e.tagName === "ME-TPC" : !1, _e = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
-  for (let i = 0; i < o.length; i++) {
-    if (t === o[i]) continue;
-    const { parent: s } = t.nodeObj;
-    if (s === o[i].nodeObj)
+  for (let s = 0; s < o.length; s++) {
+    if (t === o[s]) continue;
+    const { parent: i } = t.nodeObj;
+    if (i === o[s].nodeObj)
       return !1;
   }
   return !0;
-}), tt = (e) => {
+}), Le = (e) => {
   const t = /translate3d\(([^,]+),\s*([^,]+)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
 }, nt = function(e) {
   for (let t = 0; t < e.length; t++) {
-    const { dom: n, evt: o, func: i } = e[t];
-    n.addEventListener(o, i);
+    const { dom: n, evt: o, func: s } = e[t];
+    n.addEventListener(o, s);
   }
   return function() {
     for (let n = 0; n < e.length; n++) {
-      const { dom: o, evt: i, func: s } = e[n];
-      o.removeEventListener(i, s);
+      const { dom: o, evt: s, func: i } = e[n];
+      o.removeEventListener(s, i);
     }
   };
-}, je = (e, t) => {
+}, He = (e, t) => {
   const n = e.x - t.x, o = e.y - t.y;
   return Math.sqrt(n * n + o * o);
-}, I = {
+}, B = {
   LHS: "lhs",
   RHS: "rhs"
 }, bt = (e) => {
@@ -161,36 +159,36 @@ const F = (e, t) => {
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
 }, xt = (e) => {
   e.selectNode(e.map.querySelector("me-root>me-tpc"));
-}, Et = function(e, t) {
+}, Ct = function(e, t) {
   const n = t.parentElement.parentElement.parentElement.previousSibling;
   if (n) {
     const o = n.firstChild;
     e.selectNode(o);
   }
-}, Ct = function(e, t) {
+}, Et = function(e, t) {
   const n = t.parentElement.nextSibling;
   if (n && n.firstChild) {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, He = function(e, t) {
+}, Re = function(e, t) {
   const n = e.currentNode || e.currentNodes?.[0];
   if (!n) return;
-  const o = n.nodeObj, i = n.offsetParent.offsetParent.parentElement;
-  o.parent ? i.className === t ? Ct(e, n) : o.parent?.parent ? Et(e, n) : xt(e) : t === I.LHS ? bt(e) : wt(e);
-}, Ie = function(e, t) {
+  const o = n.nodeObj, s = n.offsetParent.offsetParent.parentElement;
+  o.parent ? s.className === t ? Et(e, n) : o.parent?.parent ? Ct(e, n) : xt(e) : t === B.LHS ? bt(e) : wt(e);
+}, Be = function(e, t) {
   const n = e.currentNode;
   if (!n || !n.nodeObj.parent) return;
-  const i = t + "Sibling", s = n.parentElement.parentElement[i];
-  s ? e.selectNode(s.firstChild.firstChild) : e.selectNode(n);
+  const s = t + "Sibling", i = n.parentElement.parentElement[s];
+  i ? e.selectNode(i.firstChild.firstChild) : e.selectNode(n);
 }, J = function(e, t, n) {
-  const { scaleVal: o, scaleSensitivity: i } = e;
+  const { scaleVal: o, scaleSensitivity: s } = e;
   switch (t) {
     case "in":
-      e.scale(o + i, n);
+      e.scale(o + s, n);
       break;
     case "out":
-      e.scale(o - i, n);
+      e.scale(o - s, n);
   }
 };
 function St(e, t) {
@@ -198,8 +196,8 @@ function St(e, t) {
   const n = () => {
     e.currentArrow ? e.removeArrow() : e.currentSummary ? e.removeSummary(e.currentSummary.summaryObj.id) : e.currentNodes && e.removeNodes(e.currentNodes);
   };
-  let o = !1, i = null;
-  const s = (r) => {
+  let o = !1, s = null;
+  const i = (r) => {
     const c = e.nodeData;
     if (r.key === "0")
       for (const a of c.children)
@@ -210,7 +208,7 @@ function St(e, t) {
     if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(r.key))
       for (const a of c.children)
         Q(a, !0, Number(r.key) - 1);
-    e.refresh(), e.toCenter(), o = !1, i && (clearTimeout(i), i = null, e.container.removeEventListener("keydown", s));
+    e.refresh(), e.toCenter(), o = !1, s && (clearTimeout(s), s = null, e.container.removeEventListener("keydown", i));
   }, l = {
     Enter: (r) => {
       r.shiftKey ? e.insertSibling("before") : r.ctrlKey || r.metaKey ? e.insertParent() : e.insertSibling("after");
@@ -230,21 +228,21 @@ function St(e, t) {
       else {
         if (r.metaKey || r.ctrlKey)
           return e.initSide();
-        Ie(e, "previous");
+        Be(e, "previous");
       }
     },
     ArrowDown: (r) => {
-      r.altKey ? e.moveDownNode() : Ie(e, "next");
+      r.altKey ? e.moveDownNode() : Be(e, "next");
     },
     ArrowLeft: (r) => {
       if (r.metaKey || r.ctrlKey)
         return e.initLeft();
-      He(e, I.LHS);
+      Re(e, B.LHS);
     },
     ArrowRight: (r) => {
       if (r.metaKey || r.ctrlKey)
         return e.initRight();
-      He(e, I.RHS);
+      Re(e, B.RHS);
     },
     PageUp: () => e.moveUpNode(),
     PageDown: () => {
@@ -273,9 +271,9 @@ function St(e, t) {
       }
     },
     k: (r) => {
-      (r.metaKey || r.ctrlKey) && (o = !0, i && (clearTimeout(i), e.container.removeEventListener("keydown", s)), i = window.setTimeout(() => {
-        o = !1, i = null;
-      }, 2e3), e.container.addEventListener("keydown", s));
+      (r.metaKey || r.ctrlKey) && (o = !0, s && (clearTimeout(s), e.container.removeEventListener("keydown", i)), s = window.setTimeout(() => {
+        o = !1, s = null;
+      }, 2e3), e.container.addEventListener("keydown", i));
     },
     Delete: n,
     Backspace: n,
@@ -298,7 +296,7 @@ const xe = document, Nt = function(e, t) {
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
     n.remove();
-}, Be = function(e, t) {
+}, Ie = function(e, t) {
   for (const n of t) {
     const o = n.parentElement.parentElement.contains(e);
     if (!(e && e.tagName === "ME-TPC" && e !== n && !o && e.nodeObj.parent)) return !1;
@@ -338,45 +336,45 @@ function _t(e) {
   };
 }
 const Lt = 5;
-function Re(e, t, n, o = !1) {
+function Fe(e, t, n, o = !1) {
   if (e.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;
   t.startX = n.clientX, t.startY = n.clientY, t.pointerId = n.pointerId, e.selection.cancel();
-  let s = e.currentNodes;
-  return s?.includes(i) || (e.selectNode(i), s = e.currentNodes), e.dragged = s, o && it(e, t), !0;
+  let i = e.currentNodes;
+  return i?.includes(s) || (e.selectNode(s), i = e.currentNodes), e.dragged = i, o && st(e, t), !0;
 }
 function ot(e, t, n) {
   e.style.transform = `translate(${t + 10}px, ${n + 10}px)`, e.style.display = "block";
 }
-function it(e, t) {
+function st(e, t) {
   const { dragged: n } = e;
   if (!n) return;
   const o = document.activeElement;
   o && o.isContentEditable && o.blur(), t.isDragging = !0, n.length > 1 ? t.ghost.innerHTML = n.length + "" : t.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";
   e.dragMoveHelper.clear();
 }
 function At(e, t, n) {
   const { dragged: o } = e;
   if (!o || t.pointerId !== n.pointerId) return;
-  const i = n.clientX - t.startX, s = n.clientY - t.startY, l = Math.sqrt(i * i + s * s);
-  if (!t.isDragging && l > Lt && it(e, t), !t.isDragging) return;
+  const s = n.clientX - t.startX, i = n.clientY - t.startY, l = Math.sqrt(s * s + i * i);
+  if (!t.isDragging && l > Lt && st(e, t), !t.isDragging) return;
   ot(t.ghost, n.clientX, n.clientY);
   const r = e.container.getBoundingClientRect();
   n.clientX < r.x + 50 ? t.edgeMoveController.move(1, 0) : n.clientX > r.x + r.width - 50 ? t.edgeMoveController.move(-1, 0) : n.clientY < r.y + 50 ? t.edgeMoveController.move(0, 1) : n.clientY > r.y + r.height - 50 ? t.edgeMoveController.move(0, -1) : t.edgeMoveController.stop(), ge(t.meet);
   const c = 12 * e.scaleVal, a = xe.elementFromPoint(n.clientX, n.clientY - c);
-  if (Be(a, o)) {
+  if (Ie(a, o)) {
     t.meet = a;
     const d = a.getBoundingClientRect(), h = d.y;
     n.clientY > h + d.height ? t.insertType = "after" : t.insertType = "in";
   } else {
     const d = xe.elementFromPoint(n.clientX, n.clientY + c);
-    if (Be(d, o)) {
+    if (Ie(d, o)) {
       t.meet = d;
-      const f = d.getBoundingClientRect().y;
-      n.clientY < f ? t.insertType = "before" : t.insertType = "in";
+      const u = d.getBoundingClientRect().y;
+      n.clientY < u ? t.insertType = "before" : t.insertType = "in";
     } else
       t.insertType = null, t.meet = null;
   }
@@ -386,8 +384,8 @@ function Mt(e, t, n) {
   const { dragged: o } = e;
   if (!(!o || t.pointerId !== n.pointerId)) {
     t.edgeMoveController.stop();
-    for (const i of o)
-      i.parentElement.parentElement.style.opacity = "1";
+    for (const s of o)
+      s.parentElement.parentElement.style.opacity = "1";
     t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (ge(t.meet), t.insertType === "before" ? e.moveNodeBefore(o, t.meet) : t.insertType === "after" ? e.moveNodeAfter(o, t.meet) : t.insertType === "in" && e.moveNodeIn(o, t.meet)), e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
   }
 }
@@ -409,36 +407,36 @@ function Pt(e) {
   let n = 0;
   e.spacePressed = !1;
   let o = null;
-  const i = /* @__PURE__ */ new Map(), s = e.draggable ? _t(e) : null;
+  const s = /* @__PURE__ */ new Map(), i = e.draggable ? _t(e) : null;
   let l = null, r = null, c = null, a = null;
-  const d = 500, h = 10, f = () => {
+  const d = 500, h = 10, u = () => {
     l !== null && (clearTimeout(l), l = null, r = null, c = null, a = null);
-  }, y = (u, w) => {
-    u.hasPointerCapture && u.hasPointerCapture(w) && u.releasePointerCapture(w);
-  }, v = (u, w) => {
-    const k = u.closest(".svg-label");
+  }, y = (f, w) => {
+    f.hasPointerCapture && f.hasPointerCapture(w) && f.releasePointerCapture(w);
+  }, v = (f, w) => {
+    const k = f.closest(".svg-label");
     if (k) {
-      const M = k.dataset.svgId, se = k.dataset.type, ne = document.getElementById(M);
+      const M = k.dataset.svgId, ie = k.dataset.type, ne = document.getElementById(M);
       if (ne) {
-        if (se === "arrow")
+        if (ie === "arrow")
           return w ? e.editArrowLabel(ne) : e.selectArrow(ne), !0;
-        if (se === "summary")
+        if (ie === "summary")
           return w ? e.editSummary(ne) : e.selectSummary(ne), !0;
       }
     }
-    if (u.closest(".topiclinks")) {
-      const M = u.closest("g");
+    if (f.closest(".topiclinks")) {
+      const M = f.closest("g");
       if (M)
         return w ? e.editArrowLabel(M) : e.selectArrow(M), !0;
     }
-    if (u.closest(".summary")) {
-      const M = u.closest("g");
+    if (f.closest(".summary")) {
+      const M = f.closest("g");
       if (M)
         return w ? e.editSummary(M) : e.selectSummary(M), !0;
     }
     return !1;
-  }, p = (u) => {
-    if (u.button !== 0) return;
+  }, p = (f) => {
+    if (f.button !== 0) return;
     if (e.helper1?.moved) {
       e.helper1.clear();
       return;
@@ -451,115 +449,115 @@ function Pt(e) {
       t.clear();
       return;
     }
-    if (s?.isDragging)
+    if (i?.isDragging)
       return;
-    const w = u.target;
+    const w = f.target;
     if (w.tagName === "ME-EPD")
-      u.ctrlKey || u.metaKey ? e.expandNodeAll(w.previousSibling) : e.expandNode(w.previousSibling);
+      f.ctrlKey || f.metaKey ? e.expandNodeAll(w.previousSibling) : e.expandNode(w.previousSibling);
     else if (w.tagName === "ME-TPC" && e.currentNodes.length > 1)
       e.selectNode(w);
     else if (!e.editable)
       return;
     v(w, !1);
-  }, m = (u) => {
+  }, g = (f) => {
     if (!e.editable) return;
-    const w = u.target;
+    const w = f.target;
     de(w) && e.beginEdit(w), v(w, !0);
-  }, g = (u) => {
-    if (u.pointerType === "mouse" || i.size > 1) return;
+  }, m = (f) => {
+    if (f.pointerType === "mouse" || s.size > 1) return;
     const w = (/* @__PURE__ */ new Date()).getTime(), k = w - n;
-    k < 300 && k > 0 && m(u), n = w;
-  }, b = (u) => {
-    u.code === "Space" && (e.spacePressed = !0, e.container.classList.add("space-pressed"));
-  }, x = (u) => {
-    u.code === "Space" && (e.spacePressed = !1, e.container.classList.remove("space-pressed"));
-  }, L = (u) => {
-    if (u.pointerType === "touch" && (i.set(u.pointerId, { x: u.clientX, y: u.clientY }), i.size === 2)) {
-      const [M, se] = Array.from(i.values());
-      o = je(M, se), f();
+    k < 300 && k > 0 && g(f), n = w;
+  }, b = (f) => {
+    f.code === "Space" && (e.spacePressed = !0, e.container.classList.add("space-pressed"));
+  }, x = (f) => {
+    f.code === "Space" && (e.spacePressed = !1, e.container.classList.remove("space-pressed"));
+  }, L = (f) => {
+    if (f.pointerType === "touch" && (s.set(f.pointerId, { x: f.clientX, y: f.clientY }), s.size === 2)) {
+      const [M, ie] = Array.from(s.values());
+      o = He(M, ie), u();
     }
     t.moved = !1;
-    const w = u.target, k = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (s && (u.button === 0 || u.pointerType === "touch")) {
-      if (u.pointerType === "touch" && i.size > 1)
-        (s.isDragging || s.pointerId !== null) && ve(e, s);
-      else if (u.pointerType === "touch" && i.size === 1)
-        (de(w) || w.closest("me-tpc")) && (r = { x: u.clientX, y: u.clientY }, c = w, a = u.pointerId, l = window.setTimeout(() => {
-          Re(e, s, u, !0) && (c && c.setPointerCapture(u.pointerId), ot(s.ghost, u.clientX, u.clientY)), l = null, r = null, c = null, a = null;
+    const w = f.target, k = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (i && (f.button === 0 || f.pointerType === "touch")) {
+      if (f.pointerType === "touch" && s.size > 1)
+        (i.isDragging || i.pointerId !== null) && ve(e, i);
+      else if (f.pointerType === "touch" && s.size === 1)
+        (de(w) || w.closest("me-tpc")) && (r = { x: f.clientX, y: f.clientY }, c = w, a = f.pointerId, l = window.setTimeout(() => {
+          Fe(e, i, f, !0) && (c && c.setPointerCapture(f.pointerId), ot(i.ghost, f.clientX, f.clientY)), l = null, r = null, c = null, a = null;
         }, d));
-      else if (u.pointerType === "mouse" && Re(e, s, u, !1)) {
-        w.setPointerCapture(u.pointerId);
+      else if (f.pointerType === "mouse" && Fe(e, i, f, !1)) {
+        w.setPointerCapture(f.pointerId);
         return;
       }
     }
-    const O = e.spacePressed && u.button === 0 && u.pointerType === "mouse", Y = u.button === k && u.pointerType === "mouse" || u.pointerType === "touch";
-    !O && !Y || (t.x = u.clientX, t.y = u.clientY, w.className !== "circle" && w.contentEditable !== "plaintext-only" && (t.mousedown = !0, w.setPointerCapture(u.pointerId)));
-  }, _ = (u) => {
-    if (u.pointerType === "touch" && i.has(u.pointerId)) {
-      if (i.set(u.pointerId, { x: u.clientX, y: u.clientY }), l !== null && r !== null && u.pointerId === a) {
-        const w = u.clientX - r.x, k = u.clientY - r.y;
-        Math.sqrt(w * w + k * k) > h && f();
+    const $ = e.spacePressed && f.button === 0 && f.pointerType === "mouse", Y = f.button === k && f.pointerType === "mouse" || f.pointerType === "touch";
+    !$ && !Y || (t.x = f.clientX, t.y = f.clientY, w.className !== "circle" && w.contentEditable !== "plaintext-only" && (t.mousedown = !0, w.setPointerCapture(f.pointerId)));
+  }, T = (f) => {
+    if (f.pointerType === "touch" && s.has(f.pointerId)) {
+      if (s.set(f.pointerId, { x: f.clientX, y: f.clientY }), l !== null && r !== null && f.pointerId === a) {
+        const w = f.clientX - r.x, k = f.clientY - r.y;
+        Math.sqrt(w * w + k * k) > h && u();
       }
-      if (i.size >= 2) {
-        const [w, k] = Array.from(i.values()), O = je(w, k);
+      if (s.size >= 2) {
+        const [w, k] = Array.from(s.values()), $ = He(w, k);
         if (o == null)
-          o = O;
+          o = $;
         else {
-          const Y = O - o;
+          const Y = $ - o;
           Math.abs(Y) > 8 && (Y > 0 ? J(e, "in", {
             x: (w.x + k.x) / 2,
             y: (w.y + k.y) / 2
           }) : J(e, "out", {
             x: (w.x + k.x) / 2,
             y: (w.y + k.y) / 2
-          }), o = O);
+          }), o = $);
         }
         return;
       }
     }
-    if (!(s && s.pointerId !== null && (At(e, s, u), s.isDragging))) {
-      if (u.target.contentEditable !== "plaintext-only" || e.spacePressed && t.mousedown) {
-        const w = u.clientX - t.x, k = u.clientY - t.y;
+    if (!(i && i.pointerId !== null && (At(e, i, f), i.isDragging))) {
+      if (f.target.contentEditable !== "plaintext-only" || e.spacePressed && t.mousedown) {
+        const w = f.clientX - t.x, k = f.clientY - t.y;
         t.onMove(w, k);
       }
-      t.x = u.clientX, t.y = u.clientY;
+      t.x = f.clientX, t.y = f.clientY;
     }
-  }, C = (u) => {
-    if (u.pointerType === "touch" && (i.delete(u.pointerId), i.size < 2 && (o = null), f()), s && s.pointerId !== null) {
-      const w = s.isDragging;
-      if (Mt(e, s, u), y(u.target, u.pointerId), w)
+  }, E = (f) => {
+    if (f.pointerType === "touch" && (s.delete(f.pointerId), s.size < 2 && (o = null), u()), i && i.pointerId !== null) {
+      const w = i.isDragging;
+      if (Mt(e, i, f), y(f.target, f.pointerId), w)
         return;
     }
-    t.mousedown && (y(u.target, u.pointerId), t.clear());
-  }, E = () => {
-    f(), t.mousedown && t.clear(), s && (s.isDragging || s.pointerId !== null) && ve(e, s);
-  }, S = (u) => {
-    u.pointerType === "touch" && (i.delete(u.pointerId), i.size < 2 && (o = null), f()), s && s.pointerId === u.pointerId && ve(e, s), C(u);
-  }, N = (u) => {
-    if (u.preventDefault(), u.button !== 2 || !e.editable) return;
-    const w = u.target;
+    t.mousedown && (y(f.target, f.pointerId), t.clear());
+  }, C = () => {
+    u(), t.mousedown && t.clear(), i && (i.isDragging || i.pointerId !== null) && ve(e, i);
+  }, S = (f) => {
+    f.pointerType === "touch" && (s.delete(f.pointerId), s.size < 2 && (o = null), u()), i && i.pointerId === f.pointerId && ve(e, i), E(f);
+  }, N = (f) => {
+    if (f.preventDefault(), f.button !== 2 || !e.editable) return;
+    const w = f.target;
     de(w) && !w.classList.contains("selected") && e.selectNode(w), setTimeout(() => {
-      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", u);
+      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", f);
     }, 200);
-  }, D = (u) => {
-    u.stopPropagation(), u.preventDefault(), u.ctrlKey || u.metaKey ? u.deltaY < 0 ? J(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && J(e, "out", e.dragMoveHelper) : u.shiftKey ? e.move(-u.deltaY, 0) : e.move(-u.deltaX, -u.deltaY);
-  }, { container: T } = e;
+  }, D = (f) => {
+    f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey ? f.deltaY < 0 ? J(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && J(e, "out", e.dragMoveHelper) : f.shiftKey ? e.move(-f.deltaY, 0) : e.move(-f.deltaX, -f.deltaY);
+  }, { container: _ } = e;
   return nt([
-    { dom: T, evt: "pointerdown", func: L },
-    { dom: T, evt: "pointermove", func: _ },
-    { dom: T, evt: "pointerup", func: C },
-    { dom: T, evt: "pointercancel", func: S },
-    { dom: T, evt: "pointerdown", func: g },
-    { dom: T, evt: "click", func: p },
-    { dom: T, evt: "dblclick", func: m },
-    { dom: T, evt: "contextmenu", func: N },
-    { dom: T, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : D },
-    { dom: T, evt: "blur", func: E },
-    { dom: T, evt: "keydown", func: b },
-    { dom: T, evt: "keyup", func: x }
+    { dom: _, evt: "pointerdown", func: L },
+    { dom: _, evt: "pointermove", func: T },
+    { dom: _, evt: "pointerup", func: E },
+    { dom: _, evt: "pointercancel", func: S },
+    { dom: _, evt: "pointerdown", func: m },
+    { dom: _, evt: "click", func: p },
+    { dom: _, evt: "dblclick", func: g },
+    { dom: _, evt: "contextmenu", func: N },
+    { dom: _, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : D },
+    { dom: _, evt: "blur", func: C },
+    { dom: _, evt: "keydown", func: b },
+    { dom: _, evt: "keyup", func: x }
   ]);
 }
-function $t() {
+function Ot() {
   return {
     handlers: {},
     addListener: function(e, t) {
@@ -583,42 +581,42 @@ function $t() {
     }
   };
 }
-const fe = document, Ot = function() {
+const ue = document, $t = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  Le.call(this, e, this.nodeData), e.draggable = !1;
-  const t = fe.createElement("me-root");
+  Ae.call(this, e, this.nodeData), e.draggable = !1;
+  const t = ue.createElement("me-root");
   t.appendChild(e);
   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);
     });
   }
   jt(this, n, t);
 }, jt = function(e, t, n) {
-  const o = fe.createElement("me-main");
-  o.className = I.LHS;
-  const i = fe.createElement("me-main");
-  i.className = I.RHS;
-  for (let s = 0; s < t.length; s++) {
-    const l = t[s], { grp: r } = e.createWrapper(l);
-    e.direction === 2 ? l.direction === 0 ? o.appendChild(r) : i.appendChild(r) : e.direction === 0 ? o.appendChild(r) : i.appendChild(r);
-  }
-  e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(i), e.nodes.appendChild(e.lines), e.nodes.appendChild(e.labelContainer);
+  const o = ue.createElement("me-main");
+  o.className = B.LHS;
+  const s = ue.createElement("me-main");
+  s.className = B.RHS;
+  for (let i = 0; i < t.length; i++) {
+    const l = t[i], { grp: r } = e.createWrapper(l);
+    e.direction === 2 ? l.direction === 0 ? o.appendChild(r) : s.appendChild(r) : e.direction === 0 ? o.appendChild(r) : s.appendChild(r);
+  }
+  e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines), e.nodes.appendChild(e.labelContainer);
 }, Ht = function(e, t) {
-  const n = fe.createElement("me-children");
+  const n = ue.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
-    const i = t[o], { grp: s } = e.createWrapper(i);
-    n.appendChild(s);
+    const s = t[o], { grp: i } = e.createWrapper(s);
+    n.appendChild(i);
   }
   return n;
-}, P = document, st = function(e, t) {
+}, P = document, it = function(e, t) {
   const o = (this?.el ? this.el : t || document).querySelector(`[data-nodeid="me${e}"]`);
   if (!o) throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, Le = function(e, t) {
+}, Ae = function(e, t) {
   if (e.innerHTML = "", t.style) {
     const n = t.style;
     for (const o in n)
@@ -650,24 +648,24 @@ const fe = document, Ot = function() {
   if (t.tags && t.tags.length) {
     const n = P.createElement("div");
     n.className = "tags", t.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 = P.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);
     }), e.appendChild(n), e.tags = n;
   } else e.tags && (e.tags = void 0);
-}, It = function(e, t) {
-  const n = P.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
+}, Rt = function(e, t) {
+  const n = P.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const s = Ae(e.expanded);
-    if (o.appendChild(s), e.expanded !== !1) {
+    const i = Me(e.expanded);
+    if (o.appendChild(i), e.expanded !== !1) {
       const l = Ht(this, e.children);
       n.appendChild(l);
     }
   }
-  return { grp: n, top: o, tpc: i };
+  return { grp: n, top: o, tpc: s };
 }, Bt = function(e) {
   const t = P.createElement("me-parent"), n = this.createTopic(e);
-  return Le.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
-}, Rt = function(e) {
+  return Ae.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
+}, It = function(e) {
   const t = P.createElement("me-children");
   return t.append(...e), t;
 }, Ft = function(e) {
@@ -682,12 +680,12 @@ function rt(e) {
 }
 const Yt = function(e) {
   if (!e) return;
-  const t = P.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: i, offsetTop: s } = F(this.nodes, e);
+  const t = P.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = H(this.nodes, e);
   this.nodes.appendChild(t), t.id = "input-box", t.textContent = o, t.contentEditable = "plaintext-only", t.spellcheck = !1;
   const l = getComputedStyle(e);
   t.style.cssText = `
-  left: ${i}px;
-  top: ${s}px;
+  left: ${s}px;
+  top: ${i}px;
   min-width:${e.offsetWidth - 8}px;
   color:${l.color};
   font-size:${l.fontSize};
@@ -715,20 +713,20 @@ const Yt = function(e) {
       origin: o
     }));
   });
-}, Ae = function(e) {
+}, Me = function(e) {
   const t = P.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, ee = document, H = "http://www.w3.org/2000/svg", me = function(e) {
-  const t = e.clientWidth, n = e.clientHeight, o = e.dataset, i = Number(o.x), s = Number(o.y), l = o.anchor;
-  let r = i;
-  l === "middle" ? r = i - t / 2 : l === "end" && (r = i - t), e.style.left = `${r}px`, e.style.top = `${s - n / 2}px`, e.style.visibility = "visible";
-}, Ee = function(e, t, n, o) {
-  const { anchor: i = "middle", color: s, dataType: l, svgId: r } = o, c = document.createElement("div");
-  c.className = "svg-label", c.style.color = s || "#666";
+}, ee = document, R = "http://www.w3.org/2000/svg", me = function(e) {
+  const t = e.clientWidth, n = e.clientHeight, o = e.dataset, s = Number(o.x), i = Number(o.y), l = o.anchor;
+  let r = s;
+  l === "middle" ? r = s - t / 2 : l === "end" && (r = s - t), e.style.left = `${r}px`, e.style.top = `${i - n / 2}px`, e.style.visibility = "visible";
+}, Ce = function(e, t, n, o) {
+  const { anchor: s = "middle", color: i, dataType: l, svgId: r } = o, c = document.createElement("div");
+  c.className = "svg-label", c.style.color = i || "#666";
   const a = "label-" + r;
-  return c.id = a, c.innerHTML = e, c.dataset.type = l, c.dataset.svgId = r, c.dataset.x = t.toString(), c.dataset.y = n.toString(), c.dataset.anchor = i, c;
+  return c.id = a, c.innerHTML = e, c.dataset.type = l, c.dataset.svgId = r, c.dataset.x = t.toString(), c.dataset.y = n.toString(), c.dataset.anchor = s, c;
 }, lt = function(e, t, n) {
-  const o = ee.createElementNS(H, "path");
+  const o = ee.createElementNS(R, "path");
   return A(o, {
     d: e,
     stroke: t || "#666",
@@ -736,13 +734,13 @@ const Yt = function(e) {
     "stroke-width": n
   }), o;
 }, oe = function(e) {
-  const t = ee.createElementNS(H, "svg");
+  const t = ee.createElementNS(R, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, Fe = function() {
-  const e = ee.createElementNS(H, "line");
+}, Ye = function() {
+  const e = ee.createElementNS(R, "line");
   return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
 }, Wt = function(e, t, n, o) {
-  const i = ee.createElementNS(H, "g");
+  const s = ee.createElementNS(R, "g");
   return [
     {
       name: "line",
@@ -757,7 +755,7 @@ const Yt = function(e) {
       d: n
     }
   ].forEach((l, r) => {
-    const c = l.d, a = ee.createElementNS(H, "path"), d = {
+    const c = l.d, a = ee.createElementNS(R, "path"), d = {
       d: c,
       stroke: o?.stroke || "rgb(227, 125, 116)",
       fill: "none",
@@ -765,32 +763,32 @@ const Yt = function(e) {
       "stroke-width": String(o?.strokeWidth || "2")
     };
     o?.opacity !== void 0 && (d.opacity = String(o.opacity)), A(a, d), r === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
-    const h = ee.createElementNS(H, "path");
+    const h = ee.createElementNS(R, "path");
     A(h, {
       d: c,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), i.appendChild(h), i.appendChild(a), i[l.name] = a;
-  }), i;
+    }), s.appendChild(h), s.appendChild(a), s[l.name] = a;
+  }), s;
 }, ct = function(e, t, n) {
   if (!t) return;
-  const o = n.label, i = t.cloneNode(!0);
-  e.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 = t.cloneNode(!0);
+  e.nodes.appendChild(s), s.id = "input-box", s.textContent = o, s.contentEditable = "plaintext-only", s.spellcheck = !1, s.style.cssText = `
     left:${t.style.left};
     top:${t.style.top}; 
     max-width: 200px;
-  `, rt(i), e.scrollIntoView(i), i.addEventListener("keydown", (s) => {
-    s.stopPropagation();
-    const l = s.key;
+  `, rt(s), e.scrollIntoView(s), s.addEventListener("keydown", (i) => {
+    i.stopPropagation();
+    const l = i.key;
     if (l === "Enter" || l === "Tab") {
-      if (s.shiftKey) return;
-      s.preventDefault(), i.blur(), e.container.focus();
+      if (i.shiftKey) return;
+      i.preventDefault(), s.blur(), e.container.focus();
     }
-  }), i.addEventListener("blur", () => {
-    if (!i) return;
-    const s = i.textContent?.trim() || "";
-    s === "" ? n.label = o : n.label = s, i.remove(), s !== o && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, me(t), "parent" in n ? e.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 && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, me(t), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : e.bus.fire("operation", {
@@ -798,32 +796,32 @@ const Yt = function(e) {
       obj: n
     }));
   });
-}, zt = function(e) {
-  const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, i = t.offsetWidth, s = t.offsetHeight, l = this.map.querySelectorAll("me-main > me-wrapper");
+}, Xt = function(e) {
+  const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight, l = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let r = 0; r < l.length; r++) {
-    const c = l[r], a = c.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = F(this.nodes, a), f = a.offsetWidth, y = a.offsetHeight, v = c.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: h, cL: d, cW: f, cH: y, direction: v, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, g = a.nodeObj.branchColor || m[r % m.length];
-    if (a.style.borderColor = g, this.lines.appendChild(lt(p, g, "3")), e && e !== c)
+    const c = l[r], a = c.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = H(this.nodes, a), u = a.offsetWidth, y = a.offsetHeight, v = c.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: d, cW: u, cH: y, direction: v, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, m = a.nodeObj.branchColor || g[r % g.length];
+    if (a.style.borderColor = m, this.lines.appendChild(lt(p, m, "3")), e && e !== c)
       continue;
     const b = oe("subLines"), x = c.lastChild;
-    x.tagName === "svg" && x.remove(), c.appendChild(b), at(this, b, g, c, v, !0);
+    x.tagName === "svg" && x.remove(), c.appendChild(b), at(this, b, m, c, v, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, at = function(e, t, n, o, i, s) {
+}, at = function(e, t, n, o, s, i) {
   const l = o.firstChild, r = o.children[1].children;
   if (r.length === 0) return;
   const c = l.offsetTop, a = l.offsetLeft, d = l.offsetWidth, h = l.offsetHeight;
-  for (let f = 0; f < r.length; f++) {
-    const y = r[f], v = y.firstChild, p = v.offsetTop, m = v.offsetLeft, g = v.offsetWidth, b = v.offsetHeight, x = v.firstChild.nodeObj.branchColor || n, L = e.generateSubBranch({ pT: c, pL: a, pW: d, pH: h, cT: p, cL: m, cW: g, cH: b, direction: i, isFirst: s });
+  for (let u = 0; u < r.length; u++) {
+    const y = r[u], v = y.firstChild, p = v.offsetTop, g = v.offsetLeft, m = v.offsetWidth, b = v.offsetHeight, x = v.firstChild.nodeObj.branchColor || n, L = e.generateSubBranch({ pT: c, pL: a, pW: d, pH: h, cT: p, cL: g, cW: m, cH: b, direction: s, isFirst: i });
     t.appendChild(lt(L, x, "2"));
-    const _ = v.children[1];
-    if (_) {
-      if (!_.expanded) continue;
+    const T = v.children[1];
+    if (T) {
+      if (!T.expanded) continue;
     } else
       continue;
-    at(e, t, x, y, i);
+    at(e, t, x, y, s);
   }
-}, Ye = {
+}, We = {
   addChild: "插入子节点",
   addParent: "插入父节点",
   addSibling: "插入同级节点",
@@ -836,9 +834,9 @@ const Yt = function(e) {
   linkBidirectional: "双向连接",
   clickTips: "请点击目标节点",
   summary: "摘要"
-}, We = {
-  cn: Ye,
-  zh_CN: Ye,
+}, Xe = {
+  cn: We,
+  zh_CN: We,
   zh_TW: {
     addChild: "插入子節點",
     addParent: "插入父節點",
@@ -980,38 +978,38 @@ const Yt = function(e) {
     summary: "Rezumat"
   }
 };
-function Gt(e, t) {
+function zt(e, t) {
   t = t === !0 ? {
     focus: !0,
     link: !0
   } : t;
-  const n = (C) => {
-    const E = document.createElement("div");
-    return E.innerText = C, E.className = "tips", E;
-  }, o = (C, E, S) => {
+  const n = (E) => {
+    const C = document.createElement("div");
+    return C.innerText = E, C.className = "tips", C;
+  }, o = (E, C, S) => {
     const N = document.createElement("li");
-    return N.id = C, N.innerHTML = `<span>${we(E)}</span><span ${S ? 'class="key"' : ""}>${we(S)}</span>`, N;
-  }, i = We[e.locale] ? e.locale : "en", s = We[i], l = o("cm-add_child", s.addChild, "Tab"), r = o("cm-add_parent", s.addParent, "Ctrl + Enter"), c = o("cm-add_sibling", s.addSibling, "Enter"), a = o("cm-remove_child", s.removeNode, "Delete"), d = o("cm-fucus", s.focus, ""), h = o("cm-unfucus", s.cancelFocus, ""), f = o("cm-up", s.moveUp, "PgUp"), y = o("cm-down", s.moveDown, "Pgdn"), v = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", s.linkBidirectional, ""), m = o("cm-summary", s.summary, ""), g = document.createElement("ul");
-  if (g.className = "menu-list", g.appendChild(l), g.appendChild(r), g.appendChild(c), g.appendChild(a), t.focus && (g.appendChild(d), g.appendChild(h)), g.appendChild(f), g.appendChild(y), g.appendChild(m), t.link && (g.appendChild(v), g.appendChild(p)), t && t.extend)
-    for (let C = 0; C < t.extend.length; C++) {
-      const E = t.extend[C], S = o(E.name, E.name, E.key || "");
-      g.appendChild(S), S.onclick = (N) => {
-        E.onclick(N);
+    return N.id = E, N.innerHTML = `<span>${we(C)}</span><span ${S ? 'class="key"' : ""}>${we(S)}</span>`, N;
+  }, s = Xe[e.locale] ? e.locale : "en", i = Xe[s], l = o("cm-add_child", i.addChild, "Tab"), r = o("cm-add_parent", i.addParent, "Ctrl + Enter"), c = o("cm-add_sibling", i.addSibling, "Enter"), a = o("cm-remove_child", i.removeNode, "Delete"), d = o("cm-fucus", i.focus, ""), h = o("cm-unfucus", i.cancelFocus, ""), u = o("cm-up", i.moveUp, "PgUp"), y = o("cm-down", i.moveDown, "Pgdn"), v = o("cm-link", i.link, ""), p = o("cm-link-bidirectional", i.linkBidirectional, ""), g = o("cm-summary", i.summary, ""), m = document.createElement("ul");
+  if (m.className = "menu-list", m.appendChild(l), m.appendChild(r), m.appendChild(c), m.appendChild(a), t.focus && (m.appendChild(d), m.appendChild(h)), m.appendChild(u), m.appendChild(y), m.appendChild(g), t.link && (m.appendChild(v), m.appendChild(p)), t && t.extend)
+    for (let E = 0; E < t.extend.length; E++) {
+      const C = t.extend[E], S = o(C.name, C.name, C.key || "");
+      m.appendChild(S), S.onclick = (N) => {
+        C.onclick(N);
       };
     }
   const b = document.createElement("div");
-  b.className = "context-menu", b.appendChild(g), b.hidden = !0, e.container.append(b);
+  b.className = "context-menu", b.appendChild(m), b.hidden = !0, e.container.append(b);
   let x = !0;
-  const L = (C) => {
-    const E = C.target;
-    if (de(E)) {
-      E.parentElement.tagName === "ME-ROOT" ? x = !0 : x = !1, x ? (d.className = "disabled", f.className = "disabled", y.className = "disabled", r.className = "disabled", c.className = "disabled", a.className = "disabled") : (d.className = "", f.className = "", y.className = "", r.className = "", c.className = "", a.className = ""), b.hidden = !1, g.style.top = "", g.style.bottom = "", g.style.left = "", g.style.right = "";
-      const S = g.getBoundingClientRect(), N = g.offsetHeight, D = g.offsetWidth, T = C.clientY - S.top, R = C.clientX - S.left;
-      N + T > window.innerHeight ? (g.style.top = "", g.style.bottom = "0px") : (g.style.bottom = "", g.style.top = T + 15 + "px"), D + R > window.innerWidth ? (g.style.left = "", g.style.right = "0px") : (g.style.right = "", g.style.left = R + 10 + "px");
+  const L = (E) => {
+    const C = E.target;
+    if (de(C)) {
+      C.parentElement.tagName === "ME-ROOT" ? x = !0 : x = !1, x ? (d.className = "disabled", u.className = "disabled", y.className = "disabled", r.className = "disabled", c.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", y.className = "", r.className = "", c.className = "", a.className = ""), b.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
+      const S = m.getBoundingClientRect(), N = m.offsetHeight, D = m.offsetWidth, _ = E.clientY - S.top, F = E.clientX - S.left;
+      N + _ > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = _ + 15 + "px"), D + F > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = F + 10 + "px");
     }
   };
-  e.bus.addListener("showContextMenu", L), b.onclick = (C) => {
-    C.target === b && (b.hidden = !0);
+  e.bus.addListener("showContextMenu", L), b.onclick = (E) => {
+    E.target === b && (b.hidden = !0);
   }, l.onclick = () => {
     e.addChild(), b.hidden = !0;
   }, r.onclick = () => {
@@ -1024,33 +1022,33 @@ function Gt(e, t) {
     x || (e.focusNode(e.currentNode), b.hidden = !0);
   }, h.onclick = () => {
     e.cancelFocus(), b.hidden = !0;
-  }, f.onclick = () => {
+  }, u.onclick = () => {
     x || (e.moveUpNode(), b.hidden = !0);
   }, y.onclick = () => {
     x || (e.moveDownNode(), b.hidden = !0);
   };
-  const _ = (C) => {
+  const T = (E) => {
     b.hidden = !0;
-    const E = e.currentNode, S = n(s.clickTips);
+    const C = e.currentNode, S = n(i.clickTips);
     e.container.appendChild(S), e.map.addEventListener(
       "click",
       (N) => {
         N.preventDefault(), S.remove();
         const D = N.target;
-        (D.parentElement.tagName === "ME-PARENT" || D.parentElement.tagName === "ME-ROOT") && e.createArrow(E, D, C);
+        (D.parentElement.tagName === "ME-PARENT" || D.parentElement.tagName === "ME-ROOT") && e.createArrow(C, D, E);
       },
       {
         once: !0
       }
     );
   };
-  return v.onclick = () => _(), p.onclick = () => _({ bidirectional: !0 }), m.onclick = () => {
+  return v.onclick = () => T(), p.onclick = () => T({ bidirectional: !0 }), g.onclick = () => {
     b.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    l.onclick = null, r.onclick = null, c.onclick = null, a.onclick = null, d.onclick = null, h.onclick = null, f.onclick = null, y.onclick = null, v.onclick = null, m.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
+    l.onclick = null, r.onclick = null, c.onclick = null, a.onclick = null, d.onclick = null, h.onclick = null, u.onclick = null, y.onclick = null, v.onclick = null, g.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
   };
 }
-const Kt = function(e) {
+const Gt = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -1065,8 +1063,8 @@ const Kt = function(e) {
     value: [e.obj.id]
   };
 };
-function Xt(e) {
-  let t = [], n = -1, o = e.getData(), i = [];
+function Kt(e) {
+  let t = [], n = -1, o = e.getData(), s = [];
   e.undo = function() {
     if (n > -1) {
       const c = t[n];
@@ -1089,24 +1087,24 @@ function Xt(e) {
       }
     }
   };
-  const s = function(c) {
+  const i = function(c) {
     if (c.name === "beginEdit") return;
     t = t.slice(0, n + 1);
     const a = e.getData(), d = {
       prev: o,
       operation: c.name,
-      currentSelected: i.map((h) => h.id),
-      currentTarget: Kt(c),
+      currentSelected: s.map((h) => h.id),
+      currentTarget: Gt(c),
       next: a
     };
     t.push(d), o = a, n = t.length - 1;
   }, l = function(c) {
     (c.metaKey || c.ctrlKey) && (c.shiftKey && c.key === "Z" || c.key === "y") ? e.redo() : (c.metaKey || c.ctrlKey) && c.key === "z" && e.undo();
   }, r = function() {
-    i = e.currentNodes.map((c) => c.nodeObj);
+    s = e.currentNodes.map((c) => c.nodeObj);
   };
-  return e.bus.addListener("operation", s), e.bus.addListener("selectNodes", r), e.container.addEventListener("keydown", l), () => {
-    e.bus.removeListener("operation", s), e.bus.removeListener("selectNodes", r), e.container.removeEventListener("keydown", l);
+  return e.bus.addListener("operation", i), e.bus.addListener("selectNodes", r), e.container.addEventListener("keydown", l), () => {
+    e.bus.removeListener("operation", i), e.bus.removeListener("selectNodes", r), e.container.removeEventListener("keydown", l);
   };
 }
 const qt = '<?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>', Vt = '<?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>', Ut = '<?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>', Jt = '<?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>', Zt = '<?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>', Qt = '<?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>', en = '<?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>', tn = {
@@ -1117,29 +1115,45 @@ const qt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
   living: Zt,
   zoomin: Qt,
   zoomout: en
-}, K = (e, t) => {
+}, G = (e, t) => {
   const n = document.createElement("span");
   return n.id = e, n.innerHTML = tn[t], n;
 };
 function nn(e) {
-  const t = document.createElement("div"), n = K("fullscreen", "full"), o = K("toCenter", "living"), i = K("zoomout", "zoomout"), s = K("zoomin", "zoomin"), l = document.createElement("span");
-  return l.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(i), t.appendChild(s), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
-    document.fullscreenElement === e.el ? document.exitFullscreen() : e.el.requestFullscreen();
+  const t = document.createElement("div"), n = G("fullscreen", "full"), o = G("toCenter", "living"), s = G("zoomout", "zoomout"), i = G("zoomin", "zoomin");
+  t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb";
+  let l = null;
+  const r = () => {
+    const a = e.container.getBoundingClientRect(), d = Le(e.map.style.transform), h = a.width / 2, u = a.height / 2, y = (h - d.x) / e.scaleVal, v = (u - d.y) / e.scaleVal;
+    l = {
+      containerRect: a,
+      currentTransform: d,
+      mapCenterX: y,
+      mapCenterY: v
+    };
+  }, c = () => {
+    if (l) {
+      const a = e.container.getBoundingClientRect(), d = a.width / 2, h = a.height / 2, u = d - l.mapCenterX * e.scaleVal, y = h - l.mapCenterY * e.scaleVal, v = u - l.currentTransform.x, p = y - l.currentTransform.y;
+      e.move(v, p);
+    }
+  };
+  return e.el.addEventListener("fullscreenchange", c), n.onclick = () => {
+    r(), document.fullscreenElement !== e.el ? e.el.requestFullscreen() : document.exitFullscreen();
   }, o.onclick = () => {
     e.toCenter();
-  }, i.onclick = () => {
-    e.scale(e.scaleVal - e.scaleSensitivity);
   }, s.onclick = () => {
+    e.scale(e.scaleVal - e.scaleSensitivity);
+  }, i.onclick = () => {
     e.scale(e.scaleVal + e.scaleSensitivity);
   }, t;
 }
 function on(e) {
-  const t = document.createElement("div"), n = K("tbltl", "left"), o = K("tbltr", "right"), i = K("tblts", "side");
-  return t.appendChild(n), t.appendChild(o), t.appendChild(i), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
+  const t = document.createElement("div"), n = G("tbltl", "left"), o = G("tbltr", "right"), s = G("tblts", "side");
+  return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
     e.initRight();
-  }, i.onclick = () => {
+  }, s.onclick = () => {
     e.initSide();
   }, t;
 }
@@ -1157,8 +1171,8 @@ class rn {
   }
   dispatchEvent(t, ...n) {
     let o = !0;
-    for (const i of this._listeners.get(t) ?? [])
-      o = i(...n) !== !1 && o;
+    for (const s of this._listeners.get(t) ?? [])
+      o = s(...n) !== !1 && o;
     return o;
   }
   unbindAllListeners() {
@@ -1171,17 +1185,17 @@ class rn {
 }
 const ze = (e, t = "px") => typeof e == "number" ? e + t : e, W = ({ style: e }, t, n) => {
   if (typeof t == "object")
-    for (const [o, i] of Object.entries(t))
-      i !== void 0 && (e[o] = ze(i));
+    for (const [o, s] of Object.entries(t))
+      s !== void 0 && (e[o] = ze(s));
   else n !== void 0 && (e[t] = ze(n));
 }, Ge = (e = 0, t = 0, n = 0, o = 0) => {
-  const i = { x: e, y: t, width: n, height: o, top: t, left: e, right: e + n, bottom: t + o };
-  return { ...i, toJSON: () => JSON.stringify(i) };
+  const s = { x: e, y: t, width: n, height: o, top: t, left: e, right: e + n, bottom: t + o };
+  return { ...s, toJSON: () => JSON.stringify(s) };
 }, ln = (e) => {
   let t, n = -1, o = !1;
   return {
-    next: (...i) => {
-      t = i, o || (o = !0, n = requestAnimationFrame(() => {
+    next: (...s) => {
+      t = s, o || (o = !0, n = requestAnimationFrame(() => {
         e(...t), o = !1;
       }));
     },
@@ -1192,24 +1206,24 @@ const ze = (e, t = "px") => typeof e == "number" ? e + t : e, W = ({ style: e },
 }, Ke = (e, t, n = "touch") => {
   switch (n) {
     case "center": {
-      const o = t.left + t.width / 2, i = t.top + t.height / 2;
-      return o >= e.left && o <= e.right && i >= e.top && i <= e.bottom;
+      const o = t.left + t.width / 2, s = t.top + t.height / 2;
+      return o >= e.left && o <= e.right && s >= e.top && s <= e.bottom;
     }
     case "cover":
       return t.left >= e.left && t.top >= e.top && t.right <= e.right && t.bottom <= e.bottom;
     case "touch":
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-}, cn = () => matchMedia("(hover: none), (pointer: coarse)").matches, an = () => "safari" in window, Ce = (e) => Array.isArray(e) ? e : [e], dt = (e) => (t, n, o, i = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = Ce(n), t = Ce(t);
-  for (const s of t)
-    if (s)
+}, cn = () => matchMedia("(hover: none), (pointer: coarse)").matches, an = () => "safari" in window, Ee = (e) => Array.isArray(e) ? e : [e], dt = (e) => (t, n, o, s = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = Ee(n), t = Ee(t);
+  for (const i of t)
+    if (i)
       for (const l of n)
-        s[e](l, o, { capture: !1, ...i });
-}, z = dt("addEventListener"), j = dt("removeEventListener"), re = (e) => {
+        i[e](l, o, { capture: !1, ...s });
+}, X = dt("addEventListener"), j = dt("removeEventListener"), re = (e) => {
   const { clientX: t, clientY: n, target: o } = e.touches?.[0] ?? e;
   return { x: t, y: n, target: o };
-}, V = (e, t = document) => Ce(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), dn = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
+}, V = (e, t = document) => Ee(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), dn = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
   switch (o) {
     case "alt":
       return e.altKey;
@@ -1218,7 +1232,7 @@ const ze = (e, t = "px") => typeof e == "number" ? e + t : e, W = ({ style: e },
     case "shift":
       return e.shiftKey;
   }
-}) : !1), { abs: G, max: Xe, min: qe, ceil: Ve } = Math, Ue = (e = []) => ({
+}) : !1), { abs: z, max: qe, min: Ve, ceil: Ue } = Math, Je = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
@@ -1229,7 +1243,7 @@ class hn extends rn {
   // Options
   _options;
   // Selection store
-  _selection = Ue();
+  _selection = Je();
   // Area element and clipping element
   _area;
   _clippingElement;
@@ -1294,10 +1308,10 @@ class hn extends rn {
         }
       }
     };
-    for (const s of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
-      typeof this[s] == "function" && (this[s] = this[s].bind(this));
-    const { document: n, selectionAreaClass: o, selectionContainerClass: i } = this._options;
-    this._area = n.createElement("div"), this._clippingElement = n.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(o), i && this._clippingElement.classList.add(i), W(this._area, {
+    for (const i of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
+      typeof this[i] == "function" && (this[i] = this[i].bind(this));
+    const { document: n, selectionAreaClass: o, selectionContainerClass: s } = this._options;
+    this._area = n.createElement("div"), this._clippingElement = n.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(o), s && this._clippingElement.classList.add(s), W(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
@@ -1309,91 +1323,91 @@ class hn extends rn {
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = ln((s) => {
-      this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", s), this._redrawSelectionArea();
+    }), this._frame = ln((i) => {
+      this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", i), this._redrawSelectionArea();
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, i = t ? z : j;
-    i(n, "mousedown", this._onTapStart), o.touch && i(n, "touchstart", this._onTapStart, { passive: !1 });
+    const { document: n, features: o } = this._options, s = t ? X : j;
+    s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: i, target: s } = re(t), { document: l, startAreas: r, boundaries: c, features: a, behaviour: d } = this._options, h = s.getBoundingClientRect();
+    const { x: o, y: s, target: i } = re(t), { document: l, startAreas: r, boundaries: c, features: a, behaviour: d } = this._options, h = i.getBoundingClientRect();
     if (t instanceof MouseEvent && !dn(t, d.triggers))
       return;
-    const f = V(r, l), y = V(c, l);
-    this._targetElement = y.find((g) => Ke(g.getBoundingClientRect(), h));
-    const v = t.composedPath(), p = f.find((g) => v.includes(g));
-    if (this._targetBoundary = y.find((g) => v.includes(g)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    const u = V(r, l), y = V(c, l);
+    this._targetElement = y.find((m) => Ke(m.getBoundingClientRect(), h));
+    const v = t.composedPath(), p = u.find((m) => v.includes(m));
+    if (this._targetBoundary = y.find((m) => v.includes(m)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
-    this._areaLocation = { x1: o, y1: i, x2: 0, y2: 0 };
-    const m = l.scrollingElement ?? l.body;
-    this._scrollDelta = { x: m.scrollLeft, y: m.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), z(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), z(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), z(l, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, z(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    this._areaLocation = { x1: o, y1: s, x2: 0, y2: 0 };
+    const g = l.scrollingElement ?? l.body;
+    this._scrollDelta = { x: g.scrollLeft, y: g.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), X(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), X(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), X(l, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, X(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
     const {
       singleTap: { intersect: n },
       range: o
-    } = this._options.features, i = re(t);
-    let s;
+    } = this._options.features, s = re(t);
+    let i;
     if (n === "native")
-      s = i.target;
+      i = s.target;
     else if (n === "touch") {
       this.resolveSelectables();
-      const { x: r, y: c } = i;
-      s = this._selectables.find((a) => {
-        const { right: d, left: h, top: f, bottom: y } = a.getBoundingClientRect();
-        return r < d && r > h && c < y && c > f;
+      const { x: r, y: c } = s;
+      i = this._selectables.find((a) => {
+        const { right: d, left: h, top: u, bottom: y } = a.getBoundingClientRect();
+        return r < d && r > h && c < y && c > u;
       });
     }
-    if (!s)
+    if (!i)
       return;
-    for (this.resolveSelectables(); !this._selectables.includes(s); )
-      if (s.parentElement)
-        s = s.parentElement;
+    for (this.resolveSelectables(); !this._selectables.includes(i); )
+      if (i.parentElement)
+        i = i.parentElement;
       else {
         this._targetBoundaryScrolled || this.clearSelection();
         return;
       }
     const { stored: l } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const r = this._latestElement, [c, a] = r.compareDocumentPosition(s) & 4 ? [s, r] : [r, s], d = [
+      const r = this._latestElement, [c, a] = r.compareDocumentPosition(i) & 4 ? [i, r] : [r, i], d = [
         ...this._selectables.filter((h) => h.compareDocumentPosition(c) & 4 && h.compareDocumentPosition(a) & 2),
         c,
         a
       ];
       this.select(d), this._latestElement = r;
-    } else l.includes(s) && (l.length === 1 || t.ctrlKey || l.every((r) => this._selection.stored.includes(r))) ? this.deselect(s) : (this.select(s), this._latestElement = s);
+    } else l.includes(i) && (l.length === 1 || t.ctrlKey || l.every((r) => this._selection.stored.includes(r))) ? this.deselect(i) : (this.select(i), this._latestElement = i);
   }
   _delayedTapMove(t) {
     const {
       container: n,
       document: o,
-      behaviour: { startThreshold: i }
-    } = this._options, { x1: s, y1: l } = this._areaLocation, { x: r, y: c } = re(t);
+      behaviour: { startThreshold: s }
+    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: r, y: c } = re(t);
     if (
       // Single number for both coordinates
-      typeof i == "number" && G(r + c - (s + l)) >= i || // Different x and y threshold
-      typeof i == "object" && G(r - s) >= i.x || G(c - l) >= i.y
+      typeof s == "number" && z(r + c - (i + l)) >= s || // Different x and y threshold
+      typeof s == "object" && z(r - i) >= s.x || z(c - l) >= s.y
     ) {
       if (j(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
         j(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      z(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), W(this._area, "display", "block"), V(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (z(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), z(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((a) => this._targetElement.contains(a))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
+      X(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), W(this._area, "display", "block"), V(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (X(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), X(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((a) => this._targetElement.contains(a))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
   _setupSelectionArea() {
-    const { _clippingElement: t, _targetElement: n, _area: o } = this, i = this._targetRect = n.getBoundingClientRect();
+    const { _clippingElement: t, _targetElement: n, _area: o } = this, s = this._targetRect = n.getBoundingClientRect();
     this._scrollAvailable ? (W(t, {
-      top: i.top,
-      left: i.left,
-      width: i.width,
-      height: i.height
+      top: s.top,
+      left: s.left,
+      width: s.width,
+      height: s.height
     }), W(o, {
-      marginTop: -i.top,
-      marginLeft: -i.left
+      marginTop: -s.top,
+      marginLeft: -s.left
     })) : (W(t, {
       top: 0,
       left: 0,
@@ -1405,7 +1419,7 @@ class hn extends rn {
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: l } = i.behaviour.scrolling;
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling;
     this._targetElement;
     const { x: r, y: c } = re(t);
     if (o.x2 = r, o.y2 = c, this._lastMousePosition.x = r, this._lastMousePosition.y = c, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
@@ -1417,14 +1431,14 @@ class hn extends rn {
         }
         const d = this._options.mindElixirInstance;
         if (d && d.move) {
-          const h = n.x ? Ve(n.x / l) : 0, f = n.y ? Ve(n.y / l) : 0;
-          (h || f) && (d.move(-h, -f), o.x1 -= h, o.y1 -= f);
+          const h = n.x ? Ue(n.x / l) : 0, u = n.y ? Ue(n.y / l) : 0;
+          (h || u) && (d.move(-h, -u), o.x1 -= h, o.y1 -= u);
         }
-        s.next(t), requestAnimationFrame(a);
+        i.next(t), requestAnimationFrame(a);
       };
       requestAnimationFrame(a);
     } else
-      s.next(t);
+      i.next(t);
     this._handleMoveEvent(t);
   }
   _handleMoveEvent(t) {
@@ -1435,19 +1449,19 @@ class hn extends rn {
     const {
       _scrollDelta: t,
       _options: { document: n }
-    } = this, { scrollTop: o, scrollLeft: i } = n.scrollingElement ?? n.body;
-    this._areaLocation.x1 += t.x - i, this._areaLocation.y1 += t.y - o, t.x = i, t.y = o, this._setupSelectionArea(), this._frame.next(null);
+    } = this, { scrollTop: o, scrollLeft: s } = n.scrollingElement ?? n.body;
+    this._areaLocation.x1 += t.x - s, this._areaLocation.y1 += t.y - o, t.x = s, t.y = o, this._setupSelectionArea(), this._frame.next(null);
   }
   _onStartAreaScroll() {
     this._targetBoundaryScrolled = !0, j(this._targetElement, "scroll", this._onStartAreaScroll);
   }
   _wheelScroll(t) {
-    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, i = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
-    this._scrollSpeed.y += o * n, this._scrollSpeed.x += i * n, this._onTapMove(t), t.preventDefault();
+    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, s = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
+    this._scrollSpeed.y += o * n, this._scrollSpeed.x += s * n, this._onTapMove(t), t.preventDefault();
   }
   _keyboardScroll(t) {
-    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.key === "ArrowLeft" ? -1 : t.key === "ArrowRight" ? 1 : 0, i = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
-    this._scrollSpeed.x += Math.sign(o) * n, this._scrollSpeed.y += Math.sign(i) * n, t.preventDefault(), this._onTapMove({
+    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.key === "ArrowLeft" ? -1 : t.key === "ArrowRight" ? 1 : 0, s = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
+    this._scrollSpeed.x += Math.sign(o) * n, this._scrollSpeed.y += Math.sign(s) * n, t.preventDefault(), this._onTapMove({
       clientX: this._lastMousePosition.x,
       clientY: this._lastMousePosition.y,
       preventDefault: () => {
@@ -1455,49 +1469,49 @@ class hn extends rn {
     });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, s = this._targetRect, { x1: l, y1: r } = n;
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, i = this._targetRect, { x1: l, y1: r } = n;
     let { x2: c, y2: a } = n;
     const {
       behaviour: {
         scrolling: { startScrollMargins: d }
       }
-    } = i;
-    c < s.left + d.x ? (t.x = -G(s.left - c + d.x), c = c < s.left ? s.left : c) : c > s.right - d.x ? (t.x = G(s.left + s.width - c - d.x), c = c > s.right ? s.right : c) : t.x = 0, a < s.top + d.y ? (t.y = -G(s.top - a + d.y), a = a < s.top ? s.top : a) : a > s.bottom - d.y ? (t.y = G(s.top + s.height - a - d.y), a = a > s.bottom ? s.bottom : a) : t.y = 0;
-    const h = qe(l, c), f = qe(r, a), y = Xe(l, c), v = Xe(r, a);
-    this._areaRect = Ge(h, f, y - h, v - f);
+    } = s;
+    c < i.left + d.x ? (t.x = -z(i.left - c + d.x), c = c < i.left ? i.left : c) : c > i.right - d.x ? (t.x = z(i.left + i.width - c - d.x), c = c > i.right ? i.right : c) : t.x = 0, a < i.top + d.y ? (t.y = -z(i.top - a + d.y), a = a < i.top ? i.top : a) : a > i.bottom - d.y ? (t.y = z(i.top + i.height - a - d.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
+    const h = Ve(l, c), u = Ve(r, a), y = qe(l, c), v = qe(r, a);
+    this._areaRect = Ge(h, u, y - h, v - u);
   }
   _redrawSelectionArea() {
-    const { x: t, y: n, width: o, height: i } = this._areaRect, { style: s } = this._area;
-    s.left = `${t}px`, s.top = `${n}px`, s.width = `${o}px`, s.height = `${i}px`;
+    const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
+    i.left = `${t}px`, i.top = `${n}px`, i.width = `${o}px`, i.height = `${s}px`;
   }
   _onTapStop(t, n) {
-    const { document: o, features: i } = this._options, { _singleClick: s } = this;
-    j(this._targetElement, "scroll", this._onStartAreaScroll), j(o, ["mousemove", "touchmove"], this._delayedTapMove), j(o, ["touchmove", "mousemove"], this._onTapMove), j(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop), j(o, "scroll", this._onScroll), this._keepSelection(), t && s && i.singleTap.allow ? this._onSingleTap(t) : !s && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, j(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), j(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), this._frame?.cancel(), W(this._area, "display", "none");
+    const { document: o, features: s } = this._options, { _singleClick: i } = this;
+    j(this._targetElement, "scroll", this._onStartAreaScroll), j(o, ["mousemove", "touchmove"], this._delayedTapMove), j(o, ["touchmove", "mousemove"], this._onTapMove), j(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop), j(o, "scroll", this._onScroll), this._keepSelection(), t && i && s.singleTap.allow ? this._onSingleTap(t) : !i && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, j(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), j(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), this._frame?.cancel(), W(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: l, touched: r } = o, { intersect: c, overlap: a } = n.behaviour, d = a === "invert", h = [], f = [], y = [];
+    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: l, touched: r } = o, { intersect: c, overlap: a } = n.behaviour, d = a === "invert", h = [], u = [], y = [];
     for (let p = 0; p < t.length; p++) {
-      const m = t[p];
-      if (Ke(i, m.getBoundingClientRect(), c)) {
-        if (l.includes(m))
-          s.includes(m) && !r.includes(m) && r.push(m);
-        else if (d && s.includes(m)) {
-          y.push(m);
+      const g = t[p];
+      if (Ke(s, g.getBoundingClientRect(), c)) {
+        if (l.includes(g))
+          i.includes(g) && !r.includes(g) && r.push(g);
+        else if (d && i.includes(g)) {
+          y.push(g);
           continue;
         } else
-          f.push(m);
-        h.push(m);
+          u.push(g);
+        h.push(g);
       }
     }
-    d && f.push(...s.filter((p) => !l.includes(p)));
+    d && u.push(...i.filter((p) => !l.includes(p)));
     const v = a === "keep";
     for (let p = 0; p < l.length; p++) {
-      const m = l[p];
-      !h.includes(m) && !// Check if the user wants to keep previously selected elements, e.g.,
+      const g = l[p];
+      !h.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
       // not make them part of the current selection as soon as they're touched.
-      (v && s.includes(m)) && y.push(m);
+      (v && i.includes(g)) && y.push(g);
     }
-    o.selected = h, o.changed = { added: f, removed: y }, this._latestElement = void 0;
+    o.selected = h, o.changed = { added: u, removed: y }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1507,12 +1521,12 @@ class hn extends rn {
     });
   }
   _keepSelection() {
-    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: l } = n, r = o.filter((c) => !l.includes(c));
+    const { _options: t, _selection: n } = this, { selected: o, changed: s, touched: i, stored: l } = n, r = o.filter((c) => !l.includes(c));
     switch (t.behaviour.overlap) {
       case "drop": {
         n.stored = [
           ...r,
-          ...l.filter((c) => !s.includes(c))
+          ...l.filter((c) => !i.includes(c))
           // Elements not touched
         ];
         break;
@@ -1520,7 +1534,7 @@ class hn extends rn {
       case "invert": {
         n.stored = [
           ...r,
-          ...l.filter((c) => !i.removed.includes(c))
+          ...l.filter((c) => !s.removed.includes(c))
           // Elements not removed from selection
         ];
         break;
@@ -1556,8 +1570,8 @@ class hn extends rn {
    * @param quiet If move / stop events should be fired
    */
   clearSelection(t = !0, n = !1) {
-    const { selected: o, stored: i, changed: s } = this._selection;
-    s.added = [], s.removed.push(...o, ...t ? i : []), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Ue(t ? [] : i);
+    const { selected: o, stored: s, changed: i } = this._selection;
+    i.added = [], i.removed.push(...o, ...t ? s : []), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Je(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -1617,8 +1631,8 @@ class hn extends rn {
    * @param quiet If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: i, stored: s } = this._selection, l = V(t, this._options.document).filter((r) => !i.includes(r) && !s.includes(r));
-    return s.push(...l), i.push(...l), o.added.push(...l), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), l;
+    const { changed: o, selected: s, stored: i } = this._selection, l = V(t, this._options.document).filter((r) => !s.includes(r) && !i.includes(r));
+    return i.push(...l), s.push(...l), o.added.push(...l), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), l;
   }
   /**
    * Removes a particular element from the selection
@@ -1626,11 +1640,11 @@ class hn extends rn {
    * @param quiet If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: i, changed: s } = this._selection, l = V(t, this._options.document).filter((r) => o.includes(r) || i.includes(r));
-    this._selection.stored = i.filter((r) => !l.includes(r)), this._selection.selected = o.filter((r) => !l.includes(r)), this._selection.changed.added = [], this._selection.changed.removed.push(...l.filter((r) => !s.removed.includes(r))), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null));
+    const { selected: o, stored: s, changed: i } = this._selection, l = V(t, this._options.document).filter((r) => o.includes(r) || s.includes(r));
+    this._selection.stored = s.filter((r) => !l.includes(r)), this._selection.selected = o.filter((r) => !l.includes(r)), this._selection.changed.added = [], this._selection.changed.removed.push(...l.filter((r) => !i.removed.includes(r))), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null));
   }
 }
-function un(e) {
+function fn(e) {
   const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new hn({
     selectables: [".map-container me-tpc"],
     boundaries: [e.container],
@@ -1653,51 +1667,51 @@ function un(e) {
     }
   }).on("beforestart", ({ event: o }) => {
     if (e.spacePressed) return !1;
-    const i = o.target;
-    if (i.id === "input-box" || i.className === "circle" || e.container.querySelector(".context-menu")?.contains(i))
+    const s = o.target;
+    if (s.id === "input-box" || s.className === "circle" || e.container.querySelector(".context-menu")?.contains(s))
       return !1;
     if (!o.ctrlKey && !o.metaKey) {
-      if (i.tagName === "ME-TPC" && i.classList.contains("selected"))
+      if (s.tagName === "ME-TPC" && s.classList.contains("selected"))
         return !1;
       e.clearSelection();
     }
-    const s = n.getSelectionArea();
-    return s.style.background = "#4f90f22d", s.style.border = "1px solid #4f90f2", s.parentElement && (s.parentElement.style.zIndex = "9999"), !0;
+    const i = n.getSelectionArea();
+    return i.style.background = "#4f90f22d", i.style.border = "1px solid #4f90f2", i.parentElement && (i.parentElement.style.zIndex = "9999"), !0;
   }).on(
     "move",
     ({
       store: {
-        changed: { added: o, removed: i }
+        changed: { added: o, removed: s }
       }
     }) => {
-      if (o.length > 0 || i.length > 0, o.length > 0) {
-        for (const s of o)
-          s.className = "selected";
+      if (o.length > 0 || s.length > 0, o.length > 0) {
+        for (const i of o)
+          i.className = "selected";
         e.currentNodes = [...e.currentNodes, ...o], e.bus.fire(
           "selectNodes",
-          o.map((s) => s.nodeObj)
+          o.map((i) => i.nodeObj)
         );
       }
-      if (i.length > 0) {
-        for (const s of i)
-          s.classList.remove("selected");
-        e.currentNodes = e.currentNodes.filter((s) => !i?.includes(s)), e.bus.fire(
+      if (s.length > 0) {
+        for (const i of s)
+          i.classList.remove("selected");
+        e.currentNodes = e.currentNodes.filter((i) => !s?.includes(i)), e.bus.fire(
           "unselectNodes",
-          i.map((s) => s.nodeObj)
+          s.map((i) => i.nodeObj)
         );
       }
     }
   );
   e.selection = n;
 }
-const fn = function(e, t = !0) {
+const un = function(e, t = !0) {
   this.theme = e;
   const o = {
     ...(e.type === "dark" ? Ne : Se).cssVar,
     ...e.cssVar
-  }, i = Object.keys(o);
-  for (let s = 0; s < i.length; s++) {
-    const l = i[s];
+  }, s = Object.keys(o);
+  for (let i = 0; i < s.length; i++) {
+    const l = s[i];
     this.container.style.setProperty(l, o[l]);
   }
   t && this.refresh();
@@ -1722,8 +1736,8 @@ function ht(e) {
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
 function mn(e, t, n) {
-  const { siblings: o, index: i } = te(n);
-  o !== void 0 && (t === "before" ? o.splice(i, 0, e) : o.splice(i + 1, 0, e));
+  const { siblings: o, index: s } = te(n);
+  o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
 function yn(e, t) {
   const { siblings: n, index: o } = te(e);
@@ -1734,9 +1748,9 @@ function vn(e, t, n) {
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
-    const { siblings: o, index: i } = te(n);
+    const { siblings: o, index: s } = te(n);
     if (o === void 0) return;
-    e === "before" ? o.splice(i, 0, t) : o.splice(i + 1, 0, t);
+    e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
 }
 const bn = function({ map: e, direction: t }, n) {
@@ -1745,20 +1759,20 @@ const bn = function({ map: e, direction: t }, n) {
   if (t === 1)
     return 1;
   if (t === 2) {
-    const o = e.querySelector(".lhs")?.childElementCount || 0, i = e.querySelector(".rhs")?.childElementCount || 0;
-    return o <= i ? (n.direction = 0, 0) : (n.direction = 1, 1);
-  }
-}, ut = function(e, t, n) {
-  const o = n.children[0].children[0], i = t.parentElement;
-  if (i.tagName === "ME-PARENT") {
-    if (ie(o), i.children[1])
-      i.nextSibling.appendChild(n);
+    const o = e.querySelector(".lhs")?.childElementCount || 0, s = e.querySelector(".rhs")?.childElementCount || 0;
+    return o <= s ? (n.direction = 0, 0) : (n.direction = 1, 1);
+  }
+}, ft = function(e, t, n) {
+  const o = n.children[0].children[0], s = t.parentElement;
+  if (s.tagName === "ME-PARENT") {
+    if (se(o), s.children[1])
+      s.nextSibling.appendChild(n);
     else {
-      const s = e.createChildren([n]);
-      i.appendChild(Ae(!0)), i.insertAdjacentElement("afterend", s);
+      const i = e.createChildren([n]);
+      s.appendChild(Me(!0)), s.insertAdjacentElement("afterend", i);
     }
     e.linkDiv(n.offsetParent);
-  } else i.tagName === "ME-ROOT" && (bn(e, o.nodeObj) === 0 ? e.container.querySelector(".lhs")?.appendChild(n) : e.container.querySelector(".rhs")?.appendChild(n), e.linkDiv());
+  } else s.tagName === "ME-ROOT" && (bn(e, o.nodeObj) === 0 ? e.container.querySelector(".lhs")?.appendChild(n) : e.container.querySelector(".rhs")?.appendChild(n), e.linkDiv());
 }, wn = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
@@ -1766,38 +1780,38 @@ const bn = function({ map: e, direction: t }, n) {
     o.tagName !== "ME-MAIN" && (o.previousSibling.children[1].remove(), o.remove());
   }
   n.parentNode.remove();
-}, ft = {
+}, ut = {
   before: "beforebegin",
   after: "afterend"
-}, ie = function(e) {
+}, se = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   n?.tagName === "svg" && n?.remove();
 }, xn = function(e, t) {
   const n = e.nodeObj, o = Te(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
-  const i = Object.assign(n, t);
-  Le.call(this, e, i), this.linkDiv(), this.bus.fire("operation", {
+  const s = Object.assign(n, t);
+  Ae.call(this, e, s), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
-    obj: i,
+    obj: s,
     origin: o
   });
-}, Me = function(e, t, n) {
+}, De = function(e, t, n) {
   if (!t) return null;
   const o = t.nodeObj;
   o.expanded === !1 && (e.expandNode(t, !0), t = e.findEle(o.id));
-  const i = n || e.generateNewObj();
-  o.children ? o.children.push(i) : o.children = [i], X(e.nodeData);
-  const { grp: s, top: l } = e.createWrapper(i);
-  return ut(e, t, s), { newTop: l, newNodeObj: i };
-}, En = function(e, t, n) {
+  const s = n || e.generateNewObj();
+  o.children ? o.children.push(s) : o.children = [s], K(e.nodeData);
+  const { grp: i, top: l } = e.createWrapper(s);
+  return ft(e, t, i), { newTop: l, newNodeObj: s };
+}, Cn = function(e, t, n) {
   const o = t || this.currentNode;
   if (!o) return;
-  const i = o.nodeObj;
-  if (i.parent) {
-    if (!i.parent?.parent && this.direction === 2) {
+  const s = o.nodeObj;
+  if (s.parent) {
+    if (!s.parent?.parent && this.direction === 2) {
       const a = this.map.querySelector(".lhs")?.childElementCount || 0, d = this.map.querySelector(".rhs")?.childElementCount || 0;
       if (!a || !d) {
-        this.addChild(this.findEle(i.parent.id), n);
+        this.addChild(this.findEle(s.parent.id), n);
         return;
       }
     }
@@ -1805,61 +1819,61 @@ const bn = function({ map: e, direction: t }, n) {
     this.addChild();
     return;
   }
-  const s = n || this.generateNewObj();
-  if (!i.parent?.parent) {
-    const a = o.closest("me-main").className === I.LHS ? 0 : 1;
-    s.direction = a;
+  const i = n || this.generateNewObj();
+  if (!s.parent?.parent) {
+    const a = o.closest("me-main").className === B.LHS ? 0 : 1;
+    i.direction = a;
   }
-  mn(s, e, i), X(this.nodeData);
-  const l = o.parentElement, { grp: r, top: c } = this.createWrapper(s);
-  l.parentElement.insertAdjacentElement(ft[e], r), this.linkDiv(r.offsetParent), n || this.editTopic(c.firstChild), this.bus.fire("operation", {
+  mn(i, e, s), K(this.nodeData);
+  const l = o.parentElement, { grp: r, top: c } = this.createWrapper(i);
+  l.parentElement.insertAdjacentElement(ut[e], r), this.linkDiv(r.offsetParent), n || this.editTopic(c.firstChild), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
-    obj: s
+    obj: i
   }), this.selectNode(c.firstChild, !0);
-}, Cn = function(e, t) {
+}, En = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  ie(n);
+  se(n);
   const o = n.nodeObj;
   if (!o.parent)
     return;
-  const i = t || this.generateNewObj();
-  yn(o, i), X(this.nodeData);
-  const s = n.parentElement.parentElement, { grp: l, top: r } = this.createWrapper(i, !0);
-  r.appendChild(Ae(!0)), s.insertAdjacentElement("afterend", l);
-  const c = this.createChildren([s]);
+  const s = t || this.generateNewObj();
+  yn(o, s), K(this.nodeData);
+  const i = n.parentElement.parentElement, { grp: l, top: r } = this.createWrapper(s, !0);
+  r.appendChild(Me(!0)), i.insertAdjacentElement("afterend", l);
+  const c = this.createChildren([i]);
   r.insertAdjacentElement("afterend", c), this.linkDiv(), t || this.editTopic(r.firstChild), this.selectNode(r.firstChild, !0), this.bus.fire("operation", {
     name: "insertParent",
-    obj: i
+    obj: s
   });
 }, Sn = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  const o = Me(this, n, t);
+  const o = De(this, n, t);
   if (!o) return;
-  const { newTop: i, newNodeObj: s } = o;
+  const { newTop: s, newNodeObj: i } = o;
   this.bus.fire("operation", {
     name: "addChild",
-    obj: s
-  }), t || this.editTopic(i.firstChild), this.selectNode(i.firstChild, !0);
+    obj: i
+  }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
 }, Nn = function(e, t) {
   const n = Te(e.nodeObj);
   ke(n);
-  const o = Me(this, t, n);
+  const o = De(this, t, n);
   if (!o) return;
-  const { newNodeObj: i } = o;
-  this.selectNode(this.findEle(i.id)), this.bus.fire("operation", {
+  const { newNodeObj: s } = o;
+  this.selectNode(this.findEle(s.id)), this.bus.fire("operation", {
     name: "copyNode",
-    obj: i
+    obj: s
   });
 }, kn = function(e, t) {
   e = _e(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const i = e[o], s = Te(i.nodeObj);
-    ke(s);
-    const l = Me(this, t, s);
+    const s = e[o], i = Te(s.nodeObj);
+    ke(i);
+    const l = De(this, t, i);
     if (!l) return;
     const { newNodeObj: r } = l;
     n.push(r);
@@ -1892,49 +1906,49 @@ const bn = function({ map: e, direction: t }, n) {
   if (e.length === 0) return;
   e = _e(e);
   for (const n of e) {
-    const o = n.nodeObj, i = ht(o);
-    wn(n, i);
+    const o = n.nodeObj, s = ht(o);
+    wn(n, s);
   }
   const t = e[e.length - 1];
   this.selectNode(this.findEle(t.nodeObj.parent.id)), this.linkDiv(), this.bus.fire("operation", {
     name: "removeNodes",
     objs: e.map((n) => n.nodeObj)
   });
-}, De = (e, t, n, o) => {
+}, Pe = (e, t, n, o) => {
   e = _e(e);
-  let i = n.nodeObj;
-  t === "in" && i.expanded === !1 && (o.expandNode(n, !0), n = o.findEle(i.id), i = n.nodeObj), t === "after" && (e = e.reverse());
-  const s = [];
+  let s = n.nodeObj;
+  t === "in" && s.expanded === !1 && (o.expandNode(n, !0), n = o.findEle(s.id), s = n.nodeObj), t === "after" && (e = e.reverse());
+  const i = [];
   for (const r of e) {
     const c = r.nodeObj;
-    if (vn(t, c, i), X(o.nodeData), t === "in") {
+    if (vn(t, c, s), K(o.nodeData), t === "in") {
       const a = r.parentElement;
-      ut(o, n, a.parentElement);
+      ft(o, n, a.parentElement);
     } else {
-      ie(r);
+      se(r);
       const a = r.parentElement.parentNode;
-      s.includes(a.parentElement) || s.push(a.parentElement), n.parentElement.parentNode.insertAdjacentElement(ft[t], a);
+      i.includes(a.parentElement) || i.push(a.parentElement), n.parentElement.parentNode.insertAdjacentElement(ut[t], a);
     }
   }
-  for (const r of s)
+  for (const r of i)
     r.childElementCount === 0 && r.tagName !== "ME-MAIN" && (r.previousSibling.children[1].remove(), r.remove());
   o.linkDiv(), o.scrollIntoView(e[e.length - 1]);
   const l = t === "before" ? "moveNodeBefore" : t === "after" ? "moveNodeAfter" : "moveNodeIn";
   o.bus.fire("operation", {
     name: l,
     objs: e.map((r) => r.nodeObj),
-    toObj: i
+    toObj: s
   });
 }, An = function(e, t) {
-  De(e, "in", t, this);
+  Pe(e, "in", t, this);
 }, Mn = function(e, t) {
-  De(e, "before", t, this);
+  Pe(e, "before", t, this);
 }, Dn = function(e, t) {
-  De(e, "after", t, this);
+  Pe(e, "after", t, this);
 }, Pn = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
-}, $n = function(e, t) {
+}, On = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
 }, pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1942,8 +1956,8 @@ const bn = function({ map: e, direction: t }, n) {
   beginEdit: Pn,
   copyNode: Nn,
   copyNodes: kn,
-  insertParent: Cn,
-  insertSibling: En,
+  insertParent: En,
+  insertSibling: Cn,
   moveDownNode: _n,
   moveNodeAfter: Dn,
   moveNodeBefore: Mn,
@@ -1951,10 +1965,10 @@ const bn = function({ map: e, direction: t }, n) {
   moveUpNode: Tn,
   removeNodes: Ln,
   reshapeNode: xn,
-  rmSubline: ie,
-  setNodeTopic: $n
+  rmSubline: se,
+  setNodeTopic: On
 }, Symbol.toStringTag, { value: "Module" }));
-function On(e) {
+function $n(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -1966,19 +1980,19 @@ function On(e) {
 const jn = function(e) {
   const t = this.container, n = e.getBoundingClientRect(), o = t.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, l = n.top + n.height / 2, r = o.left + o.width / 2, c = o.top + o.height / 2, a = s - r, d = l - c;
+    const i = n.left + n.width / 2, l = n.top + n.height / 2, r = o.left + o.width / 2, c = o.top + o.height / 2, a = i - r, d = l - c;
     this.move(-a, -d, !0);
   }
 }, Hn = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
-}, In = function(e) {
+}, Rn = function(e) {
   this.selection.select(e);
 }, Bn = function(e) {
   this.selection?.deselect(e);
-}, Rn = function() {
+}, In = function() {
   this.unselectNodes(this.currentNodes), this.unselectSummary(), this.unselectArrow();
 }, Fn = function() {
-  const e = On(this);
+  const e = $n(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
@@ -1987,47 +2001,47 @@ const jn = function(e) {
   return JSON.parse(this.getDataString());
 }, Wn = function() {
   this.editable = !0;
-}, zn = function() {
+}, Xn = function() {
   this.editable = !1;
-}, Gn = function(e, t = { x: 0, y: 0 }) {
-  if (e < this.scaleMin || e > this.scaleMax) return;
-  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, i = t.y ? t.y - n.top - n.height / 2 : 0, { dx: s, dy: l } = Pe(this), r = this.map.style.transform, { x: c, y: a } = tt(r), d = c - s, h = a - l, f = this.scaleVal, y = (-o + d) * (1 - e / f), v = (-i + h) * (1 - e / f);
+}, zn = function(e, t = { x: 0, y: 0 }) {
+  if (e < this.scaleMin && e < this.scaleVal || e > this.scaleMax && e > this.scaleVal) return;
+  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, s = t.y ? t.y - n.top - n.height / 2 : 0, { dx: i, dy: l } = Oe(this), r = this.map.style.transform, { x: c, y: a } = Le(r), d = c - i, h = a - l, u = this.scaleVal, y = (-o + d) * (1 - e / u), v = (-s + h) * (1 - e / u);
   this.map.style.transform = `translate3d(${c - y}px, ${a - v}px, 0) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
-}, Kn = function() {
+}, Gn = function() {
   const e = this.nodes.offsetHeight / this.container.offsetHeight, t = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(e, t));
   this.scaleVal = n;
-  const { dx: o, dy: i } = Pe(this, !0);
-  this.map.style.transform = `translate3d(${o}px, ${i}px, 0) scale(${n})`, this.bus.fire("scale", n);
-}, Xn = function(e, t, n = !1) {
-  const { map: o, scaleVal: i, bus: s, container: l, nodes: r } = this;
+  const { dx: o, dy: s } = Oe(this, !0);
+  this.map.style.transform = `translate3d(${o}px, ${s}px, 0) scale(${n})`, this.bus.fire("scale", n);
+}, Kn = function(e, t, n = !1) {
+  const { map: o, scaleVal: s, bus: i, container: l, nodes: r } = this;
   if (n && o.style.transition === "transform 0.3s")
     return;
   const c = o.style.transform;
-  let { x: a, y: d } = tt(c);
-  const h = l.getBoundingClientRect(), f = r.getBoundingClientRect(), y = f.left < h.right && f.right > h.left, v = f.top < h.bottom && f.bottom > h.top;
+  let { x: a, y: d } = Le(c);
+  const h = l.getBoundingClientRect(), u = r.getBoundingClientRect(), y = u.left < h.right && u.right > h.left, v = u.top < h.bottom && u.bottom > h.top;
   if (y) {
-    const p = f.left + e, m = f.right + e;
-    (p >= h.right || m <= h.left) && (e = 0);
+    const p = u.left + e, g = u.right + e;
+    (p >= h.right || g <= h.left) && (e = 0);
   }
   if (v) {
-    const p = f.top + t, m = f.bottom + t;
-    (p >= h.bottom || m <= h.top) && (t = 0);
+    const p = u.top + t, g = u.bottom + t;
+    (p >= h.bottom || g <= h.top) && (t = 0);
   }
   a += e, d += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate3d(${a}px, ${d}px, 0) scale(${i})`, s.fire("move", { dx: e, dy: t });
-}, Pe = (e, t = !1) => {
-  const { container: n, map: o, nodes: i } = e;
-  let s, l;
+  }, 300)), o.style.transform = `translate3d(${a}px, ${d}px, 0) scale(${s})`, i.fire("move", { dx: e, dy: t });
+}, Oe = (e, t = !1) => {
+  const { container: n, map: o, nodes: s } = e;
+  let i, l;
   if (e.alignment === "nodes" || t)
-    s = (n.offsetWidth - i.offsetWidth) / 2, l = (n.offsetHeight - i.offsetHeight) / 2, o.style.transformOrigin = "50% 50%";
+    i = (n.offsetWidth - s.offsetWidth) / 2, l = (n.offsetHeight - s.offsetHeight) / 2, o.style.transformOrigin = "50% 50%";
   else {
     const r = o.querySelector("me-root"), c = r.offsetTop, a = r.offsetLeft, d = r.offsetWidth, h = r.offsetHeight;
-    s = n.offsetWidth / 2 - a - d / 2, l = n.offsetHeight / 2 - c - h / 2, o.style.transformOrigin = `${a + d / 2}px 50%`;
+    i = n.offsetWidth / 2 - a - d / 2, l = n.offsetHeight / 2 - c - h / 2, o.style.transformOrigin = `${a + d / 2}px 50%`;
   }
-  return { dx: s, dy: l };
+  return { dx: i, dy: l };
 }, qn = function() {
-  const { map: e, container: t } = this, { dx: n, dy: o } = Pe(this);
+  const { map: e, container: t } = this, { dx: n, dy: o } = Oe(this);
   t.scrollTop = 0, t.scrollLeft = 0, e.style.transform = `translate3d(${n}px, ${o}px, 0) scale(${this.scaleVal})`;
 }, Vn = function(e) {
   e(this);
@@ -2046,41 +2060,41 @@ const jn = function(e) {
 }, no = function(e, t) {
   const n = e.nodeObj;
   typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
-  const o = e.getBoundingClientRect(), i = {
+  const o = e.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
-  }, s = e.parentNode, l = s.children[1];
-  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", ie(e), n.expanded) {
+  }, i = e.parentNode, l = i.children[1];
+  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", se(e), n.expanded) {
     const h = this.createChildren(
-      n.children.map((f) => this.createWrapper(f).grp)
+      n.children.map((u) => this.createWrapper(u).grp)
     );
-    s.parentNode.appendChild(h);
+    i.parentNode.appendChild(h);
   } else
-    s.parentNode.children[1].remove();
+    i.parentNode.children[1].remove();
   this.linkDiv(e.closest("me-main > me-wrapper"));
   const r = e.getBoundingClientRect(), c = {
     x: r.left,
     y: r.top
-  }, a = i.x - c.x, d = i.y - c.y;
+  }, a = s.x - c.x, d = s.y - c.y;
   this.move(a, d), this.bus.fire("expandNode", n);
 }, oo = function(e, t) {
-  const n = e.nodeObj, o = e.getBoundingClientRect(), i = {
+  const n = e.nodeObj, o = e.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
   };
   Q(n, t ?? !n.expanded), this.refresh();
-  const s = this.findEle(n.id).getBoundingClientRect(), l = {
-    x: s.left,
-    y: s.top
-  }, r = i.x - l.x, c = i.y - l.y;
+  const i = this.findEle(n.id).getBoundingClientRect(), l = {
+    x: i.left,
+    y: i.top
+  }, r = s.x - l.x, c = s.y - l.y;
   this.move(r, c);
-}, io = function(e) {
-  this.clearSelection(), e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || [], e.theme && this.changeTheme(e.theme)), X(this.nodeData), this.layout(), this.linkDiv();
-}, so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, so = function(e) {
+  this.clearSelection(), e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || [], e.theme && this.changeTheme(e.theme)), K(this.nodeData), this.layout(), this.linkDiv();
+}, io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: Jn,
-  clearSelection: Rn,
-  disableEdit: zn,
+  clearSelection: In,
+  disableEdit: Xn,
   enableEdit: Wn,
   expandNode: no,
   expandNodeAll: oo,
@@ -2091,13 +2105,13 @@ const jn = function(e) {
   initRight: Qn,
   initSide: eo,
   install: Vn,
-  move: Xn,
-  refresh: io,
-  scale: Gn,
-  scaleFit: Kn,
+  move: Kn,
+  refresh: so,
+  scale: zn,
+  scaleFit: Gn,
   scrollIntoView: jn,
   selectNode: Hn,
-  selectNodes: In,
+  selectNodes: Rn,
   setLocale: to,
   toCenter: qn,
   unselectNodes: Bn
@@ -2136,53 +2150,53 @@ const jn = function(e) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, Je = {
+}, Ze = {
   create: ro
 }, lo = "#4dc4ff";
-function gt(e, t, n, o, i, s, l, r) {
+function gt(e, t, n, o, s, i, l, r) {
   return {
-    x: e / 8 + n * 3 / 8 + i * 3 / 8 + l / 8,
-    y: t / 8 + o * 3 / 8 + s * 3 / 8 + r / 8
+    x: e / 8 + n * 3 / 8 + s * 3 / 8 + l / 8,
+    y: t / 8 + o * 3 / 8 + i * 3 / 8 + r / 8
   };
 }
 function co(e, t, n) {
   e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), me(e));
 }
-function le(e, t, n, o, i) {
+function le(e, t, n, o, s) {
   A(e, {
     x1: t + "",
     y1: n + "",
     x2: o + "",
-    y2: i + ""
+    y2: s + ""
   });
 }
-function Ze(e, t, n, o, i, s, l, r, c, a) {
-  const d = `M ${t} ${n} C ${o} ${i} ${s} ${l} ${r} ${c}`;
+function Qe(e, t, n, o, s, i, l, r, c, a) {
+  const d = `M ${t} ${n} C ${o} ${s} ${i} ${l} ${r} ${c}`;
   if (e.line.setAttribute("d", d), a.style) {
     const p = a.style;
     p.stroke && e.line.setAttribute("stroke", p.stroke), p.strokeWidth && e.line.setAttribute("stroke-width", String(p.strokeWidth)), p.strokeDasharray && e.line.setAttribute("stroke-dasharray", p.strokeDasharray), p.strokeLinecap && e.line.setAttribute("stroke-linecap", p.strokeLinecap), p.opacity !== void 0 && e.line.setAttribute("opacity", String(p.opacity));
   }
   const h = e.querySelectorAll('path[stroke="transparent"]');
   h.length > 0 && h[0].setAttribute("d", d);
-  const f = ue(s, l, r, c);
-  if (f) {
-    const p = `M ${f.x1} ${f.y1} L ${r} ${c} L ${f.x2} ${f.y2}`;
+  const u = fe(i, l, r, c);
+  if (u) {
+    const p = `M ${u.x1} ${u.y1} L ${r} ${c} L ${u.x2} ${u.y2}`;
     if (e.arrow1.setAttribute("d", p), h.length > 1 && h[1].setAttribute("d", p), a.style) {
-      const m = a.style;
-      m.stroke && e.arrow1.setAttribute("stroke", m.stroke), m.strokeWidth && e.arrow1.setAttribute("stroke-width", String(m.strokeWidth)), m.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", m.strokeLinecap), m.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(m.opacity));
+      const g = a.style;
+      g.stroke && e.arrow1.setAttribute("stroke", g.stroke), g.strokeWidth && e.arrow1.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(g.opacity));
     }
   }
   if (a.bidirectional) {
-    const p = ue(o, i, t, n);
+    const p = fe(o, s, t, n);
     if (p) {
-      const m = `M ${p.x1} ${p.y1} L ${t} ${n} L ${p.x2} ${p.y2}`;
-      if (e.arrow2.setAttribute("d", m), h.length > 2 && h[2].setAttribute("d", m), a.style) {
-        const g = a.style;
-        g.stroke && e.arrow2.setAttribute("stroke", g.stroke), g.strokeWidth && e.arrow2.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(g.opacity));
+      const g = `M ${p.x1} ${p.y1} L ${t} ${n} L ${p.x2} ${p.y2}`;
+      if (e.arrow2.setAttribute("d", g), h.length > 2 && h[2].setAttribute("d", g), a.style) {
+        const m = a.style;
+        m.stroke && e.arrow2.setAttribute("stroke", m.stroke), m.strokeWidth && e.arrow2.setAttribute("stroke-width", String(m.strokeWidth)), m.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", m.strokeLinecap), m.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(m.opacity));
       }
     }
   }
-  const { x: y, y: v } = gt(t, n, o, i, s, l, r, c);
+  const { x: y, y: v } = gt(t, n, o, s, i, l, r, c);
   if (e.labelEl && co(e.labelEl, y, v), a.style?.labelColor) {
     const p = e.labelEl;
     p && (p.style.color = a.style.labelColor);
@@ -2190,9 +2204,9 @@ function Ze(e, t, n, o, i, s, l, r, c, a) {
   yo(e);
 }
 function pe(e, t, n) {
-  const { offsetLeft: o, offsetTop: i } = F(e.nodes, t), s = t.offsetWidth, l = t.offsetHeight, r = o + s / 2, c = i + l / 2, a = r + n.x, d = c + n.y;
+  const { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = t.offsetWidth, l = t.offsetHeight, r = o + i / 2, c = s + l / 2, a = r + n.x, d = c + n.y;
   return {
-    w: s,
+    w: i,
     h: l,
     cx: r,
     cy: c,
@@ -2208,46 +2222,52 @@ function Z(e) {
     y: n
   };
 }
-const $e = function(e, t, n, o, i) {
+const $e = function(e, t, n, o, s) {
   if (!t || !n)
     return;
-  const s = pe(e, t, o.delta1), l = pe(e, n, o.delta2), { x: r, y: c } = Z(s), { ctrlX: a, ctrlY: d } = s, { ctrlX: h, ctrlY: f } = l, { x: y, y: v } = Z(l), p = ue(h, f, y, v);
+  const i = pe(e, t, o.delta1), l = pe(e, n, o.delta2), { x: r, y: c } = Z(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: y, y: v } = Z(l), p = fe(h, u, y, v);
   if (!p) return;
-  const m = `M ${p.x1} ${p.y1} L ${y} ${v} L ${p.x2} ${p.y2}`;
-  let g = "";
+  const g = `M ${p.x1} ${p.y1} L ${y} ${v} L ${p.x2} ${p.y2}`;
+  let m = "";
   if (o.bidirectional) {
-    const N = ue(a, d, r, c);
+    const N = fe(a, d, r, c);
     if (!N) return;
-    g = `M ${N.x1} ${N.y1} L ${r} ${c} L ${N.x2} ${N.y2}`;
+    m = `M ${N.x1} ${N.y1} L ${r} ${c} L ${N.x2} ${N.y2}`;
   }
-  const b = Wt(`M ${r} ${c} C ${a} ${d} ${h} ${f} ${y} ${v}`, m, g, o.style), { x, y: L } = gt(r, c, a, d, h, f, y, v), _ = o.style?.labelColor || "rgb(235, 95, 82)", C = "arrow-" + o.id;
-  b.id = C;
-  const E = e.markdown ? e.markdown(o.label, o) : o.label, S = Ee(E, x, L, {
+  const b = Wt(`M ${r} ${c} C ${a} ${d} ${h} ${u} ${y} ${v}`, g, m, o.style), { x, y: L } = gt(r, c, a, d, h, u, y, v), T = o.style?.labelColor || "rgb(235, 95, 82)", E = "arrow-" + o.id;
+  b.id = E;
+  const C = e.markdown ? e.markdown(o.label, o) : o.label, S = Ce(C, x, L, {
     anchor: "middle",
-    color: _,
+    color: T,
     dataType: "arrow",
-    svgId: C
+    svgId: E
   });
-  b.labelEl = S, b.arrowObj = o, b.dataset.linkid = o.id, e.labelContainer.appendChild(S), e.linkSvgGroup.appendChild(b), me(S), i || (e.arrows.push(o), e.currentArrow = b, mt(e, o, s, l));
+  b.labelEl = S, b.arrowObj = o, b.dataset.linkid = o.id, e.labelContainer.appendChild(S), e.linkSvgGroup.appendChild(b), me(S), s || (e.arrows.push(o), e.currentArrow = b, mt(e, o, i, l));
 }, ao = function(e, t, n = {}) {
-  const o = {
+  const o = H(this.nodes, e), s = H(this.nodes, t), i = o.offsetLeft + e.offsetWidth / 2, l = o.offsetTop + e.offsetHeight / 2, r = s.offsetLeft + t.offsetWidth / 2, c = s.offsetTop + t.offsetHeight / 2, a = r - i, d = c - l, h = Math.sqrt(a * a + d * d), u = Math.max(50, Math.min(200, h * 0.3)), y = Math.abs(a), v = Math.abs(d);
+  let p, g;
+  if (y > v * 1.5) {
+    const b = a > 0 ? e.offsetWidth / 2 : -e.offsetWidth / 2, x = a > 0 ? -t.offsetWidth / 2 : t.offsetWidth / 2;
+    p = { x: b + (a > 0 ? u : -u), y: 0 }, g = { x: x + (a > 0 ? -u : u), y: 0 };
+  } else if (v > y * 1.5) {
+    const b = d > 0 ? e.offsetHeight / 2 : -e.offsetHeight / 2, x = d > 0 ? -t.offsetHeight / 2 : t.offsetHeight / 2;
+    p = { x: 0, y: b + (d > 0 ? u : -u) }, g = { x: 0, y: x + (d > 0 ? -u : u) };
+  } else {
+    const b = Math.atan2(d, a), x = e.offsetWidth / 2 * Math.cos(b), L = e.offsetHeight / 2 * Math.sin(b), T = -(t.offsetWidth / 2) * Math.cos(b), E = -(t.offsetHeight / 2) * Math.sin(b), C = u * 0.7 * (a > 0 ? 1 : -1), S = u * 0.7 * (d > 0 ? 1 : -1);
+    p = { x: x + C, y: L + S }, g = { x: T - C, y: E - S };
+  }
+  const m = {
     id: q(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
-    delta1: {
-      x: e.offsetWidth / 2 + 100,
-      y: 0
-    },
-    delta2: {
-      x: t.offsetWidth / 2 + 100,
-      y: 0
-    },
+    delta1: p,
+    delta2: g,
     ...n
   };
-  $e(this, e, t, o), this.bus.fire("operation", {
+  $e(this, e, t, m), this.bus.fire("operation", {
     name: "createArrow",
-    obj: o
+    obj: m
   });
 }, ho = function(e) {
   ye(this);
@@ -2256,7 +2276,7 @@ const $e = function(e, t, n, o, i) {
     name: "createArrow",
     obj: t
   });
-}, uo = function(e) {
+}, fo = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t) return;
   ye(this);
@@ -2267,14 +2287,14 @@ const $e = function(e, t, n, o, i) {
       id: n
     }
   });
-}, fo = function(e) {
+}, uo = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = pe(this, n, t.delta1), s = pe(this, o, t.delta2);
-  mt(this, t, i, s);
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = pe(this, n, t.delta1), i = pe(this, o, t.delta2);
+  mt(this, t, s, i);
 }, po = function() {
   ye(this), this.currentArrow = null;
 }, be = function(e, t) {
-  const n = document.createElementNS(H, "path");
+  const n = document.createElementNS(R, "path");
   return A(n, {
     d: e,
     stroke: t,
@@ -2284,14 +2304,14 @@ const $e = function(e, t, n, o, i) {
     "stroke-linejoin": "round"
   }), n;
 }, go = function(e, t) {
-  const n = document.createElementNS(H, "g");
+  const n = document.createElementNS(R, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
   const o = be(e.line.getAttribute("d"), t);
   n.appendChild(o);
-  const i = be(e.arrow1.getAttribute("d"), t);
-  if (n.appendChild(i), e.arrow2.getAttribute("d")) {
-    const s = be(e.arrow2.getAttribute("d"), t);
-    n.appendChild(s);
+  const s = be(e.arrow1.getAttribute("d"), t);
+  if (n.appendChild(s), e.arrow2.getAttribute("d")) {
+    const i = be(e.arrow2.getAttribute("d"), t);
+    n.appendChild(i);
   }
   e.insertBefore(n, e.firstChild);
 }, mo = function(e) {
@@ -2305,18 +2325,18 @@ const $e = function(e, t, n, o, i) {
 }, ye = function(e) {
   e.helper1?.destroy(), e.helper2?.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && mo(e.currentArrow);
 }, mt = function(e, t, n, o) {
-  const { linkController: i, P2: s, P3: l, line1: r, line2: c, nodes: a, map: d, currentArrow: h, bus: f } = e;
+  const { linkController: s, P2: i, P3: l, line1: r, line2: c, nodes: a, map: d, currentArrow: h, bus: u } = e;
   if (!h) return;
-  i.style.display = "initial", s.style.display = "initial", l.style.display = "initial", a.appendChild(i), a.appendChild(s), a.appendChild(l), go(h, lo);
-  let { x: y, y: v } = Z(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: g, ctrlY: b } = o, { x, y: L } = Z(o);
-  s.style.cssText = `top:${m}px;left:${p}px;`, l.style.cssText = `top:${b}px;left:${g}px;`, le(r, y, v, p, m), le(c, g, b, x, L), e.helper1 = Je.create(s), e.helper2 = Je.create(l), e.helper1.init(d, (_, C) => {
-    p = p + _ / e.scaleVal, m = m + C / e.scaleVal;
-    const E = Z({ ...n, ctrlX: p, ctrlY: m });
-    y = E.x, v = E.y, s.style.top = m + "px", s.style.left = p + "px", Ze(h, y, v, p, m, g, b, x, L, t), le(r, y, v, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, f.fire("updateArrowDelta", t);
-  }), e.helper2.init(d, (_, C) => {
-    g = g + _ / e.scaleVal, b = b + C / e.scaleVal;
-    const E = Z({ ...o, ctrlX: g, ctrlY: b });
-    x = E.x, L = E.y, l.style.top = b + "px", l.style.left = g + "px", Ze(h, y, v, p, m, g, b, x, L, t), le(c, g, b, x, L), t.delta2.x = g - o.cx, t.delta2.y = b - o.cy, f.fire("updateArrowDelta", t);
+  s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(l), go(h, lo);
+  let { x: y, y: v } = Z(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: b } = o, { x, y: L } = Z(o);
+  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${b}px;left:${m}px;`, le(r, y, v, p, g), le(c, m, b, x, L), e.helper1 = Ze.create(i), e.helper2 = Ze.create(l), e.helper1.init(d, (T, E) => {
+    p = p + T / e.scaleVal, g = g + E / e.scaleVal;
+    const C = Z({ ...n, ctrlX: p, ctrlY: g });
+    y = C.x, v = C.y, i.style.top = g + "px", i.style.left = p + "px", Qe(h, y, v, p, g, m, b, x, L, t), le(r, y, v, p, g), t.delta1.x = p - n.cx, t.delta1.y = g - n.cy, u.fire("updateArrowDelta", t);
+  }), e.helper2.init(d, (T, E) => {
+    m = m + T / e.scaleVal, b = b + E / e.scaleVal;
+    const C = Z({ ...o, ctrlX: m, ctrlY: b });
+    x = C.x, L = C.y, l.style.top = b + "px", l.style.left = m + "px", Qe(h, y, v, p, g, m, b, x, L, t), le(c, m, b, x, L), t.delta2.x = m - o.cx, t.delta2.y = b - o.cy, u.fire("updateArrowDelta", t);
   });
 };
 function vo() {
@@ -2341,12 +2361,12 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   createArrow: ao,
   createArrowFrom: ho,
   editArrowLabel: bo,
-  removeArrow: uo,
+  removeArrow: fo,
   renderArrow: vo,
-  selectArrow: fo,
+  selectArrow: uo,
   tidyArrow: wo,
   unselectArrow: po
-}, Symbol.toStringTag, { value: "Module" })), Eo = function(e) {
+}, Symbol.toStringTag, { value: "Module" })), Co = function(e) {
   if (e.length === 0) throw new Error("No selected node.");
   if (e.length === 1) {
     const c = e[0].nodeObj, a = e[0].nodeObj.parent;
@@ -2376,18 +2396,18 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         break e;
   }
   if (!o) throw new Error("Can not select root node.");
-  const i = n.map((c) => c[o - 1].index).sort(), s = i[0] || 0, l = i[i.length - 1] || 0, r = n[0][o - 1].node;
+  const s = n.map((c) => c[o - 1].index).sort(), i = s[0] || 0, l = s[s.length - 1] || 0, r = n[0][o - 1].node;
   if (!r.parent) throw new Error("Please select nodes in the same main topic.");
   return {
     parent: r.id,
-    start: s,
+    start: i,
     end: l
   };
-}, Co = function(e) {
-  const t = document.createElementNS(H, "g");
+}, Eo = function(e) {
+  const t = document.createElementNS(R, "g");
   return t.setAttribute("id", e), t;
-}, Qe = function(e, t) {
-  const n = document.createElementNS(H, "path");
+}, et = function(e, t) {
+  const n = document.createElementNS(R, "path");
   return A(n, {
     d: e,
     stroke: t || "#666",
@@ -2396,34 +2416,34 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2"
   }), n;
 }, So = (e) => e.parentElement.parentElement, No = function(e, { parent: t, start: n }) {
-  const o = e.findEle(t), i = o.nodeObj;
-  let s;
-  return i.parent ? s = o.closest("me-main").className : s = e.findEle(i.children[n].id).closest("me-main").className, s;
-}, Oe = function(e, t) {
-  const { id: n, label: o, parent: i, start: s, end: l, style: r } = t, { nodes: c, theme: a, summarySvg: d } = e, f = e.findEle(i).nodeObj, y = No(e, t);
-  let v = 1 / 0, p = 0, m = 0, g = 0;
-  for (let u = s; u <= l; u++) {
-    const w = f.children?.[u];
+  const o = e.findEle(t), s = o.nodeObj;
+  let i;
+  return s.parent ? i = o.closest("me-main").className : i = e.findEle(s.children[n].id).closest("me-main").className, i;
+}, je = function(e, t) {
+  const { id: n, label: o, parent: s, start: i, end: l, style: r } = t, { nodes: c, theme: a, summarySvg: d } = e, u = e.findEle(s).nodeObj, y = No(e, t);
+  let v = 1 / 0, p = 0, g = 0, m = 0;
+  for (let f = i; f <= l; f++) {
+    const w = u.children?.[f];
     if (!w)
       return e.removeSummary(n), null;
-    const k = So(e.findEle(w.id)), { offsetLeft: O, offsetTop: Y } = F(c, k), M = s === l ? 10 : 20;
-    u === s && (m = Y + M), u === l && (g = Y + k.offsetHeight - M), O < v && (v = O), k.offsetWidth + O > p && (p = k.offsetWidth + O);
+    const k = So(e.findEle(w.id)), { offsetLeft: $, offsetTop: Y } = H(c, k), M = i === l ? 10 : 20;
+    f === i && (g = Y + M), f === l && (m = Y + k.offsetHeight - M), $ < v && (v = $), k.offsetWidth + $ > p && (p = k.offsetWidth + $);
   }
   let b, x;
-  const L = f.parent ? 10 : 0, _ = m + L, C = g + L, E = (_ + C) / 2, S = r?.stroke || a.cssVar["--color"], N = r?.labelColor || a.cssVar["--color"], D = "s-" + n, T = e.markdown ? e.markdown(o, t) : o;
-  y === I.LHS ? (b = Qe(`M ${v + 10} ${_} c -5 0 -10 5 -10 10 L ${v} ${C - 10} c 0 5 5 10 10 10 M ${v} ${E} h -10`, S), x = Ee(T, v - 20, E, { anchor: "end", color: N, dataType: "summary", svgId: D })) : (b = Qe(`M ${p - 10} ${_} c 5 0 10 5 10 10 L ${p} ${C - 10} c 0 5 -5 10 -10 10 M ${p} ${E} h 10`, S), x = Ee(T, p + 20, E, { anchor: "start", color: N, dataType: "summary", svgId: D }));
-  const R = Co(D);
-  return R.appendChild(b), e.labelContainer.appendChild(x), me(x), R.summaryObj = t, R.labelEl = x, d.appendChild(R), R;
+  const L = u.parent ? 10 : 0, T = g + L, E = m + L, C = (T + E) / 2, S = r?.stroke || a.cssVar["--color"], N = r?.labelColor || a.cssVar["--color"], D = "s-" + n, _ = e.markdown ? e.markdown(o, t) : o;
+  y === B.LHS ? (b = et(`M ${v + 10} ${T} c -5 0 -10 5 -10 10 L ${v} ${E - 10} c 0 5 5 10 10 10 M ${v} ${C} h -10`, S), x = Ce(_, v - 20, C, { anchor: "end", color: N, dataType: "summary", svgId: D })) : (b = et(`M ${p - 10} ${T} c 5 0 10 5 10 10 L ${p} ${E - 10} c 0 5 -5 10 -10 10 M ${p} ${C} h 10`, S), x = Ce(_, p + 20, C, { anchor: "start", color: N, dataType: "summary", svgId: D }));
+  const F = Eo(D);
+  return F.appendChild(b), e.labelContainer.appendChild(x), me(x), F.summaryObj = t, F.labelEl = x, d.appendChild(F), F;
 }, ko = function(e = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: t, summaries: n, bus: o } = this, { parent: i, start: s, end: l } = Eo(t), r = { id: q(), parent: i, start: s, end: l, label: "summary", style: e.style }, c = Oe(this, r);
+  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = Co(t), r = { id: q(), parent: s, start: i, end: l, label: "summary", style: e.style }, c = je(this, r);
   n.push(r), this.editSummary(c), o.fire("operation", {
     name: "createSummary",
     obj: r
   });
 }, To = function(e) {
   const t = q(), n = { ...e, id: t };
-  Oe(this, n), this.summaries.push(n), this.bus.fire("operation", {
+  je(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
@@ -2441,7 +2461,7 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Mo = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      Oe(this, e);
+      je(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
@@ -2456,41 +2476,41 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   renderSummary: Mo,
   selectSummary: Lo,
   unselectSummary: Ao
-}, Symbol.toStringTag, { value: "Module" })), $ = "http://www.w3.org/2000/svg";
-function $o(e, t) {
-  const n = document.createElementNS($, "svg");
+}, Symbol.toStringTag, { value: "Module" })), O = "http://www.w3.org/2000/svg";
+function Oo(e, t) {
+  const n = document.createElementNS(O, "svg");
   return A(n, {
     version: "1.1",
-    xmlns: $,
+    xmlns: O,
     height: e,
     width: t
   }), n;
 }
-function Oo(e, t) {
+function $o(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function jo(e, t, n, o) {
-  const i = document.createElementNS($, "g");
-  let s = "";
-  return e.text ? s = e.text.textContent : s = e.childNodes[0].textContent, s.split(`
+  const s = document.createElementNS(O, "g");
+  let i = "";
+  return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((r, c) => {
-    const a = document.createElementNS($, "text");
+    const a = document.createElementNS(O, "text");
     A(a, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Oo(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
+      y: o + parseInt(t.paddingTop) + $o(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
       "font-weight": `${t.fontWeight}`,
       fill: `${t.color}`
-    }), a.innerHTML = r, i.appendChild(a);
-  }), i;
+    }), a.innerHTML = r, s.appendChild(a);
+  }), s;
 }
 function Ho(e, t, n, o) {
-  let i = "";
-  e.nodeObj?.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
-  const s = document.createElementNS($, "foreignObject");
-  A(s, {
+  let s = "";
+  e.nodeObj?.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
+  const i = document.createElementNS(O, "foreignObject");
+  A(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
@@ -2500,13 +2520,13 @@ function Ho(e, t, n, o) {
   return A(l, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
-  }), l.innerHTML = i, s.appendChild(l), s;
+  }), l.innerHTML = s, i.appendChild(l), i;
 }
-function Io(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = F(e.nodes, t), s = document.createElementNS($, "rect");
-  return A(s, {
+function Ro(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(O, "rect");
+  return A(i, {
     x: o + "",
-    y: i + "",
+    y: s + "",
     rx: n.borderRadius,
     ry: n.borderRadius,
     width: n.width,
@@ -2514,13 +2534,13 @@ function Io(e, t) {
     fill: n.backgroundColor,
     stroke: n.borderColor,
     "stroke-width": n.borderWidth
-  }), s;
+  }), i;
 }
 function ce(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: i, offsetTop: s } = F(e.nodes, t), l = document.createElementNS($, "rect");
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = H(e.nodes, t), l = document.createElementNS(O, "rect");
   A(l, {
-    x: i + "",
-    y: s + "",
+    x: s + "",
+    y: i + "",
     rx: o.borderRadius,
     ry: o.borderRadius,
     width: o.width,
@@ -2529,44 +2549,44 @@ function ce(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const r = document.createElementNS($, "g");
+  const r = document.createElementNS(O, "g");
   r.appendChild(l);
   let c;
-  return n ? c = Ho(t, o, i, s) : c = jo(t, o, i, s), r.appendChild(c), r;
+  return n ? c = Ho(t, o, s, i) : c = jo(t, o, s, i), r.appendChild(c), r;
 }
 function Bo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = F(e.nodes, t), s = document.createElementNS($, "a"), l = document.createElementNS($, "text");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(O, "a"), l = document.createElementNS(O, "text");
   return A(l, {
     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}`
-  }), l.innerHTML = t.textContent, s.appendChild(l), s.setAttribute("href", t.href), s;
+  }), l.innerHTML = t.textContent, i.appendChild(l), i.setAttribute("href", t.href), i;
 }
-function Ro(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = F(e.nodes, t), s = document.createElementNS($, "image");
-  return A(s, {
+function Io(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(O, "image");
+  return A(i, {
     x: o + "",
-    y: i + "",
+    y: s + "",
     width: n.width + "",
     height: n.height + "",
     href: t.src
-  }), s;
+  }), i;
 }
 const ae = 100, Fo = '<?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">', Yo = (e, t = !1) => {
-  const n = e.nodes, o = n.offsetHeight + ae * 2, i = n.offsetWidth + ae * 2, s = $o(o + "px", i + "px"), l = document.createElementNS($, "svg"), r = document.createElementNS($, "rect");
+  const n = e.nodes, o = n.offsetHeight + ae * 2, s = n.offsetWidth + ae * 2, i = Oo(o + "px", s + "px"), l = document.createElementNS(O, "svg"), r = document.createElementNS(O, "rect");
   A(r, {
     x: "0",
     y: "0",
-    width: `${i}`,
+    width: `${s}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), s.appendChild(r), n.querySelectorAll(".subLines").forEach((h) => {
-    const f = h.cloneNode(!0), { offsetLeft: y, offsetTop: v } = F(n, h.parentElement);
-    f.setAttribute("x", `${y}`), f.setAttribute("y", `${v}`), l.appendChild(f);
+  }), i.appendChild(r), n.querySelectorAll(".subLines").forEach((h) => {
+    const u = h.cloneNode(!0), { offsetLeft: y, offsetTop: v } = H(n, h.parentElement);
+    u.setAttribute("x", `${y}`), u.setAttribute("y", `${v}`), l.appendChild(u);
   });
   const c = n.querySelector(".lines")?.cloneNode(!0);
   c && l.appendChild(c);
@@ -2574,7 +2594,7 @@ const ae = 100, Fo = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
   a && l.appendChild(a);
   const d = n.querySelector(".summary")?.cloneNode(!0);
   return d && l.appendChild(d), n.querySelectorAll("me-tpc").forEach((h) => {
-    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(ce(e, h, !t)) : (l.appendChild(Io(e, h)), l.appendChild(ce(e, h.text, !t)));
+    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(ce(e, h, !t)) : (l.appendChild(Ro(e, h)), l.appendChild(ce(e, h.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((h) => {
     l.appendChild(ce(e, h));
   }), n.querySelectorAll(".icons > span").forEach((h) => {
@@ -2582,39 +2602,39 @@ const ae = 100, Fo = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
   }), n.querySelectorAll(".hyper-link").forEach((h) => {
     l.appendChild(Bo(e, h));
   }), n.querySelectorAll("img").forEach((h) => {
-    l.appendChild(Ro(e, h));
+    l.appendChild(Io(e, h));
   }), A(l, {
     x: ae + "",
     y: ae + "",
     overflow: "visible"
-  }), s.appendChild(l), s;
+  }), i.appendChild(l), i;
 }, Wo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Fo + e.outerHTML);
-function zo(e) {
+function Xo(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
-    o.onload = (i) => {
-      t(i.target.result);
-    }, o.onerror = (i) => {
-      n(i);
+    o.onload = (s) => {
+      t(s.target.result);
+    }, o.onerror = (s) => {
+      n(s);
     }, o.readAsDataURL(e);
   });
 }
-const Go = function(e = !1, t) {
+const zo = function(e = !1, t) {
   const n = Yo(this, e), o = Wo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, Ko = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await zo(n);
-  return new Promise((i, s) => {
+}, Go = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await Xo(n);
+  return new Promise((s, i) => {
     const l = new Image();
     l.setAttribute("crossOrigin", "anonymous"), l.onload = () => {
       const r = document.createElement("canvas");
-      r.width = l.width, r.height = l.height, r.getContext("2d").drawImage(l, 0, 0), r.toBlob(i, "image/png", 1);
-    }, l.src = o, l.onerror = s;
+      r.width = l.width, r.height = l.height, r.getContext("2d").drawImage(l, 0, 0), r.toBlob(s, "image/png", 1);
+    }, l.src = o, l.onerror = i;
   });
-}, Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: Ko,
-  exportSvg: Go
+  exportPng: Go,
+  exportSvg: zo
 }, Symbol.toStringTag, { value: "Module" }));
 function qo(e, t) {
   return async function(...n) {
@@ -2622,54 +2642,54 @@ function qo(e, t) {
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const et = Object.keys(pt), yt = {};
-for (let e = 0; e < et.length; e++) {
-  const t = et[e];
+const tt = Object.keys(pt), yt = {};
+for (let e = 0; e < tt.length; e++) {
+  const t = tt[e];
   yt[t] = qo(pt[t], t);
 }
 const Vo = {
   getObjById: he,
   generateNewObj: vt,
-  layout: Ot,
-  linkDiv: zt,
+  layout: $t,
+  linkDiv: Xt,
   editTopic: Yt,
-  createWrapper: It,
+  createWrapper: Rt,
   createParent: Bt,
-  createChildren: Rt,
+  createChildren: It,
   createTopic: Ft,
-  findEle: st,
-  changeTheme: fn,
-  ...so,
+  findEle: it,
+  changeTheme: un,
+  ...io,
   ...yt,
   ...xo,
   ...Po,
-  ...Xo,
+  ...Ko,
   init(e) {
     if (e = JSON.parse(JSON.stringify(e)), !e || !e.nodeData) return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, X(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && sn(this), this.keypress && St(this, this.keypress), this.editable && un(this), this.contextMenu && this.disposable.push(Gt(this, this.contextMenu)), this.draggable && this.disposable.push(Dt()), this.allowUndo && this.disposable.push(Xt(this)), this.layout(), this.linkDiv(), this.toCenter();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, K(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && sn(this), this.keypress && St(this, this.keypress), this.editable && fn(this), this.contextMenu && this.disposable.push(zt(this, this.contextMenu)), this.draggable && this.disposable.push(Dt()), this.allowUndo && this.disposable.push(Kt(this)), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     this.disposable.forEach((e) => e()), 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 Uo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: l, cH: r, direction: c, containerHeight: a }) {
+function Uo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: r, direction: c, containerHeight: a }) {
   let d = t + n / 2;
   const h = e + o / 2;
-  let f;
-  c === I.LHS ? f = s + l : f = s;
-  const y = i + r / 2, p = (1 - Math.abs(y - h) / a) * 0.25 * (n / 2);
-  return c === I.LHS ? d = d - n / 10 - p : d = d + n / 10 + p, `M ${d} ${h} Q ${d} ${y} ${f} ${y}`;
+  let u;
+  c === B.LHS ? u = i + l : u = i;
+  const y = s + r / 2, p = (1 - Math.abs(y - h) / a) * 0.25 * (n / 2);
+  return c === B.LHS ? d = d - n / 10 - p : d = d + n / 10 + p, `M ${d} ${h} Q ${d} ${y} ${u} ${y}`;
 }
-function Jo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: l, cH: r, direction: c, isFirst: a }) {
+function Jo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: r, direction: c, isFirst: a }) {
   const d = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let h = 0, f = 0;
+  let h = 0, u = 0;
   a ? h = e + o / 2 : h = e + o;
-  const y = i + r;
-  let v = 0, p = 0, m = 0;
-  const g = Math.abs(h - y) / 300 * d;
-  return c === I.LHS ? (m = t, v = m + d, p = m - d, f = s + d, `M ${v} ${h} C ${m} ${h} ${m + g} ${y} ${p} ${y} H ${f}`) : (m = t + n, v = m - d, p = m + d, f = s + l - d, `M ${v} ${h} C ${m} ${h} ${m - g} ${y} ${p} ${y} H ${f}`);
+  const y = s + r;
+  let v = 0, p = 0, g = 0;
+  const m = Math.abs(h - y) / 300 * d;
+  return c === B.LHS ? (g = t, v = g + d, p = g - d, u = i + d, `M ${v} ${h} C ${g} ${h} ${g + m} ${y} ${p} ${y} H ${u}`) : (g = t + n, v = g - d, p = g + d, u = i + l - d, `M ${v} ${h} C ${g} ${h} ${g - m} ${y} ${p} ${y} H ${u}`);
 }
-const Zo = "5.5.0";
+const Zo = "5.6.0";
 function Qo(e) {
   return {
     x: 0,
@@ -2686,56 +2706,56 @@ function Qo(e) {
   };
 }
 const U = document;
-function B({
+function I({
   el: e,
   direction: t,
   locale: n,
   draggable: o,
-  editable: i,
-  contextMenu: s,
+  editable: s,
+  contextMenu: i,
   toolBar: l,
   keypress: r,
   mouseSelectionButton: c,
   selectionContainer: a,
   before: d,
   newTopicName: h,
-  allowUndo: f,
+  allowUndo: u,
   generateMainBranch: y,
   generateSubBranch: v,
   overflowHidden: p,
-  theme: m,
-  alignment: g,
+  theme: g,
+  alignment: m,
   scaleSensitivity: b,
   scaleMax: x,
   scaleMin: L,
-  handleWheel: _,
-  markdown: C,
-  imageProxy: E
+  handleWheel: T,
+  markdown: E,
+  imageProxy: C
 }) {
   let S = null;
   const N = Object.prototype.toString.call(e);
   if (N === "[object HTMLDivElement]" ? S = e : N === "[object String]" && (S = document.querySelector(e)), !S) throw new Error("MindElixir: el is not a valid element");
-  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = d || {}, this.locale = n || "en", this.newTopicName = h || "New Node", this.contextMenu = s ?? !0, this.toolBar = l ?? !0, this.keypress = r ?? !0, this.mouseSelectionButton = c ?? 0, this.direction = t ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = f ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = x ?? 1.4, this.scaleMin = L ?? 0.2, this.generateMainBranch = y || Uo, this.generateSubBranch = v || Jo, this.overflowHidden = p ?? !1, this.alignment = g ?? "root", this.handleWheel = _ ?? !0, this.markdown = C || void 0, this.imageProxy = E || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Qo(this), this.bus = $t(), this.container = U.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
+  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = d || {}, this.locale = n || "en", this.newTopicName = h || "New Node", this.contextMenu = i ?? !0, this.toolBar = l ?? !0, this.keypress = r ?? !0, this.mouseSelectionButton = c ?? 0, this.direction = t ?? 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 = L ?? 0.2, this.generateMainBranch = y || Uo, this.generateSubBranch = v || Jo, this.overflowHidden = p ?? !1, this.alignment = m ?? "root", this.handleWheel = T ?? !0, this.markdown = E || void 0, this.imageProxy = C || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Qo(this), this.bus = Ot(), this.container = U.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
   const D = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = m || (D.matches ? Ne : Se);
-  const T = U.createElement("div");
-  T.className = "map-canvas", this.map = T, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = U.createElement("me-nodes"), this.lines = oe("lines"), this.summarySvg = oe("summary"), this.linkController = oe("linkcontroller"), this.P2 = U.createElement("div"), this.P3 = U.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Fe(), this.line2 = Fe(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = oe("topiclinks"), this.labelContainer = U.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Pt(this));
+  this.theme = g || (D.matches ? Ne : Se);
+  const _ = U.createElement("div");
+  _.className = "map-canvas", this.map = _, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = U.createElement("me-nodes"), this.lines = oe("lines"), this.summarySvg = oe("summary"), this.linkController = oe("linkcontroller"), this.P2 = U.createElement("div"), this.P3 = U.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Ye(), this.line2 = Ye(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = oe("topiclinks"), this.labelContainer = U.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Pt(this));
 }
-B.prototype = Vo;
-Object.defineProperty(B.prototype, "currentNode", {
+I.prototype = Vo;
+Object.defineProperty(I.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
   },
   enumerable: !0
 });
-B.LEFT = 0;
-B.RIGHT = 1;
-B.SIDE = 2;
-B.THEME = Se;
-B.DARK_THEME = Ne;
-B.version = Zo;
-B.E = st;
-B.new = (e) => ({
+I.LEFT = 0;
+I.RIGHT = 1;
+I.SIDE = 2;
+I.THEME = Se;
+I.DARK_THEME = Ne;
+I.version = Zo;
+I.E = it;
+I.new = (e) => ({
   nodeData: {
     id: q(),
     topic: e || "new topic",
@@ -2743,5 +2763,5 @@ B.new = (e) => ({
   }
 });
 export {
-  B as default
+  I as default
 };