mind-elixir 4.3.5 → 4.3.6

package/dist/MindElixirLite.js

@@ -10,12 +10,12 @@
     } catch {
     }
   }
-  function f() {
+  function h() {
     i || (i = !0, o());
   }
   t = function() {
-    var h, a, d, p;
-    (p = document.createElement("div")).innerHTML = c, c = null, (d = p.getElementsByTagName("svg")[0]) && (d.setAttribute("aria-hidden", "true"), d.style.position = "absolute", d.style.width = 0, d.style.height = 0, d.style.overflow = "hidden", h = d, (a = document.body).firstChild ? (p = h, (d = a.firstChild).parentNode.insertBefore(p, d)) : a.appendChild(h));
+    var a, d, f, p;
+    (p = document.createElement("div")).innerHTML = c, c = null, (f = p.getElementsByTagName("svg")[0]) && (f.setAttribute("aria-hidden", "true"), f.style.position = "absolute", f.style.width = 0, f.style.height = 0, f.style.overflow = "hidden", a = f, (d = document.body).firstChild ? (p = a, (f = d.firstChild).parentNode.insertBefore(p, f)) : d.appendChild(a));
   }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(t, 0) : (n = function() {
     document.removeEventListener("DOMContentLoaded", n, !1), t();
   }, document.addEventListener("DOMContentLoaded", n, !1)) : document.attachEvent && (o = t, s = e.document, i = !1, (r = function() {
@@ -24,12 +24,12 @@
     } catch {
       return void setTimeout(r, 50);
     }
-    f();
+    h();
   })(), s.onreadystatechange = function() {
-    s.readyState == "complete" && (s.onreadystatechange = null, f());
+    s.readyState == "complete" && (s.onreadystatechange = null, h());
   });
 })(window);
-const D = 0, W = 1, R = 2, se = {
+const D = 0, W = 1, G = 2, ie = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -43,7 +43,7 @@ const D = 0, W = 1, R = 2, se = {
     "--panel-bgcolor": "#ffffff",
     "--panel-border-color": "#eaeaea"
   }
-}, ie = {
+}, re = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
@@ -57,48 +57,48 @@ const D = 0, W = 1, R = 2, se = {
     "--panel-border-color": "#696969"
   }
 };
-function Q(e) {
+function Z(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const q = function(e, t) {
+const I = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = q(e, t.children[n]);
+      const o = I(e, t.children[n]);
       if (o)
         return o;
     }
     return null;
   } else
     return null;
-}, G = (e, t) => {
+}, Y = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      G(e.children[n], e);
+      Y(e.children[n], e);
 };
