mind-elixir 5.2.0-beta.6 → 5.2.0

package/dist/MindElixir.js

@@ -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;
@@ -181,7 +181,7 @@ const vt = (e) => {
   if (!n)
     return;
   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) : yt(e) : t === D.LHS ? vt(e) : bt(e);
+  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)
@@ -298,14 +298,14 @@ function Et(e) {
   let n = 0;
   e.spacePressed = !1;
   const o = (a) => {
-    var E, w;
+    var C, S;
     if (a.button !== 0)
       return;
-    if ((E = e.helper1) != null && E.moved) {
+    if ((C = e.helper1) != null && C.moved) {
       e.helper1.clear();
       return;
     }
-    if ((w = e.helper2) != null && w.moved) {
+    if ((S = e.helper2) != null && S.moved) {
       e.helper2.clear();
       return;
     }
@@ -313,118 +313,107 @@ function Et(e) {
       t.clear();
       return;
     }
-    const u = a.target;
-    if (u.tagName === "ME-EPD")
-      a.ctrlKey || a.metaKey ? e.expandNodeAll(u.previousSibling) : e.expandNode(u.previousSibling);
-    else if (u.tagName === "ME-TPC" && e.currentNodes.length > 1)
-      e.selectNode(u);
+    const h = a.target;
+    if (h.tagName === "ME-EPD")
+      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 v = u.closest(".svg-label");
-    if (v && v.dataset.svgId) {
-      const y = document.getElementById(v.dataset.svgId);
-      if (y) {
-        const C = y.closest("g");
-        if (C) {
-          const N = C.closest(".topiclinks"), _ = C.closest(".summary");
-          if (N) {
-            e.selectArrow(C);
-            return;
-          } else if (_) {
-            e.selectSummary(C);
-            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 (u.closest(".topiclinks")) {
-      const y = u.closest("g");
-      if (y) {
-        e.selectArrow(y);
+    if (h.closest(".topiclinks")) {
+      const b = h.closest("g");
+      if (b) {
+        e.selectArrow(b);
         return;
       }
     }
-    if (u.closest(".summary")) {
-      const y = u.closest("g");
-      if (y) {
-        e.selectSummary(y);
+    if (h.closest(".summary")) {
+      const b = h.closest("g");
+      if (b) {
+        e.selectSummary(b);
         return;
       }
     }
   }, s = (a) => {
     if (!e.editable)
       return;
-    const u = a.target;
-    ge(u) && e.beginEdit(u);
-    const v = u.closest(".svg-label");
-    if (v && v.dataset.svgId) {
-      const E = document.getElementById(v.dataset.svgId);
-      if (E) {
-        const w = E.closest("g");
-        if (w) {
-          const y = w.closest(".topiclinks"), C = w.closest(".summary");
-          if (y) {
-            e.editArrowLabel(w);
-            return;
-          } else if (C) {
-            e.editSummary(w);
-            return;
-          }
+    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) {
+        if (S === "arrow") {
+          e.editArrowLabel(b);
+          return;
+        } else if (S === "summary") {
+          e.editSummary(b);
+          return;
         }
       }
     }
-    if (u.closest(".topiclinks")) {
-      const E = u.closest("g");
-      if (E) {
-        e.editArrowLabel(E);
+    if (h.closest(".topiclinks")) {
+      const C = h.closest("g");
+      if (C) {
+        e.editArrowLabel(C);
         return;
       }
     }
-    if (u.closest(".summary")) {
-      const E = u.closest("g");
-      if (E) {
-        e.editSummary(E);
+    if (h.closest(".summary")) {
+      const C = h.closest("g");
+      if (C) {
+        e.editSummary(C);
         return;
       }
     }
   }, i = (a) => {
     if (a.pointerType === "mouse")
       return;
-    const u = (/* @__PURE__ */ new Date()).getTime(), v = u - n;
-    v < 300 && v > 0 && s(a), n = u;
+    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 u = e.spacePressed && a.button === 0 && a.pointerType === "mouse", v = e.mouseSelectionButton === 0 ? 2 : 0, x = a.button === v && a.pointerType === "mouse";
-    if (!u && !x)
+    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 = a.clientX, t.y = a.clientY;
-    const S = a.target;
-    (u || S.className !== "circle" && S.contentEditable !== "plaintext-only") && (t.mousedown = !0, S.setPointerCapture(a.pointerId));
+    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 u = a.clientX - t.x, v = a.clientY - t.y;
-      t.onMove(u, v);
+      const h = a.clientX - t.x, v = a.clientY - t.y;
+      t.onMove(h, v);
     }
     t.x = a.clientX, t.y = a.clientY;
   }, f = (a) => {
     if (!t.mousedown)
       return;
-    const u = a.target;
-    u.hasPointerCapture && u.hasPointerCapture(a.pointerId) && u.releasePointerCapture(a.pointerId), t.clear();
-  }, h = () => {
+    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 u = a.target;
-    ge(u) && !u.classList.contains("selected") && e.selectNode(u), setTimeout(() => {
+    const h = a.target;
+    ge(h) && !h.classList.contains("selected") && e.selectNode(h), setTimeout(() => {
       e.dragMoveHelper.moved || e.bus.fire("showContextMenu", a);
     }, 200);
-  }, b = (a) => {
+  }, 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([
@@ -435,8 +424,8 @@ function Et(e) {
     { 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 : b },
-    { dom: p, evt: "blur", func: h },
+    { 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 }
   ]);
@@ -497,7 +486,7 @@ const ce = document, Nt = function() {
     n.appendChild(i);
   }
   return n;
-}, T = document, Je = function(e, t) {
+}, _ = document, Je = function(e, t) {
   const o = (this != null && this.el ? this.el : t || document).querySelector(`[data-nodeid="me${e}"]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
@@ -515,35 +504,35 @@ const ce = document, Nt = function() {
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = T.createElement("img");
+      const o = _.createElement("img");
       o.src = this.imageProxy ? this.imageProxy(n.url) : n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
   {
-    const n = T.createElement("span");
+    const n = _.createElement("span");
     n.className = "text", this.markdown ? n.innerHTML = this.markdown(t.topic, t) : n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = T.createElement("a");
+    const n = _.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
-    const n = T.createElement("span");
+    const n = _.createElement("span");
     n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${pe(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
-    const n = T.createElement("div");
+    const n = _.createElement("div");
     n.className = "tags", t.tags.forEach((o) => {
-      const s = T.createElement("span");
+      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 = T.createElement("me-wrapper"), { p: o, tpc: s } = 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 i = ke(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
@@ -553,17 +542,17 @@ const ce = document, Nt = function() {
   }
   return { grp: n, top: o, tpc: s };
 }, Lt = function(e) {
-  const t = T.createElement("me-parent"), n = this.createTopic(e);
+  const t = _.createElement("me-parent"), n = this.createTopic(e);
   return Ne.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
 }, At = function(e) {
-  const t = T.createElement("me-children");
+  const t = _.createElement("me-children");
   return t.append(...e), t;
 }, Mt = function(e) {
-  const t = T.createElement("me-tpc");
+  const t = _.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
 function Ze(e) {
-  const t = T.createRange();
+  const t = _.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
@@ -571,7 +560,7 @@ function Ze(e) {
 const Dt = function(e) {
   if (!e)
     return;
-  const t = T.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = 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 = `
@@ -607,7 +596,7 @@ const Dt = function(e) {
     }));
   });
 }, ke = function(e) {
-  const t = T.createElement("me-epd");
+  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, s = Number(o.x), i = Number(o.y), l = o.anchor;
@@ -656,13 +645,13 @@ const Dt = function(e) {
       "stroke-width": String((o == null ? void 0 : o.strokeWidth) || "2")
     };
     (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 h = q.createElementNS(P, "path");
-    k(h, {
+    const u = q.createElementNS(P, "path");
+    k(u, {
       d: c,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), s.appendChild(h), s.appendChild(d), s[l.name] = d;
+    }), s.appendChild(u), s.appendChild(d), s[l.name] = d;
   }), s;
 }, et = function(e, t, n) {
   if (!t)
@@ -697,28 +686,28 @@ const Dt = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight, l = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let r = 0; r < l.length; r++) {
-    const c = l[r], d = c.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = O(this.nodes, d), g = d.offsetWidth, b = d.offsetHeight, p = c.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: f, cW: g, cH: b, direction: p, containerHeight: this.nodes.offsetHeight }), a = this.theme.palette, u = d.nodeObj.branchColor || a[r % a.length];
-    if (d.style.borderColor = u, this.lines.appendChild(Qe(m, u, "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 v = J("subLines"), x = c.lastChild;
-    x.tagName === "svg" && x.remove(), c.appendChild(v), tt(this, v, u, c, p, !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, s, i) {
   const l = o.firstChild, r = o.children[1].children;
   if (r.length === 0)
     return;
-  const c = l.offsetTop, d = l.offsetLeft, f = l.offsetWidth, h = l.offsetHeight;
+  const c = l.offsetTop, d = l.offsetLeft, f = l.offsetWidth, u = l.offsetHeight;
   for (let g = 0; g < r.length; g++) {
-    const b = r[g], p = b.firstChild, m = p.offsetTop, a = p.offsetLeft, u = p.offsetWidth, v = p.offsetHeight, x = p.firstChild.nodeObj.branchColor || n, S = e.generateSubBranch({ pT: c, pL: d, pW: f, pH: h, cT: m, cL: a, cW: u, cH: v, direction: s, isFirst: i });
-    t.appendChild(Qe(S, x, "2"));
-    const E = p.children[1];
-    if (E) {
-      if (!E.expanded)
+    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, x, b, s);
+    tt(e, t, w, y, s);
   }
 }, je = {
   addChild: "插入子节点",
@@ -868,78 +857,78 @@ function Ot(e, t) {
     focus: !0,
     link: !0
   } : t;
-  const n = (w) => {
-    const y = document.createElement("div");
-    return y.innerText = w, y.className = "tips", y;
-  }, o = (w, y, C) => {
+  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 = w, N.innerHTML = `<span>${pe(y)}</span><span ${C ? 'class="key"' : ""}>${pe(C)}</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, ""), h = o("cm-unfucus", i.cancelFocus, ""), g = o("cm-up", i.moveUp, "PgUp"), b = 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, ""), u = document.createElement("ul");
-  if (u.className = "menu-list", u.appendChild(l), u.appendChild(r), u.appendChild(c), u.appendChild(d), t.focus && (u.appendChild(f), u.appendChild(h)), u.appendChild(g), u.appendChild(b), u.appendChild(a), t.link && (u.appendChild(p), u.appendChild(m)), t && t.extend)
-    for (let w = 0; w < t.extend.length; w++) {
-      const y = t.extend[w], C = o(y.name, y.name, y.key || "");
-      u.appendChild(C), C.onclick = (N) => {
-        y.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 v = document.createElement("div");
-  v.className = "context-menu", v.appendChild(u), v.hidden = !0, e.container.append(v);
-  let x = !0;
-  const S = (w) => {
-    const y = w.target;
-    if (ge(y)) {
-      y.parentElement.tagName === "ME-ROOT" ? x = !0 : x = !1, x ? (f.className = "disabled", g.className = "disabled", b.className = "disabled", r.className = "disabled", c.className = "disabled", d.className = "disabled") : (f.className = "", g.className = "", b.className = "", r.className = "", c.className = "", d.className = ""), v.hidden = !1, u.style.top = "", u.style.bottom = "", u.style.left = "", u.style.right = "";
-      const C = u.getBoundingClientRect(), N = u.offsetHeight, _ = u.offsetWidth, A = w.clientY - C.top, V = w.clientX - C.left;
-      N + A > window.innerHeight ? (u.style.top = "", u.style.bottom = "0px") : (u.style.bottom = "", u.style.top = A + 15 + "px"), _ + V > window.innerWidth ? (u.style.left = "", u.style.right = "0px") : (u.style.right = "", u.style.left = V + 10 + "px");
+  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", S), v.onclick = (w) => {
-    w.target === v && (v.hidden = !0);
+  e.bus.addListener("showContextMenu", C), v.onclick = (b) => {
+    b.target === v && (v.hidden = !0);
   }, l.onclick = () => {
     e.addChild(), v.hidden = !0;
   }, r.onclick = () => {
     e.insertParent(), v.hidden = !0;
   }, c.onclick = () => {
-    x || (e.insertSibling("after"), v.hidden = !0);
+    w || (e.insertSibling("after"), v.hidden = !0);
   }, d.onclick = () => {
-    x || (e.removeNodes(e.currentNodes || []), v.hidden = !0);
+    w || (e.removeNodes(e.currentNodes || []), v.hidden = !0);
   }, f.onclick = () => {
-    x || (e.focusNode(e.currentNode), v.hidden = !0);
-  }, h.onclick = () => {
+    w || (e.focusNode(e.currentNode), v.hidden = !0);
+  }, u.onclick = () => {
     e.cancelFocus(), v.hidden = !0;
   }, g.onclick = () => {
-    x || (e.moveUpNode(), v.hidden = !0);
-  }, b.onclick = () => {
-    x || (e.moveDownNode(), v.hidden = !0);
+    w || (e.moveUpNode(), v.hidden = !0);
+  }, y.onclick = () => {
+    w || (e.moveDownNode(), v.hidden = !0);
   };
-  const E = (w) => {
+  const S = (b) => {
     v.hidden = !0;
-    const y = e.currentNode, C = n(i.clickTips);
-    e.container.appendChild(C), e.map.addEventListener(
+    const x = e.currentNode, E = n(i.clickTips);
+    e.container.appendChild(E), e.map.addEventListener(
       "click",
       (N) => {
-        N.preventDefault(), C.remove();
-        const _ = N.target;
-        (_.parentElement.tagName === "ME-PARENT" || _.parentElement.tagName === "ME-ROOT") && e.createArrow(y, _, w);
+        N.preventDefault(), E.remove();
+        const L = N.target;
+        (L.parentElement.tagName === "ME-PARENT" || L.parentElement.tagName === "ME-ROOT") && e.createArrow(x, L, b);
       },
       {
         once: !0
       }
     );
   };
-  return p.onclick = () => E(), m.onclick = () => E({ bidirectional: !0 }), a.onclick = () => {
+  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, d.onclick = null, f.onclick = null, h.onclick = null, g.onclick = null, b.onclick = null, p.onclick = null, a.onclick = null, v.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");
@@ -986,9 +975,9 @@ function Rt(e) {
       d.preventDefault();
       return;
     }
-    let h = e.currentNodes;
-    h != null && h.includes(f) || (e.selectNode(f), h = e.currentNodes), e.dragged = h, h.length > 1 ? o.innerHTML = h.length + "" : o.innerHTML = f.innerHTML;
-    for (const g of h)
+    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) => {
@@ -998,23 +987,23 @@ function Rt(e) {
     s.stop();
     for (const g of f)
       g.parentElement.parentElement.style.opacity = "1";
-    const h = d.target;
-    h.style.opacity = "", n && (be(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null, o.innerHTML = "");
+    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: h } = e;
-    if (!h)
+    const f = 12 * e.scaleVal, { dragged: u } = e;
+    if (!u)
       return;
     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(), be(n);
-    const b = ve.elementFromPoint(d.clientX, d.clientY - f);
-    if (Be(b, h)) {
-      n = b;
-      const p = b.getBoundingClientRect(), m = p.y;
+    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 p = ve.elementFromPoint(d.clientX, d.clientY + f), m = p.getBoundingClientRect();
-      if (Be(p, h)) {
+      if (Be(p, u)) {
         n = p;
         const a = m.y;
         d.clientY < a ? t = "before" : t = "in";
@@ -1075,7 +1064,7 @@ function It(e) {
     const d = e.getData(), f = {
       prev: o,
       operation: c.name,
-      currentSelected: s.map((h) => h.id),
+      currentSelected: s.map((u) => u.id),
       currentTarget: Ft(c),
       next: d
     };
@@ -1182,8 +1171,8 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     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, s = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ye(n), t = ye(t);
+}, 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)
@@ -1192,7 +1181,7 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
   var t;
   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) => ye(e).map(
+}, 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) {
@@ -1273,15 +1262,15 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = te(t), { document: l, startAreas: r, boundaries: c, features: d, behaviour: f } = this._options, h = i.getBoundingClientRect();
+    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 g = W(r, l), b = W(c, l);
-    this._targetElement = b.find(
-      (u) => Ie(u.getBoundingClientRect(), h)
+    const g = W(r, l), y = W(c, l);
+    this._targetElement = y.find(
+      (h) => Ie(h.getBoundingClientRect(), u)
     );
-    const p = t.composedPath(), m = g.find((u) => p.includes(u));
-    if (this._targetBoundary = b.find((u) => p.includes(u)), !this._targetElement || !m || !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: s, x2: 0, y2: 0 };
     const a = l.scrollingElement ?? l.body;
@@ -1296,8 +1285,8 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       this.resolveSelectables();
       const { x: r, y: c } = s;
       i = this._selectables.find((d) => {
-        const { right: f, left: h, top: g, bottom: b } = d.getBoundingClientRect();
-        return r < f && r > h && c < b && c > g;
+        const { right: f, left: u, top: g, bottom: y } = d.getBoundingClientRect();
+        return r < f && r > u && c < y && c > g;
       });
     }
     if (!i)
@@ -1312,7 +1301,7 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     const { stored: l } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
       const r = this._latestElement, [c, d] = r.compareDocumentPosition(i) & 4 ? [i, r] : [r, i], f = [...this._selectables.filter(
-        (h) => h.compareDocumentPosition(c) & 4 && h.compareDocumentPosition(d) & 2
+        (u) => u.compareDocumentPosition(c) & 4 && u.compareDocumentPosition(d) & 2
       ), c, d];
       this.select(f), this._latestElement = r;
     } else
@@ -1362,8 +1351,8 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: h, scrollLeft: g } = r;
-        n.y && (r.scrollTop += Ge(n.y / l), o.y1 -= r.scrollTop - h), n.x && (r.scrollLeft += Ge(n.x / l), o.x1 -= r.scrollLeft - g), i.next(t), requestAnimationFrame(f);
+        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(f);
     } else
@@ -1395,12 +1384,12 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, { scrollTop: i, scrollHeight: l, clientHeight: r, scrollLeft: c, scrollWidth: d, clientWidth: f } = o, h = this._targetRect, { x1: g, y1: b } = n;
+    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 < h.left + a.x ? (t.x = c ? -R(h.left - p + a.x) : 0, p = p < h.left ? h.left : p) : p > h.right - a.x ? (t.x = d - c - f ? R(h.left + h.width - p - a.x) : 0, p = p > h.right ? h.right : p) : t.x = 0, m < h.top + a.y ? (t.y = i ? -R(h.top - m + a.y) : 0, m = m < h.top ? h.top : m) : m > h.bottom - a.y ? (t.y = l - i - r ? R(h.top + h.height - m - a.y) : 0, m = m > h.bottom ? h.bottom : m) : t.y = 0;
-    const u = Ke(g, p), v = Ke(b, m), x = We(g, p), S = We(b, m);
-    this._areaRect = Fe(u, v, x - u, S - v);
+    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: s } = this._areaRect, { style: i } = this._area;
@@ -1412,29 +1401,29 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     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: s } = this, { stored: i, selected: l, touched: r } = o, { intersect: c, overlap: d } = n.behaviour, f = d === "invert", h = [], g = [], b = [];
+    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)) {
-          b.push(a);
+          y.push(a);
           continue;
         } else
           g.push(a);
-        h.push(a);
+        u.push(a);
       }
     }
     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];
-      !h.includes(a) && !// Check if the user wants to keep previously selected elements, e.g.,
+      !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.
-      (p && i.includes(a)) && b.push(a);
+      (p && i.includes(a)) && y.push(a);
     }
-    o.selected = h, o.changed = { added: g, removed: b }, this._latestElement = void 0;
+    o.selected = u, o.changed = { added: g, removed: y }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1745,13 +1734,13 @@ const un = function({ map: e, direction: t }, n) {
   const { grp: i, top: l } = e.createWrapper(s);
   return rt(e, t, i), { newTop: l, newNodeObj: s };
 }, gn = function(e, t, n) {
-  var d, f, h, g;
+  var d, f, u, g;
   const o = t || this.currentNode;
   if (!o)
     return;
   const s = o.nodeObj;
   if (s.parent) {
-    if (!((d = s.parent) != null && d.parent) && ((h = (f = s.parent) == null ? void 0 : f.children) == null ? void 0 : h.length) === 1 && this.direction === 2) {
+    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;
     }
@@ -1761,8 +1750,8 @@ const un = function({ map: e, direction: t }, n) {
   }
   const i = n || this.generateNewObj();
   if (!((g = s.parent) != null && g.parent)) {
-    const b = o.closest("me-main").className === D.LHS ? 0 : 1;
-    i.direction = b;
+    const y = o.closest("me-main").className === D.LHS ? 0 : 1;
+    i.direction = y;
   }
   dn(i, e, s), B(this.nodeData);
   const l = o.parentElement, { grp: r, top: c } = this.createWrapper(i);
@@ -1800,7 +1789,7 @@ const un = function({ map: e, direction: t }, n) {
     name: "addChild",
     obj: i
   }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
-}, bn = function(e, t) {
+}, yn = function(e, t) {
   const n = Ee(e.nodeObj);
   Ce(n);
   const o = _e(this, t, n);
@@ -1811,7 +1800,7 @@ const un = function({ map: e, direction: t }, n) {
     name: "copyNode",
     obj: s
   });
-}, yn = function(e, t) {
+}, bn = function(e, t) {
   e = de(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
@@ -1906,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,
@@ -1958,8 +1947,8 @@ 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, 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, h = d - l, g = this.scaleVal, b = (-o + f) * (1 - e / g), p = (-s + h) * (1 - e / g);
-  this.map.style.transform = `translate(${c - b}px, ${d - p}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);
@@ -1998,10 +1987,10 @@ const Ln = function(e) {
     y: o.top
   }, i = e.parentNode, l = i.children[1];
   if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", Z(e), n.expanded) {
-    const h = this.createChildren(
+    const u = this.createChildren(
       n.children.map((g) => this.createWrapper(g).grp)
     );
-    i.parentNode.appendChild(h);
+    i.parentNode.appendChild(u);
   } else
     i.parentNode.children[1].remove();
   this.linkDiv(e.closest("me-main > me-wrapper"));
@@ -2110,29 +2099,29 @@ function ze(e, t, n, o, s, i, l, r, c, d) {
     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 h = e.querySelectorAll('path[stroke="transparent"]');
-  h.length > 0 && h[0].setAttribute("d", f);
+  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), h.length > 1 && h[1].setAttribute("d", a), d.style) {
-      const u = d.style;
-      u.stroke && e.arrow1.setAttribute("stroke", u.stroke), u.strokeWidth && e.arrow1.setAttribute("stroke-width", String(u.strokeWidth)), u.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", u.strokeLinecap), u.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(u.opacity));
+    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 (d.bidirectional) {
     const a = re(o, s, t, n);
     if (a) {
-      const u = `M ${a.x1} ${a.y1} L ${t} ${n} L ${a.x2} ${a.y2}`;
-      if (e.arrow2.setAttribute("d", u), h.length > 2 && h[2].setAttribute("d", u), d.style) {
+      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: b, y: p } = ht(t, n, o, s, i, l, r, c);
-  if (e.labelEl && to(e.labelEl, b, p), (m = d.style) != null && m.labelColor) {
-    const a = e.label.querySelector("div");
+  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);
@@ -2157,29 +2146,29 @@ function G(e) {
   };
 }
 const Te = function(e, t, n, o, s) {
-  var C;
+  var E;
   if (!t || !n)
     return;
-  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: h, ctrlY: g } = l, { x: b, y: p } = G(l), m = re(h, g, b, 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 a = `M ${m.x1} ${m.y1} L ${b} ${p} L ${m.x2} ${m.y2}`;
-  let u = "";
+  const a = `M ${m.x1} ${m.y1} L ${y} ${p} L ${m.x2} ${m.y2}`;
+  let h = "";
   if (o.bidirectional) {
     const N = re(d, f, r, c);
     if (!N)
       return;
-    u = `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 v = Pt(`M ${r} ${c} C ${d} ${f} ${h} ${g} ${b} ${p}`, a, u, o.style), { x, y: S } = ht(r, c, d, f, h, g, b, p), E = ((C = o.style) == null ? void 0 : C.labelColor) || "rgb(235, 95, 82)", w = "arrow-" + o.id;
-  v.id = w;
-  const y = me(o.label, x, S, {
+  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: w
+    color: S,
+    dataType: "arrow",
+    svgId: b
   });
-  v.labelEl = y, v.arrowObj = o, v.dataset.linkid = o.id, e.labelContainer.appendChild(y), e.linkSvgGroup.appendChild(v), he(y), s || (e.arrows.push(o), e.currentArrow = v, ut(e, o, i, 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(),
@@ -2259,19 +2248,19 @@ const Te = function(e, t, n, o, s) {
   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: s, P2: i, P3: l, line1: r, line2: c, nodes: d, map: f, currentArrow: h, bus: g } = e;
-  if (!h)
+  const { linkController: s, P2: i, P3: l, line1: r, line2: c, nodes: d, map: f, currentArrow: u, bus: g } = e;
+  if (!u)
     return;
-  s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", d.appendChild(s), d.appendChild(i), d.appendChild(l), lo(h, eo);
-  let { x: b, y: p } = G(n), { ctrlX: m, ctrlY: a } = n, { ctrlX: u, ctrlY: v } = o, { x, y: S } = G(o);
-  i.style.cssText = `top:${a}px;left:${m}px;`, l.style.cssText = `top:${v}px;left:${u}px;`, ne(r, b, p, m, a), ne(c, u, v, x, S), e.helper1 = qe.create(i), e.helper2 = qe.create(l), e.helper1.init(f, (E, w) => {
-    m = m + E / e.scaleVal, a = a + w / e.scaleVal;
-    const y = G({ ...n, ctrlX: m, ctrlY: a });
-    b = y.x, p = y.y, i.style.top = a + "px", i.style.left = m + "px", ze(h, b, p, m, a, u, v, x, S, t), ne(r, b, p, m, a), t.delta1.x = m - n.cx, t.delta1.y = a - n.cy, g.fire("updateArrowDelta", t);
-  }), e.helper2.init(f, (E, w) => {
-    u = u + E / e.scaleVal, v = v + w / e.scaleVal;
-    const y = G({ ...o, ctrlX: u, ctrlY: v });
-    x = y.x, S = y.y, l.style.top = v + "px", l.style.left = u + "px", ze(h, b, p, m, a, u, v, x, S, t), ne(c, u, v, x, S), t.delta2.x = u - o.cx, t.delta2.y = v - o.cy, g.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() {
@@ -2306,23 +2295,23 @@ const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
-    const f = e[0].nodeObj, h = e[0].nodeObj.parent;
-    if (!h)
+    const f = e[0].nodeObj, u = e[0].nodeObj.parent;
+    if (!u)
       throw new Error("Can not select root node.");
-    const g = h.children.findIndex((b) => f === b);
+    const g = u.children.findIndex((y) => f === y);
     return {
-      parent: h.id,
+      parent: u.id,
       start: g,
       end: g
     };
   }
   let t = 0;
   const n = e.map((f) => {
-    let h = f.nodeObj;
+    let u = f.nodeObj;
     const g = [];
-    for (; h.parent; ) {
-      const b = h.parent, p = b.children, m = p == null ? void 0 : p.indexOf(h);
-      h = b, g.unshift({ node: h, index: m });
+    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 g.length > t && (t = g.length), g;
   });
@@ -2330,8 +2319,8 @@ const po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   e:
     for (; o < t; o++) {
       const f = (c = n[0][o]) == null ? void 0 : c.node;
-      for (let h = 1; h < n.length; h++)
-        if (((d = n[h][o]) == null ? void 0 : d.node) !== f)
+      for (let u = 1; u < n.length; u++)
+        if (((d = n[u][o]) == null ? void 0 : d.node) !== f)
           break e;
     }
   if (!o)
@@ -2356,27 +2345,27 @@ 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 }) {
+}, 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: s, start: i, end: l, style: r } = t, { nodes: c, theme: d, summarySvg: f } = e, g = e.findEle(s).nodeObj, b = bo(e, t);
-  let p = 1 / 0, m = 0, a = 0, u = 0;
+  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 = i === l ? 10 : 20;
-    U === i && (a = Me + De), U === l && (u = Me + Q.offsetHeight - De), ee < p && (p = ee), Q.offsetWidth + ee > m && (m = Q.offsetWidth + ee);
-  }
-  let v, x;
-  const S = g.parent ? 10 : 0, E = a + S, w = u + S, y = (E + w) / 2, C = (r == null ? void 0 : r.stroke) || d.cssVar["--color"], N = (r == null ? void 0 : r.labelColor) || d.cssVar["--color"], _ = "s-" + n;
-  b === D.LHS ? (v = Ve(`M ${p + 10} ${E} c -5 0 -10 5 -10 10 L ${p} ${w - 10} c 0 5 5 10 10 10 M ${p} ${y} h -10`, C), x = me(o, p - 20, y, { anchor: "end", color: N, dataType: "s-label", svgId: _ })) : (v = Ve(`M ${m - 10} ${E} c 5 0 10 5 10 10 L ${m} ${w - 10} c 0 5 -5 10 -10 10 M ${m} ${y} h 10`, C), x = me(o, m + 20, y, { anchor: "start", color: N, dataType: "s-label", svgId: _ }));
-  const A = mo(_);
-  return A.appendChild(v), e.labelContainer.appendChild(x), he(x), A.summaryObj = t, A.labelEl = x, f.appendChild(A), A;
-}, yo = function(e = {}) {
+    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 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(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: 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);
@@ -2414,19 +2403,19 @@ 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,
   renderSummary: So,
   selectSummary: Co,
   unselectSummary: Eo
-}, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
+}, Symbol.toStringTag, { value: "Module" })), T = "http://www.w3.org/2000/svg";
 function _o(e, t) {
-  const n = document.createElementNS(L, "svg");
+  const n = document.createElementNS(T, "svg");
   return k(n, {
     version: "1.1",
-    xmlns: L,
+    xmlns: T,
     height: e,
     width: t
   }), n;
@@ -2435,11 +2424,11 @@ function To(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Lo(e, t, n, o) {
-  const s = document.createElementNS(L, "g");
+  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 d = document.createElementNS(L, "text");
+    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) + "",
@@ -2455,7 +2444,7 @@ function Ao(e, t, n, o) {
   var r;
   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(L, "foreignObject");
+  const i = document.createElementNS(T, "foreignObject");
   k(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
@@ -2469,7 +2458,7 @@ function Ao(e, t, n, o) {
   }), l.innerHTML = s, i.appendChild(l), i;
 }
 function Mo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(L, "rect");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(T, "rect");
   return k(i, {
     x: o + "",
     y: s + "",
@@ -2483,7 +2472,7 @@ function Mo(e, t) {
   }), i;
 }
 function oe(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), l = document.createElementNS(L, "rect");
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), l = document.createElementNS(T, "rect");
   k(l, {
     x: s + "",
     y: i + "",
@@ -2495,13 +2484,13 @@ function oe(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const r = document.createElementNS(L, "g");
+  const r = document.createElementNS(T, "g");
   r.appendChild(l);
   let c;
   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: s } = O(e.nodes, t), i = document.createElementNS(L, "a"), l = document.createElementNS(L, "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: s + parseInt(n.fontSize) + "",
@@ -2513,7 +2502,7 @@ function Do(e, t) {
   }), l.innerHTML = t.textContent, i.appendChild(l), i.setAttribute("href", t.href), i;
 }
 function Po(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(L, "image");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(T, "image");
   return k(i, {
     x: o + "",
     y: s + "",
@@ -2523,8 +2512,8 @@ function Po(e, t) {
   }), i;
 }
 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 h, g, b;
-  const n = e.nodes, o = n.offsetHeight + se * 2, s = n.offsetWidth + se * 2, i = _o(o + "px", s + "px"), l = document.createElementNS(L, "svg"), r = document.createElementNS(L, "rect");
+  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",
@@ -2532,14 +2521,14 @@ const se = 100, $o = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
   }), i.appendChild(r), n.querySelectorAll(".subLines").forEach((p) => {
-    const m = p.cloneNode(!0), { offsetLeft: a, offsetTop: u } = O(n, p.parentElement);
-    m.setAttribute("x", `${a}`), m.setAttribute("y", `${u}`), l.appendChild(m);
+    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 = (h = n.querySelector(".lines")) == null ? void 0 : h.cloneNode(!0);
+  const c = (u = n.querySelector(".lines")) == null ? void 0 : u.cloneNode(!0);
   c && l.appendChild(c);
   const d = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
   d && l.appendChild(d);
-  const f = (b = n.querySelector(".summary")) == null ? void 0 : b.cloneNode(!0);
+  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) => {
@@ -2623,22 +2612,22 @@ const Wo = {
 };
 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 h = e + o / 2;
+  const u = e + o / 2;
   let g;
   c === D.LHS ? g = i + l : g = i;
-  const b = s + r / 2, m = (1 - Math.abs(b - h) / d) * 0.25 * (n / 2);
-  return c === D.LHS ? f = f - n / 10 - m : f = f + n / 10 + m, `M ${f} ${h} Q ${f} ${b} ${g} ${b}`;
+  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 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 h = 0, g = 0;
-  d ? h = e + o / 2 : h = e + o;
-  const b = s + r;
+  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 u = Math.abs(h - b) / 300 * f;
-  return c === D.LHS ? (a = t, p = a + f, m = a - f, g = i + f, `M ${p} ${h} C ${a} ${h} ${a + u} ${b} ${m} ${b} H ${g}`) : (a = t + n, p = a - f, m = a + f, g = i + l - f, `M ${p} ${h} C ${a} ${h} ${a - u} ${b} ${m} ${b} H ${g}`);
+  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.6";
+const Yo = "5.2.0";
 function qo(e) {
   return {
     x: 0,
@@ -2667,27 +2656,27 @@ function $({
   mouseSelectionButton: c,
   selectionContainer: d,
   before: f,
-  newTopicName: h,
+  newTopicName: u,
   allowUndo: g,
-  generateMainBranch: b,
+  generateMainBranch: y,
   generateSubBranch: p,
   overflowHidden: m,
   theme: a,
-  alignment: u,
+  alignment: h,
   scaleSensitivity: v,
-  scaleMax: x,
-  scaleMin: S,
-  handleWheel: E,
-  markdown: w,
-  imageProxy: y
+  scaleMax: w,
+  scaleMin: C,
+  handleWheel: S,
+  markdown: b,
+  imageProxy: x
 }) {
-  let C = null;
+  let E = null;
   const N = Object.prototype.toString.call(e);
-  if (N === "[object HTMLDivElement]" ? C = e : N === "[object String]" && (C = document.querySelector(e)), !C)
+  if (N === "[object HTMLDivElement]" ? E = e : N === "[object String]" && (E = document.querySelector(e)), !E)
     throw new Error("MindElixir: el is not a valid element");
-  C.style.position = "relative", C.innerHTML = "", this.el = C, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = h || "New Node", this.contextMenu = i ?? !0, this.toolBar = l ?? !0, this.keypress = r ?? !0, this.mouseSelectionButton = c ?? 0, this.direction = t ?? 1, this.draggable = o ?? !0, this.editable = s ?? !0, this.allowUndo = g ?? !0, this.scaleSensitivity = v ?? 0.1, this.scaleMax = x ?? 1.4, this.scaleMin = S ?? 0.2, this.generateMainBranch = b || Ko, this.generateSubBranch = p || Go, this.overflowHidden = m ?? !1, this.alignment = u ?? "root", this.handleWheel = E ?? !0, this.markdown = w || void 0, this.imageProxy = y || 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 _ = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = a || (_.matches ? xe : we);
+  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 = 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));
 }