mind-elixir 4.2.4 → 4.3.0

package/dist/MindElixir.js

@@ -10,12 +10,12 @@
     } catch {
     }
   }
-  function h() {
+  function u() {
     i || (i = !0, o());
   }
   t = function() {
-    var d, a, f, g;
-    (g = document.createElement("div")).innerHTML = c, c = null, (f = g.getElementsByTagName("svg")[0]) && (f.setAttribute("aria-hidden", "true"), f.style.position = "absolute", f.style.width = 0, f.style.height = 0, f.style.overflow = "hidden", d = f, (a = document.body).firstChild ? (g = d, (f = a.firstChild).parentNode.insertBefore(g, f)) : a.appendChild(d));
+    var d, a, p, g;
+    (g = document.createElement("div")).innerHTML = c, c = null, (p = g.getElementsByTagName("svg")[0]) && (p.setAttribute("aria-hidden", "true"), p.style.position = "absolute", p.style.width = 0, p.style.height = 0, p.style.overflow = "hidden", d = p, (a = document.body).firstChild ? (g = d, (p = a.firstChild).parentNode.insertBefore(g, p)) : a.appendChild(d));
   }, 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,15 +24,16 @@
     } catch {
       return void setTimeout(r, 50);
     }
-    h();
+    u();
   })(), s.onreadystatechange = function() {
-    s.readyState == "complete" && (s.onreadystatechange = null, h());
+    s.readyState == "complete" && (s.onreadystatechange = null, u());
   });
 })(window);
