mind-elixir 4.1.1 → 4.1.2

package/dist/MindElixir.js

@@ -29,7 +29,7 @@
     s.readyState == "complete" && (s.onreadystatechange = null, h());
   });
 })(window);
-const k = 0, z = 1, re = 2, D = 30, De = {
+const L = 0, z = 1, ce = 2, D = 30, $e = {
   name: "Latte",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
@@ -41,7 +41,7 @@ const k = 0, z = 1, re = 2, D = 30, De = {
     "--panel-bgcolor": "#ffffff",
     "--panel-border-color": "#eaeaea"
   }
-}, $e = {
+}, Oe = {
   name: "Dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
   cssVar: {
@@ -54,15 +54,15 @@ const k = 0, z = 1, re = 2, D = 30, De = {
     "--panel-border-color": "#696969"
   }
 };
-function ne(e) {
+function oe(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), oe = function(e, t) {
+const tt = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), se = 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 = oe(e, t.children[n]);
+      const o = se(e, t.children[n]);
       if (o)
         return o;
     }
@@ -74,18 +74,18 @@ const et = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/
     for (let n = 0; n < e.children.length; n++)
       $(e.children[n], e);
 };
-function he(e) {
+function ue(e) {
   if (e.id = G(), e.children)
     for (let t = 0; t < e.children.length; t++)
-      he(e.children[t]);
+      ue(e.children[t]);
 }
-const tt = (e, t) => {
+const nt = (e, t) => {
   let n = Date.now();
   return function(...o) {
     Date.now() - n < t || (e(...o), n = Date.now());
   };
 };
-function Oe(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);
@@ -100,14 +100,14 @@ function Oe(e, t, n, o) {
 function G() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const nt = function() {
+const ot = function() {
   const e = G();
   return {
     topic: this.newTopicName,
     id: e
   };
 };
-function ue(e) {
+function fe(e) {
   return JSON.parse(
     JSON.stringify(e, (n, o) => {
       if (n !== "parent")
@@ -123,7 +123,7 @@ const O = (e, t) => {
 }, N = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, le = (e) => e ? e.tagName === "ME-TPC" : !1, ce = (e) => e.filter((t) => {
+}, ae = (e) => e ? e.tagName === "ME-TPC" : !1, le = (e) => e.filter((t) => {
   for (let n = 0; n < e.length; n++) {
     if (t === e[n])
       continue;
@@ -131,7 +131,7 @@ const O = (e, t) => {
       return !1;
   }
   return !0;
-}), L = {
+}), k = {
   moved: !1,
   // diffrentiate click and move
   mousedown: !1,
@@ -146,7 +146,7 @@ const O = (e, t) => {
     this.moved = !1, this.mousedown = !1;
   }
 };
-function ot(e) {
+function st(e) {
   e.map.addEventListener("click", (t) => {
     var o, s;
     if (t.button !== 0)
@@ -159,15 +159,15 @@ function ot(e) {
       e.helper2.clear();
       return;
     }
-    if (L.moved) {
-      L.clear();
+    if (k.moved) {
+      k.clear();
       return;
     }
     e.clearSelection();
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
-    else if (le(n))
+    else if (ae(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,23 +177,23 @@ function ot(e) {
     if (t.preventDefault(), !e.editable)
       return;
     const n = t.target;
-    le(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
+    ae(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" && L.onMove(t, e.container);
+    t.target.contentEditable !== "true" && k.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && t.target.contentEditable !== "true" && (L.moved = !1, L.mousedown = !0);
+    t.button === n && t.target.contentEditable !== "true" && (k.moved = !1, k.mousedown = !0);
   }), e.map.addEventListener("mouseleave", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && L.clear();
+    t.button === n && k.clear();
   }), e.map.addEventListener("mouseup", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && L.clear();
+    t.button === n && k.clear();
   }), e.map.addEventListener("contextmenu", (t) => {
     t.preventDefault();
   });
 }
-const st = {
+const it = {
   create() {
     return {
       handlers: {},
@@ -221,32 +221,32 @@ const st = {
       }
     };
   }
-}, se = document, it = function() {
+}, ie = document, rt = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  fe(e, this.nodeData), e.draggable = !1;
-  const t = se.createElement("me-root");
+  pe(e, this.nodeData), e.draggable = !1;
+  const t = ie.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
-  if (this.direction === re) {
+  if (this.direction === ce) {
     let o = 0, s = 0;
     n.map((i) => {
-      i.direction === k ? o += 1 : i.direction === z ? s += 1 : o <= s ? (i.direction = k, o += 1) : (i.direction = z, s += 1);
+      i.direction === L ? o += 1 : i.direction === z ? s += 1 : o <= s ? (i.direction = L, o += 1) : (i.direction = z, s += 1);
     });
   }
-  rt(this, n, t);
-}, rt = function(e, t, n) {
-  const o = se.createElement("me-main");
+  ct(this, n, t);
+}, ct = function(e, t, n) {
+  const o = ie.createElement("me-main");
   o.className = "lhs";
-  const s = se.createElement("me-main");
+  const s = ie.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 === re ? r.direction === k ? o.appendChild(c) : s.appendChild(c) : e.direction === k ? o.appendChild(c) : s.appendChild(c);
+    e.direction === ce ? r.direction === L ? o.appendChild(c) : s.appendChild(c) : e.direction === L ? 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 = se.createElement("me-children");
+}, lt = function(e, t) {
+  const n = ie.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
     const s = t[o], { grp: i } = e.createWrapper(s);
     n.appendChild(i);
@@ -257,7 +257,7 @@ const st = {
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, fe = function(e, t) {
+}, pe = 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;
@@ -281,45 +281,45 @@ 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>${ne(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${oe(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>${ne(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
+    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${oe(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
-}, lt = function(e, t) {
+}, at = function(e, t) {
   const n = S.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const i = pe(e.expanded);
+    const i = me(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
-      const r = ct(this, e.children);
+      const r = lt(this, e.children);
       n.appendChild(r);
     }
   }
   return { grp: n, top: o, tpc: s };
-}, at = function(e) {
-  const t = S.createElement("me-parent"), n = this.createTopic(e);
-  return fe(n, e), t.appendChild(n), { p: t, tpc: n };
 }, dt = function(e) {
+  const t = S.createElement("me-parent"), n = this.createTopic(e);
+  return pe(n, e), t.appendChild(n), { p: t, tpc: n };
+}, ht = function(e) {
   const t = S.createElement("me-children");
   return t.append(...e), t;
-}, ht = function(e) {
+}, ut = function(e) {
   const t = S.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
-function Pe(e) {
+function He(e) {
   const t = S.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const ut = function(e) {
+const ft = 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 === k && (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 === L && (t.style.right = "0"), t.focus(), He(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (o) => {
@@ -341,10 +341,10 @@ const ut = function(e) {
       origin: n
     }));
   });
-}, pe = function(e) {
+}, me = function(e) {
   const t = S.createElement("me-epd");
   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) {
+}, K = document, V = "http://www.w3.org/2000/svg", Be = function(e, t, n) {
   const o = K.createElementNS(V, "path");
   return N(o, {
     d: e,
@@ -355,10 +355,10 @@ const ut = function(e) {
 }, X = function(e) {
   const t = K.createElementNS(V, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, be = function() {
+}, ye = function() {
   const e = K.createElementNS(V, "line");
   return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
-}, ft = function(e, t) {
+}, pt = function(e, t) {
   const n = {
     stroke: "rgb(235, 95, 82)",
     fill: "none",
@@ -373,7 +373,7 @@ const ut = function(e) {
     ...n,
     "stroke-dasharray": "8,2"
   }), o.appendChild(s), o.appendChild(i), o;
-}, Be = function(e, t, n) {
+}, ze = function(e, t, n) {
   if (!t)
     return;
   const o = document.createElement("div");
@@ -383,7 +383,7 @@ const ut = function(e) {
   const i = t.getAttribute("x"), r = t.getAttribute("y");
   o.style.cssText = `min-width:88px;position:absolute;left:${i}px;top:${r}px;`;
   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(), Pe(o), o.addEventListener("keydown", (l) => {
+  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(), He(o), o.addEventListener("keydown", (l) => {
     l.stopPropagation();
     const h = l.key;
     if (h === "Enter" || h === "Tab") {
@@ -394,38 +394,38 @@ const ut = function(e) {
   }), o.addEventListener("blur", () => {
     o && n(o);
   });
-}, pt = function(e) {
+}, mt = 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: 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"));
+    h.style.borderColor = v, this.lines.appendChild(Be(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)
       continue;
     const y = X("subLines"), x = l.lastChild;
-    x.tagName === "svg" && x.remove(), l.appendChild(y), ze(this, y, v, l, g, !0);
+    x.tagName === "svg" && x.remove(), l.appendChild(y), Re(this, y, v, l, g, !0);
   }
   this.renderArrow(), this.renderSummary();
-}, ze = 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, 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"));
+    t.appendChild(Be(x, y, "2"));
     const w = g.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;
-    ze(e, t, y, m, s);
+    Re(e, t, y, m, s);
   }
-}, ye = {
+}, xe = {
   addChild: "插入子节点",
   addParent: "插入父节点",
   addSibling: "插入同级节点",
@@ -437,9 +437,9 @@ const ut = function(e) {
   link: "连接",
   clickTips: "请点击目标节点",
   summary: "摘要"
-}, xe = {
-  cn: ye,
-  zh_CN: ye,
+}, we = {
+  cn: xe,
+  zh_CN: xe,
   zh_TW: {
     addChild: "插入子節點",
     addParent: "插入父節點",
@@ -532,14 +532,14 @@ const ut = function(e) {
     summary: "Resumen"
   }
 };
-function mt(e, t) {
+function gt(e, t) {
   const n = (y) => {
     const x = document.createElement("div");
     return x.innerText = y, x.className = "tips", x;
   }, o = (y, x, w) => {
     const _ = document.createElement("li");
-    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");
+    return _.id = y, _.innerHTML = `<span>${oe(x)}</span><span>${oe(w)}</span>`, _;
+  }, 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, ""), 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 || "");
@@ -554,8 +554,8 @@ function mt(e, t) {
     if (y.preventDefault(), !e.editable)
       return;
     const x = y.target;
-    if (le(x)) {
-      x.parentElement.tagName === "ME-ROOT" ? b = !0 : b = !1, b ? (a.className = "disabled", d.className = "disabled", m.className = "disabled", c.className = "disabled", l.className = "disabled", h.className = "disabled") : (a.className = "", d.className = "", m.className = "", c.className = "", l.className = "", h.className = ""), e.currentNodes || e.selectNode(x), v.hidden = !1, L.mousedown && (L.mousedown = !1), f.style.top = "", f.style.bottom = "", f.style.left = "", f.style.right = "";
+    if (ae(x)) {
+      x.parentElement.tagName === "ME-ROOT" ? b = !0 : b = !1, b ? (a.className = "disabled", d.className = "disabled", m.className = "disabled", c.className = "disabled", l.className = "disabled", h.className = "disabled") : (a.className = "", d.className = "", m.className = "", c.className = "", l.className = "", h.className = ""), e.currentNodes || e.selectNode(x), v.hidden = !1, k.mousedown && (k.mousedown = !1), f.style.top = "", f.style.bottom = "", f.style.left = "", f.style.right = "";
       const w = f.getBoundingClientRect(), _ = f.offsetHeight, P = f.offsetWidth, U = y.clientY - w.top, H = y.clientX - w.left;
       _ + U > window.innerHeight ? (f.style.top = "", f.style.bottom = "0px") : (f.style.bottom = "", f.style.top = U + 15 + "px"), P + H > window.innerWidth ? (f.style.left = "", f.style.right = "0px") : (f.style.right = "", f.style.left = H + 10 + "px");
     }
@@ -597,123 +597,127 @@ function mt(e, t) {
     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) => {
+const vt = (e) => {
   const t = e.map.querySelectorAll(".lhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, vt = (e) => {
+}, bt = (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"));
-}, yt = function(e, t) {
+}, xt = function(e, t) {
   const n = t.parentElement.parentElement.parentElement.previousSibling;
   if (n) {
     const o = n.firstChild;
     e.selectNode(o);
   }
-}, xt = function(e, t) {
+}, wt = function(e, t) {
   const n = t.parentElement.nextSibling;
   if (n && n.firstChild) {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, we = function(e, t) {
+}, Ee = 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 ? xt(e, n) : (r = o.parent) != null && r.parent ? yt(e, n) : bt(e) : t === "lhs" ? gt(e) : vt(e);
-}, Ee = function(e, t) {
+  o.parent ? s.className === t ? wt(e, n) : (r = o.parent) != null && r.parent ? xt(e, n) : yt(e) : t === "lhs" ? vt(e) : bt(e);
+}, Ne = 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) {
+  switch (t) {
+    case "in":
+      if (e.scaleVal * n > 1.6)
+        return;
+      e.scale(e.scaleVal += 0.2);
+      break;
+    case "out":
+      if (e.scaleVal * n < 0.6)
+        return;
+      e.scale(e.scaleVal -= 0.2);
+  }
 };
-function wt(e) {
+function Et(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 = {
-    13: (o) => {
+    Enter: (o) => {
       o.shiftKey ? e.insertSibling("before") : o.ctrlKey ? e.insertParent() : e.insertSibling("after");
     },
-    9: () => {
+    Tab: () => {
       e.addChild();
     },
-    112: () => {
+    F1: () => {
       e.toCenter();
     },
-    113: () => {
+    F2: () => {
       e.beginEdit();
     },
-    38: (o) => {
+    ArrowUp: (o) => {
       if (o.altKey)
         e.moveUpNode();
       else {
         if (o.metaKey || o.ctrlKey)
           return e.initSide();
-        Ee(e, "previous");
+        Ne(e, "previous");
       }
     },
-    40: (o) => {
-      o.altKey ? e.moveDownNode() : Ee(e, "next");
+    ArrowDown: (o) => {
+      o.altKey ? e.moveDownNode() : Ne(e, "next");
     },
-    37: (o) => {
+    ArrowLeft: (o) => {
       if (o.metaKey || o.ctrlKey)
         return e.initLeft();
-      we(e, "lhs");
+      Ee(e, "lhs");
     },
-    39: (o) => {
+    ArrowRight: (o) => {
       if (o.metaKey || o.ctrlKey)
         return e.initRight();
-      we(e, "rhs");
+      Ee(e, "rhs");
     },
-    33() {
-      e.moveUpNode();
-    },
-    34() {
+    PageUp: () => e.moveUpNode(),
+    PageDown: () => {
       e.moveDownNode();
     },
-    67: (o) => {
+    c: (o) => {
       (o.metaKey || o.ctrlKey) && (e.currentNode ? e.waitCopy = [e.currentNode] : e.currentNodes && (e.waitCopy = e.currentNodes));
     },
-    86: (o) => {
+    v: (o) => {
       !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));
     },
-    // ctrl +
-    187: (o) => {
-      if (o.metaKey || o.ctrlKey) {
-        if (e.scaleVal > 1.6)
-          return;
-        e.scale(e.scaleVal += 0.2);
-      }
+    "+": (o) => {
+      (o.metaKey || o.ctrlKey) && Q(e, "in");
     },
-    // ctrl -
-    189: (o) => {
-      if (o.metaKey || o.ctrlKey) {
-        if (e.scaleVal < 0.6)
-          return;
-        e.scale(e.scaleVal -= 0.2);
-      }
+    "-": (o) => {
+      (o.metaKey || o.ctrlKey) && Q(e, "out");
     },
-    // ctrl 0
-    48: (o) => {
+    0: (o) => {
       (o.metaKey || o.ctrlKey) && e.scale(1);
     },
-    // del,backspace
-    8: t,
-    46: t
+    Delete: t,
+    Backspace: t
   };
   e.map.onkeydown = (o) => {
     if (o.preventDefault(), !e.editable || o.target !== o.currentTarget)
       return;
-    const s = n[o.keyCode];
+    const s = n[o.key];
     s && s(o);
+  }, e.map.onwheel = (o) => {
+    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();
+    }
   };
 }
-function Et(e, t) {
+function Nt(e, t) {
   const n = (d, m) => {
     const g = document.createElement("div");
     return g.id = d, g.innerHTML = `<svg class="icon" aria-hidden="true">
@@ -750,32 +754,32 @@ function Et(e, t) {
     e.beginEdit();
   };
 }
-const ae = document, Nt = function(e, t) {
+const de = document, Ct = function(e, t) {
   if (!t)
-    return de(e), e;
+    return he(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
-  return n || (n = ae.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, de = function(e) {
+  return n || (n = de.createElement("div"), e.appendChild(n)), n.className = o, e;
+}, he = function(e) {
   if (!e)
     return;
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
     n.remove();
-}, Ne = function(e, t) {
+}, Ce = 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) {
+}, _t = function(e) {
   const t = document.createElement("div");
   return t.className = "mind-elixir-ghost", e.map.appendChild(t), t;
 };
-function _t(e) {
+function St(e) {
   let t = null, n = null, o = null;
-  const s = Ct(e), i = 12;
+  const s = _t(e), i = 12;
   e.map.addEventListener("dragstart", (r) => {
     var l, h;
     const c = r.target;
@@ -786,39 +790,39 @@ function _t(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 a of t)
       a.parentElement.parentElement.style.opacity = "0.5";
-    (h = r.dataTransfer) == null || h.setDragImage(s, 0, 0), L.clear();
+    (h = r.dataTransfer) == null || h.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 && (de(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 && (he(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",
-    tt(function(r) {
+    nt(function(r) {
       if (!t)
         return;
-      de(o);
-      const c = ae.elementFromPoint(r.clientX, r.clientY - i);
-      if (Ne(c, t)) {
+      he(o);
+      const c = de.elementFromPoint(r.clientX, r.clientY - i);
+      if (Ce(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 (Ne(l, t)) {
+        const l = de.elementFromPoint(r.clientX, r.clientY + i);
+        if (Ce(l, t)) {
           o = l;
           const h = l.getBoundingClientRect().y;
           r.clientY < h ? n = "before" : n = "in";
         } else
           n = o = null;
       }
-      o && Nt(o, n);
+      o && Ct(o, n);
     }, 100)
   );
 }
-const St = function(e) {
+const Mt = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -833,14 +837,14 @@ const St = function(e) {
     value: e.obj.id
   };
 };
-function Mt(e) {
+function kt(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: St(s), next: i }), o = i, n = t.length - 1;
+    t.push({ prev: o, currentObject: Mt(s), next: i }), o = i, n = t.length - 1;
   }), e.undo = function() {
     if (n > -1) {
       const s = t[n];
@@ -880,7 +884,7 @@ function Lt(e) {
     e.scaleVal > 1.6 || e.scale(e.scaleVal += 0.2);
   }, t;
 }
-function kt(e) {
+function Tt(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();
@@ -890,12 +894,12 @@ function kt(e) {
     e.initSide();
   }, t;
 }
-function Tt(e) {
-  e.container.append(Lt(e)), e.container.append(kt(e));
+function At(e) {
+  e.container.append(Lt(e)), e.container.append(Tt(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);
-class Dt {
+var jt = Object.defineProperty, Dt = (e, t, n) => t in e ? jt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, E = (e, t, n) => (Dt(e, typeof t != "symbol" ? t + "" : t, n), n);
+class $t {
   constructor() {
     E(this, "_listeners", /* @__PURE__ */ new Map()), E(this, "on", this.addEventListener), E(this, "off", this.removeEventListener), E(this, "emit", this.dispatchEvent);
   }
@@ -917,27 +921,27 @@ class Dt {
     this._listeners.clear();
   }
 }
-const Ce = (e, t = "px") => typeof e == "number" ? e + t : e;
+const _e = (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] = Ce(s));
+      s !== void 0 && (e[o] = _e(s));
   else
-    n !== void 0 && (e[t] = Ce(n));
+    n !== void 0 && (e[t] = _e(n));
 }
-const Re = (e) => (t, n, o, s = {}) => {
+const qe = (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];
-}, q = Re("addEventListener"), j = Re("removeEventListener"), Z = (e) => {
+}, q = qe("addEventListener"), j = qe("removeEventListener"), ee = (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;
@@ -958,7 +962,7 @@ function F(e, t = document) {
   }
   return o;
 }
-const $t = () => matchMedia("(hover: none), (pointer: coarse)").matches, Ot = () => "safari" in window, Pt = (e) => {
+const Ot = () => matchMedia("(hover: none), (pointer: coarse)").matches, Pt = () => "safari" in window, Ht = (e) => {
   let t, n = -1, o = !1;
   return {
     next(...s) {
@@ -971,7 +975,7 @@ const $t = () => matchMedia("(hover: none), (pointer: coarse)").matches, Ot = ()
     }
   };
 };
-function Ht(e, t) {
+function Bt(e, t) {
   for (const n of t) {
     if (typeof n == "number")
       return e.button === n;
@@ -991,8 +995,8 @@ function Ht(e, t) {
   }
   return !1;
 }
-const { abs: B, max: Se, min: Me, ceil: Le } = Math;
-class qe extends Dt {
+const { abs: B, max: Me, min: ke, ceil: Le } = Math;
+class Fe extends $t {
   constructor(t) {
     var n, o, s, i, r;
     super(), E(this, "_options"), E(this, "_selection", {
@@ -1057,7 +1061,7 @@ class qe extends Dt {
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = Pt((a) => {
+    }), this._frame = Ht((a) => {
       this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", a), this._redrawSelectionArea();
     }), this.enable();
   }
@@ -1068,12 +1072,12 @@ class qe extends Dt {
     });
   }
   _onTapStart(t, n = !1) {
-    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))
+    const { x: o, y: s, target: i } = ee(t), { _options: r } = this, { document: c } = this._options, l = i.getBoundingClientRect();
+    if (t instanceof MouseEvent && !Bt(t, r.behaviour.triggers))
       return;
     const h = F(r.startAreas, r.document), a = F(r.boundaries, r.document);
     this._targetElement = a.find(
-      (m) => _e(m.getBoundingClientRect(), l)
+      (m) => Se(m.getBoundingClientRect(), l)
     );
     const u = t.composedPath();
     if (!this._targetElement || !h.find((m) => u.includes(m)) || !a.find((m) => u.includes(m)) || !n && this._emitEvent("beforestart", t) === !1)
@@ -1083,7 +1087,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 = Z(t);
+    const { singleTap: { intersect: n }, range: o } = this._options.features, s = ee(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -1112,7 +1116,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 } = Z(t);
+    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: c, y: l } = ee(t);
     if (
       // Single number for both coordinates
       typeof s == "number" && B(c + l - (i + r)) >= s || // Different x and y threshold
@@ -1147,7 +1151,7 @@ class qe extends Dt {
     }));
   }
   _onTapMove(t) {
-    const { x: n, y: o } = Z(t), { _scrollSpeed: s, _areaLocation: i, _options: r, _frame: c } = this, { speedDivider: l } = r.behaviour.scrolling, h = this._targetElement;
+    const { x: n, y: o } = ee(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 = () => {
@@ -1165,7 +1169,7 @@ class qe extends Dt {
   }
   _handleMoveEvent(t) {
     const { features: n } = this._options;
-    (n.touch && $t() || this._scrollAvailable && Ot()) && t.preventDefault();
+    (n.touch && Ot() || this._scrollAvailable && Pt()) && t.preventDefault();
   }
   _onScroll() {
     const { _scrollDelta: t, _options: { document: n } } = this, { scrollTop: o, scrollLeft: s } = n.scrollingElement ?? n.body;
@@ -1180,7 +1184,7 @@ class qe extends Dt {
     let { x2: p, y2: f } = n;
     const { behaviour: { scrolling: { startScrollMargins: v } } } = i;
     p < d.left + v.x ? (t.x = h ? -B(d.left - p + v.x) : 0, p = p < d.left ? d.left : p) : p > d.right - v.x ? (t.x = a - h - u ? B(d.left + d.width - p - v.x) : 0, p = p > d.right ? d.right : p) : t.x = 0, f < d.top + v.y ? (t.y = r ? -B(d.top - f + v.y) : 0, f = f < d.top ? d.top : f) : f > d.bottom - v.y ? (t.y = c - r - l ? B(d.top + d.height - f - v.y) : 0, f = f > d.bottom ? d.bottom : f) : t.y = 0;
-    const b = Me(m, p), y = Me(g, f), x = Se(m, p), w = Se(g, f);
+    const b = ke(m, p), y = ke(g, f), x = Me(m, p), w = Me(g, f);
     o.x = b, o.y = y, o.width = x - b, o.height = w - y;
   }
   _redrawSelectionArea() {
@@ -1196,7 +1200,7 @@ class qe extends Dt {
     const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: c } = o, { intersect: l, overlap: h } = n.behaviour, a = h === "invert", u = [], d = [], m = [];
     for (let p = 0; p < t.length; p++) {
       const f = t[p];
-      if (_e(s, f.getBoundingClientRect(), l)) {
+      if (Se(s, f.getBoundingClientRect(), l)) {
         if (r.includes(f))
           i.includes(f) && !c.includes(f) && c.push(f);
         else if (a && i.includes(f)) {
@@ -1335,9 +1339,9 @@ class qe extends Dt {
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
   }
 }
-E(qe, "version", "3.5.1");
-function Bt(e) {
-  const t = new qe({
+E(Fe, "version", "3.5.1");
+function zt(e) {
+  const t = new Fe({
     selectables: [".map-container me-tpc"],
     boundaries: [e.container],
     container: "body",
@@ -1370,7 +1374,7 @@ function Bt(e) {
         changed: { added: n, removed: o }
       }
     }) => {
-      L.moved = !0;
+      k.moved = !0;
       for (const s of n)
         s.classList.add("selected");
       for (const s of o)
@@ -1381,7 +1385,7 @@ function Bt(e) {
   });
   e.selection = t;
 }
-const zt = function(e, t = !0) {
+const Rt = function(e, t = !0) {
   this.theme = e;
   const n = this.theme.cssVar, o = Object.keys(n);
   for (let s = 0; s < o.length; s++) {
@@ -1391,49 +1395,57 @@ const zt = function(e, t = !0) {
   t && this.refresh();
 }, W = (e) => {
   var o;
-  const t = (o = e.parent) == null ? void 0 : o.children, n = t.indexOf(e);
+  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), o = t[n];
+function qt(e) {
+  const { siblings: t, index: n } = W(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 qt(e) {
-  const { siblings: t, index: n } = W(e), o = t[n];
+function Ft(e) {
+  const { siblings: t, index: n } = W(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 me(e) {
+function ge(e) {
   const { siblings: t, index: n } = W(e);
-  return t.splice(n, 1), t.length;
+  return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
-function Ft(e, t, n) {
+function It(e, t, n) {
   const { siblings: o, index: s } = W(n);
-  t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e);
+  o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
-function It(e, t) {
+function Kt(e, t) {
   const { siblings: n, index: o } = W(e);
-  n[o] = t, t.children = [e];
+  n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function Fe(e, t, n) {
-  if (me(t), e === "in")
+function Ie(e, t, n) {
+  if (ge(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);
+    if (o === void 0)
+      return;
     e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
 }
-const Kt = function(e, t) {
+const Vt = function(e, t) {
   var n, o;
-  if (e === k)
-    return k;
+  if (e === L)
+    return L;
   if (e === z)
     return z;
-  if (e === re) {
+  if (e === ce) {
     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 = k, k) : (t.direction = z, z);
+    return s <= i ? (t.direction = L, L) : (t.direction = z, z);
   }
-}, Ie = 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") {
@@ -1441,34 +1453,34 @@ const Kt = function(e, t) {
       s.nextSibling.appendChild(n);
     else {
       const c = e.createChildren([n]);
-      s.appendChild(pe(!0)), s.insertAdjacentElement("afterend", c);
+      s.appendChild(me(!0)), s.insertAdjacentElement("afterend", c);
     }
     e.linkDiv(n.offsetParent);
   } else
-    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) {
+    s.tagName === "ME-ROOT" && (Vt(e.direction, o.nodeObj) === L ? (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();
-}, Ve = {
+}, We = {
   before: "beforebegin",
   after: "afterend"
 }, J = 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 = ue(n);
+}, Wt = function(e, t) {
+  const n = e.nodeObj, o = fe(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
   const s = Object.assign(n, t);
-  fe(e, s), this.linkDiv(), this.bus.fire("operation", {
+  pe(e, s), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
     obj: s,
     origin: o
   });
-}, ge = function(e, t, n) {
+}, ve = function(e, t, n) {
   if (!t)
     return null;
   const o = t.nodeObj;
@@ -1476,8 +1488,8 @@ const Kt = function(e, t) {
   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) {
+  return Ke(e, t, i), { newTop: r, newNodeObj: s };
+}, Ut = function(e, t, n) {
   var h, a, u;
   const o = t || this.currentNode;
   if (!o)
@@ -1493,14 +1505,14 @@ const Kt = function(e, t) {
     return;
   }
   const i = n || this.generateNewObj();
-  Ft(i, e, s), $(this.nodeData);
+  It(i, e, s), $(this.nodeData);
   const r = o.parentElement, { grp: c, top: l } = this.createWrapper(i);
-  r.parentElement.insertAdjacentElement(Ve[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) {
+}, Yt = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
@@ -1509,19 +1521,19 @@ const Kt = function(e, t) {
   if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  It(o, s), $(this.nodeData);
+  Kt(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);
+  c.appendChild(me(!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) {
+}, Xt = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  const o = ge(this, n, t);
+  const o = ve(this, n, t);
   if (!o)
     return;
   const { newTop: s, newNodeObj: i } = o;
@@ -1529,10 +1541,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 = ue(e.nodeObj);
-  he(n);
-  const o = ge(this, t, n);
+}, Gt = function(e, t) {
+  const n = fe(e.nodeObj);
+  ue(n);
+  const o = ve(this, t, n);
   if (!o)
     return;
   const { newNodeObj: s } = o;
@@ -1540,13 +1552,13 @@ const Kt = function(e, t) {
     name: "copyNode",
     obj: s
   });
-}, Gt = function(e, t) {
-  e = ce(e);
+}, Jt = function(e, t) {
+  e = le(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const s = e[o], i = ue(s.nodeObj);
-    he(i);
-    const r = ge(this, t, i);
+    const s = e[o], i = fe(s.nodeObj);
+    ue(i);
+    const r = ve(this, t, i);
     if (!r)
       return;
     const { newNodeObj: c } = r;
@@ -1556,12 +1568,12 @@ const Kt = function(e, t) {
     name: "copyNodes",
     objs: n
   });
-}, Jt = function(e) {
+}, Zt = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  Rt(n);
+  qt(n);
   const o = t.parentNode.parentNode;
   o.parentNode.insertBefore(o, o.previousSibling), this.linkDiv(), this.bus.fire("operation", {
     name: "moveUpNode",
@@ -1572,13 +1584,13 @@ const Kt = function(e, t) {
   if (!t)
     return;
   const n = t.nodeObj;
-  qt(n);
+  Ft(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
   });
-}, Zt = function(e) {
+}, en = function(e) {
   var r;
   const t = e || this.currentNode;
   if (!t)
@@ -1586,8 +1598,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 = me(n);
-  if (Ke(t, i), o.length !== 0) {
+  const o = n.parent.children, s = o.findIndex((c) => c === n), i = ge(n);
+  if (Ve(t, i), o.length !== 0) {
     const c = o[s] || o[s - 1];
     this.selectNode(C(c.id));
   } else
@@ -1598,77 +1610,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 = ce(e);
+}, tn = function(e) {
+  e = le(e);
   for (const t of e) {
     const n = t.nodeObj;
     if (!n.parent)
       continue;
-    const o = me(n);
-    Ke(t, o);
+    const o = ge(n);
+    Ve(t, o);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "removeNodes",
     objs: e.map((t) => t.nodeObj)
   });
-}, tn = function(e, t) {
-  e = ce(e);
+}, nn = function(e, t) {
+  e = le(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;
-    Fe("in", s, n), $(this.nodeData);
+    Ie("in", s, n), $(this.nodeData);
     const i = o.parentElement;
-    Ie(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
   });
-}, We = (e, t, n, o) => {
-  e = ce(e), t === "after" && (e = e.reverse());
+}, Ue = (e, t, n, o) => {
+  e = le(e), t === "after" && (e = e.reverse());
   const s = n.nodeObj;
   for (const i of e) {
     const r = i.nodeObj;
-    Fe(t, r, s), $(o.nodeData), J(i);
+    Ie(t, r, s), $(o.nodeData), J(i);
     const c = i.parentElement.parentNode;
-    n.parentElement.parentNode.insertAdjacentElement(Ve[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
   });
-}, nn = function(e, t) {
-  We(e, "before", t, this);
 }, on = function(e, t) {
-  We(e, "after", t, this);
-}, sn = function(e) {
+  Ue(e, "before", t, this);
+}, sn = function(e, t) {
+  Ue(e, "after", t, this);
+}, rn = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
-}, rn = function(e, t) {
+}, cn = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
-}, Ue = /* @__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,
+  addChild: Xt,
+  beginEdit: rn,
+  copyNode: Gt,
+  copyNodes: Jt,
+  insertParent: Yt,
+  insertSibling: Ut,
   moveDownNode: Qt,
-  moveNodeAfter: on,
-  moveNodeBefore: nn,
-  moveNodeIn: tn,
-  moveUpNode: Jt,
-  removeNode: Zt,
-  removeNodes: en,
-  reshapeNode: Vt,
+  moveNodeAfter: sn,
+  moveNodeBefore: on,
+  moveNodeIn: nn,
+  moveUpNode: Zt,
+  removeNode: en,
+  removeNodes: tn,
+  reshapeNode: Wt,
   rmSubline: J,
-  setNodeTopic: rn
+  setNodeTopic: cn
 }, Symbol.toStringTag, { value: "Module" }));
-function Ye(e) {
+function Xe(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -1677,7 +1689,7 @@ function Ye(e) {
     theme: e.theme
   };
 }
-const cn = function(e, t, n) {
+const ln = function(e, t, n) {
   if (e) {
     if (this.clearSelection(), typeof e == "string") {
       const o = C(e);
@@ -1685,9 +1697,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() {
+}, an = function() {
   this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, an = function(e) {
+}, dn = function(e) {
   this.clearSelection();
   for (const t of e)
     t.className = "selected";
@@ -1695,23 +1707,23 @@ const cn = function(e, t, n) {
     "selectNodes",
     e.map((t) => t.nodeObj)
   );
-}, dn = function() {
+}, hn = 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);
+  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
+}, fn = function() {
+  const e = Xe(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;
+  return JSON.parse(this.getDataString());
+}, mn = function() {
+  const e = Xe(this).nodeData;
   let t = "# " + e.topic + `
 
 `;
@@ -1723,29 +1735,29 @@ const cn = function(e, t, n) {
 `, o[i].children && n(o[i].children || [], s + 1);
   }
   return n(e.children || [], 2), t;
-}, mn = function() {
-  this.editable = !0;
 }, gn = function() {
+  this.editable = !0;
+}, vn = function() {
   this.editable = !1;
-}, vn = function(e) {
+}, bn = function(e) {
   this.scaleVal = e, this.map.style.transform = "scale(" + e + ")";
-}, bn = function() {
+}, yn = function() {
   this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, yn = function(e) {
-  e(this);
 }, xn = function(e) {
+  e(this);
+}, wn = 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();
+  this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, Nn = function() {
-  this.direction = 1, this.refresh();
+  this.direction = 0, this.refresh();
 }, Cn = function() {
+  this.direction = 1, this.refresh();
+}, _n = function() {
   this.direction = 2, this.refresh();
-}, _n = function(e) {
+}, Sn = function(e) {
   this.locale = e, this.refresh();
-}, Sn = function(e, t) {
+}, Mn = 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];
@@ -1757,32 +1769,32 @@ const cn = function(e, t, n) {
   } else
     o.parentNode.children[1].remove();
   this.linkDiv(), this.bus.fire("expandNode", n);
-}, Mn = function(e) {
+}, kn = 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) {
+  cancelFocus: En,
+  clearSelection: un,
+  disableEdit: vn,
+  enableEdit: gn,
+  expandNode: Mn,
+  focusNode: wn,
+  getData: pn,
+  getDataMd: mn,
+  getDataString: fn,
+  initLeft: Nn,
+  initRight: Cn,
+  initSide: _n,
+  install: xn,
+  refresh: kn,
+  scale: bn,
+  selectNode: ln,
+  selectNodes: dn,
+  setLocale: Sn,
+  toCenter: yn,
+  unselectNode: an,
+  unselectNodes: hn
+}, Symbol.toStringTag, { value: "Module" })), Tn = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -1808,10 +1820,10 @@ const cn = function(e, t, n) {
       this.moved = !1, this.mousedown = !1;
     }
   };
-}, ke = {
-  create: kn
+}, Te = {
+  create: Tn
 };
-function ie(e, t, n) {
+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, a = l + n.y;
   return {
     w: i,
@@ -1830,7 +1842,7 @@ function I(e) {
     y: n
   };
 }
-const Tn = function(e, t, n, o) {
+const An = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return N(s, {
     "text-anchor": "middle",
@@ -1838,16 +1850,16 @@ const Tn = function(e, t, n, o) {
     y: n + "",
     fill: o || "#666"
   }), s.dataset.type = "custom-link", s.innerHTML = e, s;
-}, Xe = function(e, t, n, o, s) {
+}, Ge = function(e, t, n, o, s) {
   if (!t || !n)
     return;
   performance.now();
-  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(
+  const i = re(e, t, o.delta1), r = re(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 = Pe(u, d, m, g), f = pt(
     `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 = 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) {
+  ), v = c / 8 + h * 3 / 8 + u * 3 / 8 + m / 8, b = l / 8 + a * 3 / 8 + d * 3 / 8 + g / 8, y = An(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, Ze(e, o, i, r)), performance.now();
+}, jn = function(e, t) {
   const n = {
     id: G(),
     label: "Custom Link",
@@ -1862,15 +1874,15 @@ const Tn = function(e, t, n, o) {
       y: -200
     }
   };
-  Xe(this, e, t, n), this.bus.fire("operation", {
+  Ge(this, e, t, n), this.bus.fire("operation", {
     name: "createArrow",
     obj: n
   });
-}, jn = function(e) {
+}, Dn = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  Ge(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",
@@ -1878,15 +1890,15 @@ const Tn = function(e, t, n, o) {
       id: n
     }
   });
-}, Dn = function(e) {
+}, $n = function(e) {
   this.currentArrow = 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);
-  Je(this, t, s, i);
-}, $n = function() {
-  this.currentArrow = null, Ge(this);
-}, Ge = function(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);
+  Ze(this, t, s, i);
+}, On = function() {
+  this.currentArrow = null, Je(this);
+}, Je = function(e) {
   e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none";
-}, Je = function(e, t, n, o) {
+}, Ze = 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);
@@ -1900,7 +1912,7 @@ const Tn = function(e, t, n, o) {
     y1: h + "",
     x2: a + "",
     y2: u + ""
-  }), 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) => {
+  }), 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) => {
     var b;
     r = r + m / e.scaleVal, c = c + g / e.scaleVal;
     const p = I({ ...n, ctrlX: r, ctrlY: c });
@@ -1920,7 +1932,7 @@ const Tn = function(e, t, n, o) {
     l = l + m / e.scaleVal, h = h + g / e.scaleVal;
     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);
+    const f = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, v = i / 8 + c * 3 / 8 + h * 3 / 8 + u / 8, b = Pe(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}`), N(e.currentArrow.children[2], {
       x: f + "",
       y: v + ""
@@ -1932,22 +1944,22 @@ const Tn = function(e, t, n, o) {
     }), t.delta2.x = l - o.cx, t.delta2.y = h - o.cy;
   });
 };
-function On() {
+function Pn() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      Xe(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 Hn(e) {
   if (!e)
     return;
   const t = e.children[2];
-  Be(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", {
@@ -1956,19 +1968,19 @@ function Pn(e) {
     }));
   });
 }
-function Hn() {
-  this.arrows = this.arrows.filter((e) => oe(e.from, this.nodeData) && oe(e.to, this.nodeData));
+function Bn() {
+  this.arrows = this.arrows.filter((e) => se(e.from, this.nodeData) && se(e.to, this.nodeData));
 }
-const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const zn = /* @__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) {
+  createArrow: jn,
+  editArrowLabel: Hn,
+  removeArrow: Dn,
+  renderArrow: Pn,
+  selectArrow: $n,
+  tidyArrow: Bn,
+  unselectArrow: On
+}, Symbol.toStringTag, { value: "Module" })), Rn = function(e) {
   var l, h;
   if (e.length === 0)
     throw new Error("No selected node.");
@@ -2011,10 +2023,10 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: r
   };
-}, Rn = function(e) {
+}, qn = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, Te = function(e, t) {
+}, Ae = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return N(n, {
     d: e,
@@ -2023,7 +2035,7 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, Ae = 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,
@@ -2031,43 +2043,43 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, qn = (e) => C(e).parentElement.parentElement, Fn = function({ parent: e, start: t }) {
+}, Fn = (e) => C(e).parentElement.parentElement, In = 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;
 }, Qe = function(e, t) {
   var _;
-  const { id: n, text: o, parent: s, start: i, end: r } = t, c = e.nodes, h = C(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 = In(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: 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);
+    const H = Fn(U.id), { offsetLeft: Z, offsetTop: be } = O(c, H);
+    P === i && (m = be), P === r && (g = be + H.offsetHeight), Z < u && (u = Z), H.offsetWidth + Z > d && (d = H.offsetWidth + Z);
   }
   let p, f;
   const v = m + 10, b = g + 10, y = (v + b) / 2, x = e.theme.cssVar["--color"];
-  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);
+  a === "lhs" ? (p = Ae(`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 = je(o, u - 20, y + 6, "end", x)) : (p = Ae(`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 = je(o, d + 20, y + 6, "start", x));
+  const w = qn("s-" + n);
   return w.appendChild(p), w.appendChild(f), w.summaryObj = t, e.summarySvg.appendChild(w), w;
-}, In = function() {
+}, Kn = 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 = Qe(this, s);
+  const { parent: t, start: n, end: o } = Rn(e), s = { id: G(), 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) {
+}, Vn = 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) {
+}, Wn = 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 + "",
@@ -2079,21 +2091,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() {
+}, Un = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Un = function() {
+}, Yn = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
       Qe(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Yn = function(e) {
+}, Xn = function(e) {
   if (!e)
     return;
   const t = e.childNodes[1];
-  Be(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", {
@@ -2101,16 +2113,16 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       obj: o
     }));
   });
-}, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: In,
-  editSummary: Yn,
-  removeSummary: Kn,
-  renderSummary: Un,
-  selectSummary: Vn,
-  unselectSummary: Wn
+  createSummary: Kn,
+  editSummary: Xn,
+  removeSummary: Vn,
+  renderSummary: Yn,
+  selectSummary: Wn,
+  unselectSummary: Un
 }, Symbol.toStringTag, { value: "Module" })), M = "http://www.w3.org/2000/svg";
-function Gn(e, t) {
+function Jn(e, t) {
   const n = document.createElementNS(M, "svg");
   return N(n, {
     version: "1.1",
@@ -2119,7 +2131,7 @@ function Gn(e, t) {
     width: t
   }), n;
 }
-function Jn(e, t) {
+function Zn(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Qn(e, t, n, o) {
@@ -2130,7 +2142,7 @@ function Qn(e, t, n, o) {
     const h = document.createElementNS(M, "text");
     N(h, {
       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) + Zn(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -2139,7 +2151,7 @@ function Qn(e, t, n, o) {
     }), h.innerHTML = c, s.appendChild(h);
   }), s;
 }
-function Zn(e, t, n, o) {
+function eo(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;
@@ -2156,7 +2168,7 @@ function Zn(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) {
+function to(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "rect");
   return N(i, {
     x: o + "",
@@ -2170,7 +2182,7 @@ function eo(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function ee(e, t, n = !1) {
+function te(e, t, n = !1) {
   const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), r = document.createElementNS(M, "rect");
   N(r, {
     x: s + "",
@@ -2186,9 +2198,9 @@ function ee(e, t, n = !1) {
   const c = document.createElementNS(M, "g");
   c.appendChild(r);
   let l;
-  return n ? l = Zn(t, o, s, i) : l = Qn(t, o, s, i), c.appendChild(l), c;
+  return n ? l = eo(t, o, s, i) : l = Qn(t, o, s, i), c.appendChild(l), c;
 }
-function to(e, t) {
+function no(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 N(r, {
     x: o + "",
@@ -2200,7 +2212,7 @@ function to(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
-function no(e, t) {
+function oo(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "image");
   return N(i, {
     x: o + "",
@@ -2210,9 +2222,9 @@ function no(e, t) {
     href: t.src
   }), i;
 }
-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) => {
+const ne = 100, so = '<?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">', io = (e, t = !1) => {
   var u, d, m;
-  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");
+  const n = e.nodes, o = n.offsetHeight + ne * 2, s = n.offsetWidth + ne * 2, i = Jn(o + "px", s + "px"), r = document.createElementNS(M, "svg"), c = document.createElementNS(M, "rect");
   N(c, {
     x: "0",
     y: "0",
@@ -2229,22 +2241,22 @@ const te = 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(ee(e, g, !t)) : (r.appendChild(eo(e, g)), r.appendChild(ee(e, g.text, !t)));
+    g.nodeObj.dangerouslySetInnerHTML ? r.appendChild(te(e, g, !t)) : (r.appendChild(to(e, g)), r.appendChild(te(e, g.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((g) => {
-    r.appendChild(ee(e, g));
+    r.appendChild(te(e, g));
   }), n.querySelectorAll(".icons > span").forEach((g) => {
-    r.appendChild(ee(e, g));
+    r.appendChild(te(e, g));
   }), n.querySelectorAll(".hyper-link").forEach((g) => {
-    r.appendChild(to(e, g));
-  }), n.querySelectorAll("img").forEach((g) => {
     r.appendChild(no(e, g));
+  }), n.querySelectorAll("img").forEach((g) => {
+    r.appendChild(oo(e, g));
   }), N(r, {
-    x: te + "",
-    y: te + "",
+    x: ne + "",
+    y: ne + "",
     overflow: "visible"
   }), i.appendChild(r), i;
-}, io = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), oo + e.outerHTML);
-function ro(e) {
+}, ro = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), so + e.outerHTML);
+function co(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -2254,11 +2266,11 @@ function ro(e) {
     }, o.readAsDataURL(e);
   });
 }
-const co = function(e = !1, t) {
-  const n = so(this, e), o = io(n, t);
+const lo = function(e = !1, t) {
+  const n = io(this, e), o = ro(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);
+}, ao = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await co(n);
   return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
@@ -2266,50 +2278,50 @@ 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({
+}, ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: lo,
-  exportSvg: co
+  exportPng: ao,
+  exportSvg: lo
 }, Symbol.toStringTag, { value: "Module" }));
-function ho(e, t) {
+function uo(e, t) {
   return async function(...n) {
     const o = this.before[t];
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const je = Object.keys(Ue), Ze = {};
-for (let e = 0; e < je.length; e++) {
-  const t = je[e];
-  Ze[t] = ho(Ue[t], t);
+const De = Object.keys(Ye), et = {};
+for (let e = 0; e < De.length; e++) {
+  const t = De[e];
+  et[t] = uo(Ye[t], t);
 }
-const uo = {
-  getObjById: oe,
-  generateNewObj: nt,
-  layout: it,
-  linkDiv: pt,
-  editTopic: ut,
-  createWrapper: lt,
-  createParent: at,
-  createChildren: dt,
-  createTopic: ht,
+const fo = {
+  getObjById: se,
+  generateNewObj: ot,
+  layout: rt,
+  linkDiv: mt,
+  editTopic: ft,
+  createWrapper: at,
+  createParent: dt,
+  createChildren: ht,
+  createTopic: ut,
   findEle: C,
-  changeTheme: zt,
+  changeTheme: Rt,
   ...Ln,
-  ...Ze,
-  ...Bn,
-  ...Xn,
-  ...ao,
+  ...et,
+  ...zn,
+  ...Gn,
+  ...ho,
   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 && 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();
+    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 && At(this), this.keypress && Et(this), this.editable && zt(this), tt() && this.mobileMenu ? Nt(this) : this.contextMenu && this.disposable.push(gt(this, this.contextMenuOption)), this.draggable && St(this), this.allowUndo && kt(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 po({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: h }) {
   let a = t + n / 2;
   const u = e + o / 2;
   let d;
@@ -2317,7 +2329,7 @@ function fo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction:
   const m = s + c / 2, p = (1 - Math.abs(m - u) / h) * 0.25 * (n / 2);
   return l === "lhs" ? a = a - n / 10 - p : a = a + n / 10 + p, `M ${a} ${u} Q ${a} ${m} ${d} ${m}`;
 }
-function po({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: h }) {
+function mo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: h }) {
   let a = 0, u = 0;
   h ? a = e + o / 2 : a = e + o;
   const d = s + c;
@@ -2350,19 +2362,19 @@ function T({
   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.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";
+  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 || po, this.generateSubBranch = g || mo, this.overflowHidden = p || !1, this.bus = it.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);
+  this.theme = v || (x.matches ? Oe : $e);
   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);
+  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 = ye(), this.line2 = ye(), 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);
 }
-T.prototype = uo;
-T.LEFT = k;
+T.prototype = fo;
+T.LEFT = L;
 T.RIGHT = z;
-T.SIDE = re;
-T.THEME = De;
-T.DARK_THEME = $e;
-T.version = "4.1.1";
+T.SIDE = ce;
+T.THEME = $e;
+T.DARK_THEME = Oe;
+T.version = "4.1.2";
 T.E = C;
 T.new = (e) => ({
   nodeData: {