mind-elixir 4.0.4 → 4.1.1

package/dist/MindElixir.js

@@ -29,7 +29,7 @@
     s.readyState == "complete" && (s.onreadystatechange = null, h());
   });
 })(window);
-const T = 0, z = 1, ie = 2, D = 30, De = {
+const k = 0, z = 1, re = 2, D = 30, De = {
   name: "Latte",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
@@ -54,15 +54,15 @@ const T = 0, z = 1, ie = 2, D = 30, De = {
     "--panel-border-color": "#696969"
   }
 };
-function te(e) {
+function ne(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const et = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), ne = function(e, t) {
+const et = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), 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 = ne(e, t.children[n]);
+      const o = oe(e, t.children[n]);
       if (o)
         return o;
     }
@@ -120,10 +120,10 @@ const O = (e, t) => {
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
   return { offsetLeft: n, offsetTop: o };
-}, C = (e, t) => {
+}, N = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, le = (e) => e ? e.tagName === "ME-TPC" : !1, re = (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;
@@ -221,38 +221,38 @@ const st = {
       }
     };
   }
-}, oe = document, it = function() {
+}, se = document, it = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
   fe(e, this.nodeData), e.draggable = !1;
-  const t = oe.createElement("me-root");
+  const t = se.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
-  if (this.direction === ie) {
+  if (this.direction === re) {
     let o = 0, s = 0;
     n.map((i) => {
-      i.direction === T ? o += 1 : i.direction === z ? s += 1 : o <= s ? (i.direction = T, o += 1) : (i.direction = z, s += 1);
+      i.direction === k ? o += 1 : i.direction === z ? s += 1 : o <= s ? (i.direction = k, o += 1) : (i.direction = z, s += 1);
     });
   }
   rt(this, n, t);
 }, rt = function(e, t, n) {
-  const o = oe.createElement("me-main");
+  const o = se.createElement("me-main");
   o.className = "lhs";
-  const s = oe.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 === ie ? r.direction === T ? o.appendChild(c) : s.appendChild(c) : e.direction === T ? o.appendChild(c) : s.appendChild(c);
+    e.direction === re ? r.direction === k ? o.appendChild(c) : s.appendChild(c) : e.direction === k ? o.appendChild(c) : s.appendChild(c);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines);
 }, ct = function(e, t) {
-  const n = oe.createElement("me-children");
+  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);
   }
   return n;
