mind-elixir 5.0.4 → 5.0.6

package/dist/MindElixirLite.js

@@ -1,4 +1,4 @@
-const J = {
+const Q = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -23,7 +23,7 @@ const J = {
     "--panel-border-color": "#eaeaea",
     "--map-padding": "50px"
   }
-}, Q = {
+}, Z = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
@@ -49,25 +49,25 @@ const J = {
     "--map-padding": "50px 80px"
   }
 };
-function st(t) {
+function rt(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const Y = function(t, e) {
+const j = function(t, e) {
   if (e.id === t)
     return e;
   if (e.children && e.children.length) {
     for (let n = 0; n < e.children.length; n++) {
-      const o = Y(t, e.children[n]);
+      const o = j(t, e.children[n]);
       if (o)
         return o;
     }
     return null;
   } else
     return null;
-}, Z = (t, e) => {
+}, tt = (t, e) => {
   if (t.parent = e, t.children)
     for (let n = 0; n < t.children.length; n++)
-      Z(t.children[n], t);
+      tt(t.children[n], t);
 }, K = (t, e, n) => {
   if (t.expanded = e, t.children)
     if (n === void 0 || n > 0) {
@@ -80,25 +80,25 @@ const Y = function(t, e) {
         K(o, !1);
       });
 };
-function R(t, e, n, o) {
+function z(t, e, n, o) {
   const i = o - e, s = t - n;
   let r = Math.atan(Math.abs(i) / Math.abs(s)) / 3.14 * 180;
   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 a = 12, f = 30, d = r + f, p = r - f;
+  const l = 12, h = 30, f = r + h, p = r - h;
   return {
-    x1: n + Math.cos(Math.PI * d / 180) * a,
-    y1: o - Math.sin(Math.PI * d / 180) * a,
-    x2: n + Math.cos(Math.PI * p / 180) * a,
-    y2: o - Math.sin(Math.PI * p / 180) * a
+    x1: n + Math.cos(Math.PI * f / 180) * l,
+    y1: o - Math.sin(Math.PI * f / 180) * l,
+    x2: n + Math.cos(Math.PI * p / 180) * l,
+    y2: o - Math.sin(Math.PI * p / 180) * l
   };
 }
-function V() {
+function G() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
 const Et = function() {
-  const t = V();
+  const t = G();
   return {
     topic: this.newTopicName,
     id: t
@@ -108,10 +108,10 @@ const Et = function() {
   for (; e && e !== t; )
     n += e.offsetLeft, o += e.offsetTop, e = e.offsetParent;
   return { offsetLeft: n, offsetTop: o };
-}, y = (t, e) => {
+}, v = (t, e) => {
   for (const n in e)
     t.setAttribute(n, e[n]);
-}, rt = (t) => t ? t.tagName === "ME-TPC" : !1, pt = (t) => {
+}, ct = (t) => t ? t.tagName === "ME-TPC" : !1, pt = (t) => {
   const e = /translate\(([^,]+),\s*([^)]+)\)/, n = t.match(e);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
 }, ut = function(t) {
@@ -127,7 +127,7 @@ const Et = function() {
   };
 };
 var H = /* @__PURE__ */ ((t) => (t.LHS = "lhs", t.RHS = "rhs", t))(H || {});
-const ct = function(t, e, n) {
+const lt = function(t, e, n) {
   const { scaleVal: o, scaleSensitivity: i } = t;
   switch (e) {
     case "in":
@@ -138,15 +138,15 @@ const ct = function(t, e, n) {
   }
 };
 function Tt(t) {
-  const { dragMoveHelper: e } = t, n = (l) => {
-    var m, w, x;
-    if (l.button !== 0)
+  const { dragMoveHelper: e } = t, n = (a) => {
+    var m, x, w;
+    if (a.button !== 0)
       return;
     if ((m = t.helper1) != null && m.moved) {
       t.helper1.clear();
       return;
     }
-    if ((w = t.helper2) != null && w.moved) {
+    if ((x = t.helper2) != null && x.moved) {
       t.helper2.clear();
       return;
     }
@@ -154,68 +154,68 @@ function Tt(t) {
       e.clear();
       return;
     }
-    const c = l.target;
+    const c = a.target;
     if (c.tagName === "ME-EPD")
-      l.ctrlKey || l.metaKey ? t.expandNodeAll(c.previousSibling) : t.expandNode(c.previousSibling);
+      a.ctrlKey || a.metaKey ? t.expandNodeAll(c.previousSibling) : t.expandNode(c.previousSibling);
     else if (c.tagName === "ME-TPC" && t.currentNodes.length > 1)
       t.selectNode(c);
     else if (!t.editable)
       return;
-    const h = (x = c.parentElement) == null ? void 0 : x.parentElement;
-    h.getAttribute("class") === "topiclinks" ? t.selectArrow(c.parentElement) : h.getAttribute("class") === "summary" && t.selectSummary(c.parentElement);
-  }, o = (l) => {
+    const d = (w = c.parentElement) == null ? void 0 : w.parentElement;
+    d.getAttribute("class") === "topiclinks" ? t.selectArrow(c.parentElement) : d.getAttribute("class") === "summary" && t.selectSummary(c.parentElement);
+  }, o = (a) => {
     var m;
     if (!t.editable)
       return;
-    const c = l.target;
-    rt(c) && t.beginEdit(c);
-    const h = (m = c.parentElement) == null ? void 0 : m.parentElement;
-    h.getAttribute("class") === "topiclinks" ? t.editArrowLabel(c.parentElement) : h.getAttribute("class") === "summary" && t.editSummary(c.parentElement);
+    const c = a.target;
+    ct(c) && t.beginEdit(c);
+    const d = (m = c.parentElement) == null ? void 0 : m.parentElement;
+    d.getAttribute("class") === "topiclinks" ? t.editArrowLabel(c.parentElement) : d.getAttribute("class") === "summary" && t.editSummary(c.parentElement);
   };
   let i = 0;
-  const s = (l) => {
-    if (l.pointerType === "mouse")
+  const s = (a) => {
+    if (a.pointerType === "mouse")
       return;
-    const c = (/* @__PURE__ */ new Date()).getTime(), h = c - i;
-    h < 300 && h > 0 && o(l), i = c;
-  }, r = (l) => {
+    const c = (/* @__PURE__ */ new Date()).getTime(), d = c - i;
+    d < 300 && d > 0 && o(a), i = c;
+  }, r = (a) => {
     e.moved = !1;
     const c = t.mouseSelectionButton === 0 ? 2 : 0;
-    if (l.button !== c && l.pointerType === "mouse")
+    if (a.button !== c && a.pointerType === "mouse")
       return;
-    e.x = l.clientX, e.y = l.clientY;
-    const h = l.target;
-    h.className !== "circle" && h.contentEditable !== "plaintext-only" && (e.mousedown = !0, t.map.style.transition = "none", h.setPointerCapture(l.pointerId));
-  }, a = (l) => {
-    if (l.target.contentEditable !== "plaintext-only") {
-      const c = l.clientX - e.x, h = l.clientY - e.y;
-      e.onMove(c, h);
+    e.x = a.clientX, e.y = a.clientY;
+    const d = a.target;
+    d.className !== "circle" && d.contentEditable !== "plaintext-only" && (e.mousedown = !0, d.setPointerCapture(a.pointerId));
+  }, l = (a) => {
+    if (a.target.contentEditable !== "plaintext-only") {
+      const c = a.clientX - e.x, d = a.clientY - e.y;
+      e.onMove(c, d);
     }
-    e.x = l.clientX, e.y = l.clientY;
-  }, f = (l) => {
+    e.x = a.clientX, e.y = a.clientY;
+  }, h = (a) => {
     const c = t.mouseSelectionButton === 0 ? 2 : 0;
-    if (l.button !== c && l.pointerType === "mouse")
+    if (a.button !== c && a.pointerType === "mouse")
       return;
-    const h = l.target;
-    h.hasPointerCapture && h.hasPointerCapture(l.pointerId) && h.releasePointerCapture(l.pointerId), e.clear();
-  }, d = (l) => {
-    if (l.preventDefault(), l.button !== 2 || !t.editable)
+    const d = a.target;
+    d.hasPointerCapture && d.hasPointerCapture(a.pointerId) && d.releasePointerCapture(a.pointerId), e.clear();
+  }, f = (a) => {
+    if (a.preventDefault(), a.button !== 2 || !t.editable)
       return;
-    const c = l.target;
-    rt(c) && !c.classList.contains("selected") && t.selectNode(c), setTimeout(() => {
-      t.dragMoveHelper.moved || t.bus.fire("showContextMenu", l);
+    const c = a.target;
+    ct(c) && !c.classList.contains("selected") && t.selectNode(c), setTimeout(() => {
+      t.dragMoveHelper.moved || t.bus.fire("showContextMenu", a);
     }, 200);
-  }, p = (l) => {
-    l.stopPropagation(), l.preventDefault(), l.ctrlKey || l.metaKey ? l.deltaY < 0 ? ct(t, "in", t.dragMoveHelper) : t.scaleVal - t.scaleSensitivity > 0 && ct(t, "out", t.dragMoveHelper) : l.shiftKey ? t.move(-l.deltaY, 0) : (t.map.style.transition = "none", t.move(-l.deltaX, -l.deltaY), t.map.style.transition = "transform 0.3s");
+  }, p = (a) => {
+    a.stopPropagation(), a.preventDefault(), a.ctrlKey || a.metaKey ? a.deltaY < 0 ? lt(t, "in", t.dragMoveHelper) : t.scaleVal - t.scaleSensitivity > 0 && lt(t, "out", t.dragMoveHelper) : a.shiftKey ? t.move(-a.deltaY, 0) : t.move(-a.deltaX, -a.deltaY);
   }, { container: u } = t;
   return ut([
     { dom: u, evt: "pointerdown", func: r },
-    { dom: u, evt: "pointermove", func: a },
-    { dom: u, evt: "pointerup", func: f },
+    { dom: u, evt: "pointermove", func: l },
+    { dom: u, evt: "pointerup", func: h },
     { dom: u, evt: "pointerup", func: s },
     { dom: u, evt: "click", func: n },
     { dom: u, evt: "dblclick", func: o },
-    { dom: u, evt: "contextmenu", func: d },
+    { dom: u, evt: "contextmenu", func: f },
     { dom: u, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : p }
   ]);
 }
@@ -264,18 +264,18 @@ const X = document, kt = function() {
   const i = X.createElement("me-main");
   i.className = H.RHS;
   for (let s = 0; s < e.length; s++) {
-    const r = e[s], { grp: a } = t.createWrapper(r);
-    t.direction === 2 ? r.direction === 0 ? o.appendChild(a) : i.appendChild(a) : t.direction === 0 ? o.appendChild(a) : i.appendChild(a);
+    const r = e[s], { grp: l } = t.createWrapper(r);
+    t.direction === 2 ? r.direction === 0 ? o.appendChild(l) : i.appendChild(l) : t.direction === 0 ? o.appendChild(l) : i.appendChild(l);
   }
   t.nodes.appendChild(o), t.nodes.appendChild(n), t.nodes.appendChild(i), t.nodes.appendChild(t.lines);
-}, Mt = function(t, e) {
+}, At = function(t, e) {
   const n = X.createElement("me-children");
   for (let o = 0; o < e.length; o++) {
     const i = e[o], { grp: s } = t.createWrapper(i);
     n.appendChild(s);
   }
   return n;
-}, k = document, gt = function(t, e) {
+}, L = document, gt = function(t, e) {
   const o = (this != null && this.el ? this.el : e || document).querySelector(`[data-nodeid="me${t}"]`);
   if (!o)
     throw new Error(`FindEle: Node ${t} not found, maybe it's collapsed.`);
@@ -293,52 +293,52 @@ const X = document, kt = function() {
   if (e.image) {
     const n = e.image;
     if (n.url && n.width && n.height) {
-      const o = k.createElement("img");
+      const o = L.createElement("img");
       o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), t.appendChild(o), t.image = o;
     }
   } else
     t.image && (t.image = void 0);
   {
-    const n = k.createElement("span");
+    const n = L.createElement("span");
     n.className = "text", n.textContent = e.topic, t.appendChild(n), t.text = n;
   }
   if (e.hyperLink) {
-    const n = k.createElement("a");
+    const n = L.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = e.hyperLink, t.appendChild(n), t.link = n;
   } else
     t.link && (t.link = void 0);
   if (e.icons && e.icons.length) {
-    const n = k.createElement("span");
-    n.className = "icons", n.innerHTML = e.icons.map((o) => `<span>${st(o)}</span>`).join(""), t.appendChild(n), t.icons = n;
+    const n = L.createElement("span");
+    n.className = "icons", n.innerHTML = e.icons.map((o) => `<span>${rt(o)}</span>`).join(""), t.appendChild(n), t.icons = n;
   } else
     t.icons && (t.icons = void 0);
   if (e.tags && e.tags.length) {
-    const n = k.createElement("div");
-    n.className = "tags", n.innerHTML = e.tags.map((o) => `<span>${st(o)}</span>`).join(""), t.appendChild(n), t.tags = n;
+    const n = L.createElement("div");
+    n.className = "tags", n.innerHTML = e.tags.map((o) => `<span>${rt(o)}</span>`).join(""), t.appendChild(n), t.tags = n;
   } else
     t.tags && (t.tags = void 0);
-}, At = function(t, e) {
-  const n = k.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(t);
+}, Mt = function(t, e) {
+  const n = L.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(t);
   if (n.appendChild(o), !e && t.children && t.children.length > 0) {
     const s = Bt(t.expanded);
     if (o.appendChild(s), t.expanded !== !1) {
-      const r = Mt(this, t.children);
+      const r = At(this, t.children);
       n.appendChild(r);
     }
   }
   return { grp: n, top: o, tpc: i };
 }, Dt = function(t) {
-  const e = k.createElement("me-parent"), n = this.createTopic(t);
+  const e = L.createElement("me-parent"), n = this.createTopic(t);
   return mt(n, t), e.appendChild(n), { p: e, tpc: n };
 }, Nt = function(t) {
-  const e = k.createElement("me-children");
+  const e = L.createElement("me-children");
   return e.append(...t), e;
 }, Pt = function(t) {
-  const e = k.createElement("me-tpc");
+  const e = L.createElement("me-tpc");
   return e.nodeObj = t, e.dataset.nodeid = "me" + t.id, e.draggable = this.draggable, e;
 };
-function wt(t) {
-  const e = k.createRange();
+function xt(t) {
+  const e = L.createRange();
   e.selectNodeContents(t);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(e));
@@ -346,7 +346,7 @@ function wt(t) {
 const Ht = function(t) {
   if (!t)
     return;
-  const e = k.createElement("div"), n = t.text.textContent;
+  const e = L.createElement("div"), n = t.text.textContent;
   t.appendChild(e), e.id = "input-box", e.textContent = n, e.contentEditable = "plaintext-only", e.spellcheck = !1;
   const o = getComputedStyle(t);
   e.style.cssText = `min-width:${t.offsetWidth - 8}px;
@@ -355,7 +355,7 @@ const Ht = function(t) {
   margin:${o.margin};
   font:${o.font};
   background-color:${o.backgroundColor !== "rgba(0, 0, 0, 0)" && o.backgroundColor};
-  border-radius:${o.borderRadius};`, this.direction === 0 && (e.style.right = "0"), wt(e), this.bus.fire("operation", {
+  border-radius:${o.borderRadius};`, this.direction === 0 && (e.style.right = "0"), xt(e), this.bus.fire("operation", {
     name: "beginEdit",
     obj: t.nodeObj
   }), e.addEventListener("keydown", (i) => {
@@ -378,24 +378,32 @@ const Ht = function(t) {
     }));
   });
 }, Bt = function(t) {
-  const e = k.createElement("me-epd");
+  const e = L.createElement("me-epd");
   return e.expanded = t !== !1, e.className = t !== !1 ? "minus" : "", e;
-}, P = document, T = "http://www.w3.org/2000/svg", xt = function(t, e, n) {
-  const o = P.createElementNS(T, "path");
-  return y(o, {
+}, P = document, k = "http://www.w3.org/2000/svg", J = function(t, e, n, o = {}) {
+  const { anchor: i = "middle", color: s, dataType: r } = o, l = document.createElementNS(k, "text");
+  return v(l, {
+    "text-anchor": i,
+    x: e + "",
+    y: n + "",
+    fill: s || (i === "middle" ? "rgb(235, 95, 82)" : "#666")
+  }), r && (l.dataset.type = r), l.innerHTML = t, l;
+}, wt = function(t, e, n) {
+  const o = P.createElementNS(k, "path");
+  return v(o, {
     d: t,
     stroke: e || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
 }, W = function(t) {
-  const e = P.createElementNS(T, "svg");
+  const e = P.createElementNS(k, "svg");
   return e.setAttribute("class", t), e.setAttribute("overflow", "visible"), e;
-}, lt = function() {
-  const t = P.createElementNS(T, "line");
+}, at = function() {
+  const t = P.createElementNS(k, "line");
   return t.setAttribute("stroke", "#4dc4ff"), t.setAttribute("fill", "none"), t.setAttribute("stroke-width", "2"), t.setAttribute("opacity", "0.45"), t;
 }, Ot = function(t, e, n, o) {
-  const i = P.createElementNS(T, "g");
+  const i = P.createElementNS(k, "g");
   return [
     {
       name: "line",
@@ -409,22 +417,22 @@ const Ht = function(t) {
       name: "arrow2",
       d: n
     }
-  ].forEach((r, a) => {
-    const f = r.d, d = P.createElementNS(T, "path"), p = {
-      d: f,
+  ].forEach((r, l) => {
+    const h = r.d, f = P.createElementNS(k, "path"), p = {
+      d: h,
       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 && (p.opacity = String(o.opacity)), y(d, p), a === 0 && d.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
-    const u = P.createElementNS(T, "path");
-    y(u, {
-      d: f,
+    (o == null ? void 0 : o.opacity) !== void 0 && (p.opacity = String(o.opacity)), v(f, p), l === 0 && f.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
+    const u = P.createElementNS(k, "path");
+    v(u, {
+      d: h,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), i.appendChild(u), i.appendChild(d), i[r.name] = d;
+    }), i.appendChild(u), i.appendChild(f), i[r.name] = f;
   }), i;
 }, yt = function(t, e, n) {
   if (!e)
@@ -441,19 +449,19 @@ const Ht = function(t) {
     top:${s.y}px;
     padding: 2px 4px;
     margin: -2px -4px; 
-  `, wt(o), t.scrollIntoView(o), o.addEventListener("keydown", (r) => {
+  `, xt(o), t.scrollIntoView(o), o.addEventListener("keydown", (r) => {
     r.stopPropagation();
-    const a = r.key;
-    if (a === "Enter" || a === "Tab") {
+    const l = r.key;
+    if (l === "Enter" || l === "Tab") {
       if (r.shiftKey)
         return;
       r.preventDefault(), o.blur(), t.container.focus();
     }
   }), o.addEventListener("blur", () => {
-    var a;
+    var l;
     if (!o)
       return;
-    const r = ((a = o.textContent) == null ? void 0 : a.trim()) || "";
+    const r = ((l = o.textContent) == null ? void 0 : l.trim()) || "";
     r === "" ? n.label = i : n.label = r, o.remove(), r !== i && (e.innerHTML = n.label, t.linkDiv(), "parent" in n ? t.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
@@ -465,43 +473,43 @@ const Ht = function(t) {
 }, Wt = function(t) {
   const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, i = e.offsetWidth, s = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
-  for (let a = 0; a < r.length; a++) {
-    const f = r[a], d = f.querySelector("me-tpc"), { offsetLeft: p, offsetTop: u } = D(this.nodes, d), g = d.offsetWidth, l = d.offsetHeight, c = f.parentNode.className, h = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: u, cL: p, cW: g, cH: l, direction: c, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, w = d.nodeObj.branchColor || m[a % m.length];
-    if (d.style.borderColor = w, this.lines.appendChild(xt(h, w, "3")), t && t !== f)
+  for (let l = 0; l < r.length; l++) {
+    const h = r[l], f = h.querySelector("me-tpc"), { offsetLeft: p, offsetTop: u } = D(this.nodes, f), g = f.offsetWidth, a = f.offsetHeight, c = h.parentNode.className, d = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: u, cL: p, cW: g, cH: a, direction: c, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, x = f.nodeObj.branchColor || m[l % m.length];
+    if (f.style.borderColor = x, this.lines.appendChild(wt(d, x, "3")), t && t !== h)
       continue;
-    const x = W("subLines"), v = f.lastChild;
-    v.tagName === "svg" && v.remove(), f.appendChild(x), vt(this, x, w, f, c, !0);
+    const w = W("subLines"), y = h.lastChild;
+    y.tagName === "svg" && y.remove(), h.appendChild(w), vt(this, w, x, h, c, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, vt = function(t, e, n, o, i, s) {
-  const r = o.firstChild, a = o.children[1].children;
-  if (a.length === 0)
+  const r = o.firstChild, l = o.children[1].children;
+  if (l.length === 0)
     return;
-  const f = r.offsetTop, d = r.offsetLeft, p = r.offsetWidth, u = r.offsetHeight;
-  for (let g = 0; g < a.length; g++) {
-    const l = a[g], c = l.firstChild, h = c.offsetTop, m = c.offsetLeft, w = c.offsetWidth, x = c.offsetHeight, v = c.firstChild.nodeObj.branchColor || n, S = t.generateSubBranch({ pT: f, pL: d, pW: p, pH: u, cT: h, cL: m, cW: w, cH: x, direction: i, isFirst: s });
-    e.appendChild(xt(S, v, "2"));
+  const h = r.offsetTop, f = r.offsetLeft, p = r.offsetWidth, u = r.offsetHeight;
+  for (let g = 0; g < l.length; g++) {
+    const a = l[g], c = a.firstChild, d = c.offsetTop, m = c.offsetLeft, x = c.offsetWidth, w = c.offsetHeight, y = c.firstChild.nodeObj.branchColor || n, S = t.generateSubBranch({ pT: h, pL: f, pW: p, pH: u, cT: d, cL: m, cW: x, cH: w, direction: i, isFirst: s });
+    e.appendChild(wt(S, y, "2"));
     const E = c.children[1];
     if (E) {
       if (!E.expanded)
         continue;
     } else
       continue;
-    vt(t, e, v, l, i);
+    vt(t, e, y, a, i);
   }
 };
-const Vt = '<?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>', 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="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>', 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="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>', jt = '<?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>', zt = '<?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>', 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="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>';
-const Rt = {
-  side: Vt,
-  left: Gt,
-  right: It,
+const 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="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>', 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="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>', Vt = '<?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>', 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="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>', Rt = '<?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>', 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="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>', jt = '<?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>';
+const zt = {
+  side: Gt,
+  left: It,
+  right: Vt,
   full: Ft,
-  living: jt,
-  zoomin: zt,
-  zoomout: Yt
+  living: Rt,
+  zoomin: Yt,
+  zoomout: jt
 }, N = (t, e) => {
   const n = document.createElement("span");
-  return n.id = t, n.innerHTML = Rt[e], n;
+  return n.id = t, n.innerHTML = zt[e], n;
 };
 function Xt(t) {
   const e = document.createElement("div"), n = N("fullscreen", "full"), o = N("toCenter", "living"), i = N("zoomout", "zoomout"), s = N("zoomin", "zoomin"), r = document.createElement("span");
@@ -531,7 +539,7 @@ function _t(t) {
 const Ut = function(t, e = !0) {
   this.theme = t;
   const o = {
-    ...(t.type === "dark" ? Q : J).cssVar,
+    ...(t.type === "dark" ? Z : Q).cssVar,
     ...t.cssVar
   }, i = Object.keys(o);
   for (let s = 0; s < i.length; s++) {
@@ -555,8 +563,8 @@ function Jt(t) {
 const Qt = function(t) {
   const e = this.container, n = t.getBoundingClientRect(), o = e.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, a = o.left + o.width / 2, f = o.top + o.height / 2, d = s - a, p = r - f;
-    this.move(-d, -p);
+    const s = n.left + n.width / 2, r = n.top + n.height / 2, l = o.left + o.width / 2, h = o.top + o.height / 2, f = s - l, p = r - h;
+    this.move(-f, -p, !0);
   }
 }, Zt = function(t, e, n) {
   this.clearSelection(), this.scrollIntoView(t), this.selection.select(t), e && this.bus.fire("selectNewNode", t.nodeObj);
@@ -581,19 +589,21 @@ const Qt = function(t) {
 }, ce = function(t, e = { x: 0, y: 0 }) {
   if (t < this.scaleMin || t > this.scaleMax)
     return;
-  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, i = e.y ? e.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = bt(this), a = this.map.style.transform, { x: f, y: d } = pt(a), p = f - s, u = d - r, g = this.scaleVal, l = (-o + p) * (1 - t / g), c = (-i + u) * (1 - t / g);
-  this.map.style.transform = `translate(${f - l}px, ${d - c}px) scale(${t})`, this.scaleVal = t, this.bus.fire("scale", t);
+  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, i = e.y ? e.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = bt(this), l = this.map.style.transform, { x: h, y: f } = pt(l), p = h - s, u = f - r, g = this.scaleVal, a = (-o + p) * (1 - t / g), c = (-i + u) * (1 - t / g);
+  this.map.style.transform = `translate(${h - a}px, ${f - c}px) scale(${t})`, this.scaleVal = t, this.bus.fire("scale", t);
 }, le = function() {
   const t = this.nodes.offsetHeight / this.container.offsetHeight, e = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(t, e));
   this.scaleVal = n, this.map.style.transform = "scale(" + n + ")", this.bus.fire("scale", n);
-}, ae = function(t, e) {
-  const { map: n, scaleVal: o, bus: i } = this, s = n.style.transform;
-  let { x: r, y: a } = pt(s);
-  r += t, a += e, n.style.transform = `translate(${r}px, ${a}px) scale(${o})`, i.fire("move", { dx: t, dy: e });
+}, ae = function(t, e, n = !1) {
+  const { map: o, scaleVal: i, bus: s } = this, r = o.style.transform;
+  let { x: l, y: h } = pt(r);
+  l += t, h += e, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
+    o.style.transition = "none";
+  }, 300)), o.style.transform = `translate(${l}px, ${h}px) scale(${i})`, s.fire("move", { dx: t, dy: e });
 }, bt = (t) => {
-  const { container: e, map: n, nodes: o } = t, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, a = i.offsetWidth, f = i.offsetHeight;
-  let d, p;
-  return t.alignment === "root" ? (d = e.offsetWidth / 2 - r - a / 2, p = e.offsetHeight / 2 - s - f / 2, n.style.transformOrigin = `${r + a / 2}px 50%`) : (d = (e.offsetWidth - o.offsetWidth) / 2, p = (e.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: d, dy: p };
+  const { container: e, map: n, nodes: o } = t, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, l = i.offsetWidth, h = i.offsetHeight;
+  let f, p;
+  return t.alignment === "root" ? (f = e.offsetWidth / 2 - r - l / 2, p = e.offsetHeight / 2 - s - h / 2, n.style.transformOrigin = `${r + l / 2}px 50%`) : (f = (e.offsetWidth - o.offsetWidth) / 2, p = (e.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: f, dy: p };
 }, he = function() {
   const { map: t } = this, { dx: e, dy: n } = bt(this);
   t.style.transform = `translate(${e}px, ${n}px) scale(${this.scaleVal})`;
@@ -609,34 +619,48 @@ const Qt = function(t) {
   this.direction = 1, this.refresh(), this.toCenter();
 }, me = function() {
   this.direction = 2, this.refresh(), this.toCenter();
-}, we = function(t) {
+}, xe = function(t) {
   this.locale = t, this.refresh();
-}, xe = function(t, e) {
+}, we = function(t, e) {
   const n = t.nodeObj;
   typeof e == "boolean" ? n.expanded = e : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
-  const o = t.parentNode, i = o.children[1];
-  if (i.expanded = n.expanded, i.className = n.expanded ? "minus" : "", Kt(t), n.expanded) {
-    const f = this.createChildren(
-      n.children.map((d) => this.createWrapper(d).grp)
+  const o = t.getBoundingClientRect(), i = {
+    x: o.left,
+    y: o.top
+  }, s = t.parentNode, r = s.children[1];
+  if (r.expanded = n.expanded, r.className = n.expanded ? "minus" : "", Kt(t), n.expanded) {
+    const u = this.createChildren(
+      n.children.map((g) => this.createWrapper(g).grp)
     );
-    o.parentNode.appendChild(f);
+    s.parentNode.appendChild(u);
   } else
-    o.parentNode.children[1].remove();
+    s.parentNode.children[1].remove();
   this.linkDiv(t.closest("me-main > me-wrapper"));
-  const s = t.getBoundingClientRect(), r = this.container.getBoundingClientRect();
-  (s.bottom > r.bottom || s.top < r.top || s.right > r.right || s.left < r.left) && this.scrollIntoView(t), this.bus.fire("expandNode", n);
+  const l = t.getBoundingClientRect(), h = {
+    x: l.left,
+    y: l.top
+  }, f = i.x - h.x, p = i.y - h.y;
+  this.move(f, p), this.bus.fire("expandNode", n);
 }, ye = function(t, e) {
-  const n = t.nodeObj;
+  const n = t.nodeObj, o = t.getBoundingClientRect(), i = {
+    x: o.left,
+    y: o.top
+  };
   K(n, e ?? !n.expanded), this.refresh();
+  const s = this.findEle(n.id).getBoundingClientRect(), r = {
+    x: s.left,
+    y: s.top
+  }, l = i.x - r.x, h = i.y - r.y;
+  this.move(l, h);
 }, ve = function(t) {
-  t && (t = JSON.parse(JSON.stringify(t)), this.nodeData = t.nodeData, this.arrows = t.arrows || [], this.summaries = t.summaries || [], t.theme && this.changeTheme(t.theme)), Z(this.nodeData), this.layout(), this.linkDiv();
+  this.clearSelection(), t && (t = JSON.parse(JSON.stringify(t)), this.nodeData = t.nodeData, this.arrows = t.arrows || [], this.summaries = t.summaries || [], t.theme && this.changeTheme(t.theme)), tt(this.nodeData), this.layout(), this.linkDiv();
 }, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: pe,
   clearSelection: ne,
   disableEdit: re,
   enableEdit: se,
-  expandNode: xe,
+  expandNode: we,
   expandNodeAll: ye,
   focusNode: fe,
   getData: ie,
@@ -652,7 +676,7 @@ const Qt = function(t) {
   scrollIntoView: Qt,
   selectNode: Zt,
   selectNodes: te,
-  setLocale: we,
+  setLocale: xe,
   toCenter: he,
   unselectNodes: ee
 }, Symbol.toStringTag, { value: "Module" })), Ce = function(t) {
@@ -690,58 +714,58 @@ const Qt = function(t) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, at = {
+}, ht = {
   create: Ce
 }, Se = "#4dc4ff";
-function Ct(t, e, n, o, i, s, r, a) {
+function Ct(t, e, n, o, i, s, r, l) {
   return {
     x: t / 8 + n * 3 / 8 + i * 3 / 8 + r / 8,
-    y: e / 8 + o * 3 / 8 + s * 3 / 8 + a / 8
+    y: e / 8 + o * 3 / 8 + s * 3 / 8 + l / 8
   };
 }
 function Ee(t, e, n) {
-  y(t, {
+  v(t, {
     x: e + "",
     y: n + ""
   });
 }
 function F(t, e, n, o, i) {
-  y(t, {
+  v(t, {
     x1: e + "",
     y1: n + "",
     x2: o + "",
     y2: i + ""
   });
 }
-function ht(t, e, n, o, i, s, r, a, f, d) {
-  var l;
-  if (t.line.setAttribute("d", `M ${e} ${n} C ${o} ${i} ${s} ${r} ${a} ${f}`), d.style) {
-    const c = d.style;
+function dt(t, e, n, o, i, s, r, l, h, f) {
+  var a;
+  if (t.line.setAttribute("d", `M ${e} ${n} C ${o} ${i} ${s} ${r} ${l} ${h}`), f.style) {
+    const c = f.style;
     c.stroke && t.line.setAttribute("stroke", c.stroke), c.strokeWidth && t.line.setAttribute("stroke-width", String(c.strokeWidth)), c.strokeDasharray && t.line.setAttribute("stroke-dasharray", c.strokeDasharray), c.strokeLinecap && t.line.setAttribute("stroke-linecap", c.strokeLinecap), c.opacity !== void 0 && t.line.setAttribute("opacity", String(c.opacity));
   }
-  const p = R(s, r, a, f);
-  if (p && (t.arrow1.setAttribute("d", `M ${p.x1} ${p.y1} L ${a} ${f} L ${p.x2} ${p.y2}`), d.style)) {
-    const c = d.style;
+  const p = z(s, r, l, h);
+  if (p && (t.arrow1.setAttribute("d", `M ${p.x1} ${p.y1} L ${l} ${h} L ${p.x2} ${p.y2}`), f.style)) {
+    const c = f.style;
     c.stroke && t.arrow1.setAttribute("stroke", c.stroke), c.strokeWidth && t.arrow1.setAttribute("stroke-width", String(c.strokeWidth)), c.strokeLinecap && t.arrow1.setAttribute("stroke-linecap", c.strokeLinecap), c.opacity !== void 0 && t.arrow1.setAttribute("opacity", String(c.opacity));
   }
-  if (d.bidirectional) {
-    const c = R(o, i, e, n);
-    if (c && (t.arrow2.setAttribute("d", `M ${c.x1} ${c.y1} L ${e} ${n} L ${c.x2} ${c.y2}`), d.style)) {
-      const h = d.style;
-      h.stroke && t.arrow2.setAttribute("stroke", h.stroke), h.strokeWidth && t.arrow2.setAttribute("stroke-width", String(h.strokeWidth)), h.strokeLinecap && t.arrow2.setAttribute("stroke-linecap", h.strokeLinecap), h.opacity !== void 0 && t.arrow2.setAttribute("opacity", String(h.opacity));
+  if (f.bidirectional) {
+    const c = z(o, i, e, n);
+    if (c && (t.arrow2.setAttribute("d", `M ${c.x1} ${c.y1} L ${e} ${n} L ${c.x2} ${c.y2}`), f.style)) {
+      const d = f.style;
+      d.stroke && t.arrow2.setAttribute("stroke", d.stroke), d.strokeWidth && t.arrow2.setAttribute("stroke-width", String(d.strokeWidth)), d.strokeLinecap && t.arrow2.setAttribute("stroke-linecap", d.strokeLinecap), d.opacity !== void 0 && t.arrow2.setAttribute("opacity", String(d.opacity));
     }
   }
-  const { x: u, y: g } = Ct(e, n, o, i, s, r, a, f);
-  Ee(t.label, u, g), (l = d.style) != null && l.labelColor && t.label.setAttribute("fill", d.style.labelColor), Pe(t);
+  const { x: u, y: g } = Ct(e, n, o, i, s, r, l, h);
+  Ee(t.label, u, g), (a = f.style) != null && a.labelColor && t.label.setAttribute("fill", f.style.labelColor), Ne(t);
 }
 function q(t, e, n) {
-  const { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = e.offsetWidth, r = e.offsetHeight, a = o + s / 2, f = i + r / 2, d = a + n.x, p = f + n.y;
+  const { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = e.offsetWidth, r = e.offsetHeight, l = o + s / 2, h = i + r / 2, f = l + n.x, p = h + n.y;
   return {
     w: s,
     h: r,
-    cx: a,
-    cy: f,
-    ctrlX: d,
+    cx: l,
+    cy: h,
+    ctrlX: f,
     ctrlY: p
   };
 }
@@ -753,34 +777,30 @@ function B(t) {
     y: n
   };
 }
-const Te = function(t, e, n, o) {
-  const i = document.createElementNS(T, "text");
-  return y(i, {
-    "text-anchor": "middle",
-    x: e + "",
-    y: n + "",
-    fill: o || "rgb(235, 95, 82)"
-  }), i.dataset.type = "custom-link", i.innerHTML = t, i;
-}, tt = function(t, e, n, o, i) {
+const et = function(t, e, n, o, i) {
   var C;
   if (!e || !n)
     return;
-  const s = q(t, e, o.delta1), r = q(t, n, o.delta2), { x: a, y: f } = B(s), { ctrlX: d, ctrlY: p } = s, { ctrlX: u, ctrlY: g } = r, { x: l, y: c } = B(r), h = R(u, g, l, c);
-  if (!h)
+  const s = q(t, e, o.delta1), r = q(t, n, o.delta2), { x: l, y: h } = B(s), { ctrlX: f, ctrlY: p } = s, { ctrlX: u, ctrlY: g } = r, { x: a, y: c } = B(r), d = z(u, g, a, c);
+  if (!d)
     return;
-  const m = `M ${h.x1} ${h.y1} L ${l} ${c} L ${h.x2} ${h.y2}`;
-  let w = "";
+  const m = `M ${d.x1} ${d.y1} L ${a} ${c} L ${d.x2} ${d.y2}`;
+  let x = "";
   if (o.bidirectional) {
-    const $ = R(d, p, a, f);
+    const $ = z(f, p, l, h);
     if (!$)
       return;
-    w = `M ${$.x1} ${$.y1} L ${a} ${f} L ${$.x2} ${$.y2}`;
+    x = `M ${$.x1} ${$.y1} L ${l} ${h} L ${$.x2} ${$.y2}`;
   }
-  const x = Ot(`M ${a} ${f} C ${d} ${p} ${u} ${g} ${l} ${c}`, m, w, o.style), { x: v, y: S } = Ct(a, f, d, p, u, g, l, c), E = (C = o.style) == null ? void 0 : C.labelColor, b = Te(o.label, v, S, E);
-  x.appendChild(b), x.label = b, x.arrowObj = o, x.dataset.linkid = o.id, t.linkSvgGroup.appendChild(x), i || (t.arrows.push(o), t.currentArrow = x, St(t, o, s, r));
-}, Le = function(t, e, n = {}) {
+  const w = Ot(`M ${l} ${h} C ${f} ${p} ${u} ${g} ${a} ${c}`, m, x, o.style), { x: y, y: S } = Ct(l, h, f, p, u, g, a, c), E = (C = o.style) == null ? void 0 : C.labelColor, b = J(o.label, y, S, {
+    anchor: "middle",
+    color: E,
+    dataType: "custom-link"
+  });
+  w.appendChild(b), w.label = b, w.arrowObj = o, w.dataset.linkid = o.id, t.linkSvgGroup.appendChild(w), i || (t.arrows.push(o), t.currentArrow = w, St(t, o, s, r));
+}, Te = function(t, e, n = {}) {
   const o = {
-    id: V(),
+    id: G(),
     label: "Custom Link",
     from: t.nodeObj.id,
     to: e.nodeObj.id,
@@ -794,18 +814,18 @@ const Te = function(t, e, n, o) {
     },
     ...n
   };
-  tt(this, t, e, o), this.bus.fire("operation", {
+  et(this, t, e, o), this.bus.fire("operation", {
     name: "createArrow",
     obj: o
   });
-}, ke = function(t) {
+}, Le = function(t) {
   _(this);
-  const e = { ...t, id: V() };
-  tt(this, this.findEle(e.from), this.findEle(e.to), e), this.bus.fire("operation", {
+  const e = { ...t, id: G() };
+  et(this, this.findEle(e.from), this.findEle(e.to), e), this.bus.fire("operation", {
     name: "createArrow",
     obj: e
   });
-}, $e = function(t) {
+}, ke = function(t) {
   let e;
   if (t ? e = t : e = this.currentArrow, !e)
     return;
@@ -817,15 +837,15 @@ const Te = function(t, e, n, o) {
       id: n
     }
   });
-}, Me = function(t) {
+}, $e = function(t) {
   this.currentArrow = t;
   const e = t.arrowObj, n = this.findEle(e.from), o = this.findEle(e.to), i = q(this, n, e.delta1), s = q(this, o, e.delta2);
   St(this, e, i, s);
 }, Ae = function() {
   _(this), this.currentArrow = null;
 }, U = function(t, e) {
-  const n = document.createElementNS(T, "path");
-  return y(n, {
+  const n = document.createElementNS(k, "path");
+  return v(n, {
     d: t,
     stroke: e,
     fill: "none",
@@ -833,8 +853,8 @@ const Te = function(t, e, n, o) {
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }), n;
-}, De = function(t, e) {
-  const n = document.createElementNS(T, "g");
+}, Me = function(t, e) {
+  const n = document.createElementNS(k, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
   const o = U(t.line.getAttribute("d"), e);
   n.appendChild(o);
@@ -844,10 +864,10 @@ const Te = function(t, e, n, o) {
     n.appendChild(s);
   }
   t.insertBefore(n, t.firstChild);
-}, Ne = function(t) {
+}, De = function(t) {
   const e = t.querySelector(".arrow-highlight");
   e && e.remove();
-}, Pe = function(t) {
+}, Ne = function(t) {
   const e = t.querySelector(".arrow-highlight");
   if (!e)
     return;
@@ -855,62 +875,62 @@ const Te = function(t, e, n, o) {
   n.length >= 1 && n[0].setAttribute("d", t.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", t.arrow1.getAttribute("d")), n.length >= 3 && t.arrow2.getAttribute("d") && n[2].setAttribute("d", t.arrow2.getAttribute("d"));
 }, _ = function(t) {
   var e, n;
-  (e = t.helper1) == null || e.destroy(), (n = t.helper2) == null || n.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && Ne(t.currentArrow);
+  (e = t.helper1) == null || e.destroy(), (n = t.helper2) == null || n.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && De(t.currentArrow);
 }, St = function(t, e, n, o) {
-  const { linkController: i, P2: s, P3: r, line1: a, line2: f, nodes: d, map: p, currentArrow: u, bus: g } = t;
+  const { linkController: i, P2: s, P3: r, line1: l, line2: h, nodes: f, map: p, currentArrow: u, bus: g } = t;
   if (!u)
     return;
-  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", d.appendChild(i), d.appendChild(s), d.appendChild(r), De(u, Se);
-  let { x: l, y: c } = B(n), { ctrlX: h, ctrlY: m } = n, { ctrlX: w, ctrlY: x } = o, { x: v, y: S } = B(o);
-  s.style.cssText = `top:${m}px;left:${h}px;`, r.style.cssText = `top:${x}px;left:${w}px;`, F(a, l, c, h, m), F(f, w, x, v, S), t.helper1 = at.create(s), t.helper2 = at.create(r), t.helper1.init(p, (E, b) => {
-    h = h + E / t.scaleVal, m = m + b / t.scaleVal;
-    const C = B({ ...n, ctrlX: h, ctrlY: m });
-    l = C.x, c = C.y, s.style.top = m + "px", s.style.left = h + "px", ht(u, l, c, h, m, w, x, v, S, e), F(a, l, c, h, m), e.delta1.x = h - n.cx, e.delta1.y = m - n.cy, g.fire("updateArrowDelta", e);
+  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", f.appendChild(i), f.appendChild(s), f.appendChild(r), Me(u, Se);
+  let { x: a, y: c } = B(n), { ctrlX: d, ctrlY: m } = n, { ctrlX: x, ctrlY: w } = o, { x: y, y: S } = B(o);
+  s.style.cssText = `top:${m}px;left:${d}px;`, r.style.cssText = `top:${w}px;left:${x}px;`, F(l, a, c, d, m), F(h, x, w, y, S), t.helper1 = ht.create(s), t.helper2 = ht.create(r), t.helper1.init(p, (E, b) => {
+    d = d + E / t.scaleVal, m = m + b / t.scaleVal;
+    const C = B({ ...n, ctrlX: d, ctrlY: m });
+    a = C.x, c = C.y, s.style.top = m + "px", s.style.left = d + "px", dt(u, a, c, d, m, x, w, y, S, e), F(l, a, c, d, m), e.delta1.x = d - n.cx, e.delta1.y = m - n.cy, g.fire("updateArrowDelta", e);
   }), t.helper2.init(p, (E, b) => {
-    w = w + E / t.scaleVal, x = x + b / t.scaleVal;
-    const C = B({ ...o, ctrlX: w, ctrlY: x });
-    v = C.x, S = C.y, r.style.top = x + "px", r.style.left = w + "px", ht(u, l, c, h, m, w, x, v, S, e), F(f, w, x, v, S), e.delta2.x = w - o.cx, e.delta2.y = x - o.cy, g.fire("updateArrowDelta", e);
+    x = x + E / t.scaleVal, w = w + b / t.scaleVal;
+    const C = B({ ...o, ctrlX: x, ctrlY: w });
+    y = C.x, S = C.y, r.style.top = w + "px", r.style.left = x + "px", dt(u, a, c, d, m, x, w, y, S, e), F(h, x, w, y, S), e.delta2.x = x - o.cx, e.delta2.y = w - o.cy, g.fire("updateArrowDelta", e);
   });
 };
-function He() {
+function Pe() {
   this.linkSvgGroup.innerHTML = "";
   for (let t = 0; t < this.arrows.length; t++) {
     const e = this.arrows[t];
     try {
-      tt(this, this.findEle(e.from), this.findEle(e.to), e, !0);
+      et(this, this.findEle(e.from), this.findEle(e.to), e, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function Be(t) {
+function He(t) {
   if (_(this), !t)
     return;
   const e = t.label;
   yt(this, e, t.arrowObj);
 }
-function Oe() {
-  this.arrows = this.arrows.filter((t) => Y(t.from, this.nodeData) && Y(t.to, this.nodeData));
+function Be() {
+  this.arrows = this.arrows.filter((t) => j(t.from, this.nodeData) && j(t.to, this.nodeData));
 }
-const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: Le,
-  createArrowFrom: ke,
-  editArrowLabel: Be,
-  removeArrow: $e,
-  renderArrow: He,
-  selectArrow: Me,
-  tidyArrow: Oe,
+  createArrow: Te,
+  createArrowFrom: Le,
+  editArrowLabel: He,
+  removeArrow: ke,
+  renderArrow: Pe,
+  selectArrow: $e,
+  tidyArrow: Be,
   unselectArrow: Ae
-}, Symbol.toStringTag, { value: "Module" })), Ve = function(t) {
-  var f, d;
+}, Symbol.toStringTag, { value: "Module" })), We = function(t) {
+  var h, f;
   if (t.length === 0)
     throw new Error("No selected node.");
   if (t.length === 1) {
     const p = t[0].nodeObj, u = t[0].nodeObj.parent;
     if (!u)
       throw new Error("Can not select root node.");
-    const g = u.children.findIndex((l) => p === l);
+    const g = u.children.findIndex((a) => p === a);
     return {
       parent: u.id,
       start: g,
@@ -922,80 +942,72 @@ const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     let u = p.nodeObj;
     const g = [];
     for (; u.parent; ) {
-      const l = u.parent, c = l.children, h = c == null ? void 0 : c.indexOf(u);
-      u = l, g.unshift({ node: u, index: h });
+      const a = u.parent, c = a.children, d = c == null ? void 0 : c.indexOf(u);
+      u = a, g.unshift({ node: u, index: d });
     }
     return g.length > e && (e = g.length), g;
   });
   let o = 0;
   t:
     for (; o < e; o++) {
-      const p = (f = n[0][o]) == null ? void 0 : f.node;
+      const p = (h = n[0][o]) == null ? void 0 : h.node;
       for (let u = 1; u < n.length; u++)
-        if (((d = n[u][o]) == null ? void 0 : d.node) !== p)
+        if (((f = n[u][o]) == null ? void 0 : f.node) !== p)
           break t;
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const i = n.map((p) => p[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, a = n[0][o - 1].node;
-  if (!a.parent)
+  const i = n.map((p) => p[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, l = n[0][o - 1].node;
+  if (!l.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
-    parent: a.id,
+    parent: l.id,
     start: s,
     end: r
   };
 }, Ge = function(t) {
-  const e = document.createElementNS(T, "g");
+  const e = document.createElementNS(k, "g");
   return e.setAttribute("id", t), e;
-}, dt = function(t, e) {
-  const n = document.createElementNS(T, "path");
-  return y(n, {
+}, ft = function(t, e) {
+  const n = document.createElementNS(k, "path");
+  return v(n, {
     d: t,
     stroke: e || "#666",
     fill: "none",
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, ft = function(t, e, n, o, i) {
-  const s = document.createElementNS(T, "text");
-  return y(s, {
-    "text-anchor": o,
-    x: e + "",
-    y: n + "",
-    fill: i || "#666"
-  }), s.innerHTML = t, s;
-}, Ie = (t) => t.parentElement.parentElement, Fe = function(t, { parent: e, start: n }) {
+}, Ie = (t) => t.parentElement.parentElement, Ve = function(t, { parent: e, start: n }) {
   const o = t.findEle(e), i = o.nodeObj;
   let s;
   return i.parent ? s = o.closest("me-main").className : s = t.findEle(i.children[n].id).closest("me-main").className, s;
-}, et = function(t, e) {
+}, nt = function(t, e) {
   var $;
-  const { id: n, label: o, parent: i, start: s, end: r } = e, { nodes: a, theme: f, summarySvg: d } = t, u = t.findEle(i).nodeObj, g = Fe(t, e);
-  let l = 1 / 0, c = 0, h = 0, m = 0;
+  const { id: n, label: o, parent: i, start: s, end: r } = e, { nodes: l, theme: h, summarySvg: f } = t, u = t.findEle(i).nodeObj, g = Ve(t, e);
+  let a = 1 / 0, c = 0, d = 0, m = 0;
   for (let M = s; M <= r; M++) {
-    const nt = ($ = u.children) == null ? void 0 : $[M];
-    if (!nt)
+    const ot = ($ = u.children) == null ? void 0 : $[M];
+    if (!ot)
       return t.removeSummary(n), null;
-    const G = Ie(t.findEle(nt.id)), { offsetLeft: I, offsetTop: ot } = D(a, G), it = s === r ? 10 : 20;
-    M === s && (h = ot + it), M === r && (m = ot + G.offsetHeight - it), I < l && (l = I), G.offsetWidth + I > c && (c = G.offsetWidth + I);
+    const I = Ie(t.findEle(ot.id)), { offsetLeft: V, offsetTop: it } = D(l, I), st = s === r ? 10 : 20;
+    M === s && (d = it + st), M === r && (m = it + I.offsetHeight - st), V < a && (a = V), I.offsetWidth + V > c && (c = I.offsetWidth + V);
   }
-  let w, x;
-  const v = h + 10, S = m + 10, E = (v + S) / 2, b = f.cssVar["--color"];
-  g === H.LHS ? (w = dt(`M ${l + 10} ${v} c -5 0 -10 5 -10 10 L ${l} ${S - 10} c 0 5 5 10 10 10 M ${l} ${E} h -10`, b), x = ft(o, l - 20, E + 6, "end", b)) : (w = dt(`M ${c - 10} ${v} c 5 0 10 5 10 10 L ${c} ${S - 10} c 0 5 -5 10 -10 10 M ${c} ${E} h 10`, b), x = ft(o, c + 20, E + 6, "start", b));
+  let x, w;
+  const y = d + 10, S = m + 10, E = (y + S) / 2, b = h.cssVar["--color"];
+  g === H.LHS ? (x = ft(`M ${a + 10} ${y} c -5 0 -10 5 -10 10 L ${a} ${S - 10} c 0 5 5 10 10 10 M ${a} ${E} h -10`, b), w = J(o, a - 20, E + 6, { anchor: "end", color: b })) : (x = ft(`M ${c - 10} ${y} c 5 0 10 5 10 10 L ${c} ${S - 10} c 0 5 -5 10 -10 10 M ${c} ${E} h 10`, b), w = J(o, c + 20, E + 6, { anchor: "start", color: b }));
   const C = Ge("s-" + n);
-  return C.appendChild(w), C.appendChild(x), C.summaryObj = e, d.appendChild(C), C;
-}, je = function() {
+  return C.appendChild(x), C.appendChild(w), C.summaryObj = e, f.appendChild(C), C;
+}, Fe = function() {
   if (!this.currentNodes)
     return;
-  const { currentNodes: t, summaries: e, bus: n } = this, { parent: o, start: i, end: s } = Ve(t), r = { id: V(), parent: o, start: i, end: s, label: "summary" }, a = et(this, r);
-  e.push(r), this.editSummary(a), n.fire("operation", {
+  const { currentNodes: t, summaries: e, bus: n } = this, { parent: o, start: i, end: s } = We(t), r = { id: G(), parent: o, start: i, end: s, label: "summary" }, l = nt(this, r);
+  e.push(r), this.editSummary(l), n.fire("operation", {
     name: "createSummary",
     obj: r
   });
-}, ze = function(t) {
-  const e = V(), n = { ...t, id: e };
-  et(this, n), this.summaries.push(n), this.bus.fire("operation", {
+}, Re = function(t) {
+  const e = G(), n = { ...t, id: e };
+  nt(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
@@ -1006,9 +1018,9 @@ const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     name: "removeSummary",
     obj: { id: t }
   });
-}, Re = function(t) {
-  const e = t.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(T, "rect");
-  y(i, {
+}, je = function(t) {
+  const e = t.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(k, "rect");
+  v(i, {
     x: e.x - n + "",
     y: e.y - n + "",
     width: e.width + n * 2 + "",
@@ -1018,80 +1030,80 @@ const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), t.appendChild(i), this.currentSummary = t;
-}, Xe = function() {
+}, ze = function() {
   var t, e;
   (e = (t = this.currentSummary) == null ? void 0 : t.querySelector("rect")) == null || e.remove(), this.currentSummary = null;
-}, qe = function() {
+}, Xe = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((t) => {
     try {
-      et(this, t);
+      nt(this, t);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, _e = function(t) {
+}, qe = function(t) {
   if (!t)
     return;
   const e = t.childNodes[1];
   yt(this, e, t.summaryObj);
-}, Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: je,
-  createSummaryFrom: ze,
-  editSummary: _e,
+  createSummary: Fe,
+  createSummaryFrom: Re,
+  editSummary: qe,
   removeSummary: Ye,
-  renderSummary: qe,
-  selectSummary: Re,
-  unselectSummary: Xe
-}, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
-function Ke(t, e) {
-  const n = document.createElementNS(L, "svg");
-  return y(n, {
+  renderSummary: Xe,
+  selectSummary: je,
+  unselectSummary: ze
+}, Symbol.toStringTag, { value: "Module" })), T = "http://www.w3.org/2000/svg";
+function Ue(t, e) {
+  const n = document.createElementNS(T, "svg");
+  return v(n, {
     version: "1.1",
-    xmlns: L,
+    xmlns: T,
     height: t,
     width: e
   }), n;
 }
-function Je(t, e) {
+function Ke(t, e) {
   return (parseInt(t) - parseInt(e)) / 2;
 }
-function Qe(t, e, n, o) {
-  const i = document.createElementNS(L, "g");
+function Je(t, e, n, o) {
+  const i = document.createElementNS(T, "g");
   let s = "";
   return t.text ? s = t.text.textContent : s = t.childNodes[0].textContent, s.split(`
-`).forEach((a, f) => {
-    const d = document.createElementNS(L, "text");
-    y(d, {
+`).forEach((l, h) => {
+    const f = document.createElementNS(T, "text");
+    v(f, {
       x: n + parseInt(e.paddingLeft) + "",
-      y: o + parseInt(e.paddingTop) + Je(e.lineHeight, e.fontSize) * (f + 1) + parseFloat(e.fontSize) * (f + 1) + "",
+      y: o + parseInt(e.paddingTop) + Ke(e.lineHeight, e.fontSize) * (h + 1) + parseFloat(e.fontSize) * (h + 1) + "",
       "text-anchor": "start",
       "font-family": e.fontFamily,
       "font-size": `${e.fontSize}`,
       "font-weight": `${e.fontWeight}`,
       fill: `${e.color}`
-    }), d.innerHTML = a, i.appendChild(d);
+    }), f.innerHTML = l, i.appendChild(f);
   }), i;
 }
-function Ze(t, e, n, o) {
-  var a;
+function Qe(t, e, n, o) {
+  var l;
   let i = "";
-  (a = t.nodeObj) != null && a.dangerouslySetInnerHTML ? i = t.nodeObj.dangerouslySetInnerHTML : t.text ? i = t.text.textContent : i = t.childNodes[0].textContent;
-  const s = document.createElementNS(L, "foreignObject");
-  y(s, {
+  (l = t.nodeObj) != null && l.dangerouslySetInnerHTML ? i = t.nodeObj.dangerouslySetInnerHTML : t.text ? i = t.text.textContent : i = t.childNodes[0].textContent;
+  const s = document.createElementNS(T, "foreignObject");
+  v(s, {
     x: n + parseInt(e.paddingLeft) + "",
     y: o + parseInt(e.paddingTop) + "",
     width: e.width,
     height: e.height
   });
   const r = document.createElement("div");
-  return y(r, {
+  return v(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${e.fontFamily}; font-size: ${e.fontSize}; font-weight: ${e.fontWeight}; color: ${e.color}; white-space: pre-wrap;`
   }), r.innerHTML = i, s.appendChild(r), s;
 }
-function tn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = document.createElementNS(L, "rect");
-  return y(s, {
+function Ze(t, e) {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = document.createElementNS(T, "rect");
+  return v(s, {
     x: o + "",
     y: i + "",
     rx: n.borderRadius,
@@ -1103,9 +1115,9 @@ function tn(t, e) {
     "stroke-width": n.borderWidth
   }), s;
 }
-function j(t, e, n = !1) {
-  const o = getComputedStyle(e), { offsetLeft: i, offsetTop: s } = D(t.nodes, e), r = document.createElementNS(L, "rect");
-  y(r, {
+function R(t, e, n = !1) {
+  const o = getComputedStyle(e), { offsetLeft: i, offsetTop: s } = D(t.nodes, e), r = document.createElementNS(T, "rect");
+  v(r, {
     x: i + "",
     y: s + "",
     rx: o.borderRadius,
@@ -1116,14 +1128,14 @@ function j(t, e, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const a = document.createElementNS(L, "g");
-  a.appendChild(r);
-  let f;
-  return n ? f = Ze(e, o, i, s) : f = Qe(e, o, i, s), a.appendChild(f), a;
+  const l = document.createElementNS(T, "g");
+  l.appendChild(r);
+  let h;
+  return n ? h = Qe(e, o, i, s) : h = Je(e, o, i, s), l.appendChild(h), l;
 }
-function en(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
-  return y(r, {
+function tn(t, e) {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = document.createElementNS(T, "a"), r = document.createElementNS(T, "text");
+  return v(r, {
     x: o + "",
     y: i + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -1133,9 +1145,9 @@ function en(t, e) {
     fill: `${n.color}`
   }), r.innerHTML = e.textContent, s.appendChild(r), s.setAttribute("href", e.href), s;
 }
-function nn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = document.createElementNS(L, "image");
-  return y(s, {
+function en(t, e) {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: i } = D(t.nodes, e), s = document.createElementNS(T, "image");
+  return v(s, {
     x: o + "",
     y: i + "",
     width: n.width + "",
@@ -1143,41 +1155,41 @@ function nn(t, e) {
     href: e.src
   }), s;
 }
-const z = 100, on = '<?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">', sn = (t, e = !1) => {
-  var u, g, l;
-  const n = t.nodes, o = n.offsetHeight + z * 2, i = n.offsetWidth + z * 2, s = Ke(o + "px", i + "px"), r = document.createElementNS(L, "svg"), a = document.createElementNS(L, "rect");
-  y(a, {
+const Y = 100, nn = '<?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">', on = (t, e = !1) => {
+  var u, g, a;
+  const n = t.nodes, o = n.offsetHeight + Y * 2, i = n.offsetWidth + Y * 2, s = Ue(o + "px", i + "px"), r = document.createElementNS(T, "svg"), l = document.createElementNS(T, "rect");
+  v(l, {
     x: "0",
     y: "0",
     width: `${i}`,
     height: `${o}`,
     fill: t.theme.cssVar["--bgcolor"]
-  }), s.appendChild(a), n.querySelectorAll(".subLines").forEach((c) => {
-    const h = c.cloneNode(!0), { offsetLeft: m, offsetTop: w } = D(n, c.parentElement);
-    h.setAttribute("x", `${m}`), h.setAttribute("y", `${w}`), r.appendChild(h);
+  }), s.appendChild(l), n.querySelectorAll(".subLines").forEach((c) => {
+    const d = c.cloneNode(!0), { offsetLeft: m, offsetTop: x } = D(n, c.parentElement);
+    d.setAttribute("x", `${m}`), d.setAttribute("y", `${x}`), r.appendChild(d);
   });
-  const f = (u = n.querySelector(".lines")) == null ? void 0 : u.cloneNode(!0);
+  const h = (u = n.querySelector(".lines")) == null ? void 0 : u.cloneNode(!0);
+  h && r.appendChild(h);
+  const f = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
   f && r.appendChild(f);
-  const d = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
-  d && r.appendChild(d);
-  const p = (l = n.querySelector(".summary")) == null ? void 0 : l.cloneNode(!0);
+  const p = (a = n.querySelector(".summary")) == null ? void 0 : a.cloneNode(!0);
   return p && r.appendChild(p), n.querySelectorAll("me-tpc").forEach((c) => {
-    c.nodeObj.dangerouslySetInnerHTML ? r.appendChild(j(t, c, !e)) : (r.appendChild(tn(t, c)), r.appendChild(j(t, c.text, !e)));
+    c.nodeObj.dangerouslySetInnerHTML ? r.appendChild(R(t, c, !e)) : (r.appendChild(Ze(t, c)), r.appendChild(R(t, c.text, !e)));
   }), n.querySelectorAll(".tags > span").forEach((c) => {
-    r.appendChild(j(t, c));
+    r.appendChild(R(t, c));
   }), n.querySelectorAll(".icons > span").forEach((c) => {
-    r.appendChild(j(t, c));
+    r.appendChild(R(t, c));
   }), n.querySelectorAll(".hyper-link").forEach((c) => {
-    r.appendChild(en(t, c));
+    r.appendChild(tn(t, c));
   }), n.querySelectorAll("img").forEach((c) => {
-    r.appendChild(nn(t, c));
-  }), y(r, {
-    x: z + "",
-    y: z + "",
+    r.appendChild(en(t, c));
+  }), v(r, {
+    x: Y + "",
+    y: Y + "",
     overflow: "visible"
   }), s.appendChild(r), s;
-}, rn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), on + t.outerHTML);
-function cn(t) {
+}, sn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), nn + t.outerHTML);
+function rn(t) {
   return new Promise((e, n) => {
     const o = new FileReader();
     o.onload = (i) => {
@@ -1187,68 +1199,68 @@ function cn(t) {
     }, o.readAsDataURL(t);
   });
 }
-const ln = function(t = !1, e) {
-  const n = sn(this, t), o = rn(n, e);
+const cn = function(t = !1, e) {
+  const n = on(this, t), o = sn(n, e);
   return new Blob([o], { type: "image/svg+xml" });
-}, an = async function(t = !1, e) {
-  const n = this.exportSvg(t, e), o = await cn(n);
+}, ln = async function(t = !1, e) {
+  const n = this.exportSvg(t, e), o = await rn(n);
   return new Promise((i, s) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
-      const a = document.createElement("canvas");
-      a.width = r.width, a.height = r.height, a.getContext("2d").drawImage(r, 0, 0), a.toBlob(i, "image/png", 1);
+      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);
     }, r.src = o, r.onerror = s;
   });
-}, hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: an,
-  exportSvg: ln
-}, Symbol.toStringTag, { value: "Module" })), dn = {}, fn = {
-  getObjById: Y,
+  exportPng: ln,
+  exportSvg: cn
+}, Symbol.toStringTag, { value: "Module" })), hn = {}, dn = {
+  getObjById: j,
   generateNewObj: Et,
   layout: kt,
   linkDiv: Wt,
   editTopic: Ht,
-  createWrapper: At,
+  createWrapper: Mt,
   createParent: Dt,
   createChildren: Nt,
   createTopic: Pt,
   findEle: gt,
   changeTheme: Ut,
   ...be,
-  ...dn,
-  ...We,
-  ...Ue,
   ...hn,
+  ...Oe,
+  ..._e,
+  ...an,
   init(t) {
     if (t = JSON.parse(JSON.stringify(t)), !t || !t.nodeData)
       return new Error("MindElixir: `data` is required");
-    t.direction !== void 0 && (this.direction = t.direction), this.changeTheme(t.theme || this.theme, !1), this.nodeData = t.nodeData, Z(this.nodeData), this.arrows = t.arrows || [], this.summaries = t.summaries || [], this.tidyArrow(), this.toolBar && _t(this), this.layout(), this.linkDiv(), this.toCenter();
+    t.direction !== void 0 && (this.direction = t.direction), this.changeTheme(t.theme || this.theme, !1), this.nodeData = t.nodeData, tt(this.nodeData), this.arrows = t.arrows || [], this.summaries = t.summaries || [], this.tidyArrow(), this.toolBar && _t(this), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     var t;
     this.disposable.forEach((e) => e()), 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, (t = this.selection) == null || t.destroy(), this.selection = void 0;
   }
 };
-function pn({ pT: t, pL: e, pW: n, pH: o, cT: i, cL: s, cW: r, cH: a, direction: f, containerHeight: d }) {
+function fn({ pT: t, pL: e, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: h, containerHeight: f }) {
   let p = e + n / 2;
   const u = t + o / 2;
   let g;
-  f === H.LHS ? g = s + r : g = s;
-  const l = i + a / 2, h = (1 - Math.abs(l - u) / d) * 0.25 * (n / 2);
-  return f === H.LHS ? p = p - n / 10 - h : p = p + n / 10 + h, `M ${p} ${u} Q ${p} ${l} ${g} ${l}`;
+  h === H.LHS ? g = s + r : g = s;
+  const a = i + l / 2, d = (1 - Math.abs(a - u) / f) * 0.25 * (n / 2);
+  return h === H.LHS ? p = p - n / 10 - d : p = p + n / 10 + d, `M ${p} ${u} Q ${p} ${a} ${g} ${a}`;
 }
-function un({ pT: t, pL: e, pW: n, pH: o, cT: i, cL: s, cW: r, cH: a, direction: f, isFirst: d }) {
+function pn({ pT: t, pL: e, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: h, isFirst: f }) {
   const p = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
   let u = 0, g = 0;
-  d ? u = t + o / 2 : u = t + o;
-  const l = i + a;
-  let c = 0, h = 0, m = 0;
-  const w = Math.abs(u - l) / 300 * p;
-  return f === H.LHS ? (m = e, c = m + p, h = m - p, g = s + p, `M ${c} ${u} C ${m} ${u} ${m + w} ${l} ${h} ${l} H ${g}`) : (m = e + n, c = m - p, h = m + p, g = s + r - p, `M ${c} ${u} C ${m} ${u} ${m - w} ${l} ${h} ${l} H ${g}`);
+  f ? u = t + o / 2 : u = t + o;
+  const a = i + l;
+  let c = 0, d = 0, m = 0;
+  const x = Math.abs(u - a) / 300 * p;
+  return h === H.LHS ? (m = e, c = m + p, d = m - p, g = s + p, `M ${c} ${u} C ${m} ${u} ${m + x} ${a} ${d} ${a} H ${g}`) : (m = e + n, c = m - p, d = m + p, g = s + r - p, `M ${c} ${u} C ${m} ${u} ${m - x} ${a} ${d} ${a} H ${g}`);
 }
-const gn = "5.0.4";
-function mn(t) {
+const un = "5.0.6";
+function gn(t) {
   return {
     x: 0,
     y: 0,
@@ -1259,7 +1271,7 @@ function mn(t) {
       this.mousedown && (this.moved = !0, t.move(e, n));
     },
     clear() {
-      this.mousedown = !1, t.map.style.transition = "transform 0.3s";
+      this.mousedown = !1;
     }
   };
 }
@@ -1272,19 +1284,19 @@ function A({
   editable: i,
   contextMenu: s,
   toolBar: r,
-  keypress: a,
-  mouseSelectionButton: f,
-  selectionContainer: d,
+  keypress: l,
+  mouseSelectionButton: h,
+  selectionContainer: f,
   before: p,
   newTopicName: u,
   allowUndo: g,
-  generateMainBranch: l,
+  generateMainBranch: a,
   generateSubBranch: c,
-  overflowHidden: h,
+  overflowHidden: d,
   theme: m,
-  alignment: w,
-  scaleSensitivity: x,
-  scaleMax: v,
+  alignment: x,
+  scaleSensitivity: w,
+  scaleMax: y,
   scaleMin: S,
   handleWheel: E
 }) {
@@ -1292,15 +1304,13 @@ function A({
   const C = Object.prototype.toString.call(t);
   if (C === "[object HTMLDivElement]" ? b = t : C === "[object String]" && (b = document.querySelector(t)), !b)
     throw new Error("MindElixir: el is not a valid element");
-  b.style.position = "relative", b.innerHTML = "", this.el = b, this.disposable = [], this.before = p || {}, this.locale = n || "en", this.newTopicName = u || "new node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = a ?? !0, this.mouseSelectionButton = f ?? 0, this.direction = e ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = g ?? !1, this.scaleSensitivity = x ?? 0.1, this.scaleMax = v ?? 1.4, this.scaleMin = S ?? 0.2, this.generateMainBranch = l || pn, this.generateSubBranch = c || un, this.overflowHidden = h ?? !1, this.alignment = w ?? "root", this.handleWheel = E ?? !0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = mn(this), this.bus = Lt(), this.container = O.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
+  b.style.position = "relative", b.innerHTML = "", this.el = b, this.disposable = [], this.before = p || {}, this.locale = n || "en", this.newTopicName = u || "New Node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = l ?? !0, this.mouseSelectionButton = h ?? 0, this.direction = e ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = g ?? !0, this.scaleSensitivity = w ?? 0.1, this.scaleMax = y ?? 1.4, this.scaleMin = S ?? 0.2, this.generateMainBranch = a || fn, this.generateSubBranch = c || pn, this.overflowHidden = d ?? !1, this.alignment = x ?? "root", this.handleWheel = E ?? !0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = gn(this), this.bus = Lt(), this.container = O.createElement("div"), this.selectionContainer = f || this.container, this.container.className = "map-container";
   const $ = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = m || ($.matches ? Q : J);
+  this.theme = m || ($.matches ? Z : Q);
   const M = O.createElement("div");
-  M.className = "map-canvas", setTimeout(() => {
-    M.style.transition = "all 0.3s";
-  }, 300), this.map = M, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = O.createElement("me-nodes"), this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("linkcontroller"), this.P2 = O.createElement("div"), this.P3 = O.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = lt(), this.line2 = lt(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = W("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Tt(this));
+  M.className = "map-canvas", this.map = M, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = O.createElement("me-nodes"), this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("linkcontroller"), this.P2 = O.createElement("div"), this.P3 = O.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = at(), this.line2 = at(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = W("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Tt(this));
 }
-A.prototype = fn;
+A.prototype = dn;
 Object.defineProperty(A.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
@@ -1310,9 +1320,9 @@ Object.defineProperty(A.prototype, "currentNode", {
 A.LEFT = 0;
 A.RIGHT = 1;
 A.SIDE = 2;
-A.THEME = J;
-A.DARK_THEME = Q;
-A.version = gn;
+A.THEME = Q;
+A.DARK_THEME = Z;
+A.version = un;
 A.E = gt;
 export {
   A as default