-const T = 0, R = 1, ce = 2, D = 30, Oe = {
+const T = 0, z = 1, re = 2, $e = {
   name: "Latte",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
+    "--gap": "30px",
     "--main-color": "#444446",
     "--main-bgcolor": "#ffffff",
     "--color": "#777777",
@@ -41,7 +42,7 @@ const T = 0, R = 1, ce = 2, D = 30, Oe = {
     "--panel-bgcolor": "#ffffff",
     "--panel-border-color": "#eaeaea"
   }
-}, Pe = {
+}, Oe = {
   name: "Dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
   cssVar: {
@@ -54,60 +55,60 @@ const T = 0, R = 1, ce = 2, D = 30, Oe = {
     "--panel-border-color": "#696969"
   }
 };
-function oe(e) {
+function ne(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const se = function(e, t) {
+const oe = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = se(e, t.children[n]);
+      const o = oe(e, t.children[n]);
       if (o)
         return o;
     }
     return null;
   } else
     return null;
-}, $ = (e, t) => {
+}, D = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      $(e.children[n], e);
+      D(e.children[n], e);
 };
-function ue(e) {
-  if (e.id = G(), e.children)
+function he(e) {
+  if (e.id = X(), e.children)
     for (let t = 0; t < e.children.length; t++)
-      ue(e.children[t]);
+      he(e.children[t]);
 }
-const nt = (e, t) => {
+const tt = (e, t) => {
   let n = Date.now();
   return function(...o) {
     Date.now() - n < t || (e(...o), n = Date.now());
   };
 };
-function He(e, t, n, o) {
+function Pe(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, h = r + l, d = r - l;
+  const c = 15, l = 30, u = r + l, d = r - l;
   return {
-    x1: n + Math.cos(Math.PI * h / 180) * c,
-    y1: o - Math.sin(Math.PI * h / 180) * c,
+    x1: n + Math.cos(Math.PI * u / 180) * c,
+    y1: o - Math.sin(Math.PI * u / 180) * c,
     x2: n + Math.cos(Math.PI * d / 180) * c,
     y2: o - Math.sin(Math.PI * d / 180) * c
   };
 }
-function G() {
+function X() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const ot = function() {
-  const e = G();
+const nt = function() {
+  const e = X();
   return {
     topic: this.newTopicName,
     id: e
   };
 };
-function fe(e) {
+function ue(e) {
   return JSON.parse(
     JSON.stringify(e, (n, o) => {
       if (n !== "parent")
@@ -115,7 +116,7 @@ function fe(e) {
     })
   );
 }
-const O = (e, t) => {
+const $ = (e, t) => {
   let n = 0, o = 0;
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
@@ -123,7 +124,7 @@ const O = (e, t) => {
 }, N = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, ae = (e) => e ? e.tagName === "ME-TPC" : !1, le = (e) => e.filter((t) => {
+}, le = (e) => e ? e.tagName === "ME-TPC" : !1, ce = (e) => e.filter((t) => {
   for (let n = 0; n < e.length; n++) {
     if (t === e[n])
       continue;
@@ -146,7 +147,7 @@ const O = (e, t) => {
     this.moved = !1, this.mousedown = !1;
   }
 };
-function st(e) {
+function ot(e) {
   e.map.addEventListener("click", (t) => {
     var o, s;
     if (t.button !== 0)
@@ -167,7 +168,7 @@ function st(e) {
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
-    else if (ae(n))
+    else if (le(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;
@@ -177,7 +178,7 @@ function st(e) {
     if (!e.editable)
       return;
     const n = t.target;
-    ae(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
+    le(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" && k.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
@@ -191,7 +192,7 @@ function st(e) {
     t.button === n && k.clear();
   });
 }
-const it = {
+const st = {
   create() {
     return {
       handlers: {},
@@ -219,32 +220,32 @@ const it = {
       }
     };
   }
-}, ie = document, rt = function() {
+}, se = document, it = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  pe(e, this.nodeData), e.draggable = !1;
-  const t = ie.createElement("me-root");
+  fe(e, this.nodeData), e.draggable = !1;
+  const t = se.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
-  if (this.direction === ce) {
+  if (this.direction === re) {
     let o = 0, s = 0;
     n.map((i) => {
-      i.direction === T ? o += 1 : i.direction === R ? s += 1 : o <= s ? (i.direction = T, o += 1) : (i.direction = R, s += 1);
+      i.direction === T ? o += 1 : i.direction === z ? s += 1 : o <= s ? (i.direction = T, o += 1) : (i.direction = z, s += 1);
     });
   }
-  ct(this, n, t);
-}, ct = function(e, t, n) {
-  const o = ie.createElement("me-main");
+  rt(this, n, t);
+}, rt = function(e, t, n) {
+  const o = se.createElement("me-main");
   o.className = "lhs";
-  const s = ie.createElement("me-main");
+  const s = se.createElement("me-main");
   s.className = "rhs";
   for (let i = 0; i < t.length; i++) {
     const r = t[i], { grp: c } = e.createWrapper(r);
-    e.direction === ce ? r.direction === T ? o.appendChild(c) : s.appendChild(c) : e.direction === T ? o.appendChild(c) : s.appendChild(c);
+    e.direction === re ? r.direction === T ? o.appendChild(c) : s.appendChild(c) : e.direction === T ? o.appendChild(c) : s.appendChild(c);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines);
-}, lt = function(e, t) {
-  const n = ie.createElement("me-children");
+}, ct = function(e, t) {
+  const n = se.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
     const s = t[o], { grp: i } = e.createWrapper(s);
     n.appendChild(i);
@@ -255,7 +256,7 @@ const it = {
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, pe = function(e, t) {
+}, fe = 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;
@@ -279,31 +280,31 @@ const it = {
     e.linkContainer && (e.linkContainer = void 0);
   if (t.icons && t.icons.length) {
     const n = _.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${oe(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ne(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
     const n = _.createElement("div");
-    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${oe(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
+    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${ne(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
-}, at = function(e, t) {
+}, lt = function(e, t) {
   const n = _.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const i = me(e.expanded);
+    const i = pe(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
-      const r = lt(this, e.children);
+      const r = ct(this, e.children);
       n.appendChild(r);
     }
   }
   return { grp: n, top: o, tpc: s };
-}, dt = function(e) {
+}, at = function(e) {
   const t = _.createElement("me-parent"), n = this.createTopic(e);
-  return pe(n, e), t.appendChild(n), { p: t, tpc: n };
-}, ht = function(e) {
+  return fe(n, e), t.appendChild(n), { p: t, tpc: n };
+}, dt = function(e) {
   const t = _.createElement("me-children");
   return t.append(...e), t;
-}, ut = function(e) {
+}, ht = function(e) {
   const t = _.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
@@ -313,7 +314,7 @@ function Be(e) {
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const ft = function(e) {
+const ut = function(e) {
   if (!e)
     return;
   const t = _.createElement("div"), n = e.text.textContent;
@@ -347,30 +348,30 @@ const ft = function(e) {
       origin: n
     }));
   });
-}, me = function(e) {
+}, pe = function(e) {
   const t = _.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, K = document, V = "http://www.w3.org/2000/svg", ze = function(e, t, n) {
-  const o = K.createElementNS(V, "path");
+}, I = document, K = "http://www.w3.org/2000/svg", He = function(e, t, n) {
+  const o = I.createElementNS(K, "path");
   return N(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
-}, X = function(e) {
-  const t = K.createElementNS(V, "svg");
+}, Y = function(e) {
+  const t = I.createElementNS(K, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, be = function() {
-  const e = K.createElementNS(V, "line");
+}, ye = function() {
+  const e = I.createElementNS(K, "line");
   return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
-}, pt = function(e, t) {
+}, ft = function(e, t) {
   const n = {
     stroke: "rgb(235, 95, 82)",
     fill: "none",
     "stroke-linecap": "cap",
     "stroke-width": "2"
-  }, o = K.createElementNS(V, "g"), s = K.createElementNS(V, "path"), i = K.createElementNS(V, "path");
+  }, o = I.createElementNS(K, "g"), s = I.createElementNS(K, "path"), i = I.createElementNS(K, "path");
   return N(i, {
     d: t,
     ...n
@@ -379,7 +380,7 @@ const ft = function(e) {
     ...n,
     "stroke-dasharray": "8,2"
   }), o.appendChild(s), o.appendChild(i), o;
-}, Re = function(e, t, n) {
+}, ze = function(e, t, n) {
   if (!t)
     return;
   const o = document.createElement("div");
@@ -391,8 +392,8 @@ const ft = function(e) {
   const c = t.getAttribute("text-anchor");
   c === "end" ? o.style.cssText += "transform: translate(-100%, -100%);" : c === "middle" ? o.style.cssText += "transform: translate(-50%, -100%);" : o.style.cssText += "transform: translate(0, -100%);", o.focus(), Be(o), o.addEventListener("keydown", (l) => {
     l.stopPropagation();
-    const h = l.key;
-    if (h === "Enter" || h === "Tab") {
+    const u = l.key;
+    if (u === "Enter" || u === "Tab") {
       if (l.shiftKey)
         return;
       l.preventDefault(), o.blur(), e.map.focus();
@@ -400,38 +401,38 @@ const ft = function(e) {
   }), o.addEventListener("blur", () => {
     o && n(o);
   });
-}, mt = function(e) {
+}, pt = 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], h = l.querySelector("me-tpc"), { offsetLeft: d, offsetTop: a } = O(this.nodes, h), f = h.offsetWidth, g = h.offsetHeight, p = l.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: d, cW: f, cH: g, direction: p, containerHeight: this.nodes.offsetHeight }), u = this.theme.palette, v = h.nodeObj.branchColor || u[c % u.length];
-    h.style.borderColor = v, this.lines.appendChild(ze(m, v, "3"));
+    const l = r[c], u = l.querySelector("me-tpc"), { offsetLeft: d, offsetTop: a } = $(this.nodes, u), p = u.offsetWidth, g = u.offsetHeight, f = l.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: d, cW: p, cH: g, direction: f, containerHeight: this.nodes.offsetHeight }), h = this.theme.palette, v = u.nodeObj.branchColor || h[c % h.length];
+    u.style.borderColor = v, this.lines.appendChild(He(m, v, "3"));
     const y = l.children[0].children[1];
-    if (y && (y.style.top = (y.parentNode.offsetHeight - y.offsetHeight) / 2 + "px", p === "lhs" ? y.style.left = "-10px" : y.style.right = "-10px"), e && e !== l)
+    if (y && (y.style.top = (y.parentNode.offsetHeight - y.offsetHeight) / 2 + "px", f === "lhs" ? y.style.left = "-10px" : y.style.right = "-10px"), e && e !== l)
       continue;
-    const b = X("subLines"), x = l.lastChild;
-    x.tagName === "svg" && x.remove(), l.appendChild(b), Fe(this, b, v, l, p, !0);
+    const b = Y("subLines"), x = l.lastChild;
+    x.tagName === "svg" && x.remove(), l.appendChild(b), Re(this, b, v, l, f, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, Fe = function(e, t, n, o, s, i) {
+}, Re = 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, h = r.offsetLeft, d = r.offsetWidth, a = r.offsetHeight;
-  for (let f = 0; f < c.length; f++) {
-    const g = c[f], p = g.firstChild, m = p.offsetTop, u = p.offsetLeft, v = p.offsetWidth, y = p.offsetHeight, b = p.firstChild.nodeObj.branchColor || n, x = e.generateSubBranch({ pT: l, pL: h, pW: d, pH: a, cT: m, cL: u, cW: v, cH: y, direction: s, isFirst: i });
-    t.appendChild(ze(x, b, "2"));
-    const w = p.children[1];
+  const l = r.offsetTop, u = r.offsetLeft, d = r.offsetWidth, a = r.offsetHeight;
+  for (let p = 0; p < c.length; p++) {
+    const g = c[p], f = g.firstChild, m = f.offsetTop, h = f.offsetLeft, v = f.offsetWidth, y = f.offsetHeight, b = f.firstChild.nodeObj.branchColor || n, x = e.generateSubBranch({ pT: l, pL: u, pW: d, pH: a, cT: m, cL: h, cW: v, cH: y, direction: s, isFirst: i });
+    t.appendChild(He(x, b, "2"));
+    const w = f.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)
         continue;
     } else
       continue;
-    Fe(e, t, b, g, s);
+    Re(e, t, b, g, s);
   }
-}, xe = {
+}, be = {
   addChild: "插入子节点",
   addParent: "插入父节点",
   addSibling: "插入同级节点",
@@ -443,9 +444,9 @@ const ft = function(e) {
   link: "连接",
   clickTips: "请点击目标节点",
   summary: "摘要"
-}, we = {
-  cn: xe,
-  zh_CN: xe,
+}, xe = {
+  cn: be,
+  zh_CN: be,
   zh_TW: {
     addChild: "插入子節點",
     addParent: "插入父節點",
@@ -564,32 +565,32 @@ const ft = function(e) {
     summary: "요약"
   }
 };
-function gt(e, t) {
+function mt(e, t) {
   const n = (b) => {
     const x = document.createElement("div");
     return x.innerText = b, x.className = "tips", x;
   }, o = (b, x, w) => {
     const S = document.createElement("li");
-    return S.id = b, S.innerHTML = `<span>${oe(x)}</span><span ${w ? 'class="key"' : ""}>${oe(w)}</span>`, S;
-  }, s = we[e.locale] ? e.locale : "en", i = we[s], r = o("cm-add_child", i.addChild, "Tab"), c = o("cm-add_parent", i.addParent, "Ctrl + Enter"), l = o("cm-add_sibling", i.addSibling, "Enter"), h = o("cm-remove_child", i.removeNode, "Delete"), d = o("cm-fucus", i.focus, ""), a = o("cm-unfucus", i.cancelFocus, ""), f = o("cm-up", i.moveUp, "PgUp"), g = o("cm-down", i.moveDown, "Pgdn"), p = o("cm-link", i.link, ""), m = o("cm-summary", i.summary, ""), u = document.createElement("ul");
-  if (u.className = "menu-list", u.appendChild(r), u.appendChild(c), u.appendChild(l), u.appendChild(h), (!t || t.focus) && (u.appendChild(d), u.appendChild(a)), u.appendChild(f), u.appendChild(g), u.appendChild(m), (!t || t.link) && u.appendChild(p), t && t.extend)
+    return S.id = b, S.innerHTML = `<span>${ne(x)}</span><span ${w ? 'class="key"' : ""}>${ne(w)}</span>`, S;
+  }, s = xe[e.locale] ? e.locale : "en", i = xe[s], r = o("cm-add_child", i.addChild, "Tab"), c = o("cm-add_parent", i.addParent, "Ctrl + Enter"), l = o("cm-add_sibling", i.addSibling, "Enter"), u = o("cm-remove_child", i.removeNode, "Delete"), d = o("cm-fucus", i.focus, ""), a = o("cm-unfucus", i.cancelFocus, ""), p = o("cm-up", i.moveUp, "PgUp"), g = o("cm-down", i.moveDown, "Pgdn"), f = o("cm-link", i.link, ""), m = o("cm-summary", i.summary, ""), h = document.createElement("ul");
+  if (h.className = "menu-list", h.appendChild(r), h.appendChild(c), h.appendChild(l), h.appendChild(u), (!t || t.focus) && (h.appendChild(d), h.appendChild(a)), h.appendChild(p), h.appendChild(g), h.appendChild(m), (!t || t.link) && h.appendChild(f), t && t.extend)
     for (let b = 0; b < t.extend.length; b++) {
       const x = t.extend[b], w = o(x.name, x.name, x.key || "");
-      u.appendChild(w), w.onclick = (S) => {
+      h.appendChild(w), w.onclick = (S) => {
         x.onclick(S);
       };
     }
   const v = document.createElement("div");
-  v.className = "context-menu", v.appendChild(u), v.hidden = !0, e.container.append(v);
+  v.className = "context-menu", v.appendChild(h), v.hidden = !0, e.container.append(v);
   let y = !0;
   return e.container.oncontextmenu = function(b) {
     if (b.preventDefault(), !e.editable)
       return;
     const x = b.target;
-    if (ae(x)) {
-      x.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (d.className = "disabled", f.className = "disabled", g.className = "disabled", c.className = "disabled", l.className = "disabled", h.className = "disabled") : (d.className = "", f.className = "", g.className = "", c.className = "", l.className = "", h.className = ""), e.currentNodes || e.selectNode(x), v.hidden = !1, k.mousedown && (k.mousedown = !1), u.style.top = "", u.style.bottom = "", u.style.left = "", u.style.right = "";
-      const w = u.getBoundingClientRect(), S = u.offsetHeight, P = u.offsetWidth, U = b.clientY - w.top, H = b.clientX - w.left;
-      S + U > window.innerHeight ? (u.style.top = "", u.style.bottom = "0px") : (u.style.bottom = "", u.style.top = U + 15 + "px"), P + H > window.innerWidth ? (u.style.left = "", u.style.right = "0px") : (u.style.right = "", u.style.left = H + 10 + "px");
+    if (le(x)) {
+      x.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (d.className = "disabled", p.className = "disabled", g.className = "disabled", c.className = "disabled", l.className = "disabled", u.className = "disabled") : (d.className = "", p.className = "", g.className = "", c.className = "", l.className = "", u.className = ""), e.currentNodes || e.selectNode(x), v.hidden = !1, k.mousedown && (k.mousedown = !1), h.style.top = "", h.style.bottom = "", h.style.left = "", h.style.right = "";
+      const w = h.getBoundingClientRect(), S = h.offsetHeight, O = h.offsetWidth, W = b.clientY - w.top, P = b.clientX - w.left;
+      S + W > window.innerHeight ? (h.style.top = "", h.style.bottom = "0px") : (h.style.bottom = "", h.style.top = W + 15 + "px"), O + P > window.innerWidth ? (h.style.left = "", h.style.right = "0px") : (h.style.right = "", h.style.left = P + 10 + "px");
     }
   }, v.onclick = (b) => {
     b.target === v && (v.hidden = !0);
@@ -599,17 +600,17 @@ function gt(e, t) {
     e.insertParent(), v.hidden = !0;
   }, l.onclick = () => {
     y || (e.insertSibling("after"), v.hidden = !0);
-  }, h.onclick = () => {
+  }, u.onclick = () => {
     y || (e.removeNode(), v.hidden = !0);
   }, d.onclick = () => {
     y || (e.focusNode(e.currentNode), v.hidden = !0);
   }, a.onclick = () => {
     e.cancelFocus(), v.hidden = !0;
-  }, f.onclick = () => {
+  }, p.onclick = () => {
     y || (e.moveUpNode(), v.hidden = !0);
   }, g.onclick = () => {
     y || (e.moveDownNode(), v.hidden = !0);
-  }, p.onclick = () => {
+  }, f.onclick = () => {
     v.hidden = !0;
     const b = e.currentNode, x = n(i.clickTips);
     e.container.appendChild(x), e.map.addEventListener(
@@ -626,44 +627,44 @@ function gt(e, t) {
   }, m.onclick = () => {
     v.hidden = !0, e.createSummary(), e.unselectNodes();
   }, () => {
-    r.onclick = null, c.onclick = null, l.onclick = null, h.onclick = null, d.onclick = null, a.onclick = null, f.onclick = null, g.onclick = null, p.onclick = null, m.onclick = null, v.onclick = null, e.container.oncontextmenu = null;
+    r.onclick = null, c.onclick = null, l.onclick = null, u.onclick = null, d.onclick = null, a.onclick = null, p.onclick = null, g.onclick = null, f.onclick = null, m.onclick = null, v.onclick = null, e.container.oncontextmenu = null;
   };
 }
-const vt = (e) => {
+const gt = (e) => {
   const t = e.map.querySelectorAll(".lhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, yt = (e) => {
+}, vt = (e) => {
   const t = e.map.querySelectorAll(".rhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, bt = (e) => {
+}, yt = (e) => {
   e.selectNode(e.map.querySelector("me-root>me-tpc"));
-}, xt = function(e, t) {
+}, bt = function(e, t) {
   const n = t.parentElement.parentElement.parentElement.previousSibling;
   if (n) {
     const o = n.firstChild;
     e.selectNode(o);
   }
-}, wt = function(e, t) {
+}, xt = function(e, t) {
   const n = t.parentElement.nextSibling;
   if (n && n.firstChild) {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, Ee = function(e, t) {
+}, we = function(e, t) {
   var i, r;
   const n = e.currentNode || ((i = e.currentNodes) == null ? void 0 : i[0]);
   if (!n)
     return;
   const o = n.nodeObj, s = n.offsetParent.offsetParent.parentElement;
-  o.parent ? s.className === t ? wt(e, n) : (r = o.parent) != null && r.parent ? xt(e, n) : bt(e) : t === "lhs" ? vt(e) : yt(e);
-}, Ne = function(e, t) {
+  o.parent ? s.className === t ? xt(e, n) : (r = o.parent) != null && r.parent ? bt(e, n) : yt(e) : t === "lhs" ? gt(e) : vt(e);
+}, Ee = function(e, t) {
   var r;
   const n = e.currentNode || ((r = e.currentNodes) == null ? void 0 : r[0]);
   if (!n || !n.nodeObj.parent)
     return;
   const s = t + "Sibling", i = n.parentElement.parentElement[s];
   i && e.selectNode(i.firstChild.firstChild);
-}, Q = function(e, t, n = 1) {
+}, Z = function(e, t, n = 1) {
   switch (t) {
     case "in":
       if (e.scaleVal * n > 1.6)
@@ -676,7 +677,7 @@ const vt = (e) => {
       e.scale(e.scaleVal -= 0.2);
   }
 };
-function Et(e) {
+function wt(e) {
   const t = () => {
     e.currentArrow ? e.removeArrow() : e.currentSummary ? e.removeSummary(e.currentSummary.summaryObj.id) : e.currentNode ? e.removeNode() : e.currentNodes && e.removeNodes(e.currentNodes);
   }, n = {
@@ -698,21 +699,21 @@ function Et(e) {
       else {
         if (o.metaKey || o.ctrlKey)
           return e.initSide();
-        Ne(e, "previous");
+        Ee(e, "previous");
       }
     },
     ArrowDown: (o) => {
-      o.altKey ? e.moveDownNode() : Ne(e, "next");
+      o.altKey ? e.moveDownNode() : Ee(e, "next");
     },
     ArrowLeft: (o) => {
       if (o.metaKey || o.ctrlKey)
         return e.initLeft();
-      Ee(e, "lhs");
+      we(e, "lhs");
     },
     ArrowRight: (o) => {
       if (o.metaKey || o.ctrlKey)
         return e.initRight();
-      Ee(e, "rhs");
+      we(e, "rhs");
     },
     PageUp: () => e.moveUpNode(),
     PageDown: () => {
@@ -728,10 +729,10 @@ function Et(e) {
       !e.waitCopy || !e.currentNode || (o.metaKey || o.ctrlKey) && (e.waitCopy.length === 1 ? e.copyNode(e.waitCopy[0], e.currentNode) : e.copyNodes(e.waitCopy, e.currentNode));
     },
     "+": (o) => {
-      (o.metaKey || o.ctrlKey) && Q(e, "in");
+      (o.metaKey || o.ctrlKey) && Z(e, "in");
     },
     "-": (o) => {
-      (o.metaKey || o.ctrlKey) && Q(e, "out");
+      (o.metaKey || o.ctrlKey) && Z(e, "out");
     },
     0: (o) => {
       (o.metaKey || o.ctrlKey) && e.scale(1);
@@ -748,38 +749,38 @@ function Et(e) {
     if (o.ctrlKey || o.metaKey) {
       o.preventDefault();
       const s = Math.abs(o.deltaY / 100);
-      o.deltaY < 0 ? Q(e, "in", s) : e.scaleVal - 0.2 > 0 && Q(e, "out", s), o.stopPropagation();
+      o.deltaY < 0 ? Z(e, "in", s) : e.scaleVal - 0.2 > 0 && Z(e, "out", s), o.stopPropagation();
     }
   };
 }
-const de = document, Nt = function(e, t) {
+const ae = document, Et = function(e, t) {
   if (!t)
-    return he(e), e;
+    return de(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
-  return n || (n = de.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, he = function(e) {
+  return n || (n = ae.createElement("div"), e.appendChild(n)), n.className = o, e;
+}, de = function(e) {
   if (!e)
     return;
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
     n.remove();
-}, Ce = function(e, t) {
+}, Ne = function(e, t) {
   for (const n of t) {
     const o = n.parentElement.parentElement.contains(e);
     if (!(e && e.tagName === "ME-TPC" && e !== n && !o && e.nodeObj.parent))
       return !1;
   }
   return !0;
-}, Ct = function(e) {
+}, Nt = function(e) {
   const t = document.createElement("div");
   return t.className = "mind-elixir-ghost", e.map.appendChild(t), t;
 };
-function St(e) {
+function Ct(e) {
   let t = null, n = null, o = null;
-  const s = Ct(e), i = 12;
+  const s = Nt(e), i = 12;
   e.map.addEventListener("dragstart", (r) => {
-    var l, h;
+    var l, u;
     const c = r.target;
     if ((c == null ? void 0 : c.tagName) !== "ME-TPC") {
       r.preventDefault();
@@ -788,39 +789,39 @@ function St(e) {
     (l = e.currentNodes) != null && l.includes(c) || (e.unselectNodes(), e.selectNode(c)), e.currentNodes ? (t = e.currentNodes, s.innerHTML = e.currentNodes.length + " nodes") : (t = [c], s.innerHTML = c.innerHTML);
     for (const d of t)
       d.parentElement.parentElement.style.opacity = "0.5";
-    (h = r.dataTransfer) == null || h.setDragImage(s, 0, 0), k.clear();
+    (u = r.dataTransfer) == null || u.setDragImage(s, 0, 0), k.clear();
   }), e.map.addEventListener("dragend", async (r) => {
     if (!t)
       return;
     for (const l of t)
       l.parentElement.parentElement.style.opacity = "1";
     const c = r.target;
-    c.style.opacity = "", o && (he(o), n === "before" ? e.moveNodeBefore(t, o) : n === "after" ? e.moveNodeAfter(t, o) : n === "in" && e.moveNodeIn(t, o), t = null);
+    c.style.opacity = "", o && (de(o), n === "before" ? e.moveNodeBefore(t, o) : n === "after" ? e.moveNodeAfter(t, o) : n === "in" && e.moveNodeIn(t, o), t = null);
   }), e.map.addEventListener(
     "dragover",
-    nt(function(r) {
+    tt(function(r) {
       if (!t)
         return;
-      he(o);
-      const c = de.elementFromPoint(r.clientX, r.clientY - i);
-      if (Ce(c, t)) {
+      de(o);
+      const c = ae.elementFromPoint(r.clientX, r.clientY - i);
+      if (Ne(c, t)) {
         o = c;
         const l = c.getBoundingClientRect().y;
         r.clientY > l + c.clientHeight ? n = "after" : n = "in";
       } else {
-        const l = de.elementFromPoint(r.clientX, r.clientY + i);
-        if (Ce(l, t)) {
+        const l = ae.elementFromPoint(r.clientX, r.clientY + i);
+        if (Ne(l, t)) {
           o = l;
-          const h = l.getBoundingClientRect().y;
-          r.clientY < h ? n = "before" : n = "in";
+          const u = l.getBoundingClientRect().y;
+          r.clientY < u ? n = "before" : n = "in";
         } else
           n = o = null;
       }
-      o && Nt(o, n);
+      o && Et(o, n);
     }, 100)
   );
 }
-const _t = function(e) {
+const St = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -835,14 +836,14 @@ const _t = function(e) {
     value: e.obj.id
   };
 };
-function Mt(e) {
+function _t(e) {
   let t = [], n = -1, o = e.getData();
   e.bus.addListener("operation", (s) => {
     if (s.name === "beginEdit")
       return;
     t = t.slice(0, n + 1);
     const i = e.getData();
-    t.push({ prev: o, currentObject: _t(s), next: i }), o = i, n = t.length - 1;
+    t.push({ prev: o, currentObject: St(s), next: i }), o = i, n = t.length - 1;
   }), e.undo = function() {
     if (n > -1) {
       const s = t[n];
@@ -864,14 +865,14 @@ function Mt(e) {
     (s.metaKey || s.ctrlKey) && s.shiftKey && s.key === "Z" ? e.redo() : (s.metaKey || s.ctrlKey) && s.key === "z" && e.undo();
   });
 }
-const F = (e, t) => {
+const R = (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 kt(e) {
-  const t = document.createElement("div"), n = F("fullscreen", "full"), o = F("toCenter", "living"), s = F("zoomout", "move"), i = F("zoomin", "add"), r = document.createElement("span");
+function Mt(e) {
+  const t = document.createElement("div"), n = R("fullscreen", "full"), o = R("toCenter", "living"), s = R("zoomout", "move"), i = R("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 = () => {
@@ -882,8 +883,8 @@ function kt(e) {
     e.scaleVal > 1.6 || e.scale(e.scaleVal + 0.2);
   }, t;
 }
-function Tt(e) {
-  const t = document.createElement("div"), n = F("tbltl", "left"), o = F("tbltr", "right"), s = F("tblts", "side");
+function kt(e) {
+  const t = document.createElement("div"), n = R("tbltl", "left"), o = R("tbltr", "right"), s = R("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
@@ -892,12 +893,12 @@ function Tt(e) {
     e.initSide();
   }, t;
 }
-function Lt(e) {
-  e.container.append(kt(e)), e.container.append(Tt(e));
+function Tt(e) {
+  e.container.append(Mt(e)), e.container.append(kt(e));
 }
 /*! @viselect/vanilla v3.6.0 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-var At = Object.defineProperty, jt = (e, t, n) => t in e ? At(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, E = (e, t, n) => jt(e, typeof t != "symbol" ? t + "" : t, n);
-class Dt {
+var Lt = Object.defineProperty, At = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, E = (e, t, n) => At(e, typeof t != "symbol" ? t + "" : t, n);
+class jt {
   constructor() {
     E(this, "_listeners", /* @__PURE__ */ new Map()), E(this, "on", this.addEventListener), E(this, "off", this.removeEventListener), E(this, "emit", this.dispatchEvent);
   }
@@ -919,27 +920,27 @@ class Dt {
     this._listeners.clear();
   }
 }
-const Se = (e, t = "px") => typeof e == "number" ? e + t : e;
+const Ce = (e, t = "px") => typeof e == "number" ? e + t : e;
 function j({ style: e }, t, n) {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
-      s !== void 0 && (e[o] = Se(s));
+      s !== void 0 && (e[o] = Ce(s));
   else
-    n !== void 0 && (e[t] = Se(n));
+    n !== void 0 && (e[t] = Ce(n));
 }
-const qe = (e) => (t, n, o, s = {}) => {
+const Fe = (e) => (t, n, o, s = {}) => {
   t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
   for (const i of t)
     if (i)
       for (const r of n)
         i[e](r, o, { capture: !1, ...s });
   return [t, n, o, s];
-}, B = qe("addEventListener"), L = qe("removeEventListener"), ee = (e) => {
+}, B = Fe("addEventListener"), L = Fe("removeEventListener"), Q = (e) => {
   var t;
   const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: s };
 };
-function _e(e, t, n = "touch") {
+function Se(e, t, n = "touch") {
   switch (n) {
     case "center": {
       const o = t.left + t.width / 2, s = t.top + t.height / 2;
@@ -951,7 +952,7 @@ function _e(e, t, n = "touch") {
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
 }
-function q(e, t = document) {
+function F(e, t = document) {
   const n = Array.isArray(e) ? e : [e];
   let o = [];
   for (let s = 0, i = n.length; s < i; s++) {
@@ -960,7 +961,7 @@ function q(e, t = document) {
   }
   return o;
 }
-const $t = () => matchMedia("(hover: none), (pointer: coarse)").matches, Ot = () => "safari" in window, Pt = (e) => {
+const Dt = () => matchMedia("(hover: none), (pointer: coarse)").matches, $t = () => "safari" in window, Ot = (e) => {
   let t, n = -1, o = !1;
   return {
     next(...s) {
@@ -973,7 +974,7 @@ const $t = () => matchMedia("(hover: none), (pointer: coarse)").matches, Ot = ()
     }
   };
 };
-function Ht(e, t) {
+function Pt(e, t) {
   for (const n of t) {
     if (typeof n == "number")
       return e.button === n;
@@ -993,16 +994,16 @@ function Ht(e, t) {
   }
   return !1;
 }
-const { abs: z, max: Me, min: ke, ceil: Te } = Math, Le = (e = []) => ({
+const { abs: H, max: _e, min: Me, ceil: ke } = Math, Te = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
   changed: { added: [], removed: [] }
 });
-class Ie extends Dt {
+class qe extends jt {
   constructor(t) {
     var n, o, s, i, r;
-    super(), E(this, "_options"), E(this, "_selection", Le()), E(this, "_area"), E(this, "_clippingElement"), E(this, "_targetElement"), E(this, "_targetBoundary"), E(this, "_targetBoundaryScrolled", !0), E(this, "_targetRect"), E(this, "_selectables", []), E(this, "_latestElement"), E(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), E(this, "_areaRect", new DOMRect()), E(this, "_singleClick", !0), E(this, "_frame"), E(this, "_scrollAvailable", !0), E(this, "_scrollingActive", !1), E(this, "_scrollSpeed", { x: 0, y: 0 }), E(this, "_scrollDelta", { x: 0, y: 0 }), E(this, "disable", this._toggleStartEvents.bind(this, !1)), E(this, "enable", this._toggleStartEvents), this._options = {
+    super(), E(this, "_options"), E(this, "_selection", Te()), E(this, "_area"), E(this, "_clippingElement"), E(this, "_targetElement"), E(this, "_targetBoundary"), E(this, "_targetBoundaryScrolled", !0), E(this, "_targetRect"), E(this, "_selectables", []), E(this, "_latestElement"), E(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), E(this, "_areaRect", new DOMRect()), E(this, "_singleClick", !0), E(this, "_frame"), E(this, "_scrollAvailable", !0), E(this, "_scrollingActive", !1), E(this, "_scrollSpeed", { x: 0, y: 0 }), E(this, "_scrollDelta", { x: 0, y: 0 }), E(this, "disable", this._toggleStartEvents.bind(this, !1)), E(this, "enable", this._toggleStartEvents), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -1042,8 +1043,8 @@ class Ie extends Dt {
     };
     for (const d of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
       typeof this[d] == "function" && (this[d] = this[d].bind(this));
-    const { document: c, selectionAreaClass: l, selectionContainerClass: h } = this._options;
-    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(l), h && this._clippingElement.classList.add(h), j(this._area, {
+    const { document: c, selectionAreaClass: l, selectionContainerClass: u } = this._options;
+    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(l), u && this._clippingElement.classList.add(u), j(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
@@ -1055,7 +1056,7 @@ class Ie extends Dt {
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = Pt((d) => {
+    }), this._frame = Ot((d) => {
       this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", d), this._redrawSelectionArea();
     }), this.enable();
   }
@@ -1064,31 +1065,31 @@ class Ie extends Dt {
     s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = ee(t), { document: r, startAreas: c, boundaries: l, features: h, behaviour: d } = this._options, a = i.getBoundingClientRect();
-    if (t instanceof MouseEvent && !Ht(t, d.triggers))
+    const { x: o, y: s, target: i } = Q(t), { document: r, startAreas: c, boundaries: l, features: u, behaviour: d } = this._options, a = i.getBoundingClientRect();
+    if (t instanceof MouseEvent && !Pt(t, d.triggers))
       return;
-    const f = q(c, r), g = q(l, r);
+    const p = F(c, r), g = F(l, r);
     this._targetElement = g.find(
-      (v) => _e(v.getBoundingClientRect(), a)
+      (v) => Se(v.getBoundingClientRect(), a)
     );
-    const p = t.composedPath(), m = f.find((v) => p.includes(v));
-    if (this._targetBoundary = g.find((v) => p.includes(v)), !this._targetElement || !m || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    const f = t.composedPath(), m = p.find((v) => f.includes(v));
+    if (this._targetBoundary = g.find((v) => f.includes(v)), !this._targetElement || !m || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
     this._areaLocation = { x1: o, y1: s, x2: 0, y2: 0 };
-    const u = r.scrollingElement ?? r.body;
-    this._scrollDelta = { x: u.scrollLeft, y: u.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), B(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), B(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), B(r, "scroll", this._onScroll), h.deselectOnBlur && (this._targetBoundaryScrolled = !1, B(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    const h = r.scrollingElement ?? r.body;
+    this._scrollDelta = { x: h.scrollLeft, y: h.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), B(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), B(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), B(r, "scroll", this._onScroll), u.deselectOnBlur && (this._targetBoundaryScrolled = !1, B(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
-    const { singleTap: { intersect: n }, range: o } = this._options.features, s = ee(t);
+    const { singleTap: { intersect: n }, range: o } = this._options.features, s = Q(t);
     let i;
     if (n === "native")
       i = s.target;
     else if (n === "touch") {
       this.resolveSelectables();
       const { x: c, y: l } = s;
-      i = this._selectables.find((h) => {
-        const { right: d, left: a, top: f, bottom: g } = h.getBoundingClientRect();
-        return c < d && c > a && l < g && l > f;
+      i = this._selectables.find((u) => {
+        const { right: d, left: a, top: p, bottom: g } = u.getBoundingClientRect();
+        return c < d && c > a && l < g && l > p;
       });
     }
     if (!i)
@@ -1102,25 +1103,25 @@ class Ie extends Dt {
       }
     const { stored: r } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const c = this._latestElement, [l, h] = c.compareDocumentPosition(i) & 4 ? [i, c] : [c, i], d = [...this._selectables.filter(
-        (a) => a.compareDocumentPosition(l) & 4 && a.compareDocumentPosition(h) & 2
-      ), l, h];
+      const c = this._latestElement, [l, u] = c.compareDocumentPosition(i) & 4 ? [i, c] : [c, i], d = [...this._selectables.filter(
+        (a) => a.compareDocumentPosition(l) & 4 && a.compareDocumentPosition(u) & 2
+      ), l, u];
       this.select(d), this._latestElement = c;
     } else
       r.includes(i) && (r.length === 1 || t.ctrlKey || r.every((c) => this._selection.stored.includes(c))) ? this.deselect(i) : (this.select(i), this._latestElement = i);
   }
   _delayedTapMove(t) {
-    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: c, y: l } = ee(t);
+    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: c, y: l } = Q(t);
     if (
       // Single number for both coordinates
-      typeof s == "number" && z(c + l - (i + r)) >= s || // Different x and y threshold
-      typeof s == "object" && z(c - i) >= s.x || z(l - r) >= s.y
+      typeof s == "number" && H(c + l - (i + r)) >= s || // Different x and y threshold
+      typeof s == "object" && H(c - i) >= s.x || H(l - r) >= s.y
     ) {
       if (L(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
         L(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      B(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(this._area, "display", "block"), q(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (B(this._targetElement, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((h) => this._targetElement.contains(h))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
+      B(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(this._area, "display", "block"), F(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (B(this._targetElement, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((u) => this._targetElement.contains(u))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
@@ -1145,16 +1146,16 @@ class Ie extends Dt {
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: r } = s.behaviour.scrolling, c = this._targetElement, { x: l, y: h } = ee(t);
-    if (o.x2 = l, o.y2 = h, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: r } = s.behaviour.scrolling, c = this._targetElement, { x: l, y: u } = Q(t);
+    if (o.x2 = l, o.y2 = u, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const d = () => {
         if (!n.x && !n.y) {
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: a, scrollLeft: f } = c;
-        n.y && (c.scrollTop += Te(n.y / r), o.y1 -= c.scrollTop - a), n.x && (c.scrollLeft += Te(n.x / r), o.x1 -= c.scrollLeft - f), i.next(t), requestAnimationFrame(d);
+        const { scrollTop: a, scrollLeft: p } = c;
+        n.y && (c.scrollTop += ke(n.y / r), o.y1 -= c.scrollTop - a), n.x && (c.scrollLeft += ke(n.x / r), o.x1 -= c.scrollLeft - p), i.next(t), requestAnimationFrame(d);
       };
       requestAnimationFrame(d);
     } else
@@ -1163,7 +1164,7 @@ class Ie extends Dt {
   }
   _handleMoveEvent(t) {
     const { features: n } = this._options;
-    (n.touch && $t() || this._scrollAvailable && Ot()) && t.preventDefault();
+    (n.touch && Dt() || this._scrollAvailable && $t()) && t.preventDefault();
   }
   _onScroll() {
     const { _scrollDelta: t, _options: { document: n } } = this, { scrollTop: o, scrollLeft: s } = n.scrollingElement ?? n.body;
@@ -1177,11 +1178,11 @@ class Ie extends Dt {
     this._scrollSpeed.y += o * n, this._scrollSpeed.x += s * n, this._onTapMove(t), t.preventDefault();
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, { scrollTop: i, scrollHeight: r, clientHeight: c, scrollLeft: l, scrollWidth: h, clientWidth: d } = o, a = this._targetRect, { x1: f, y1: g } = n;
-    let { x2: p, y2: m } = n;
-    const { behaviour: { scrolling: { startScrollMargins: u } } } = s;
-    p < a.left + u.x ? (t.x = l ? -z(a.left - p + u.x) : 0, p = p < a.left ? a.left : p) : p > a.right - u.x ? (t.x = h - l - d ? z(a.left + a.width - p - u.x) : 0, p = p > a.right ? a.right : p) : t.x = 0, m < a.top + u.y ? (t.y = i ? -z(a.top - m + u.y) : 0, m = m < a.top ? a.top : m) : m > a.bottom - u.y ? (t.y = r - i - c ? z(a.top + a.height - m - u.y) : 0, m = m > a.bottom ? a.bottom : m) : t.y = 0;
-    const v = ke(f, p), y = ke(g, m), b = Me(f, p), x = Me(g, m);
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, { scrollTop: i, scrollHeight: r, clientHeight: c, scrollLeft: l, scrollWidth: u, clientWidth: d } = o, a = this._targetRect, { x1: p, y1: g } = n;
+    let { x2: f, y2: m } = n;
+    const { behaviour: { scrolling: { startScrollMargins: h } } } = s;
+    f < a.left + h.x ? (t.x = l ? -H(a.left - f + h.x) : 0, f = f < a.left ? a.left : f) : f > a.right - h.x ? (t.x = u - l - d ? H(a.left + a.width - f - h.x) : 0, f = f > a.right ? a.right : f) : t.x = 0, m < a.top + h.y ? (t.y = i ? -H(a.top - m + h.y) : 0, m = m < a.top ? a.top : m) : m > a.bottom - h.y ? (t.y = r - i - c ? H(a.top + a.height - m - h.y) : 0, m = m > a.bottom ? a.bottom : m) : t.y = 0;
+    const v = Me(p, f), y = Me(g, m), b = _e(p, f), x = _e(g, m);
     this._areaRect = new DOMRect(v, y, b - v, x - y);
   }
   _redrawSelectionArea() {
@@ -1194,29 +1195,29 @@ class Ie extends Dt {
     L(this._targetElement, "scroll", this._onStartAreaScroll), L(s, ["mousemove", "touchmove"], this._delayedTapMove), L(s, ["touchmove", "mousemove"], this._onTapMove), L(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), L(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, L(this._targetElement, "wheel", this._manualScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), j(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: c } = o, { intersect: l, overlap: h } = n.behaviour, d = h === "invert", a = [], f = [], g = [];
+    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: c } = o, { intersect: l, overlap: u } = n.behaviour, d = u === "invert", a = [], p = [], g = [];
     for (let m = 0; m < t.length; m++) {
-      const u = t[m];
-      if (_e(s, u.getBoundingClientRect(), l)) {
-        if (r.includes(u))
-          i.includes(u) && !c.includes(u) && c.push(u);
-        else if (d && i.includes(u)) {
-          g.push(u);
+      const h = t[m];
+      if (Se(s, h.getBoundingClientRect(), l)) {
+        if (r.includes(h))
+          i.includes(h) && !c.includes(h) && c.push(h);
+        else if (d && i.includes(h)) {
+          g.push(h);
           continue;
         } else
-          f.push(u);
-        a.push(u);
+          p.push(h);
+        a.push(h);
       }
     }
-    d && f.push(...i.filter((m) => !r.includes(m)));
-    const p = h === "keep";
+    d && p.push(...i.filter((m) => !r.includes(m)));
+    const f = u === "keep";
     for (let m = 0; m < r.length; m++) {
-      const u = r[m];
-      !a.includes(u) && !// Check if the user wants to keep previously selected elements, e.g.,
+      const h = r[m];
+      !a.includes(h) && !// Check if the user wants to keep previously selected elements, e.g.,
       // not make them part of the current selection as soon as they're touched.
-      (p && i.includes(u)) && g.push(u);
+      (f && i.includes(h)) && g.push(h);
     }
-    o.selected = a, o.changed = { added: f, removed: g }, this._latestElement = void 0;
+    o.selected = a, o.changed = { added: p, removed: g }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1267,7 +1268,7 @@ class Ie extends Dt {
    * Will update everything that can be selected.
    */
   resolveSelectables() {
-    this._selectables = q(this._options.selectables, this._options.document);
+    this._selectables = F(this._options.selectables, this._options.document);
   }
   /**
    * Same as deselecting, but for all elements currently selected.
@@ -1279,7 +1280,7 @@ class Ie extends Dt {
     i.added = [], i.removed.push(
       ...o,
       ...t ? s : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Le(t ? [] : s);
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Te(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -1311,7 +1312,7 @@ class Ie extends Dt {
    * @param quiet - If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: s, stored: i } = this._selection, r = q(t, this._options.document).filter(
+    const { changed: o, selected: s, stored: i } = this._selection, r = F(t, this._options.document).filter(
       (c) => !s.includes(c) && !i.includes(c)
     );
     return i.push(...r), s.push(...r), o.added.push(...r), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), r;
@@ -1322,7 +1323,7 @@ class Ie extends Dt {
    * @param quiet - If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: s, changed: i } = this._selection, r = q(t, this._options.document).filter(
+    const { selected: o, stored: s, changed: i } = this._selection, r = F(t, this._options.document).filter(
       (c) => o.includes(c) || s.includes(c)
     );
     r.length && (this._selection.stored = s.filter((c) => !r.includes(c)), this._selection.selected = o.filter((c) => !r.includes(c)), this._selection.changed.added = [], this._selection.changed.removed.push(
@@ -1330,9 +1331,9 @@ class Ie extends Dt {
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
   }
 }
-E(Ie, "version", "3.6.0");
+E(qe, "version", "3.6.0");
 function Bt(e) {
-  const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new Ie({
+  const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new qe({
     selectables: [".map-container me-tpc"],
     boundaries: [e.container],
     container: e.selectionContainer,
@@ -1377,118 +1378,119 @@ function Bt(e) {
   });
   e.selection = n;
 }
-const zt = function(e, t = !0) {
+const Ht = function(e, t = !0) {
   this.theme = e;
   const n = this.theme.cssVar, o = Object.keys(n);
+  this.mindElixirBox.style.cssText = "";
   for (let s = 0; s < o.length; s++) {
     const i = o[s];
     this.mindElixirBox.style.setProperty(i, n[i]);
   }
-  t && this.refresh();
-}, W = (e) => {
+  e.cssVar["--gap"] || this.mindElixirBox.style.setProperty("--gap", "30px"), t && this.refresh();
+}, V = (e) => {
   var o;
   const t = (o = e.parent) == null ? void 0 : o.children, n = (t == null ? void 0 : t.indexOf(e)) ?? 0;
   return { siblings: t, index: n };
 };
-function Rt(e) {
-  const { siblings: t, index: n } = W(e);
+function zt(e) {
+  const { siblings: t, index: n } = V(e);
   if (t === void 0)
     return;
   const o = t[n];
   n === 0 ? (t[n] = t[t.length - 1], t[t.length - 1] = o) : (t[n] = t[n - 1], t[n - 1] = o);
 }
-function Ft(e) {
-  const { siblings: t, index: n } = W(e);
+function Rt(e) {
+  const { siblings: t, index: n } = V(e);
   if (t === void 0)
     return;
   const o = t[n];
   n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
 }
-function ge(e) {
-  const { siblings: t, index: n } = W(e);
+function me(e) {
+  const { siblings: t, index: n } = V(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
-function qt(e, t, n) {
-  const { siblings: o, index: s } = W(n);
+function Ft(e, t, n) {
+  const { siblings: o, index: s } = V(n);
   o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
-function It(e, t) {
-  const { siblings: n, index: o } = W(e);
+function qt(e, t) {
+  const { siblings: n, index: o } = V(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function Ke(e, t, n) {
-  if (ge(t), e === "in")
+function Ie(e, t, n) {
+  if (me(t), e === "in")
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
-    const { siblings: o, index: s } = W(n);
+    const { siblings: o, index: s } = V(n);
     if (o === void 0)
       return;
     e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
 }
-const Kt = function(e, t) {
+const It = function(e, t) {
   var n, o;
   if (e === T)
     return T;
-  if (e === R)
-    return R;
-  if (e === ce) {
+  if (e === z)
+    return z;
+  if (e === re) {
     const s = ((n = document.querySelector(".lhs")) == null ? void 0 : n.childElementCount) || 0, i = ((o = document.querySelector(".rhs")) == null ? void 0 : o.childElementCount) || 0;
-    return s <= i ? (t.direction = T, T) : (t.direction = R, R);
+    return s <= i ? (t.direction = T, T) : (t.direction = z, z);
   }
-}, Ve = function(e, t, n) {
+}, Ke = function(e, t, n) {
   var i, r;
   const o = n.children[0].children[0], s = t.parentElement;
   if (s.tagName === "ME-PARENT") {
-    if (J(o), s.children[1])
+    if (G(o), s.children[1])
       s.nextSibling.appendChild(n);
     else {
       const c = e.createChildren([n]);
-      s.appendChild(me(!0)), s.insertAdjacentElement("afterend", c);
+      s.appendChild(pe(!0)), s.insertAdjacentElement("afterend", c);
     }
     e.linkDiv(n.offsetParent);
   } else
-    s.tagName === "ME-ROOT" && (Kt(e.direction, o.nodeObj) === T ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
-}, We = function(e, t) {
+    s.tagName === "ME-ROOT" && (It(e.direction, o.nodeObj) === T ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
+}, Ve = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
     const o = n.parentNode.parentNode;
     o.tagName !== "ME-MAIN" && o.previousSibling.children[1].remove();
   }
   n.parentNode.remove();
-}, Ue = {
+}, We = {
   before: "beforebegin",
   after: "afterend"
-}, J = function(e) {
+}, G = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
-}, Vt = function(e, t) {
-  const n = e.nodeObj, o = fe(n);
+}, Kt = function(e, t) {
+  const n = e.nodeObj, o = ue(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
   const s = Object.assign(n, t);
-  pe(e, s), this.linkDiv(), this.bus.fire("operation", {
+  fe(e, s), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
     obj: s,
     origin: o
   });
-}, ve = function(e, t, n) {
+}, ge = function(e, t, n) {
   if (!t)
     return null;
   const o = t.nodeObj;
   o.expanded === !1 && (e.expandNode(t, !0), t = C(o.id));
   const s = n || e.generateNewObj();
-  o.children ? o.children.push(s) : o.children = [s], $(e.nodeData);
+  o.children ? o.children.push(s) : o.children = [s], D(e.nodeData);
   const { grp: i, top: r } = e.createWrapper(s);
-  return Ve(e, t, i), { newTop: r, newNodeObj: s };
-}, Wt = function(e, t, n) {
-  var h, d, a;
+  return Ke(e, t, i), { newTop: r, newNodeObj: s };
+}, Vt = function(e, t, n) {
+  var u, d, a;
   const o = t || this.currentNode;
   if (!o)
     return;
   const s = o.nodeObj;
   if (s.parent) {
-    if (!((h = s.parent) != null && h.parent) && ((a = (d = s.parent) == null ? void 0 : d.children) == null ? void 0 : a.length) === 1) {
+    if (!((u = s.parent) != null && u.parent) && ((a = (d = s.parent) == null ? void 0 : d.children) == null ? void 0 : a.length) === 1) {
       this.addChild(C(s.parent.id), n);
       return;
     }
@@ -1497,35 +1499,35 @@ const Kt = function(e, t) {
     return;
   }
   const i = n || this.generateNewObj();
-  qt(i, e, s), $(this.nodeData);
+  Ft(i, e, s), D(this.nodeData);
   const r = o.parentElement, { grp: c, top: l } = this.createWrapper(i);
-  r.parentElement.insertAdjacentElement(Ue[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
+  r.parentElement.insertAdjacentElement(We[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
     obj: i
   });
-}, Ut = function(e, t) {
+}, Wt = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  J(n);
+  G(n);
   const o = n.nodeObj;
   if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  It(o, s), $(this.nodeData);
+  qt(o, s), D(this.nodeData);
   const i = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(s, !0);
-  c.appendChild(me(!0)), i.insertAdjacentElement("afterend", r);
+  c.appendChild(pe(!0)), i.insertAdjacentElement("afterend", r);
   const l = this.createChildren([i]);
   c.insertAdjacentElement("afterend", l), this.linkDiv(), t || this.editTopic(c.firstChild), this.selectNode(c.firstChild, !0), this.bus.fire("operation", {
     name: "insertParent",
     obj: s
   });
-}, Yt = function(e, t) {
+}, Ut = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  const o = ve(this, n, t);
+  const o = ge(this, n, t);
   if (!o)
     return;
   const { newTop: s, newNodeObj: i } = o;
@@ -1533,10 +1535,10 @@ const Kt = function(e, t) {
     name: "addChild",
     obj: i
   }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
-}, Xt = function(e, t) {
-  const n = fe(e.nodeObj);
-  ue(n);
-  const o = ve(this, t, n);
+}, Yt = function(e, t) {
+  const n = ue(e.nodeObj);
+  he(n);
+  const o = ge(this, t, n);
   if (!o)
     return;
   const { newNodeObj: s } = o;
@@ -1544,13 +1546,13 @@ const Kt = function(e, t) {
     name: "copyNode",
     obj: s
   });
-}, Gt = function(e, t) {
-  e = le(e);
+}, Xt = function(e, t) {
+  e = ce(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const s = e[o], i = fe(s.nodeObj);
-    ue(i);
-    const r = ve(this, t, i);
+    const s = e[o], i = ue(s.nodeObj);
+    he(i);
+    const r = ge(this, t, i);
     if (!r)
       return;
     const { newNodeObj: c } = r;
@@ -1560,29 +1562,29 @@ const Kt = function(e, t) {
     name: "copyNodes",
     objs: n
   });
-}, Jt = function(e) {
+}, Gt = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  Rt(n);
+  zt(n);
   const o = t.parentNode.parentNode;
   o.parentNode.insertBefore(o, o.previousSibling), this.linkDiv(), this.bus.fire("operation", {
     name: "moveUpNode",
     obj: n
   });
-}, Zt = function(e) {
+}, Jt = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  Ft(n);
+  Rt(n);
   const o = t.parentNode.parentNode;
   o.nextSibling ? o.nextSibling.insertAdjacentElement("afterend", o) : o.parentNode.prepend(o), this.linkDiv(), this.bus.fire("operation", {
     name: "moveDownNode",
     obj: n
   });
-}, Qt = function(e) {
+}, Zt = function(e) {
   var r;
   const t = e || this.currentNode;
   if (!t)
@@ -1590,8 +1592,8 @@ const Kt = function(e, t) {
   const n = t.nodeObj;
   if (!n.parent)
     throw new Error("Can not remove root node");
-  const o = n.parent.children, s = o.findIndex((c) => c === n), i = ge(n);
-  if (We(t, i), o.length !== 0) {
+  const o = n.parent.children, s = o.findIndex((c) => c === n), i = me(n);
+  if (Ve(t, i), o.length !== 0) {
     const c = o[s] || o[s - 1];
     this.selectNode(C(c.id));
   } else
@@ -1602,77 +1604,77 @@ const Kt = function(e, t) {
     originIndex: s,
     originParentId: (r = n == null ? void 0 : n.parent) == null ? void 0 : r.id
   });
-}, en = function(e) {
-  e = le(e);
+}, Qt = function(e) {
+  e = ce(e);
   for (const t of e) {
     const n = t.nodeObj;
     if (!n.parent)
       continue;
-    const o = ge(n);
-    We(t, o);
+    const o = me(n);
+    Ve(t, o);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "removeNodes",
     objs: e.map((t) => t.nodeObj)
   });
-}, tn = function(e, t) {
-  e = le(e);
+}, en = function(e, t) {
+  e = ce(e);
   const n = t.nodeObj;
   n.expanded === !1 && (this.expandNode(t, !0), t = C(n.id));
   for (const o of e) {
     const s = o.nodeObj;
-    Ke("in", s, n), $(this.nodeData);
+    Ie("in", s, n), D(this.nodeData);
     const i = o.parentElement;
-    Ve(this, t, i.parentElement);
+    Ke(this, t, i.parentElement);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "moveNodeIn",
     objs: e.map((o) => o.nodeObj),
     toObj: n
   });
-}, Ye = (e, t, n, o) => {
-  e = le(e), t === "after" && (e = e.reverse());
+}, Ue = (e, t, n, o) => {
+  e = ce(e), t === "after" && (e = e.reverse());
   const s = n.nodeObj;
   for (const i of e) {
     const r = i.nodeObj;
-    Ke(t, r, s), $(o.nodeData), J(i);
+    Ie(t, r, s), D(o.nodeData), G(i);
     const c = i.parentElement.parentNode;
-    n.parentElement.parentNode.insertAdjacentElement(Ue[t], c);
+    n.parentElement.parentNode.insertAdjacentElement(We[t], c);
   }
   o.linkDiv(), o.bus.fire("operation", {
     name: t === "before" ? "moveNodeBefore" : "moveNodeAfter",
     objs: e.map((i) => i.nodeObj),
     toObj: s
   });
+}, tn = function(e, t) {
+  Ue(e, "before", t, this);
 }, nn = function(e, t) {
-  Ye(e, "before", t, this);
-}, on = function(e, t) {
-  Ye(e, "after", t, this);
-}, sn = function(e) {
+  Ue(e, "after", t, this);
+}, on = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
-}, rn = function(e, t) {
+}, sn = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
-}, Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addChild: Yt,
-  beginEdit: sn,
-  copyNode: Xt,
-  copyNodes: Gt,
-  insertParent: Ut,
-  insertSibling: Wt,
-  moveDownNode: Zt,
-  moveNodeAfter: on,
-  moveNodeBefore: nn,
-  moveNodeIn: tn,
-  moveUpNode: Jt,
-  removeNode: Qt,
-  removeNodes: en,
-  reshapeNode: Vt,
-  rmSubline: J,
-  setNodeTopic: rn
+  addChild: Ut,
+  beginEdit: on,
+  copyNode: Yt,
+  copyNodes: Xt,
+  insertParent: Wt,
+  insertSibling: Vt,
+  moveDownNode: Jt,
+  moveNodeAfter: nn,
+  moveNodeBefore: tn,
+  moveNodeIn: en,
+  moveUpNode: Gt,
+  removeNode: Zt,
+  removeNodes: Qt,
+  reshapeNode: Kt,
+  rmSubline: G,
+  setNodeTopic: sn
 }, Symbol.toStringTag, { value: "Module" }));
-function Ge(e) {
+function Xe(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -1681,7 +1683,7 @@ function Ge(e) {
     theme: e.theme
   };
 }
-const cn = function(e, t, n) {
+const rn = function(e, t, n) {
   if (e) {
     if (this.clearSelection(), typeof e == "string") {
       const o = C(e);
@@ -1689,9 +1691,9 @@ const cn = function(e, t, n) {
     }
     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);
   }
-}, ln = function() {
+}, cn = function() {
   this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, an = function(e) {
+}, ln = function(e) {
   this.clearSelection();
   for (const t of e)
     t.className = "selected";
@@ -1699,23 +1701,23 @@ const cn = function(e, t, n) {
     "selectNodes",
     e.map((t) => t.nodeObj)
   );
-}, dn = function() {
+}, an = function() {
   if (this.currentNodes)
     for (const e of this.currentNodes)
       e.classList.remove("selected");
   this.currentNodes = null, this.bus.fire("unselectNodes");
-}, hn = function() {
+}, dn = function() {
   this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
-}, un = function() {
-  const e = Ge(this);
+}, hn = function() {
+  const e = Xe(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, fn = function() {
+}, un = function() {
   return JSON.parse(this.getDataString());
-}, pn = function() {
-  const e = Ge(this).nodeData;
+}, fn = function() {
+  const e = Xe(this).nodeData;
   let t = "# " + e.topic + `
 
 `;
@@ -1727,33 +1729,33 @@ const cn = function(e, t, n) {
 `, o[i].children && n(o[i].children || [], s + 1);
   }
   return n(e.children || [], 2), t;
-}, mn = function() {
+}, pn = function() {
   this.editable = !0;
-}, gn = function() {
+}, mn = function() {
   this.editable = !1;
-}, vn = function(e) {
+}, gn = function(e) {
   this.scaleVal = e, this.map.style.transform = "scale(" + e + ")", this.bus.fire("scale", e);
-}, yn = function() {
+}, vn = function() {
   this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, bn = function(e) {
+}, yn = function(e) {
   e(this);
-}, xn = function(e) {
+}, bn = 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());
-}, wn = function() {
+}, xn = function() {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
-}, En = function() {
+}, wn = function() {
   this.direction = 0, this.refresh();
-}, Nn = function() {
+}, En = function() {
   this.direction = 1, this.refresh();
-}, Cn = function() {
+}, Nn = function() {
   this.direction = 2, this.refresh();
-}, Sn = function(e) {
+}, Cn = function(e) {
   this.locale = e, this.refresh();
-}, _n = function(e, t) {
+}, Sn = 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" : "", J(e), n.expanded) {
+  if (s.expanded = n.expanded, s.className = n.expanded ? "minus" : "", G(e), n.expanded) {
     const i = this.createChildren(
       n.children.map((r) => this.createWrapper(r).grp)
     );
@@ -1761,32 +1763,32 @@ const cn = function(e, t, n) {
   } else
     o.parentNode.children[1].remove();
   this.linkDiv(), this.bus.fire("expandNode", n);
-}, Mn = function(e) {
-  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), $(this.nodeData), this.layout(), this.linkDiv();
-}, kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, _n = function(e) {
+  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), D(this.nodeData), this.layout(), this.linkDiv();
+}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: wn,
-  clearSelection: hn,
-  disableEdit: gn,
-  enableEdit: mn,
-  expandNode: _n,
-  focusNode: xn,
-  getData: fn,
-  getDataMd: pn,
-  getDataString: un,
-  initLeft: En,
-  initRight: Nn,
-  initSide: Cn,
-  install: bn,
-  refresh: Mn,
-  scale: vn,
-  selectNode: cn,
-  selectNodes: an,
-  setLocale: Sn,
-  toCenter: yn,
-  unselectNode: ln,
-  unselectNodes: dn
-}, Symbol.toStringTag, { value: "Module" })), Tn = function(e) {
+  cancelFocus: xn,
+  clearSelection: dn,
+  disableEdit: mn,
+  enableEdit: pn,
+  expandNode: Sn,
+  focusNode: bn,
+  getData: un,
+  getDataMd: fn,
+  getDataString: hn,
+  initLeft: wn,
+  initRight: En,
+  initSide: Nn,
+  install: yn,
+  refresh: _n,
+  scale: gn,
+  selectNode: rn,
+  selectNodes: ln,
+  setLocale: Cn,
+  toCenter: vn,
+  unselectNode: cn,
+  unselectNodes: an
+}, Symbol.toStringTag, { value: "Module" })), kn = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -1812,21 +1814,21 @@ const cn = function(e, t, n) {
       this.moved = !1, this.mousedown = !1;
     }
   };
-}, Ae = {
-  create: Tn
+}, Le = {
+  create: kn
 };
-function re(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, h = c + n.x, d = l + n.y;
+function ie(e, t, n) {
+  const { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, u = c + n.x, d = l + n.y;
   return {
     w: i,
     h: r,
     cx: c,
     cy: l,
-    ctrlX: h,
+    ctrlX: u,
     ctrlY: d
   };
 }
-function I(e) {
+function q(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), {
@@ -1834,7 +1836,7 @@ function I(e) {
     y: n
   };
 }
-const Ln = function(e, t, n, o) {
+const Tn = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return N(s, {
     "text-anchor": "middle",
@@ -1842,18 +1844,18 @@ const Ln = function(e, t, n, o) {
     y: n + "",
     fill: o || "#666"
   }), s.dataset.type = "custom-link", s.innerHTML = e, s;
-}, Je = function(e, t, n, o, s) {
+}, Ge = function(e, t, n, o, s) {
   if (!t || !n)
     return;
   performance.now();
-  const i = re(e, t, o.delta1), r = re(e, n, o.delta2), { x: c, y: l } = I(i), { ctrlX: h, ctrlY: d } = i, { ctrlX: a, ctrlY: f } = r, { x: g, y: p } = I(r), m = He(a, f, g, p), u = pt(
-    `M ${c} ${l} C ${h} ${d} ${a} ${f} ${g} ${p}`,
-    `M ${m.x1} ${m.y1} L ${g} ${p} L ${m.x2} ${m.y2}`
-  ), v = c / 8 + h * 3 / 8 + a * 3 / 8 + g / 8, y = l / 8 + d * 3 / 8 + f * 3 / 8 + p / 8, b = Ln(o.label, v, y, e.theme.cssVar["--color"]);
-  u.appendChild(b), u.arrowObj = o, u.dataset.linkid = o.id, e.linkSvgGroup.appendChild(u), s || (e.arrows.push(o), e.currentArrow = u, Qe(e, o, i, r)), performance.now();
-}, An = function(e, t) {
+  const i = ie(e, t, o.delta1), r = ie(e, n, o.delta2), { x: c, y: l } = q(i), { ctrlX: u, ctrlY: d } = i, { ctrlX: a, ctrlY: p } = r, { x: g, y: f } = q(r), m = Pe(a, p, g, f), h = ft(
+    `M ${c} ${l} C ${u} ${d} ${a} ${p} ${g} ${f}`,
+    `M ${m.x1} ${m.y1} L ${g} ${f} L ${m.x2} ${m.y2}`
+  ), v = c / 8 + u * 3 / 8 + a * 3 / 8 + g / 8, y = l / 8 + d * 3 / 8 + p * 3 / 8 + f / 8, b = Tn(o.label, v, y, e.theme.cssVar["--color"]);
+  h.appendChild(b), h.arrowObj = o, h.dataset.linkid = o.id, e.linkSvgGroup.appendChild(h), s || (e.arrows.push(o), e.currentArrow = h, Ze(e, o, i, r)), performance.now();
+}, Ln = function(e, t) {
   const n = {
-    id: G(),
+    id: X(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
@@ -1866,15 +1868,15 @@ const Ln = function(e, t, n, o) {
       y: -200
     }
   };
-  Je(this, e, t, n), this.bus.fire("operation", {
+  Ge(this, e, t, n), this.bus.fire("operation", {
     name: "createArrow",
     obj: n
   });
-}, jn = function(e) {
+}, An = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  Ze(this);
+  Je(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -1882,36 +1884,36 @@ const Ln = function(e, t, n, o) {
       id: n
     }
   });
-}, Dn = function(e) {
+}, jn = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = C(t.from), o = C(t.to), s = re(this, n, t.delta1), i = re(this, o, t.delta2);
-  Qe(this, t, s, i);
-}, $n = function() {
-  this.currentArrow = null, Ze(this);
-}, Ze = function(e) {
+  const t = e.arrowObj, n = C(t.from), o = C(t.to), s = ie(this, n, t.delta1), i = ie(this, o, t.delta2);
+  Ze(this, t, s, i);
+}, Dn = function() {
+  this.currentArrow = null, Je(this);
+}, Je = function(e) {
   e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none";
-}, Qe = function(e, t, n, o) {
-  var f;
+}, Ze = function(e, t, n, o) {
+  var p;
   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 } = I(n), { ctrlX: r, ctrlY: c } = n, { ctrlX: l, ctrlY: h } = o, { x: d, y: a } = I(o);
-  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${h}px;left:${l}px;`, N(e.line1, {
+  let { x: s, y: i } = q(n), { ctrlX: r, ctrlY: c } = n, { ctrlX: l, ctrlY: u } = o, { x: d, y: a } = q(o);
+  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${u}px;left:${l}px;`, N(e.line1, {
     x1: s + "",
     y1: i + "",
     x2: r + "",
     y2: c + ""
   }), N(e.line2, {
     x1: l + "",
-    y1: h + "",
+    y1: u + "",
     x2: d + "",
     y2: a + ""
-  }), e.helper1 && (e.helper1.destory(e.map), (f = e.helper2) == null || f.destory(e.map)), e.helper1 = Ae.create(e.P2), e.helper2 = Ae.create(e.P3), e.helper1.init(e.map, (g, p) => {
+  }), e.helper1 && (e.helper1.destory(e.map), (p = e.helper2) == null || p.destory(e.map)), e.helper1 = Le.create(e.P2), e.helper2 = Le.create(e.P3), e.helper1.init(e.map, (g, f) => {
     var y;
-    r = r + g / e.scaleVal, c = c + p / e.scaleVal;
-    const m = I({ ...n, ctrlX: r, ctrlY: c });
+    r = r + g / e.scaleVal, c = c + f / e.scaleVal;
+    const m = q({ ...n, ctrlX: r, ctrlY: c });
     s = m.x, i = m.y;
-    const u = s / 8 + r * 3 / 8 + l * 3 / 8 + d / 8, v = i / 8 + c * 3 / 8 + h * 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} ${h} ${d} ${a}`), N(e.currentArrow.children[2], {
-      x: u + "",
+    const h = s / 8 + r * 3 / 8 + l * 3 / 8 + d / 8, v = i / 8 + c * 3 / 8 + u * 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} ${u} ${d} ${a}`), N(e.currentArrow.children[2], {
+      x: h + "",
       y: v + ""
     }), N(e.line1, {
       x1: s + "",
@@ -1919,39 +1921,39 @@ const Ln = function(e, t, n, o) {
       x2: r + "",
       y2: c + ""
     }), t.delta1.x = r - n.cx, t.delta1.y = c - n.cy;
-  }), e.helper2.init(e.map, (g, p) => {
+  }), e.helper2.init(e.map, (g, f) => {
     var b, x;
-    l = l + g / e.scaleVal, h = h + p / e.scaleVal;
-    const m = I({ ...o, ctrlX: l, ctrlY: h });
+    l = l + g / e.scaleVal, u = u + f / e.scaleVal;
+    const m = q({ ...o, ctrlX: l, ctrlY: u });
     d = m.x, a = m.y;
-    const u = s / 8 + r * 3 / 8 + l * 3 / 8 + d / 8, v = i / 8 + c * 3 / 8 + h * 3 / 8 + a / 8, y = He(l, h, d, a);
-    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} ${d} ${a}`), (x = e.currentArrow) == null || x.children[1].setAttribute("d", `M ${y.x1} ${y.y1} L ${d} ${a} L ${y.x2} ${y.y2}`), N(e.currentArrow.children[2], {
-      x: u + "",
+    const h = s / 8 + r * 3 / 8 + l * 3 / 8 + d / 8, v = i / 8 + c * 3 / 8 + u * 3 / 8 + a / 8, y = Pe(l, u, d, a);
+    e.P3.style.top = u + "px", e.P3.style.left = l + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${u} ${d} ${a}`), (x = e.currentArrow) == null || x.children[1].setAttribute("d", `M ${y.x1} ${y.y1} L ${d} ${a} L ${y.x2} ${y.y2}`), N(e.currentArrow.children[2], {
+      x: h + "",
       y: v + ""
     }), N(e.line2, {
       x1: l + "",
-      y1: h + "",
+      y1: u + "",
       x2: d + "",
       y2: a + ""
-    }), t.delta2.x = l - o.cx, t.delta2.y = h - o.cy;
+    }), t.delta2.x = l - o.cx, t.delta2.y = u - o.cy;
   });
 };
-function On() {
+function $n() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      Je(this, C(t.from), C(t.to), t, !0);
+      Ge(this, C(t.from), C(t.to), t, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function Pn(e) {
+function On(e) {
   if (!e)
     return;
   const t = e.children[2];
-  Re(this, t, (n) => {
+  ze(this, t, (n) => {
     var i;
     const o = e.arrowObj, s = ((i = n.textContent) == null ? void 0 : i.trim()) || "";
     s === "" ? o.label = origin : o.label = s, n.remove(), s !== origin && (t.innerHTML = o.label, this.linkDiv(), this.bus.fire("operation", {
@@ -1960,49 +1962,49 @@ function Pn(e) {
     }));
   });
 }
-function Hn() {
-  this.arrows = this.arrows.filter((e) => se(e.from, this.nodeData) && se(e.to, this.nodeData));
+function Pn() {
+  this.arrows = this.arrows.filter((e) => oe(e.from, this.nodeData) && oe(e.to, this.nodeData));
 }
 const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: An,
-  editArrowLabel: Pn,
-  removeArrow: jn,
-  renderArrow: On,
-  selectArrow: Dn,
-  tidyArrow: Hn,
-  unselectArrow: $n
-}, Symbol.toStringTag, { value: "Module" })), zn = function(e) {
-  var l, h;
+  createArrow: Ln,
+  editArrowLabel: On,
+  removeArrow: An,
+  renderArrow: $n,
+  selectArrow: jn,
+  tidyArrow: Pn,
+  unselectArrow: Dn
+}, Symbol.toStringTag, { value: "Module" })), Hn = function(e) {
+  var l, u;
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
     const d = e[0].nodeObj, a = e[0].nodeObj.parent;
     if (!a)
       throw new Error("Can not select root node.");
-    const f = a.children.findIndex((g) => d === g);
+    const p = a.children.findIndex((g) => d === g);
     return {
       parent: a.id,
-      start: f,
-      end: f
+      start: p,
+      end: p
     };
   }
   let t = 0;
   const n = e.map((d) => {
     let a = d.nodeObj;
-    const f = [];
+    const p = [];
     for (; a.parent; ) {
-      const g = a.parent, p = g.children, m = p == null ? void 0 : p.indexOf(a);
-      a = g, f.unshift({ node: a, index: m });
+      const g = a.parent, f = g.children, m = f == null ? void 0 : f.indexOf(a);
+      a = g, p.unshift({ node: a, index: m });
     }
-    return f.length > t && (t = f.length), f;
+    return p.length > t && (t = p.length), p;
   });
   let o = 0;
   e:
     for (; o < t; o++) {
       const d = (l = n[0][o]) == null ? void 0 : l.node;
       for (let a = 1; a < n.length; a++)
-        if (((h = n[a][o]) == null ? void 0 : h.node) !== d)
+        if (((u = n[a][o]) == null ? void 0 : u.node) !== d)
           break e;
     }
   if (!o)
@@ -2015,10 +2017,10 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: r
   };
-}, Rn = function(e) {
+}, zn = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, je = function(e, t) {
+}, Ae = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return N(n, {
     d: e,
@@ -2027,7 +2029,7 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, De = function(e, t, n, o, s) {
+}, je = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return N(i, {
     "text-anchor": o,
@@ -2035,43 +2037,43 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, Fn = (e) => C(e).parentElement.parentElement, qn = function({ parent: e, start: t }) {
+}, Rn = (e) => C(e).parentElement.parentElement, Fn = function({ parent: e, start: t }) {
   var i, r;
   const n = C(e), o = n.nodeObj;
   let s;
   return o.parent ? s = (i = n.closest("me-main")) == null ? void 0 : i.className : s = (r = C(o.children[t].id).closest("me-main")) == null ? void 0 : r.className, s;
-}, et = function(e, t) {
+}, Qe = function(e, t) {
   var S;
-  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, h = C(s).nodeObj, d = qn(t);
-  let a = 1 / 0, f = 0, g = 0, p = 0;
-  for (let P = i; P <= r; P++) {
-    const U = (S = h.children) == null ? void 0 : S[P];
-    if (!U)
+  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, u = C(s).nodeObj, d = Fn(t);
+  let a = 1 / 0, p = 0, g = 0, f = 0;
+  for (let O = i; O <= r; O++) {
+    const W = (S = u.children) == null ? void 0 : S[O];
+    if (!W)
       return e.removeSummary(n), null;
-    const H = Fn(U.id), { offsetLeft: Z, offsetTop: ye } = O(c, H);
-    P === i && (g = ye + 20), P === r && (p = ye + H.offsetHeight - 20), Z < a && (a = Z), H.offsetWidth + Z > f && (f = H.offsetWidth + Z);
-  }
-  let m, u;
-  const v = g + 10, y = p + 10, b = (v + y) / 2, x = e.theme.cssVar["--color"];
-  d === "lhs" ? (m = je(`M ${a + 10} ${v} c -5 0 -10 5 -10 10 L ${a} ${y - 10} c 0 5 5 10 10 10 M ${a} ${b} h -10`, x), u = De(o, a - 20, b + 6, "end", x)) : (m = je(`M ${f - 10} ${v} c 5 0 10 5 10 10 L ${f} ${y - 10} c 0 5 -5 10 -10 10 M ${f} ${b} h 10`, x), u = De(o, f + 20, b + 6, "start", x));
-  const w = Rn("s-" + n);
-  return w.appendChild(m), w.appendChild(u), w.summaryObj = t, e.summarySvg.appendChild(w), w;
-}, In = function() {
+    const P = Rn(W.id), { offsetLeft: J, offsetTop: ve } = $(c, P);
+    O === i && (g = ve + 20), O === r && (f = ve + P.offsetHeight - 20), J < a && (a = J), P.offsetWidth + J > p && (p = P.offsetWidth + J);
+  }
+  let m, h;
+  const v = g + 10, y = f + 10, b = (v + y) / 2, x = e.theme.cssVar["--color"];
+  d === "lhs" ? (m = Ae(`M ${a + 10} ${v} c -5 0 -10 5 -10 10 L ${a} ${y - 10} c 0 5 5 10 10 10 M ${a} ${b} h -10`, x), h = je(o, a - 20, b + 6, "end", x)) : (m = Ae(`M ${p - 10} ${v} c 5 0 10 5 10 10 L ${p} ${y - 10} c 0 5 -5 10 -10 10 M ${p} ${b} h 10`, x), h = je(o, p + 20, b + 6, "start", x));
+  const w = zn("s-" + n);
+  return w.appendChild(m), w.appendChild(h), w.summaryObj = t, e.summarySvg.appendChild(w), w;
+}, qn = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: o } = zn(e), s = { id: G(), parent: t, start: n, end: o, text: "summary" }, i = et(this, s);
+  const { parent: t, start: n, end: o } = Hn(e), s = { id: X(), parent: t, start: n, end: o, text: "summary" }, i = Qe(this, s);
   this.summaries.push(s), this.editSummary(i), this.bus.fire("operation", {
     name: "createSummary",
     obj: s
   });
-}, Kn = function(e) {
+}, In = 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 }
   });
-}, Vn = function(e) {
+}, Kn = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   N(s, {
     x: t.x - n + "",
@@ -2083,21 +2085,21 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), s.classList.add("selected"), e.appendChild(s), this.currentSummary = e;
-}, Wn = function() {
+}, Vn = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Un = function() {
+}, Wn = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      et(this, e);
+      Qe(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Yn = function(e) {
+}, Un = function(e) {
   if (!e)
     return;
   const t = e.childNodes[1];
-  Re(this, t, (n) => {
+  ze(this, t, (n) => {
     var i;
     const o = e.summaryObj, s = ((i = n.textContent) == null ? void 0 : i.trim()) || "";
     s === "" ? o.text = origin : o.text = s, n.remove(), s !== origin && (t.innerHTML = o.text, this.linkDiv(), this.bus.fire("operation", {
@@ -2105,16 +2107,16 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       obj: o
     }));
   });
-}, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: In,
-  editSummary: Yn,
-  removeSummary: Kn,
-  renderSummary: Un,
-  selectSummary: Vn,
-  unselectSummary: Wn
+  createSummary: qn,
+  editSummary: Un,
+  removeSummary: In,
+  renderSummary: Wn,
+  selectSummary: Kn,
+  unselectSummary: Vn
 }, Symbol.toStringTag, { value: "Module" })), M = "http://www.w3.org/2000/svg";
-function Gn(e, t) {
+function Xn(e, t) {
   const n = document.createElementNS(M, "svg");
   return N(n, {
     version: "1.1",
@@ -2123,27 +2125,27 @@ function Gn(e, t) {
     width: t
   }), n;
 }
-function Jn(e, t) {
+function Gn(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function Zn(e, t, n, o) {
+function Jn(e, t, n, o) {
   const s = document.createElementNS(M, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((c, l) => {
-    const h = document.createElementNS(M, "text");
-    N(h, {
+    const u = document.createElementNS(M, "text");
+    N(u, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Jn(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
+      y: o + parseInt(t.paddingTop) + Gn(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}`
-    }), h.innerHTML = c, s.appendChild(h);
+    }), u.innerHTML = c, s.appendChild(u);
   }), s;
 }
-function Qn(e, t, n, o) {
+function Zn(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;
@@ -2160,8 +2162,8 @@ function Qn(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 eo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "rect");
+function Qn(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(M, "rect");
   return N(i, {
     x: o + "",
     y: s + "",
@@ -2174,8 +2176,8 @@ function eo(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function te(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), r = document.createElementNS(M, "rect");
+function ee(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = $(e.nodes, t), r = document.createElementNS(M, "rect");
   N(r, {
     x: s + "",
     y: i + "",
@@ -2190,10 +2192,10 @@ function te(e, t, n = !1) {
   const c = document.createElementNS(M, "g");
   c.appendChild(r);
   let l;
-  return n ? l = Qn(t, o, s, i) : l = Zn(t, o, s, i), c.appendChild(l), c;
+  return n ? l = Zn(t, o, s, i) : l = Jn(t, o, s, i), c.appendChild(l), c;
 }
-function to(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "a"), r = document.createElementNS(M, "text");
+function eo(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(M, "a"), r = document.createElementNS(M, "text");
   return N(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
@@ -2204,8 +2206,8 @@ function to(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
-function no(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "image");
+function to(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(M, "image");
   return N(i, {
     x: o + "",
     y: s + "",
@@ -2214,41 +2216,41 @@ function no(e, t) {
     href: t.src
   }), i;
 }
-const ne = 100, oo = '<?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">', so = (e, t = !1) => {
-  var a, f, g;
-  const n = e.nodes, o = n.offsetHeight + ne * 2, s = n.offsetWidth + ne * 2, i = Gn(o + "px", s + "px"), r = document.createElementNS(M, "svg"), c = document.createElementNS(M, "rect");
+const te = 100, no = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">', oo = (e, t = !1) => {
+  var a, p, g;
+  const n = e.nodes, o = n.offsetHeight + te * 2, s = n.offsetWidth + te * 2, i = Xn(o + "px", s + "px"), r = document.createElementNS(M, "svg"), c = document.createElementNS(M, "rect");
   N(c, {
     x: "0",
     y: "0",
     width: `${s}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((p) => {
-    const m = p.cloneNode(!0), { offsetLeft: u, offsetTop: v } = O(n, p.parentElement);
-    m.setAttribute("x", `${u}`), m.setAttribute("y", `${v}`), r.appendChild(m);
+  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((f) => {
+    const m = f.cloneNode(!0), { offsetLeft: h, offsetTop: v } = $(n, f.parentElement);
+    m.setAttribute("x", `${h}`), m.setAttribute("y", `${v}`), r.appendChild(m);
   });
   const l = (a = n.querySelector(".lines")) == null ? void 0 : a.cloneNode(!0);
   l && r.appendChild(l);
-  const h = (f = n.querySelector(".topiclinks")) == null ? void 0 : f.cloneNode(!0);
-  h && r.appendChild(h);
+  const u = (p = n.querySelector(".topiclinks")) == null ? void 0 : p.cloneNode(!0);
+  u && r.appendChild(u);
   const d = (g = n.querySelector(".summary")) == null ? void 0 : g.cloneNode(!0);
-  return d && r.appendChild(d), n.querySelectorAll("me-tpc").forEach((p) => {
-    p.nodeObj.dangerouslySetInnerHTML ? r.appendChild(te(e, p, !t)) : (r.appendChild(eo(e, p)), r.appendChild(te(e, p.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((p) => {
-    r.appendChild(te(e, p));
-  }), n.querySelectorAll(".icons > span").forEach((p) => {
-    r.appendChild(te(e, p));
-  }), n.querySelectorAll(".hyper-link").forEach((p) => {
-    r.appendChild(to(e, p));
-  }), n.querySelectorAll("img").forEach((p) => {
-    r.appendChild(no(e, p));
+  return d && r.appendChild(d), n.querySelectorAll("me-tpc").forEach((f) => {
+    f.nodeObj.dangerouslySetInnerHTML ? r.appendChild(ee(e, f, !t)) : (r.appendChild(Qn(e, f)), r.appendChild(ee(e, f.text, !t)));
+  }), n.querySelectorAll(".tags > span").forEach((f) => {
+    r.appendChild(ee(e, f));
+  }), n.querySelectorAll(".icons > span").forEach((f) => {
+    r.appendChild(ee(e, f));
+  }), n.querySelectorAll(".hyper-link").forEach((f) => {
+    r.appendChild(eo(e, f));
+  }), n.querySelectorAll("img").forEach((f) => {
+    r.appendChild(to(e, f));
   }), N(r, {
-    x: ne + "",
-    y: ne + "",
+    x: te + "",
+    y: te + "",
     overflow: "visible"
   }), i.appendChild(r), i;
-}, io = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), oo + e.outerHTML);
-function ro(e) {
+}, so = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), no + e.outerHTML);
+function io(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -2258,11 +2260,11 @@ function ro(e) {
     }, o.readAsDataURL(e);
   });
 }
-const co = function(e = !1, t) {
-  const n = so(this, e), o = io(n, t);
+const ro = function(e = !1, t) {
+  const n = oo(this, e), o = so(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, lo = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await ro(n);
+}, co = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await io(n);
   return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
@@ -2270,66 +2272,67 @@ const co = 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;
   });
-}, ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: lo,
-  exportSvg: co
+  exportPng: co,
+  exportSvg: ro
 }, Symbol.toStringTag, { value: "Module" }));
-function ho(e, t) {
+function ao(e, t) {
   return async function(...n) {
     const o = this.before[t];
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const $e = Object.keys(Xe), tt = {};
-for (let e = 0; e < $e.length; e++) {
-  const t = $e[e];
-  tt[t] = ho(Xe[t], t);
+const De = Object.keys(Ye), et = {};
+for (let e = 0; e < De.length; e++) {
+  const t = De[e];
+  et[t] = ao(Ye[t], t);
 }
-const uo = {
-  getObjById: se,
-  generateNewObj: ot,
-  layout: rt,
-  linkDiv: mt,
-  editTopic: ft,
-  createWrapper: at,
-  createParent: dt,
-  createChildren: ht,
-  createTopic: ut,
+const ho = {
+  getObjById: oe,
+  generateNewObj: nt,
+  layout: it,
+  linkDiv: pt,
+  editTopic: ut,
+  createWrapper: lt,
+  createParent: at,
+  createChildren: dt,
+  createTopic: ht,
   findEle: C,
-  changeTheme: zt,
-  ...kn,
-  ...tt,
+  changeTheme: Ht,
+  ...Mn,
+  ...et,
   ...Bn,
-  ...Xn,
-  ...ao,
+  ...Yn,
+  ...lo,
   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, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Lt(this), this.keypress && Et(this), this.editable && Bt(this), this.contextMenu && this.disposable.push(gt(this, this.contextMenuOption)), this.draggable && St(this), this.allowUndo && Mt(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, D(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Tt(this), this.keypress && wt(this), this.editable && Bt(this), this.contextMenu && this.disposable.push(mt(this, this.contextMenuOption)), this.draggable && Ct(this), this.allowUndo && _t(this), this.toCenter(), this.layout(), this.linkDiv();
   },
   destroy() {
     var e, t;
     this.disposable.forEach((n) => n()), (e = this.mindElixirBox) == null || e.remove(), 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, (t = this.selection) == null || t.destroy(), this.selection = void 0;
   }
 };
-function fo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: h }) {
+function uo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: u }) {
   let d = t + n / 2;
   const a = e + o / 2;
-  let f;
-  l === "lhs" ? f = i + r : f = i;
-  const g = s + c / 2, m = (1 - Math.abs(g - a) / h) * 0.25 * (n / 2);
-  return l === "lhs" ? d = d - n / 10 - m : d = d + n / 10 + m, `M ${d} ${a} Q ${d} ${g} ${f} ${g}`;
+  let p;
+  l === "lhs" ? p = i + r : p = i;
+  const g = s + c / 2, m = (1 - Math.abs(g - a) / u) * 0.25 * (n / 2);
+  return l === "lhs" ? d = d - n / 10 - m : d = d + n / 10 + m, `M ${d} ${a} Q ${d} ${g} ${p} ${g}`;
 }
-function po({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: h }) {
-  let d = 0, a = 0;
-  h ? d = e + o / 2 : d = e + o;
-  const f = s + c;
-  let g = 0, p = 0, m = 0;
-  const u = Math.abs(d - f) / 300 * D;
-  return l === "lhs" ? (m = t, g = m + D, p = m - D, a = i + D, `M ${g} ${d} C ${m} ${d} ${m + u} ${f} ${p} ${f} H ${a}`) : (m = t + n, g = m - D, p = m + D, a = i + r - D, `M ${g} ${d} C ${m} ${d} ${m - u} ${f} ${p} ${f} H ${a}`);
+function fo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: u }) {
+  const d = parseInt(this.mindElixirBox.style.getPropertyValue("--gap"));
+  let a = 0, p = 0;
+  u ? a = e + o / 2 : a = e + o;
+  const g = s + c;
+  let f = 0, m = 0, h = 0;
+  const v = Math.abs(a - g) / 300 * d;
+  return l === "lhs" ? (h = t, f = h + d, m = h - d, p = i + d, `M ${f} ${a} C ${h} ${a} ${h + v} ${g} ${m} ${g} H ${p}`) : (h = t + n, f = h - d, m = h + d, p = i + r - d, `M ${f} ${a} C ${h} ${a} ${h - v} ${g} ${m} ${g} H ${p}`);
 }
-const mo = "4.2.4", Y = document;
+const po = "4.3.0", U = document;
 function A({
   el: e,
   direction: t,
@@ -2340,37 +2343,37 @@ function A({
   contextMenuOption: r,
   toolBar: c,
   keypress: l,
-  mouseSelectionButton: h,
+  mouseSelectionButton: u,
   selectionContainer: d,
   before: a,
-  newTopicName: f,
+  newTopicName: p,
   allowUndo: g,
-  generateMainBranch: p,
+  generateMainBranch: f,
   generateSubBranch: m,
-  overflowHidden: u,
+  overflowHidden: h,
   theme: v
 }) {
   let y = null;
   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 = "", y.style.setProperty("--gap", D + "px"), 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 = 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 = g === void 0 ? !1 : g, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = p || fo, this.generateSubBranch = m || po, this.overflowHidden = u || !1, this.bus = it.create(), this.container = Y.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
+  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 = u || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = p || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = g === void 0 ? !1 : g, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = f || uo, this.generateSubBranch = m || fo, this.overflowHidden = h || !1, this.bus = st.create(), this.container = U.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
   const x = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = v || (x.matches ? Pe : Oe);
-  const w = Y.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 = Y.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = X("lines"), this.summarySvg = X("summary"), this.linkController = X("linkcontroller"), this.P2 = Y.createElement("div"), this.P3 = Y.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = be(), this.line2 = be(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = X("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : st(this);
+  this.theme = v || (x.matches ? Oe : $e);
+  const w = U.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 = U.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = Y("lines"), this.summarySvg = Y("summary"), this.linkController = Y("linkcontroller"), this.P2 = U.createElement("div"), this.P3 = U.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ye(), this.line2 = ye(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = Y("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ot(this);
 }
-A.prototype = uo;
+A.prototype = ho;
 A.LEFT = T;
-A.RIGHT = R;
-A.SIDE = ce;
-A.THEME = Oe;
-A.DARK_THEME = Pe;
-A.version = mo;
+A.RIGHT = z;
+A.SIDE = re;
+A.THEME = $e;
+A.DARK_THEME = Oe;
+A.version = po;
 A.E = C;
 A.new = (e) => ({
   nodeData: {
-    id: G(),
+    id: X(),
     topic: e || "new topic",
     children: []
   }