mind-elixir 5.2.0-beta.5 → 5.2.0

package/dist/MindElixir.js

@@ -1,6 +1,6 @@
 var pt = Object.defineProperty;
 var gt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var U = (e, t, n) => (gt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var X = (e, t, n) => (gt(e, typeof t != "symbol" ? t + "" : t, n), n);
 const we = {
   name: "Latte",
   type: "light",
@@ -57,12 +57,12 @@ const we = {
 function pe(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const se = function(e, t) {
+const ie = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = se(e, t.children[n]);
+      const o = ie(e, t.children[n]);
       if (o)
         return o;
     }
@@ -77,8 +77,8 @@ const se = function(e, t) {
   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) => {
-        Y(i, t, o);
+      e.children.forEach((s) => {
+        Y(s, t, o);
       });
     } else
       e.children.forEach((o) => {
@@ -91,17 +91,17 @@ function Ce(e) {
       Ce(e.children[t]);
 }
 function re(e, t, n, o) {
-  const i = o - t, s = e - n;
-  let l = Math.atan(Math.abs(i) / Math.abs(s)) / 3.14 * 180;
+  const s = o - t, i = e - n;
+  let l = Math.atan(Math.abs(s) / Math.abs(i)) / 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, u = l - c;
+  i < 0 && s > 0 && (l = 180 - l), i < 0 && s < 0 && (l = 180 + l), i > 0 && s < 0 && (l = 360 - l);
+  const r = 12, c = 30, d = l + c, f = l - c;
   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 * u / 180) * r,
-    y2: o - Math.sin(Math.PI * u / 180) * r
+    x1: n + Math.cos(Math.PI * d / 180) * r,
+    y1: o - Math.sin(Math.PI * d / 180) * r,
+    x2: n + Math.cos(Math.PI * f / 180) * r,
+    y2: o - Math.sin(Math.PI * f / 180) * r
   };
 }
 function I() {
@@ -131,26 +131,26 @@ const O = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
 }, ge = (e) => e ? e.tagName === "ME-TPC" : !1, de = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
-  for (let i = 0; i < o.length; i++) {
-    if (t === o[i])
+  for (let s = 0; s < o.length; s++) {
+    if (t === o[s])
       continue;
-    const { parent: s } = t.nodeObj;
-    if (s === o[i].nodeObj)
+    const { parent: i } = t.nodeObj;
+    if (i === o[s].nodeObj)
       return !1;
   }
   return !0;
-}), Ue = (e) => {
+}), Xe = (e) => {
   const t = /translate\(([^,]+),\s*([^)]+)\)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
 }, Se = 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);
     }
   };
 };
@@ -158,10 +158,10 @@ var D = /* @__PURE__ */ ((e) => (e.LHS = "lhs", e.RHS = "rhs", e))(D || {});
 const vt = (e) => {
   const t = e.map.querySelectorAll(".lhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, bt = (e) => {
+}, yt = (e) => {
   const t = e.map.querySelectorAll(".rhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, yt = (e) => {
+}, bt = (e) => {
   e.selectNode(e.map.querySelector("me-root>me-tpc"));
 }, wt = function(e, t) {
   const n = t.parentElement.parentElement.parentElement.previousSibling;
@@ -176,26 +176,26 @@ const vt = (e) => {
     e.selectNode(o);
   }
 }, Pe = function(e, t) {
-  var s, l;
-  const n = e.currentNode || ((s = e.currentNodes) == null ? void 0 : s[0]);
+  var i, l;
+  const n = e.currentNode || ((i = e.currentNodes) == null ? void 0 : i[0]);
   if (!n)
     return;
-  const o = n.nodeObj, i = n.offsetParent.offsetParent.parentElement;
-  o.parent ? i.className === t ? xt(e, n) : (l = o.parent) != null && l.parent ? wt(e, n) : yt(e) : t === D.LHS ? vt(e) : bt(e);
+  const o = n.nodeObj, s = n.offsetParent.offsetParent.parentElement;
+  o.parent ? s.className === t ? xt(e, n) : (l = o.parent) != null && l.parent ? wt(e, n) : bt(e) : t === D.LHS ? vt(e) : yt(e);
 }, $e = 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);
 }, le = 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 Ct(e, t) {
@@ -203,19 +203,19 @@ function Ct(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)
-        Y(a, !1);
+      for (const d of c.children)
+        Y(d, !1);
     if (r.key === "=")
-      for (const a of c.children)
-        Y(a, !0);
+      for (const d of c.children)
+        Y(d, !0);
     if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(r.key))
