mind-elixir 5.1.0 → 5.1.1

package/dist/MindElixir.js

@@ -21,6 +21,7 @@ const me = {
     "--color": "#777777",
     "--bgcolor": "#f6f6f6",
     "--selected": "#4dc4ff",
+    "--accent-color": "#e64553",
     "--panel-color": "#444446",
     "--panel-bgcolor": "#ffffff",
     "--panel-border-color": "#eaeaea",
@@ -46,6 +47,7 @@ const me = {
     "--color": "#cccccc",
     "--bgcolor": "#252526",
     "--selected": "#4dc4ff",
+    "--accent-color": "#789AFA",
     "--panel-color": "#ffffff",
     "--panel-bgcolor": "#2d3748",
     "--panel-border-color": "#696969",
@@ -94,12 +96,12 @@ function oe(e, t, n, o) {
   if (isNaN(r))
     return;
   s < 0 && i > 0 && (r = 180 - r), s < 0 && i < 0 && (r = 180 + r), s > 0 && i < 0 && (r = 360 - r);
-  const l = 12, c = 30, d = r + c, f = r - c;
+  const c = 12, l = 30, a = r + l, f = r - l;
   return {
-    x1: n + Math.cos(Math.PI * d / 180) * l,
-    y1: o - Math.sin(Math.PI * d / 180) * l,
-    x2: n + Math.cos(Math.PI * f / 180) * l,
-    y2: o - Math.sin(Math.PI * f / 180) * l
+    x1: n + Math.cos(Math.PI * a / 180) * c,
+    y1: o - Math.sin(Math.PI * a / 180) * c,
+    x2: n + Math.cos(Math.PI * f / 180) * c,
+    y2: o - Math.sin(Math.PI * f / 180) * c
   };
 }
 function K() {
@@ -128,7 +130,7 @@ const B = (e, t) => {
 }, N = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, he = (e) => e ? e.tagName === "ME-TPC" : !1, le = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+}, he = (e) => e ? e.tagName === "ME-TPC" : !1, ce = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
   for (let i = 0; i < o.length; i++) {
     if (t === o[i])
       continue;
@@ -202,21 +204,21 @@ function wt(e, t) {
     e.currentArrow ? e.removeArrow() : e.currentSummary ? e.removeSummary(e.currentSummary.summaryObj.id) : e.currentNodes && e.removeNodes(e.currentNodes);
   };
   let o = !1, i = null;
-  const s = (l) => {
-    const c = e.nodeData;
-    if (l.key === "0")
-      for (const d of c.children)
-        q(d, !1);
-    if (l.key === "=")
-      for (const d of c.children)
-        q(d, !0);
-    if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(l.key))
-      for (const d of c.children)
-        q(d, !0, Number(l.key) - 1);
+  const s = (c) => {
+    const l = e.nodeData;
+    if (c.key === "0")
+      for (const a of l.children)
+        q(a, !1);
+    if (c.key === "=")
+      for (const a of l.children)
+        q(a, !0);
+    if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(c.key))
+      for (const a of l.children)
+        q(a, !0, Number(c.key) - 1);
     e.refresh(), e.toCenter(), o = !1, i && (clearTimeout(i), i = null, e.container.removeEventListener("keydown", s));
   }, r = {
-    Enter: (l) => {
-      l.shiftKey ? e.insertSibling("before") : l.ctrlKey || l.metaKey ? e.insertParent() : e.insertSibling("after");
+    Enter: (c) => {
+      c.shiftKey ? e.insertSibling("before") : c.ctrlKey || c.metaKey ? e.insertParent() : e.insertSibling("after");
     },
     Tab: () => {
       e.addChild();
@@ -227,25 +229,25 @@ function wt(e, t) {
     F2: () => {
       e.beginEdit();
     },
-    ArrowUp: (l) => {
-      if (l.altKey)
+    ArrowUp: (c) => {
+      if (c.altKey)
         e.moveUpNode();
       else {
-        if (l.metaKey || l.ctrlKey)
+        if (c.metaKey || c.ctrlKey)
           return e.initSide();
         Ae(e, "previous");
       }
     },
-    ArrowDown: (l) => {
-      l.altKey ? e.moveDownNode() : Ae(e, "next");
+    ArrowDown: (c) => {
+      c.altKey ? e.moveDownNode() : Ae(e, "next");
     },
-    ArrowLeft: (l) => {
-      if (l.metaKey || l.ctrlKey)
+    ArrowLeft: (c) => {
+      if (c.metaKey || c.ctrlKey)
         return e.initLeft();
       Le(e, M.LHS);
     },
-    ArrowRight: (l) => {
-      if (l.metaKey || l.ctrlKey)
+    ArrowRight: (c) => {
+      if (c.metaKey || c.ctrlKey)
         return e.initRight();
       Le(e, M.RHS);
     },
@@ -253,30 +255,30 @@ function wt(e, t) {
     PageDown: () => {
       e.moveDownNode();
     },
-    c: (l) => {
-      (l.metaKey || l.ctrlKey) && (e.waitCopy = e.currentNodes);
+    c: (c) => {
+      (c.metaKey || c.ctrlKey) && (e.waitCopy = e.currentNodes);
     },
-    x: (l) => {
-      (l.metaKey || l.ctrlKey) && (e.waitCopy = e.currentNodes, n());
+    x: (c) => {
+      (c.metaKey || c.ctrlKey) && (e.waitCopy = e.currentNodes, n());
     },
-    v: (l) => {
-      !e.waitCopy || !e.currentNode || (l.metaKey || l.ctrlKey) && (e.waitCopy.length === 1 ? e.copyNode(e.waitCopy[0], e.currentNode) : e.copyNodes(e.waitCopy, e.currentNode));
+    v: (c) => {
+      !e.waitCopy || !e.currentNode || (c.metaKey || c.ctrlKey) && (e.waitCopy.length === 1 ? e.copyNode(e.waitCopy[0], e.currentNode) : e.copyNodes(e.waitCopy, e.currentNode));
     },
-    "=": (l) => {
-      (l.metaKey || l.ctrlKey) && ie(e, "in");
+    "=": (c) => {
+      (c.metaKey || c.ctrlKey) && ie(e, "in");
     },
-    "-": (l) => {
-      (l.metaKey || l.ctrlKey) && ie(e, "out");
+    "-": (c) => {
+      (c.metaKey || c.ctrlKey) && ie(e, "out");
     },
-    0: (l) => {
-      if (l.metaKey || l.ctrlKey) {
+    0: (c) => {
+      if (c.metaKey || c.ctrlKey) {
         if (o)
           return;
         e.scale(1);
       }
     },
-    k: (l) => {
-      (l.metaKey || l.ctrlKey) && (o = !0, i && (clearTimeout(i), e.container.removeEventListener("keydown", s)), i = window.setTimeout(() => {
+    k: (c) => {
+      (c.metaKey || c.ctrlKey) && (o = !0, i && (clearTimeout(i), e.container.removeEventListener("keydown", s)), i = window.setTimeout(() => {
         o = !1, i = null;
       }, 2e3), e.container.addEventListener("keydown", s));
     },
@@ -284,23 +286,23 @@ function wt(e, t) {
     Backspace: n,
     ...t
   };
-  e.container.onkeydown = (l) => {
-    if (l.preventDefault(), !e.editable)
+  e.container.onkeydown = (c) => {
+    if (c.preventDefault(), !e.editable)
       return;
-    const c = r[l.key];
-    c && c(l);
+    const l = r[c.key];
+    l && l(c);
   };
 }
 function xt(e) {
   const { dragMoveHelper: t } = e, n = (u) => {
-    var m, v, b;
+    var g, m, b;
     if (u.button !== 0)
       return;
-    if ((m = e.helper1) != null && m.moved) {
+    if ((g = e.helper1) != null && g.moved) {
       e.helper1.clear();
       return;
     }
-    if ((v = e.helper2) != null && v.moved) {
+    if ((m = e.helper2) != null && m.moved) {
       e.helper2.clear();
       return;
     }
@@ -308,69 +310,69 @@ function xt(e) {
       t.clear();
       return;
     }
-    const a = u.target;
-    if (a.tagName === "ME-EPD")
-      u.ctrlKey || u.metaKey ? e.expandNodeAll(a.previousSibling) : e.expandNode(a.previousSibling);
-    else if (a.tagName === "ME-TPC" && e.currentNodes.length > 1)
-      e.selectNode(a);
+    const h = u.target;
+    if (h.tagName === "ME-EPD")
+      u.ctrlKey || u.metaKey ? e.expandNodeAll(h.previousSibling) : e.expandNode(h.previousSibling);
+    else if (h.tagName === "ME-TPC" && e.currentNodes.length > 1)
+      e.selectNode(h);
     else if (!e.editable)
       return;
-    const p = (b = a.parentElement) == null ? void 0 : b.parentElement;
-    p.getAttribute("class") === "topiclinks" ? e.selectArrow(a.parentElement) : p.getAttribute("class") === "summary" && e.selectSummary(a.parentElement);
+    const p = (b = h.parentElement) == null ? void 0 : b.parentElement;
+    p.getAttribute("class") === "topiclinks" ? e.selectArrow(h.parentElement) : p.getAttribute("class") === "summary" && e.selectSummary(h.parentElement);
   }, o = (u) => {
-    var m;
+    var g;
     if (!e.editable)
       return;
-    const a = u.target;
-    he(a) && e.beginEdit(a);
-    const p = (m = a.parentElement) == null ? void 0 : m.parentElement;
-    p.getAttribute("class") === "topiclinks" ? e.editArrowLabel(a.parentElement) : p.getAttribute("class") === "summary" && e.editSummary(a.parentElement);
+    const h = u.target;
+    he(h) && e.beginEdit(h);
+    const p = (g = h.parentElement) == null ? void 0 : g.parentElement;
+    p.getAttribute("class") === "topiclinks" ? e.editArrowLabel(h.parentElement) : p.getAttribute("class") === "summary" && e.editSummary(h.parentElement);
   };
   let i = 0;
   const s = (u) => {
     if (u.pointerType === "mouse")
       return;
-    const a = (/* @__PURE__ */ new Date()).getTime(), p = a - i;
-    p < 300 && p > 0 && o(u), i = a;
+    const h = (/* @__PURE__ */ new Date()).getTime(), p = h - i;
+    p < 300 && p > 0 && o(u), i = h;
   }, r = (u) => {
     t.moved = !1;
-    const a = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (u.button !== a && u.pointerType === "mouse")
+    const h = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (u.button !== h && u.pointerType === "mouse")
       return;
     t.x = u.clientX, t.y = u.clientY;
     const p = u.target;
     p.className !== "circle" && p.contentEditable !== "plaintext-only" && (t.mousedown = !0, p.setPointerCapture(u.pointerId));
-  }, l = (u) => {
+  }, c = (u) => {
     if (u.target.contentEditable !== "plaintext-only") {
-      const a = u.clientX - t.x, p = u.clientY - t.y;
-      t.onMove(a, p);
+      const h = u.clientX - t.x, p = u.clientY - t.y;
+      t.onMove(h, p);
     }
     t.x = u.clientX, t.y = u.clientY;
-  }, c = (u) => {
-    const a = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (u.button !== a && u.pointerType === "mouse")
+  }, l = (u) => {
+    const h = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (u.button !== h && u.pointerType === "mouse")
       return;
     const p = u.target;
     p.hasPointerCapture && p.hasPointerCapture(u.pointerId) && p.releasePointerCapture(u.pointerId), t.clear();
-  }, d = (u) => {
+  }, a = (u) => {
     if (u.preventDefault(), u.button !== 2 || !e.editable)
       return;
-    const a = u.target;
-    he(a) && !a.classList.contains("selected") && e.selectNode(a), setTimeout(() => {
+    const h = u.target;
+    he(h) && !h.classList.contains("selected") && e.selectNode(h), setTimeout(() => {
       e.dragMoveHelper.moved || e.bus.fire("showContextMenu", u);
     }, 200);
   }, f = (u) => {
     u.stopPropagation(), u.preventDefault(), u.ctrlKey || u.metaKey ? u.deltaY < 0 ? ie(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && ie(e, "out", e.dragMoveHelper) : u.shiftKey ? e.move(-u.deltaY, 0) : e.move(-u.deltaX, -u.deltaY);
-  }, { container: h } = e;
+  }, { container: d } = e;
   return we([
-    { dom: h, evt: "pointerdown", func: r },
-    { dom: h, evt: "pointermove", func: l },
-    { dom: h, evt: "pointerup", func: c },
-    { dom: h, evt: "pointerup", func: s },
-    { dom: h, evt: "click", func: n },
-    { dom: h, evt: "dblclick", func: o },
-    { dom: h, evt: "contextmenu", func: d },
-    { dom: h, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : f }
+    { dom: d, evt: "pointerdown", func: r },
+    { dom: d, evt: "pointermove", func: c },
+    { dom: d, evt: "pointerup", func: l },
+    { dom: d, evt: "pointerup", func: s },
+    { dom: d, evt: "click", func: n },
+    { dom: d, evt: "dblclick", func: o },
+    { dom: d, evt: "contextmenu", func: a },
+    { dom: d, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : f }
   ]);
 }
 function Et() {
@@ -418,8 +420,8 @@ const se = document, Ct = function() {
   const i = se.createElement("me-main");
   i.className = M.RHS;
   for (let s = 0; s < t.length; s++) {
-    const r = t[s], { grp: l } = e.createWrapper(r);
-    e.direction === 2 ? r.direction === 0 ? o.appendChild(l) : i.appendChild(l) : e.direction === 0 ? o.appendChild(l) : i.appendChild(l);
+    const r = t[s], { grp: c } = e.createWrapper(r);
+    e.direction === 2 ? r.direction === 0 ? o.appendChild(c) : i.appendChild(c) : e.direction === 0 ? o.appendChild(c) : i.appendChild(c);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(i), e.nodes.appendChild(e.lines);
 }, Nt = function(e, t) {
@@ -569,8 +571,8 @@ const At = function(e) {
     if (s === "")
       n.topic = o;
     else if (n.topic = s, this.markdown && xe(s)) {
-      const l = Ve(s, this.markdown).trim();
-      e.text.innerHTML = l;
+      const c = Ve(s, this.markdown).trim();
+      e.text.innerHTML = c;
     } else
       e.text.textContent = s;
     t.remove(), s !== o && (this.linkDiv(), this.bus.fire("operation", {
@@ -583,13 +585,13 @@ const At = function(e) {
   const t = _.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, I = document, L = "http://www.w3.org/2000/svg", ue = function(e, t, n, o = {}) {
-  const { anchor: i = "middle", color: s, dataType: r } = o, l = document.createElementNS(L, "text");
-  return N(l, {
+  const { anchor: i = "middle", color: s, dataType: r } = o, c = document.createElementNS(L, "text");
+  return N(c, {
     "text-anchor": i,
     x: t + "",
     y: n + "",
     fill: s || (i === "middle" ? "rgb(235, 95, 82)" : "#666")
-  }), r && (l.dataset.type = r), l.innerHTML = e, l;
+  }), r && (c.dataset.type = r), c.innerHTML = e, c;
 }, Je = function(e, t, n) {
   const o = I.createElementNS(L, "path");
   return N(o, {
@@ -619,22 +621,22 @@ const At = function(e) {
       name: "arrow2",
       d: n
     }
-  ].forEach((r, l) => {
-    const c = r.d, d = I.createElementNS(L, "path"), f = {
-      d: c,
+  ].forEach((r, c) => {
+    const l = r.d, a = I.createElementNS(L, "path"), f = {
+      d: l,
       stroke: (o == null ? void 0 : o.stroke) || "rgb(235, 95, 82)",
       fill: "none",
       "stroke-linecap": (o == null ? void 0 : o.strokeLinecap) || "cap",
       "stroke-width": String((o == null ? void 0 : o.strokeWidth) || "2")
     };
-    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), N(d, f), l === 0 && d.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
-    const h = I.createElementNS(L, "path");
-    N(h, {
-      d: c,
+    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), N(a, f), c === 0 && a.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
+    const d = I.createElementNS(L, "path");
+    N(d, {
+      d: l,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), i.appendChild(h), i.appendChild(d), i[r.name] = d;
+    }), i.appendChild(d), i.appendChild(a), i[r.name] = a;
   }), i;
 }, Ze = function(e, t, n) {
   if (!t)
@@ -653,17 +655,17 @@ const At = function(e) {
     margin: -2px -4px; 
   `, Xe(o), e.scrollIntoView(o), o.addEventListener("keydown", (r) => {
     r.stopPropagation();
-    const l = r.key;
-    if (l === "Enter" || l === "Tab") {
+    const c = r.key;
+    if (c === "Enter" || c === "Tab") {
       if (r.shiftKey)
         return;
       r.preventDefault(), o.blur(), e.container.focus();
     }
   }), o.addEventListener("blur", () => {
-    var l;
+    var c;
     if (!o)
       return;
-    const r = ((l = o.textContent) == null ? void 0 : l.trim()) || "";
+    const r = ((c = o.textContent) == null ? void 0 : c.trim()) || "";
     r === "" ? n.label = i : n.label = r, o.remove(), r !== i && (t.innerHTML = n.label, e.linkDiv(), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
@@ -675,23 +677,23 @@ const At = function(e) {
 }, Dt = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, i = t.offsetWidth, s = t.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
-  for (let l = 0; l < r.length; l++) {
-    const c = r[l], d = c.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = B(this.nodes, d), g = d.offsetWidth, u = d.offsetHeight, a = c.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: h, cL: f, cW: g, cH: u, direction: a, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, v = d.nodeObj.branchColor || m[l % m.length];
-    if (d.style.borderColor = v, this.lines.appendChild(Je(p, v, "3")), e && e !== c)
+  for (let c = 0; c < r.length; c++) {
+    const l = r[c], a = l.querySelector("me-tpc"), { offsetLeft: f, offsetTop: d } = B(this.nodes, a), v = a.offsetWidth, u = a.offsetHeight, h = l.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: d, cL: f, cW: v, cH: u, direction: h, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, m = a.nodeObj.branchColor || g[c % g.length];
+    if (a.style.borderColor = m, this.lines.appendChild(Je(p, m, "3")), e && e !== l)
       continue;
-    const b = X("subLines"), w = c.lastChild;
-    w.tagName === "svg" && w.remove(), c.appendChild(b), Qe(this, b, v, c, a, !0);
+    const b = X("subLines"), w = l.lastChild;
+    w.tagName === "svg" && w.remove(), l.appendChild(b), Qe(this, b, m, l, h, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, Qe = function(e, t, n, o, i, s) {
-  const r = o.firstChild, l = o.children[1].children;
-  if (l.length === 0)
+  const r = o.firstChild, c = o.children[1].children;
+  if (c.length === 0)
     return;
-  const c = r.offsetTop, d = r.offsetLeft, f = r.offsetWidth, h = r.offsetHeight;
-  for (let g = 0; g < l.length; g++) {
-    const u = l[g], a = u.firstChild, p = a.offsetTop, m = a.offsetLeft, v = a.offsetWidth, b = a.offsetHeight, w = a.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: c, pL: d, pW: f, pH: h, cT: p, cL: m, cW: v, cH: b, direction: i, isFirst: s });
+  const l = r.offsetTop, a = r.offsetLeft, f = r.offsetWidth, d = r.offsetHeight;
+  for (let v = 0; v < c.length; v++) {
+    const u = c[v], h = u.firstChild, p = h.offsetTop, g = h.offsetLeft, m = h.offsetWidth, b = h.offsetHeight, w = h.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: l, pL: a, pW: f, pH: d, cT: p, cL: g, cW: m, cH: b, direction: i, isFirst: s });
     t.appendChild(Je(C, w, "2"));
-    const k = a.children[1];
+    const k = h.children[1];
     if (k) {
       if (!k.expanded)
         continue;
@@ -853,40 +855,40 @@ function Pt(e, t) {
   }, o = (x, y, E) => {
     const S = document.createElement("li");
     return S.id = x, S.innerHTML = `<span>${de(y)}</span><span ${E ? 'class="key"' : ""}>${de(E)}</span>`, S;
-  }, i = $e[e.locale] ? e.locale : "en", s = $e[i], r = o("cm-add_child", s.addChild, "Tab"), l = o("cm-add_parent", s.addParent, "Ctrl + Enter"), c = o("cm-add_sibling", s.addSibling, "Enter"), d = o("cm-remove_child", s.removeNode, "Delete"), f = o("cm-fucus", s.focus, ""), h = o("cm-unfucus", s.cancelFocus, ""), g = o("cm-up", s.moveUp, "PgUp"), u = o("cm-down", s.moveDown, "Pgdn"), a = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", s.linkBidirectional, ""), m = o("cm-summary", s.summary, ""), v = document.createElement("ul");
-  if (v.className = "menu-list", v.appendChild(r), v.appendChild(l), v.appendChild(c), v.appendChild(d), t.focus && (v.appendChild(f), v.appendChild(h)), v.appendChild(g), v.appendChild(u), v.appendChild(m), t.link && (v.appendChild(a), v.appendChild(p)), t && t.extend)
+  }, i = $e[e.locale] ? e.locale : "en", s = $e[i], r = o("cm-add_child", s.addChild, "Tab"), c = o("cm-add_parent", s.addParent, "Ctrl + Enter"), l = o("cm-add_sibling", s.addSibling, "Enter"), a = o("cm-remove_child", s.removeNode, "Delete"), f = o("cm-fucus", s.focus, ""), d = o("cm-unfucus", s.cancelFocus, ""), v = o("cm-up", s.moveUp, "PgUp"), u = o("cm-down", s.moveDown, "Pgdn"), h = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", s.linkBidirectional, ""), g = o("cm-summary", s.summary, ""), m = document.createElement("ul");
+  if (m.className = "menu-list", m.appendChild(r), m.appendChild(c), m.appendChild(l), m.appendChild(a), t.focus && (m.appendChild(f), m.appendChild(d)), m.appendChild(v), m.appendChild(u), m.appendChild(g), t.link && (m.appendChild(h), m.appendChild(p)), t && t.extend)
     for (let x = 0; x < t.extend.length; x++) {
       const y = t.extend[x], E = o(y.name, y.name, y.key || "");
-      v.appendChild(E), E.onclick = (S) => {
+      m.appendChild(E), E.onclick = (S) => {
         y.onclick(S);
       };
     }
   const b = document.createElement("div");
-  b.className = "context-menu", b.appendChild(v), b.hidden = !0, e.container.append(b);
+  b.className = "context-menu", b.appendChild(m), b.hidden = !0, e.container.append(b);
   let w = !0;
   const C = (x) => {
     const y = x.target;
     if (he(y)) {
-      y.parentElement.tagName === "ME-ROOT" ? w = !0 : w = !1, w ? (f.className = "disabled", g.className = "disabled", u.className = "disabled", l.className = "disabled", c.className = "disabled", d.className = "disabled") : (f.className = "", g.className = "", u.className = "", l.className = "", c.className = "", d.className = ""), b.hidden = !1, v.style.top = "", v.style.bottom = "", v.style.left = "", v.style.right = "";
-      const E = v.getBoundingClientRect(), S = v.offsetHeight, D = v.offsetWidth, P = x.clientY - E.top, R = x.clientX - E.left;
-      S + P > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = P + 15 + "px"), D + R > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = R + 10 + "px");
+      y.parentElement.tagName === "ME-ROOT" ? w = !0 : w = !1, w ? (f.className = "disabled", v.className = "disabled", u.className = "disabled", c.className = "disabled", l.className = "disabled", a.className = "disabled") : (f.className = "", v.className = "", u.className = "", c.className = "", l.className = "", a.className = ""), b.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
+      const E = m.getBoundingClientRect(), S = m.offsetHeight, D = m.offsetWidth, P = x.clientY - E.top, R = x.clientX - E.left;
+      S + P > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = P + 15 + "px"), D + R > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = R + 10 + "px");
     }
   };
   e.bus.addListener("showContextMenu", C), b.onclick = (x) => {
     x.target === b && (b.hidden = !0);
   }, r.onclick = () => {
     e.addChild(), b.hidden = !0;
-  }, l.onclick = () => {
-    e.insertParent(), b.hidden = !0;
   }, c.onclick = () => {
+    e.insertParent(), b.hidden = !0;
+  }, l.onclick = () => {
     w || (e.insertSibling("after"), b.hidden = !0);
-  }, d.onclick = () => {
+  }, a.onclick = () => {
     w || (e.removeNodes(e.currentNodes || []), b.hidden = !0);
   }, f.onclick = () => {
     w || (e.focusNode(e.currentNode), b.hidden = !0);
-  }, h.onclick = () => {
+  }, d.onclick = () => {
     e.cancelFocus(), b.hidden = !0;
-  }, g.onclick = () => {
+  }, v.onclick = () => {
     w || (e.moveUpNode(), b.hidden = !0);
   }, u.onclick = () => {
     w || (e.moveDownNode(), b.hidden = !0);
@@ -906,10 +908,10 @@ function Pt(e, t) {
       }
     );
   };
-  return a.onclick = () => k(), p.onclick = () => k({ bidirectional: !0 }), m.onclick = () => {
+  return h.onclick = () => k(), p.onclick = () => k({ bidirectional: !0 }), g.onclick = () => {
     b.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    r.onclick = null, l.onclick = null, c.onclick = null, d.onclick = null, f.onclick = null, h.onclick = null, g.onclick = null, u.onclick = null, a.onclick = null, m.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
+    r.onclick = null, c.onclick = null, l.onclick = null, a.onclick = null, f.onclick = null, d.onclick = null, v.onclick = null, u.onclick = null, h.onclick = null, g.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
   };
 }
 const fe = document, $t = function(e, t) {
@@ -954,45 +956,45 @@ class jt {
 }
 function Ht(e) {
   let t = null, n = null;
-  const o = Ot(e), i = new jt(e), s = (d) => {
+  const o = Ot(e), i = new jt(e), s = (a) => {
     e.selection.cancel();
-    const f = d.target;
+    const f = a.target;
     if ((f == null ? void 0 : f.tagName) !== "ME-TPC") {
-      d.preventDefault();
+      a.preventDefault();
       return;
     }
-    let h = e.currentNodes;
-    h != null && h.includes(f) || (e.selectNode(f), h = e.currentNodes), e.dragged = h, h.length > 1 ? o.innerHTML = h.length + "" : o.innerHTML = f.innerHTML;
-    for (const g of h)
-      g.parentElement.parentElement.style.opacity = "0.5";
-    d.dataTransfer.setDragImage(o, 0, 0), d.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
-  }, r = (d) => {
+    let d = e.currentNodes;
+    d != null && d.includes(f) || (e.selectNode(f), d = e.currentNodes), e.dragged = d, d.length > 1 ? o.innerHTML = d.length + "" : o.innerHTML = f.innerHTML;
+    for (const v of d)
+      v.parentElement.parentElement.style.opacity = "0.5";
+    a.dataTransfer.setDragImage(o, 0, 0), a.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
+  }, r = (a) => {
     const { dragged: f } = e;
     if (!f)
       return;
     i.stop();
-    for (const g of f)
-      g.parentElement.parentElement.style.opacity = "1";
-    const h = d.target;
-    h.style.opacity = "", n && (pe(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null, o.innerHTML = "");
-  }, l = (d) => {
-    d.preventDefault();
-    const f = 12 * e.scaleVal, { dragged: h } = e;
-    if (!h)
+    for (const v of f)
+      v.parentElement.parentElement.style.opacity = "1";
+    const d = a.target;
+    d.style.opacity = "", n && (pe(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null, o.innerHTML = "");
+  }, c = (a) => {
+    a.preventDefault();
+    const f = 12 * e.scaleVal, { dragged: d } = e;
+    if (!d)
       return;
-    const g = e.container.getBoundingClientRect();
-    d.clientX < g.x + 50 ? i.move(1, 0) : d.clientX > g.x + g.width - 50 ? i.move(-1, 0) : d.clientY < g.y + 50 ? i.move(0, 1) : d.clientY > g.y + g.height - 50 ? i.move(0, -1) : i.stop(), pe(n);
-    const u = fe.elementFromPoint(d.clientX, d.clientY - f);
-    if (Oe(u, h)) {
+    const v = e.container.getBoundingClientRect();
+    a.clientX < v.x + 50 ? i.move(1, 0) : a.clientX > v.x + v.width - 50 ? i.move(-1, 0) : a.clientY < v.y + 50 ? i.move(0, 1) : a.clientY > v.y + v.height - 50 ? i.move(0, -1) : i.stop(), pe(n);
+    const u = fe.elementFromPoint(a.clientX, a.clientY - f);
+    if (Oe(u, d)) {
       n = u;
-      const a = u.getBoundingClientRect(), p = a.y;
-      d.clientY > p + a.height ? t = "after" : t = "in";
+      const h = u.getBoundingClientRect(), p = h.y;
+      a.clientY > p + h.height ? t = "after" : t = "in";
     } else {
-      const a = fe.elementFromPoint(d.clientX, d.clientY + f), p = a.getBoundingClientRect();
-      if (Oe(a, h)) {
-        n = a;
-        const m = p.y;
-        d.clientY < m ? t = "before" : t = "in";
+      const h = fe.elementFromPoint(a.clientX, a.clientY + f), p = h.getBoundingClientRect();
+      if (Oe(h, d)) {
+        n = h;
+        const g = p.y;
+        a.clientY < g ? t = "before" : t = "in";
       } else
         t = n = null;
     }
@@ -1001,7 +1003,7 @@ function Ht(e) {
   return we([
     { dom: e.map, evt: "dragstart", func: s },
     { dom: e.map, evt: "dragend", func: r },
-    { dom: e.map, evt: "dragover", func: l }
+    { dom: e.map, evt: "dragover", func: c }
   ]);
 }
 const Bt = function(e) {
@@ -1023,10 +1025,10 @@ function Rt(e) {
   let t = [], n = -1, o = e.getData(), i = [];
   e.undo = function() {
     if (n > -1) {
-      const c = t[n];
-      o = c.prev, e.refresh(c.prev);
+      const l = t[n];
+      o = l.prev, e.refresh(l.prev);
       try {
-        c.currentTarget.type === "nodes" && (c.operation === "removeNodes" ? e.selectNodes(c.currentTarget.value.map((d) => this.findEle(d))) : e.selectNodes(c.currentSelected.map((d) => this.findEle(d))));
+        l.currentTarget.type === "nodes" && (l.operation === "removeNodes" ? e.selectNodes(l.currentTarget.value.map((a) => this.findEle(a))) : e.selectNodes(l.currentSelected.map((a) => this.findEle(a))));
       } catch {
       } finally {
         n--;
@@ -1035,33 +1037,33 @@ function Rt(e) {
   }, e.redo = function() {
     if (n < t.length - 1) {
       n++;
-      const c = t[n];
-      o = c.next, e.refresh(c.next);
+      const l = t[n];
+      o = l.next, e.refresh(l.next);
       try {
-        c.currentTarget.type === "nodes" && (c.operation === "removeNodes" ? e.selectNodes(c.currentSelected.map((d) => this.findEle(d))) : e.selectNodes(c.currentTarget.value.map((d) => this.findEle(d))));
+        l.currentTarget.type === "nodes" && (l.operation === "removeNodes" ? e.selectNodes(l.currentSelected.map((a) => this.findEle(a))) : e.selectNodes(l.currentTarget.value.map((a) => this.findEle(a))));
       } catch {
       }
     }
   };
-  const s = function(c) {
-    if (c.name === "beginEdit")
+  const s = function(l) {
+    if (l.name === "beginEdit")
       return;
     t = t.slice(0, n + 1);
-    const d = e.getData(), f = {
+    const a = e.getData(), f = {
       prev: o,
-      operation: c.name,
-      currentSelected: i.map((h) => h.id),
-      currentTarget: Bt(c),
-      next: d
+      operation: l.name,
+      currentSelected: i.map((d) => d.id),
+      currentTarget: Bt(l),
+      next: a
     };
-    t.push(f), o = d, n = t.length - 1;
-  }, r = function(c) {
-    (c.metaKey || c.ctrlKey) && (c.shiftKey && c.key === "Z" || c.key === "y") ? e.redo() : (c.metaKey || c.ctrlKey) && c.key === "z" && e.undo();
-  }, l = function(c) {
-    i = e.currentNodes.map((d) => d.nodeObj);
+    t.push(f), o = a, n = t.length - 1;
+  }, r = function(l) {
+    (l.metaKey || l.ctrlKey) && (l.shiftKey && l.key === "Z" || l.key === "y") ? e.redo() : (l.metaKey || l.ctrlKey) && l.key === "z" && e.undo();
+  }, c = function(l) {
+    i = e.currentNodes.map((a) => a.nodeObj);
   };
-  return e.bus.addListener("operation", s), e.bus.addListener("selectNodes", l), e.container.addEventListener("keydown", r), () => {
-    e.bus.removeListener("operation", s), e.bus.removeListener("selectNodes", l), e.container.removeEventListener("keydown", r);
+  return e.bus.addListener("operation", s), e.bus.addListener("selectNodes", c), e.container.addEventListener("keydown", r), () => {
+    e.bus.removeListener("operation", s), e.bus.removeListener("selectNodes", c), e.container.removeEventListener("keydown", r);
   };
 }
 const Ft = '<?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"><svg t="1750169394918" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z" p-id="2022"></path></svg>', Wt = '<?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"><svg t="1750169375313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="currentColor" p-id="1776"></path></svg>', It = '<?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"><svg t="1750169667709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="currentColor" p-id="3038"></path></svg>', Kt = '<?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"><svg t="1750169402629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2170" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z" p-id="2171"></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z" p-id="2172"></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z" p-id="2173"></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z" p-id="2174"></path></svg>', Yt = '<?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"><svg t="1750169573443" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="currentColor" p-id="2884"></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="currentColor" p-id="2885"></path></svg>', Gt = '<?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"><svg t="1750169419447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z" p-id="2481"></path></svg>', qt = '<?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"><svg t="1750169426515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2730" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z" p-id="2731"></path></svg>';
@@ -1226,8 +1228,8 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
     };
     for (const f of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
       typeof this[f] == "function" && (this[f] = this[f].bind(this));
-    const { document: l, selectionAreaClass: c, selectionContainerClass: d } = this._options;
-    this._area = l.createElement("div"), this._clippingElement = l.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(c), d && this._clippingElement.classList.add(d), O(this._area, {
+    const { document: c, selectionAreaClass: l, selectionContainerClass: a } = this._options;
+    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(l), a && this._clippingElement.classList.add(a), O(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
@@ -1248,19 +1250,19 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
     i(n, "mousedown", this._onTapStart), o.touch && i(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: i, target: s } = Z(t), { document: r, startAreas: l, boundaries: c, features: d, behaviour: f } = this._options, h = s.getBoundingClientRect();
+    const { x: o, y: i, target: s } = Z(t), { document: r, startAreas: c, boundaries: l, features: a, behaviour: f } = this._options, d = s.getBoundingClientRect();
     if (t instanceof MouseEvent && !tn(t, f.triggers))
       return;
-    const g = Y(l, r), u = Y(c, r);
+    const v = Y(c, r), u = Y(l, r);
     this._targetElement = u.find(
-      (v) => Be(v.getBoundingClientRect(), h)
+      (m) => Be(m.getBoundingClientRect(), d)
     );
-    const a = t.composedPath(), p = g.find((v) => a.includes(v));
-    if (this._targetBoundary = u.find((v) => a.includes(v)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    const h = t.composedPath(), p = v.find((m) => h.includes(m));
+    if (this._targetBoundary = u.find((m) => h.includes(m)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
     this._areaLocation = { x1: o, y1: i, x2: 0, y2: 0 };
-    const m = r.scrollingElement ?? r.body;
-    this._scrollDelta = { x: m.scrollLeft, y: m.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), j(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), j(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), j(r, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, j(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    const g = r.scrollingElement ?? r.body;
+    this._scrollDelta = { x: g.scrollLeft, y: g.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), j(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), j(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), j(r, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, j(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
     const { singleTap: { intersect: n }, range: o } = this._options.features, i = Z(t);
@@ -1269,10 +1271,10 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
       s = i.target;
     else if (n === "touch") {
       this.resolveSelectables();
-      const { x: l, y: c } = i;
-      s = this._selectables.find((d) => {
-        const { right: f, left: h, top: g, bottom: u } = d.getBoundingClientRect();
-        return l < f && l > h && c < u && c > g;
+      const { x: c, y: l } = i;
+      s = this._selectables.find((a) => {
+        const { right: f, left: d, top: v, bottom: u } = a.getBoundingClientRect();
+        return c < f && c > d && l < u && l > v;
       });
     }
     if (!s)
@@ -1286,25 +1288,25 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
       }
     const { stored: r } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const l = this._latestElement, [c, d] = l.compareDocumentPosition(s) & 4 ? [s, l] : [l, s], f = [...this._selectables.filter(
-        (h) => h.compareDocumentPosition(c) & 4 && h.compareDocumentPosition(d) & 2
-      ), c, d];
-      this.select(f), this._latestElement = l;
+      const c = this._latestElement, [l, a] = c.compareDocumentPosition(s) & 4 ? [s, c] : [c, s], f = [...this._selectables.filter(
+        (d) => d.compareDocumentPosition(l) & 4 && d.compareDocumentPosition(a) & 2
+      ), l, a];
+      this.select(f), this._latestElement = c;
     } else
-      r.includes(s) && (r.length === 1 || t.ctrlKey || r.every((l) => this._selection.stored.includes(l))) ? this.deselect(s) : (this.select(s), this._latestElement = s);
+      r.includes(s) && (r.length === 1 || t.ctrlKey || r.every((c) => this._selection.stored.includes(c))) ? this.deselect(s) : (this.select(s), this._latestElement = s);
   }
   _delayedTapMove(t) {
-    const { container: n, document: o, behaviour: { startThreshold: i } } = this._options, { x1: s, y1: r } = this._areaLocation, { x: l, y: c } = Z(t);
+    const { container: n, document: o, behaviour: { startThreshold: i } } = this._options, { x1: s, y1: r } = this._areaLocation, { x: c, y: l } = Z(t);
     if (
       // Single number for both coordinates
-      typeof i == "number" && F(l + c - (s + r)) >= i || // Different x and y threshold
-      typeof i == "object" && F(l - s) >= i.x || F(c - r) >= i.y
+      typeof i == "number" && F(c + l - (s + r)) >= i || // Different x and y threshold
+      typeof i == "object" && F(c - s) >= i.x || F(l - r) >= i.y
     ) {
       if (A(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
         A(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      j(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), O(this._area, "display", "block"), Y(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (j(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), j(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
+      j(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), O(this._area, "display", "block"), Y(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (j(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), j(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((a) => this._targetElement.contains(a))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
@@ -1329,16 +1331,16 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: r } = i.behaviour.scrolling, l = this._targetElement, { x: c, y: d } = Z(t);
-    if (o.x2 = c, o.y2 = d, this._lastMousePosition.x = c, this._lastMousePosition.y = d, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
+    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: r } = i.behaviour.scrolling, c = this._targetElement, { x: l, y: a } = Z(t);
+    if (o.x2 = l, o.y2 = a, this._lastMousePosition.x = l, this._lastMousePosition.y = a, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const f = () => {
         if (!n.x && !n.y) {
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: h, scrollLeft: g } = l;
-        n.y && (l.scrollTop += We(n.y / r), o.y1 -= l.scrollTop - h), n.x && (l.scrollLeft += We(n.x / r), o.x1 -= l.scrollLeft - g), s.next(t), requestAnimationFrame(f);
+        const { scrollTop: d, scrollLeft: v } = c;
+        n.y && (c.scrollTop += We(n.y / r), o.y1 -= c.scrollTop - d), n.x && (c.scrollLeft += We(n.x / r), o.x1 -= c.scrollLeft - v), s.next(t), requestAnimationFrame(f);
       };
       requestAnimationFrame(f);
     } else
@@ -1370,12 +1372,12 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
     });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: l, scrollLeft: c, scrollWidth: d, clientWidth: f } = o, h = this._targetRect, { x1: g, y1: u } = n;
-    let { x2: a, y2: p } = n;
-    const { behaviour: { scrolling: { startScrollMargins: m } } } = i;
-    a < h.left + m.x ? (t.x = c ? -F(h.left - a + m.x) : 0, a = a < h.left ? h.left : a) : a > h.right - m.x ? (t.x = d - c - f ? F(h.left + h.width - a - m.x) : 0, a = a > h.right ? h.right : a) : t.x = 0, p < h.top + m.y ? (t.y = s ? -F(h.top - p + m.y) : 0, p = p < h.top ? h.top : p) : p > h.bottom - m.y ? (t.y = r - s - l ? F(h.top + h.height - p - m.y) : 0, p = p > h.bottom ? h.bottom : p) : t.y = 0;
-    const v = Fe(g, a), b = Fe(u, p), w = Re(g, a), C = Re(u, p);
-    this._areaRect = He(v, b, w - v, C - b);
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: c, scrollLeft: l, scrollWidth: a, clientWidth: f } = o, d = this._targetRect, { x1: v, y1: u } = n;
+    let { x2: h, y2: p } = n;
+    const { behaviour: { scrolling: { startScrollMargins: g } } } = i;
+    h < d.left + g.x ? (t.x = l ? -F(d.left - h + g.x) : 0, h = h < d.left ? d.left : h) : h > d.right - g.x ? (t.x = a - l - f ? F(d.left + d.width - h - g.x) : 0, h = h > d.right ? d.right : h) : t.x = 0, p < d.top + g.y ? (t.y = s ? -F(d.top - p + g.y) : 0, p = p < d.top ? d.top : p) : p > d.bottom - g.y ? (t.y = r - s - c ? F(d.top + d.height - p - g.y) : 0, p = p > d.bottom ? d.bottom : p) : t.y = 0;
+    const m = Fe(v, h), b = Fe(u, p), w = Re(v, h), C = Re(u, p);
+    this._areaRect = He(m, b, w - m, C - b);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: i } = this._areaRect, { style: s } = this._area;
@@ -1387,29 +1389,29 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
     A(this._targetElement, "scroll", this._onStartAreaScroll), A(i, ["mousemove", "touchmove"], this._delayedTapMove), A(i, ["touchmove", "mousemove"], this._onTapMove), A(i, ["mouseup", "touchcancel", "touchend"], this._onTapStop), A(i, "scroll", this._onScroll), this._keepSelection(), t && r && s.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, A(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), A(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), O(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: l } = o, { intersect: c, overlap: d } = n.behaviour, f = d === "invert", h = [], g = [], u = [];
+    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: c } = o, { intersect: l, overlap: a } = n.behaviour, f = a === "invert", d = [], v = [], u = [];
     for (let p = 0; p < t.length; p++) {
-      const m = t[p];
-      if (Be(i, m.getBoundingClientRect(), c)) {
-        if (r.includes(m))
-          s.includes(m) && !l.includes(m) && l.push(m);
-        else if (f && s.includes(m)) {
-          u.push(m);
+      const g = t[p];
+      if (Be(i, g.getBoundingClientRect(), l)) {
+        if (r.includes(g))
+          s.includes(g) && !c.includes(g) && c.push(g);
+        else if (f && s.includes(g)) {
+          u.push(g);
           continue;
         } else
-          g.push(m);
-        h.push(m);
+          v.push(g);
+        d.push(g);
       }
     }
-    f && g.push(...s.filter((p) => !r.includes(p)));
-    const a = d === "keep";
+    f && v.push(...s.filter((p) => !r.includes(p)));
+    const h = a === "keep";
     for (let p = 0; p < r.length; p++) {
-      const m = r[p];
-      !h.includes(m) && !// Check if the user wants to keep previously selected elements, e.g.,
+      const g = r[p];
+      !d.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
       // not make them part of the current selection as soon as they're touched.
-      (a && s.includes(m)) && u.push(m);
+      (h && s.includes(g)) && u.push(g);
     }
-    o.selected = h, o.changed = { added: g, removed: u }, this._latestElement = void 0;
+    o.selected = d, o.changed = { added: v, removed: u }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1419,20 +1421,20 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
     });
   }
   _keepSelection() {
-    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: r } = n, l = o.filter((c) => !r.includes(c));
+    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: r } = n, c = o.filter((l) => !r.includes(l));
     switch (t.behaviour.overlap) {
       case "drop": {
         n.stored = [
-          ...l,
-          ...r.filter((c) => !s.includes(c))
+          ...c,
+          ...r.filter((l) => !s.includes(l))
           // Elements not touched
         ];
         break;
       }
       case "invert": {
         n.stored = [
-          ...l,
-          ...r.filter((c) => !i.removed.includes(c))
+          ...c,
+          ...r.filter((l) => !i.removed.includes(l))
           // Elements not removed from selection
         ];
         break;
@@ -1440,7 +1442,7 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
       case "keep": {
         n.stored = [
           ...r,
-          ...o.filter((c) => !r.includes(c))
+          ...o.filter((l) => !r.includes(l))
           // Newly added
         ];
         break;
@@ -1525,7 +1527,7 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
    */
   select(t, n = !1) {
     const { changed: o, selected: i, stored: s } = this._selection, r = Y(t, this._options.document).filter(
-      (l) => !i.includes(l) && !s.includes(l)
+      (c) => !i.includes(c) && !s.includes(c)
     );
     return s.push(...r), i.push(...r), o.added.push(...r), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), r;
   }
@@ -1536,10 +1538,10 @@ const je = (e, t = "px") => typeof e == "number" ? e + t : e, O = ({ style: e },
    */
   deselect(t, n = !1) {
     const { selected: o, stored: i, changed: s } = this._selection, r = Y(t, this._options.document).filter(
-      (l) => o.includes(l) || i.includes(l)
+      (c) => o.includes(c) || i.includes(c)
     );
-    this._selection.stored = i.filter((l) => !r.includes(l)), this._selection.selected = o.filter((l) => !r.includes(l)), this._selection.changed.added = [], this._selection.changed.removed.push(
-      ...r.filter((l) => !s.removed.includes(l))
+    this._selection.stored = i.filter((c) => !r.includes(c)), this._selection.selected = o.filter((c) => !r.includes(c)), this._selection.changed.added = [], this._selection.changed.removed.push(
+      ...r.filter((c) => !s.removed.includes(c))
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null));
   }
 };
@@ -1632,7 +1634,7 @@ function rn(e) {
   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 ln(e) {
+function cn(e) {
   const { siblings: t, index: n } = z(e);
   if (t === void 0)
     return;
@@ -1643,7 +1645,7 @@ function nt(e) {
   const { siblings: t, index: n } = z(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
-function cn(e, t, n) {
+function ln(e, t, n) {
   const { siblings: o, index: i } = z(n);
   o !== void 0 && (t === "before" ? o.splice(i, 0, e) : o.splice(i + 1, 0, e));
 }
@@ -1680,8 +1682,8 @@ const dn = function({ map: e, direction: t }, n) {
     if (J(o), i.children[1])
       i.nextSibling.appendChild(n);
     else {
-      const l = e.createChildren([n]);
-      i.appendChild(Ce(!0)), i.insertAdjacentElement("afterend", l);
+      const c = e.createChildren([n]);
+      i.appendChild(Ce(!0)), i.insertAdjacentElement("afterend", c);
     }
     e.linkDiv(n.offsetParent);
   } else
@@ -1718,13 +1720,13 @@ const dn = function({ map: e, direction: t }, n) {
   const { grp: s, top: r } = e.createWrapper(i);
   return it(e, t, s), { newTop: r, newNodeObj: i };
 }, fn = function(e, t, n) {
-  var d, f, h, g;
+  var a, f, d, v;
   const o = t || this.currentNode;
   if (!o)
     return;
   const i = o.nodeObj;
   if (i.parent) {
-    if (!((d = i.parent) != null && d.parent) && ((h = (f = i.parent) == null ? void 0 : f.children) == null ? void 0 : h.length) === 1 && this.direction === 2) {
+    if (!((a = i.parent) != null && a.parent) && ((d = (f = i.parent) == null ? void 0 : f.children) == null ? void 0 : d.length) === 1 && this.direction === 2) {
       this.addChild(this.findEle(i.parent.id), n);
       return;
     }
@@ -1733,17 +1735,17 @@ const dn = function({ map: e, direction: t }, n) {
     return;
   }
   const s = n || this.generateNewObj();
-  if (!((g = i.parent) != null && g.parent)) {
+  if (!((v = i.parent) != null && v.parent)) {
     const u = o.closest("me-main").className === M.LHS ? 0 : 1;
     s.direction = u;
   }
-  cn(s, e, i), H(this.nodeData);
-  const r = o.parentElement, { grp: l, top: c } = this.createWrapper(s);
-  r.parentElement.insertAdjacentElement(st[e], l), this.linkDiv(l.offsetParent), n || this.editTopic(c.firstChild), this.bus.fire("operation", {
+  ln(s, e, i), H(this.nodeData);
+  const r = o.parentElement, { grp: c, top: l } = this.createWrapper(s);
+  r.parentElement.insertAdjacentElement(st[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(l.firstChild), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
     obj: s
-  }), this.selectNode(c.firstChild, !0);
+  }), this.selectNode(l.firstChild, !0);
 }, pn = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
@@ -1754,10 +1756,10 @@ const dn = function({ map: e, direction: t }, n) {
     return;
   const i = t || this.generateNewObj();
   an(o, i), H(this.nodeData);
-  const s = n.parentElement.parentElement, { grp: r, top: l } = this.createWrapper(i, !0);
-  l.appendChild(Ce(!0)), s.insertAdjacentElement("afterend", r);
-  const c = this.createChildren([s]);
-  l.insertAdjacentElement("afterend", c), this.linkDiv(), t || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
+  const s = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(i, !0);
+  c.appendChild(Ce(!0)), s.insertAdjacentElement("afterend", r);
+  const l = this.createChildren([s]);
+  c.insertAdjacentElement("afterend", l), this.linkDiv(), t || this.editTopic(c.firstChild), this.selectNode(c.firstChild, !0), this.bus.fire("operation", {
     name: "insertParent",
     obj: i
   });
@@ -1785,7 +1787,7 @@ const dn = function({ map: e, direction: t }, n) {
     obj: i
   });
 }, vn = function(e, t) {
-  e = le(e);
+  e = ce(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
     const i = e[o], s = ye(i.nodeObj);
@@ -1793,8 +1795,8 @@ const dn = function({ map: e, direction: t }, n) {
     const r = Se(this, t, s);
     if (!r)
       return;
-    const { newNodeObj: l } = r;
-    n.push(l);
+    const { newNodeObj: c } = r;
+    n.push(c);
   }
   this.unselectNodes(this.currentNodes), this.selectNodes(n.map((o) => this.findEle(o.id))), this.bus.fire("operation", {
     name: "copyNodes",
@@ -1816,7 +1818,7 @@ const dn = function({ map: e, direction: t }, n) {
   if (!t)
     return;
   const n = t.nodeObj;
-  ln(n);
+  cn(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",
@@ -1825,7 +1827,7 @@ const dn = function({ map: e, direction: t }, n) {
 }, wn = function(e) {
   if (e.length === 0)
     return;
-  e = le(e);
+  e = ce(e);
   for (const n of e) {
     const o = n.nodeObj, i = nt(o);
     hn(n, i);
@@ -1836,7 +1838,7 @@ const dn = function({ map: e, direction: t }, n) {
     objs: e.map((n) => n.nodeObj)
   });
 }, xn = function(e, t) {
-  e = le(e);
+  e = ce(e);
   const n = t.nodeObj;
   n.expanded === !1 && (this.expandNode(t, !0), t = this.findEle(n.id));
   for (const o of e) {
@@ -1851,13 +1853,13 @@ const dn = function({ map: e, direction: t }, n) {
     toObj: n
   });
 }, rt = (e, t, n, o) => {
-  e = le(e), t === "after" && (e = e.reverse());
+  e = ce(e), t === "after" && (e = e.reverse());
   const i = n.nodeObj, s = [];
   for (const r of e) {
-    const l = r.nodeObj;
-    ot(t, l, i), H(o.nodeData), J(r);
-    const c = r.parentElement.parentNode;
-    s.includes(c.parentElement) || s.push(c.parentElement), n.parentElement.parentNode.insertAdjacentElement(st[t], c);
+    const c = r.nodeObj;
+    ot(t, c, i), H(o.nodeData), J(r);
+    const l = r.parentElement.parentNode;
+    s.includes(l.parentElement) || s.push(l.parentElement), n.parentElement.parentNode.insertAdjacentElement(st[t], l);
   }
   for (const r of s)
     r.childElementCount === 0 && r.tagName !== "ME-MAIN" && (r.previousSibling.children[1].remove(), r.remove());
@@ -1875,7 +1877,7 @@ const dn = function({ map: e, direction: t }, n) {
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
 }, Nn = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
-}, lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   addChild: gn,
   beginEdit: Sn,
@@ -1905,8 +1907,8 @@ function kn(e) {
 const _n = function(e) {
   const t = this.container, n = e.getBoundingClientRect(), o = t.getBoundingClientRect();
   if (n.top > o.bottom || n.bottom < o.top || n.left > o.right || n.right < o.left) {
-    const s = n.left + n.width / 2, r = n.top + n.height / 2, l = o.left + o.width / 2, c = o.top + o.height / 2, d = s - l, f = r - c;
-    this.move(-d, -f, !0);
+    const s = n.left + n.width / 2, r = n.top + n.height / 2, c = o.left + o.width / 2, l = o.top + o.height / 2, a = s - c, f = r - l;
+    this.move(-a, -f, !0);
   }
 }, Tn = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
@@ -1931,23 +1933,23 @@ const _n = function(e) {
 }, jn = function(e, t = { x: 0, y: 0 }) {
   if (e < this.scaleMin || e > this.scaleMax)
     return;
-  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, i = t.y ? t.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = ct(this), l = this.map.style.transform, { x: c, y: d } = ze(l), f = c - s, h = d - r, g = this.scaleVal, u = (-o + f) * (1 - e / g), a = (-i + h) * (1 - e / g);
-  this.map.style.transform = `translate(${c - u}px, ${d - a}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
+  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, i = t.y ? t.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = lt(this), c = this.map.style.transform, { x: l, y: a } = ze(c), f = l - s, d = a - r, v = this.scaleVal, u = (-o + f) * (1 - e / v), h = (-i + d) * (1 - e / v);
+  this.map.style.transform = `translate(${l - u}px, ${a - h}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
 }, Hn = function() {
   const e = this.nodes.offsetHeight / this.container.offsetHeight, t = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(e, t));
   this.scaleVal = n, this.map.style.transform = "scale(" + n + ")", this.bus.fire("scale", n);
 }, Bn = function(e, t, n = !1) {
   const { map: o, scaleVal: i, bus: s } = this, r = o.style.transform;
-  let { x: l, y: c } = ze(r);
-  l += e, c += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
+  let { x: c, y: l } = ze(r);
+  c += e, l += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate(${l}px, ${c}px) scale(${i})`, s.fire("move", { dx: e, dy: t });
-}, ct = (e) => {
-  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, l = i.offsetWidth, c = i.offsetHeight;
-  let d, f;
-  return e.alignment === "root" ? (d = t.offsetWidth / 2 - r - l / 2, f = t.offsetHeight / 2 - s - c / 2, n.style.transformOrigin = `${r + l / 2}px 50%`) : (d = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: d, dy: f };
+  }, 300)), o.style.transform = `translate(${c}px, ${l}px) scale(${i})`, s.fire("move", { dx: e, dy: t });
+}, lt = (e) => {
+  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, c = i.offsetWidth, l = i.offsetHeight;
+  let a, f;
+  return e.alignment === "root" ? (a = t.offsetWidth / 2 - r - c / 2, f = t.offsetHeight / 2 - s - l / 2, n.style.transformOrigin = `${r + c / 2}px 50%`) : (a = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: a, dy: f };
 }, Rn = function() {
-  const { map: e } = this, { dx: t, dy: n } = ct(this);
+  const { map: e } = this, { dx: t, dy: n } = lt(this);
   e.style.transform = `translate(${t}px, ${n}px) scale(${this.scaleVal})`;
 }, Fn = function(e) {
   e(this);
@@ -1971,18 +1973,18 @@ const _n = function(e) {
     y: o.top
   }, s = e.parentNode, r = s.children[1];
   if (r.expanded = n.expanded, r.className = n.expanded ? "minus" : "", J(e), n.expanded) {
-    const h = this.createChildren(
-      n.children.map((g) => this.createWrapper(g).grp)
+    const d = this.createChildren(
+      n.children.map((v) => this.createWrapper(v).grp)
     );
-    s.parentNode.appendChild(h);
+    s.parentNode.appendChild(d);
   } else
     s.parentNode.children[1].remove();
   this.linkDiv(e.closest("me-main > me-wrapper"));
-  const l = e.getBoundingClientRect(), c = {
-    x: l.left,
-    y: l.top
-  }, d = i.x - c.x, f = i.y - c.y;
-  this.move(d, f), this.bus.fire("expandNode", n);
+  const c = e.getBoundingClientRect(), l = {
+    x: c.left,
+    y: c.top
+  }, a = i.x - l.x, f = i.y - l.y;
+  this.move(a, f), this.bus.fire("expandNode", n);
 }, Vn = function(e, t) {
   const n = e.nodeObj, o = e.getBoundingClientRect(), i = {
     x: o.left,
@@ -1992,8 +1994,8 @@ const _n = function(e) {
   const s = this.findEle(n.id).getBoundingClientRect(), r = {
     x: s.left,
     y: s.top
-  }, l = i.x - r.x, c = i.y - r.y;
-  this.move(l, c);
+  }, c = i.x - r.x, l = i.y - r.y;
+  this.move(c, l);
 }, Un = function(e) {
   this.clearSelection(), e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || [], e.theme && this.changeTheme(e.theme)), H(this.nodeData), this.layout(), this.linkDiv();
 }, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -2059,10 +2061,10 @@ const _n = function(e) {
 }, Ke = {
   create: Jn
 }, Zn = "#4dc4ff";
-function at(e, t, n, o, i, s, r, l) {
+function at(e, t, n, o, i, s, r, c) {
   return {
     x: e / 8 + n * 3 / 8 + i * 3 / 8 + r / 8,
-    y: t / 8 + o * 3 / 8 + s * 3 / 8 + l / 8
+    y: t / 8 + o * 3 / 8 + s * 3 / 8 + c / 8
   };
 }
 function Qn(e, t, n) {
@@ -2079,35 +2081,44 @@ function Q(e, t, n, o, i) {
     y2: i + ""
   });
 }
-function Ye(e, t, n, o, i, s, r, l, c, d) {
-  var u;
-  if (e.line.setAttribute("d", `M ${t} ${n} C ${o} ${i} ${s} ${r} ${l} ${c}`), d.style) {
-    const a = d.style;
-    a.stroke && e.line.setAttribute("stroke", a.stroke), a.strokeWidth && e.line.setAttribute("stroke-width", String(a.strokeWidth)), a.strokeDasharray && e.line.setAttribute("stroke-dasharray", a.strokeDasharray), a.strokeLinecap && e.line.setAttribute("stroke-linecap", a.strokeLinecap), a.opacity !== void 0 && e.line.setAttribute("opacity", String(a.opacity));
-  }
-  const f = oe(s, r, l, c);
-  if (f && (e.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${l} ${c} L ${f.x2} ${f.y2}`), d.style)) {
-    const a = d.style;
-    a.stroke && e.arrow1.setAttribute("stroke", a.stroke), a.strokeWidth && e.arrow1.setAttribute("stroke-width", String(a.strokeWidth)), a.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", a.strokeLinecap), a.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(a.opacity));
-  }
-  if (d.bidirectional) {
-    const a = oe(o, i, t, n);
-    if (a && (e.arrow2.setAttribute("d", `M ${a.x1} ${a.y1} L ${t} ${n} L ${a.x2} ${a.y2}`), d.style)) {
-      const p = d.style;
-      p.stroke && e.arrow2.setAttribute("stroke", p.stroke), p.strokeWidth && e.arrow2.setAttribute("stroke-width", String(p.strokeWidth)), p.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", p.strokeLinecap), p.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(p.opacity));
+function Ye(e, t, n, o, i, s, r, c, l, a) {
+  var p;
+  const f = `M ${t} ${n} C ${o} ${i} ${s} ${r} ${c} ${l}`;
+  if (e.line.setAttribute("d", f), a.style) {
+    const g = a.style;
+    g.stroke && e.line.setAttribute("stroke", g.stroke), g.strokeWidth && e.line.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeDasharray && e.line.setAttribute("stroke-dasharray", g.strokeDasharray), g.strokeLinecap && e.line.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && e.line.setAttribute("opacity", String(g.opacity));
+  }
+  const d = e.querySelectorAll('path[stroke="transparent"]');
+  d.length > 0 && d[0].setAttribute("d", f);
+  const v = oe(s, r, c, l);
+  if (v) {
+    const g = `M ${v.x1} ${v.y1} L ${c} ${l} L ${v.x2} ${v.y2}`;
+    if (e.arrow1.setAttribute("d", g), d.length > 1 && d[1].setAttribute("d", g), a.style) {
+      const m = a.style;
+      m.stroke && e.arrow1.setAttribute("stroke", m.stroke), m.strokeWidth && e.arrow1.setAttribute("stroke-width", String(m.strokeWidth)), m.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", m.strokeLinecap), m.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(m.opacity));
     }
   }
-  const { x: h, y: g } = at(t, n, o, i, s, r, l, c);
-  Qn(e.label, h, g), (u = d.style) != null && u.labelColor && e.label.setAttribute("fill", d.style.labelColor), lo(e);
+  if (a.bidirectional) {
+    const g = oe(o, i, t, n);
+    if (g) {
+      const m = `M ${g.x1} ${g.y1} L ${t} ${n} L ${g.x2} ${g.y2}`;
+      if (e.arrow2.setAttribute("d", m), d.length > 2 && d[2].setAttribute("d", m), a.style) {
+        const b = a.style;
+        b.stroke && e.arrow2.setAttribute("stroke", b.stroke), b.strokeWidth && e.arrow2.setAttribute("stroke-width", String(b.strokeWidth)), b.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", b.strokeLinecap), b.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(b.opacity));
+      }
+    }
+  }
+  const { x: u, y: h } = at(t, n, o, i, s, r, c, l);
+  Qn(e.label, u, h), (p = a.style) != null && p.labelColor && e.label.setAttribute("fill", a.style.labelColor), co(e);
 }
 function re(e, t, n) {
-  const { offsetLeft: o, offsetTop: i } = B(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, l = o + s / 2, c = i + r / 2, d = l + n.x, f = c + n.y;
+  const { offsetLeft: o, offsetTop: i } = B(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, c = o + s / 2, l = i + r / 2, a = c + n.x, f = l + n.y;
   return {
     w: s,
     h: r,
-    cx: l,
-    cy: c,
-    ctrlX: d,
+    cx: c,
+    cy: l,
+    ctrlX: a,
     ctrlY: f
   };
 }
@@ -2123,18 +2134,18 @@ const Ne = function(e, t, n, o, i) {
   var y;
   if (!t || !n)
     return;
-  const s = re(e, t, o.delta1), r = re(e, n, o.delta2), { x: l, y: c } = G(s), { ctrlX: d, ctrlY: f } = s, { ctrlX: h, ctrlY: g } = r, { x: u, y: a } = G(r), p = oe(h, g, u, a);
+  const s = re(e, t, o.delta1), r = re(e, n, o.delta2), { x: c, y: l } = G(s), { ctrlX: a, ctrlY: f } = s, { ctrlX: d, ctrlY: v } = r, { x: u, y: h } = G(r), p = oe(d, v, u, h);
   if (!p)
     return;
-  const m = `M ${p.x1} ${p.y1} L ${u} ${a} L ${p.x2} ${p.y2}`;
-  let v = "";
+  const g = `M ${p.x1} ${p.y1} L ${u} ${h} L ${p.x2} ${p.y2}`;
+  let m = "";
   if (o.bidirectional) {
-    const E = oe(d, f, l, c);
+    const E = oe(a, f, c, l);
     if (!E)
       return;
-    v = `M ${E.x1} ${E.y1} L ${l} ${c} L ${E.x2} ${E.y2}`;
+    m = `M ${E.x1} ${E.y1} L ${c} ${l} L ${E.x2} ${E.y2}`;
   }
-  const b = Mt(`M ${l} ${c} C ${d} ${f} ${h} ${g} ${u} ${a}`, m, v, o.style), { x: w, y: C } = at(l, c, d, f, h, g, u, a), k = (y = o.style) == null ? void 0 : y.labelColor, x = ue(o.label, w, C, {
+  const b = Mt(`M ${c} ${l} C ${a} ${f} ${d} ${v} ${u} ${h}`, g, m, o.style), { x: w, y: C } = at(c, l, a, f, d, v, u, h), k = (y = o.style) == null ? void 0 : y.labelColor, x = ue(o.label, w, C, {
     anchor: "middle",
     color: k,
     dataType: "custom-link"
@@ -2161,7 +2172,7 @@ const Ne = function(e, t, n, o, i) {
     obj: o
   });
 }, to = function(e) {
-  ce(this);
+  le(this);
   const t = { ...e, id: K() };
   Ne(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
@@ -2171,7 +2182,7 @@ const Ne = function(e, t, n, o, i) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  ce(this);
+  le(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -2184,7 +2195,7 @@ const Ne = function(e, t, n, o, i) {
   const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = re(this, n, t.delta1), s = re(this, o, t.delta2);
   dt(this, t, i, s);
 }, io = function() {
-  ce(this), this.currentArrow = null;
+  le(this), this.currentArrow = null;
 }, ae = function(e, t) {
   const n = document.createElementNS(L, "path");
   return N(n, {
@@ -2209,32 +2220,32 @@ const Ne = function(e, t, n, o, i) {
 }, ro = function(e) {
   const t = e.querySelector(".arrow-highlight");
   t && t.remove();
-}, lo = function(e) {
+}, co = function(e) {
   const t = e.querySelector(".arrow-highlight");
   if (!t)
     return;
   const n = t.querySelectorAll("path");
   n.length >= 1 && n[0].setAttribute("d", e.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", e.arrow1.getAttribute("d")), n.length >= 3 && e.arrow2.getAttribute("d") && n[2].setAttribute("d", e.arrow2.getAttribute("d"));
-}, ce = function(e) {
+}, le = function(e) {
   var t, n;
   (t = e.helper1) == null || t.destroy(), (n = e.helper2) == null || n.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && ro(e.currentArrow);
 }, dt = function(e, t, n, o) {
-  const { linkController: i, P2: s, P3: r, line1: l, line2: c, nodes: d, map: f, currentArrow: h, bus: g } = e;
-  if (!h)
+  const { linkController: i, P2: s, P3: r, line1: c, line2: l, nodes: a, map: f, currentArrow: d, bus: v } = e;
+  if (!d)
     return;
-  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", d.appendChild(i), d.appendChild(s), d.appendChild(r), so(h, Zn);
-  let { x: u, y: a } = G(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: v, ctrlY: b } = o, { x: w, y: C } = G(o);
-  s.style.cssText = `top:${m}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, Q(l, u, a, p, m), Q(c, v, b, w, C), e.helper1 = Ke.create(s), e.helper2 = Ke.create(r), e.helper1.init(f, (k, x) => {
-    p = p + k / e.scaleVal, m = m + x / e.scaleVal;
-    const y = G({ ...n, ctrlX: p, ctrlY: m });
-    u = y.x, a = y.y, s.style.top = m + "px", s.style.left = p + "px", Ye(h, u, a, p, m, v, b, w, C, t), Q(l, u, a, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, g.fire("updateArrowDelta", t);
+  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", a.appendChild(i), a.appendChild(s), a.appendChild(r), so(d, Zn);
+  let { x: u, y: h } = G(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: b } = o, { x: w, y: C } = G(o);
+  s.style.cssText = `top:${g}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${m}px;`, Q(c, u, h, p, g), Q(l, m, b, w, C), e.helper1 = Ke.create(s), e.helper2 = Ke.create(r), e.helper1.init(f, (k, x) => {
+    p = p + k / e.scaleVal, g = g + x / e.scaleVal;
+    const y = G({ ...n, ctrlX: p, ctrlY: g });
+    u = y.x, h = y.y, s.style.top = g + "px", s.style.left = p + "px", Ye(d, u, h, p, g, m, b, w, C, t), Q(c, u, h, p, g), t.delta1.x = p - n.cx, t.delta1.y = g - n.cy, v.fire("updateArrowDelta", t);
   }), e.helper2.init(f, (k, x) => {
-    v = v + k / e.scaleVal, b = b + x / e.scaleVal;
-    const y = G({ ...o, ctrlX: v, ctrlY: b });
-    w = y.x, C = y.y, r.style.top = b + "px", r.style.left = v + "px", Ye(h, u, a, p, m, v, b, w, C, t), Q(c, v, b, w, C), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, g.fire("updateArrowDelta", t);
+    m = m + k / e.scaleVal, b = b + x / e.scaleVal;
+    const y = G({ ...o, ctrlX: m, ctrlY: b });
+    w = y.x, C = y.y, r.style.top = b + "px", r.style.left = m + "px", Ye(d, u, h, p, g, m, b, w, C, t), Q(l, m, b, w, C), t.delta2.x = m - o.cx, t.delta2.y = b - o.cy, v.fire("updateArrowDelta", t);
   });
 };
-function co() {
+function lo() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
@@ -2246,7 +2257,7 @@ function co() {
   this.nodes.appendChild(this.linkSvgGroup);
 }
 function ao(e) {
-  if (ce(this), !e)
+  if (le(this), !e)
     return;
   const t = e.label;
   Ze(this, t, e.arrowObj);
@@ -2260,50 +2271,50 @@ const uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   createArrowFrom: to,
   editArrowLabel: ao,
   removeArrow: no,
-  renderArrow: co,
+  renderArrow: lo,
   selectArrow: oo,
   tidyArrow: ho,
   unselectArrow: io
 }, Symbol.toStringTag, { value: "Module" })), fo = function(e) {
-  var c, d;
+  var l, a;
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
-    const f = e[0].nodeObj, h = e[0].nodeObj.parent;
-    if (!h)
+    const f = e[0].nodeObj, d = e[0].nodeObj.parent;
+    if (!d)
       throw new Error("Can not select root node.");
-    const g = h.children.findIndex((u) => f === u);
+    const v = d.children.findIndex((u) => f === u);
     return {
-      parent: h.id,
-      start: g,
-      end: g
+      parent: d.id,
+      start: v,
+      end: v
     };
   }
   let t = 0;
   const n = e.map((f) => {
-    let h = f.nodeObj;
-    const g = [];
-    for (; h.parent; ) {
-      const u = h.parent, a = u.children, p = a == null ? void 0 : a.indexOf(h);
-      h = u, g.unshift({ node: h, index: p });
+    let d = f.nodeObj;
+    const v = [];
+    for (; d.parent; ) {
+      const u = d.parent, h = u.children, p = h == null ? void 0 : h.indexOf(d);
+      d = u, v.unshift({ node: d, index: p });
     }
-    return g.length > t && (t = g.length), g;
+    return v.length > t && (t = v.length), v;
   });
   let o = 0;
   e:
     for (; o < t; o++) {
-      const f = (c = n[0][o]) == null ? void 0 : c.node;
-      for (let h = 1; h < n.length; h++)
-        if (((d = n[h][o]) == null ? void 0 : d.node) !== f)
+      const f = (l = n[0][o]) == null ? void 0 : l.node;
+      for (let d = 1; d < n.length; d++)
+        if (((a = n[d][o]) == null ? void 0 : a.node) !== f)
           break e;
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const i = n.map((f) => f[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, l = n[0][o - 1].node;
-  if (!l.parent)
+  const i = n.map((f) => f[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, c = n[0][o - 1].node;
+  if (!c.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
-    parent: l.id,
+    parent: c.id,
     start: s,
     end: r
   };
@@ -2325,25 +2336,25 @@ const uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return i.parent ? s = o.closest("me-main").className : s = e.findEle(i.children[n].id).closest("me-main").className, s;
 }, ke = function(e, t) {
   var E;
-  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: l, theme: c, summarySvg: d } = e, h = e.findEle(i).nodeObj, g = mo(e, t);
-  let u = 1 / 0, a = 0, p = 0, m = 0;
+  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: c, theme: l, summarySvg: a } = e, d = e.findEle(i).nodeObj, v = mo(e, t);
+  let u = 1 / 0, h = 0, p = 0, g = 0;
   for (let S = s; S <= r; S++) {
-    const D = (E = h.children) == null ? void 0 : E[S];
+    const D = (E = d.children) == null ? void 0 : E[S];
     if (!D)
       return e.removeSummary(n), null;
-    const P = go(e.findEle(D.id)), { offsetLeft: R, offsetTop: _e } = B(l, P), Te = s === r ? 10 : 20;
-    S === s && (p = _e + Te), S === r && (m = _e + P.offsetHeight - Te), R < u && (u = R), P.offsetWidth + R > a && (a = P.offsetWidth + R);
+    const P = go(e.findEle(D.id)), { offsetLeft: R, offsetTop: _e } = B(c, P), Te = s === r ? 10 : 20;
+    S === s && (p = _e + Te), S === r && (g = _e + P.offsetHeight - Te), R < u && (u = R), P.offsetWidth + R > h && (h = P.offsetWidth + R);
   }
-  let v, b;
-  const w = p + 10, C = m + 10, k = (w + C) / 2, x = c.cssVar["--color"];
-  g === M.LHS ? (v = Ge(`M ${u + 10} ${w} c -5 0 -10 5 -10 10 L ${u} ${C - 10} c 0 5 5 10 10 10 M ${u} ${k} h -10`, x), b = ue(o, u - 20, k + 6, { anchor: "end", color: x })) : (v = Ge(`M ${a - 10} ${w} c 5 0 10 5 10 10 L ${a} ${C - 10} c 0 5 -5 10 -10 10 M ${a} ${k} h 10`, x), b = ue(o, a + 20, k + 6, { anchor: "start", color: x }));
+  let m, b;
+  const w = p + 10, C = g + 10, k = (w + C) / 2, x = l.cssVar["--color"];
+  v === M.LHS ? (m = Ge(`M ${u + 10} ${w} c -5 0 -10 5 -10 10 L ${u} ${C - 10} c 0 5 5 10 10 10 M ${u} ${k} h -10`, x), b = ue(o, u - 20, k + 6, { anchor: "end", color: x })) : (m = Ge(`M ${h - 10} ${w} c 5 0 10 5 10 10 L ${h} ${C - 10} c 0 5 -5 10 -10 10 M ${h} ${k} h 10`, x), b = ue(o, h + 20, k + 6, { anchor: "start", color: x }));
   const y = po("s-" + n);
-  return y.appendChild(v), y.appendChild(b), y.summaryObj = t, d.appendChild(y), y;
+  return y.appendChild(m), y.appendChild(b), y.summaryObj = t, a.appendChild(y), y;
 }, vo = function() {
   if (!this.currentNodes)
     return;
-  const { currentNodes: e, summaries: t, bus: n } = this, { parent: o, start: i, end: s } = fo(e), r = { id: K(), parent: o, start: i, end: s, label: "summary" }, l = ke(this, r);
-  t.push(r), this.editSummary(l), n.fire("operation", {
+  const { currentNodes: e, summaries: t, bus: n } = this, { parent: o, start: i, end: s } = fo(e), r = { id: K(), parent: o, start: i, end: s, label: "summary" }, c = ke(this, r);
+  t.push(r), this.editSummary(c), n.fire("operation", {
     name: "createSummary",
     obj: r
   });
@@ -2413,23 +2424,23 @@ function _o(e, t, n, o) {
   const i = document.createElementNS(T, "g");
   let s = "";
   return e.text ? s = e.text.textContent : s = e.childNodes[0].textContent, s.split(`
-`).forEach((l, c) => {
-    const d = document.createElementNS(T, "text");
-    N(d, {
+`).forEach((c, l) => {
+    const a = document.createElementNS(T, "text");
+    N(a, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + ko(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
+      y: o + parseInt(t.paddingTop) + ko(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
       "font-weight": `${t.fontWeight}`,
       fill: `${t.color}`
-    }), d.innerHTML = l, i.appendChild(d);
+    }), a.innerHTML = c, i.appendChild(a);
   }), i;
 }
 function To(e, t, n, o) {
-  var l;
+  var c;
   let i = "";
-  (l = e.nodeObj) != null && l.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
+  (c = e.nodeObj) != null && c.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
   const s = document.createElementNS(T, "foreignObject");
   N(s, {
     x: n + parseInt(t.paddingLeft) + "",
@@ -2470,10 +2481,10 @@ function ee(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const l = document.createElementNS(T, "g");
-  l.appendChild(r);
-  let c;
-  return n ? c = To(t, o, i, s) : c = _o(t, o, i, s), l.appendChild(c), l;
+  const c = document.createElementNS(T, "g");
+  c.appendChild(r);
+  let l;
+  return n ? l = To(t, o, i, s) : l = _o(t, o, i, s), c.appendChild(l), c;
 }
 function Ao(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = B(e.nodes, t), s = document.createElementNS(T, "a"), r = document.createElementNS(T, "text");
@@ -2498,33 +2509,33 @@ function Mo(e, t) {
   }), s;
 }
 const te = 100, Do = '<?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">', Po = (e, t = !1) => {
-  var h, g, u;
-  const n = e.nodes, o = n.offsetHeight + te * 2, i = n.offsetWidth + te * 2, s = No(o + "px", i + "px"), r = document.createElementNS(T, "svg"), l = document.createElementNS(T, "rect");
-  N(l, {
+  var d, v, u;
+  const n = e.nodes, o = n.offsetHeight + te * 2, i = n.offsetWidth + te * 2, s = No(o + "px", i + "px"), r = document.createElementNS(T, "svg"), c = document.createElementNS(T, "rect");
+  N(c, {
     x: "0",
     y: "0",
     width: `${i}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), s.appendChild(l), n.querySelectorAll(".subLines").forEach((a) => {
-    const p = a.cloneNode(!0), { offsetLeft: m, offsetTop: v } = B(n, a.parentElement);
-    p.setAttribute("x", `${m}`), p.setAttribute("y", `${v}`), r.appendChild(p);
+  }), s.appendChild(c), n.querySelectorAll(".subLines").forEach((h) => {
+    const p = h.cloneNode(!0), { offsetLeft: g, offsetTop: m } = B(n, h.parentElement);
+    p.setAttribute("x", `${g}`), p.setAttribute("y", `${m}`), r.appendChild(p);
   });
-  const c = (h = n.querySelector(".lines")) == null ? void 0 : h.cloneNode(!0);
-  c && r.appendChild(c);
-  const d = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
-  d && r.appendChild(d);
+  const l = (d = n.querySelector(".lines")) == null ? void 0 : d.cloneNode(!0);
+  l && r.appendChild(l);
+  const a = (v = n.querySelector(".topiclinks")) == null ? void 0 : v.cloneNode(!0);
+  a && r.appendChild(a);
   const f = (u = n.querySelector(".summary")) == null ? void 0 : u.cloneNode(!0);
-  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((a) => {
-    a.nodeObj.dangerouslySetInnerHTML ? r.appendChild(ee(e, a, !t)) : (r.appendChild(Lo(e, a)), r.appendChild(ee(e, a.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((a) => {
-    r.appendChild(ee(e, a));
-  }), n.querySelectorAll(".icons > span").forEach((a) => {
-    r.appendChild(ee(e, a));
-  }), n.querySelectorAll(".hyper-link").forEach((a) => {
-    r.appendChild(Ao(e, a));
-  }), n.querySelectorAll("img").forEach((a) => {
-    r.appendChild(Mo(e, a));
+  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((h) => {
+    h.nodeObj.dangerouslySetInnerHTML ? r.appendChild(ee(e, h, !t)) : (r.appendChild(Lo(e, h)), r.appendChild(ee(e, h.text, !t)));
+  }), n.querySelectorAll(".tags > span").forEach((h) => {
+    r.appendChild(ee(e, h));
+  }), n.querySelectorAll(".icons > span").forEach((h) => {
+    r.appendChild(ee(e, h));
+  }), n.querySelectorAll(".hyper-link").forEach((h) => {
+    r.appendChild(Ao(e, h));
+  }), n.querySelectorAll("img").forEach((h) => {
+    r.appendChild(Mo(e, h));
   }), N(r, {
     x: te + "",
     y: te + "",
@@ -2549,8 +2560,8 @@ const jo = function(e = !1, t) {
   return new Promise((i, s) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
-      const l = document.createElement("canvas");
-      l.width = r.width, l.height = r.height, l.getContext("2d").drawImage(r, 0, 0), l.toBlob(i, "image/png", 1);
+      const c = document.createElement("canvas");
+      c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(i, "image/png", 1);
     }, r.src = o, r.onerror = s;
   });
 }, Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -2564,10 +2575,10 @@ function Ro(e, t) {
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const qe = Object.keys(lt), ht = {};
+const qe = Object.keys(ct), ht = {};
 for (let e = 0; e < qe.length; e++) {
   const t = qe[e];
-  ht[t] = Ro(lt[t], t);
+  ht[t] = Ro(ct[t], t);
 }
 const Fo = {
   getObjById: ne,
@@ -2596,24 +2607,24 @@ const Fo = {
     this.disposable.forEach((t) => t()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (e = this.selection) == null || e.destroy(), this.selection = void 0;
   }
 };
-function Wo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: c, containerHeight: d }) {
+function Wo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: l, containerHeight: a }) {
   let f = t + n / 2;
-  const h = e + o / 2;
-  let g;
-  c === M.LHS ? g = s + r : g = s;
-  const u = i + l / 2, p = (1 - Math.abs(u - h) / d) * 0.25 * (n / 2);
-  return c === M.LHS ? f = f - n / 10 - p : f = f + n / 10 + p, `M ${f} ${h} Q ${f} ${u} ${g} ${u}`;
+  const d = e + o / 2;
+  let v;
+  l === M.LHS ? v = s + r : v = s;
+  const u = i + c / 2, p = (1 - Math.abs(u - d) / a) * 0.25 * (n / 2);
+  return l === M.LHS ? f = f - n / 10 - p : f = f + n / 10 + p, `M ${f} ${d} Q ${f} ${u} ${v} ${u}`;
 }
-function Io({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: c, isFirst: d }) {
+function Io({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: l, isFirst: a }) {
   const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let h = 0, g = 0;
-  d ? h = e + o / 2 : h = e + o;
-  const u = i + l;
-  let a = 0, p = 0, m = 0;
-  const v = Math.abs(h - u) / 300 * f;
-  return c === M.LHS ? (m = t, a = m + f, p = m - f, g = s + f, `M ${a} ${h} C ${m} ${h} ${m + v} ${u} ${p} ${u} H ${g}`) : (m = t + n, a = m - f, p = m + f, g = s + r - f, `M ${a} ${h} C ${m} ${h} ${m - v} ${u} ${p} ${u} H ${g}`);
+  let d = 0, v = 0;
+  a ? d = e + o / 2 : d = e + o;
+  const u = i + c;
+  let h = 0, p = 0, g = 0;
+  const m = Math.abs(d - u) / 300 * f;
+  return l === M.LHS ? (g = t, h = g + f, p = g - f, v = s + f, `M ${h} ${d} C ${g} ${d} ${g + m} ${u} ${p} ${u} H ${v}`) : (g = t + n, h = g - f, p = g + f, v = s + r - f, `M ${h} ${d} C ${g} ${d} ${g - m} ${u} ${p} ${u} H ${v}`);
 }
-const Ko = "5.1.0";
+const Ko = "5.1.1";
 function Yo(e) {
   return {
     x: 0,
@@ -2638,17 +2649,17 @@ function $({
   editable: i,
   contextMenu: s,
   toolBar: r,
-  keypress: l,
-  mouseSelectionButton: c,
-  selectionContainer: d,
+  keypress: c,
+  mouseSelectionButton: l,
+  selectionContainer: a,
   before: f,
-  newTopicName: h,
-  allowUndo: g,
+  newTopicName: d,
+  allowUndo: v,
   generateMainBranch: u,
-  generateSubBranch: a,
+  generateSubBranch: h,
   overflowHidden: p,
-  theme: m,
-  alignment: v,
+  theme: g,
+  alignment: m,
   scaleSensitivity: b,
   scaleMax: w,
   scaleMin: C,
@@ -2660,9 +2671,9 @@ function $({
   const S = Object.prototype.toString.call(e);
   if (S === "[object HTMLDivElement]" ? E = e : S === "[object String]" && (E = document.querySelector(e)), !E)
     throw new Error("MindElixir: el is not a valid element");
-  E.style.position = "relative", E.innerHTML = "", this.el = E, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = h || "New Node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = l ?? !0, this.mouseSelectionButton = c ?? 0, this.direction = t ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = g ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = w ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = u || Wo, this.generateSubBranch = a || Io, this.overflowHidden = p ?? !1, this.alignment = v ?? "root", this.handleWheel = k ?? !0, this.markdown = x || void 0, this.imageProxy = y || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Yo(this), this.bus = Et(), this.container = U.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
+  E.style.position = "relative", E.innerHTML = "", this.el = E, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = d || "New Node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = c ?? !0, this.mouseSelectionButton = l ?? 0, this.direction = t ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = v ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = w ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = u || Wo, this.generateSubBranch = h || Io, this.overflowHidden = p ?? !1, this.alignment = m ?? "root", this.handleWheel = k ?? !0, this.markdown = x || void 0, this.imageProxy = y || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Yo(this), this.bus = Et(), this.container = U.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
   const D = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = m || (D.matches ? ve : me);
+  this.theme = g || (D.matches ? ve : me);
   const P = U.createElement("div");
   P.className = "map-canvas", this.map = P, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = U.createElement("me-nodes"), this.lines = X("lines"), this.summarySvg = X("summary"), this.linkController = X("linkcontroller"), this.P2 = U.createElement("div"), this.P3 = U.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = De(), this.line2 = De(), 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" : this.disposable.push(xt(this));
 }