-}, S = document, N = (e, t) => {
+}, S = document, C = (e, t) => {
   const o = (t ? t.mindElixirBox : S).querySelector(`[data-nodeid=me${e}]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
@@ -281,12 +281,12 @@ const st = {
     e.linkContainer && (e.linkContainer = void 0);
   if (t.icons && t.icons.length) {
     const n = S.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${te(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 = S.createElement("div");
-    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${te(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);
 }, lt = function(e, t) {
@@ -319,7 +319,7 @@ const ut = function(e) {
   if (!e)
     return;
   const t = S.createElement("div"), n = e.text.textContent;
-  e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "true", t.spellcheck = !1, t.style.cssText = `min-width:${e.offsetWidth - 8}px;`, this.direction === T && (t.style.right = "0"), t.focus(), Pe(t), this.bus.fire("operation", {
+  e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "true", t.spellcheck = !1, t.style.cssText = `min-width:${e.offsetWidth - 8}px;`, this.direction === k && (t.style.right = "0"), t.focus(), Pe(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (o) => {
@@ -346,7 +346,7 @@ const ut = function(e) {
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, K = document, V = "http://www.w3.org/2000/svg", He = function(e, t, n) {
   const o = K.createElementNS(V, "path");
-  return C(o, {
+  return N(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -365,10 +365,10 @@ const ut = function(e) {
     "stroke-linecap": "cap",
     "stroke-width": "2"
   }, o = K.createElementNS(V, "g"), s = K.createElementNS(V, "path"), i = K.createElementNS(V, "path");
-  return C(i, {
+  return N(i, {
     d: t,
     ...n
-  }), C(s, {
+  }), N(s, {
     d: e,
     ...n,
     "stroke-dasharray": "8,2"
@@ -395,22 +395,25 @@ const ut = function(e) {
     o && n(o);
   });
 }, pt = function(e) {
-  this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.nodes.style.left = `${1e4 - this.nodes.offsetWidth / 2}px`;
-  const t = this.map.querySelectorAll("me-main > me-wrapper");
+  const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight;
+  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 = "";
-  const n = this.map.querySelector("me-root"), o = n.offsetTop, s = n.offsetLeft, i = n.offsetWidth, r = n.offsetHeight;
-  for (let c = 0; c < t.length; c++) {
-    const l = t[c], h = l.querySelector("me-tpc"), { offsetLeft: a, offsetTop: u } = O(this.nodes, h), d = h.offsetWidth, m = h.offsetHeight, g = l.parentNode.className, p = this.generateMainBranch({ pT: o, pL: s, pW: i, pH: r, cT: u, cL: a, cW: d, cH: m, direction: g, containerHeight: this.nodes.offsetHeight }), f = this.theme.palette, v = h.nodeObj.branchColor || f[c % f.length];
+  for (let c = 0; c < r.length; c++) {
+    const l = r[c], h = l.querySelector("me-tpc"), { offsetLeft: a, offsetTop: u } = O(this.nodes, h), d = h.offsetWidth, m = h.offsetHeight, g = l.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: u, cL: a, cW: d, cH: m, direction: g, containerHeight: this.nodes.offsetHeight }), f = this.theme.palette, v = h.nodeObj.branchColor || f[c % f.length];
     h.style.borderColor = v, this.lines.appendChild(He(p, v, "3"));
     const b = l.children[0].children[1];
-    if (b && (b.style.top = (b.parentNode.offsetHeight - b.offsetHeight) / 2 + "px", g === "lhs" ? b.style.left = "-10px" : b.style.right = "-10px"), !(e && e !== l) && l.childElementCount) {
-      const y = X("subLines"), x = l.lastChild;
-      x.tagName === "svg" && x.remove(), l.appendChild(y), ze(this, y, v, l, g, !0);
-    }
+    if (b && (b.style.top = (b.parentNode.offsetHeight - b.offsetHeight) / 2 + "px", g === "lhs" ? b.style.left = "-10px" : b.style.right = "-10px"), e && e !== l)
+      continue;
+    const y = X("subLines"), x = l.lastChild;
+    x.tagName === "svg" && x.remove(), l.appendChild(y), ze(this, y, v, l, g, !0);
   }
   this.renderArrow(), this.renderSummary();
 }, ze = function(e, t, n, o, s, i) {
-  const r = o.firstChild, c = o.children[1].children, l = r.offsetTop, h = r.offsetLeft, a = r.offsetWidth, u = r.offsetHeight;
+  const r = o.firstChild, c = o.children[1].children;
+  if (c.length === 0)
+    return;
+  const l = r.offsetTop, h = r.offsetLeft, a = r.offsetWidth, u = r.offsetHeight;
   for (let d = 0; d < c.length; d++) {
     const m = c[d], g = m.firstChild, p = g.offsetTop, f = g.offsetLeft, v = g.offsetWidth, b = g.offsetHeight, y = g.firstChild.nodeObj.branchColor || n, x = e.generateSubBranch({ pT: l, pL: h, pW: a, pH: u, cT: p, cL: f, cW: v, cH: b, direction: s, isFirst: i });
     t.appendChild(He(x, y, "2"));
@@ -420,7 +423,7 @@ const ut = function(e) {
         continue;
     } else
       continue;
-    m.children[1].children.length > 0 && ze(e, t, y, m, s);
+    ze(e, t, y, m, s);
   }
 }, ye = {
   addChild: "插入子节点",
@@ -535,8 +538,8 @@ function mt(e, t) {
     return x.innerText = y, x.className = "tips", x;
   }, o = (y, x, w) => {
     const _ = document.createElement("li");
-    return _.id = y, _.innerHTML = `<span>${te(x)}</span><span>${te(w)}</span>`, _;
-  }, 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, ""), l = o("cm-add_sibling", i.addSibling, "enter"), h = o("cm-remove_child", i.removeNode, "delete"), a = o("cm-fucus", i.focus, ""), u = o("cm-unfucus", i.cancelFocus, ""), d = o("cm-up", i.moveUp, "PgUp"), m = o("cm-down", i.moveDown, "Pgdn"), g = o("cm-down", i.link, ""), p = o("cm-down", i.summary, ""), f = document.createElement("ul");
+    return _.id = y, _.innerHTML = `<span>${ne(x)}</span><span>${ne(w)}</span>`, _;
+  }, 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, ""), l = o("cm-add_sibling", i.addSibling, "enter"), h = o("cm-remove_child", i.removeNode, "delete"), a = o("cm-fucus", i.focus, ""), u = o("cm-unfucus", i.cancelFocus, ""), d = o("cm-up", i.moveUp, "PgUp"), m = o("cm-down", i.moveDown, "Pgdn"), g = o("cm-link", i.link, ""), p = o("cm-summary", i.summary, ""), f = document.createElement("ul");
   if (f.className = "menu-list", f.appendChild(r), f.appendChild(c), f.appendChild(l), f.appendChild(h), (!t || t.focus) && (f.appendChild(a), f.appendChild(u)), f.appendChild(d), f.appendChild(m), f.appendChild(p), (!t || t.link) && f.appendChild(g), t && t.extend)
     for (let y = 0; y < t.extend.length; y++) {
       const x = t.extend[y], w = o(x.name, x.name, x.key || "");
@@ -547,7 +550,7 @@ function mt(e, t) {
   const v = document.createElement("div");
   v.className = "context-menu", v.appendChild(f), v.hidden = !0, e.container.append(v);
   let b = !0;
-  e.container.oncontextmenu = function(y) {
+  return e.container.oncontextmenu = function(y) {
     if (y.preventDefault(), !e.editable)
       return;
     const x = y.target;
@@ -590,6 +593,8 @@ function mt(e, t) {
     );
   }, p.onclick = () => {
     v.hidden = !0, e.createSummary(), e.unselectNodes();
+  }, () => {
+    r.onclick = null, c.onclick = null, l.onclick = null, h.onclick = null, a.onclick = null, u.onclick = null, d.onclick = null, m.onclick = null, g.onclick = null, p.onclick = null, v.onclick = null, e.container.oncontextmenu = null;
   };
 }
 const gt = (e) => {
@@ -618,11 +623,11 @@ const gt = (e) => {
   if (!n)
     return;
   const o = n.nodeObj, s = n.offsetParent.offsetParent.parentElement;
-  o.root ? t === "lhs" ? gt(e) : vt(e) : s.className === t ? xt(e, n) : (r = o.parent) != null && r.root ? bt(e) : yt(e, n);
+  o.parent ? s.className === t ? xt(e, n) : (r = o.parent) != null && r.parent ? yt(e, n) : bt(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.root)
+  if (!n || !n.nodeObj.parent)
     return;
   const s = t + "Sibling", i = n.parentElement.parentElement[s];
   i && e.selectNode(i.firstChild.firstChild);
@@ -728,7 +733,7 @@ function Et(e, t) {
   e.bus.addListener("unselectNode", function() {
     a.hidden = !0;
   }), e.bus.addListener("selectNode", function(d) {
-    a.hidden = !1, d.root ? u = !0 : u = !1;
+    a.hidden = !1, d.parent ? u = !1 : u = !0;
   }), a.onclick = (d) => {
     d.target === a && (a.hidden = !0);
   }, o.onclick = () => {
@@ -745,7 +750,7 @@ function Et(e, t) {
     e.beginEdit();
   };
 }
-const ae = document, Ct = function(e, t) {
+const ae = document, Nt = function(e, t) {
   if (!t)
     return de(e), e;
   let n = e.querySelector(".insert-preview");
@@ -757,20 +762,20 @@ const ae = document, Ct = function(e, t) {
   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.root !== !0))
+    if (!(e && e.tagName === "ME-TPC" && e !== n && !o && e.nodeObj.parent))
       return !1;
   }
   return !0;
-}, Nt = function(e) {
+}, Ct = function(e) {
   const t = document.createElement("div");
   return t.className = "mind-elixir-ghost", e.map.appendChild(t), t;
 };
 function _t(e) {
   let t = null, n = null, o = null;
-  const s = Nt(e), i = 12;
+  const s = Ct(e), i = 12;
   e.map.addEventListener("dragstart", (r) => {
     var l, h;
     const c = r.target;
@@ -796,20 +801,20 @@ function _t(e) {
         return;
       de(o);
       const c = ae.elementFromPoint(r.clientX, r.clientY - i);
-      if (Ce(c, t)) {
+      if (Ne(c, t)) {
         o = c;
         const l = c.getBoundingClientRect().y;
         r.clientY > l + c.clientHeight ? n = "after" : n = "in";
       } else {
         const l = ae.elementFromPoint(r.clientX, r.clientY + i);
-        if (Ce(l, t)) {
+        if (Ne(l, t)) {
           o = l;
           const h = l.getBoundingClientRect().y;
           r.clientY < h ? n = "before" : n = "in";
         } else
           n = o = null;
       }
-      o && Ct(o, n);
+      o && Nt(o, n);
     }, 100)
   );
 }
@@ -839,13 +844,19 @@ function Mt(e) {
   }), e.undo = function() {
     if (n > -1) {
       const s = t[n];
-      o = s.prev, e.refresh(s.prev), s.currentObject.type === "node" ? e.selectNode(N(s.currentObject.value)) : s.currentObject.type === "nodes" && e.selectNodes(s.currentObject.value.map((i) => N(i))), n--;
+      o = s.prev, e.refresh(s.prev);
+      try {
+        s.currentObject.type === "node" ? e.selectNode(C(s.currentObject.value)) : s.currentObject.type === "nodes" && e.selectNodes(s.currentObject.value.map((i) => C(i)));
+      } catch {
+      } finally {
+        n--;
+      }
     }
   }, e.redo = function() {
     if (n < t.length - 1) {
       n++;
       const s = t[n];
-      o = s.next, e.refresh(s.next), s.currentObject.type === "node" ? e.selectNode(N(s.currentObject.value)) : s.currentObject.type === "nodes" && e.selectNodes(s.currentObject.value.map((i) => N(i)));
+      o = s.next, e.refresh(s.next), s.currentObject.type === "node" ? e.selectNode(C(s.currentObject.value)) : s.currentObject.type === "nodes" && e.selectNodes(s.currentObject.value.map((i) => C(i)));
     }
   }, e.map.addEventListener("keydown", (s) => {
     (s.metaKey || s.ctrlKey) && s.shiftKey && s.key === "Z" ? e.redo() : (s.metaKey || s.ctrlKey) && s.key === "z" && e.undo();
@@ -860,7 +871,7 @@ const R = (e, t) => {
 function Lt(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.container.requestFullscreen();
+    e.mindElixirBox.requestFullscreen();
   }, o.onclick = () => {
     e.toCenter();
   }, s.onclick = () => {
@@ -869,7 +880,7 @@ function Lt(e) {
     e.scaleVal > 1.6 || e.scale(e.scaleVal += 0.2);
   }, t;
 }
-function Tt(e) {
+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();
@@ -879,8 +890,8 @@ function Tt(e) {
     e.initSide();
   }, t;
 }
-function kt(e) {
-  e.container.append(Lt(e)), e.container.append(Tt(e));
+function Tt(e) {
+  e.container.append(Lt(e)), e.container.append(kt(e));
 }
 /*! @viselect/vanilla v3.5.1 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), n);
@@ -906,13 +917,13 @@ class Dt {
     this._listeners.clear();
   }
 }
-const Ne = (e, t = "px") => typeof e == "number" ? e + t : e;
+const Ce = (e, t = "px") => typeof e == "number" ? e + t : e;
 function A({ style: e }, t, n) {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
-      s !== void 0 && (e[o] = Ne(s));
+      s !== void 0 && (e[o] = Ce(s));
   else
-    n !== void 0 && (e[t] = Ne(n));
+    n !== void 0 && (e[t] = Ce(n));
 }
 const Re = (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]);
@@ -921,7 +932,7 @@ const Re = (e) => (t, n, o, s = {}) => {
       for (const r of n)
         i[e](r, o, { capture: !1, ...s });
   return [t, n, o, s];
-}, q = Re("addEventListener"), j = Re("removeEventListener"), Q = (e) => {
+}, q = Re("addEventListener"), j = Re("removeEventListener"), Z = (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 };
@@ -1057,7 +1068,7 @@ class qe extends Dt {
     });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = Q(t), { _options: r } = this, { document: c } = this._options, l = i.getBoundingClientRect();
+    const { x: o, y: s, target: i } = Z(t), { _options: r } = this, { document: c } = this._options, l = i.getBoundingClientRect();
     if (t instanceof MouseEvent && !Ht(t, r.behaviour.triggers))
       return;
     const h = F(r.startAreas, r.document), a = F(r.boundaries, r.document);
@@ -1072,7 +1083,7 @@ class qe extends Dt {
     this._scrollDelta = { x: d.scrollLeft, y: d.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), q(c, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), q(c, ["mouseup", "touchcancel", "touchend"], this._onTapStop), q(c, "scroll", this._onScroll);
   }
   _onSingleTap(t) {
-    const { singleTap: { intersect: n }, range: o } = this._options.features, s = Q(t);
+    const { singleTap: { intersect: n }, range: o } = this._options.features, s = Z(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -1101,7 +1112,7 @@ class qe extends Dt {
       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 } = Q(t);
+    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: c, y: l } = Z(t);
     if (
       // Single number for both coordinates
       typeof s == "number" && B(c + l - (i + r)) >= s || // Different x and y threshold
@@ -1136,7 +1147,7 @@ class qe extends Dt {
     }));
   }
   _onTapMove(t) {
-    const { x: n, y: o } = Q(t), { _scrollSpeed: s, _areaLocation: i, _options: r, _frame: c } = this, { speedDivider: l } = r.behaviour.scrolling, h = this._targetElement;
+    const { x: n, y: o } = Z(t), { _scrollSpeed: s, _areaLocation: i, _options: r, _frame: c } = this, { speedDivider: l } = r.behaviour.scrolling, h = this._targetElement;
     if (i.x2 = n, i.y2 = o, this._scrollAvailable && !this._scrollingActive && (s.y || s.x)) {
       this._scrollingActive = !0;
       const a = () => {
@@ -1378,122 +1389,16 @@ const zt = function(e, t = !0) {
     this.mindElixirBox.style.setProperty(i, n[i]);
   }
   t && this.refresh();
-};
-function Fe(e) {
-  return {
-    nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
-    arrows: e.arrows,
-    summaries: e.summaries,
-    direction: e.direction,
-    theme: e.theme
-  };
-}
-const Rt = function(e, t, n) {
-  if (e) {
-    if (this.clearSelection(), typeof e == "string") {
-      const o = N(e);
-      return o ? this.selectNode(o) : void 0;
-    }
-    e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
-  }
-}, qt = function() {
-  this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, Ft = function(e) {
-  this.clearSelection();
-  for (const t of e)
-    t.className = "selected";
-  this.currentNodes = e, this.bus.fire(
-    "selectNodes",
-    e.map((t) => t.nodeObj)
-  );
-}, It = function() {
-  if (this.currentNodes)
-    for (const e of this.currentNodes)
-      e.classList.remove("selected");
-  this.currentNodes = null, this.bus.fire("unselectNodes");
-}, Kt = function() {
-  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
-}, Vt = function() {
-  const e = Fe(this);
-  return JSON.stringify(e, (t, n) => {
-    if (!(t === "parent" && typeof n != "string"))
-      return n;
-  });
-}, Wt = function() {
-  return JSON.parse(this.getDataString());
-}, Ut = function() {
-  const e = Fe(this).nodeData;
-  let t = "# " + e.topic + `
-
-`;
-  function n(o, s) {
-    for (let i = 0; i < o.length; i++)
-      s <= 6 ? t += "".padStart(s, "#") + " " + o[i].topic + `
-
-` : t += "".padStart(s - 7, "	") + "- " + o[i].topic + `
-`, o[i].children && n(o[i].children || [], s + 1);
-  }
-  return n(e.children || [], 2), t;
-}, Yt = function() {
-  this.editable = !0;
-}, Xt = function() {
-  this.editable = !1;
-}, Gt = function(e) {
-  this.scaleVal = e, this.map.style.transform = "scale(" + e + ")";
-}, Jt = function() {
-  this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, Qt = function(e) {
-  e(this);
-}, Zt = function(e) {
-  e.nodeObj.root || (this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.nodeData.root = !0, this.initRight(), this.toCenter());
-}, en = function() {
-  this.isFocusMode = !1, this.tempDirection !== null && (delete this.nodeData.root, this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
-}, tn = function() {
-  this.direction = 0, this.refresh();
-}, nn = function() {
-  this.direction = 1, this.refresh();
-}, on = function() {
-  this.direction = 2, this.refresh();
-}, sn = function(e) {
-  this.locale = e, this.refresh();
-}, rn = function(e, t) {
-  const n = e.nodeObj;
-  typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0, this.layout(), this.linkDiv(), this.bus.fire("expandNode", n);
-}, cn = 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();
-}, ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  cancelFocus: en,
-  clearSelection: Kt,
-  disableEdit: Xt,
-  enableEdit: Yt,
-  expandNode: rn,
-  focusNode: Zt,
-  getData: Wt,
-  getDataMd: Ut,
-  getDataString: Vt,
-  initLeft: tn,
-  initRight: nn,
-  initSide: on,
-  install: Qt,
-  refresh: cn,
-  scale: Gt,
-  selectNode: Rt,
-  selectNodes: Ft,
-  setLocale: sn,
-  toCenter: Jt,
-  unselectNode: qt,
-  unselectNodes: It
-}, Symbol.toStringTag, { value: "Module" })), W = (e) => {
+}, W = (e) => {
   var o;
   const t = (o = e.parent) == null ? void 0 : o.children, n = t.indexOf(e);
   return { siblings: t, index: n };
 };
-function an(e) {
+function Rt(e) {
   const { siblings: t, index: n } = W(e), 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 dn(e) {
+function qt(e) {
   const { siblings: t, index: n } = W(e), o = t[n];
   n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
 }
@@ -1501,15 +1406,15 @@ function me(e) {
   const { siblings: t, index: n } = W(e);
   return t.splice(n, 1), t.length;
 }
-function hn(e, t, n) {
+function Ft(e, t, n) {
   const { siblings: o, index: s } = W(n);
   t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e);
 }
-function un(e, t) {
+function It(e, t) {
   const { siblings: n, index: o } = W(e);
   n[o] = t, t.children = [e];
 }
-function Ie(e, t, n) {
+function Fe(e, t, n) {
   if (me(t), e === "in")
     n.children ? n.children.push(t) : n.children = [t];
   else {
@@ -1518,21 +1423,21 @@ function Ie(e, t, n) {
     e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
 }
-const fn = function(e, t) {
+const Kt = function(e, t) {
   var n, o;
-  if (e === T)
-    return T;
+  if (e === k)
+    return k;
   if (e === z)
     return z;
-  if (e === ie) {
+  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 = z, z);
+    return s <= i ? (t.direction = k, k) : (t.direction = z, z);
   }
-}, Ke = function(e, t, n) {
+}, Ie = function(e, t, n) {
   var i, r;
   const o = n.children[0].children[0], s = t.parentElement;
   if (s.tagName === "ME-PARENT") {
-    if (ce(o), s.children[1])
+    if (J(o), s.children[1])
       s.nextSibling.appendChild(n);
     else {
       const c = e.createChildren([n]);
@@ -1540,30 +1445,21 @@ const fn = function(e, t) {
     }
     e.linkDiv(n.offsetParent);
   } else
-    s.tagName === "ME-ROOT" && (fn(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());
-}, ge = function(e, t, n) {
-  if (!t)
-    return null;
-  const o = t.nodeObj;
-  o.expanded === !1 && (e.expandNode(t, !0), t = N(o.id));
-  const s = n || e.generateNewObj();
-  o.children ? o.children.push(s) : o.children = [s], $(e.nodeData);
-  const { grp: i, top: r } = e.createWrapper(s);
-  return Ke(e, t, i), { newTop: r, newNodeObj: s };
-}, Ve = function(e, t) {
+    s.tagName === "ME-ROOT" && (Kt(e.direction, o.nodeObj) === k ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
+}, Ke = 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();
-}, We = {
+}, Ve = {
   before: "beforebegin",
   after: "afterend"
-}, ce = function(e) {
+}, J = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
-}, pn = function(e, t) {
+}, Vt = 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);
@@ -1572,37 +1468,48 @@ const fn = function(e, t) {
     obj: s,
     origin: o
   });
-}, mn = 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);
+  const { grp: i, top: r } = e.createWrapper(s);
+  return Ie(e, t, i), { newTop: r, newNodeObj: s };
+}, Wt = function(e, t, n) {
   var h, a, u;
   const o = t || this.currentNode;
   if (!o)
     return;
   const s = o.nodeObj;
-  if (s.root === !0) {
+  if (s.parent) {
+    if (!((h = s.parent) != null && h.parent) && ((u = (a = s.parent) == null ? void 0 : a.children) == null ? void 0 : u.length) === 1) {
+      this.addChild(C(s.parent.id), n);
+      return;
+    }
+  } else {
     this.addChild();
     return;
-  } else if (((h = s.parent) == null ? void 0 : h.root) === !0 && ((u = (a = s.parent) == null ? void 0 : a.children) == null ? void 0 : u.length) === 1) {
-    this.addChild(N(s.parent.id), n);
-    return;
   }
   const i = n || this.generateNewObj();
-  hn(i, e, s), $(this.nodeData);
+  Ft(i, e, s), $(this.nodeData);
   const r = o.parentElement, { grp: c, top: l } = this.createWrapper(i);
-  r.parentElement.insertAdjacentElement(We[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
+  r.parentElement.insertAdjacentElement(Ve[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
   });
-}, gn = function(e, t) {
+}, Ut = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  ce(n);
+  J(n);
   const o = n.nodeObj;
-  if (o.root === !0)
+  if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  un(o, s), $(this.nodeData);
+  It(o, s), $(this.nodeData);
   const i = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(s, !0);
   c.appendChild(pe(!0)), i.insertAdjacentElement("afterend", r);
   const l = this.createChildren([i]);
@@ -1610,7 +1517,7 @@ const fn = function(e, t) {
     name: "insertParent",
     obj: s
   });
-}, vn = function(e, t) {
+}, Yt = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
@@ -1622,19 +1529,19 @@ const fn = function(e, t) {
     name: "addChild",
     obj: i
   }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
-}, bn = function(e, t) {
+}, Xt = function(e, t) {
   const n = ue(e.nodeObj);
   he(n);
   const o = ge(this, t, n);
   if (!o)
     return;
   const { newNodeObj: s } = o;
-  this.selectNode(N(s.id)), this.bus.fire("operation", {
+  this.selectNode(C(s.id)), this.bus.fire("operation", {
     name: "copyNode",
     obj: s
   });
-}, yn = function(e, t) {
-  e = re(e);
+}, Gt = function(e, t) {
+  e = ce(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
     const s = e[o], i = ue(s.nodeObj);
@@ -1645,122 +1552,237 @@ const fn = function(e, t) {
     const { newNodeObj: c } = r;
     n.push(c);
   }
-  this.selectNodes(n.map((o) => N(o.id))), this.bus.fire("operation", {
+  this.selectNodes(n.map((o) => C(o.id))), this.bus.fire("operation", {
     name: "copyNodes",
     objs: n
   });
-}, xn = function(e) {
+}, Jt = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  an(n);
+  Rt(n);
   const o = t.parentNode.parentNode;
   o.parentNode.insertBefore(o, o.previousSibling), this.linkDiv(), this.bus.fire("operation", {
     name: "moveUpNode",
     obj: n
   });
-}, wn = function(e) {
+}, Qt = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  dn(n);
+  qt(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
   });
-}, En = function(e) {
+}, Zt = function(e) {
   var r;
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  if (n.root === !0)
+  if (!n.parent)
     throw new Error("Can not remove root node");
   const o = n.parent.children, s = o.findIndex((c) => c === n), i = me(n);
-  if (Ve(t, i), o.length !== 0) {
+  if (Ke(t, i), o.length !== 0) {
     const c = o[s] || o[s - 1];
-    this.selectNode(N(c.id));
+    this.selectNode(C(c.id));
   } else
-    this.selectNode(N(n.parent.id));
+    this.selectNode(C(n.parent.id));
   this.linkDiv(), this.bus.fire("operation", {
     name: "removeNode",
     obj: n,
     originIndex: s,
     originParentId: (r = n == null ? void 0 : n.parent) == null ? void 0 : r.id
   });
-}, Cn = function(e) {
-  e = re(e);
+}, en = function(e) {
+  e = ce(e);
   for (const t of e) {
     const n = t.nodeObj;
-    if (n.root === !0)
+    if (!n.parent)
       continue;
     const o = me(n);
-    Ve(t, o);
+    Ke(t, o);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "removeNodes",
     objs: e.map((t) => t.nodeObj)
   });
-}, Nn = function(e, t) {
-  e = re(e);
+}, tn = function(e, t) {
+  e = ce(e);
   const n = t.nodeObj;
-  n.expanded === !1 && (this.expandNode(t, !0), t = N(n.id));
+  n.expanded === !1 && (this.expandNode(t, !0), t = C(n.id));
   for (const o of e) {
     const s = o.nodeObj;
-    Ie("in", s, n), $(this.nodeData);
+    Fe("in", s, n), $(this.nodeData);
     const i = o.parentElement;
-    Ke(this, t, i.parentElement);
+    Ie(this, t, i.parentElement);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "moveNodeIn",
     objs: e.map((o) => o.nodeObj),
     toObj: n
   });
-}, Ue = (e, t, n, o) => {
-  e = re(e), t === "after" && (e = e.reverse());
+}, We = (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;
-    Ie(t, r, s), $(o.nodeData), ce(i);
+    Fe(t, r, s), $(o.nodeData), J(i);
     const c = i.parentElement.parentNode;
-    n.parentElement.parentNode.insertAdjacentElement(We[t], c);
+    n.parentElement.parentNode.insertAdjacentElement(Ve[t], c);
   }
   o.linkDiv(), o.bus.fire("operation", {
     name: t === "before" ? "moveNodeBefore" : "moveNodeAfter",
     objs: e.map((i) => i.nodeObj),
     toObj: s
   });
-}, _n = function(e, t) {
-  Ue(e, "before", t, this);
-}, Sn = function(e, t) {
-  Ue(e, "after", t, this);
-}, Mn = function(e) {
+}, nn = function(e, t) {
+  We(e, "before", t, this);
+}, on = function(e, t) {
+  We(e, "after", t, this);
+}, sn = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
-}, Ln = function(e, t) {
+}, rn = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
-}, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addChild: vn,
-  beginEdit: Mn,
-  copyNode: bn,
-  copyNodes: yn,
-  insertParent: gn,
-  insertSibling: mn,
-  mainToSub: ce,
-  moveDownNode: wn,
-  moveNodeAfter: Sn,
-  moveNodeBefore: _n,
-  moveNodeIn: Nn,
-  moveUpNode: xn,
-  removeNode: En,
-  removeNodes: Cn,
-  reshapeNode: pn,
-  setNodeTopic: Ln
-}, Symbol.toStringTag, { value: "Module" })), Tn = function(e) {
+  addChild: Yt,
+  beginEdit: sn,
+  copyNode: Xt,
+  copyNodes: Gt,
+  insertParent: Ut,
+  insertSibling: Wt,
+  moveDownNode: Qt,
+  moveNodeAfter: on,
+  moveNodeBefore: nn,
+  moveNodeIn: tn,
+  moveUpNode: Jt,
+  removeNode: Zt,
+  removeNodes: en,
+  reshapeNode: Vt,
+  rmSubline: J,
+  setNodeTopic: rn
+}, Symbol.toStringTag, { value: "Module" }));
+function Ye(e) {
+  return {
+    nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
+    arrows: e.arrows,
+    summaries: e.summaries,
+    direction: e.direction,
+    theme: e.theme
+  };
+}
+const cn = function(e, t, n) {
+  if (e) {
+    if (this.clearSelection(), typeof e == "string") {
+      const o = C(e);
+      return o ? this.selectNode(o) : void 0;
+    }
+    e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
+  }
+}, ln = function() {
+  this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
+}, an = function(e) {
+  this.clearSelection();
+  for (const t of e)
+    t.className = "selected";
+  this.currentNodes = e, this.bus.fire(
+    "selectNodes",
+    e.map((t) => t.nodeObj)
+  );
+}, dn = function() {
+  if (this.currentNodes)
+    for (const e of this.currentNodes)
+      e.classList.remove("selected");
+  this.currentNodes = null, this.bus.fire("unselectNodes");
+}, hn = function() {
+  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
+}, un = function() {
+  const e = Ye(this);
+  return JSON.stringify(e, (t, n) => {
+    if (!(t === "parent" && typeof n != "string"))
+      return n;
+  });
+}, fn = function() {
+  return JSON.parse(this.getDataString());
+}, pn = function() {
+  const e = Ye(this).nodeData;
+  let t = "# " + e.topic + `
+
+`;
+  function n(o, s) {
+    for (let i = 0; i < o.length; i++)
+      s <= 6 ? t += "".padStart(s, "#") + " " + o[i].topic + `
+
+` : t += "".padStart(s - 7, "	") + "- " + o[i].topic + `
+`, o[i].children && n(o[i].children || [], s + 1);
+  }
+  return n(e.children || [], 2), t;
+}, mn = function() {
+  this.editable = !0;
+}, gn = function() {
+  this.editable = !1;
+}, vn = function(e) {
+  this.scaleVal = e, this.map.style.transform = "scale(" + e + ")";
+}, bn = function() {
+  this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
+}, yn = function(e) {
+  e(this);
+}, xn = 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() {
+  this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
+}, En = function() {
+  this.direction = 0, this.refresh();
+}, Nn = function() {
+  this.direction = 1, this.refresh();
+}, Cn = function() {
+  this.direction = 2, this.refresh();
+}, _n = function(e) {
+  this.locale = e, this.refresh();
+}, 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) {
+    const i = this.createChildren(
+      n.children.map((r) => this.createWrapper(r).grp)
+    );
+    o.parentNode.appendChild(i);
+  } 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();
+}, Ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  cancelFocus: wn,
+  clearSelection: hn,
+  disableEdit: gn,
+  enableEdit: mn,
+  expandNode: Sn,
+  focusNode: xn,
+  getData: fn,
+  getDataMd: pn,
+  getDataString: un,
+  initLeft: En,
+  initRight: Nn,
+  initSide: Cn,
+  install: yn,
+  refresh: Mn,
+  scale: vn,
+  selectNode: cn,
+  selectNodes: an,
+  setLocale: _n,
+  toCenter: bn,
+  unselectNode: ln,
+  unselectNodes: dn
+}, Symbol.toStringTag, { value: "Module" })), kn = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -1786,10 +1808,10 @@ const fn = function(e, t) {
       this.moved = !1, this.mousedown = !1;
     }
   };
-}, Te = {
-  create: Tn
+}, ke = {
+  create: kn
 };
-function se(e, t, n) {
+function ie(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, a = l + n.y;
   return {
     w: i,
@@ -1808,9 +1830,9 @@ function I(e) {
     y: n
   };
 }
-const kn = function(e, t, n, o) {
+const Tn = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return C(s, {
+  return N(s, {
     "text-anchor": "middle",
     x: t + "",
     y: n + "",
@@ -1820,10 +1842,10 @@ const kn = function(e, t, n, o) {
   if (!t || !n)
     return;
   performance.now();
-  const i = se(e, t, o.delta1), r = se(e, n, o.delta2), { x: c, y: l } = I(i), { ctrlX: h, ctrlY: a } = i, { ctrlX: u, ctrlY: d } = r, { x: m, y: g } = I(r), p = Oe(u, d, m, g), f = ft(
+  const i = ie(e, t, o.delta1), r = ie(e, n, o.delta2), { x: c, y: l } = I(i), { ctrlX: h, ctrlY: a } = i, { ctrlX: u, ctrlY: d } = r, { x: m, y: g } = I(r), p = Oe(u, d, m, g), f = ft(
     `M ${c} ${l} C ${h} ${a} ${u} ${d} ${m} ${g}`,
     `M ${p.x1} ${p.y1} L ${m} ${g} L ${p.x2} ${p.y2}`
-  ), v = c / 8 + h * 3 / 8 + u * 3 / 8 + m / 8, b = l / 8 + a * 3 / 8 + d * 3 / 8 + g / 8, y = kn(o.label, v, b, e.theme.cssVar["--color"]);
+  ), v = c / 8 + h * 3 / 8 + u * 3 / 8 + m / 8, b = l / 8 + a * 3 / 8 + d * 3 / 8 + g / 8, y = Tn(o.label, v, b, e.theme.cssVar["--color"]);
   f.appendChild(y), f.arrowObj = o, f.dataset.linkid = o.id, e.linkSvgGroup.appendChild(f), s || (e.arrows.push(o), e.currentArrow = f, Je(e, o, i, r)), performance.now();
 }, An = function(e, t) {
   const n = {
@@ -1858,7 +1880,7 @@ const kn = function(e, t, n, o) {
   });
 }, Dn = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = N(t.from), o = N(t.to), s = se(this, n, t.delta1), i = se(this, o, t.delta2);
+  const t = e.arrowObj, n = C(t.from), o = C(t.to), s = ie(this, n, t.delta1), i = ie(this, o, t.delta2);
   Je(this, t, s, i);
 }, $n = function() {
   this.currentArrow = null, Ge(this);
@@ -1868,26 +1890,26 @@ const kn = function(e, t, n, o) {
   var d;
   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: a, y: u } = I(o);
-  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${h}px;left:${l}px;`, C(e.line1, {
+  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${h}px;left:${l}px;`, N(e.line1, {
     x1: s + "",
     y1: i + "",
     x2: r + "",
     y2: c + ""
-  }), C(e.line2, {
+  }), N(e.line2, {
     x1: l + "",
     y1: h + "",
     x2: a + "",
     y2: u + ""
-  }), e.helper1 && (e.helper1.destory(e.map), (d = e.helper2) == null || d.destory(e.map)), e.helper1 = Te.create(e.P2), e.helper2 = Te.create(e.P3), e.helper1.init(e.map, (m, g) => {
+  }), e.helper1 && (e.helper1.destory(e.map), (d = e.helper2) == null || d.destory(e.map)), e.helper1 = ke.create(e.P2), e.helper2 = ke.create(e.P3), e.helper1.init(e.map, (m, g) => {
     var b;
     r = r + m / e.scaleVal, c = c + g / e.scaleVal;
     const p = I({ ...n, ctrlX: r, ctrlY: c });
     s = p.x, i = p.y;
     const f = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, v = i / 8 + c * 3 / 8 + h * 3 / 8 + u / 8;
-    e.P2.style.top = c + "px", e.P2.style.left = r + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${h} ${a} ${u}`), C(e.currentArrow.children[2], {
+    e.P2.style.top = c + "px", e.P2.style.left = r + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${h} ${a} ${u}`), N(e.currentArrow.children[2], {
       x: f + "",
       y: v + ""
-    }), C(e.line1, {
+    }), N(e.line1, {
       x1: s + "",
       y1: i + "",
       x2: r + "",
@@ -1899,10 +1921,10 @@ const kn = function(e, t, n, o) {
     const p = I({ ...o, ctrlX: l, ctrlY: h });
     a = p.x, u = p.y;
     const f = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, v = i / 8 + c * 3 / 8 + h * 3 / 8 + u / 8, b = Oe(l, h, a, u);
-    e.P3.style.top = h + "px", e.P3.style.left = l + "px", (y = e.currentArrow) == null || y.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${h} ${a} ${u}`), (x = e.currentArrow) == null || x.children[1].setAttribute("d", `M ${b.x1} ${b.y1} L ${a} ${u} L ${b.x2} ${b.y2}`), C(e.currentArrow.children[2], {
+    e.P3.style.top = h + "px", e.P3.style.left = l + "px", (y = e.currentArrow) == null || y.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${h} ${a} ${u}`), (x = e.currentArrow) == null || x.children[1].setAttribute("d", `M ${b.x1} ${b.y1} L ${a} ${u} L ${b.x2} ${b.y2}`), N(e.currentArrow.children[2], {
       x: f + "",
       y: v + ""
-    }), C(e.line2, {
+    }), N(e.line2, {
       x1: l + "",
       y1: h + "",
       x2: a + "",
@@ -1915,7 +1937,7 @@ function On() {
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      Xe(this, N(t.from), N(t.to), t, !0);
+      Xe(this, C(t.from), C(t.to), t, !0);
     } catch {
     }
   }
@@ -1935,7 +1957,7 @@ function Pn(e) {
   });
 }
 function Hn() {
-  this.arrows = this.arrows.filter((e) => ne(e.from, this.nodeData) && ne(e.to, this.nodeData));
+  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,
@@ -1982,7 +2004,7 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   if (!o)
     throw new Error("Can not select root node.");
   const s = n.map((a) => a[o - 1].index).sort(), i = s[0] || 0, r = s[s.length - 1] || 0, c = n[0][o - 1].node;
-  if (c.root)
+  if (!c.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
     parent: c.id,
@@ -1992,9 +2014,9 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Rn = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, ke = function(e, t) {
+}, Te = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  return C(n, {
+  return N(n, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -2003,31 +2025,31 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }), n;
 }, Ae = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return C(i, {
+  return N(i, {
     "text-anchor": o,
     x: t + "",
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, qn = (e) => N(e).parentElement.parentElement, Fn = function({ parent: e, start: t }) {
+}, qn = (e) => C(e).parentElement.parentElement, Fn = function({ parent: e, start: t }) {
   var i, r;
-  const n = N(e), o = n.nodeObj;
+  const n = C(e), o = n.nodeObj;
   let s;
-  return o.root === !0 ? s = (i = N(o.children[t].id).closest("me-main")) == null ? void 0 : i.className : s = (r = n.closest("me-main")) == null ? void 0 : r.className, 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;
 }, Qe = function(e, t) {
   var _;
-  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, h = N(s).nodeObj, a = Fn(t);
+  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, h = C(s).nodeObj, a = Fn(t);
   let u = 1 / 0, d = 0, m = 0, g = 0;
   for (let P = i; P <= r; P++) {
     const U = (_ = h.children) == null ? void 0 : _[P];
     if (!U)
       return e.removeSummary(n), null;
-    const H = qn(U.id), { offsetLeft: J, offsetTop: ve } = O(c, H);
-    P === i && (m = ve), P === r && (g = ve + H.offsetHeight), J < u && (u = J), H.offsetWidth + J > d && (d = H.offsetWidth + J);
+    const H = qn(U.id), { offsetLeft: Q, offsetTop: ve } = O(c, H);
+    P === i && (m = ve), P === r && (g = ve + H.offsetHeight), Q < u && (u = Q), H.offsetWidth + Q > d && (d = H.offsetWidth + Q);
   }
   let p, f;
   const v = m + 10, b = g + 10, y = (v + b) / 2, x = e.theme.cssVar["--color"];
-  a === "lhs" ? (p = ke(`M ${u + 10} ${v} c -5 0 -10 5 -10 10 L ${u} ${b - 10} c 0 5 5 10 10 10 M ${u} ${y} h -10`, x), f = Ae(o, u - 20, y + 6, "end", x)) : (p = ke(`M ${d - 10} ${v} c 5 0 10 5 10 10 L ${d} ${b - 10} c 0 5 -5 10 -10 10 M ${d} ${y} h 10`, x), f = Ae(o, d + 20, y + 6, "start", x));
+  a === "lhs" ? (p = Te(`M ${u + 10} ${v} c -5 0 -10 5 -10 10 L ${u} ${b - 10} c 0 5 5 10 10 10 M ${u} ${y} h -10`, x), f = Ae(o, u - 20, y + 6, "end", x)) : (p = Te(`M ${d - 10} ${v} c 5 0 10 5 10 10 L ${d} ${b - 10} c 0 5 -5 10 -10 10 M ${d} ${y} h 10`, x), f = Ae(o, d + 20, y + 6, "start", x));
   const w = Rn("s-" + n);
   return w.appendChild(p), w.appendChild(f), w.summaryObj = t, e.summarySvg.appendChild(w), w;
 }, In = function() {
@@ -2047,7 +2069,7 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   });
 }, Vn = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-  C(s, {
+  N(s, {
     x: t.x - n + "",
     y: t.y - n + "",
     width: t.width + n * 2 + "",
@@ -2090,7 +2112,7 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), M = "http://www.w3.org/2000/svg";
 function Gn(e, t) {
   const n = document.createElementNS(M, "svg");
-  return C(n, {
+  return N(n, {
     version: "1.1",
     xmlns: M,
     height: e,
@@ -2106,7 +2128,7 @@ function Qn(e, t, n, o) {
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((c, l) => {
     const h = document.createElementNS(M, "text");
-    C(h, {
+    N(h, {
       x: n + parseInt(t.paddingLeft) + "",
       y: o + parseInt(t.paddingTop) + Jn(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
       "text-anchor": "start",
@@ -2122,21 +2144,21 @@ function Zn(e, t, n, o) {
   let s = "";
   (c = e.nodeObj) != null && c.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
   const i = document.createElementNS(M, "foreignObject");
-  C(i, {
+  N(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
     height: t.height
   });
   const r = document.createElement("div");
-  return C(r, {
+  return N(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), 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");
-  return C(i, {
+  return N(i, {
     x: o + "",
     y: s + "",
     rx: n.borderRadius,
@@ -2148,9 +2170,9 @@ function eo(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function Z(e, t, n = !1) {
+function ee(e, t, n = !1) {
   const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), r = document.createElementNS(M, "rect");
-  C(r, {
+  N(r, {
     x: s + "",
     y: i + "",
     rx: o.borderRadius,
@@ -2168,7 +2190,7 @@ function Z(e, t, n = !1) {
 }
 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");
-  return C(r, {
+  return N(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -2180,7 +2202,7 @@ function to(e, t) {
 }
 function no(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "image");
-  return C(i, {
+  return N(i, {
     x: o + "",
     y: s + "",
     width: n.width + "",
@@ -2188,10 +2210,10 @@ function no(e, t) {
     href: t.src
   }), i;
 }
-const ee = 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) => {
+const te = 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 u, d, m;
-  const n = e.nodes, o = n.offsetHeight + ee * 2, s = n.offsetWidth + ee * 2, i = Gn(o + "px", s + "px"), r = document.createElementNS(M, "svg"), c = document.createElementNS(M, "rect");
-  C(c, {
+  const n = e.nodes, o = n.offsetHeight + te * 2, s = n.offsetWidth + te * 2, i = Gn(o + "px", s + "px"), r = document.createElementNS(M, "svg"), c = document.createElementNS(M, "rect");
+  N(c, {
     x: "0",
     y: "0",
     width: `${s}`,
@@ -2207,18 +2229,18 @@ const ee = 100, oo = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
   h && r.appendChild(h);
   const a = (m = n.querySelector(".summary")) == null ? void 0 : m.cloneNode(!0);
   return a && r.appendChild(a), n.querySelectorAll("me-tpc").forEach((g) => {
-    g.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Z(e, g, !t)) : (r.appendChild(eo(e, g)), r.appendChild(Z(e, g.text, !t)));
+    g.nodeObj.dangerouslySetInnerHTML ? r.appendChild(ee(e, g, !t)) : (r.appendChild(eo(e, g)), r.appendChild(ee(e, g.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((g) => {
-    r.appendChild(Z(e, g));
+    r.appendChild(ee(e, g));
   }), n.querySelectorAll(".icons > span").forEach((g) => {
-    r.appendChild(Z(e, g));
+    r.appendChild(ee(e, g));
   }), n.querySelectorAll(".hyper-link").forEach((g) => {
     r.appendChild(to(e, g));
   }), n.querySelectorAll("img").forEach((g) => {
     r.appendChild(no(e, g));
-  }), C(r, {
-    x: ee + "",
-    y: ee + "",
+  }), N(r, {
+    x: te + "",
+    y: te + "",
     overflow: "visible"
   }), i.appendChild(r), i;
 }, io = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), oo + e.outerHTML);
@@ -2255,13 +2277,13 @@ function ho(e, t) {
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const je = Object.keys(Ye), Ze = {};
+const je = Object.keys(Ue), Ze = {};
 for (let e = 0; e < je.length; e++) {
   const t = je[e];
-  Ze[t] = ho(Ye[t], t);
+  Ze[t] = ho(Ue[t], t);
 }
 const uo = {
-  getObjById: ne,
+  getObjById: oe,
   generateNewObj: nt,
   layout: it,
   linkDiv: pt,
@@ -2270,9 +2292,9 @@ const uo = {
   createParent: at,
   createChildren: dt,
   createTopic: ht,
-  findEle: N,
+  findEle: C,
   changeTheme: zt,
-  ...ln,
+  ...Ln,
   ...Ze,
   ...Bn,
   ...Xn,
@@ -2280,7 +2302,11 @@ const uo = {
   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 && kt(this), this.keypress && wt(this), this.editable && Bt(this), et() && this.mobileMenu ? Et(this) : this.contextMenu && mt(this, this.contextMenuOption), this.draggable && _t(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, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Tt(this), this.keypress && wt(this), this.editable && Bt(this), et() && this.mobileMenu ? Et(this) : this.contextMenu && this.disposable.push(mt(this, this.contextMenuOption)), this.draggable && _t(this), this.allowUndo && Mt(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 }) {
@@ -2300,7 +2326,7 @@ function po({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction:
   return l === "lhs" ? (p = t, m = p + D, g = p - D, u = i + D, `M ${m} ${a} C ${p} ${a} ${p + f} ${d} ${g} ${d} H ${u}`) : (p = t + n, m = p - D, g = p + D, u = i + r - D, `M ${m} ${a} C ${p} ${a} ${p - f} ${d} ${g} ${d} H ${u}`);
 }
 const Y = document;
-function k({
+function T({
   el: e,
   direction: t,
   locale: n,
@@ -2324,28 +2350,27 @@ function k({
   const y = Object.prototype.toString.call(e);
   if (y === "[object HTMLDivElement]" ? b = e : y === "[object String]" && (b = document.querySelector(e)), !b)
     throw new Error("MindElixir: el is not a valid element");
-  b.className += " mind-elixir", b.innerHTML = "", b.style.setProperty("--gap", D + "px"), this.mindElixirBox = b, 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.mobileMenu = f || !1, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = u || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = d === void 0 ? !1 : d, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = m || fo, this.generateSubBranch = g || po, this.overflowHidden = p || !1, this.bus = st.create(), this.container = Y.createElement("div"), this.container.className = "map-container";
+  b.className += " mind-elixir", b.innerHTML = "", b.style.setProperty("--gap", D + "px"), this.mindElixirBox = b, 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.mobileMenu = f || !1, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = u || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = d === void 0 ? !1 : d, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = m || fo, this.generateSubBranch = g || po, this.overflowHidden = p || !1, this.bus = st.create(), this.container = Y.createElement("div"), this.container.className = "map-container";
   const x = window.matchMedia("(prefers-color-scheme: dark)");
   this.theme = v || (x.matches ? $e : De);
   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" : ot(this);
 }
-k.prototype = uo;
-k.LEFT = T;
-k.RIGHT = z;
-k.SIDE = ie;
-k.THEME = De;
-k.DARK_THEME = $e;
-k.version = "4.0.4";
-k.E = N;
-k.new = (e) => ({
+T.prototype = uo;
+T.LEFT = k;
+T.RIGHT = z;
+T.SIDE = re;
+T.THEME = De;
+T.DARK_THEME = $e;
+T.version = "4.1.1";
+T.E = C;
+T.new = (e) => ({
   nodeData: {
     id: G(),
     topic: e || "new topic",
-    root: !0,
     children: []
   }
 });
 export {
-  k as default
+  T as default
 };