-      for (const a of c.children)
-        Y(a, !0, Number(r.key) - 1);
-    e.refresh(), e.toCenter(), o = !1, i && (clearTimeout(i), i = null, e.container.removeEventListener("keydown", s));
+      for (const d of c.children)
+        Y(d, !0, Number(r.key) - 1);
+    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");
@@ -278,9 +278,9 @@ function Ct(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,
@@ -296,15 +296,16 @@ function Ct(e, t) {
 function Et(e) {
   const { dragMoveHelper: t } = e;
   let n = 0;
-  const o = (f) => {
-    var b, y;
-    if (f.button !== 0)
+  e.spacePressed = !1;
+  const o = (a) => {
+    var C, S;
+    if (a.button !== 0)
       return;
-    if ((b = e.helper1) != null && b.moved) {
+    if ((C = e.helper1) != null && C.moved) {
       e.helper1.clear();
       return;
     }
-    if ((y = e.helper2) != null && y.moved) {
+    if ((S = e.helper2) != null && S.moved) {
       e.helper2.clear();
       return;
     }
@@ -312,124 +313,121 @@ function Et(e) {
       t.clear();
       return;
     }
-    const h = f.target;
+    const h = a.target;
     if (h.tagName === "ME-EPD")
-      f.ctrlKey || f.metaKey ? e.expandNodeAll(h.previousSibling) : e.expandNode(h.previousSibling);
+      a.ctrlKey || a.metaKey ? e.expandNodeAll(h.previousSibling) : e.expandNode(h.previousSibling);
     else if (h.tagName === "ME-TPC" && e.currentNodes.length > 1)
       e.selectNode(h);
     else if (!e.editable)
       return;
-    const p = h.closest(".svg-label");
-    if (p && p.dataset.svgId) {
-      const C = document.getElementById(p.dataset.svgId);
-      if (C) {
-        const E = C.closest("g");
-        if (E) {
-          const x = E.closest(".topiclinks"), w = E.closest(".summary");
-          if (x) {
-            e.selectArrow(E);
-            return;
-          } else if (w) {
-            e.selectSummary(E);
-            return;
-          }
+    if (h.classList.contains("svg-label")) {
+      const b = h.dataset.svgId, x = h.dataset.type, E = document.getElementById(b);
+      if (E) {
+        if (x === "arrow") {
+          e.selectArrow(E);
+          return;
+        } else if (x === "summary") {
+          e.selectSummary(E);
+          return;
         }
       }
     }
     if (h.closest(".topiclinks")) {
-      const C = h.closest("g");
-      if (C) {
-        e.selectArrow(C);
+      const b = h.closest("g");
+      if (b) {
+        e.selectArrow(b);
         return;
       }
     }
     if (h.closest(".summary")) {
-      const C = h.closest("g");
-      if (C) {
-        e.selectSummary(C);
+      const b = h.closest("g");
+      if (b) {
+        e.selectSummary(b);
         return;
       }
     }
-  }, i = (f) => {
+  }, s = (a) => {
     if (!e.editable)
       return;
-    const h = f.target;
-    ge(h) && e.beginEdit(h);
-    const p = h.closest(".svg-label");
-    if (p && p.dataset.svgId) {
-      const b = document.getElementById(p.dataset.svgId);
+    const h = a.target;
+    if (ge(h) && e.beginEdit(h), h.classList.contains("svg-label")) {
+      const C = h.dataset.svgId, S = h.dataset.type, b = document.getElementById(C);
       if (b) {
-        const y = b.closest("g");
-        if (y) {
-          const C = y.closest(".topiclinks"), E = y.closest(".summary");
-          if (C) {
-            e.editArrowLabel(y);
-            return;
-          } else if (E) {
-            e.editSummary(y);
-            return;
-          }
+        if (S === "arrow") {
+          e.editArrowLabel(b);
+          return;
+        } else if (S === "summary") {
+          e.editSummary(b);
+          return;
         }
       }
     }
     if (h.closest(".topiclinks")) {
-      const b = h.closest("g");
-      if (b) {
-        e.editArrowLabel(b);
+      const C = h.closest("g");
+      if (C) {
+        e.editArrowLabel(C);
         return;
       }
     }
     if (h.closest(".summary")) {
-      const b = h.closest("g");
-      if (b) {
-        e.editSummary(b);
+      const C = h.closest("g");
+      if (C) {
+        e.editSummary(C);
         return;
       }
     }
-  }, s = (f) => {
-    if (f.pointerType === "mouse")
+  }, i = (a) => {
+    if (a.pointerType === "mouse")
       return;
-    const h = (/* @__PURE__ */ new Date()).getTime(), p = h - n;
-    p < 300 && p > 0 && i(f), n = h;
-  }, l = (f) => {
+    const h = (/* @__PURE__ */ new Date()).getTime(), v = h - n;
+    v < 300 && v > 0 && s(a), n = h;
+  }, l = (a) => {
+    a.code === "Space" && (e.spacePressed = !0, e.container.classList.add("space-pressed"), a.preventDefault());
+  }, r = (a) => {
+    a.code === "Space" && (e.spacePressed = !1, e.container.classList.remove("space-pressed"));
+  }, c = (a) => {
     t.moved = !1;
-    const h = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (f.button !== h && f.pointerType === "mouse")
+    const h = e.spacePressed && a.button === 0 && a.pointerType === "mouse", v = e.mouseSelectionButton === 0 ? 2 : 0, w = a.button === v && a.pointerType === "mouse";
+    if (!h && !w)
       return;
-    t.x = f.clientX, t.y = f.clientY;
-    const p = f.target;
-    p.className !== "circle" && p.contentEditable !== "plaintext-only" && (t.mousedown = !0, p.setPointerCapture(f.pointerId));
-  }, r = (f) => {
-    if (f.target.contentEditable !== "plaintext-only") {
-      const h = f.clientX - t.x, p = f.clientY - t.y;
-      t.onMove(h, p);
+    t.x = a.clientX, t.y = a.clientY;
+    const C = a.target;
+    (h || C.className !== "circle" && C.contentEditable !== "plaintext-only") && (t.mousedown = !0, C.setPointerCapture(a.pointerId));
+  }, d = (a) => {
+    if (a.target.contentEditable !== "plaintext-only" || e.spacePressed && t.mousedown) {
+      const h = a.clientX - t.x, v = a.clientY - t.y;
+      t.onMove(h, v);
     }
-    t.x = f.clientX, t.y = f.clientY;
-  }, c = (f) => {
-    const h = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (f.button !== h && f.pointerType === "mouse")
+    t.x = a.clientX, t.y = a.clientY;
+  }, f = (a) => {
+    if (!t.mousedown)
       return;
-    const p = f.target;
-    p.hasPointerCapture && p.hasPointerCapture(f.pointerId) && p.releasePointerCapture(f.pointerId), t.clear();
-  }, a = (f) => {
-    if (f.preventDefault(), f.button !== 2 || !e.editable)
+    const h = a.target;
+    h.hasPointerCapture && h.hasPointerCapture(a.pointerId) && h.releasePointerCapture(a.pointerId), t.clear();
+  }, u = () => {
+    t.mousedown && t.clear();
+  }, g = (a) => {
+    if (a.preventDefault(), a.button !== 2 || !e.editable)
       return;
-    const h = f.target;
+    const h = a.target;
     ge(h) && !h.classList.contains("selected") && e.selectNode(h), setTimeout(() => {
-      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", f);
+      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", a);
     }, 200);
-  }, u = (f) => {
-    f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey ? f.deltaY < 0 ? le(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && le(e, "out", e.dragMoveHelper) : f.shiftKey ? e.move(-f.deltaY, 0) : e.move(-f.deltaX, -f.deltaY);
-  }, { container: d } = e;
+  }, y = (a) => {
+    a.stopPropagation(), a.preventDefault(), a.ctrlKey || a.metaKey ? a.deltaY < 0 ? le(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && le(e, "out", e.dragMoveHelper) : a.shiftKey ? e.move(-a.deltaY, 0) : e.move(-a.deltaX, -a.deltaY);
+  }, { container: p } = e;
   return Se([
-    { dom: d, evt: "pointerdown", func: l },
-    { dom: d, evt: "pointermove", func: r },
-    { dom: d, evt: "pointerup", func: c },
-    { dom: d, evt: "pointerup", func: s },
-    { dom: d, evt: "click", func: o },
-    { dom: d, evt: "dblclick", func: i },
-    { dom: d, evt: "contextmenu", func: a },
-    { dom: d, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : u }
+    { dom: p, evt: "pointerdown", func: c },
+    { dom: p, evt: "pointermove", func: d },
+    { dom: p, evt: "pointerup", func: f },
+    { dom: p, evt: "pointerup", func: i },
+    { dom: p, evt: "click", func: o },
+    { dom: p, evt: "dblclick", func: s },
+    { dom: p, evt: "contextmenu", func: g },
+    { dom: p, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : y },
+    { dom: p, evt: "blur", func: u },
+    { dom: document, evt: "keydown", func: l },
+    { dom: document, evt: "keyup", func: r }
   ]);
 }
 function St() {
@@ -465,27 +463,27 @@ const ce = document, Nt = function() {
   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);
     });
   }
   kt(this, n, t);
 }, kt = function(e, t, n) {
   const o = ce.createElement("me-main");
   o.className = D.LHS;
-  const i = ce.createElement("me-main");
-  i.className = D.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);
+  const s = ce.createElement("me-main");
+  s.className = D.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(i), e.nodes.appendChild(e.lines), e.nodes.appendChild(e.labelContainer);
+  e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines), e.nodes.appendChild(e.labelContainer);
 }, _t = function(e, t) {
   const n = ce.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;
 }, _ = document, Je = function(e, t) {
@@ -528,21 +526,21 @@ const ce = document, Nt = function() {
   if (t.tags && t.tags.length) {
     const n = _.createElement("div");
     n.className = "tags", t.tags.forEach((o) => {
-      const i = _.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 = _.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);
 }, Tt = function(e, t) {
-  const n = _.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
+  const n = _.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const s = ke(e.expanded);
-    if (o.appendChild(s), e.expanded !== !1) {
+    const i = ke(e.expanded);
+    if (o.appendChild(i), e.expanded !== !1) {
       const l = _t(this, e.children);
       n.appendChild(l);
     }
   }
-  return { grp: n, top: o, tpc: i };
+  return { grp: n, top: o, tpc: s };
 }, Lt = function(e) {
   const t = _.createElement("me-parent"), n = this.createTopic(e);
   return Ne.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
@@ -562,12 +560,12 @@ function Ze(e) {
 const Dt = function(e) {
   if (!e)
     return;
-  const t = _.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: i, offsetTop: s } = O(this.nodes, e);
+  const t = _.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = O(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};
   padding:${l.padding};
@@ -601,14 +599,14 @@ const Dt = function(e) {
   const t = _.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, q = document, P = "http://www.w3.org/2000/svg", he = 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";
+  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";
 }, me = 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";
-  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;
+  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 d = "label-" + r;
+  return c.id = d, 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;
 }, Qe = function(e, t, n) {
   const o = q.createElementNS(P, "path");
   return k(o, {
@@ -624,7 +622,7 @@ const Dt = function(e) {
   const e = q.createElementNS(P, "line");
   return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
 }, Pt = function(e, t, n, o) {
-  const i = q.createElementNS(P, "g");
+  const s = q.createElementNS(P, "g");
   return [
     {
       name: "line",
@@ -639,44 +637,44 @@ const Dt = function(e) {
       d: n
     }
   ].forEach((l, r) => {
-    const c = l.d, a = q.createElementNS(P, "path"), u = {
+    const c = l.d, d = q.createElementNS(P, "path"), f = {
       d: c,
       stroke: (o == null ? void 0 : o.stroke) || "rgb(227, 125, 116)",
       fill: "none",
       "stroke-linecap": (o == null ? void 0 : o.strokeLinecap) || "cap",
       "stroke-width": String((o == null ? void 0 : o.strokeWidth) || "2")
     };
-    (o == null ? void 0 : o.opacity) !== void 0 && (u.opacity = String(o.opacity)), k(a, u), r === 0 && a.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
-    const d = q.createElementNS(P, "path");
-    k(d, {
+    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), k(d, f), r === 0 && d.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
+    const u = q.createElementNS(P, "path");
+    k(u, {
       d: c,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), i.appendChild(d), i.appendChild(a), i[l.name] = a;
-  }), i;
+    }), s.appendChild(u), s.appendChild(d), s[l.name] = d;
+  }), s;
 }, et = 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;
-  `, Ze(i), e.scrollIntoView(i), i.addEventListener("keydown", (s) => {
-    s.stopPropagation();
-    const l = s.key;
+  `, Ze(s), e.scrollIntoView(s), s.addEventListener("keydown", (i) => {
+    i.stopPropagation();
+    const l = i.key;
     if (l === "Enter" || l === "Tab") {
-      if (s.shiftKey)
+      if (i.shiftKey)
         return;
-      s.preventDefault(), i.blur(), e.container.focus();
+      i.preventDefault(), s.blur(), e.container.focus();
     }
-  }), i.addEventListener("blur", () => {
+  }), s.addEventListener("blur", () => {
     var l;
-    if (!i)
+    if (!s)
       return;
-    const s = ((l = i.textContent) == null ? void 0 : l.trim()) || "";
-    s === "" ? n.label = o : n.label = s, i.remove(), s !== o && (t.textContent = n.label, he(t), "parent" in n ? e.bus.fire("operation", {
+    const i = ((l = s.textContent) == null ? void 0 : l.trim()) || "";
+    i === "" ? n.label = o : n.label = i, s.remove(), i !== o && (t.textContent = n.label, he(t), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : e.bus.fire("operation", {
@@ -685,31 +683,31 @@ const Dt = function(e) {
     }));
   });
 }, $t = 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");
+  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: u, offsetTop: d } = O(this.nodes, a), m = a.offsetWidth, f = a.offsetHeight, h = c.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: d, cL: u, cW: m, cH: f, direction: h, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, v = a.nodeObj.branchColor || g[r % g.length];
-    if (a.style.borderColor = v, this.lines.appendChild(Qe(p, v, "3")), e && e !== c)
+    const c = l[r], d = c.querySelector("me-tpc"), { offsetLeft: f, offsetTop: u } = O(this.nodes, d), g = d.offsetWidth, y = d.offsetHeight, p = c.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: u, cL: f, cW: g, cH: y, direction: p, containerHeight: this.nodes.offsetHeight }), a = this.theme.palette, h = d.nodeObj.branchColor || a[r % a.length];
+    if (d.style.borderColor = h, this.lines.appendChild(Qe(m, h, "3")), e && e !== c)
       continue;
-    const b = J("subLines"), y = c.lastChild;
-    y.tagName === "svg" && y.remove(), c.appendChild(b), tt(this, b, v, c, h, !0);
+    const v = J("subLines"), w = c.lastChild;
+    w.tagName === "svg" && w.remove(), c.appendChild(v), tt(this, v, h, c, p, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, tt = function(e, t, n, o, i, s) {
+}, tt = 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, u = l.offsetWidth, d = l.offsetHeight;
-  for (let m = 0; m < r.length; m++) {
-    const f = r[m], h = f.firstChild, p = h.offsetTop, g = h.offsetLeft, v = h.offsetWidth, b = h.offsetHeight, y = h.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: c, pL: a, pW: u, pH: d, cT: p, cL: g, cW: v, cH: b, direction: i, isFirst: s });
-    t.appendChild(Qe(C, y, "2"));
-    const E = h.children[1];
-    if (E) {
-      if (!E.expanded)
+  const c = l.offsetTop, d = l.offsetLeft, f = l.offsetWidth, u = l.offsetHeight;
+  for (let g = 0; g < r.length; g++) {
+    const y = r[g], p = y.firstChild, m = p.offsetTop, a = p.offsetLeft, h = p.offsetWidth, v = p.offsetHeight, w = p.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: c, pL: d, pW: f, pH: u, cT: m, cL: a, cW: h, cH: v, direction: s, isFirst: i });
+    t.appendChild(Qe(C, w, "2"));
+    const S = p.children[1];
+    if (S) {
+      if (!S.expanded)
         continue;
     } else
       continue;
-    tt(e, t, y, f, i);
+    tt(e, t, w, y, s);
   }
 }, je = {
   addChild: "插入子节点",
@@ -859,78 +857,78 @@ function Ot(e, t) {
     focus: !0,
     link: !0
   } : t;
-  const n = (x) => {
-    const w = document.createElement("div");
-    return w.innerText = x, w.className = "tips", w;
-  }, o = (x, w, S) => {
+  const n = (b) => {
+    const x = document.createElement("div");
+    return x.innerText = b, x.className = "tips", x;
+  }, o = (b, x, E) => {
     const N = document.createElement("li");
-    return N.id = x, N.innerHTML = `<span>${pe(w)}</span><span ${S ? 'class="key"' : ""}>${pe(S)}</span>`, N;
-  }, i = He[e.locale] ? e.locale : "en", s = He[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"), u = o("cm-fucus", s.focus, ""), d = o("cm-unfucus", s.cancelFocus, ""), m = o("cm-up", s.moveUp, "PgUp"), f = o("cm-down", s.moveDown, "Pgdn"), h = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", s.linkBidirectional, ""), g = o("cm-summary", s.summary, ""), v = document.createElement("ul");
-  if (v.className = "menu-list", v.appendChild(l), v.appendChild(r), v.appendChild(c), v.appendChild(a), t.focus && (v.appendChild(u), v.appendChild(d)), v.appendChild(m), v.appendChild(f), v.appendChild(g), t.link && (v.appendChild(h), v.appendChild(p)), t && t.extend)
-    for (let x = 0; x < t.extend.length; x++) {
-      const w = t.extend[x], S = o(w.name, w.name, w.key || "");
-      v.appendChild(S), S.onclick = (N) => {
-        w.onclick(N);
+    return N.id = b, N.innerHTML = `<span>${pe(x)}</span><span ${E ? 'class="key"' : ""}>${pe(E)}</span>`, N;
+  }, s = He[e.locale] ? e.locale : "en", i = He[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"), d = o("cm-remove_child", i.removeNode, "Delete"), f = o("cm-fucus", i.focus, ""), u = o("cm-unfucus", i.cancelFocus, ""), g = o("cm-up", i.moveUp, "PgUp"), y = o("cm-down", i.moveDown, "Pgdn"), p = o("cm-link", i.link, ""), m = o("cm-link-bidirectional", i.linkBidirectional, ""), a = o("cm-summary", i.summary, ""), h = document.createElement("ul");
+  if (h.className = "menu-list", h.appendChild(l), h.appendChild(r), h.appendChild(c), h.appendChild(d), t.focus && (h.appendChild(f), h.appendChild(u)), h.appendChild(g), h.appendChild(y), h.appendChild(a), t.link && (h.appendChild(p), h.appendChild(m)), t && t.extend)
+    for (let b = 0; b < t.extend.length; b++) {
+      const x = t.extend[b], E = o(x.name, x.name, x.key || "");
+      h.appendChild(E), E.onclick = (N) => {
+        x.onclick(N);
       };
     }
-  const b = document.createElement("div");
-  b.className = "context-menu", b.appendChild(v), b.hidden = !0, e.container.append(b);
-  let y = !0;
-  const C = (x) => {
-    const w = x.target;
-    if (ge(w)) {
-      w.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (u.className = "disabled", m.className = "disabled", f.className = "disabled", r.className = "disabled", c.className = "disabled", a.className = "disabled") : (u.className = "", m.className = "", f.className = "", r.className = "", c.className = "", a.className = ""), b.hidden = !1, v.style.top = "", v.style.bottom = "", v.style.left = "", v.style.right = "";
-      const S = v.getBoundingClientRect(), N = v.offsetHeight, L = v.offsetWidth, A = x.clientY - S.top, V = x.clientX - S.left;
-      N + A > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = A + 15 + "px"), L + V > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = V + 10 + "px");
+  const v = document.createElement("div");
+  v.className = "context-menu", v.appendChild(h), v.hidden = !0, e.container.append(v);
+  let w = !0;
+  const C = (b) => {
+    const x = b.target;
+    if (ge(x)) {
+      x.parentElement.tagName === "ME-ROOT" ? w = !0 : w = !1, w ? (f.className = "disabled", g.className = "disabled", y.className = "disabled", r.className = "disabled", c.className = "disabled", d.className = "disabled") : (f.className = "", g.className = "", y.className = "", r.className = "", c.className = "", d.className = ""), v.hidden = !1, h.style.top = "", h.style.bottom = "", h.style.left = "", h.style.right = "";
+      const E = h.getBoundingClientRect(), N = h.offsetHeight, L = h.offsetWidth, A = b.clientY - E.top, V = b.clientX - E.left;
+      N + A > window.innerHeight ? (h.style.top = "", h.style.bottom = "0px") : (h.style.bottom = "", h.style.top = A + 15 + "px"), L + V > window.innerWidth ? (h.style.left = "", h.style.right = "0px") : (h.style.right = "", h.style.left = V + 10 + "px");
     }
   };
-  e.bus.addListener("showContextMenu", C), b.onclick = (x) => {
-    x.target === b && (b.hidden = !0);
+  e.bus.addListener("showContextMenu", C), v.onclick = (b) => {
+    b.target === v && (v.hidden = !0);
   }, l.onclick = () => {
-    e.addChild(), b.hidden = !0;
+    e.addChild(), v.hidden = !0;
   }, r.onclick = () => {
-    e.insertParent(), b.hidden = !0;
+    e.insertParent(), v.hidden = !0;
   }, c.onclick = () => {
-    y || (e.insertSibling("after"), b.hidden = !0);
-  }, a.onclick = () => {
-    y || (e.removeNodes(e.currentNodes || []), b.hidden = !0);
-  }, u.onclick = () => {
-    y || (e.focusNode(e.currentNode), b.hidden = !0);
+    w || (e.insertSibling("after"), v.hidden = !0);
   }, d.onclick = () => {
-    e.cancelFocus(), b.hidden = !0;
-  }, m.onclick = () => {
-    y || (e.moveUpNode(), b.hidden = !0);
+    w || (e.removeNodes(e.currentNodes || []), v.hidden = !0);
   }, f.onclick = () => {
-    y || (e.moveDownNode(), b.hidden = !0);
+    w || (e.focusNode(e.currentNode), v.hidden = !0);
+  }, u.onclick = () => {
+    e.cancelFocus(), v.hidden = !0;
+  }, g.onclick = () => {
+    w || (e.moveUpNode(), v.hidden = !0);
+  }, y.onclick = () => {
+    w || (e.moveDownNode(), v.hidden = !0);
   };
-  const E = (x) => {
-    b.hidden = !0;
-    const w = e.currentNode, S = n(s.clickTips);
-    e.container.appendChild(S), e.map.addEventListener(
+  const S = (b) => {
+    v.hidden = !0;
+    const x = e.currentNode, E = n(i.clickTips);
+    e.container.appendChild(E), e.map.addEventListener(
       "click",
       (N) => {
-        N.preventDefault(), S.remove();
+        N.preventDefault(), E.remove();
         const L = N.target;
-        (L.parentElement.tagName === "ME-PARENT" || L.parentElement.tagName === "ME-ROOT") && e.createArrow(w, L, x);
+        (L.parentElement.tagName === "ME-PARENT" || L.parentElement.tagName === "ME-ROOT") && e.createArrow(x, L, b);
       },
       {
         once: !0
       }
     );
   };
-  return h.onclick = () => E(), p.onclick = () => E({ bidirectional: !0 }), g.onclick = () => {
-    b.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
+  return p.onclick = () => S(), m.onclick = () => S({ bidirectional: !0 }), a.onclick = () => {
+    v.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    l.onclick = null, r.onclick = null, c.onclick = null, a.onclick = null, u.onclick = null, d.onclick = null, m.onclick = null, f.onclick = null, h.onclick = null, g.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
+    l.onclick = null, r.onclick = null, c.onclick = null, d.onclick = null, f.onclick = null, u.onclick = null, g.onclick = null, y.onclick = null, p.onclick = null, a.onclick = null, v.onclick = null, e.container.oncontextmenu = null;
   };
 }
 const ve = document, jt = function(e, t) {
   if (!t)
-    return be(e), e;
+    return ye(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
   return n || (n = ve.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, be = function(e) {
+}, ye = function(e) {
   if (!e)
     return;
   const t = e.querySelectorAll(".insert-preview");
@@ -949,10 +947,10 @@ const ve = document, jt = function(e, t) {
 };
 class Bt {
   constructor(t) {
-    U(this, "mind");
-    U(this, "isMoving", !1);
-    U(this, "interval", null);
-    U(this, "speed", 20);
+    X(this, "mind");
+    X(this, "isMoving", !1);
+    X(this, "interval", null);
+    X(this, "speed", 20);
     this.mind = t;
   }
   move(t, n) {
@@ -966,52 +964,56 @@ class Bt {
 }
 function Rt(e) {
   let t = null, n = null;
-  const o = Ht(e), i = new Bt(e), s = (a) => {
+  const o = Ht(e), s = new Bt(e), i = (d) => {
+    if (e.spacePressed) {
+      d.preventDefault();
+      return;
+    }
     e.selection.cancel();
-    const u = a.target;
-    if ((u == null ? void 0 : u.tagName) !== "ME-TPC") {
-      a.preventDefault();
+    const f = d.target;
+    if ((f == null ? void 0 : f.tagName) !== "ME-TPC") {
+      d.preventDefault();
       return;
     }
-    let d = e.currentNodes;
-    d != null && d.includes(u) || (e.selectNode(u), d = e.currentNodes), e.dragged = d, d.length > 1 ? o.innerHTML = d.length + "" : o.innerHTML = u.innerHTML;
-    for (const m of d)
-      m.parentElement.parentElement.style.opacity = "0.5";
-    a.dataTransfer.setDragImage(o, 0, 0), a.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
-  }, l = (a) => {
-    const { dragged: u } = e;
-    if (!u)
+    let u = e.currentNodes;
+    u != null && u.includes(f) || (e.selectNode(f), u = e.currentNodes), e.dragged = u, u.length > 1 ? o.innerHTML = u.length + "" : o.innerHTML = f.innerHTML;
+    for (const g of u)
+      g.parentElement.parentElement.style.opacity = "0.5";
+    d.dataTransfer.setDragImage(o, 0, 0), d.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
+  }, l = (d) => {
+    const { dragged: f } = e;
+    if (!f)
       return;
-    i.stop();
-    for (const m of u)
-      m.parentElement.parentElement.style.opacity = "1";
-    const d = a.target;
-    d.style.opacity = "", n && (be(n), t === "before" ? e.moveNodeBefore(u, n) : t === "after" ? e.moveNodeAfter(u, n) : t === "in" && e.moveNodeIn(u, n), e.dragged = null, o.innerHTML = "");
-  }, r = (a) => {
-    a.preventDefault();
-    const u = 12 * e.scaleVal, { dragged: d } = e;
-    if (!d)
+    s.stop();
+    for (const g of f)
+      g.parentElement.parentElement.style.opacity = "1";
+    const u = d.target;
+    u.style.opacity = "", n && (ye(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null, o.innerHTML = "");
+  }, r = (d) => {
+    d.preventDefault();
+    const f = 12 * e.scaleVal, { dragged: u } = e;
+    if (!u)
       return;
-    const m = e.container.getBoundingClientRect();
-    a.clientX < m.x + 50 ? i.move(1, 0) : a.clientX > m.x + m.width - 50 ? i.move(-1, 0) : a.clientY < m.y + 50 ? i.move(0, 1) : a.clientY > m.y + m.height - 50 ? i.move(0, -1) : i.stop(), be(n);
-    const f = ve.elementFromPoint(a.clientX, a.clientY - u);
-    if (Be(f, d)) {
-      n = f;
-      const h = f.getBoundingClientRect(), p = h.y;
-      a.clientY > p + h.height ? t = "after" : t = "in";
+    const g = e.container.getBoundingClientRect();
+    d.clientX < g.x + 50 ? s.move(1, 0) : d.clientX > g.x + g.width - 50 ? s.move(-1, 0) : d.clientY < g.y + 50 ? s.move(0, 1) : d.clientY > g.y + g.height - 50 ? s.move(0, -1) : s.stop(), ye(n);
+    const y = ve.elementFromPoint(d.clientX, d.clientY - f);
+    if (Be(y, u)) {
+      n = y;
+      const p = y.getBoundingClientRect(), m = p.y;
+      d.clientY > m + p.height ? t = "after" : t = "in";
     } else {
-      const h = ve.elementFromPoint(a.clientX, a.clientY + u), p = h.getBoundingClientRect();
-      if (Be(h, d)) {
-        n = h;
-        const g = p.y;
-        a.clientY < g ? t = "before" : t = "in";
+      const p = ve.elementFromPoint(d.clientX, d.clientY + f), m = p.getBoundingClientRect();
+      if (Be(p, u)) {
+        n = p;
+        const a = m.y;
+        d.clientY < a ? t = "before" : t = "in";
       } else
         t = n = null;
     }
     n && jt(n, t);
   };
   return Se([
-    { dom: e.map, evt: "dragstart", func: s },
+    { dom: e.map, evt: "dragstart", func: i },
     { dom: e.map, evt: "dragend", func: l },
     { dom: e.map, evt: "dragover", func: r }
   ]);
@@ -1032,13 +1034,13 @@ const Ft = function(e) {
   };
 };
 function It(e) {
-  let t = [], n = -1, o = e.getData(), i = [];
+  let t = [], n = -1, o = e.getData(), s = [];
   e.undo = function() {
     if (n > -1) {
       const c = t[n];
       o = c.prev, e.refresh(c.prev);
       try {
-        c.currentTarget.type === "nodes" && (c.operation === "removeNodes" ? e.selectNodes(c.currentTarget.value.map((a) => this.findEle(a))) : e.selectNodes(c.currentSelected.map((a) => this.findEle(a))));
+        c.currentTarget.type === "nodes" && (c.operation === "removeNodes" ? e.selectNodes(c.currentTarget.value.map((d) => this.findEle(d))) : e.selectNodes(c.currentSelected.map((d) => this.findEle(d))));
       } catch {
       } finally {
         n--;
@@ -1050,69 +1052,69 @@ function It(e) {
       const c = t[n];
       o = c.next, e.refresh(c.next);
       try {
-        c.currentTarget.type === "nodes" && (c.operation === "removeNodes" ? e.selectNodes(c.currentSelected.map((a) => this.findEle(a))) : e.selectNodes(c.currentTarget.value.map((a) => this.findEle(a))));
+        c.currentTarget.type === "nodes" && (c.operation === "removeNodes" ? e.selectNodes(c.currentSelected.map((d) => this.findEle(d))) : e.selectNodes(c.currentTarget.value.map((d) => this.findEle(d))));
       } catch {
       }
     }
   };
-  const s = function(c) {
+  const i = function(c) {
     if (c.name === "beginEdit")
       return;
     t = t.slice(0, n + 1);
-    const a = e.getData(), u = {
+    const d = e.getData(), f = {
       prev: o,
       operation: c.name,
-      currentSelected: i.map((d) => d.id),
+      currentSelected: s.map((u) => u.id),
       currentTarget: Ft(c),
-      next: a
+      next: d
     };
-    t.push(u), o = a, n = t.length - 1;
+    t.push(f), o = d, 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 Wt = '<?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>', Gt = '<?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>', Kt = '<?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>', Yt = '<?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>', 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="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>', 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="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>', 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="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>';
-const Xt = {
+const Wt = '<?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>', Kt = '<?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>', Gt = '<?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>', Yt = '<?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>', 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="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>', 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="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>', 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="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>';
+const Ut = {
   side: Wt,
-  left: Gt,
-  right: Kt,
+  left: Kt,
+  right: Gt,
   full: Yt,
   living: qt,
   zoomin: zt,
   zoomout: Vt
 }, F = (e, t) => {
   const n = document.createElement("span");
-  return n.id = e, n.innerHTML = Xt[t], n;
+  return n.id = e, n.innerHTML = Ut[t], n;
 };
-function Ut(e) {
-  const t = document.createElement("div"), n = F("fullscreen", "full"), o = F("toCenter", "living"), i = F("zoomout", "zoomout"), s = F("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 = () => {
+function Xt(e) {
+  const t = document.createElement("div"), n = F("fullscreen", "full"), o = F("toCenter", "living"), s = F("zoomout", "zoomout"), i = F("zoomin", "zoomin"), l = document.createElement("span");
+  return l.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
     document.fullscreenElement === e.el ? document.exitFullscreen() : e.el.requestFullscreen();
   }, 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 Jt(e) {
-  const t = document.createElement("div"), n = F("tbltl", "left"), o = F("tbltr", "right"), i = F("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 = F("tbltl", "left"), o = F("tbltr", "right"), s = F("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;
 }
 function Zt(e) {
-  e.container.append(Ut(e)), e.container.append(Jt(e));
+  e.container.append(Xt(e)), e.container.append(Jt(e));
 }
 /*! @viselect/vanilla v3.9.0 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
 class Qt {
@@ -1129,8 +1131,8 @@ class Qt {
   }
   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() {
@@ -1139,18 +1141,18 @@ class Qt {
 }
 const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e }, t, n) => {
   if (typeof t == "object")
-    for (const [o, i] of Object.entries(t))
-      i !== void 0 && (e[o] = Re(i));
+    for (const [o, s] of Object.entries(t))
+      s !== void 0 && (e[o] = Re(s));
   else
     n !== void 0 && (e[t] = Re(n));
 }, Fe = (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) };
 }, en = (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;
       }));
     },
@@ -1161,25 +1163,25 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
 }, Ie = (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;
   }
-}, tn = () => matchMedia("(hover: none), (pointer: coarse)").matches, nn = () => "safari" in window, ye = (e) => Array.isArray(e) ? e : [e], nt = (e) => (t, n, o, i = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ye(n), t = ye(t);
-  for (const s of t)
-    if (s)
+}, tn = () => matchMedia("(hover: none), (pointer: coarse)").matches, nn = () => "safari" in window, be = (e) => Array.isArray(e) ? e : [e], nt = (e) => (t, n, o, s = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = be(n), t = be(t);
+  for (const i of t)
+    if (i)
       for (const l of n)
-        s[e](l, o, { capture: !1, ...i });
+        i[e](l, o, { capture: !1, ...s });
 }, H = nt("addEventListener"), M = nt("removeEventListener"), te = (e) => {
   var t;
-  const { clientX: n, clientY: o, target: i } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
-  return { x: n, y: o, target: i };
-}, W = (e, t = document) => ye(e).map(
+  const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
+  return { x: n, y: o, target: s };
+}, W = (e, t = document) => be(e).map(
   (n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null
 ).flat().filter(Boolean), on = (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) {
@@ -1190,14 +1192,14 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     case "shift":
       return e.shiftKey;
   }
-}) : !1), { abs: R, max: We, min: Ge, ceil: Ke } = Math, Ye = (e = []) => ({
+}) : !1), { abs: R, max: We, min: Ke, ceil: Ge } = Math, Ye = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
   changed: { added: [], removed: [] }
 }), ot = class extends Qt {
   constructor(t) {
-    var n, o, i, s, l;
+    var n, o, s, i, l;
     super(), this._selection = Ye(), this._targetBoundaryScrolled = !0, this._selectables = [], this._areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 }, this._areaRect = Fe(), this._singleClick = !0, this._scrollAvailable = !0, this._scrollingActive = !1, this._scrollSpeed = { x: 0, y: 0 }, this._scrollDelta = { x: 0, y: 0 }, this._lastMousePosition = { x: 0, y: 0 }, this.enable = this._toggleStartEvents, this.disable = this._toggleStartEvents.bind(this, !1), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
@@ -1220,7 +1222,7 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
           startScrollMargins: {
             x: 0,
             y: 0,
-            ...(s = (i = t.behaviour) == null ? void 0 : i.scrolling) == null ? void 0 : s.startScrollMargins
+            ...(i = (s = t.behaviour) == null ? void 0 : s.scrolling) == null ? void 0 : i.startScrollMargins
           }
         }
       },
@@ -1236,10 +1238,10 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
         }
       }
     };
-    for (const u of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
-      typeof this[u] == "function" && (this[u] = this[u].bind(this));
-    const { document: r, selectionAreaClass: c, selectionContainerClass: a } = this._options;
-    this._area = r.createElement("div"), this._clippingElement = r.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(c), a && this._clippingElement.classList.add(a), j(this._area, {
+    for (const f of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
+      typeof this[f] == "function" && (this[f] = this[f].bind(this));
+    const { document: r, selectionAreaClass: c, selectionContainerClass: d } = this._options;
+    this._area = r.createElement("div"), this._clippingElement = r.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(c), d && this._clippingElement.classList.add(d), j(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
@@ -1251,85 +1253,85 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = en((u) => {
-      this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", u), this._redrawSelectionArea();
+    }), this._frame = en((f) => {
+      this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", f), this._redrawSelectionArea();
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, i = t ? H : M;
-    i(n, "mousedown", this._onTapStart), o.touch && i(n, "touchstart", this._onTapStart, { passive: !1 });
+    const { document: n, features: o } = this._options, s = t ? H : M;
+    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 } = te(t), { document: l, startAreas: r, boundaries: c, features: a, behaviour: u } = this._options, d = s.getBoundingClientRect();
-    if (t instanceof MouseEvent && !on(t, u.triggers))
+    const { x: o, y: s, target: i } = te(t), { document: l, startAreas: r, boundaries: c, features: d, behaviour: f } = this._options, u = i.getBoundingClientRect();
+    if (t instanceof MouseEvent && !on(t, f.triggers))
       return;
-    const m = W(r, l), f = W(c, l);
-    this._targetElement = f.find(
-      (v) => Ie(v.getBoundingClientRect(), d)
+    const g = W(r, l), y = W(c, l);
+    this._targetElement = y.find(
+      (h) => Ie(h.getBoundingClientRect(), u)
     );
-    const h = t.composedPath(), p = m.find((v) => h.includes(v));
-    if (this._targetBoundary = f.find((v) => h.includes(v)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    const p = t.composedPath(), m = g.find((h) => p.includes(h));
+    if (this._targetBoundary = y.find((h) => p.includes(h)), !this._targetElement || !m || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
-    this._areaLocation = { x1: o, y1: i, 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), H(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), H(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), H(l, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, H(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    this._areaLocation = { x1: o, y1: s, x2: 0, y2: 0 };
+    const a = l.scrollingElement ?? l.body;
+    this._scrollDelta = { x: a.scrollLeft, y: a.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), H(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), H(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), H(l, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, H(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
-    const { singleTap: { intersect: n }, range: o } = this._options.features, i = te(t);
-    let s;
+    const { singleTap: { intersect: n }, range: o } = this._options.features, s = te(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: u, left: d, top: m, bottom: f } = a.getBoundingClientRect();
-        return r < u && r > d && c < f && c > m;
+      const { x: r, y: c } = s;
+      i = this._selectables.find((d) => {
+        const { right: f, left: u, top: g, bottom: y } = d.getBoundingClientRect();
+        return r < f && r > u && c < y && c > g;
       });
     }
-    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], u = [...this._selectables.filter(
-        (d) => d.compareDocumentPosition(c) & 4 && d.compareDocumentPosition(a) & 2
-      ), c, a];
-      this.select(u), this._latestElement = r;
+      const r = this._latestElement, [c, d] = r.compareDocumentPosition(i) & 4 ? [i, r] : [r, i], f = [...this._selectables.filter(
+        (u) => u.compareDocumentPosition(c) & 4 && u.compareDocumentPosition(d) & 2
+      ), c, d];
+      this.select(f), 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);
+      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 } = te(t);
+    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: l } = this._areaLocation, { x: r, y: c } = te(t);
     if (
       // Single number for both coordinates
-      typeof i == "number" && R(r + c - (s + l)) >= i || // Different x and y threshold
-      typeof i == "object" && R(r - s) >= i.x || R(c - l) >= i.y
+      typeof s == "number" && R(r + c - (i + l)) >= s || // Different x and y threshold
+      typeof s == "object" && R(r - i) >= s.x || R(c - l) >= s.y
     ) {
       if (M(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
         M(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      H(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(this._area, "display", "block"), W(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 && (H(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), H(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);
+      H(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(this._area, "display", "block"), W(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 && (H(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), H(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), 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 ? (j(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
     }), j(o, {
-      marginTop: -i.top,
-      marginLeft: -i.left
+      marginTop: -s.top,
+      marginLeft: -s.left
     })) : (j(t, {
       top: 0,
       left: 0,
@@ -1341,20 +1343,20 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: l } = i.behaviour.scrolling, r = this._targetElement, { x: c, y: a } = te(t);
-    if (o.x2 = c, o.y2 = a, this._lastMousePosition.x = c, this._lastMousePosition.y = a, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling, r = this._targetElement, { x: c, y: d } = te(t);
+    if (o.x2 = c, o.y2 = d, this._lastMousePosition.x = c, this._lastMousePosition.y = d, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
-      const u = () => {
+      const f = () => {
         if (!n.x && !n.y) {
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: d, scrollLeft: m } = r;
-        n.y && (r.scrollTop += Ke(n.y / l), o.y1 -= r.scrollTop - d), n.x && (r.scrollLeft += Ke(n.x / l), o.x1 -= r.scrollLeft - m), s.next(t), requestAnimationFrame(u);
+        const { scrollTop: u, scrollLeft: g } = r;
+        n.y && (r.scrollTop += Ge(n.y / l), o.y1 -= r.scrollTop - u), n.x && (r.scrollLeft += Ge(n.x / l), o.x1 -= r.scrollLeft - g), i.next(t), requestAnimationFrame(f);
       };
-      requestAnimationFrame(u);
+      requestAnimationFrame(f);
     } else
-      s.next(t);
+      i.next(t);
     this._handleMoveEvent(t);
   }
   _handleMoveEvent(t) {
@@ -1362,19 +1364,19 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     (n.touch && tn() || this._scrollAvailable && nn()) && t.preventDefault();
   }
   _onScroll() {
-    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);
+    const { _scrollDelta: t, _options: { document: n } } = 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, M(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: () => {
@@ -1382,46 +1384,46 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: l, clientHeight: r, scrollLeft: c, scrollWidth: a, clientWidth: u } = o, d = this._targetRect, { x1: m, y1: f } = n;
-    let { x2: h, y2: p } = n;
-    const { behaviour: { scrolling: { startScrollMargins: g } } } = i;
-    h < d.left + g.x ? (t.x = c ? -R(d.left - h + g.x) : 0, h = h < d.left ? d.left : h) : h > d.right - g.x ? (t.x = a - c - u ? R(d.left + d.width - h - g.x) : 0, h = h > d.right ? d.right : h) : t.x = 0, p < d.top + g.y ? (t.y = s ? -R(d.top - p + g.y) : 0, p = p < d.top ? d.top : p) : p > d.bottom - g.y ? (t.y = l - s - r ? R(d.top + d.height - p - g.y) : 0, p = p > d.bottom ? d.bottom : p) : t.y = 0;
-    const v = Ge(m, h), b = Ge(f, p), y = We(m, h), C = We(f, p);
-    this._areaRect = Fe(v, b, y - v, C - b);
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, { scrollTop: i, scrollHeight: l, clientHeight: r, scrollLeft: c, scrollWidth: d, clientWidth: f } = o, u = this._targetRect, { x1: g, y1: y } = n;
+    let { x2: p, y2: m } = n;
+    const { behaviour: { scrolling: { startScrollMargins: a } } } = s;
+    p < u.left + a.x ? (t.x = c ? -R(u.left - p + a.x) : 0, p = p < u.left ? u.left : p) : p > u.right - a.x ? (t.x = d - c - f ? R(u.left + u.width - p - a.x) : 0, p = p > u.right ? u.right : p) : t.x = 0, m < u.top + a.y ? (t.y = i ? -R(u.top - m + a.y) : 0, m = m < u.top ? u.top : m) : m > u.bottom - a.y ? (t.y = l - i - r ? R(u.top + u.height - m - a.y) : 0, m = m > u.bottom ? u.bottom : m) : t.y = 0;
+    const h = Ke(g, p), v = Ke(y, m), w = We(g, p), C = We(y, m);
+    this._areaRect = Fe(h, v, w - h, C - v);
   }
   _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) {
     var o;
-    const { document: i, features: s } = this._options, { _singleClick: l } = this;
-    M(this._targetElement, "scroll", this._onStartAreaScroll), M(i, ["mousemove", "touchmove"], this._delayedTapMove), M(i, ["touchmove", "mousemove"], this._onTapMove), M(i, ["mouseup", "touchcancel", "touchend"], this._onTapStop), M(i, "scroll", this._onScroll), this._keepSelection(), t && l && s.singleTap.allow ? this._onSingleTap(t) : !l && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, M(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), M(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), j(this._area, "display", "none");
+    const { document: s, features: i } = this._options, { _singleClick: l } = this;
+    M(this._targetElement, "scroll", this._onStartAreaScroll), M(s, ["mousemove", "touchmove"], this._delayedTapMove), M(s, ["touchmove", "mousemove"], this._onTapMove), M(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), M(s, "scroll", this._onScroll), this._keepSelection(), t && l && i.singleTap.allow ? this._onSingleTap(t) : !l && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, M(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), M(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), j(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, u = a === "invert", d = [], m = [], f = [];
-    for (let p = 0; p < t.length; p++) {
-      const g = t[p];
-      if (Ie(i, g.getBoundingClientRect(), c)) {
-        if (l.includes(g))
-          s.includes(g) && !r.includes(g) && r.push(g);
-        else if (u && s.includes(g)) {
-          f.push(g);
+    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: l, touched: r } = o, { intersect: c, overlap: d } = n.behaviour, f = d === "invert", u = [], g = [], y = [];
+    for (let m = 0; m < t.length; m++) {
+      const a = t[m];
+      if (Ie(s, a.getBoundingClientRect(), c)) {
+        if (l.includes(a))
+          i.includes(a) && !r.includes(a) && r.push(a);
+        else if (f && i.includes(a)) {
+          y.push(a);
           continue;
         } else
-          m.push(g);
-        d.push(g);
+          g.push(a);
+        u.push(a);
       }
     }
-    u && m.push(...s.filter((p) => !l.includes(p)));
-    const h = a === "keep";
-    for (let p = 0; p < l.length; p++) {
-      const g = l[p];
-      !d.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
+    f && g.push(...i.filter((m) => !l.includes(m)));
+    const p = d === "keep";
+    for (let m = 0; m < l.length; m++) {
+      const a = l[m];
+      !u.includes(a) && !// 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.
-      (h && s.includes(g)) && f.push(g);
+      (p && i.includes(a)) && y.push(a);
     }
-    o.selected = d, o.changed = { added: m, removed: f }, this._latestElement = void 0;
+    o.selected = u, o.changed = { added: g, removed: y }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1431,12 +1433,12 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _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;
@@ -1444,7 +1446,7 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       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;
@@ -1480,11 +1482,11 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
    * @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(
+    const { selected: o, stored: s, changed: i } = this._selection;
+    i.added = [], i.removed.push(
       ...o,
-      ...t ? i : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Ye(t ? [] : i);
+      ...t ? s : []
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Ye(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -1536,10 +1538,10 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
    * @param quiet If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: i, stored: s } = this._selection, l = W(t, this._options.document).filter(
-      (r) => !i.includes(r) && !s.includes(r)
+    const { changed: o, selected: s, stored: i } = this._selection, l = W(t, this._options.document).filter(
+      (r) => !s.includes(r) && !i.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;
+    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
@@ -1547,11 +1549,11 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
    * @param quiet If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: i, changed: s } = this._selection, l = W(t, this._options.document).filter(
-      (r) => o.includes(r) || i.includes(r)
+    const { selected: o, stored: s, changed: i } = this._selection, l = W(t, this._options.document).filter(
+      (r) => o.includes(r) || s.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._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));
   }
 };
@@ -1584,37 +1586,39 @@ function rn(e) {
     }
   }).on("beforestart", ({ event: o }) => {
     var l;
-    const i = o.target;
-    if (i.id === "input-box" || i.className === "circle" || (l = e.container.querySelector(".context-menu")) != null && l.contains(i))
+    if (e.spacePressed)
+      return !1;
+    const s = o.target;
+    if (s.id === "input-box" || s.className === "circle" || (l = e.container.querySelector(".context-menu")) != null && l.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 != null && 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 != null && s.includes(i))), e.bus.fire(
           "unselectNodes",
-          i.map((s) => s.nodeObj)
+          s.map((i) => i.nodeObj)
         );
       }
     }
@@ -1626,9 +1630,9 @@ const ln = function(e, t = !0) {
   const o = {
     ...(e.type === "dark" ? xe : we).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();
@@ -1651,53 +1655,53 @@ function an(e) {
   const o = t[n];
   n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
 }
-function it(e) {
+function st(e) {
   const { siblings: t, index: n } = z(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
 function dn(e, t, n) {
-  const { siblings: o, index: i } = z(n);
-  o !== void 0 && (t === "before" ? o.splice(i, 0, e) : o.splice(i + 1, 0, e));
+  const { siblings: o, index: s } = z(n);
+  o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
 function hn(e, t) {
   const { siblings: n, index: o } = z(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function st(e, t, n) {
+function it(e, t, n) {
   var o;
-  if (it(t), (o = n.parent) != null && o.parent || (t.direction = n.direction), e === "in")
+  if (st(t), (o = n.parent) != null && o.parent || (t.direction = n.direction), e === "in")
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
-    const { siblings: i, index: s } = z(n);
-    if (i === void 0)
+    const { siblings: s, index: i } = z(n);
+    if (s === void 0)
       return;
-    e === "before" ? i.splice(s, 0, t) : i.splice(s + 1, 0, t);
+    e === "before" ? s.splice(i, 0, t) : s.splice(i + 1, 0, t);
   }
 }
 const un = function({ map: e, direction: t }, n) {
-  var o, i;
+  var o, s;
   if (t === 0)
     return 0;
   if (t === 1)
     return 1;
   if (t === 2) {
-    const s = ((o = e.querySelector(".lhs")) == null ? void 0 : o.childElementCount) || 0, l = ((i = e.querySelector(".rhs")) == null ? void 0 : i.childElementCount) || 0;
-    return s <= l ? (n.direction = 0, 0) : (n.direction = 1, 1);
+    const i = ((o = e.querySelector(".lhs")) == null ? void 0 : o.childElementCount) || 0, l = ((s = e.querySelector(".rhs")) == null ? void 0 : s.childElementCount) || 0;
+    return i <= l ? (n.direction = 0, 0) : (n.direction = 1, 1);
   }
 }, rt = function(e, t, n) {
-  var s, l;
-  const o = n.children[0].children[0], i = t.parentElement;
-  if (i.tagName === "ME-PARENT") {
-    if (Z(o), i.children[1])
-      i.nextSibling.appendChild(n);
+  var i, l;
+  const o = n.children[0].children[0], s = t.parentElement;
+  if (s.tagName === "ME-PARENT") {
+    if (Z(o), s.children[1])
+      s.nextSibling.appendChild(n);
     else {
       const r = e.createChildren([n]);
-      i.appendChild(ke(!0)), i.insertAdjacentElement("afterend", r);
+      s.appendChild(ke(!0)), s.insertAdjacentElement("afterend", r);
     }
     e.linkDiv(n.offsetParent);
   } else
-    i.tagName === "ME-ROOT" && (un(e, o.nodeObj) === 0 ? (s = e.container.querySelector(".lhs")) == null || s.appendChild(n) : (l = e.container.querySelector(".rhs")) == null || l.appendChild(n), e.linkDiv());
+    s.tagName === "ME-ROOT" && (un(e, o.nodeObj) === 0 ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (l = e.container.querySelector(".rhs")) == null || l.appendChild(n), e.linkDiv());
 }, fn = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
@@ -1714,10 +1718,10 @@ const un = function({ map: e, direction: t }, n) {
 }, pn = function(e, t) {
   const n = e.nodeObj, o = Ee(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
-  const i = Object.assign(n, t);
-  Ne.call(this, e, i), this.linkDiv(), this.bus.fire("operation", {
+  const s = Object.assign(n, t);
+  Ne.call(this, e, s), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
-    obj: i,
+    obj: s,
     origin: o
   });
 }, _e = function(e, t, n) {
@@ -1725,36 +1729,36 @@ const un = function({ map: e, direction: t }, n) {
     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], B(e.nodeData);
-  const { grp: s, top: l } = e.createWrapper(i);
-  return rt(e, t, s), { newTop: l, newNodeObj: i };
+  const s = n || e.generateNewObj();
+  o.children ? o.children.push(s) : o.children = [s], B(e.nodeData);
+  const { grp: i, top: l } = e.createWrapper(s);
+  return rt(e, t, i), { newTop: l, newNodeObj: s };
 }, gn = function(e, t, n) {
-  var a, u, d, m;
+  var d, f, u, g;
   const o = t || this.currentNode;
   if (!o)
     return;
-  const i = o.nodeObj;
-  if (i.parent) {
-    if (!((a = i.parent) != null && a.parent) && ((d = (u = i.parent) == null ? void 0 : u.children) == null ? void 0 : d.length) === 1 && this.direction === 2) {
-      this.addChild(this.findEle(i.parent.id), n);
+  const s = o.nodeObj;
+  if (s.parent) {
+    if (!((d = s.parent) != null && d.parent) && ((u = (f = s.parent) == null ? void 0 : f.children) == null ? void 0 : u.length) === 1 && this.direction === 2) {
+      this.addChild(this.findEle(s.parent.id), n);
       return;
     }
   } else {
     this.addChild();
     return;
   }
-  const s = n || this.generateNewObj();
-  if (!((m = i.parent) != null && m.parent)) {
-    const f = o.closest("me-main").className === D.LHS ? 0 : 1;
-    s.direction = f;
+  const i = n || this.generateNewObj();
+  if (!((g = s.parent) != null && g.parent)) {
+    const y = o.closest("me-main").className === D.LHS ? 0 : 1;
+    i.direction = y;
   }
-  dn(s, e, i), B(this.nodeData);
-  const l = o.parentElement, { grp: r, top: c } = this.createWrapper(s);
+  dn(i, e, s), B(this.nodeData);
+  const l = o.parentElement, { grp: r, top: c } = this.createWrapper(i);
   l.parentElement.insertAdjacentElement(lt[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);
 }, mn = function(e, t) {
   const n = e || this.currentNode;
@@ -1764,14 +1768,14 @@ const un = function({ map: e, direction: t }, n) {
   const o = n.nodeObj;
   if (!o.parent)
     return;
-  const i = t || this.generateNewObj();
-  hn(o, i), B(this.nodeData);
-  const s = n.parentElement.parentElement, { grp: l, top: r } = this.createWrapper(i, !0);
-  r.appendChild(ke(!0)), s.insertAdjacentElement("afterend", l);
-  const c = this.createChildren([s]);
+  const s = t || this.generateNewObj();
+  hn(o, s), B(this.nodeData);
+  const i = n.parentElement.parentElement, { grp: l, top: r } = this.createWrapper(s, !0);
+  r.appendChild(ke(!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
   });
 }, vn = function(e, t) {
   const n = e || this.currentNode;
@@ -1780,29 +1784,29 @@ const un = function({ map: e, direction: t }, n) {
   const o = _e(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);
-}, bn = function(e, t) {
+    obj: i
+  }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
+}, yn = function(e, t) {
   const n = Ee(e.nodeObj);
   Ce(n);
   const o = _e(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
   });
-}, yn = function(e, t) {
+}, bn = function(e, t) {
   e = de(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const i = e[o], s = Ee(i.nodeObj);
-    Ce(s);
-    const l = _e(this, t, s);
+    const s = e[o], i = Ee(s.nodeObj);
+    Ce(i);
+    const l = _e(this, t, i);
     if (!l)
       return;
     const { newNodeObj: r } = l;
@@ -1839,8 +1843,8 @@ const un = function({ map: e, direction: t }, n) {
     return;
   e = de(e);
   for (const n of e) {
-    const o = n.nodeObj, i = it(o);
-    fn(n, i);
+    const o = n.nodeObj, s = st(o);
+    fn(n, s);
   }
   const t = e[e.length - 1];
   this.selectNode(this.findEle(t.nodeObj.parent.id)), this.linkDiv(), this.bus.fire("operation", {
@@ -1852,10 +1856,10 @@ const un = function({ map: e, direction: t }, n) {
   const n = t.nodeObj;
   n.expanded === !1 && (this.expandNode(t, !0), t = this.findEle(n.id));
   for (const o of e) {
-    const i = o.nodeObj;
-    st("in", i, n), B(this.nodeData);
-    const s = o.parentElement;
-    rt(this, t, s.parentElement);
+    const s = o.nodeObj;
+    it("in", s, n), B(this.nodeData);
+    const i = o.parentElement;
+    rt(this, t, i.parentElement);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "moveNodeIn",
@@ -1864,19 +1868,19 @@ const un = function({ map: e, direction: t }, n) {
   });
 }, ct = (e, t, n, o) => {
   e = de(e), t === "after" && (e = e.reverse());
-  const i = n.nodeObj, s = [];
+  const s = n.nodeObj, i = [];
   for (const l of e) {
     const r = l.nodeObj;
-    st(t, r, i), B(o.nodeData), Z(l);
+    it(t, r, s), B(o.nodeData), Z(l);
     const c = l.parentElement.parentNode;
-    s.includes(c.parentElement) || s.push(c.parentElement), n.parentElement.parentNode.insertAdjacentElement(lt[t], c);
+    i.includes(c.parentElement) || i.push(c.parentElement), n.parentElement.parentNode.insertAdjacentElement(lt[t], c);
   }
-  for (const l of s)
+  for (const l of i)
     l.childElementCount === 0 && l.tagName !== "ME-MAIN" && (l.previousSibling.children[1].remove(), l.remove());
   o.linkDiv(), o.bus.fire("operation", {
     name: t === "before" ? "moveNodeBefore" : "moveNodeAfter",
     objs: e.map((l) => l.nodeObj),
-    toObj: i
+    toObj: s
   });
 }, Sn = function(e, t) {
   ct(e, "before", t, this);
@@ -1891,8 +1895,8 @@ const un = function({ map: e, direction: t }, n) {
   __proto__: null,
   addChild: vn,
   beginEdit: kn,
-  copyNode: bn,
-  copyNodes: yn,
+  copyNode: yn,
+  copyNodes: bn,
   insertParent: mn,
   insertSibling: gn,
   moveDownNode: xn,
@@ -1917,8 +1921,8 @@ function Tn(e) {
 const Ln = function(e) {
   const t = this.container, n = e.getBoundingClientRect(), o = t.getBoundingClientRect();
   if (n.top > o.bottom || n.bottom < o.top || n.left > o.right || n.right < o.left) {
-    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, u = l - c;
-    this.move(-a, -u, !0);
+    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, d = i - r, f = l - c;
+    this.move(-d, -f, !0);
   }
 }, An = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
@@ -1943,29 +1947,29 @@ const Ln = function(e) {
 }, Bn = 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 } = dt(this), r = this.map.style.transform, { x: c, y: a } = Ue(r), u = c - s, d = a - l, m = this.scaleVal, f = (-o + u) * (1 - e / m), h = (-i + d) * (1 - e / m);
-  this.map.style.transform = `translate(${c - f}px, ${a - h}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
+  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 } = dt(this), r = this.map.style.transform, { x: c, y: d } = Xe(r), f = c - i, u = d - l, g = this.scaleVal, y = (-o + f) * (1 - e / g), p = (-s + u) * (1 - e / g);
+  this.map.style.transform = `translate(${c - y}px, ${d - p}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
 }, Rn = 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, this.map.style.transform = "scale(" + n + ")", this.bus.fire("scale", n);
 }, Fn = function(e, t, n = !1) {
-  const { map: o, scaleVal: i, bus: s } = this, l = o.style.transform;
-  let { x: r, y: c } = Ue(l);
+  const { map: o, scaleVal: s, bus: i } = this, l = o.style.transform;
+  let { x: r, y: c } = Xe(l);
   r += e, c += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate(${r}px, ${c}px) scale(${i})`, s.fire("move", { dx: e, dy: t });
+  }, 300)), o.style.transform = `translate(${r}px, ${c}px) scale(${s})`, i.fire("move", { dx: e, dy: t });
 }, dt = (e) => {
-  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, l = i.offsetLeft, r = i.offsetWidth, c = i.offsetHeight;
-  let a, u;
-  return e.alignment === "root" ? (a = t.offsetWidth / 2 - l - r / 2, u = t.offsetHeight / 2 - s - c / 2, n.style.transformOrigin = `${l + r / 2}px 50%`) : (a = (t.offsetWidth - o.offsetWidth) / 2, u = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: a, dy: u };
+  const { container: t, map: n, nodes: o } = e, s = n.querySelector("me-root"), i = s.offsetTop, l = s.offsetLeft, r = s.offsetWidth, c = s.offsetHeight;
+  let d, f;
+  return e.alignment === "root" ? (d = t.offsetWidth / 2 - l - r / 2, f = t.offsetHeight / 2 - i - c / 2, n.style.transformOrigin = `${l + r / 2}px 50%`) : (d = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: d, dy: f };
 }, In = function() {
   const { map: e } = this, { dx: t, dy: n } = dt(this);
   e.style.transform = `translate(${t}px, ${n}px) scale(${this.scaleVal})`;
 }, Wn = function(e) {
   e(this);
-}, Gn = function(e) {
+}, Kn = function(e) {
   e.nodeObj.parent && (this.clearSelection(), this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.initRight(), this.toCenter());
-}, Kn = function() {
+}, Gn = function() {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, Yn = function() {
   this.direction = 0, this.refresh(), this.toCenter();
@@ -1975,48 +1979,48 @@ const Ln = function(e) {
   this.direction = 2, this.refresh(), this.toCenter();
 }, Vn = function(e) {
   this.locale = e, this.refresh();
-}, Xn = function(e, t) {
+}, Un = 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];
+  }, i = e.parentNode, l = i.children[1];
   if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", Z(e), n.expanded) {
-    const d = this.createChildren(
-      n.children.map((m) => this.createWrapper(m).grp)
+    const u = this.createChildren(
+      n.children.map((g) => this.createWrapper(g).grp)
     );
-    s.parentNode.appendChild(d);
+    i.parentNode.appendChild(u);
   } 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, u = i.y - c.y;
-  this.move(a, u), this.bus.fire("expandNode", n);
-}, Un = function(e, t) {
-  const n = e.nodeObj, o = e.getBoundingClientRect(), i = {
+  }, d = s.x - c.x, f = s.y - c.y;
+  this.move(d, f), this.bus.fire("expandNode", n);
+}, Xn = function(e, t) {
+  const n = e.nodeObj, o = e.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
   };
   Y(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);
 }, Jn = 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)), B(this.nodeData), this.layout(), this.linkDiv();
 }, Zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: Kn,
+  cancelFocus: Gn,
   clearSelection: Pn,
   disableEdit: Hn,
   enableEdit: jn,
-  expandNode: Xn,
-  expandNodeAll: Un,
-  focusNode: Gn,
+  expandNode: Un,
+  expandNodeAll: Xn,
+  focusNode: Kn,
   getData: On,
   getDataString: $n,
   initLeft: Yn,
@@ -2071,69 +2075,69 @@ const Ln = function(e) {
 }, qe = {
   create: Qn
 }, eo = "#4dc4ff";
-function ht(e, t, n, o, i, s, l, r) {
+function ht(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 to(e, t, n) {
   e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), he(e));
 }
-function ne(e, t, n, o, i) {
+function ne(e, t, n, o, s) {
   k(e, {
     x1: t + "",
     y1: n + "",
     x2: o + "",
-    y2: i + ""
+    y2: s + ""
   });
 }
-function ze(e, t, n, o, i, s, l, r, c, a) {
-  var p;
-  const u = `M ${t} ${n} C ${o} ${i} ${s} ${l} ${r} ${c}`;
-  if (e.line.setAttribute("d", u), a.style) {
-    const g = a.style;
-    g.stroke && e.line.setAttribute("stroke", g.stroke), g.strokeWidth && e.line.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeDasharray && e.line.setAttribute("stroke-dasharray", g.strokeDasharray), g.strokeLinecap && e.line.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && e.line.setAttribute("opacity", String(g.opacity));
-  }
-  const d = e.querySelectorAll('path[stroke="transparent"]');
-  d.length > 0 && d[0].setAttribute("d", u);
-  const m = re(s, l, r, c);
-  if (m) {
-    const g = `M ${m.x1} ${m.y1} L ${r} ${c} L ${m.x2} ${m.y2}`;
-    if (e.arrow1.setAttribute("d", g), d.length > 1 && d[1].setAttribute("d", g), a.style) {
-      const v = a.style;
-      v.stroke && e.arrow1.setAttribute("stroke", v.stroke), v.strokeWidth && e.arrow1.setAttribute("stroke-width", String(v.strokeWidth)), v.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", v.strokeLinecap), v.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(v.opacity));
+function ze(e, t, n, o, s, i, l, r, c, d) {
+  var m;
+  const f = `M ${t} ${n} C ${o} ${s} ${i} ${l} ${r} ${c}`;
+  if (e.line.setAttribute("d", f), d.style) {
+    const a = d.style;
+    a.stroke && e.line.setAttribute("stroke", a.stroke), a.strokeWidth && e.line.setAttribute("stroke-width", String(a.strokeWidth)), a.strokeDasharray && e.line.setAttribute("stroke-dasharray", a.strokeDasharray), a.strokeLinecap && e.line.setAttribute("stroke-linecap", a.strokeLinecap), a.opacity !== void 0 && e.line.setAttribute("opacity", String(a.opacity));
+  }
+  const u = e.querySelectorAll('path[stroke="transparent"]');
+  u.length > 0 && u[0].setAttribute("d", f);
+  const g = re(i, l, r, c);
+  if (g) {
+    const a = `M ${g.x1} ${g.y1} L ${r} ${c} L ${g.x2} ${g.y2}`;
+    if (e.arrow1.setAttribute("d", a), u.length > 1 && u[1].setAttribute("d", a), d.style) {
+      const h = d.style;
+      h.stroke && e.arrow1.setAttribute("stroke", h.stroke), h.strokeWidth && e.arrow1.setAttribute("stroke-width", String(h.strokeWidth)), h.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", h.strokeLinecap), h.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(h.opacity));
     }
   }
-  if (a.bidirectional) {
-    const g = re(o, i, t, n);
-    if (g) {
-      const v = `M ${g.x1} ${g.y1} L ${t} ${n} L ${g.x2} ${g.y2}`;
-      if (e.arrow2.setAttribute("d", v), d.length > 2 && d[2].setAttribute("d", v), a.style) {
-        const b = a.style;
-        b.stroke && e.arrow2.setAttribute("stroke", b.stroke), b.strokeWidth && e.arrow2.setAttribute("stroke-width", String(b.strokeWidth)), b.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", b.strokeLinecap), b.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(b.opacity));
+  if (d.bidirectional) {
+    const a = re(o, s, t, n);
+    if (a) {
+      const h = `M ${a.x1} ${a.y1} L ${t} ${n} L ${a.x2} ${a.y2}`;
+      if (e.arrow2.setAttribute("d", h), u.length > 2 && u[2].setAttribute("d", h), d.style) {
+        const v = d.style;
+        v.stroke && e.arrow2.setAttribute("stroke", v.stroke), v.strokeWidth && e.arrow2.setAttribute("stroke-width", String(v.strokeWidth)), v.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", v.strokeLinecap), v.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(v.opacity));
       }
     }
   }
-  const { x: f, y: h } = ht(t, n, o, i, s, l, r, c);
-  if (e.labelEl && to(e.labelEl, f, h), (p = a.style) != null && p.labelColor) {
-    const g = e.label.querySelector("div");
-    g && (g.style.color = a.style.labelColor);
+  const { x: y, y: p } = ht(t, n, o, s, i, l, r, c);
+  if (e.labelEl && to(e.labelEl, y, p), (m = d.style) != null && m.labelColor) {
+    const a = e.labelEl;
+    a && (a.style.color = d.style.labelColor);
   }
   ao(e);
 }
 function ae(e, t, n) {
-  const { offsetLeft: o, offsetTop: i } = O(e.nodes, t), s = t.offsetWidth, l = t.offsetHeight, r = o + s / 2, c = i + l / 2, a = r + n.x, u = c + n.y;
+  const { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = t.offsetWidth, l = t.offsetHeight, r = o + i / 2, c = s + l / 2, d = r + n.x, f = c + n.y;
   return {
-    w: s,
+    w: i,
     h: l,
     cx: r,
     cy: c,
-    ctrlX: a,
-    ctrlY: u
+    ctrlX: d,
+    ctrlY: f
   };
 }
-function K(e) {
+function G(e) {
   let t, n;
   const o = (e.cy - e.ctrlY) / (e.ctrlX - e.cx);
   return o > e.h / e.w || o < -e.h / e.w ? e.cy - e.ctrlY < 0 ? (t = e.cx - e.h / 2 / o, n = e.cy + e.h / 2) : (t = e.cx + e.h / 2 / o, n = e.cy - e.h / 2) : e.cx - e.ctrlX < 0 ? (t = e.cx + e.w / 2, n = e.cy - e.w * o / 2) : (t = e.cx - e.w / 2, n = e.cy + e.w * o / 2), {
@@ -2141,30 +2145,30 @@ function K(e) {
     y: n
   };
 }
-const Te = function(e, t, n, o, i) {
-  var S;
+const Te = function(e, t, n, o, s) {
+  var E;
   if (!t || !n)
     return;
-  const s = ae(e, t, o.delta1), l = ae(e, n, o.delta2), { x: r, y: c } = K(s), { ctrlX: a, ctrlY: u } = s, { ctrlX: d, ctrlY: m } = l, { x: f, y: h } = K(l), p = re(d, m, f, h);
-  if (!p)
+  const i = ae(e, t, o.delta1), l = ae(e, n, o.delta2), { x: r, y: c } = G(i), { ctrlX: d, ctrlY: f } = i, { ctrlX: u, ctrlY: g } = l, { x: y, y: p } = G(l), m = re(u, g, y, p);
+  if (!m)
     return;
-  const g = `M ${p.x1} ${p.y1} L ${f} ${h} L ${p.x2} ${p.y2}`;
-  let v = "";
+  const a = `M ${m.x1} ${m.y1} L ${y} ${p} L ${m.x2} ${m.y2}`;
+  let h = "";
   if (o.bidirectional) {
-    const N = re(a, u, r, c);
+    const N = re(d, f, r, c);
     if (!N)
       return;
-    v = `M ${N.x1} ${N.y1} L ${r} ${c} L ${N.x2} ${N.y2}`;
+    h = `M ${N.x1} ${N.y1} L ${r} ${c} L ${N.x2} ${N.y2}`;
   }
-  const b = Pt(`M ${r} ${c} C ${a} ${u} ${d} ${m} ${f} ${h}`, g, v, o.style), { x: y, y: C } = ht(r, c, a, u, d, m, f, h), E = ((S = o.style) == null ? void 0 : S.labelColor) || "rgb(235, 95, 82)", x = "arrow-" + o.id;
-  b.id = x;
-  const w = me(o.label, y, C, {
+  const v = Pt(`M ${r} ${c} C ${d} ${f} ${u} ${g} ${y} ${p}`, a, h, o.style), { x: w, y: C } = ht(r, c, d, f, u, g, y, p), S = ((E = o.style) == null ? void 0 : E.labelColor) || "rgb(235, 95, 82)", b = "arrow-" + o.id;
+  v.id = b;
+  const x = me(o.label, w, C, {
     anchor: "middle",
-    color: E,
-    dataType: "link-label",
-    svgId: x
+    color: S,
+    dataType: "arrow",
+    svgId: b
   });
-  b.labelEl = w, b.arrowObj = o, b.dataset.linkid = o.id, e.labelContainer.appendChild(w), e.linkSvgGroup.appendChild(b), he(w), i || (e.arrows.push(o), e.currentArrow = b, ut(e, o, s, l));
+  v.labelEl = x, v.arrowObj = o, v.dataset.linkid = o.id, e.labelContainer.appendChild(x), e.linkSvgGroup.appendChild(v), he(x), s || (e.arrows.push(o), e.currentArrow = v, ut(e, o, i, l));
 }, no = function(e, t, n = {}) {
   const o = {
     id: I(),
@@ -2192,7 +2196,7 @@ const Te = function(e, t, n, o, i) {
     name: "createArrow",
     obj: t
   });
-}, io = function(e) {
+}, so = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
@@ -2204,10 +2208,10 @@ const Te = function(e, t, n, o, i) {
       id: n
     }
   });
-}, so = function(e) {
+}, io = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = ae(this, n, t.delta1), s = ae(this, o, t.delta2);
-  ut(this, t, i, s);
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = ae(this, n, t.delta1), i = ae(this, o, t.delta2);
+  ut(this, t, s, i);
 }, ro = function() {
   ue(this), this.currentArrow = null;
 }, fe = function(e, t) {
@@ -2225,10 +2229,10 @@ const Te = function(e, t, n, o, i) {
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
   const o = fe(e.line.getAttribute("d"), t);
   n.appendChild(o);
-  const i = fe(e.arrow1.getAttribute("d"), t);
-  if (n.appendChild(i), e.arrow2.getAttribute("d")) {
-    const s = fe(e.arrow2.getAttribute("d"), t);
-    n.appendChild(s);
+  const s = fe(e.arrow1.getAttribute("d"), t);
+  if (n.appendChild(s), e.arrow2.getAttribute("d")) {
+    const i = fe(e.arrow2.getAttribute("d"), t);
+    n.appendChild(i);
   }
   e.insertBefore(n, e.firstChild);
 }, co = function(e) {
@@ -2244,19 +2248,19 @@ const Te = function(e, t, n, o, i) {
   var t, n;
   (t = e.helper1) == null || t.destroy(), (n = e.helper2) == null || n.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && co(e.currentArrow);
 }, ut = function(e, t, n, o) {
-  const { linkController: i, P2: s, P3: l, line1: r, line2: c, nodes: a, map: u, currentArrow: d, bus: m } = e;
-  if (!d)
+  const { linkController: s, P2: i, P3: l, line1: r, line2: c, nodes: d, map: f, currentArrow: u, bus: g } = e;
+  if (!u)
     return;
-  i.style.display = "initial", s.style.display = "initial", l.style.display = "initial", a.appendChild(i), a.appendChild(s), a.appendChild(l), lo(d, eo);
-  let { x: f, y: h } = K(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: v, ctrlY: b } = o, { x: y, y: C } = K(o);
-  s.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${b}px;left:${v}px;`, ne(r, f, h, p, g), ne(c, v, b, y, C), e.helper1 = qe.create(s), e.helper2 = qe.create(l), e.helper1.init(u, (E, x) => {
-    p = p + E / e.scaleVal, g = g + x / e.scaleVal;
-    const w = K({ ...n, ctrlX: p, ctrlY: g });
-    f = w.x, h = w.y, s.style.top = g + "px", s.style.left = p + "px", ze(d, f, h, p, g, v, b, y, C, t), ne(r, f, h, p, g), t.delta1.x = p - n.cx, t.delta1.y = g - n.cy, m.fire("updateArrowDelta", t);
-  }), e.helper2.init(u, (E, x) => {
-    v = v + E / e.scaleVal, b = b + x / e.scaleVal;
-    const w = K({ ...o, ctrlX: v, ctrlY: b });
-    y = w.x, C = w.y, l.style.top = b + "px", l.style.left = v + "px", ze(d, f, h, p, g, v, b, y, C, t), ne(c, v, b, y, C), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, m.fire("updateArrowDelta", t);
+  s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", d.appendChild(s), d.appendChild(i), d.appendChild(l), lo(u, eo);
+  let { x: y, y: p } = G(n), { ctrlX: m, ctrlY: a } = n, { ctrlX: h, ctrlY: v } = o, { x: w, y: C } = G(o);
+  i.style.cssText = `top:${a}px;left:${m}px;`, l.style.cssText = `top:${v}px;left:${h}px;`, ne(r, y, p, m, a), ne(c, h, v, w, C), e.helper1 = qe.create(i), e.helper2 = qe.create(l), e.helper1.init(f, (S, b) => {
+    m = m + S / e.scaleVal, a = a + b / e.scaleVal;
+    const x = G({ ...n, ctrlX: m, ctrlY: a });
+    y = x.x, p = x.y, i.style.top = a + "px", i.style.left = m + "px", ze(u, y, p, m, a, h, v, w, C, t), ne(r, y, p, m, a), t.delta1.x = m - n.cx, t.delta1.y = a - n.cy, g.fire("updateArrowDelta", t);
+  }), e.helper2.init(f, (S, b) => {
+    h = h + S / e.scaleVal, v = v + b / e.scaleVal;
+    const x = G({ ...o, ctrlX: h, ctrlY: v });
+    w = x.x, C = x.y, l.style.top = v + "px", l.style.left = h + "px", ze(u, y, p, m, a, h, v, w, C, t), ne(c, h, v, w, C), t.delta2.x = h - o.cx, t.delta2.y = v - o.cy, g.fire("updateArrowDelta", t);
   });
 };
 function ho() {
@@ -2274,59 +2278,59 @@ function uo(e) {
   ue(this), e && e.labelEl && et(this, e.labelEl, e.arrowObj);
 }
 function fo() {
-  this.arrows = this.arrows.filter((e) => se(e.from, this.nodeData) && se(e.to, this.nodeData));
+  this.arrows = this.arrows.filter((e) => ie(e.from, this.nodeData) && ie(e.to, this.nodeData));
 }
 const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createArrow: no,
   createArrowFrom: oo,
   editArrowLabel: uo,
-  removeArrow: io,
+  removeArrow: so,
   renderArrow: ho,
-  selectArrow: so,
+  selectArrow: io,
   tidyArrow: fo,
   unselectArrow: ro
 }, Symbol.toStringTag, { value: "Module" })), go = function(e) {
-  var c, a;
+  var c, d;
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
-    const u = e[0].nodeObj, d = e[0].nodeObj.parent;
-    if (!d)
+    const f = e[0].nodeObj, u = e[0].nodeObj.parent;
+    if (!u)
       throw new Error("Can not select root node.");
-    const m = d.children.findIndex((f) => u === f);
+    const g = u.children.findIndex((y) => f === y);
     return {
-      parent: d.id,
-      start: m,
-      end: m
+      parent: u.id,
+      start: g,
+      end: g
     };
   }
   let t = 0;
-  const n = e.map((u) => {
-    let d = u.nodeObj;
-    const m = [];
-    for (; d.parent; ) {
-      const f = d.parent, h = f.children, p = h == null ? void 0 : h.indexOf(d);
-      d = f, m.unshift({ node: d, index: p });
+  const n = e.map((f) => {
+    let u = f.nodeObj;
+    const g = [];
+    for (; u.parent; ) {
+      const y = u.parent, p = y.children, m = p == null ? void 0 : p.indexOf(u);
+      u = y, g.unshift({ node: u, index: m });
     }
-    return m.length > t && (t = m.length), m;
+    return g.length > t && (t = g.length), g;
   });
   let o = 0;
   e:
     for (; o < t; o++) {
-      const u = (c = n[0][o]) == null ? void 0 : c.node;
-      for (let d = 1; d < n.length; d++)
-        if (((a = n[d][o]) == null ? void 0 : a.node) !== u)
+      const f = (c = n[0][o]) == null ? void 0 : c.node;
+      for (let u = 1; u < n.length; u++)
+        if (((d = n[u][o]) == null ? void 0 : d.node) !== f)
           break e;
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const i = n.map((u) => u[o - 1].index).sort(), s = i[0] || 0, l = i[i.length - 1] || 0, r = n[0][o - 1].node;
+  const s = n.map((f) => f[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
   };
 }, mo = function(e) {
@@ -2341,30 +2345,30 @@ const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, vo = (e) => e.parentElement.parentElement, bo = 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;
+}, vo = (e) => e.parentElement.parentElement, yo = function(e, { parent: t, start: n }) {
+  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;
 }, Le = function(e, t) {
   var V;
-  const { id: n, label: o, parent: i, start: s, end: l, style: r } = t, { nodes: c, theme: a, summarySvg: u } = e, m = e.findEle(i).nodeObj, f = bo(e, t);
-  let h = 1 / 0, p = 0, g = 0, v = 0;
-  for (let X = s; X <= l; X++) {
-    const Ae = (V = m.children) == null ? void 0 : V[X];
+  const { id: n, label: o, parent: s, start: i, end: l, style: r } = t, { nodes: c, theme: d, summarySvg: f } = e, g = e.findEle(s).nodeObj, y = yo(e, t);
+  let p = 1 / 0, m = 0, a = 0, h = 0;
+  for (let U = i; U <= l; U++) {
+    const Ae = (V = g.children) == null ? void 0 : V[U];
     if (!Ae)
       return e.removeSummary(n), null;
-    const Q = vo(e.findEle(Ae.id)), { offsetLeft: ee, offsetTop: Me } = O(c, Q), De = s === l ? 10 : 20;
-    X === s && (g = Me + De), X === l && (v = Me + Q.offsetHeight - De), ee < h && (h = ee), Q.offsetWidth + ee > p && (p = Q.offsetWidth + ee);
+    const Q = vo(e.findEle(Ae.id)), { offsetLeft: ee, offsetTop: Me } = O(c, Q), De = i === l ? 10 : 20;
+    U === i && (a = Me + De), U === l && (h = Me + Q.offsetHeight - De), ee < p && (p = ee), Q.offsetWidth + ee > m && (m = Q.offsetWidth + ee);
   }
-  let b, y;
-  const C = m.parent ? 10 : 0, E = g + C, x = v + C, w = (E + x) / 2, S = (r == null ? void 0 : r.stroke) || a.cssVar["--color"], N = (r == null ? void 0 : r.labelColor) || a.cssVar["--color"], L = "s-" + n;
-  f === D.LHS ? (b = Ve(`M ${h + 10} ${E} c -5 0 -10 5 -10 10 L ${h} ${x - 10} c 0 5 5 10 10 10 M ${h} ${w} h -10`, S), y = me(o, h - 20, w, { anchor: "end", color: N, dataType: "s-label", svgId: L })) : (b = Ve(`M ${p - 10} ${E} c 5 0 10 5 10 10 L ${p} ${x - 10} c 0 5 -5 10 -10 10 M ${p} ${w} h 10`, S), y = me(o, p + 20, w, { anchor: "start", color: N, dataType: "s-label", svgId: L }));
+  let v, w;
+  const C = g.parent ? 10 : 0, S = a + C, b = h + C, x = (S + b) / 2, E = (r == null ? void 0 : r.stroke) || d.cssVar["--color"], N = (r == null ? void 0 : r.labelColor) || d.cssVar["--color"], L = "s-" + n;
+  y === D.LHS ? (v = Ve(`M ${p + 10} ${S} c -5 0 -10 5 -10 10 L ${p} ${b - 10} c 0 5 5 10 10 10 M ${p} ${x} h -10`, E), w = me(o, p - 20, x, { anchor: "end", color: N, dataType: "summary", svgId: L })) : (v = Ve(`M ${m - 10} ${S} c 5 0 10 5 10 10 L ${m} ${b - 10} c 0 5 -5 10 -10 10 M ${m} ${x} h 10`, E), w = me(o, m + 20, x, { anchor: "start", color: N, dataType: "summary", svgId: L }));
   const A = mo(L);
-  return A.appendChild(b), e.labelContainer.appendChild(y), he(y), A.summaryObj = t, A.labelEl = y, u.appendChild(A), A;
-}, yo = function(e = {}) {
+  return A.appendChild(v), e.labelContainer.appendChild(w), he(w), A.summaryObj = t, A.labelEl = w, f.appendChild(A), A;
+}, bo = function(e = {}) {
   if (!this.currentNodes)
     return;
-  const { currentNodes: t, summaries: n, bus: o } = this, { parent: i, start: s, end: l } = go(t), r = { id: I(), parent: i, start: s, end: l, label: "summary", style: e.style }, c = Le(this, r);
+  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = go(t), r = { id: I(), parent: s, start: i, end: l, label: "summary", style: e.style }, c = Le(this, r);
   n.push(r), this.editSummary(c), o.fire("operation", {
     name: "createSummary",
     obj: r
@@ -2377,7 +2381,7 @@ const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   });
 }, xo = function(e) {
   var n, o;
-  const t = this.summaries.findIndex((i) => i.id === e);
+  const t = this.summaries.findIndex((s) => s.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = this.nodes.querySelector("#s-" + e)) == null || n.remove(), (o = this.nodes.querySelector("#label-s-" + e)) == null || o.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
@@ -2399,7 +2403,7 @@ const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   e && e.labelEl && et(this, e.labelEl, e.summaryObj);
 }, ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: yo,
+  createSummary: bo,
   createSummaryFrom: wo,
   editSummary: No,
   removeSummary: xo,
@@ -2420,12 +2424,12 @@ function To(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Lo(e, t, n, o) {
-  const i = document.createElementNS(T, "g");
-  let s = "";
-  return e.text ? s = e.text.textContent : s = e.childNodes[0].textContent, s.split(`
+  const s = document.createElementNS(T, "g");
+  let i = "";
+  return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((r, c) => {
-    const a = document.createElementNS(T, "text");
-    k(a, {
+    const d = document.createElementNS(T, "text");
+    k(d, {
       x: n + parseInt(t.paddingLeft) + "",
       y: o + parseInt(t.paddingTop) + To(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
@@ -2433,15 +2437,15 @@ function Lo(e, t, n, o) {
       "font-size": `${t.fontSize}`,
       "font-weight": `${t.fontWeight}`,
       fill: `${t.color}`
-    }), a.innerHTML = r, i.appendChild(a);
-  }), i;
+    }), d.innerHTML = r, s.appendChild(d);
+  }), s;
 }
 function Ao(e, t, n, o) {
   var r;
-  let i = "";
-  (r = e.nodeObj) != null && r.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
-  const s = document.createElementNS(T, "foreignObject");
-  k(s, {
+  let s = "";
+  (r = e.nodeObj) != null && r.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
+  const i = document.createElementNS(T, "foreignObject");
+  k(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
@@ -2451,13 +2455,13 @@ function Ao(e, t, n, o) {
   return k(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 Mo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = O(e.nodes, t), s = document.createElementNS(T, "rect");
-  return k(s, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(T, "rect");
+  return k(i, {
     x: o + "",
-    y: i + "",
+    y: s + "",
     rx: n.borderRadius,
     ry: n.borderRadius,
     width: n.width,
@@ -2465,13 +2469,13 @@ function Mo(e, t) {
     fill: n.backgroundColor,
     stroke: n.borderColor,
     "stroke-width": n.borderWidth
-  }), s;
+  }), i;
 }
 function oe(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: i, offsetTop: s } = O(e.nodes, t), l = document.createElementNS(T, "rect");
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), l = document.createElementNS(T, "rect");
   k(l, {
-    x: i + "",
-    y: s + "",
+    x: s + "",
+    y: i + "",
     rx: o.borderRadius,
     ry: o.borderRadius,
     width: o.width,
@@ -2483,71 +2487,71 @@ function oe(e, t, n = !1) {
   const r = document.createElementNS(T, "g");
   r.appendChild(l);
   let c;
-  return n ? c = Ao(t, o, i, s) : c = Lo(t, o, i, s), r.appendChild(c), r;
+  return n ? c = Ao(t, o, s, i) : c = Lo(t, o, s, i), r.appendChild(c), r;
 }
 function Do(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = O(e.nodes, t), s = document.createElementNS(T, "a"), l = document.createElementNS(T, "text");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(T, "a"), l = document.createElementNS(T, "text");
   return k(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 Po(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = O(e.nodes, t), s = document.createElementNS(T, "image");
-  return k(s, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(T, "image");
+  return k(i, {
     x: o + "",
-    y: i + "",
+    y: s + "",
     width: n.width + "",
     height: n.height + "",
     href: t.src
-  }), s;
+  }), i;
 }
-const ie = 100, $o = '<?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">', Oo = (e, t = !1) => {
-  var d, m, f;
-  const n = e.nodes, o = n.offsetHeight + ie * 2, i = n.offsetWidth + ie * 2, s = _o(o + "px", i + "px"), l = document.createElementNS(T, "svg"), r = document.createElementNS(T, "rect");
+const se = 100, $o = '<?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">', Oo = (e, t = !1) => {
+  var u, g, y;
+  const n = e.nodes, o = n.offsetHeight + se * 2, s = n.offsetWidth + se * 2, i = _o(o + "px", s + "px"), l = document.createElementNS(T, "svg"), r = document.createElementNS(T, "rect");
   k(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 p = h.cloneNode(!0), { offsetLeft: g, offsetTop: v } = O(n, h.parentElement);
-    p.setAttribute("x", `${g}`), p.setAttribute("y", `${v}`), l.appendChild(p);
+  }), i.appendChild(r), n.querySelectorAll(".subLines").forEach((p) => {
+    const m = p.cloneNode(!0), { offsetLeft: a, offsetTop: h } = O(n, p.parentElement);
+    m.setAttribute("x", `${a}`), m.setAttribute("y", `${h}`), l.appendChild(m);
   });
-  const c = (d = n.querySelector(".lines")) == null ? void 0 : d.cloneNode(!0);
+  const c = (u = n.querySelector(".lines")) == null ? void 0 : u.cloneNode(!0);
   c && l.appendChild(c);
-  const a = (m = n.querySelector(".topiclinks")) == null ? void 0 : m.cloneNode(!0);
-  a && l.appendChild(a);
-  const u = (f = n.querySelector(".summary")) == null ? void 0 : f.cloneNode(!0);
-  return u && l.appendChild(u), n.querySelectorAll("me-tpc").forEach((h) => {
-    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(oe(e, h, !t)) : (l.appendChild(Mo(e, h)), l.appendChild(oe(e, h.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((h) => {
-    l.appendChild(oe(e, h));
-  }), n.querySelectorAll(".icons > span").forEach((h) => {
-    l.appendChild(oe(e, h));
-  }), n.querySelectorAll(".hyper-link").forEach((h) => {
-    l.appendChild(Do(e, h));
-  }), n.querySelectorAll("img").forEach((h) => {
-    l.appendChild(Po(e, h));
+  const d = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
+  d && l.appendChild(d);
+  const f = (y = n.querySelector(".summary")) == null ? void 0 : y.cloneNode(!0);
+  return f && l.appendChild(f), n.querySelectorAll("me-tpc").forEach((p) => {
+    p.nodeObj.dangerouslySetInnerHTML ? l.appendChild(oe(e, p, !t)) : (l.appendChild(Mo(e, p)), l.appendChild(oe(e, p.text, !t)));
+  }), n.querySelectorAll(".tags > span").forEach((p) => {
+    l.appendChild(oe(e, p));
+  }), n.querySelectorAll(".icons > span").forEach((p) => {
+    l.appendChild(oe(e, p));
+  }), n.querySelectorAll(".hyper-link").forEach((p) => {
+    l.appendChild(Do(e, p));
+  }), n.querySelectorAll("img").forEach((p) => {
+    l.appendChild(Po(e, p));
   }), k(l, {
-    x: ie + "",
-    y: ie + "",
+    x: se + "",
+    y: se + "",
     overflow: "visible"
-  }), s.appendChild(l), s;
+  }), i.appendChild(l), i;
 }, jo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), $o + e.outerHTML);
 function Ho(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);
   });
 }
@@ -2556,12 +2560,12 @@ const Bo = function(e = !1, t) {
   return new Blob([o], { type: "image/svg+xml" });
 }, Ro = async function(e = !1, t) {
   const n = this.exportSvg(e, t), o = await Ho(n);
-  return new Promise((i, s) => {
+  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;
   });
 }, Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2574,13 +2578,13 @@ function Io(e, t) {
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const Xe = Object.keys(at), ft = {};
-for (let e = 0; e < Xe.length; e++) {
-  const t = Xe[e];
+const Ue = Object.keys(at), ft = {};
+for (let e = 0; e < Ue.length; e++) {
+  const t = Ue[e];
   ft[t] = Io(at[t], t);
 }
 const Wo = {
-  getObjById: se,
+  getObjById: ie,
   generateNewObj: mt,
   layout: Nt,
   linkDiv: $t,
@@ -2606,24 +2610,24 @@ const Wo = {
     this.disposable.forEach((t) => t()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (e = this.selection) == null || e.destroy(), this.selection = void 0;
   }
 };
-function Go({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: l, cH: r, direction: c, containerHeight: a }) {
-  let u = t + n / 2;
-  const d = e + o / 2;
-  let m;
-  c === D.LHS ? m = s + l : m = s;
-  const f = i + r / 2, p = (1 - Math.abs(f - d) / a) * 0.25 * (n / 2);
-  return c === D.LHS ? u = u - n / 10 - p : u = u + n / 10 + p, `M ${u} ${d} Q ${u} ${f} ${m} ${f}`;
+function Ko({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: r, direction: c, containerHeight: d }) {
+  let f = t + n / 2;
+  const u = e + o / 2;
+  let g;
+  c === D.LHS ? g = i + l : g = i;
+  const y = s + r / 2, m = (1 - Math.abs(y - u) / d) * 0.25 * (n / 2);
+  return c === D.LHS ? f = f - n / 10 - m : f = f + n / 10 + m, `M ${f} ${u} Q ${f} ${y} ${g} ${y}`;
 }
-function Ko({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: l, cH: r, direction: c, isFirst: a }) {
-  const u = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let d = 0, m = 0;
-  a ? d = e + o / 2 : d = e + o;
-  const f = i + r;
-  let h = 0, p = 0, g = 0;
-  const v = Math.abs(d - f) / 300 * u;
-  return c === D.LHS ? (g = t, h = g + u, p = g - u, m = s + u, `M ${h} ${d} C ${g} ${d} ${g + v} ${f} ${p} ${f} H ${m}`) : (g = t + n, h = g - u, p = g + u, m = s + l - u, `M ${h} ${d} C ${g} ${d} ${g - v} ${f} ${p} ${f} H ${m}`);
+function Go({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: r, direction: c, isFirst: d }) {
+  const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
+  let u = 0, g = 0;
+  d ? u = e + o / 2 : u = e + o;
+  const y = s + r;
+  let p = 0, m = 0, a = 0;
+  const h = Math.abs(u - y) / 300 * f;
+  return c === D.LHS ? (a = t, p = a + f, m = a - f, g = i + f, `M ${p} ${u} C ${a} ${u} ${a + h} ${y} ${m} ${y} H ${g}`) : (a = t + n, p = a - f, m = a + f, g = i + l - f, `M ${p} ${u} C ${a} ${u} ${a - h} ${y} ${m} ${y} H ${g}`);
 }
-const Yo = "5.2.0-beta.5";
+const Yo = "5.2.0";
 function qo(e) {
   return {
     x: 0,
@@ -2639,42 +2643,42 @@ function qo(e) {
     }
   };
 }
-const G = document;
+const K = document;
 function $({
   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: u,
-  newTopicName: d,
-  allowUndo: m,
-  generateMainBranch: f,
-  generateSubBranch: h,
-  overflowHidden: p,
-  theme: g,
-  alignment: v,
-  scaleSensitivity: b,
-  scaleMax: y,
+  selectionContainer: d,
+  before: f,
+  newTopicName: u,
+  allowUndo: g,
+  generateMainBranch: y,
+  generateSubBranch: p,
+  overflowHidden: m,
+  theme: a,
+  alignment: h,
+  scaleSensitivity: v,
+  scaleMax: w,
   scaleMin: C,
-  handleWheel: E,
-  markdown: x,
-  imageProxy: w
+  handleWheel: S,
+  markdown: b,
+  imageProxy: x
 }) {
-  let S = null;
+  let E = null;
   const N = Object.prototype.toString.call(e);
-  if (N === "[object HTMLDivElement]" ? S = e : N === "[object String]" && (S = document.querySelector(e)), !S)
+  if (N === "[object HTMLDivElement]" ? E = e : N === "[object String]" && (E = document.querySelector(e)), !E)
     throw new Error("MindElixir: el is not a valid element");
-  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = u || {}, this.locale = n || "en", this.newTopicName = d || "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 = m ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = y ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = f || Go, this.generateSubBranch = h || Ko, this.overflowHidden = p ?? !1, this.alignment = v ?? "root", this.handleWheel = E ?? !0, this.markdown = x || void 0, this.imageProxy = w || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = qo(this), this.bus = St(), this.container = G.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
+  E.style.position = "relative", E.innerHTML = "", this.el = E, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = u || "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 = g ?? !0, this.scaleSensitivity = v ?? 0.1, this.scaleMax = w ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = y || Ko, this.generateSubBranch = p || Go, this.overflowHidden = m ?? !1, this.alignment = h ?? "root", this.handleWheel = S ?? !0, this.markdown = b || void 0, this.imageProxy = x || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = qo(this), this.bus = St(), this.container = K.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
   const L = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = g || (L.matches ? xe : we);
-  const A = G.createElement("div");
-  A.className = "map-canvas", this.map = A, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = G.createElement("me-nodes"), this.lines = J("lines"), this.summarySvg = J("summary"), this.linkController = J("linkcontroller"), this.P2 = G.createElement("div"), this.P3 = G.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Oe(), this.line2 = Oe(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = J("topiclinks"), this.labelContainer = G.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Et(this));
+  this.theme = a || (L.matches ? xe : we);
+  const A = K.createElement("div");
+  A.className = "map-canvas", this.map = A, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = K.createElement("me-nodes"), this.lines = J("lines"), this.summarySvg = J("summary"), this.linkController = J("linkcontroller"), this.P2 = K.createElement("div"), this.P3 = K.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Oe(), this.line2 = Oe(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = J("topiclinks"), this.labelContainer = K.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Et(this));
 }
 $.prototype = Wo;
 Object.defineProperty($.prototype, "currentNode", {