mind-elixir 5.2.0-beta.2 → 5.2.0-beta.3

package/dist/MindElixirLite.js

@@ -83,12 +83,12 @@ const X = function(t, e) {
       });
 };
 function q(t, e, n, o) {
-  const s = o - e, i = t - n;
-  let r = Math.atan(Math.abs(s) / Math.abs(i)) / 3.14 * 180;
-  if (isNaN(r))
+  const s = o - e, r = t - n;
+  let i = Math.atan(Math.abs(s) / Math.abs(r)) / 3.14 * 180;
+  if (isNaN(i))
     return;
-  i < 0 && s > 0 && (r = 180 - r), i < 0 && s < 0 && (r = 180 + r), i > 0 && s < 0 && (r = 360 - r);
-  const c = 12, h = 30, d = r + h, p = r - h;
+  r < 0 && s > 0 && (i = 180 - i), r < 0 && s < 0 && (i = 180 + i), r > 0 && s < 0 && (i = 360 - i);
+  const c = 12, h = 30, d = i + h, p = i - h;
   return {
     x1: n + Math.cos(Math.PI * d / 180) * c,
     y1: o - Math.sin(Math.PI * d / 180) * c,
@@ -105,7 +105,7 @@ const Tt = function() {
     topic: this.newTopicName,
     id: t
   };
-}, M = (t, e) => {
+}, D = (t, e) => {
   let n = 0, o = 0;
   for (; e && e !== t; )
     n += e.offsetLeft, o += e.offsetTop, e = e.offsetParent;
@@ -123,8 +123,8 @@ const Tt = function() {
   }
   return function() {
     for (let n = 0; n < t.length; n++) {
-      const { dom: o, evt: s, func: i } = t[n];
-      o.removeEventListener(s, i);
+      const { dom: o, evt: s, func: r } = t[n];
+      o.removeEventListener(s, r);
     }
   };
 };
@@ -140,7 +140,9 @@ const at = function(t, e, n) {
   }
 };
 function Lt(t) {
-  const { dragMoveHelper: e } = t, n = (l) => {
+  const { dragMoveHelper: e } = t;
+  let n = 0;
+  const o = (l) => {
     var m, v;
     if (l.button !== 0)
       return;
@@ -194,7 +196,7 @@ function Lt(t) {
         return;
       }
     }
-  }, o = (l) => {
+  }, s = (l) => {
     if (!t.editable)
       return;
     const a = l.target;
@@ -230,14 +232,12 @@ function Lt(t) {
         return;
       }
     }
-  };
-  let s = 0;
-  const i = (l) => {
+  }, r = (l) => {
     if (l.pointerType === "mouse")
       return;
-    const a = (/* @__PURE__ */ new Date()).getTime(), u = a - s;
-    u < 300 && u > 0 && o(l), s = a;
-  }, r = (l) => {
+    const a = (/* @__PURE__ */ new Date()).getTime(), u = a - n;
+    u < 300 && u > 0 && s(l), n = a;
+  }, i = (l) => {
     e.moved = !1;
     const a = t.mouseSelectionButton === 0 ? 2 : 0;
     if (l.button !== a && l.pointerType === "mouse")
@@ -268,12 +268,12 @@ function Lt(t) {
     l.stopPropagation(), l.preventDefault(), l.ctrlKey || l.metaKey ? l.deltaY < 0 ? at(t, "in", t.dragMoveHelper) : t.scaleVal - t.scaleSensitivity > 0 && at(t, "out", t.dragMoveHelper) : l.shiftKey ? t.move(-l.deltaY, 0) : t.move(-l.deltaX, -l.deltaY);
   }, { container: f } = t;
   return gt([
-    { dom: f, evt: "pointerdown", func: r },
+    { dom: f, evt: "pointerdown", func: i },
     { dom: f, evt: "pointermove", func: c },
     { dom: f, evt: "pointerup", func: h },
-    { dom: f, evt: "pointerup", func: i },
-    { dom: f, evt: "click", func: n },
-    { dom: f, evt: "dblclick", func: o },
+    { dom: f, evt: "pointerup", func: r },
+    { dom: f, evt: "click", func: o },
+    { dom: f, evt: "dblclick", func: s },
     { dom: f, evt: "contextmenu", func: d },
     { dom: f, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : p }
   ]);
@@ -312,8 +312,8 @@ const _ = document, At = function() {
   const n = this.nodeData.children || [];
   if (this.direction === 2) {
     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);
+    n.map((r) => {
+      r.direction === 0 ? o += 1 : r.direction === 1 ? s += 1 : o <= s ? (r.direction = 0, o += 1) : (r.direction = 1, s += 1);
     });
   }
   Dt(this, n, e);
@@ -322,16 +322,16 @@ const _ = document, At = function() {
   o.className = H.LHS;
   const s = _.createElement("me-main");
   s.className = H.RHS;
-  for (let i = 0; i < e.length; i++) {
-    const r = e[i], { grp: c } = t.createWrapper(r);
-    t.direction === 2 ? r.direction === 0 ? o.appendChild(c) : s.appendChild(c) : t.direction === 0 ? o.appendChild(c) : s.appendChild(c);
+  for (let r = 0; r < e.length; r++) {
+    const i = e[r], { grp: c } = t.createWrapper(i);
+    t.direction === 2 ? i.direction === 0 ? o.appendChild(c) : s.appendChild(c) : t.direction === 0 ? o.appendChild(c) : s.appendChild(c);
   }
   t.nodes.appendChild(o), t.nodes.appendChild(n), t.nodes.appendChild(s), t.nodes.appendChild(t.lines), t.nodes.appendChild(t.labelContainer);
 }, Nt = function(t, e) {
   const n = _.createElement("me-children");
   for (let o = 0; o < e.length; o++) {
-    const s = e[o], { grp: i } = t.createWrapper(s);
-    n.appendChild(i);
+    const s = e[o], { grp: r } = t.createWrapper(s);
+    n.appendChild(r);
   }
   return n;
 }, L = document, mt = function(t, e) {
@@ -382,10 +382,10 @@ const _ = document, At = function() {
 }, Mt = function(t, e) {
   const n = L.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(t);
   if (n.appendChild(o), !e && t.children && t.children.length > 0) {
-    const i = Ot(t.expanded);
-    if (o.appendChild(i), t.expanded !== !1) {
-      const r = Nt(this, t.children);
-      n.appendChild(r);
+    const r = Ot(t.expanded);
+    if (o.appendChild(r), t.expanded !== !1) {
+      const i = Nt(this, t.children);
+      n.appendChild(i);
     }
   }
   return { grp: n, top: o, tpc: s };
@@ -408,32 +408,35 @@ function wt(t) {
 const It = function(t) {
   if (!t)
     return;
-  const e = L.createElement("div"), n = t.nodeObj, o = n.topic;
-  t.appendChild(e), e.id = "input-box", e.textContent = o, e.contentEditable = "plaintext-only", e.spellcheck = !1;
-  const s = getComputedStyle(t);
-  e.style.cssText = `min-width:${t.offsetWidth - 8}px;
-  color:${s.color};
-  padding:${s.padding};
-  margin:${s.margin};
-  font:${s.font};
-  background-color:${s.backgroundColor !== "rgba(0, 0, 0, 0)" && s.backgroundColor};
-  border-radius:${s.borderRadius};`, this.direction === 0 && (e.style.right = "0"), wt(e), this.bus.fire("operation", {
+  const e = L.createElement("div"), n = t.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: r } = D(this.nodes, t);
+  this.nodes.appendChild(e), e.id = "input-box", e.textContent = o, e.contentEditable = "plaintext-only", e.spellcheck = !1;
+  const i = getComputedStyle(t);
+  e.style.cssText = `
+  left: ${s}px;
+  top: ${r}px;
+  min-width:${t.offsetWidth - 8}px;
+  color:${i.color};
+  padding:${i.padding};
+  margin:${i.margin}; 
+  background-color:${i.backgroundColor !== "rgba(0, 0, 0, 0)" && i.backgroundColor};
+  border: ${i.border};
+  border-radius:${i.borderRadius}; `, this.direction === 0 && (e.style.right = "0"), wt(e), this.bus.fire("operation", {
     name: "beginEdit",
     obj: t.nodeObj
-  }), e.addEventListener("keydown", (i) => {
-    i.stopPropagation();
-    const r = i.key;
-    if (r === "Enter" || r === "Tab") {
-      if (i.shiftKey)
+  }), e.addEventListener("keydown", (c) => {
+    c.stopPropagation();
+    const h = c.key;
+    if (h === "Enter" || h === "Tab") {
+      if (c.shiftKey)
         return;
-      i.preventDefault(), e.blur(), this.container.focus();
+      c.preventDefault(), e.blur(), this.container.focus();
     }
   }), e.addEventListener("blur", () => {
-    var r;
+    var h;
     if (!e)
       return;
-    const i = ((r = e.textContent) == null ? void 0 : r.trim()) || "";
-    i === "" ? n.topic = o : (n.topic = i, this.markdown ? t.text.innerHTML = this.markdown(n.topic, n) : t.text.textContent = i), e.remove(), i !== o && (this.linkDiv(), this.bus.fire("operation", {
+    const c = ((h = e.textContent) == null ? void 0 : h.trim()) || "";
+    c === "" ? n.topic = o : (n.topic = c, this.markdown ? t.text.innerHTML = this.markdown(n.topic, n) : t.text.textContent = c), e.remove(), c !== o && (this.linkDiv(), this.bus.fire("operation", {
       name: "finishEdit",
       obj: n,
       origin: o
@@ -443,14 +446,14 @@ const It = function(t) {
   const e = L.createElement("me-epd");
   return e.expanded = t !== !1, e.className = t !== !1 ? "minus" : "", e;
 }, O = document, A = "http://www.w3.org/2000/svg", K = function(t) {
-  const e = t.clientWidth, n = t.clientHeight, o = t.dataset, s = Number(o.x), i = Number(o.y), r = o.anchor;
+  const e = t.clientWidth, n = t.clientHeight, o = t.dataset, s = Number(o.x), r = Number(o.y), i = o.anchor;
   let c = s;
-  r === "middle" ? c = s - e / 2 : r === "end" && (c = s - e), t.style.left = `${c}px`, t.style.top = `${i - n / 2}px`, t.style.visibility = "visible";
+  i === "middle" ? c = s - e / 2 : i === "end" && (c = s - e), t.style.left = `${c}px`, t.style.top = `${r - n / 2}px`, t.style.visibility = "visible";
 }, tt = function(t, e, n, o) {
-  const { anchor: s = "middle", color: i, dataType: r, svgId: c } = o, h = document.createElement("div");
-  h.className = "svg-label", h.style.color = i || "#666";
+  const { anchor: s = "middle", color: r, dataType: i, svgId: c } = o, h = document.createElement("div");
+  h.className = "svg-label", h.style.color = r || "#666";
   const d = "label-" + c;
-  return h.id = d, h.innerHTML = t, h.dataset.type = r, h.dataset.svgId = c, h.dataset.x = e.toString(), h.dataset.y = n.toString(), h.dataset.anchor = s, h;
+  return h.id = d, h.innerHTML = t, h.dataset.type = i, h.dataset.svgId = c, h.dataset.x = e.toString(), h.dataset.y = n.toString(), h.dataset.anchor = s, h;
 }, vt = function(t, e, n) {
   const o = O.createElementNS(A, "path");
   return S(o, {
@@ -480,8 +483,8 @@ const It = function(t) {
       name: "arrow2",
       d: n
     }
-  ].forEach((r, c) => {
-    const h = r.d, d = O.createElementNS(A, "path"), p = {
+  ].forEach((i, c) => {
+    const h = i.d, d = O.createElementNS(A, "path"), p = {
       d: h,
       stroke: (o == null ? void 0 : o.stroke) || "rgb(235, 95, 82)",
       fill: "none",
@@ -495,7 +498,7 @@ const It = function(t) {
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), s.appendChild(f), s.appendChild(d), s[r.name] = d;
+    }), s.appendChild(f), s.appendChild(d), s[i.name] = d;
   }), s;
 }, bt = function(t, e, n) {
   if (!e)
@@ -505,22 +508,20 @@ const It = function(t) {
     left:${e.style.left};
     top:${e.style.top}; 
     max-width: 200px;
-    border: 1px solid #ccc;
-    border-radius: 2px; 
-  `, wt(s), t.scrollIntoView(s), s.addEventListener("keydown", (i) => {
-    i.stopPropagation();
-    const r = i.key;
-    if (r === "Enter" || r === "Tab") {
-      if (i.shiftKey)
+  `, wt(s), t.scrollIntoView(s), s.addEventListener("keydown", (r) => {
+    r.stopPropagation();
+    const i = r.key;
+    if (i === "Enter" || i === "Tab") {
+      if (r.shiftKey)
         return;
-      i.preventDefault(), s.blur(), t.container.focus();
+      r.preventDefault(), s.blur(), t.container.focus();
     }
   }), s.addEventListener("blur", () => {
-    var r;
+    var i;
     if (!s)
       return;
-    const i = ((r = s.textContent) == null ? void 0 : r.trim()) || "";
-    i === "" ? n.label = o : n.label = i, s.remove(), i !== o && (e.textContent = n.label, K(e), "parent" in n ? t.bus.fire("operation", {
+    const r = ((i = s.textContent) == null ? void 0 : i.trim()) || "";
+    r === "" ? n.label = o : n.label = r, s.remove(), r !== o && (e.textContent = n.label, K(e), "parent" in n ? t.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : t.bus.fire("operation", {
@@ -529,23 +530,23 @@ const It = function(t) {
     }));
   });
 }, Gt = function(t) {
-  const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, s = e.offsetWidth, i = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
+  const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, s = e.offsetWidth, r = e.offsetHeight, i = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
-  for (let c = 0; c < r.length; c++) {
-    const h = r[c], d = h.querySelector("me-tpc"), { offsetLeft: p, offsetTop: f } = M(this.nodes, d), y = d.offsetWidth, l = d.offsetHeight, a = h.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: f, cL: p, cW: y, cH: l, direction: a, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, w = d.nodeObj.branchColor || g[c % g.length];
+  for (let c = 0; c < i.length; c++) {
+    const h = i[c], d = h.querySelector("me-tpc"), { offsetLeft: p, offsetTop: f } = D(this.nodes, d), y = d.offsetWidth, l = d.offsetHeight, a = h.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: r, cT: f, cL: p, cW: y, cH: l, direction: a, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, w = d.nodeObj.branchColor || g[c % g.length];
     if (d.style.borderColor = w, this.lines.appendChild(vt(u, w, "3")), t && t !== h)
       continue;
     const m = G("subLines"), v = h.lastChild;
     v.tagName === "svg" && v.remove(), h.appendChild(m), xt(this, m, w, h, a, !0);
   }
-  this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, xt = function(t, e, n, o, s, i) {
-  const r = o.firstChild, c = o.children[1].children;
+  this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
+}, xt = function(t, e, n, o, s, r) {
+  const i = o.firstChild, c = o.children[1].children;
   if (c.length === 0)
     return;
-  const h = r.offsetTop, d = r.offsetLeft, p = r.offsetWidth, f = r.offsetHeight;
+  const h = i.offsetTop, d = i.offsetLeft, p = i.offsetWidth, f = i.offsetHeight;
   for (let y = 0; y < c.length; y++) {
-    const l = c[y], a = l.firstChild, u = a.offsetTop, g = a.offsetLeft, w = a.offsetWidth, m = a.offsetHeight, v = a.firstChild.nodeObj.branchColor || n, b = t.generateSubBranch({ pT: h, pL: d, pW: p, pH: f, cT: u, cL: g, cW: w, cH: m, direction: s, isFirst: i });
+    const l = c[y], a = l.firstChild, u = a.offsetTop, g = a.offsetLeft, w = a.offsetWidth, m = a.offsetHeight, v = a.firstChild.nodeObj.branchColor || n, b = t.generateSubBranch({ pT: h, pL: d, pW: p, pH: f, cT: u, cL: g, cW: w, cH: m, direction: s, isFirst: r });
     e.appendChild(vt(b, v, "2"));
     const x = a.children[1];
     if (x) {
@@ -570,14 +571,14 @@ const qt = {
   return n.id = t, n.innerHTML = qt[e], n;
 };
 function _t(t) {
-  const e = document.createElement("div"), n = P("fullscreen", "full"), o = P("toCenter", "living"), s = P("zoomout", "zoomout"), i = P("zoomin", "zoomin"), r = document.createElement("span");
-  return r.innerText = "100%", e.appendChild(n), e.appendChild(o), e.appendChild(s), e.appendChild(i), e.className = "mind-elixir-toolbar rb", n.onclick = () => {
+  const e = document.createElement("div"), n = P("fullscreen", "full"), o = P("toCenter", "living"), s = P("zoomout", "zoomout"), r = P("zoomin", "zoomin"), i = document.createElement("span");
+  return i.innerText = "100%", e.appendChild(n), e.appendChild(o), e.appendChild(s), e.appendChild(r), e.className = "mind-elixir-toolbar rb", n.onclick = () => {
     document.fullscreenElement === t.el ? document.exitFullscreen() : t.el.requestFullscreen();
   }, o.onclick = () => {
     t.toCenter();
   }, s.onclick = () => {
     t.scale(t.scaleVal - t.scaleSensitivity);
-  }, i.onclick = () => {
+  }, r.onclick = () => {
     t.scale(t.scaleVal + t.scaleSensitivity);
   }, e;
 }
@@ -600,9 +601,9 @@ const Jt = function(t, e = !0) {
     ...(t.type === "dark" ? nt : et).cssVar,
     ...t.cssVar
   }, s = Object.keys(o);
-  for (let i = 0; i < s.length; i++) {
-    const r = s[i];
-    this.container.style.setProperty(r, o[r]);
+  for (let r = 0; r < s.length; r++) {
+    const i = s[r];
+    this.container.style.setProperty(i, o[i]);
   }
   e && this.refresh();
 }, Qt = function(t) {
@@ -621,7 +622,7 @@ function Zt(t) {
 const te = function(t) {
   const e = this.container, n = t.getBoundingClientRect(), o = e.getBoundingClientRect();
   if (n.top > o.bottom || n.bottom < o.top || n.left > o.right || n.right < o.left) {
-    const i = n.left + n.width / 2, r = n.top + n.height / 2, c = o.left + o.width / 2, h = o.top + o.height / 2, d = i - c, p = r - h;
+    const r = n.left + n.width / 2, i = n.top + n.height / 2, c = o.left + o.width / 2, h = o.top + o.height / 2, d = r - c, p = i - h;
     this.move(-d, -p, !0);
   }
 }, ee = function(t, e, n) {
@@ -647,21 +648,21 @@ const te = function(t) {
 }, ae = function(t, e = { x: 0, y: 0 }) {
   if (t < this.scaleMin || t > this.scaleMax)
     return;
-  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, s = e.y ? e.y - n.top - n.height / 2 : 0, { dx: i, dy: r } = Ct(this), c = this.map.style.transform, { x: h, y: d } = pt(c), p = h - i, f = d - r, y = this.scaleVal, l = (-o + p) * (1 - t / y), a = (-s + f) * (1 - t / y);
+  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, s = e.y ? e.y - n.top - n.height / 2 : 0, { dx: r, dy: i } = Ct(this), c = this.map.style.transform, { x: h, y: d } = pt(c), p = h - r, f = d - i, y = this.scaleVal, l = (-o + p) * (1 - t / y), a = (-s + f) * (1 - t / y);
   this.map.style.transform = `translate(${h - l}px, ${d - a}px) scale(${t})`, this.scaleVal = t, this.bus.fire("scale", t);
 }, he = function() {
   const t = this.nodes.offsetHeight / this.container.offsetHeight, e = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(t, e));
   this.scaleVal = n, this.map.style.transform = "scale(" + n + ")", this.bus.fire("scale", n);
 }, de = function(t, e, n = !1) {
-  const { map: o, scaleVal: s, bus: i } = this, r = o.style.transform;
-  let { x: c, y: h } = pt(r);
+  const { map: o, scaleVal: s, bus: r } = this, i = o.style.transform;
+  let { x: c, y: h } = pt(i);
   c += t, h += e, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate(${c}px, ${h}px) scale(${s})`, i.fire("move", { dx: t, dy: e });
+  }, 300)), o.style.transform = `translate(${c}px, ${h}px) scale(${s})`, r.fire("move", { dx: t, dy: e });
 }, Ct = (t) => {
-  const { container: e, map: n, nodes: o } = t, s = n.querySelector("me-root"), i = s.offsetTop, r = s.offsetLeft, c = s.offsetWidth, h = s.offsetHeight;
+  const { container: e, map: n, nodes: o } = t, s = n.querySelector("me-root"), r = s.offsetTop, i = s.offsetLeft, c = s.offsetWidth, h = s.offsetHeight;
   let d, p;
-  return t.alignment === "root" ? (d = e.offsetWidth / 2 - r - c / 2, p = e.offsetHeight / 2 - i - h / 2, n.style.transformOrigin = `${r + c / 2}px 50%`) : (d = (e.offsetWidth - o.offsetWidth) / 2, p = (e.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: d, dy: p };
+  return t.alignment === "root" ? (d = e.offsetWidth / 2 - i - c / 2, p = e.offsetHeight / 2 - r - h / 2, n.style.transformOrigin = `${i + c / 2}px 50%`) : (d = (e.offsetWidth - o.offsetWidth) / 2, p = (e.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: d, dy: p };
 }, fe = function() {
   const { map: t } = this, { dx: e, dy: n } = Ct(this);
   t.style.transform = `translate(${e}px, ${n}px) scale(${this.scaleVal})`;
@@ -685,14 +686,14 @@ const te = function(t) {
   const o = t.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
-  }, i = t.parentNode, r = i.children[1];
-  if (r.expanded = n.expanded, r.className = n.expanded ? "minus" : "", Qt(t), n.expanded) {
+  }, r = t.parentNode, i = r.children[1];
+  if (i.expanded = n.expanded, i.className = n.expanded ? "minus" : "", Qt(t), n.expanded) {
     const f = this.createChildren(
       n.children.map((y) => this.createWrapper(y).grp)
     );
-    i.parentNode.appendChild(f);
+    r.parentNode.appendChild(f);
   } else
-    i.parentNode.children[1].remove();
+    r.parentNode.children[1].remove();
   this.linkDiv(t.closest("me-main > me-wrapper"));
   const c = t.getBoundingClientRect(), h = {
     x: c.left,
@@ -705,10 +706,10 @@ const te = function(t) {
     y: o.top
   };
   Z(n, e ?? !n.expanded), this.refresh();
-  const i = this.findEle(n.id).getBoundingClientRect(), r = {
-    x: i.left,
-    y: i.top
-  }, c = s.x - r.x, h = s.y - r.y;
+  const r = this.findEle(n.id).getBoundingClientRect(), i = {
+    x: r.left,
+    y: r.top
+  }, c = s.x - i.x, h = s.y - i.y;
   this.move(c, h);
 }, Ce = function(t) {
   this.clearSelection(), t && (t = JSON.parse(JSON.stringify(t)), this.nodeData = t.nodeData, this.arrows = t.arrows || [], this.summaries = t.summaries || [], t.theme && this.changeTheme(t.theme)), ot(this.nodeData), this.layout(), this.linkDiv();
@@ -775,10 +776,10 @@ const te = function(t) {
 }, dt = {
   create: Ee
 }, ke = "#4dc4ff";
-function St(t, e, n, o, s, i, r, c) {
+function St(t, e, n, o, s, r, i, c) {
   return {
-    x: t / 8 + n * 3 / 8 + s * 3 / 8 + r / 8,
-    y: e / 8 + o * 3 / 8 + i * 3 / 8 + c / 8
+    x: t / 8 + n * 3 / 8 + s * 3 / 8 + i / 8,
+    y: e / 8 + o * 3 / 8 + r * 3 / 8 + c / 8
   };
 }
 function Te(t, e, n) {
@@ -792,16 +793,16 @@ function Y(t, e, n, o, s) {
     y2: s + ""
   });
 }
-function ft(t, e, n, o, s, i, r, c, h, d) {
+function ft(t, e, n, o, s, r, i, c, h, d) {
   var u;
-  const p = `M ${e} ${n} C ${o} ${s} ${i} ${r} ${c} ${h}`;
+  const p = `M ${e} ${n} C ${o} ${s} ${r} ${i} ${c} ${h}`;
   if (t.line.setAttribute("d", p), d.style) {
     const g = d.style;
     g.stroke && t.line.setAttribute("stroke", g.stroke), g.strokeWidth && t.line.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeDasharray && t.line.setAttribute("stroke-dasharray", g.strokeDasharray), g.strokeLinecap && t.line.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && t.line.setAttribute("opacity", String(g.opacity));
   }
   const f = t.querySelectorAll('path[stroke="transparent"]');
   f.length > 0 && f[0].setAttribute("d", p);
-  const y = q(i, r, c, h);
+  const y = q(r, i, c, h);
   if (y) {
     const g = `M ${y.x1} ${y.y1} L ${c} ${h} L ${y.x2} ${y.y2}`;
     if (t.arrow1.setAttribute("d", g), f.length > 1 && f[1].setAttribute("d", g), d.style) {
@@ -819,7 +820,7 @@ function ft(t, e, n, o, s, i, r, c, h, d) {
       }
     }
   }
-  const { x: l, y: a } = St(e, n, o, s, i, r, c, h);
+  const { x: l, y: a } = St(e, n, o, s, r, i, c, h);
   if (t.labelElement && Te(t.labelElement, l, a), (u = d.style) != null && u.labelColor) {
     const g = t.label.querySelector("div");
     g && (g.style.color = d.style.labelColor);
@@ -827,10 +828,10 @@ function ft(t, e, n, o, s, i, r, c, h, d) {
   He(t);
 }
 function U(t, e, n) {
-  const { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = e.offsetWidth, r = e.offsetHeight, c = o + i / 2, h = s + r / 2, d = c + n.x, p = h + n.y;
+  const { offsetLeft: o, offsetTop: s } = D(t.nodes, e), r = e.offsetWidth, i = e.offsetHeight, c = o + r / 2, h = s + i / 2, d = c + n.x, p = h + n.y;
   return {
-    w: i,
-    h: r,
+    w: r,
+    h: i,
     cx: c,
     cy: h,
     ctrlX: d,
@@ -846,10 +847,10 @@ function I(t) {
   };
 }
 const st = function(t, e, n, o, s) {
-  var N;
+  var M;
   if (!e || !n)
     return;
-  const i = U(t, e, o.delta1), r = U(t, n, o.delta2), { x: c, y: h } = I(i), { ctrlX: d, ctrlY: p } = i, { ctrlX: f, ctrlY: y } = r, { x: l, y: a } = I(r), u = q(f, y, l, a);
+  const r = U(t, e, o.delta1), i = U(t, n, o.delta2), { x: c, y: h } = I(r), { ctrlX: d, ctrlY: p } = r, { ctrlX: f, ctrlY: y } = i, { x: l, y: a } = I(i), u = q(f, y, l, a);
   if (!u)
     return;
   const g = `M ${u.x1} ${u.y1} L ${l} ${a} L ${u.x2} ${u.y2}`;
@@ -860,7 +861,7 @@ const st = function(t, e, n, o, s) {
       return;
     w = `M ${T.x1} ${T.y1} L ${c} ${h} L ${T.x2} ${T.y2}`;
   }
-  const m = Wt(`M ${c} ${h} C ${d} ${p} ${f} ${y} ${l} ${a}`, g, w, o.style), { x: v, y: b } = St(c, h, d, p, f, y, l, a), x = (N = o.style) == null ? void 0 : N.labelColor, E = "arrow-" + o.id;
+  const m = Wt(`M ${c} ${h} C ${d} ${p} ${f} ${y} ${l} ${a}`, g, w, o.style), { x: v, y: b } = St(c, h, d, p, f, y, l, a), x = (M = o.style) == null ? void 0 : M.labelColor, E = "arrow-" + o.id;
   m.id = E;
   const C = tt(o.label, v, b, {
     anchor: "middle",
@@ -870,7 +871,7 @@ const st = function(t, e, n, o, s) {
   });
   t.labelContainer.appendChild(C), K(C);
   const k = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
-  m.label = k, m.labelElement = C, m.arrowObj = o, m.dataset.linkid = o.id, t.linkSvgGroup.appendChild(m), s || (t.arrows.push(o), t.currentArrow = m, Et(t, o, i, r));
+  m.label = k, m.labelElement = C, m.arrowObj = o, m.dataset.linkid = o.id, t.linkSvgGroup.appendChild(m), s || (t.arrows.push(o), t.currentArrow = m, Et(t, o, r, i));
 }, Le = function(t, e, n = {}) {
   const o = {
     id: F(),
@@ -912,8 +913,8 @@ const st = function(t, e, n, o, s) {
   });
 }, De = function(t) {
   this.currentArrow = t;
-  const e = t.arrowObj, n = this.findEle(e.from), o = this.findEle(e.to), s = U(this, n, e.delta1), i = U(this, o, e.delta2);
-  Et(this, e, s, i);
+  const e = t.arrowObj, n = this.findEle(e.from), o = this.findEle(e.to), s = U(this, n, e.delta1), r = U(this, o, e.delta2);
+  Et(this, e, s, r);
 }, Ne = function() {
   J(this), this.currentArrow = null;
 }, Q = function(t, e) {
@@ -933,8 +934,8 @@ const st = function(t, e, n, o, s) {
   n.appendChild(o);
   const s = Q(t.arrow1.getAttribute("d"), e);
   if (n.appendChild(s), t.arrow2.getAttribute("d")) {
-    const i = Q(t.arrow2.getAttribute("d"), e);
-    n.appendChild(i);
+    const r = Q(t.arrow2.getAttribute("d"), e);
+    n.appendChild(r);
   }
   t.insertBefore(n, t.firstChild);
 }, Pe = function(t) {
@@ -950,19 +951,19 @@ const st = function(t, e, n, o, s) {
   var e, n;
   (e = t.helper1) == null || e.destroy(), (n = t.helper2) == null || n.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && Pe(t.currentArrow);
 }, Et = function(t, e, n, o) {
-  const { linkController: s, P2: i, P3: r, line1: c, line2: h, nodes: d, map: p, currentArrow: f, bus: y } = t;
+  const { linkController: s, P2: r, P3: i, line1: c, line2: h, nodes: d, map: p, currentArrow: f, bus: y } = t;
   if (!f)
     return;
-  s.style.display = "initial", i.style.display = "initial", r.style.display = "initial", d.appendChild(s), d.appendChild(i), d.appendChild(r), Me(f, ke);
+  s.style.display = "initial", r.style.display = "initial", i.style.display = "initial", d.appendChild(s), d.appendChild(r), d.appendChild(i), Me(f, ke);
   let { x: l, y: a } = I(n), { ctrlX: u, ctrlY: g } = n, { ctrlX: w, ctrlY: m } = o, { x: v, y: b } = I(o);
-  i.style.cssText = `top:${g}px;left:${u}px;`, r.style.cssText = `top:${m}px;left:${w}px;`, Y(c, l, a, u, g), Y(h, w, m, v, b), t.helper1 = dt.create(i), t.helper2 = dt.create(r), t.helper1.init(p, (x, E) => {
+  r.style.cssText = `top:${g}px;left:${u}px;`, i.style.cssText = `top:${m}px;left:${w}px;`, Y(c, l, a, u, g), Y(h, w, m, v, b), t.helper1 = dt.create(r), t.helper2 = dt.create(i), t.helper1.init(p, (x, E) => {
     u = u + x / t.scaleVal, g = g + E / t.scaleVal;
     const C = I({ ...n, ctrlX: u, ctrlY: g });
-    l = C.x, a = C.y, i.style.top = g + "px", i.style.left = u + "px", ft(f, l, a, u, g, w, m, v, b, e), Y(c, l, a, u, g), e.delta1.x = u - n.cx, e.delta1.y = g - n.cy, y.fire("updateArrowDelta", e);
+    l = C.x, a = C.y, r.style.top = g + "px", r.style.left = u + "px", ft(f, l, a, u, g, w, m, v, b, e), Y(c, l, a, u, g), e.delta1.x = u - n.cx, e.delta1.y = g - n.cy, y.fire("updateArrowDelta", e);
   }), t.helper2.init(p, (x, E) => {
     w = w + x / t.scaleVal, m = m + E / t.scaleVal;
     const C = I({ ...o, ctrlX: w, ctrlY: m });
-    v = C.x, b = C.y, r.style.top = m + "px", r.style.left = w + "px", ft(f, l, a, u, g, w, m, v, b, e), Y(h, w, m, v, b), e.delta2.x = w - o.cx, e.delta2.y = m - o.cy, y.fire("updateArrowDelta", e);
+    v = C.x, b = C.y, i.style.top = m + "px", i.style.left = w + "px", ft(f, l, a, u, g, w, m, v, b, e), Y(h, w, m, v, b), e.delta2.x = w - o.cx, e.delta2.y = m - o.cy, y.fire("updateArrowDelta", e);
   });
 };
 function Be() {
@@ -1027,13 +1028,13 @@ const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const s = n.map((p) => p[o - 1].index).sort(), i = s[0] || 0, r = s[s.length - 1] || 0, c = n[0][o - 1].node;
+  const s = n.map((p) => p[o - 1].index).sort(), r = s[0] || 0, i = s[s.length - 1] || 0, c = n[0][o - 1].node;
   if (!c.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
     parent: c.id,
-    start: i,
-    end: r
+    start: r,
+    end: i
   };
 }, Fe = function(t) {
   const e = document.createElementNS(A, "g");
@@ -1049,18 +1050,18 @@ const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }), n;
 }, Ve = (t) => t.parentElement.parentElement, Re = function(t, { parent: e, start: n }) {
   const o = t.findEle(e), s = o.nodeObj;
-  let i;
-  return s.parent ? i = o.closest("me-main").className : i = t.findEle(s.children[n].id).closest("me-main").className, i;
+  let r;
+  return s.parent ? r = o.closest("me-main").className : r = t.findEle(s.children[n].id).closest("me-main").className, r;
 }, it = function(t, e) {
-  var N;
-  const { id: n, label: o, parent: s, start: i, end: r } = e, { nodes: c, theme: h, summarySvg: d } = t, f = t.findEle(s).nodeObj, y = Re(t, e);
+  var M;
+  const { id: n, label: o, parent: s, start: r, end: i } = e, { nodes: c, theme: h, summarySvg: d } = t, f = t.findEle(s).nodeObj, y = Re(t, e);
   let l = 1 / 0, a = 0, u = 0, g = 0;
-  for (let T = i; T <= r; T++) {
-    const W = (N = f.children) == null ? void 0 : N[T];
+  for (let T = r; T <= i; T++) {
+    const W = (M = f.children) == null ? void 0 : M[T];
     if (!W)
       return t.removeSummary(n), null;
-    const V = Ve(t.findEle(W.id)), { offsetLeft: R, offsetTop: rt } = M(c, V), ct = i === r ? 10 : 20;
-    T === i && (u = rt + ct), T === r && (g = rt + V.offsetHeight - ct), R < l && (l = R), V.offsetWidth + R > a && (a = V.offsetWidth + R);
+    const V = Ve(t.findEle(W.id)), { offsetLeft: R, offsetTop: rt } = D(c, V), ct = r === i ? 10 : 20;
+    T === r && (u = rt + ct), T === i && (g = rt + V.offsetHeight - ct), R < l && (l = R), V.offsetWidth + R > a && (a = V.offsetWidth + R);
   }
   let w, m;
   const v = u + 10, b = g + 10, x = (v + b) / 2, E = h.cssVar["--color"], C = "s-" + n;
@@ -1070,10 +1071,10 @@ const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Ye = function() {
   if (!this.currentNodes)
     return;
-  const { currentNodes: t, summaries: e, bus: n } = this, { parent: o, start: s, end: i } = Ge(t), r = { id: F(), parent: o, start: s, end: i, label: "summary" }, c = it(this, r);
-  e.push(r), this.editSummary(c), n.fire("operation", {
+  const { currentNodes: t, summaries: e, bus: n } = this, { parent: o, start: s, end: r } = Ge(t), i = { id: F(), parent: o, start: s, end: r, label: "summary" }, c = it(this, i);
+  e.push(i), this.editSummary(c), n.fire("operation", {
     name: "createSummary",
-    obj: r
+    obj: i
   });
 }, je = function(t) {
   const e = F(), n = { ...t, id: e };
@@ -1127,8 +1128,8 @@ function Qe(t, e) {
 }
 function Ze(t, e, n, o) {
   const s = document.createElementNS($, "g");
-  let i = "";
-  return t.text ? i = t.text.textContent : i = t.childNodes[0].textContent, i.split(`
+  let r = "";
+  return t.text ? r = t.text.textContent : r = t.childNodes[0].textContent, r.split(`
 `).forEach((c, h) => {
     const d = document.createElementNS($, "text");
     S(d, {
@@ -1146,22 +1147,22 @@ function tn(t, e, n, o) {
   var c;
   let s = "";
   (c = t.nodeObj) != null && c.dangerouslySetInnerHTML ? s = t.nodeObj.dangerouslySetInnerHTML : t.text ? s = t.text.textContent : s = t.childNodes[0].textContent;
-  const i = document.createElementNS($, "foreignObject");
-  S(i, {
+  const r = document.createElementNS($, "foreignObject");
+  S(r, {
     x: n + parseInt(e.paddingLeft) + "",
     y: o + parseInt(e.paddingTop) + "",
     width: e.width,
     height: e.height
   });
-  const r = document.createElement("div");
-  return S(r, {
+  const i = document.createElement("div");
+  return S(i, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${e.fontFamily}; font-size: ${e.fontSize}; font-weight: ${e.fontWeight}; color: ${e.color}; white-space: pre-wrap;`
-  }), r.innerHTML = s, i.appendChild(r), i;
+  }), i.innerHTML = s, r.appendChild(i), r;
 }
 function en(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = document.createElementNS($, "rect");
-  return S(i, {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = D(t.nodes, e), r = document.createElementNS($, "rect");
+  return S(r, {
     x: o + "",
     y: s + "",
     rx: n.borderRadius,
@@ -1171,13 +1172,13 @@ function en(t, e) {
     fill: n.backgroundColor,
     stroke: n.borderColor,
     "stroke-width": n.borderWidth
-  }), i;
+  }), r;
 }
 function j(t, e, n = !1) {
-  const o = getComputedStyle(e), { offsetLeft: s, offsetTop: i } = M(t.nodes, e), r = document.createElementNS($, "rect");
-  S(r, {
+  const o = getComputedStyle(e), { offsetLeft: s, offsetTop: r } = D(t.nodes, e), i = document.createElementNS($, "rect");
+  S(i, {
     x: s + "",
-    y: i + "",
+    y: r + "",
     rx: o.borderRadius,
     ry: o.borderRadius,
     width: o.width,
@@ -1187,13 +1188,13 @@ function j(t, e, n = !1) {
     "stroke-width": o.borderWidth
   });
   const c = document.createElementNS($, "g");
-  c.appendChild(r);
+  c.appendChild(i);
   let h;
-  return n ? h = tn(e, o, s, i) : h = Ze(e, o, s, i), c.appendChild(h), c;
+  return n ? h = tn(e, o, s, r) : h = Ze(e, o, s, r), c.appendChild(h), c;
 }
 function nn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = document.createElementNS($, "a"), r = document.createElementNS($, "text");
-  return S(r, {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = D(t.nodes, e), r = document.createElementNS($, "a"), i = document.createElementNS($, "text");
+  return S(i, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -1201,51 +1202,51 @@ function nn(t, e) {
     "font-size": `${n.fontSize}`,
     "font-weight": `${n.fontWeight}`,
     fill: `${n.color}`
-  }), r.innerHTML = e.textContent, i.appendChild(r), i.setAttribute("href", e.href), i;
+  }), i.innerHTML = e.textContent, r.appendChild(i), r.setAttribute("href", e.href), r;
 }
 function on(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = document.createElementNS($, "image");
-  return S(i, {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = D(t.nodes, e), r = document.createElementNS($, "image");
+  return S(r, {
     x: o + "",
     y: s + "",
     width: n.width + "",
     height: n.height + "",
     href: e.src
-  }), i;
+  }), r;
 }
 const z = 100, sn = '<?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">', rn = (t, e = !1) => {
   var f, y, l;
-  const n = t.nodes, o = n.offsetHeight + z * 2, s = n.offsetWidth + z * 2, i = Je(o + "px", s + "px"), r = document.createElementNS($, "svg"), c = document.createElementNS($, "rect");
+  const n = t.nodes, o = n.offsetHeight + z * 2, s = n.offsetWidth + z * 2, r = Je(o + "px", s + "px"), i = document.createElementNS($, "svg"), c = document.createElementNS($, "rect");
   S(c, {
     x: "0",
     y: "0",
     width: `${s}`,
     height: `${o}`,
     fill: t.theme.cssVar["--bgcolor"]
-  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((a) => {
-    const u = a.cloneNode(!0), { offsetLeft: g, offsetTop: w } = M(n, a.parentElement);
-    u.setAttribute("x", `${g}`), u.setAttribute("y", `${w}`), r.appendChild(u);
+  }), r.appendChild(c), n.querySelectorAll(".subLines").forEach((a) => {
+    const u = a.cloneNode(!0), { offsetLeft: g, offsetTop: w } = D(n, a.parentElement);
+    u.setAttribute("x", `${g}`), u.setAttribute("y", `${w}`), i.appendChild(u);
   });
   const h = (f = n.querySelector(".lines")) == null ? void 0 : f.cloneNode(!0);
-  h && r.appendChild(h);
+  h && i.appendChild(h);
   const d = (y = n.querySelector(".topiclinks")) == null ? void 0 : y.cloneNode(!0);
-  d && r.appendChild(d);
+  d && i.appendChild(d);
   const p = (l = n.querySelector(".summary")) == null ? void 0 : l.cloneNode(!0);
-  return p && r.appendChild(p), n.querySelectorAll("me-tpc").forEach((a) => {
-    a.nodeObj.dangerouslySetInnerHTML ? r.appendChild(j(t, a, !e)) : (r.appendChild(en(t, a)), r.appendChild(j(t, a.text, !e)));
+  return p && i.appendChild(p), n.querySelectorAll("me-tpc").forEach((a) => {
+    a.nodeObj.dangerouslySetInnerHTML ? i.appendChild(j(t, a, !e)) : (i.appendChild(en(t, a)), i.appendChild(j(t, a.text, !e)));
   }), n.querySelectorAll(".tags > span").forEach((a) => {
-    r.appendChild(j(t, a));
+    i.appendChild(j(t, a));
   }), n.querySelectorAll(".icons > span").forEach((a) => {
-    r.appendChild(j(t, a));
+    i.appendChild(j(t, a));
   }), n.querySelectorAll(".hyper-link").forEach((a) => {
-    r.appendChild(nn(t, a));
+    i.appendChild(nn(t, a));
   }), n.querySelectorAll("img").forEach((a) => {
-    r.appendChild(on(t, a));
-  }), S(r, {
+    i.appendChild(on(t, a));
+  }), S(i, {
     x: z + "",
     y: z + "",
     overflow: "visible"
-  }), i.appendChild(r), i;
+  }), r.appendChild(i), r;
 }, cn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), sn + t.outerHTML);
 function ln(t) {
   return new Promise((e, n) => {
@@ -1262,12 +1263,12 @@ const an = function(t = !1, e) {
   return new Blob([o], { type: "image/svg+xml" });
 }, hn = async function(t = !1, e) {
   const n = this.exportSvg(t, e), o = await ln(n);
-  return new Promise((s, i) => {
-    const r = new Image();
-    r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
+  return new Promise((s, r) => {
+    const i = new Image();
+    i.setAttribute("crossOrigin", "anonymous"), i.onload = () => {
       const c = document.createElement("canvas");
-      c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(s, "image/png", 1);
-    }, r.src = o, r.onerror = i;
+      c.width = i.width, c.height = i.height, c.getContext("2d").drawImage(i, 0, 0), c.toBlob(s, "image/png", 1);
+    }, i.src = o, i.onerror = r;
   });
 }, dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1300,24 +1301,24 @@ const an = function(t = !1, e) {
     this.disposable.forEach((e) => e()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (t = this.selection) == null || t.destroy(), this.selection = void 0;
   }
 };
-function pn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: h, containerHeight: d }) {
+function pn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: r, cW: i, cH: c, direction: h, containerHeight: d }) {
   let p = e + n / 2;
   const f = t + o / 2;
   let y;
-  h === H.LHS ? y = i + r : y = i;
+  h === H.LHS ? y = r + i : y = r;
   const l = s + c / 2, u = (1 - Math.abs(l - f) / d) * 0.25 * (n / 2);
   return h === H.LHS ? p = p - n / 10 - u : p = p + n / 10 + u, `M ${p} ${f} Q ${p} ${l} ${y} ${l}`;
 }
-function gn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: h, isFirst: d }) {
+function gn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: r, cW: i, cH: c, direction: h, isFirst: d }) {
   const p = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
   let f = 0, y = 0;
   d ? f = t + o / 2 : f = t + o;
   const l = s + c;
   let a = 0, u = 0, g = 0;
   const w = Math.abs(f - l) / 300 * p;
-  return h === H.LHS ? (g = e, a = g + p, u = g - p, y = i + p, `M ${a} ${f} C ${g} ${f} ${g + w} ${l} ${u} ${l} H ${y}`) : (g = e + n, a = g - p, u = g + p, y = i + r - p, `M ${a} ${f} C ${g} ${f} ${g - w} ${l} ${u} ${l} H ${y}`);
+  return h === H.LHS ? (g = e, a = g + p, u = g - p, y = r + p, `M ${a} ${f} C ${g} ${f} ${g + w} ${l} ${u} ${l} H ${y}`) : (g = e + n, a = g - p, u = g + p, y = r + i - p, `M ${a} ${f} C ${g} ${f} ${g - w} ${l} ${u} ${l} H ${y}`);
 }
-const mn = "5.2.0-beta.2";
+const mn = "5.2.0-beta.3";
 function yn(t) {
   return {
     x: 0,
@@ -1334,14 +1335,14 @@ function yn(t) {
   };
 }
 const B = document;
-function D({
+function N({
   el: t,
   direction: e,
   locale: n,
   draggable: o,
   editable: s,
-  contextMenu: i,
-  toolBar: r,
+  contextMenu: r,
+  toolBar: i,
   keypress: c,
   mouseSelectionButton: h,
   selectionContainer: d,
@@ -1361,29 +1362,29 @@ function D({
   imageProxy: C
 }) {
   let k = null;
-  const N = Object.prototype.toString.call(t);
-  if (N === "[object HTMLDivElement]" ? k = t : N === "[object String]" && (k = document.querySelector(t)), !k)
+  const M = Object.prototype.toString.call(t);
+  if (M === "[object HTMLDivElement]" ? k = t : M === "[object String]" && (k = document.querySelector(t)), !k)
     throw new Error("MindElixir: el is not a valid element");
-  k.style.position = "relative", k.innerHTML = "", this.el = k, this.disposable = [], this.before = p || {}, this.locale = n || "en", this.newTopicName = f || "New Node", this.contextMenu = i ?? !0, this.toolBar = r ?? !0, this.keypress = c ?? !0, this.mouseSelectionButton = h ?? 0, this.direction = e ?? 1, this.draggable = o ?? !0, this.editable = s ?? !0, this.allowUndo = y ?? !0, this.scaleSensitivity = m ?? 0.1, this.scaleMax = v ?? 1.4, this.scaleMin = b ?? 0.2, this.generateMainBranch = l || pn, this.generateSubBranch = a || gn, this.overflowHidden = u ?? !1, this.alignment = w ?? "root", this.handleWheel = x ?? !0, this.markdown = E || void 0, this.imageProxy = C || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = yn(this), this.bus = $t(), this.container = B.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
+  k.style.position = "relative", k.innerHTML = "", this.el = k, this.disposable = [], this.before = p || {}, this.locale = n || "en", this.newTopicName = f || "New Node", this.contextMenu = r ?? !0, this.toolBar = i ?? !0, this.keypress = c ?? !0, this.mouseSelectionButton = h ?? 0, this.direction = e ?? 1, this.draggable = o ?? !0, this.editable = s ?? !0, this.allowUndo = y ?? !0, this.scaleSensitivity = m ?? 0.1, this.scaleMax = v ?? 1.4, this.scaleMin = b ?? 0.2, this.generateMainBranch = l || pn, this.generateSubBranch = a || gn, this.overflowHidden = u ?? !1, this.alignment = w ?? "root", this.handleWheel = x ?? !0, this.markdown = E || void 0, this.imageProxy = C || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = yn(this), this.bus = $t(), this.container = B.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
   const T = window.matchMedia("(prefers-color-scheme: dark)");
   this.theme = g || (T.matches ? nt : et);
   const W = B.createElement("div");
   W.className = "map-canvas", this.map = W, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = B.createElement("me-nodes"), this.lines = G("lines"), this.summarySvg = G("summary"), this.linkController = G("linkcontroller"), this.P2 = B.createElement("div"), this.P3 = B.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ht(), this.line2 = ht(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = G("topiclinks"), this.labelContainer = B.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Lt(this));
 }
-D.prototype = un;
-Object.defineProperty(D.prototype, "currentNode", {
+N.prototype = un;
+Object.defineProperty(N.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
   },
   enumerable: !0
 });
-D.LEFT = 0;
-D.RIGHT = 1;
-D.SIDE = 2;
-D.THEME = et;
-D.DARK_THEME = nt;
-D.version = mn;
-D.E = mt;
+N.LEFT = 0;
+N.RIGHT = 1;
+N.SIDE = 2;
+N.THEME = et;
+N.DARK_THEME = nt;
+N.version = mn;
+N.E = mt;
 export {
-  D as default
+  N as default
 };