-function re(e, t, n, o) {
+function ce(e, t, n, o) {
   const s = o - t, i = e - n;
   let r = Math.atan(Math.abs(s) / Math.abs(i)) / 3.14 * 180;
   i < 0 && s > 0 && (r = 180 - r), i < 0 && s < 0 && (r = 180 + r), i > 0 && s < 0 && (r = 360 - r);
-  const c = 15, l = 30, f = r + l, h = r - l;
+  const c = 15, l = 30, h = r + l, a = r - l;
   return {
-    x1: n + Math.cos(Math.PI * f / 180) * c,
-    y1: o - Math.sin(Math.PI * f / 180) * c,
-    x2: n + Math.cos(Math.PI * h / 180) * c,
-    y2: o - Math.sin(Math.PI * h / 180) * c
+    x1: n + Math.cos(Math.PI * h / 180) * c,
+    y1: o - Math.sin(Math.PI * h / 180) * c,
+    x2: n + Math.cos(Math.PI * a / 180) * c,
+    y2: o - Math.sin(Math.PI * a / 180) * c
   };
 }
-function Y() {
+function X() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const ye = function() {
-  const e = Y();
+const ve = function() {
+  const e = X();
   return {
     topic: this.newTopicName,
     id: e
   };
-}, N = (e, t) => {
+}, T = (e, t) => {
   let n = 0, o = 0;
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
@@ -106,7 +106,7 @@ const ye = function() {
 }, v = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, Z = (e) => e ? e.tagName === "ME-TPC" : !1, $ = {
+}, ee = (e) => e ? e.tagName === "ME-TPC" : !1, N = {
   moved: !1,
   // diffrentiate click and move
   mousedown: !1,
@@ -123,7 +123,7 @@ const ye = function() {
     }, 0);
   }
 };
-function ve(e) {
+function xe(e) {
   e.map.addEventListener("click", (t) => {
     var o, s;
     if (t.button !== 0)
@@ -136,15 +136,15 @@ function ve(e) {
       e.helper2.clear();
       return;
     }
-    if ($.moved) {
-      $.clear();
+    if (N.moved) {
+      N.clear();
       return;
     }
     e.clearSelection();
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
-    else if (Z(n))
+    else if (ee(n))
       e.selectNode(n, !1, t);
     else if (e.editable)
       n.tagName === "text" ? n.dataset.type === "custom-link" ? e.selectArrow(n.parentElement) : e.selectSummary(n.parentElement) : n.className;
@@ -154,21 +154,21 @@ function ve(e) {
     if (!e.editable)
       return;
     const n = t.target;
-    Z(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
+    ee(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
   }), e.map.addEventListener("mousemove", (t) => {
-    t.target.contentEditable !== "true" && $.onMove(t, e.container);
+    t.target.contentEditable !== "true" && N.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && t.target.contentEditable !== "true" && ($.moved = !1, $.mousedown = !0);
+    t.button === n && t.target.contentEditable !== "true" && (N.moved = !1, N.mousedown = !0);
   }), e.map.addEventListener("mouseleave", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && $.clear();
+    t.button === n && N.clear();
   }), e.map.addEventListener("mouseup", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && $.clear();
+    t.button === n && N.clear();
   });
 }
-const xe = {
+const be = {
   create() {
     return {
       handlers: {},
@@ -196,43 +196,45 @@ const xe = {
       }
     };
   }
-}, I = document, be = function() {
+};
+var M = /* @__PURE__ */ ((e) => (e.LHS = "lhs", e.RHS = "rhs", e))(M || {});
+const R = document, we = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  ce(e, this.nodeData), e.draggable = !1;
-  const t = I.createElement("me-root");
+  le(e, this.nodeData), e.draggable = !1;
+  const t = R.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
-  if (this.direction === R) {
+  if (this.direction === G) {
     let o = 0, s = 0;
     n.map((i) => {
       i.direction === D ? o += 1 : i.direction === W ? s += 1 : o <= s ? (i.direction = D, o += 1) : (i.direction = W, s += 1);
     });
   }
-  we(this, n, t);
-}, we = function(e, t, n) {
-  const o = I.createElement("me-main");
-  o.className = "lhs";
-  const s = I.createElement("me-main");
-  s.className = "rhs";
+  Ce(this, n, t);
+}, Ce = function(e, t, n) {
+  const o = R.createElement("me-main");
+  o.className = M.LHS;
+  const s = R.createElement("me-main");
+  s.className = M.RHS;
   for (let i = 0; i < t.length; i++) {
     const r = t[i], { grp: c } = e.createWrapper(r);
-    e.direction === R ? r.direction === D ? o.appendChild(c) : s.appendChild(c) : e.direction === D ? o.appendChild(c) : s.appendChild(c);
+    e.direction === G ? r.direction === D ? o.appendChild(c) : s.appendChild(c) : e.direction === D ? o.appendChild(c) : s.appendChild(c);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines);
-}, Ce = function(e, t) {
-  const n = I.createElement("me-children");
+}, Ee = function(e, t) {
+  const n = R.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
     const s = t[o], { grp: i } = e.createWrapper(s);
     n.appendChild(i);
   }
   return n;
-}, E = document, S = (e, t) => {
+}, E = document, L = (e, t) => {
   const o = (t ? t.mindElixirBox : E).querySelector(`[data-nodeid=me${e}]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, ce = function(e, t) {
+}, le = function(e, t) {
   if (e.innerHTML = "", t.style && (e.style.color = t.style.color || "", e.style.background = t.style.background || "", e.style.fontSize = t.style.fontSize + "px", e.style.fontWeight = t.style.fontWeight || "normal"), t.dangerouslySetInnerHTML) {
     e.innerHTML = t.dangerouslySetInnerHTML;
     return;
@@ -256,41 +258,41 @@ const xe = {
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
     const n = E.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${Q(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${Z(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
     const n = E.createElement("div");
-    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${Q(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
+    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${Z(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
-}, Ee = function(e, t) {
+}, Se = function(e, t) {
   const n = E.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const i = Ne(e.expanded);
+    const i = Te(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
-      const r = Ce(this, e.children);
+      const r = Ee(this, e.children);
       n.appendChild(r);
     }
   }
   return { grp: n, top: o, tpc: s };
 }, Le = function(e) {
   const t = E.createElement("me-parent"), n = this.createTopic(e);
-  return ce(n, e), t.appendChild(n), { p: t, tpc: n };
-}, Se = function(e) {
+  return le(n, e), t.appendChild(n), { p: t, tpc: n };
+}, Me = function(e) {
   const t = E.createElement("me-children");
   return t.append(...e), t;
-}, Me = function(e) {
+}, $e = function(e) {
   const t = E.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
-function le(e) {
+function ae(e) {
   const t = E.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const $e = function(e) {
+const Ne = function(e) {
   if (!e)
     return;
   const t = E.createElement("div"), n = e.text.textContent;
@@ -302,7 +304,7 @@ const $e = function(e) {
   margin:${o.margin};
   font:${o.font};
   background-color:${o.backgroundColor !== "rgba(0, 0, 0, 0)" && o.backgroundColor};
-  border-radius:${o.borderRadius};`, this.direction === D && (t.style.right = "0"), t.focus(), le(t), this.bus.fire("operation", {
+  border-radius:${o.borderRadius};`, this.direction === D && (t.style.right = "0"), t.focus(), ae(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (s) => {
@@ -324,30 +326,30 @@ const $e = function(e) {
       origin: n
     }));
   });
-}, Ne = function(e) {
+}, Te = function(e) {
   const t = E.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, H = document, A = "http://www.w3.org/2000/svg", ae = function(e, t, n) {
-  const o = H.createElementNS(A, "path");
+}, A = document, B = "http://www.w3.org/2000/svg", de = function(e, t, n) {
+  const o = A.createElementNS(B, "path");
   return v(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
-}, z = function(e) {
-  const t = H.createElementNS(A, "svg");
+}, O = function(e) {
+  const t = A.createElementNS(B, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, ee = function() {
-  const e = H.createElementNS(A, "line");
+}, te = function() {
+  const e = A.createElementNS(B, "line");
   return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
-}, Te = function(e, t) {
+}, ke = function(e, t) {
   const n = {
     stroke: "rgb(235, 95, 82)",
     fill: "none",
     "stroke-linecap": "cap",
     "stroke-width": "2"
-  }, o = H.createElementNS(A, "g"), s = H.createElementNS(A, "path"), i = H.createElementNS(A, "path");
+  }, o = A.createElementNS(B, "g"), s = A.createElementNS(B, "path"), i = A.createElementNS(B, "path");
   return v(i, {
     d: t,
     ...n
@@ -371,7 +373,7 @@ const $e = function(e) {
     top:${i.y}px;
     padding: 2px 4px;
     margin: -2px -4px; 
-  `, o.focus(), le(o), o.addEventListener("keydown", (r) => {
+  `, o.focus(), ae(o), o.addEventListener("keydown", (r) => {
     r.stopPropagation();
     const c = r.key;
     if (c === "Enter" || c === "Tab") {
@@ -382,46 +384,46 @@ const $e = function(e) {
   }), o.addEventListener("blur", () => {
     o && n(o);
   });
-}, ke = function(e) {
+}, He = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight;
   this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.nodes.style.left = `${1e4 - o - s / 2}px`;
   const r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < r.length; c++) {
-    const l = r[c], f = l.querySelector("me-tpc"), { offsetLeft: h, offsetTop: a } = N(this.nodes, f), d = f.offsetWidth, p = f.offsetHeight, u = l.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: h, cW: d, cH: p, direction: u, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, x = f.nodeObj.branchColor || g[c % g.length];
-    f.style.borderColor = x, this.lines.appendChild(ae(m, x, "3"));
+    const l = r[c], h = l.querySelector("me-tpc"), { offsetLeft: a, offsetTop: d } = T(this.nodes, h), f = h.offsetWidth, p = h.offsetHeight, u = l.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: d, cL: a, cW: f, cH: p, direction: u, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, x = h.nodeObj.branchColor || g[c % g.length];
+    h.style.borderColor = x, this.lines.appendChild(de(m, x, "3"));
     const y = l.children[0].children[1];
-    if (y && (y.style.top = (y.parentNode.offsetHeight - y.offsetHeight) / 2 + "px", u === "lhs" ? y.style.left = "-10px" : y.style.right = "-10px"), e && e !== l)
+    if (y && (y.style.top = (y.parentNode.offsetHeight - y.offsetHeight) / 2 + "px", u === M.LHS ? y.style.left = "-10px" : y.style.right = "-10px"), e && e !== l)
       continue;
-    const b = z("subLines"), C = l.lastChild;
-    C.tagName === "svg" && C.remove(), l.appendChild(b), de(this, b, x, l, u, !0);
+    const b = O("subLines"), C = l.lastChild;
+    C.tagName === "svg" && C.remove(), l.appendChild(b), fe(this, b, x, l, u, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, de = function(e, t, n, o, s, i) {
+}, fe = function(e, t, n, o, s, i) {
   const r = o.firstChild, c = o.children[1].children;
   if (c.length === 0)
     return;
-  const l = r.offsetTop, f = r.offsetLeft, h = r.offsetWidth, a = r.offsetHeight;
-  for (let d = 0; d < c.length; d++) {
-    const p = c[d], u = p.firstChild, m = u.offsetTop, g = u.offsetLeft, x = u.offsetWidth, y = u.offsetHeight, b = u.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: l, pL: f, pW: h, pH: a, cT: m, cL: g, cW: x, cH: y, direction: s, isFirst: i });
-    t.appendChild(ae(C, b, "2"));
+  const l = r.offsetTop, h = r.offsetLeft, a = r.offsetWidth, d = r.offsetHeight;
+  for (let f = 0; f < c.length; f++) {
+    const p = c[f], u = p.firstChild, m = u.offsetTop, g = u.offsetLeft, x = u.offsetWidth, y = u.offsetHeight, b = u.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: l, pL: h, pW: a, pH: d, cT: m, cL: g, cW: x, cH: y, direction: s, isFirst: i });
+    t.appendChild(de(C, b, "2"));
     const w = u.children[1];
     if (w) {
-      if (w.style.bottom = -(w.offsetHeight / 2) + "px", s === "lhs" ? w.style.left = "10px" : s === "rhs" && (w.style.right = "10px"), !w.expanded)
+      if (w.style.bottom = -(w.offsetHeight / 2) + "px", s === M.LHS ? w.style.left = "10px" : s === M.RHS && (w.style.right = "10px"), !w.expanded)
         continue;
     } else
       continue;
-    de(e, t, b, p, s);
+    fe(e, t, b, p, s);
   }
 };
-const T = (e, t) => {
+const k = (e, t) => {
   const n = document.createElement("span");
   return n.id = e, n.innerHTML = `<svg class="icon" aria-hidden="true">
     <use xlink:href="#icon-${t}"></use>
   </svg>`, n;
 };
-function He(e) {
-  const t = document.createElement("div"), n = T("fullscreen", "full"), o = T("toCenter", "living"), s = T("zoomout", "move"), i = T("zoomin", "add"), r = document.createElement("span");
+function Ae(e) {
+  const t = document.createElement("div"), n = k("fullscreen", "full"), o = k("toCenter", "living"), s = k("zoomout", "move"), i = k("zoomin", "add"), r = document.createElement("span");
   return r.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
     e.mindElixirBox.requestFullscreen();
   }, o.onclick = () => {
@@ -432,8 +434,8 @@ function He(e) {
     e.scaleVal > 1.6 || e.scale(e.scaleVal + 0.2);
   }, t;
 }
-function Ae(e) {
-  const t = document.createElement("div"), n = T("tbltl", "left"), o = T("tbltr", "right"), s = T("tblts", "side");
+function Be(e) {
+  const t = document.createElement("div"), n = k("tbltl", "left"), o = k("tbltr", "right"), s = k("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
@@ -443,9 +445,9 @@ function Ae(e) {
   }, t;
 }
 function De(e) {
-  e.container.append(He(e)), e.container.append(Ae(e));
+  e.container.append(Ae(e)), e.container.append(Be(e));
 }
-const Be = function(e, t = !0) {
+const Pe = function(e, t = !0) {
   this.theme = e;
   const n = this.theme.cssVar, o = Object.keys(n);
   this.mindElixirBox.style.cssText = "";
@@ -454,11 +456,11 @@ const Be = function(e, t = !0) {
     this.mindElixirBox.style.setProperty(i, n[i]);
   }
   e.cssVar["--gap"] || this.mindElixirBox.style.setProperty("--gap", "30px"), t && this.refresh();
-}, Pe = function(e) {
+}, ze = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
 };
-function fe(e) {
+function ue(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -467,17 +469,17 @@ function fe(e) {
     theme: e.theme
   };
 }
-const ze = function(e, t, n) {
+const Oe = function(e, t, n) {
   if (e) {
     if (this.clearSelection(), typeof e == "string") {
-      const o = S(e);
+      const o = L(e);
       return o ? this.selectNode(o) : void 0;
     }
     e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
   }
 }, je = function() {
   this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, Oe = function(e) {
+}, Ve = function(e) {
   this.clearSelection();
   for (const t of e)
     t.className = "selected";
@@ -485,23 +487,23 @@ const ze = function(e, t, n) {
     "selectNodes",
     e.map((t) => t.nodeObj)
   );
-}, Ve = function() {
+}, _e = function() {
   if (this.currentNodes)
     for (const e of this.currentNodes)
       e.classList.remove("selected");
   this.currentNodes = null, this.bus.fire("unselectNodes");
-}, _e = function() {
-  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
 }, qe = function() {
-  const e = fe(this);
+  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
+}, Ie = function() {
+  const e = ue(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, Ie = function() {
+}, Re = function() {
   return JSON.parse(this.getDataString());
 }, Fe = function() {
-  const e = fe(this).nodeData;
+  const e = ue(this).nodeData;
   let t = "# " + e.topic + `
 
 `;
@@ -515,64 +517,66 @@ const ze = function(e, t, n) {
   return n(e.children || [], 2), t;
 }, We = function() {
   this.editable = !0;
-}, Re = function() {
+}, Ge = function() {
   this.editable = !1;
-}, Ge = function(e) {
+}, Ye = function(e) {
   this.scaleVal = e, this.map.style.transform = "scale(" + e + ")", this.bus.fire("scale", e);
-}, Ye = function() {
+}, Xe = function() {
   this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, Xe = function(e) {
-  e(this);
 }, Ue = function(e) {
+  e(this);
+}, Je = function(e) {
   e.nodeObj.parent && (this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.initRight(), this.toCenter());
-}, Je = function() {
-  this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, Ke = function() {
-  this.direction = 0, this.refresh();
+  this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, Qe = function() {
-  this.direction = 1, this.refresh();
+  this.direction = 0, this.refresh();
 }, Ze = function() {
+  this.direction = 1, this.refresh();
+}, et = function() {
   this.direction = 2, this.refresh();
-}, et = function(e) {
+}, tt = function(e) {
   this.locale = e, this.refresh();
-}, tt = function(e, t) {
+}, nt = function(e, t) {
   const n = e.nodeObj;
   typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
   const o = e.parentNode, s = o.children[1];
-  if (s.expanded = n.expanded, s.className = n.expanded ? "minus" : "", Pe(e), n.expanded) {
-    const i = this.createChildren(
-      n.children.map((r) => this.createWrapper(r).grp)
+  if (s.expanded = n.expanded, s.className = n.expanded ? "minus" : "", ze(e), n.expanded) {
+    const l = this.createChildren(
+      n.children.map((h) => this.createWrapper(h).grp)
     );
-    o.parentNode.appendChild(i);
+    o.parentNode.appendChild(l);
   } else
     o.parentNode.children[1].remove();
-  this.linkDiv(), this.bus.fire("expandNode", n);
-}, nt = function(e) {
-  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), G(this.nodeData), this.layout(), this.linkDiv();
-}, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  this.linkDiv(e.closest("me-main > me-wrapper"));
+  const i = e.getBoundingClientRect(), r = this.container.getBoundingClientRect();
+  (i.bottom > r.bottom || i.top < r.top || i.right > r.right || i.left < r.left) && e.scrollIntoView({ block: "center", inline: "center" }), this.bus.fire("expandNode", n);
+}, ot = function(e) {
+  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), Y(this.nodeData), this.layout(), this.linkDiv();
+}, st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: Je,
-  clearSelection: _e,
-  disableEdit: Re,
+  cancelFocus: Ke,
+  clearSelection: qe,
+  disableEdit: Ge,
   enableEdit: We,
-  expandNode: tt,
-  focusNode: Ue,
-  getData: Ie,
+  expandNode: nt,
+  focusNode: Je,
+  getData: Re,
   getDataMd: Fe,
-  getDataString: qe,
-  initLeft: Ke,
-  initRight: Qe,
-  initSide: Ze,
-  install: Xe,
-  refresh: nt,
-  scale: Ge,
-  selectNode: ze,
-  selectNodes: Oe,
-  setLocale: et,
-  toCenter: Ye,
+  getDataString: Ie,
+  initLeft: Qe,
+  initRight: Ze,
+  initSide: et,
+  install: Ue,
+  refresh: ot,
+  scale: Ye,
+  selectNode: Oe,
+  selectNodes: Ve,
+  setLocale: tt,
+  toCenter: Xe,
   unselectNode: je,
-  unselectNodes: Ve
-}, Symbol.toStringTag, { value: "Module" })), st = function(e) {
+  unselectNodes: _e
+}, Symbol.toStringTag, { value: "Module" })), it = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -598,21 +602,21 @@ const ze = function(e, t, n) {
       this.moved = !1, this.mousedown = !1;
     }
   };
-}, te = {
-  create: st
+}, ne = {
+  create: it
 };
 function F(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, f = c + n.x, h = l + n.y;
+  const { offsetLeft: o, offsetTop: s } = T(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, h = c + n.x, a = l + n.y;
   return {
     w: i,
     h: r,
     cx: c,
     cy: l,
-    ctrlX: f,
-    ctrlY: h
+    ctrlX: h,
+    ctrlY: a
   };
 }
-function k(e) {
+function H(e) {
   let t, n;
   const o = (e.cy - e.ctrlY) / (e.ctrlX - e.cx);
   return o > e.h / e.w || o < -e.h / e.w ? e.cy - e.ctrlY < 0 ? (t = e.cx - e.h / 2 / o, n = e.cy + e.h / 2) : (t = e.cx + e.h / 2 / o, n = e.cy - e.h / 2) : e.cx - e.ctrlX < 0 ? (t = e.cx + e.w / 2, n = e.cy - e.w * o / 2) : (t = e.cx - e.w / 2, n = e.cy + e.w * o / 2), {
@@ -620,7 +624,7 @@ function k(e) {
     y: n
   };
 }
-const it = function(e, t, n, o) {
+const rt = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return v(s, {
     "text-anchor": "middle",
@@ -628,18 +632,18 @@ const it = function(e, t, n, o) {
     y: n + "",
     fill: o || "#666"
   }), s.dataset.type = "custom-link", s.innerHTML = e, s;
-}, ue = function(e, t, n, o, s) {
+}, pe = function(e, t, n, o, s) {
   if (!t || !n)
     return;
   performance.now();
-  const i = F(e, t, o.delta1), r = F(e, n, o.delta2), { x: c, y: l } = k(i), { ctrlX: f, ctrlY: h } = i, { ctrlX: a, ctrlY: d } = r, { x: p, y: u } = k(r), m = re(a, d, p, u), g = Te(
-    `M ${c} ${l} C ${f} ${h} ${a} ${d} ${p} ${u}`,
+  const i = F(e, t, o.delta1), r = F(e, n, o.delta2), { x: c, y: l } = H(i), { ctrlX: h, ctrlY: a } = i, { ctrlX: d, ctrlY: f } = r, { x: p, y: u } = H(r), m = ce(d, f, p, u), g = ke(
+    `M ${c} ${l} C ${h} ${a} ${d} ${f} ${p} ${u}`,
     `M ${m.x1} ${m.y1} L ${p} ${u} L ${m.x2} ${m.y2}`
-  ), x = c / 8 + f * 3 / 8 + a * 3 / 8 + p / 8, y = l / 8 + h * 3 / 8 + d * 3 / 8 + u / 8, b = it(o.label, x, y, e.theme.cssVar["--color"]);
-  g.appendChild(b), g.arrowObj = o, g.dataset.linkid = o.id, e.linkSvgGroup.appendChild(g), s || (e.arrows.push(o), e.currentArrow = g, me(e, o, i, r)), performance.now();
-}, rt = function(e, t) {
+  ), x = c / 8 + h * 3 / 8 + d * 3 / 8 + p / 8, y = l / 8 + a * 3 / 8 + f * 3 / 8 + u / 8, b = rt(o.label, x, y, e.theme.cssVar["--color"]);
+  g.appendChild(b), g.arrowObj = o, g.dataset.linkid = o.id, e.linkSvgGroup.appendChild(g), s || (e.arrows.push(o), e.currentArrow = g, ge(e, o, i, r)), performance.now();
+}, ct = function(e, t) {
   const n = {
-    id: Y(),
+    id: X(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
@@ -652,15 +656,15 @@ const it = function(e, t, n, o) {
       y: -200
     }
   };
-  ue(this, e, t, n), this.bus.fire("operation", {
+  pe(this, e, t, n), this.bus.fire("operation", {
     name: "createArrow",
     obj: n
   });
-}, ct = function(e) {
+}, lt = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  pe(this);
+  me(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -668,35 +672,35 @@ const it = function(e, t, n, o) {
       id: n
     }
   });
-}, lt = function(e) {
+}, at = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = S(t.from), o = S(t.to), s = F(this, n, t.delta1), i = F(this, o, t.delta2);
-  me(this, t, s, i);
-}, at = function() {
-  this.currentArrow = null, pe(this);
-}, pe = function(e) {
+  const t = e.arrowObj, n = L(t.from), o = L(t.to), s = F(this, n, t.delta1), i = F(this, o, t.delta2);
+  ge(this, t, s, i);
+}, dt = function() {
+  this.currentArrow = null, me(this);
+}, me = function(e) {
   e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none";
-}, me = function(e, t, n, o) {
-  var d;
+}, ge = function(e, t, n, o) {
+  var f;
   e.linkController.style.display = "initial", e.P2.style.display = "initial", e.P3.style.display = "initial", e.nodes.appendChild(e.linkController), e.nodes.appendChild(e.P2), e.nodes.appendChild(e.P3);
-  let { x: s, y: i } = k(n), { ctrlX: r, ctrlY: c } = n, { ctrlX: l, ctrlY: f } = o, { x: h, y: a } = k(o);
-  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${f}px;left:${l}px;`, v(e.line1, {
+  let { x: s, y: i } = H(n), { ctrlX: r, ctrlY: c } = n, { ctrlX: l, ctrlY: h } = o, { x: a, y: d } = H(o);
+  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${h}px;left:${l}px;`, v(e.line1, {
     x1: s + "",
     y1: i + "",
     x2: r + "",
     y2: c + ""
   }), v(e.line2, {
     x1: l + "",
-    y1: f + "",
-    x2: h + "",
-    y2: a + ""
-  }), e.helper1 && (e.helper1.destory(e.map), (d = e.helper2) == null || d.destory(e.map)), e.helper1 = te.create(e.P2), e.helper2 = te.create(e.P3), e.helper1.init(e.map, (p, u) => {
+    y1: h + "",
+    x2: a + "",
+    y2: d + ""
+  }), e.helper1 && (e.helper1.destory(e.map), (f = e.helper2) == null || f.destory(e.map)), e.helper1 = ne.create(e.P2), e.helper2 = ne.create(e.P3), e.helper1.init(e.map, (p, u) => {
     var y;
     r = r + p / e.scaleVal, c = c + u / e.scaleVal;
-    const m = k({ ...n, ctrlX: r, ctrlY: c });
+    const m = H({ ...n, ctrlX: r, ctrlY: c });
     s = m.x, i = m.y;
-    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + h / 8, x = i / 8 + c * 3 / 8 + f * 3 / 8 + a / 8;
-    e.P2.style.top = c + "px", e.P2.style.left = r + "px", (y = e.currentArrow) == null || y.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${f} ${h} ${a}`), v(e.currentArrow.children[2], {
+    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, x = i / 8 + c * 3 / 8 + h * 3 / 8 + d / 8;
+    e.P2.style.top = c + "px", e.P2.style.left = r + "px", (y = e.currentArrow) == null || y.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${h} ${a} ${d}`), v(e.currentArrow.children[2], {
       x: g + "",
       y: x + ""
     }), v(e.line1, {
@@ -707,19 +711,19 @@ const it = function(e, t, n, o) {
     }), t.delta1.x = r - n.cx, t.delta1.y = c - n.cy;
   }), e.helper2.init(e.map, (p, u) => {
     var b, C;
-    l = l + p / e.scaleVal, f = f + u / e.scaleVal;
-    const m = k({ ...o, ctrlX: l, ctrlY: f });
-    h = m.x, a = m.y;
-    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + h / 8, x = i / 8 + c * 3 / 8 + f * 3 / 8 + a / 8, y = re(l, f, h, a);
-    e.P3.style.top = f + "px", e.P3.style.left = l + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${f} ${h} ${a}`), (C = e.currentArrow) == null || C.children[1].setAttribute("d", `M ${y.x1} ${y.y1} L ${h} ${a} L ${y.x2} ${y.y2}`), v(e.currentArrow.children[2], {
+    l = l + p / e.scaleVal, h = h + u / e.scaleVal;
+    const m = H({ ...o, ctrlX: l, ctrlY: h });
+    a = m.x, d = m.y;
+    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, x = i / 8 + c * 3 / 8 + h * 3 / 8 + d / 8, y = ce(l, h, a, d);
+    e.P3.style.top = h + "px", e.P3.style.left = l + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${h} ${a} ${d}`), (C = e.currentArrow) == null || C.children[1].setAttribute("d", `M ${y.x1} ${y.y1} L ${a} ${d} L ${y.x2} ${y.y2}`), v(e.currentArrow.children[2], {
       x: g + "",
       y: x + ""
     }), v(e.line2, {
       x1: l + "",
-      y1: f + "",
-      x2: h + "",
-      y2: a + ""
-    }), t.delta2.x = l - o.cx, t.delta2.y = f - o.cy;
+      y1: h + "",
+      x2: a + "",
+      y2: d + ""
+    }), t.delta2.x = l - o.cx, t.delta2.y = h - o.cy;
   });
 };
 function ht() {
@@ -727,13 +731,13 @@ function ht() {
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      ue(this, S(t.from), S(t.to), t, !0);
+      pe(this, L(t.from), L(t.to), t, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function dt(e) {
+function ft(e) {
   if (!e)
     return;
   const t = e.children[2];
@@ -746,54 +750,54 @@ function dt(e) {
     }));
   });
 }
-function ft() {
-  this.arrows = this.arrows.filter((e) => q(e.from, this.nodeData) && q(e.to, this.nodeData));
+function ut() {
+  this.arrows = this.arrows.filter((e) => I(e.from, this.nodeData) && I(e.to, this.nodeData));
 }
-const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: rt,
-  editArrowLabel: dt,
-  removeArrow: ct,
+  createArrow: ct,
+  editArrowLabel: ft,
+  removeArrow: lt,
   renderArrow: ht,
-  selectArrow: lt,
-  tidyArrow: ft,
-  unselectArrow: at
-}, Symbol.toStringTag, { value: "Module" })), pt = function(e) {
-  var l, f;
+  selectArrow: at,
+  tidyArrow: ut,
+  unselectArrow: dt
+}, Symbol.toStringTag, { value: "Module" })), mt = function(e) {
+  var l, h;
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
-    const h = e[0].nodeObj, a = e[0].nodeObj.parent;
-    if (!a)
+    const a = e[0].nodeObj, d = e[0].nodeObj.parent;
+    if (!d)
       throw new Error("Can not select root node.");
-    const d = a.children.findIndex((p) => h === p);
+    const f = d.children.findIndex((p) => a === p);
     return {
-      parent: a.id,
-      start: d,
-      end: d
+      parent: d.id,
+      start: f,
+      end: f
     };
   }
   let t = 0;
-  const n = e.map((h) => {
-    let a = h.nodeObj;
-    const d = [];
-    for (; a.parent; ) {
-      const p = a.parent, u = p.children, m = u == null ? void 0 : u.indexOf(a);
-      a = p, d.unshift({ node: a, index: m });
+  const n = e.map((a) => {
+    let d = a.nodeObj;
+    const f = [];
+    for (; d.parent; ) {
+      const p = d.parent, u = p.children, m = u == null ? void 0 : u.indexOf(d);
+      d = p, f.unshift({ node: d, index: m });
     }
-    return d.length > t && (t = d.length), d;
+    return f.length > t && (t = f.length), f;
   });
   let o = 0;
   e:
     for (; o < t; o++) {
-      const h = (l = n[0][o]) == null ? void 0 : l.node;
-      for (let a = 1; a < n.length; a++)
-        if (((f = n[a][o]) == null ? void 0 : f.node) !== h)
+      const a = (l = n[0][o]) == null ? void 0 : l.node;
+      for (let d = 1; d < n.length; d++)
+        if (((h = n[d][o]) == null ? void 0 : h.node) !== a)
           break e;
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const s = n.map((h) => h[o - 1].index).sort(), i = s[0] || 0, r = s[s.length - 1] || 0, c = n[0][o - 1].node;
+  const s = n.map((a) => a[o - 1].index).sort(), i = s[0] || 0, r = s[s.length - 1] || 0, c = n[0][o - 1].node;
   if (!c.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
@@ -801,10 +805,10 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: r
   };
-}, mt = function(e) {
+}, gt = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, ne = function(e, t) {
+}, oe = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return v(n, {
     d: e,
@@ -813,7 +817,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, oe = function(e, t, n, o, s) {
+}, se = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return v(i, {
     "text-anchor": o,
@@ -821,43 +825,42 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, gt = (e) => S(e).parentElement.parentElement, yt = function({ parent: e, start: t }) {
-  var i, r;
-  const n = S(e), o = n.nodeObj;
+}, yt = (e) => L(e).parentElement.parentElement, vt = function({ parent: e, start: t }) {
+  const n = L(e), o = n.nodeObj;
   let s;
-  return o.parent ? s = (i = n.closest("me-main")) == null ? void 0 : i.className : s = (r = S(o.children[t].id).closest("me-main")) == null ? void 0 : r.className, s;
-}, ge = function(e, t) {
-  var X;
-  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, f = S(s).nodeObj, h = yt(t);
-  let a = 1 / 0, d = 0, p = 0, u = 0;
-  for (let B = i; B <= r; B++) {
-    const U = (X = f.children) == null ? void 0 : X[B];
-    if (!U)
+  return o.parent ? s = n.closest("me-main").className : s = L(o.children[t].id).closest("me-main").className, s;
+}, ye = function(e, t) {
+  var U;
+  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, h = L(s).nodeObj, a = vt(t);
+  let d = 1 / 0, f = 0, p = 0, u = 0;
+  for (let P = i; P <= r; P++) {
+    const J = (U = h.children) == null ? void 0 : U[P];
+    if (!J)
       return e.removeSummary(n), null;
-    const j = gt(U.id), { offsetLeft: O, offsetTop: J } = N(c, j), K = i === r ? 10 : 20;
-    B === i && (p = J + K), B === r && (u = J + j.offsetHeight - K), O < a && (a = O), j.offsetWidth + O > d && (d = j.offsetWidth + O);
+    const j = yt(J.id), { offsetLeft: V, offsetTop: K } = T(c, j), Q = i === r ? 10 : 20;
+    P === i && (p = K + Q), P === r && (u = K + j.offsetHeight - Q), V < d && (d = V), j.offsetWidth + V > f && (f = j.offsetWidth + V);
   }
   let m, g;
   const x = p + 10, y = u + 10, b = (x + y) / 2, C = e.theme.cssVar["--color"];
-  h === "lhs" ? (m = ne(`M ${a + 10} ${x} c -5 0 -10 5 -10 10 L ${a} ${y - 10} c 0 5 5 10 10 10 M ${a} ${b} h -10`, C), g = oe(o, a - 20, b + 6, "end", C)) : (m = ne(`M ${d - 10} ${x} c 5 0 10 5 10 10 L ${d} ${y - 10} c 0 5 -5 10 -10 10 M ${d} ${b} h 10`, C), g = oe(o, d + 20, b + 6, "start", C));
-  const w = mt("s-" + n);
+  a === M.LHS ? (m = oe(`M ${d + 10} ${x} c -5 0 -10 5 -10 10 L ${d} ${y - 10} c 0 5 5 10 10 10 M ${d} ${b} h -10`, C), g = se(o, d - 20, b + 6, "end", C)) : (m = oe(`M ${f - 10} ${x} c 5 0 10 5 10 10 L ${f} ${y - 10} c 0 5 -5 10 -10 10 M ${f} ${b} h 10`, C), g = se(o, f + 20, b + 6, "start", C));
+  const w = gt("s-" + n);
   return w.appendChild(m), w.appendChild(g), w.summaryObj = t, e.summarySvg.appendChild(w), w;
-}, vt = function() {
+}, xt = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: o } = pt(e), s = { id: Y(), parent: t, start: n, end: o, text: "summary" }, i = ge(this, s);
+  const { parent: t, start: n, end: o } = mt(e), s = { id: X(), parent: t, start: n, end: o, text: "summary" }, i = ye(this, s);
   this.summaries.push(s), this.editSummary(i), this.bus.fire("operation", {
     name: "createSummary",
     obj: s
   });
-}, xt = function(e) {
+}, bt = function(e) {
   var n;
   const t = this.summaries.findIndex((o) => o.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
   });
-}, bt = function(e) {
+}, wt = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   v(s, {
     x: t.x - n + "",
@@ -869,17 +872,17 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), e.appendChild(s), this.currentSummary = e;
-}, wt = function() {
+}, Ct = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Ct = function() {
+}, Et = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      ge(this, e);
+      ye(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Et = function(e) {
+}, St = function(e) {
   if (!e)
     return;
   const t = e.childNodes[1];
@@ -893,47 +896,47 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   });
 }, Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: vt,
-  editSummary: Et,
-  removeSummary: xt,
-  renderSummary: Ct,
-  selectSummary: bt,
-  unselectSummary: wt
-}, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
-function St(e, t) {
-  const n = document.createElementNS(L, "svg");
+  createSummary: xt,
+  editSummary: St,
+  removeSummary: bt,
+  renderSummary: Et,
+  selectSummary: wt,
+  unselectSummary: Ct
+}, Symbol.toStringTag, { value: "Module" })), S = "http://www.w3.org/2000/svg";
+function Mt(e, t) {
+  const n = document.createElementNS(S, "svg");
   return v(n, {
     version: "1.1",
-    xmlns: L,
+    xmlns: S,
     height: e,
     width: t
   }), n;
 }
-function Mt(e, t) {
+function $t(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function $t(e, t, n, o) {
-  const s = document.createElementNS(L, "g");
+function Nt(e, t, n, o) {
+  const s = document.createElementNS(S, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((c, l) => {
-    const f = document.createElementNS(L, "text");
-    v(f, {
+    const h = document.createElementNS(S, "text");
+    v(h, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Mt(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
+      y: o + parseInt(t.paddingTop) + $t(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
       "font-weight": `${t.fontWeight}`,
       fill: `${t.color}`
-    }), f.innerHTML = c, s.appendChild(f);
+    }), h.innerHTML = c, s.appendChild(h);
   }), s;
 }
-function Nt(e, t, n, o) {
+function Tt(e, t, n, o) {
   var c;
   let s = "";
   (c = e.nodeObj) != null && c.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(S, "foreignObject");
   v(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
@@ -946,8 +949,8 @@ function Nt(e, t, n, o) {
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), r.innerHTML = s, i.appendChild(r), i;
 }
-function Tt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(L, "rect");
+function kt(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = T(e.nodes, t), i = document.createElementNS(S, "rect");
   return v(i, {
     x: o + "",
     y: s + "",
@@ -960,8 +963,8 @@ function Tt(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function V(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = N(e.nodes, t), r = document.createElementNS(L, "rect");
+function _(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = T(e.nodes, t), r = document.createElementNS(S, "rect");
   v(r, {
     x: s + "",
     y: i + "",
@@ -973,13 +976,13 @@ function V(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const c = document.createElementNS(L, "g");
+  const c = document.createElementNS(S, "g");
   c.appendChild(r);
   let l;
-  return n ? l = Nt(t, o, s, i) : l = $t(t, o, s, i), c.appendChild(l), c;
+  return n ? l = Tt(t, o, s, i) : l = Nt(t, o, s, i), c.appendChild(l), c;
 }
-function kt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
+function Ht(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = T(e.nodes, t), i = document.createElementNS(S, "a"), r = document.createElementNS(S, "text");
   return v(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
@@ -990,8 +993,8 @@ function kt(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
-function Ht(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(L, "image");
+function At(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = T(e.nodes, t), i = document.createElementNS(S, "image");
   return v(i, {
     x: o + "",
     y: s + "",
@@ -1000,9 +1003,9 @@ function Ht(e, t) {
     href: t.src
   }), i;
 }
-const _ = 100, At = '<?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">', Dt = (e, t = !1) => {
-  var a, d, p;
-  const n = e.nodes, o = n.offsetHeight + _ * 2, s = n.offsetWidth + _ * 2, i = St(o + "px", s + "px"), r = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
+const q = 100, Bt = '<?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">', Dt = (e, t = !1) => {
+  var d, f, p;
+  const n = e.nodes, o = n.offsetHeight + q * 2, s = n.offsetWidth + q * 2, i = Mt(o + "px", s + "px"), r = document.createElementNS(S, "svg"), c = document.createElementNS(S, "rect");
   v(c, {
     x: "0",
     y: "0",
@@ -1010,31 +1013,31 @@ const _ = 100, At = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
   }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((u) => {
-    const m = u.cloneNode(!0), { offsetLeft: g, offsetTop: x } = N(n, u.parentElement);
+    const m = u.cloneNode(!0), { offsetLeft: g, offsetTop: x } = T(n, u.parentElement);
     m.setAttribute("x", `${g}`), m.setAttribute("y", `${x}`), r.appendChild(m);
   });
-  const l = (a = n.querySelector(".lines")) == null ? void 0 : a.cloneNode(!0);
+  const l = (d = n.querySelector(".lines")) == null ? void 0 : d.cloneNode(!0);
   l && r.appendChild(l);
-  const f = (d = n.querySelector(".topiclinks")) == null ? void 0 : d.cloneNode(!0);
-  f && r.appendChild(f);
-  const h = (p = n.querySelector(".summary")) == null ? void 0 : p.cloneNode(!0);
-  return h && r.appendChild(h), n.querySelectorAll("me-tpc").forEach((u) => {
-    u.nodeObj.dangerouslySetInnerHTML ? r.appendChild(V(e, u, !t)) : (r.appendChild(Tt(e, u)), r.appendChild(V(e, u.text, !t)));
+  const h = (f = n.querySelector(".topiclinks")) == null ? void 0 : f.cloneNode(!0);
+  h && r.appendChild(h);
+  const a = (p = n.querySelector(".summary")) == null ? void 0 : p.cloneNode(!0);
+  return a && r.appendChild(a), n.querySelectorAll("me-tpc").forEach((u) => {
+    u.nodeObj.dangerouslySetInnerHTML ? r.appendChild(_(e, u, !t)) : (r.appendChild(kt(e, u)), r.appendChild(_(e, u.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((u) => {
-    r.appendChild(V(e, u));
+    r.appendChild(_(e, u));
   }), n.querySelectorAll(".icons > span").forEach((u) => {
-    r.appendChild(V(e, u));
+    r.appendChild(_(e, u));
   }), n.querySelectorAll(".hyper-link").forEach((u) => {
-    r.appendChild(kt(e, u));
-  }), n.querySelectorAll("img").forEach((u) => {
     r.appendChild(Ht(e, u));
+  }), n.querySelectorAll("img").forEach((u) => {
+    r.appendChild(At(e, u));
   }), v(r, {
-    x: _ + "",
-    y: _ + "",
+    x: q + "",
+    y: q + "",
     overflow: "visible"
   }), i.appendChild(r), i;
-}, Bt = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), At + e.outerHTML);
-function Pt(e) {
+}, Pt = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Bt + e.outerHTML);
+function zt(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -1044,11 +1047,11 @@ function Pt(e) {
     }, o.readAsDataURL(e);
   });
 }
-const zt = function(e = !1, t) {
-  const n = Dt(this, e), o = Bt(n, t);
+const Ot = function(e = !1, t) {
+  const n = Dt(this, e), o = Pt(n, t);
   return new Blob([o], { type: "image/svg+xml" });
 }, jt = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await Pt(n);
+  const n = this.exportSvg(e, t), o = await zt(n);
   return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
@@ -1056,56 +1059,56 @@ const zt = function(e = !1, t) {
       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;
   });
-}, Ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   exportPng: jt,
-  exportSvg: zt
-}, Symbol.toStringTag, { value: "Module" })), Vt = {}, _t = {
-  getObjById: q,
-  generateNewObj: ye,
-  layout: be,
-  linkDiv: ke,
-  editTopic: $e,
-  createWrapper: Ee,
+  exportSvg: Ot
+}, Symbol.toStringTag, { value: "Module" })), _t = {}, qt = {
+  getObjById: I,
+  generateNewObj: ve,
+  layout: we,
+  linkDiv: He,
+  editTopic: Ne,
+  createWrapper: Se,
   createParent: Le,
-  createChildren: Se,
-  createTopic: Me,
-  findEle: S,
-  changeTheme: Be,
-  ...ot,
-  ...Vt,
-  ...ut,
+  createChildren: Me,
+  createTopic: $e,
+  findEle: L,
+  changeTheme: Pe,
+  ...st,
+  ..._t,
+  ...pt,
   ...Lt,
-  ...Ot,
+  ...Vt,
   init(e) {
     if (!e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, G(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && De(this), this.toCenter(), this.layout(), this.linkDiv();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, Y(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && De(this), this.toCenter(), this.layout(), this.linkDiv();
   },
   destroy() {
     var e;
     this.disposable.forEach((t) => t()), this.mindElixirBox && (this.mindElixirBox.innerHTML = ""), this.mindElixirBox = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNode = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (e = this.selection) == null || e.destroy(), this.selection = void 0;
   }
 };
-function qt({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: f }) {
-  let h = t + n / 2;
-  const a = e + o / 2;
-  let d;
-  l === "lhs" ? d = i + r : d = i;
-  const p = s + c / 2, m = (1 - Math.abs(p - a) / f) * 0.25 * (n / 2);
-  return l === "lhs" ? h = h - n / 10 - m : h = h + n / 10 + m, `M ${h} ${a} Q ${h} ${p} ${d} ${p}`;
+function It({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: h }) {
+  let a = t + n / 2;
+  const d = e + o / 2;
+  let f;
+  l === M.LHS ? f = i + r : f = i;
+  const p = s + c / 2, m = (1 - Math.abs(p - d) / h) * 0.25 * (n / 2);
+  return l === M.LHS ? a = a - n / 10 - m : a = a + n / 10 + m, `M ${a} ${d} Q ${a} ${p} ${f} ${p}`;
 }
-function It({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: f }) {
-  const h = parseInt(this.mindElixirBox.style.getPropertyValue("--gap"));
-  let a = 0, d = 0;
-  f ? a = e + o / 2 : a = e + o;
+function Rt({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: h }) {
+  const a = parseInt(this.mindElixirBox.style.getPropertyValue("--gap"));
+  let d = 0, f = 0;
+  h ? d = e + o / 2 : d = e + o;
   const p = s + c;
   let u = 0, m = 0, g = 0;
-  const x = Math.abs(a - p) / 300 * h;
-  return l === "lhs" ? (g = t, u = g + h, m = g - h, d = i + h, `M ${u} ${a} C ${g} ${a} ${g + x} ${p} ${m} ${p} H ${d}`) : (g = t + n, u = g - h, m = g + h, d = i + r - h, `M ${u} ${a} C ${g} ${a} ${g - x} ${p} ${m} ${p} H ${d}`);
+  const x = Math.abs(d - p) / 300 * a;
+  return l === M.LHS ? (g = t, u = g + a, m = g - a, f = i + a, `M ${u} ${d} C ${g} ${d} ${g + x} ${p} ${m} ${p} H ${f}`) : (g = t + n, u = g - a, m = g + a, f = i + r - a, `M ${u} ${d} C ${g} ${d} ${g - x} ${p} ${m} ${p} H ${f}`);
 }
-const Ft = "4.3.5", P = document;
-function M({
+const Ft = "4.3.6", z = document;
+function $({
   el: e,
   direction: t,
   locale: n,
@@ -1115,10 +1118,10 @@ function M({
   contextMenuOption: r,
   toolBar: c,
   keypress: l,
-  mouseSelectionButton: f,
-  selectionContainer: h,
-  before: a,
-  newTopicName: d,
+  mouseSelectionButton: h,
+  selectionContainer: a,
+  before: d,
+  newTopicName: f,
   allowUndo: p,
   generateMainBranch: u,
   generateSubBranch: m,
@@ -1129,21 +1132,22 @@ function M({
   const b = Object.prototype.toString.call(e);
   if (b === "[object HTMLDivElement]" ? y = e : b === "[object String]" && (y = document.querySelector(e)), !y)
     throw new Error("MindElixir: el is not a valid element");
-  y.className += " mind-elixir", y.innerHTML = "", this.mindElixirBox = y, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = c === void 0 ? !0 : c, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = f || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = d || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = p === void 0 ? !1 : p, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || qt, this.generateSubBranch = m || It, this.overflowHidden = g || !1, this.bus = xe.create(), this.container = P.createElement("div"), this.selectionContainer = h || this.container, this.container.className = "map-container";
+  y.className += " mind-elixir", y.innerHTML = "", this.mindElixirBox = y, this.disposable = [], this.before = d || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = c === void 0 ? !0 : c, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = h || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = f || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = p === void 0 ? !1 : p, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || It, this.generateSubBranch = m || Rt, this.overflowHidden = g || !1, this.bus = be.create(), this.container = z.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
   const C = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = x || (C.matches ? ie : se);
-  const w = P.createElement("div");
-  w.className = "map-canvas", this.map = w, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = P.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = z("lines"), this.summarySvg = z("summary"), this.linkController = z("linkcontroller"), this.P2 = P.createElement("div"), this.P3 = P.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ee(), this.line2 = ee(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = z("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ve(this);
+  this.theme = x || (C.matches ? re : ie);
+  const w = z.createElement("div");
+  w.className = "map-canvas", this.map = w, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = z.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = O("lines"), this.summarySvg = O("summary"), this.linkController = O("linkcontroller"), this.P2 = z.createElement("div"), this.P3 = z.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = te(), this.line2 = te(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = O("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : xe(this);
 }
-M.prototype = _t;
-M.LEFT = D;
-M.RIGHT = W;
-M.SIDE = R;
-M.THEME = se;
-M.DARK_THEME = ie;
-M.version = Ft;
-M.E = S;
-M.dragMoveHelper = $;
+$.prototype = qt;
+$.LEFT = D;
+$.RIGHT = W;
+$.SIDE = G;
+$.THEME = ie;
+$.DARK_THEME = re;
+$.version = Ft;
+$.E = L;
+$.dragMoveHelper = N;
 export {
-  M as default
+  M as DirectionClass,
+  $ as default
 };