mind-elixir 5.0.4 → 5.0.6

package/dist/MindElixir.js

@@ -1,7 +1,7 @@
 var at = Object.defineProperty;
 var dt = (e, t, n) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var z = (e, t, n) => (dt(e, typeof t != "symbol" ? t + "" : t, n), n);
-const ge = {
+var V = (e, t, n) => (dt(e, typeof t != "symbol" ? t + "" : t, n), n);
+const me = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -26,7 +26,7 @@ const ge = {
     "--panel-border-color": "#eaeaea",
     "--map-padding": "50px"
   }
-}, me = {
+}, ve = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
@@ -67,26 +67,26 @@ const oe = function(e, t) {
     return null;
   } else
     return null;
-}, $ = (e, t) => {
+}, j = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      $(e.children[n], e);
-}, V = (e, t, n) => {
+      j(e.children[n], e);
+}, q = (e, t, n) => {
   if (e.expanded = t, e.children)
     if (n === void 0 || n > 0) {
       const o = n !== void 0 ? n - 1 : void 0;
       e.children.forEach((i) => {
-        V(i, t, o);
+        q(i, t, o);
       });
     } else
       e.children.forEach((o) => {
-        V(o, !1);
+        q(o, !1);
       });
 };
-function ve(e) {
+function be(e) {
   if (e.id = K(), e.children)
     for (let t = 0; t < e.children.length; t++)
-      ve(e.children[t]);
+      be(e.children[t]);
 }
 function ie(e, t, n, o) {
   const i = o - t, s = e - n;
@@ -94,12 +94,12 @@ function ie(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, d = 30, a = r + d, f = r - d;
+  const c = 12, l = 30, d = r + l, f = r - l;
   return {
-    x1: n + Math.cos(Math.PI * a / 180) * l,
-    y1: o - Math.sin(Math.PI * a / 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 * d / 180) * c,
+    y1: o - Math.sin(Math.PI * d / 180) * c,
+    x2: n + Math.cos(Math.PI * f / 180) * c,
+    y2: o - Math.sin(Math.PI * f / 180) * c
   };
 }
 function K() {
@@ -112,7 +112,7 @@ const ht = function() {
     id: e
   };
 };
-function be(e) {
+function ye(e) {
   return JSON.parse(
     JSON.stringify(e, (n, o) => {
       if (n !== "parent")
@@ -125,10 +125,10 @@ const H = (e, t) => {
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
   return { offsetLeft: n, offsetTop: o };
-}, S = (e, t) => {
+}, N = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, he = (e) => e ? e.tagName === "ME-TPC" : !1, ce = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+}, he = (e) => e ? e.tagName === "ME-TPC" : !1, le = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
   for (let i = 0; i < o.length; i++) {
     if (t === o[i])
       continue;
@@ -140,7 +140,7 @@ const H = (e, t) => {
 }), Ge = (e) => {
   const t = /translate\(([^,]+),\s*([^)]+)\)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
-}, ye = function(e) {
+}, we = function(e) {
   for (let t = 0; t < e.length; t++) {
     const { dom: n, evt: o, func: i } = e[t];
     n.addEventListener(o, i);
@@ -173,14 +173,14 @@ const ut = (e) => {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, _e = function(e, t) {
+}, Te = function(e, t) {
   var s, r;
   const n = e.currentNode || ((s = e.currentNodes) == null ? void 0 : s[0]);
   if (!n)
     return;
   const o = n.nodeObj, i = n.offsetParent.offsetParent.parentElement;
   o.parent ? i.className === t ? mt(e, n) : (r = o.parent) != null && r.parent ? gt(e, n) : pt(e) : t === M.LHS ? ut(e) : ft(e);
-}, Te = function(e, t) {
+}, Le = function(e, t) {
   const n = e.currentNode;
   if (!n || !n.nodeObj.parent)
     return;
@@ -202,21 +202,21 @@ function vt(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 d = e.nodeData;
-    if (l.key === "0")
-      for (const a of d.children)
-        V(a, !1);
-    if (l.key === "=")
-      for (const a of d.children)
-        V(a, !0);
-    if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(l.key))
-      for (const a of d.children)
-        V(a, !0, Number(l.key) - 1);
+  const s = (c) => {
+    const l = e.nodeData;
+    if (c.key === "0")
+      for (const d of l.children)
+        q(d, !1);
+    if (c.key === "=")
+      for (const d of l.children)
+        q(d, !0);
+    if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(c.key))
+      for (const d of l.children)
+        q(d, !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 ? 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,56 +227,56 @@ function vt(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();
-        Te(e, "previous");
+        Le(e, "previous");
       }
     },
-    ArrowDown: (l) => {
-      l.altKey ? e.moveDownNode() : Te(e, "next");
+    ArrowDown: (c) => {
+      c.altKey ? e.moveDownNode() : Le(e, "next");
     },
-    ArrowLeft: (l) => {
-      if (l.metaKey || l.ctrlKey)
+    ArrowLeft: (c) => {
+      if (c.metaKey || c.ctrlKey)
         return e.initLeft();
-      _e(e, M.LHS);
+      Te(e, M.LHS);
     },
-    ArrowRight: (l) => {
-      if (l.metaKey || l.ctrlKey)
+    ArrowRight: (c) => {
+      if (c.metaKey || c.ctrlKey)
         return e.initRight();
-      _e(e, M.RHS);
+      Te(e, M.RHS);
     },
     PageUp: () => e.moveUpNode(),
     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) && se(e, "in");
+    "=": (c) => {
+      (c.metaKey || c.ctrlKey) && se(e, "in");
     },
-    "-": (l) => {
-      (l.metaKey || l.ctrlKey) && se(e, "out");
+    "-": (c) => {
+      (c.metaKey || c.ctrlKey) && se(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,17 +284,17 @@ function vt(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 d = r[l.key];
-    d && d(l);
+    const l = r[c.key];
+    l && l(c);
   };
 }
 function bt(e) {
-  const { dragMoveHelper: t } = e, n = (h) => {
+  const { dragMoveHelper: t } = e, n = (u) => {
     var m, v, b;
-    if (h.button !== 0)
+    if (u.button !== 0)
       return;
     if ((m = e.helper1) != null && m.moved) {
       e.helper1.clear();
@@ -308,69 +308,69 @@ function bt(e) {
       t.clear();
       return;
     }
-    const c = h.target;
-    if (c.tagName === "ME-EPD")
-      h.ctrlKey || h.metaKey ? e.expandNodeAll(c.previousSibling) : e.expandNode(c.previousSibling);
-    else if (c.tagName === "ME-TPC" && e.currentNodes.length > 1)
-      e.selectNode(c);
+    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);
     else if (!e.editable)
       return;
-    const p = (b = c.parentElement) == null ? void 0 : b.parentElement;
-    p.getAttribute("class") === "topiclinks" ? e.selectArrow(c.parentElement) : p.getAttribute("class") === "summary" && e.selectSummary(c.parentElement);
-  }, o = (h) => {
+    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);
+  }, o = (u) => {
     var m;
     if (!e.editable)
       return;
-    const c = h.target;
-    he(c) && e.beginEdit(c);
-    const p = (m = c.parentElement) == null ? void 0 : m.parentElement;
-    p.getAttribute("class") === "topiclinks" ? e.editArrowLabel(c.parentElement) : p.getAttribute("class") === "summary" && e.editSummary(c.parentElement);
+    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);
   };
   let i = 0;
-  const s = (h) => {
-    if (h.pointerType === "mouse")
+  const s = (u) => {
+    if (u.pointerType === "mouse")
       return;
-    const c = (/* @__PURE__ */ new Date()).getTime(), p = c - i;
-    p < 300 && p > 0 && o(h), i = c;
-  }, r = (h) => {
+    const a = (/* @__PURE__ */ new Date()).getTime(), p = a - i;
+    p < 300 && p > 0 && o(u), i = a;
+  }, r = (u) => {
     t.moved = !1;
-    const c = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (h.button !== c && h.pointerType === "mouse")
+    const a = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (u.button !== a && u.pointerType === "mouse")
       return;
-    t.x = h.clientX, t.y = h.clientY;
-    const p = h.target;
-    p.className !== "circle" && p.contentEditable !== "plaintext-only" && (t.mousedown = !0, e.map.style.transition = "none", p.setPointerCapture(h.pointerId));
-  }, l = (h) => {
-    if (h.target.contentEditable !== "plaintext-only") {
-      const c = h.clientX - t.x, p = h.clientY - t.y;
-      t.onMove(c, p);
+    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));
+  }, c = (u) => {
+    if (u.target.contentEditable !== "plaintext-only") {
+      const a = u.clientX - t.x, p = u.clientY - t.y;
+      t.onMove(a, p);
     }
-    t.x = h.clientX, t.y = h.clientY;
-  }, d = (h) => {
-    const c = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (h.button !== c && h.pointerType === "mouse")
+    t.x = u.clientX, t.y = u.clientY;
+  }, l = (u) => {
+    const a = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (u.button !== a && u.pointerType === "mouse")
       return;
-    const p = h.target;
-    p.hasPointerCapture && p.hasPointerCapture(h.pointerId) && p.releasePointerCapture(h.pointerId), t.clear();
-  }, a = (h) => {
-    if (h.preventDefault(), h.button !== 2 || !e.editable)
+    const p = u.target;
+    p.hasPointerCapture && p.hasPointerCapture(u.pointerId) && p.releasePointerCapture(u.pointerId), t.clear();
+  }, d = (u) => {
+    if (u.preventDefault(), u.button !== 2 || !e.editable)
       return;
-    const c = h.target;
-    he(c) && !c.classList.contains("selected") && e.selectNode(c), setTimeout(() => {
-      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", h);
+    const a = u.target;
+    he(a) && !a.classList.contains("selected") && e.selectNode(a), setTimeout(() => {
+      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", u);
     }, 200);
-  }, f = (h) => {
-    h.stopPropagation(), h.preventDefault(), h.ctrlKey || h.metaKey ? h.deltaY < 0 ? se(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && se(e, "out", e.dragMoveHelper) : h.shiftKey ? e.move(-h.deltaY, 0) : (e.map.style.transition = "none", e.move(-h.deltaX, -h.deltaY), e.map.style.transition = "transform 0.3s");
-  }, { container: u } = e;
-  return ye([
-    { dom: u, evt: "pointerdown", func: r },
-    { dom: u, evt: "pointermove", func: l },
-    { dom: u, evt: "pointerup", func: d },
-    { dom: u, evt: "pointerup", func: s },
-    { dom: u, evt: "click", func: n },
-    { dom: u, evt: "dblclick", func: o },
-    { dom: u, evt: "contextmenu", func: a },
-    { dom: u, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : f }
+  }, f = (u) => {
+    u.stopPropagation(), u.preventDefault(), u.ctrlKey || u.metaKey ? u.deltaY < 0 ? se(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && se(e, "out", e.dragMoveHelper) : u.shiftKey ? e.move(-u.deltaY, 0) : e.move(-u.deltaX, -u.deltaY);
+  }, { container: h } = e;
+  return we([
+    { dom: h, evt: "pointerdown", func: r },
+    { dom: h, evt: "pointermove", func: c },
+    { dom: h, evt: "pointerup", func: l },
+    { 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 }
   ]);
 }
 function yt() {
@@ -401,7 +401,7 @@ function yt() {
 const re = document, wt = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  we(e, this.nodeData), e.draggable = !1;
+  xe(e, this.nodeData), e.draggable = !1;
   const t = re.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
@@ -418,8 +418,8 @@ const re = document, wt = function() {
   const i = re.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);
 }, Et = function(e, t) {
@@ -429,12 +429,12 @@ const re = document, wt = function() {
     n.appendChild(s);
   }
   return n;
-}, L = document, Ve = function(e, t) {
+}, T = document, qe = function(e, t) {
   const o = (this != null && this.el ? this.el : t || document).querySelector(`[data-nodeid="me${e}"]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, we = function(e, t) {
+}, xe = function(e, t) {
   if (e.innerHTML = "", t.style) {
     const n = t.style;
     for (const o in n)
@@ -447,34 +447,34 @@ const re = document, wt = function() {
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = L.createElement("img");
+      const o = T.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), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
   {
-    const n = L.createElement("span");
+    const n = T.createElement("span");
     n.className = "text", n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = L.createElement("a");
+    const n = T.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
-    const n = L.createElement("span");
+    const n = T.createElement("span");
     n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ne(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
-    const n = L.createElement("div");
+    const n = T.createElement("div");
     n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${ne(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
 }, Ct = function(e, t) {
-  const n = L.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
+  const n = T.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const s = xe(e.expanded);
+    const s = Ee(e.expanded);
     if (o.appendChild(s), e.expanded !== !1) {
       const r = Et(this, e.children);
       n.appendChild(r);
@@ -482,17 +482,17 @@ const re = document, wt = function() {
   }
   return { grp: n, top: o, tpc: i };
 }, St = function(e) {
-  const t = L.createElement("me-parent"), n = this.createTopic(e);
-  return we(n, e), t.appendChild(n), { p: t, tpc: n };
+  const t = T.createElement("me-parent"), n = this.createTopic(e);
+  return xe(n, e), t.appendChild(n), { p: t, tpc: n };
 }, Nt = function(e) {
-  const t = L.createElement("me-children");
+  const t = T.createElement("me-children");
   return t.append(...e), t;
 }, kt = function(e) {
-  const t = L.createElement("me-tpc");
+  const t = T.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
-function qe(e) {
-  const t = L.createRange();
+function ze(e) {
+  const t = T.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
@@ -500,7 +500,7 @@ function qe(e) {
 const _t = function(e) {
   if (!e)
     return;
-  const t = L.createElement("div"), n = e.text.textContent;
+  const t = T.createElement("div"), n = e.text.textContent;
   e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "plaintext-only", t.spellcheck = !1;
   const o = getComputedStyle(e);
   t.style.cssText = `min-width:${e.offsetWidth - 8}px;
@@ -509,7 +509,7 @@ const _t = function(e) {
   margin:${o.margin};
   font:${o.font};
   background-color:${o.backgroundColor !== "rgba(0, 0, 0, 0)" && o.backgroundColor};
-  border-radius:${o.borderRadius};`, this.direction === 0 && (t.style.right = "0"), qe(t), this.bus.fire("operation", {
+  border-radius:${o.borderRadius};`, this.direction === 0 && (t.style.right = "0"), ze(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (i) => {
@@ -531,25 +531,33 @@ const _t = function(e) {
       origin: n
     }));
   });
-}, xe = function(e) {
-  const t = L.createElement("me-epd");
+}, Ee = function(e) {
+  const t = T.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, W = document, _ = "http://www.w3.org/2000/svg", ze = function(e, t, n) {
-  const o = W.createElementNS(_, "path");
-  return S(o, {
+}, I = document, L = "http://www.w3.org/2000/svg", ue = function(e, t, n, o = {}) {
+  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 && (c.dataset.type = r), c.innerHTML = e, c;
+}, Ve = function(e, t, n) {
+  const o = I.createElementNS(L, "path");
+  return N(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
 }, X = function(e) {
-  const t = W.createElementNS(_, "svg");
+  const t = I.createElementNS(L, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, Le = function() {
-  const e = W.createElementNS(_, "line");
+}, Ae = function() {
+  const e = I.createElementNS(L, "line");
   return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
 }, Tt = function(e, t, n, o) {
-  const i = W.createElementNS(_, "g");
+  const i = I.createElementNS(L, "g");
   return [
     {
       name: "line",
@@ -563,27 +571,27 @@ const _t = function(e) {
       name: "arrow2",
       d: n
     }
-  ].forEach((r, l) => {
-    const d = r.d, a = W.createElementNS(_, "path"), f = {
-      d,
+  ].forEach((r, c) => {
+    const l = r.d, d = 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)), S(a, f), l === 0 && a.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
-    const u = W.createElementNS(_, "path");
-    S(u, {
-      d,
+    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), N(d, f), c === 0 && d.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
+    const h = I.createElementNS(L, "path");
+    N(h, {
+      d: l,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), i.appendChild(u), i.appendChild(a), i[r.name] = a;
+    }), i.appendChild(h), i.appendChild(d), i[r.name] = d;
   }), i;
 }, Ue = function(e, t, n) {
   if (!t)
     return;
-  const o = W.createElement("div");
+  const o = I.createElement("div");
   e.nodes.appendChild(o);
   const i = t.innerHTML;
   o.id = "input-box", o.textContent = i, o.contentEditable = "plaintext-only", o.spellcheck = !1;
@@ -595,19 +603,19 @@ const _t = function(e) {
     top:${s.y}px;
     padding: 2px 4px;
     margin: -2px -4px; 
-  `, qe(o), e.scrollIntoView(o), o.addEventListener("keydown", (r) => {
+  `, ze(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
@@ -619,31 +627,31 @@ const _t = function(e) {
 }, Lt = 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 d = r[l], a = d.querySelector("me-tpc"), { offsetLeft: f, offsetTop: u } = H(this.nodes, a), g = a.offsetWidth, h = a.offsetHeight, c = d.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: u, cL: f, cW: g, cH: h, direction: c, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, v = a.nodeObj.branchColor || m[l % m.length];
-    if (a.style.borderColor = v, this.lines.appendChild(ze(p, v, "3")), e && e !== d)
+  for (let c = 0; c < r.length; c++) {
+    const l = r[c], d = l.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = H(this.nodes, d), g = d.offsetWidth, u = d.offsetHeight, a = l.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[c % m.length];
+    if (d.style.borderColor = v, this.lines.appendChild(Ve(p, v, "3")), e && e !== l)
       continue;
-    const b = X("subLines"), x = d.lastChild;
-    x.tagName === "svg" && x.remove(), d.appendChild(b), Xe(this, b, v, d, c, !0);
+    const b = X("subLines"), x = l.lastChild;
+    x.tagName === "svg" && x.remove(), l.appendChild(b), Xe(this, b, v, l, a, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, Xe = 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 d = r.offsetTop, a = r.offsetLeft, f = r.offsetWidth, u = r.offsetHeight;
-  for (let g = 0; g < l.length; g++) {
-    const h = l[g], c = h.firstChild, p = c.offsetTop, m = c.offsetLeft, v = c.offsetWidth, b = c.offsetHeight, x = c.firstChild.nodeObj.branchColor || n, N = e.generateSubBranch({ pT: d, pL: a, pW: f, pH: u, cT: p, cL: m, cW: v, cH: b, direction: i, isFirst: s });
-    t.appendChild(ze(N, x, "2"));
-    const k = c.children[1];
+  const l = r.offsetTop, d = r.offsetLeft, f = r.offsetWidth, h = r.offsetHeight;
+  for (let g = 0; g < c.length; g++) {
+    const u = c[g], a = u.firstChild, p = a.offsetTop, m = a.offsetLeft, v = a.offsetWidth, b = a.offsetHeight, x = a.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: l, pL: d, pW: f, pH: h, cT: p, cL: m, cW: v, cH: b, direction: i, isFirst: s });
+    t.appendChild(Ve(C, x, "2"));
+    const k = a.children[1];
     if (k) {
       if (!k.expanded)
         continue;
     } else
       continue;
-    Xe(e, t, x, h, i);
+    Xe(e, t, x, u, i);
   }
-}, Ae = {
+}, Me = {
   addChild: "插入子节点",
   addParent: "插入父节点",
   addSibling: "插入同级节点",
@@ -656,9 +664,9 @@ const _t = function(e) {
   linkBidirectional: "双向连接",
   clickTips: "请点击目标节点",
   summary: "摘要"
-}, Me = {
-  cn: Ae,
-  zh_CN: Ae,
+}, De = {
+  cn: Me,
+  zh_CN: Me,
   zh_TW: {
     addChild: "插入子節點",
     addParent: "插入父節點",
@@ -795,44 +803,44 @@ function At(e, t) {
     const w = document.createElement("div");
     return w.innerText = y, w.className = "tips", w;
   }, o = (y, w, E) => {
-    const C = document.createElement("li");
-    return C.id = y, C.innerHTML = `<span>${ne(w)}</span><span ${E ? 'class="key"' : ""}>${ne(E)}</span>`, C;
-  }, i = Me[e.locale] ? e.locale : "en", s = Me[i], r = o("cm-add_child", s.addChild, "Tab"), l = o("cm-add_parent", s.addParent, "Ctrl + Enter"), d = o("cm-add_sibling", s.addSibling, "Enter"), a = o("cm-remove_child", s.removeNode, "Delete"), f = o("cm-fucus", s.focus, ""), u = o("cm-unfucus", s.cancelFocus, ""), g = o("cm-up", s.moveUp, "PgUp"), h = o("cm-down", s.moveDown, "Pgdn"), c = 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(d), v.appendChild(a), t.focus && (v.appendChild(f), v.appendChild(u)), v.appendChild(g), v.appendChild(h), v.appendChild(m), t.link && (v.appendChild(c), v.appendChild(p)), t && t.extend)
+    const S = document.createElement("li");
+    return S.id = y, S.innerHTML = `<span>${ne(w)}</span><span ${E ? 'class="key"' : ""}>${ne(E)}</span>`, S;
+  }, i = De[e.locale] ? e.locale : "en", s = De[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"), 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(c), v.appendChild(l), 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)
     for (let y = 0; y < t.extend.length; y++) {
       const w = t.extend[y], E = o(w.name, w.name, w.key || "");
-      v.appendChild(E), E.onclick = (C) => {
-        w.onclick(C);
+      v.appendChild(E), E.onclick = (S) => {
+        w.onclick(S);
       };
     }
   const b = document.createElement("div");
   b.className = "context-menu", b.appendChild(v), b.hidden = !0, e.container.append(b);
   let x = !0;
-  const N = (y) => {
+  const C = (y) => {
     const w = y.target;
     if (he(w)) {
-      w.parentElement.tagName === "ME-ROOT" ? x = !0 : x = !1, x ? (f.className = "disabled", g.className = "disabled", h.className = "disabled", l.className = "disabled", d.className = "disabled", a.className = "disabled") : (f.className = "", g.className = "", h.className = "", l.className = "", d.className = "", a.className = ""), b.hidden = !1, v.style.top = "", v.style.bottom = "", v.style.left = "", v.style.right = "";
-      const E = v.getBoundingClientRect(), C = v.offsetHeight, O = v.offsetWidth, B = y.clientY - E.top, R = y.clientX - E.left;
-      C + B > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = B + 15 + "px"), O + R > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = R + 10 + "px");
+      w.parentElement.tagName === "ME-ROOT" ? x = !0 : x = !1, x ? (f.className = "disabled", g.className = "disabled", u.className = "disabled", c.className = "disabled", l.className = "disabled", d.className = "disabled") : (f.className = "", g.className = "", u.className = "", c.className = "", l.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, P = v.offsetWidth, B = y.clientY - E.top, R = y.clientX - E.left;
+      S + B > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = B + 15 + "px"), P + R > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = R + 10 + "px");
     }
   };
-  e.bus.addListener("showContextMenu", N), b.onclick = (y) => {
+  e.bus.addListener("showContextMenu", C), b.onclick = (y) => {
     y.target === b && (b.hidden = !0);
   }, r.onclick = () => {
     e.addChild(), b.hidden = !0;
-  }, l.onclick = () => {
+  }, c.onclick = () => {
     e.insertParent(), b.hidden = !0;
-  }, d.onclick = () => {
+  }, l.onclick = () => {
     x || (e.insertSibling("after"), b.hidden = !0);
-  }, a.onclick = () => {
+  }, d.onclick = () => {
     x || (e.removeNodes(e.currentNodes || []), b.hidden = !0);
   }, f.onclick = () => {
     x || (e.focusNode(e.currentNode), b.hidden = !0);
-  }, u.onclick = () => {
+  }, h.onclick = () => {
     e.cancelFocus(), b.hidden = !0;
   }, g.onclick = () => {
     x || (e.moveUpNode(), b.hidden = !0);
-  }, h.onclick = () => {
+  }, u.onclick = () => {
     x || (e.moveDownNode(), b.hidden = !0);
   };
   const k = (y) => {
@@ -840,35 +848,35 @@ function At(e, t) {
     const w = e.currentNode, E = n(s.clickTips);
     e.container.appendChild(E), e.map.addEventListener(
       "click",
-      (C) => {
-        C.preventDefault(), E.remove();
-        const O = C.target;
-        (O.parentElement.tagName === "ME-PARENT" || O.parentElement.tagName === "ME-ROOT") && e.createArrow(w, O, y);
+      (S) => {
+        S.preventDefault(), E.remove();
+        const P = S.target;
+        (P.parentElement.tagName === "ME-PARENT" || P.parentElement.tagName === "ME-ROOT") && e.createArrow(w, P, y);
       },
       {
         once: !0
       }
     );
   };
-  return c.onclick = () => k(), p.onclick = () => k({ bidirectional: !0 }), m.onclick = () => {
+  return a.onclick = () => k(), p.onclick = () => k({ bidirectional: !0 }), m.onclick = () => {
     b.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    r.onclick = null, l.onclick = null, d.onclick = null, a.onclick = null, f.onclick = null, u.onclick = null, g.onclick = null, h.onclick = null, c.onclick = null, m.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
+    r.onclick = null, c.onclick = null, l.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;
   };
 }
-const ue = document, Mt = function(e, t) {
+const fe = document, Mt = function(e, t) {
   if (!t)
-    return fe(e), e;
+    return pe(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
-  return n || (n = ue.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, fe = function(e) {
+  return n || (n = fe.createElement("div"), e.appendChild(n)), n.className = o, e;
+}, pe = function(e) {
   if (!e)
     return;
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
     n.remove();
-}, De = function(e, t) {
+}, Pe = function(e, t) {
   for (const n of t) {
     const o = n.parentElement.parentElement.contains(e);
     if (!(e && e.tagName === "ME-TPC" && e !== n && !o && e.nodeObj.parent))
@@ -879,12 +887,12 @@ const ue = document, Mt = function(e, t) {
   const t = document.createElement("div");
   return t.className = "mind-elixir-ghost", e.container.appendChild(t), t;
 };
-class Ot {
+class Pt {
   constructor(t) {
-    z(this, "mind");
-    z(this, "isMoving", !1);
-    z(this, "interval", null);
-    z(this, "speed", 20);
+    V(this, "mind");
+    V(this, "isMoving", !1);
+    V(this, "interval", null);
+    V(this, "speed", 20);
     this.mind = t;
   }
   move(t, n) {
@@ -896,59 +904,59 @@ class Ot {
     this.isMoving = !1, clearInterval(this.interval);
   }
 }
-function jt(e) {
+function $t(e) {
   let t = null, n = null;
-  const o = Dt(e), i = new Ot(e), s = (a) => {
+  const o = Dt(e), i = new Pt(e), s = (d) => {
     e.selection.cancel();
-    const f = a.target;
+    const f = d.target;
     if ((f == null ? void 0 : f.tagName) !== "ME-TPC") {
-      a.preventDefault();
+      d.preventDefault();
       return;
     }
-    let u = e.currentNodes;
-    u != null && u.includes(f) || (e.selectNode(f), u = e.currentNodes), e.dragged = u, u.length > 1 ? o.innerHTML = u.length + "" : o.innerHTML = f.innerHTML;
-    for (const g of u)
+    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";
-    a.dataTransfer.setDragImage(o, 0, 0), a.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
-  }, r = (a) => {
+    d.dataTransfer.setDragImage(o, 0, 0), d.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
+  }, r = (d) => {
     const { dragged: f } = e;
     if (!f)
       return;
     i.stop();
     for (const g of f)
       g.parentElement.parentElement.style.opacity = "1";
-    const u = a.target;
-    u.style.opacity = "", n && (fe(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null);
-  }, l = (a) => {
-    a.preventDefault();
-    const f = 12 * e.scaleVal, { dragged: u } = e;
-    if (!u)
+    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 = "");
+  }, c = (d) => {
+    d.preventDefault();
+    const f = 12 * e.scaleVal, { dragged: h } = e;
+    if (!h)
       return;
     const g = e.container.getBoundingClientRect();
-    a.clientX < g.x + 50 ? i.move(1, 0) : a.clientX > g.x + g.width - 50 ? i.move(-1, 0) : a.clientY < g.y + 50 ? i.move(0, 1) : a.clientY > g.y + g.height - 50 ? i.move(0, -1) : i.stop(), fe(n);
-    const h = ue.elementFromPoint(a.clientX, a.clientY - f);
-    if (De(h, u)) {
-      n = h;
-      const c = h.getBoundingClientRect(), p = c.y;
-      a.clientY > p + c.height ? t = "after" : t = "in";
+    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 (Pe(u, h)) {
+      n = u;
+      const a = u.getBoundingClientRect(), p = a.y;
+      d.clientY > p + a.height ? t = "after" : t = "in";
     } else {
-      const c = ue.elementFromPoint(a.clientX, a.clientY + f), p = c.getBoundingClientRect();
-      if (De(c, u)) {
-        n = c;
+      const a = fe.elementFromPoint(d.clientX, d.clientY + f), p = a.getBoundingClientRect();
+      if (Pe(a, h)) {
+        n = a;
         const m = p.y;
-        a.clientY < m ? t = "before" : t = "in";
+        d.clientY < m ? t = "before" : t = "in";
       } else
         t = n = null;
     }
     n && Mt(n, t);
   };
-  return ye([
+  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 Pt = function(e) {
+const Ot = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -959,18 +967,18 @@ const Pt = function(e) {
     type: "nodes",
     value: e.objs.map((t) => t.id)
   } : {
-    type: "node",
-    value: e.obj.id
+    type: "nodes",
+    value: [e.obj.id]
   };
 };
-function $t(e) {
-  let t = [], n = -1, o = e.getData();
+function jt(e) {
+  let t = [], n = -1, o = e.getData(), i = [];
   e.undo = function() {
     if (n > -1) {
-      const r = t[n];
-      o = r.prev, e.refresh(r.prev);
+      const l = t[n];
+      o = l.prev, e.refresh(l.prev);
       try {
-        r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && e.selectNodes(r.currentObject.value.map((l) => this.findEle(l)));
+        l.currentTarget.type === "nodes" && (l.operation === "removeNodes" ? e.selectNodes(l.currentTarget.value.map((d) => this.findEle(d))) : e.selectNodes(l.currentSelected.map((d) => this.findEle(d))));
       } catch {
       } finally {
         n--;
@@ -979,38 +987,50 @@ function $t(e) {
   }, e.redo = function() {
     if (n < t.length - 1) {
       n++;
-      const r = t[n];
-      o = r.next, e.refresh(r.next), r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && (e.unselectNodes(this.currentNodes), e.selectNodes(r.currentObject.value.map((l) => this.findEle(l))));
+      const l = t[n];
+      o = l.next, e.refresh(l.next);
+      try {
+        l.currentTarget.type === "nodes" && (l.operation === "removeNodes" ? e.selectNodes(l.currentSelected.map((d) => this.findEle(d))) : e.selectNodes(l.currentTarget.value.map((d) => this.findEle(d))));
+      } catch {
+      }
     }
   };
-  const i = function(r) {
-    if (r.name === "beginEdit")
+  const s = function(l) {
+    if (l.name === "beginEdit")
       return;
     t = t.slice(0, n + 1);
-    const l = e.getData();
-    t.push({ prev: o, currentObject: Pt(r), next: l }), o = l, n = t.length - 1;
-  }, s = function(r) {
-    (r.metaKey || r.ctrlKey) && (r.shiftKey && r.key === "Z" || r.key === "y") ? e.redo() : (r.metaKey || r.ctrlKey) && r.key === "z" && e.undo();
+    const d = e.getData(), f = {
+      prev: o,
+      operation: l.name,
+      currentSelected: i.map((h) => h.id),
+      currentTarget: Ot(l),
+      next: d
+    };
+    t.push(f), o = d, 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((d) => d.nodeObj);
   };
-  return e.bus.addListener("operation", i), e.map.addEventListener("keydown", s), () => {
-    e.bus.removeListener("operation", i), e.map.removeEventListener("keydown", s);
+  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 Ht = '<?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>', Bt = '<?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>', 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="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>', 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="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>', 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="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>', 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="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 Ht = '<?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>', Bt = '<?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>', 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="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>', 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="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>', 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="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>', 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="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 Yt = {
   side: Ht,
   left: Bt,
   right: Rt,
   full: Ft,
-  living: It,
-  zoomin: Wt,
+  living: Wt,
+  zoomin: It,
   zoomout: Kt
-}, I = (e, t) => {
+}, W = (e, t) => {
   const n = document.createElement("span");
   return n.id = e, n.innerHTML = Yt[t], n;
 };
 function Gt(e) {
-  const t = document.createElement("div"), n = I("fullscreen", "full"), o = I("toCenter", "living"), i = I("zoomout", "zoomout"), s = I("zoomin", "zoomin"), r = document.createElement("span");
+  const t = document.createElement("div"), n = W("fullscreen", "full"), o = W("toCenter", "living"), i = W("zoomout", "zoomout"), s = W("zoomin", "zoomin"), r = document.createElement("span");
   return r.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(i), t.appendChild(s), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
     document.fullscreenElement === e.el ? document.exitFullscreen() : e.el.requestFullscreen();
   }, o.onclick = () => {
@@ -1021,8 +1041,8 @@ function Gt(e) {
     e.scale(e.scaleVal + e.scaleSensitivity);
   }, t;
 }
-function Vt(e) {
-  const t = document.createElement("div"), n = I("tbltl", "left"), o = I("tbltr", "right"), i = I("tblts", "side");
+function qt(e) {
+  const t = document.createElement("div"), n = W("tbltl", "left"), o = W("tbltr", "right"), i = W("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(i), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
@@ -1031,11 +1051,11 @@ function Vt(e) {
     e.initSide();
   }, t;
 }
-function qt(e) {
-  e.container.append(Gt(e)), e.container.append(Vt(e));
+function zt(e) {
+  e.container.append(Gt(e)), e.container.append(qt(e));
 }
 /*! @viselect/vanilla v3.9.0 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-class zt {
+class Vt {
   constructor() {
     this._listeners = /* @__PURE__ */ new Map(), this.on = this.addEventListener, this.off = this.removeEventListener, this.emit = this.dispatchEvent;
   }
@@ -1057,13 +1077,13 @@ class zt {
     this._listeners.clear();
   }
 }
-const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e }, t, n) => {
+const $e = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e }, t, n) => {
   if (typeof t == "object")
     for (const [o, i] of Object.entries(t))
-      i !== void 0 && (e[o] = Oe(i));
+      i !== void 0 && (e[o] = $e(i));
   else
-    n !== void 0 && (e[t] = Oe(n));
-}, je = (e = 0, t = 0, n = 0, o = 0) => {
+    n !== void 0 && (e[t] = $e(n));
+}, Oe = (e = 0, t = 0, n = 0, o = 0) => {
   const i = { x: e, y: t, width: n, height: o, top: t, left: e, right: e + n, bottom: t + o };
   return { ...i, toJSON: () => JSON.stringify(i) };
 }, Ut = (e) => {
@@ -1078,7 +1098,7 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       cancelAnimationFrame(n), o = !1;
     }
   };
-}, Pe = (e, t, n = "touch") => {
+}, je = (e, t, n = "touch") => {
   switch (n) {
     case "center": {
       const o = t.left + t.width / 2, i = t.top + t.height / 2;
@@ -1089,17 +1109,17 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     case "touch":
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-}, Xt = () => matchMedia("(hover: none), (pointer: coarse)").matches, Jt = () => "safari" in window, pe = (e) => Array.isArray(e) ? e : [e], Je = (e) => (t, n, o, i = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = pe(n), t = pe(t);
+}, Xt = () => matchMedia("(hover: none), (pointer: coarse)").matches, Jt = () => "safari" in window, ge = (e) => Array.isArray(e) ? e : [e], Je = (e) => (t, n, o, i = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ge(n), t = ge(t);
   for (const s of t)
     if (s)
       for (const r of n)
         s[e](r, o, { capture: !1, ...i });
-}, P = Je("addEventListener"), A = Je("removeEventListener"), Z = (e) => {
+}, O = Je("addEventListener"), A = Je("removeEventListener"), Z = (e) => {
   var t;
   const { clientX: n, clientY: o, target: i } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: i };
-}, Y = (e, t = document) => pe(e).map(
+}, Y = (e, t = document) => ge(e).map(
   (n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null
 ).flat().filter(Boolean), Zt = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
   switch (o) {
@@ -1110,15 +1130,15 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     case "shift":
       return e.shiftKey;
   }
-}) : !1), { abs: F, max: $e, min: He, ceil: Be } = Math, Re = (e = []) => ({
+}) : !1), { abs: F, max: He, min: Be, ceil: Re } = Math, Fe = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
   changed: { added: [], removed: [] }
-}), Ze = class extends zt {
+}), Ze = class extends Vt {
   constructor(t) {
     var n, o, i, s, r;
-    super(), this._selection = Re(), this._targetBoundaryScrolled = !0, this._selectables = [], this._areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 }, this._areaRect = je(), this._singleClick = !0, this._scrollAvailable = !0, this._scrollingActive = !1, this._scrollSpeed = { x: 0, y: 0 }, this._scrollDelta = { x: 0, y: 0 }, this._lastMousePosition = { x: 0, y: 0 }, this.enable = this._toggleStartEvents, this.disable = this._toggleStartEvents.bind(this, !1), this._options = {
+    super(), this._selection = Fe(), this._targetBoundaryScrolled = !0, this._selectables = [], this._areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 }, this._areaRect = Oe(), this._singleClick = !0, this._scrollAvailable = !0, this._scrollingActive = !1, this._scrollSpeed = { x: 0, y: 0 }, this._scrollDelta = { x: 0, y: 0 }, this._lastMousePosition = { x: 0, y: 0 }, this.enable = this._toggleStartEvents, this.disable = this._toggleStartEvents.bind(this, !1), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -1158,13 +1178,13 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ 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: d, selectionContainerClass: a } = this._options;
-    this._area = l.createElement("div"), this._clippingElement = l.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(d), a && this._clippingElement.classList.add(a), j(this._area, {
+    const { document: c, selectionAreaClass: l, selectionContainerClass: d } = this._options;
+    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(l), d && this._clippingElement.classList.add(d), $(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
       position: "fixed"
-    }), j(this._clippingElement, {
+    }), $(this._clippingElement, {
       overflow: "hidden",
       position: "fixed",
       transform: "translate3d(0, 0, 0)",
@@ -1176,23 +1196,23 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, i = t ? P : A;
+    const { document: n, features: o } = this._options, i = t ? O : A;
     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: d, features: a, behaviour: f } = this._options, u = s.getBoundingClientRect();
+    const { x: o, y: i, target: s } = Z(t), { document: r, startAreas: c, boundaries: l, features: d, behaviour: f } = this._options, h = s.getBoundingClientRect();
     if (t instanceof MouseEvent && !Zt(t, f.triggers))
       return;
-    const g = Y(l, r), h = Y(d, r);
-    this._targetElement = h.find(
-      (v) => Pe(v.getBoundingClientRect(), u)
+    const g = Y(c, r), u = Y(l, r);
+    this._targetElement = u.find(
+      (v) => je(v.getBoundingClientRect(), h)
     );
-    const c = t.composedPath(), p = g.find((v) => c.includes(v));
-    if (this._targetBoundary = h.find((v) => c.includes(v)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    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)
       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), P(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), P(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), P(r, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, P(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    this._scrollDelta = { x: m.scrollLeft, y: m.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), O(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), O(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), O(r, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, O(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
     const { singleTap: { intersect: n }, range: o } = this._options.features, i = Z(t);
@@ -1201,10 +1221,10 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       s = i.target;
     else if (n === "touch") {
       this.resolveSelectables();
-      const { x: l, y: d } = i;
-      s = this._selectables.find((a) => {
-        const { right: f, left: u, top: g, bottom: h } = a.getBoundingClientRect();
-        return l < f && l > u && d < h && d > g;
+      const { x: c, y: l } = i;
+      s = this._selectables.find((d) => {
+        const { right: f, left: h, top: g, bottom: u } = d.getBoundingClientRect();
+        return c < f && c > h && l < u && l > g;
       });
     }
     if (!s)
@@ -1218,59 +1238,59 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       }
     const { stored: r } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const l = this._latestElement, [d, a] = l.compareDocumentPosition(s) & 4 ? [s, l] : [l, s], f = [...this._selectables.filter(
-        (u) => u.compareDocumentPosition(d) & 4 && u.compareDocumentPosition(a) & 2
-      ), d, a];
-      this.select(f), this._latestElement = l;
+      const c = this._latestElement, [l, d] = c.compareDocumentPosition(s) & 4 ? [s, c] : [c, s], f = [...this._selectables.filter(
+        (h) => h.compareDocumentPosition(l) & 4 && h.compareDocumentPosition(d) & 2
+      ), l, d];
+      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: d } = 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 + d - (s + r)) >= i || // Different x and y threshold
-      typeof i == "object" && F(l - s) >= i.x || F(d - 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;
       }
-      P(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(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 && (P(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), P(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);
+      O(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), $(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 && (O(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), O(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);
     }
     this._handleMoveEvent(t);
   }
   _setupSelectionArea() {
     const { _clippingElement: t, _targetElement: n, _area: o } = this, i = this._targetRect = n.getBoundingClientRect();
-    this._scrollAvailable ? (j(t, {
+    this._scrollAvailable ? ($(t, {
       top: i.top,
       left: i.left,
       width: i.width,
       height: i.height
-    }), j(o, {
+    }), $(o, {
       marginTop: -i.top,
       marginLeft: -i.left
-    })) : (j(t, {
+    })) : ($(t, {
       top: 0,
       left: 0,
       width: "100%",
       height: "100%"
-    }), j(o, {
+    }), $(o, {
       marginTop: 0,
       marginLeft: 0
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: r } = i.behaviour.scrolling, l = this._targetElement, { x: d, y: a } = Z(t);
-    if (o.x2 = d, o.y2 = a, this._lastMousePosition.x = d, this._lastMousePosition.y = a, 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: d } = Z(t);
+    if (o.x2 = l, o.y2 = d, this._lastMousePosition.x = l, this._lastMousePosition.y = d, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const f = () => {
         if (!n.x && !n.y) {
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: u, scrollLeft: g } = l;
-        n.y && (l.scrollTop += Be(n.y / r), o.y1 -= l.scrollTop - u), n.x && (l.scrollLeft += Be(n.x / r), o.x1 -= l.scrollLeft - g), s.next(t), requestAnimationFrame(f);
+        const { scrollTop: h, scrollLeft: g } = c;
+        n.y && (c.scrollTop += Re(n.y / r), o.y1 -= c.scrollTop - h), n.x && (c.scrollLeft += Re(n.x / r), o.x1 -= c.scrollLeft - g), s.next(t), requestAnimationFrame(f);
       };
       requestAnimationFrame(f);
     } else
@@ -1302,12 +1322,12 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: l, scrollLeft: d, scrollWidth: a, clientWidth: f } = o, u = this._targetRect, { x1: g, y1: h } = n;
-    let { x2: c, y2: p } = n;
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: c, scrollLeft: l, 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;
-    c < u.left + m.x ? (t.x = d ? -F(u.left - c + m.x) : 0, c = c < u.left ? u.left : c) : c > u.right - m.x ? (t.x = a - d - f ? F(u.left + u.width - c - m.x) : 0, c = c > u.right ? u.right : c) : t.x = 0, p < u.top + m.y ? (t.y = s ? -F(u.top - p + m.y) : 0, p = p < u.top ? u.top : p) : p > u.bottom - m.y ? (t.y = r - s - l ? F(u.top + u.height - p - m.y) : 0, p = p > u.bottom ? u.bottom : p) : t.y = 0;
-    const v = He(g, c), b = He(h, p), x = $e(g, c), N = $e(h, p);
-    this._areaRect = je(v, b, x - v, N - b);
+    a < h.left + m.x ? (t.x = l ? -F(h.left - a + m.x) : 0, a = a < h.left ? h.left : a) : a > h.right - m.x ? (t.x = d - l - 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 - c ? F(h.top + h.height - p - m.y) : 0, p = p > h.bottom ? h.bottom : p) : t.y = 0;
+    const v = Be(g, a), b = Be(u, p), x = He(g, a), C = He(u, p);
+    this._areaRect = Oe(v, b, x - v, C - b);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: i } = this._areaRect, { style: s } = this._area;
@@ -1316,32 +1336,32 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
   _onTapStop(t, n) {
     var o;
     const { document: i, features: s } = this._options, { _singleClick: r } = this;
-    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(), j(this._area, "display", "none");
+    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(), $(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: l } = o, { intersect: d, overlap: a } = n.behaviour, f = a === "invert", u = [], g = [], h = [];
+    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: c } = o, { intersect: l, overlap: d } = n.behaviour, f = d === "invert", h = [], g = [], u = [];
     for (let p = 0; p < t.length; p++) {
       const m = t[p];
-      if (Pe(i, m.getBoundingClientRect(), d)) {
+      if (je(i, m.getBoundingClientRect(), l)) {
         if (r.includes(m))
-          s.includes(m) && !l.includes(m) && l.push(m);
+          s.includes(m) && !c.includes(m) && c.push(m);
         else if (f && s.includes(m)) {
-          h.push(m);
+          u.push(m);
           continue;
         } else
           g.push(m);
-        u.push(m);
+        h.push(m);
       }
     }
     f && g.push(...s.filter((p) => !r.includes(p)));
-    const c = a === "keep";
+    const a = d === "keep";
     for (let p = 0; p < r.length; p++) {
       const m = r[p];
-      !u.includes(m) && !// Check if the user wants to keep previously selected elements, e.g.,
+      !h.includes(m) && !// 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.
-      (c && s.includes(m)) && h.push(m);
+      (a && s.includes(m)) && u.push(m);
     }
-    o.selected = u, o.changed = { added: g, removed: h }, this._latestElement = void 0;
+    o.selected = h, o.changed = { added: g, removed: u }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1351,20 +1371,20 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _keepSelection() {
-    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: r } = n, l = o.filter((d) => !r.includes(d));
+    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((d) => !s.includes(d))
+          ...c,
+          ...r.filter((l) => !s.includes(l))
           // Elements not touched
         ];
         break;
       }
       case "invert": {
         n.stored = [
-          ...l,
-          ...r.filter((d) => !i.removed.includes(d))
+          ...c,
+          ...r.filter((l) => !i.removed.includes(l))
           // Elements not removed from selection
         ];
         break;
@@ -1372,7 +1392,7 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       case "keep": {
         n.stored = [
           ...r,
-          ...o.filter((d) => !r.includes(d))
+          ...o.filter((l) => !r.includes(l))
           // Newly added
         ];
         break;
@@ -1404,7 +1424,7 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     s.added = [], s.removed.push(
       ...o,
       ...t ? i : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Re(t ? [] : i);
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Fe(t ? [] : i);
   }
   /**
    * @returns {Array} Selected elements
@@ -1457,7 +1477,7 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ 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;
   }
@@ -1468,10 +1488,10 @@ const Oe = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ 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));
   }
 };
@@ -1544,7 +1564,7 @@ function en(e) {
 const tn = function(e, t = !0) {
   this.theme = e;
   const o = {
-    ...(e.type === "dark" ? me : ge).cssVar,
+    ...(e.type === "dark" ? ve : me).cssVar,
     ...e.cssVar
   }, i = Object.keys(o);
   for (let s = 0; s < i.length; s++) {
@@ -1552,35 +1572,35 @@ const tn = function(e, t = !0) {
     this.container.style.setProperty(r, o[r]);
   }
   t && this.refresh();
-}, q = (e) => {
+}, z = (e) => {
   var o;
   const t = (o = e.parent) == null ? void 0 : o.children, n = (t == null ? void 0 : t.indexOf(e)) ?? 0;
   return { siblings: t, index: n };
 };
 function nn(e) {
-  const { siblings: t, index: n } = q(e);
+  const { siblings: t, index: n } = z(e);
   if (t === void 0)
     return;
   const o = t[n];
   n === 0 ? (t[n] = t[t.length - 1], t[t.length - 1] = o) : (t[n] = t[n - 1], t[n - 1] = o);
 }
 function on(e) {
-  const { siblings: t, index: n } = q(e);
+  const { siblings: t, index: n } = z(e);
   if (t === void 0)
     return;
   const o = t[n];
   n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
 }
 function Qe(e) {
-  const { siblings: t, index: n } = q(e);
+  const { siblings: t, index: n } = z(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
 function sn(e, t, n) {
-  const { siblings: o, index: i } = q(n);
+  const { siblings: o, index: i } = z(n);
   o !== void 0 && (t === "before" ? o.splice(i, 0, e) : o.splice(i + 1, 0, e));
 }
 function rn(e, t) {
-  const { siblings: n, index: o } = q(e);
+  const { siblings: n, index: o } = z(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
 function et(e, t, n) {
@@ -1589,13 +1609,13 @@ function et(e, t, n) {
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
-    const { siblings: i, index: s } = q(n);
+    const { siblings: i, index: s } = z(n);
     if (i === void 0)
       return;
     e === "before" ? i.splice(s, 0, t) : i.splice(s + 1, 0, t);
   }
 }
-const ln = function({ map: e, direction: t }, n) {
+const cn = function({ map: e, direction: t }, n) {
   var o, i;
   if (t === 0)
     return 0;
@@ -1612,13 +1632,13 @@ const ln = function({ map: e, direction: t }, n) {
     if (J(o), i.children[1])
       i.nextSibling.appendChild(n);
     else {
-      const l = e.createChildren([n]);
-      i.appendChild(xe(!0)), i.insertAdjacentElement("afterend", l);
+      const c = e.createChildren([n]);
+      i.appendChild(Ee(!0)), i.insertAdjacentElement("afterend", c);
     }
     e.linkDiv(n.offsetParent);
   } else
-    i.tagName === "ME-ROOT" && (ln(e, o.nodeObj) === 0 ? (s = e.container.querySelector(".lhs")) == null || s.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
-}, cn = function(e, t) {
+    i.tagName === "ME-ROOT" && (cn(e, o.nodeObj) === 0 ? (s = e.container.querySelector(".lhs")) == null || s.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
+}, ln = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
     const o = n.parentNode.parentNode;
@@ -1632,31 +1652,31 @@ const ln = function({ map: e, direction: t }, n) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
 }, an = function(e, t) {
-  const n = e.nodeObj, o = be(n);
+  const n = e.nodeObj, o = ye(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
   const i = Object.assign(n, t);
-  we(e, i), this.linkDiv(), this.bus.fire("operation", {
+  xe(e, i), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
     obj: i,
     origin: o
   });
-}, Ee = function(e, t, n) {
+}, Ce = function(e, t, n) {
   if (!t)
     return null;
   const o = t.nodeObj;
   o.expanded === !1 && (e.expandNode(t, !0), t = e.findEle(o.id));
   const i = n || e.generateNewObj();
-  o.children ? o.children.push(i) : o.children = [i], $(e.nodeData);
+  o.children ? o.children.push(i) : o.children = [i], j(e.nodeData);
   const { grp: s, top: r } = e.createWrapper(i);
   return tt(e, t, s), { newTop: r, newNodeObj: i };
 }, dn = function(e, t, n) {
-  var a, f, u, g;
+  var d, f, h, g;
   const o = t || this.currentNode;
   if (!o)
     return;
   const i = o.nodeObj;
   if (i.parent) {
-    if (!((a = i.parent) != null && a.parent) && ((u = (f = i.parent) == null ? void 0 : f.children) == null ? void 0 : u.length) === 1 && this.direction === 2) {
+    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) {
       this.addChild(this.findEle(i.parent.id), n);
       return;
     }
@@ -1666,16 +1686,16 @@ const ln = function({ map: e, direction: t }, n) {
   }
   const s = n || this.generateNewObj();
   if (!((g = i.parent) != null && g.parent)) {
-    const h = o.closest("me-main").className === M.LHS ? 0 : 1;
-    s.direction = h;
+    const u = o.closest("me-main").className === M.LHS ? 0 : 1;
+    s.direction = u;
   }
-  sn(s, e, i), $(this.nodeData);
-  const r = o.parentElement, { grp: l, top: d } = this.createWrapper(s);
-  r.parentElement.insertAdjacentElement(nt[e], l), this.linkDiv(l.offsetParent), n || this.editTopic(d.firstChild), this.selectNode(d.firstChild, !0), this.bus.fire("operation", {
+  sn(s, e, i), j(this.nodeData);
+  const r = o.parentElement, { grp: c, top: l } = this.createWrapper(s);
+  r.parentElement.insertAdjacentElement(nt[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(l.firstChild), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
     obj: s
-  });
+  }), this.selectNode(l.firstChild, !0);
 }, hn = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
@@ -1685,11 +1705,11 @@ const ln = function({ map: e, direction: t }, n) {
   if (!o.parent)
     return;
   const i = t || this.generateNewObj();
-  rn(o, i), $(this.nodeData);
-  const s = n.parentElement.parentElement, { grp: r, top: l } = this.createWrapper(i, !0);
-  l.appendChild(xe(!0)), s.insertAdjacentElement("afterend", r);
-  const d = this.createChildren([s]);
-  l.insertAdjacentElement("afterend", d), this.linkDiv(), t || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
+  rn(o, i), j(this.nodeData);
+  const s = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(i, !0);
+  c.appendChild(Ee(!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
   });
@@ -1697,7 +1717,7 @@ const ln = function({ map: e, direction: t }, n) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  const o = Ee(this, n, t);
+  const o = Ce(this, n, t);
   if (!o)
     return;
   const { newTop: i, newNodeObj: s } = o;
@@ -1706,9 +1726,9 @@ const ln = function({ map: e, direction: t }, n) {
     obj: s
   }), t || this.editTopic(i.firstChild), this.selectNode(i.firstChild, !0);
 }, fn = function(e, t) {
-  const n = be(e.nodeObj);
-  ve(n);
-  const o = Ee(this, t, n);
+  const n = ye(e.nodeObj);
+  be(n);
+  const o = Ce(this, t, n);
   if (!o)
     return;
   const { newNodeObj: i } = o;
@@ -1717,16 +1737,16 @@ const ln = function({ map: e, direction: t }, n) {
     obj: i
   });
 }, pn = function(e, t) {
-  e = ce(e);
+  e = le(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const i = e[o], s = be(i.nodeObj);
-    ve(s);
-    const r = Ee(this, t, s);
+    const i = e[o], s = ye(i.nodeObj);
+    be(s);
+    const r = Ce(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",
@@ -1757,10 +1777,10 @@ const ln = function({ map: e, direction: t }, n) {
 }, vn = function(e) {
   if (e.length === 0)
     return;
-  e = ce(e);
+  e = le(e);
   for (const n of e) {
     const o = n.nodeObj, i = Qe(o);
-    cn(n, i);
+    ln(n, i);
   }
   const t = e[e.length - 1];
   this.selectNode(this.findEle(t.nodeObj.parent.id)), this.linkDiv(), this.bus.fire("operation", {
@@ -1768,12 +1788,12 @@ const ln = function({ map: e, direction: t }, n) {
     objs: e.map((n) => n.nodeObj)
   });
 }, bn = function(e, t) {
-  e = ce(e);
+  e = le(e);
   const n = t.nodeObj;
   n.expanded === !1 && (this.expandNode(t, !0), t = this.findEle(n.id));
   for (const o of e) {
     const i = o.nodeObj;
-    et("in", i, n), $(this.nodeData);
+    et("in", i, n), j(this.nodeData);
     const s = o.parentElement;
     tt(this, t, s.parentElement);
   }
@@ -1783,13 +1803,13 @@ const ln = function({ map: e, direction: t }, n) {
     toObj: n
   });
 }, ot = (e, t, n, o) => {
-  e = ce(e), t === "after" && (e = e.reverse());
+  e = le(e), t === "after" && (e = e.reverse());
   const i = n.nodeObj, s = [];
   for (const r of e) {
-    const l = r.nodeObj;
-    et(t, l, i), $(o.nodeData), J(r);
-    const d = r.parentElement.parentNode;
-    s.includes(d.parentElement) || s.push(d.parentElement), n.parentElement.parentNode.insertAdjacentElement(nt[t], d);
+    const c = r.nodeObj;
+    et(t, c, i), j(o.nodeData), J(r);
+    const l = r.parentElement.parentNode;
+    s.includes(l.parentElement) || s.push(l.parentElement), n.parentElement.parentNode.insertAdjacentElement(nt[t], l);
   }
   for (const r of s)
     r.childElementCount === 0 && r.tagName !== "ME-MAIN" && (r.previousSibling.children[1].remove(), r.remove());
@@ -1837,8 +1857,8 @@ function Cn(e) {
 const Sn = 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, d = o.top + o.height / 2, a = s - l, f = r - d;
-    this.move(-a, -f);
+    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, d = s - c, f = r - l;
+    this.move(-d, -f, !0);
   }
 }, Nn = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
@@ -1860,23 +1880,25 @@ const Sn = function(e) {
   this.editable = !0;
 }, Dn = function() {
   this.editable = !1;
-}, On = function(e, t = { x: 0, y: 0 }) {
+}, Pn = 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 } = st(this), l = this.map.style.transform, { x: d, y: a } = Ge(l), f = d - s, u = a - r, g = this.scaleVal, h = (-o + f) * (1 - e / g), c = (-i + u) * (1 - e / g);
-  this.map.style.transform = `translate(${d - h}px, ${a - c}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
-}, jn = function() {
+  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 } = st(this), c = this.map.style.transform, { x: l, y: d } = Ge(c), f = l - s, h = d - r, g = this.scaleVal, u = (-o + f) * (1 - e / g), a = (-i + h) * (1 - e / g);
+  this.map.style.transform = `translate(${l - u}px, ${d - a}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
+}, $n = 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);
-}, Pn = function(e, t) {
-  const { map: n, scaleVal: o, bus: i } = this, s = n.style.transform;
-  let { x: r, y: l } = Ge(s);
-  r += e, l += t, n.style.transform = `translate(${r}px, ${l}px) scale(${o})`, i.fire("move", { dx: e, dy: t });
+}, On = function(e, t, n = !1) {
+  const { map: o, scaleVal: i, bus: s } = this, r = o.style.transform;
+  let { x: c, y: l } = Ge(r);
+  c += e, l += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
+    o.style.transition = "none";
+  }, 300)), o.style.transform = `translate(${c}px, ${l}px) scale(${i})`, s.fire("move", { dx: e, dy: t });
 }, st = (e) => {
-  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, l = i.offsetWidth, d = i.offsetHeight;
-  let a, f;
-  return e.alignment === "root" ? (a = t.offsetWidth / 2 - r - l / 2, f = t.offsetHeight / 2 - s - d / 2, n.style.transformOrigin = `${r + l / 2}px 50%`) : (a = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: a, dy: f };
-}, $n = function() {
+  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 d, f;
+  return e.alignment === "root" ? (d = t.offsetWidth / 2 - r - c / 2, f = t.offsetHeight / 2 - s - l / 2, n.style.transformOrigin = `${r + c / 2}px 50%`) : (d = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: d, dy: f };
+}, jn = function() {
   const { map: e } = this, { dx: t, dy: n } = st(this);
   e.style.transform = `translate(${t}px, ${n}px) scale(${this.scaleVal})`;
 }, Hn = function(e) {
@@ -1887,32 +1909,46 @@ const Sn = function(e) {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, Fn = function() {
   this.direction = 0, this.refresh(), this.toCenter();
-}, In = function() {
-  this.direction = 1, this.refresh(), this.toCenter();
 }, Wn = function() {
+  this.direction = 1, this.refresh(), this.toCenter();
+}, In = function() {
   this.direction = 2, this.refresh(), this.toCenter();
 }, Kn = function(e) {
   this.locale = e, this.refresh();
 }, Yn = function(e, t) {
   const n = e.nodeObj;
   typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
-  const o = e.parentNode, i = o.children[1];
-  if (i.expanded = n.expanded, i.className = n.expanded ? "minus" : "", J(e), n.expanded) {
-    const d = this.createChildren(
-      n.children.map((a) => this.createWrapper(a).grp)
+  const o = e.getBoundingClientRect(), i = {
+    x: o.left,
+    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)
     );
-    o.parentNode.appendChild(d);
+    s.parentNode.appendChild(h);
   } else
-    o.parentNode.children[1].remove();
+    s.parentNode.children[1].remove();
   this.linkDiv(e.closest("me-main > me-wrapper"));
-  const s = e.getBoundingClientRect(), r = this.container.getBoundingClientRect();
-  (s.bottom > r.bottom || s.top < r.top || s.right > r.right || s.left < r.left) && this.scrollIntoView(e), this.bus.fire("expandNode", n);
+  const c = e.getBoundingClientRect(), l = {
+    x: c.left,
+    y: c.top
+  }, d = i.x - l.x, f = i.y - l.y;
+  this.move(d, f), this.bus.fire("expandNode", n);
 }, Gn = function(e, t) {
-  const n = e.nodeObj;
-  V(n, t ?? !n.expanded), this.refresh();
-}, Vn = function(e) {
-  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)), $(this.nodeData), this.layout(), this.linkDiv();
-}, qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const n = e.nodeObj, o = e.getBoundingClientRect(), i = {
+    x: o.left,
+    y: o.top
+  };
+  q(n, t ?? !n.expanded), this.refresh();
+  const s = this.findEle(n.id).getBoundingClientRect(), r = {
+    x: s.left,
+    y: s.top
+  }, c = i.x - r.x, l = i.y - r.y;
+  this.move(c, l);
+}, qn = 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)), j(this.nodeData), this.layout(), this.linkDiv();
+}, zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: Rn,
   clearSelection: Tn,
@@ -1924,20 +1960,20 @@ const Sn = function(e) {
   getData: An,
   getDataString: Ln,
   initLeft: Fn,
-  initRight: In,
-  initSide: Wn,
+  initRight: Wn,
+  initSide: In,
   install: Hn,
-  move: Pn,
-  refresh: Vn,
-  scale: On,
-  scaleFit: jn,
+  move: On,
+  refresh: qn,
+  scale: Pn,
+  scaleFit: $n,
   scrollIntoView: Sn,
   selectNode: Nn,
   selectNodes: kn,
   setLocale: Kn,
-  toCenter: $n,
+  toCenter: jn,
   unselectNodes: _n
-}, Symbol.toStringTag, { value: "Module" })), zn = function(e) {
+}, Symbol.toStringTag, { value: "Module" })), Vn = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -1960,7 +1996,7 @@ const Sn = function(e) {
     },
     cb: null,
     init(t, n) {
-      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = ye([
+      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = we([
         { dom: t, evt: "pointermove", func: this.handlePointerMove },
         { dom: t, evt: "pointerleave", func: this.handleClear },
         { dom: t, evt: "pointerup", func: this.handleClear },
@@ -1972,58 +2008,58 @@ const Sn = function(e) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, Fe = {
-  create: zn
+}, We = {
+  create: Vn
 }, Un = "#4dc4ff";
-function rt(e, t, n, o, i, s, r, l) {
+function rt(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 Xn(e, t, n) {
-  S(e, {
+  N(e, {
     x: t + "",
     y: n + ""
   });
 }
 function Q(e, t, n, o, i) {
-  S(e, {
+  N(e, {
     x1: t + "",
     y1: n + "",
     x2: o + "",
     y2: i + ""
   });
 }
-function Ie(e, t, n, o, i, s, r, l, d, a) {
-  var h;
-  if (e.line.setAttribute("d", `M ${t} ${n} C ${o} ${i} ${s} ${r} ${l} ${d}`), a.style) {
-    const c = a.style;
-    c.stroke && e.line.setAttribute("stroke", c.stroke), c.strokeWidth && e.line.setAttribute("stroke-width", String(c.strokeWidth)), c.strokeDasharray && e.line.setAttribute("stroke-dasharray", c.strokeDasharray), c.strokeLinecap && e.line.setAttribute("stroke-linecap", c.strokeLinecap), c.opacity !== void 0 && e.line.setAttribute("opacity", String(c.opacity));
-  }
-  const f = ie(s, r, l, d);
-  if (f && (e.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${l} ${d} L ${f.x2} ${f.y2}`), a.style)) {
-    const c = a.style;
-    c.stroke && e.arrow1.setAttribute("stroke", c.stroke), c.strokeWidth && e.arrow1.setAttribute("stroke-width", String(c.strokeWidth)), c.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", c.strokeLinecap), c.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(c.opacity));
-  }
-  if (a.bidirectional) {
-    const c = ie(o, i, t, n);
-    if (c && (e.arrow2.setAttribute("d", `M ${c.x1} ${c.y1} L ${t} ${n} L ${c.x2} ${c.y2}`), a.style)) {
-      const p = a.style;
+function Ie(e, t, n, o, i, s, r, c, l, d) {
+  var u;
+  if (e.line.setAttribute("d", `M ${t} ${n} C ${o} ${i} ${s} ${r} ${c} ${l}`), 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 = ie(s, r, c, l);
+  if (f && (e.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${c} ${l} 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 = ie(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));
     }
   }
-  const { x: u, y: g } = rt(t, n, o, i, s, r, l, d);
-  Xn(e.label, u, g), (h = a.style) != null && h.labelColor && e.label.setAttribute("fill", a.style.labelColor), so(e);
+  const { x: h, y: g } = rt(t, n, o, i, s, r, c, l);
+  Xn(e.label, h, g), (u = d.style) != null && u.labelColor && e.label.setAttribute("fill", d.style.labelColor), io(e);
 }
-function le(e, t, n) {
-  const { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, l = o + s / 2, d = i + r / 2, a = l + n.x, f = d + n.y;
+function ce(e, t, n) {
+  const { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, c = o + s / 2, l = i + r / 2, d = c + n.x, f = l + n.y;
   return {
     w: s,
     h: r,
-    cx: l,
-    cy: d,
-    ctrlX: a,
+    cx: c,
+    cy: l,
+    ctrlX: d,
     ctrlY: f
   };
 }
@@ -2035,32 +2071,28 @@ function G(e) {
     y: n
   };
 }
-const Jn = function(e, t, n, o) {
-  const i = document.createElementNS(_, "text");
-  return S(i, {
-    "text-anchor": "middle",
-    x: t + "",
-    y: n + "",
-    fill: o || "rgb(235, 95, 82)"
-  }), i.dataset.type = "custom-link", i.innerHTML = e, i;
-}, Ce = function(e, t, n, o, i) {
+const Se = function(e, t, n, o, i) {
   var w;
   if (!t || !n)
     return;
-  const s = le(e, t, o.delta1), r = le(e, n, o.delta2), { x: l, y: d } = G(s), { ctrlX: a, ctrlY: f } = s, { ctrlX: u, ctrlY: g } = r, { x: h, y: c } = G(r), p = ie(u, g, h, c);
+  const s = ce(e, t, o.delta1), r = ce(e, n, o.delta2), { x: c, y: l } = G(s), { ctrlX: d, ctrlY: f } = s, { ctrlX: h, ctrlY: g } = r, { x: u, y: a } = G(r), p = ie(h, g, u, a);
   if (!p)
     return;
-  const m = `M ${p.x1} ${p.y1} L ${h} ${c} L ${p.x2} ${p.y2}`;
+  const m = `M ${p.x1} ${p.y1} L ${u} ${a} L ${p.x2} ${p.y2}`;
   let v = "";
   if (o.bidirectional) {
-    const E = ie(a, f, l, d);
+    const E = ie(d, f, c, l);
     if (!E)
       return;
-    v = `M ${E.x1} ${E.y1} L ${l} ${d} L ${E.x2} ${E.y2}`;
+    v = `M ${E.x1} ${E.y1} L ${c} ${l} L ${E.x2} ${E.y2}`;
   }
-  const b = Tt(`M ${l} ${d} C ${a} ${f} ${u} ${g} ${h} ${c}`, m, v, o.style), { x, y: N } = rt(l, d, a, f, u, g, h, c), k = (w = o.style) == null ? void 0 : w.labelColor, y = Jn(o.label, x, N, k);
-  b.appendChild(y), b.label = y, b.arrowObj = o, b.dataset.linkid = o.id, e.linkSvgGroup.appendChild(b), i || (e.arrows.push(o), e.currentArrow = b, lt(e, o, s, r));
-}, Zn = function(e, t, n = {}) {
+  const b = Tt(`M ${c} ${l} C ${d} ${f} ${h} ${g} ${u} ${a}`, m, v, o.style), { x, y: C } = rt(c, l, d, f, h, g, u, a), k = (w = o.style) == null ? void 0 : w.labelColor, y = ue(o.label, x, C, {
+    anchor: "middle",
+    color: k,
+    dataType: "custom-link"
+  });
+  b.appendChild(y), b.label = y, b.arrowObj = o, b.dataset.linkid = o.id, e.linkSvgGroup.appendChild(b), i || (e.arrows.push(o), e.currentArrow = b, ct(e, o, s, r));
+}, Jn = function(e, t, n = {}) {
   const o = {
     id: K(),
     label: "Custom Link",
@@ -2076,18 +2108,18 @@ const Jn = function(e, t, n, o) {
     },
     ...n
   };
-  Ce(this, e, t, o), this.bus.fire("operation", {
+  Se(this, e, t, o), this.bus.fire("operation", {
     name: "createArrow",
     obj: o
   });
-}, Qn = function(e) {
+}, Zn = function(e) {
   ae(this);
   const t = { ...e, id: K() };
-  Ce(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
+  Se(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
     obj: t
   });
-}, eo = function(e) {
+}, Qn = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
@@ -2099,15 +2131,15 @@ const Jn = function(e, t, n, o) {
       id: n
     }
   });
-}, to = function(e) {
+}, eo = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = le(this, n, t.delta1), s = le(this, o, t.delta2);
-  lt(this, t, i, s);
-}, no = function() {
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = ce(this, n, t.delta1), s = ce(this, o, t.delta2);
+  ct(this, t, i, s);
+}, to = function() {
   ae(this), this.currentArrow = null;
 }, de = function(e, t) {
-  const n = document.createElementNS(_, "path");
-  return S(n, {
+  const n = document.createElementNS(L, "path");
+  return N(n, {
     d: e,
     stroke: t,
     fill: "none",
@@ -2115,8 +2147,8 @@ const Jn = function(e, t, n, o) {
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }), n;
-}, oo = function(e, t) {
-  const n = document.createElementNS(_, "g");
+}, no = function(e, t) {
+  const n = document.createElementNS(L, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
   const o = de(e.line.getAttribute("d"), t);
   n.appendChild(o);
@@ -2126,10 +2158,10 @@ const Jn = function(e, t, n, o) {
     n.appendChild(s);
   }
   e.insertBefore(n, e.firstChild);
-}, io = function(e) {
+}, oo = function(e) {
   const t = e.querySelector(".arrow-highlight");
   t && t.remove();
-}, so = function(e) {
+}, io = function(e) {
   const t = e.querySelector(".arrow-highlight");
   if (!t)
     return;
@@ -2137,35 +2169,35 @@ const Jn = function(e, t, n, o) {
   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"));
 }, ae = 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 && io(e.currentArrow);
-}, lt = function(e, t, n, o) {
-  const { linkController: i, P2: s, P3: r, line1: l, line2: d, nodes: a, map: f, currentArrow: u, bus: g } = e;
-  if (!u)
+  (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 && oo(e.currentArrow);
+}, ct = function(e, t, n, o) {
+  const { linkController: i, P2: s, P3: r, line1: c, line2: l, nodes: d, map: f, currentArrow: h, bus: g } = e;
+  if (!h)
     return;
-  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", a.appendChild(i), a.appendChild(s), a.appendChild(r), oo(u, Un);
-  let { x: h, y: c } = G(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: v, ctrlY: b } = o, { x, y: N } = G(o);
-  s.style.cssText = `top:${m}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, Q(l, h, c, p, m), Q(d, v, b, x, N), e.helper1 = Fe.create(s), e.helper2 = Fe.create(r), e.helper1.init(f, (k, y) => {
+  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", d.appendChild(i), d.appendChild(s), d.appendChild(r), no(h, Un);
+  let { x: u, y: a } = G(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: v, ctrlY: b } = o, { x, y: C } = G(o);
+  s.style.cssText = `top:${m}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, Q(c, u, a, p, m), Q(l, v, b, x, C), e.helper1 = We.create(s), e.helper2 = We.create(r), e.helper1.init(f, (k, y) => {
     p = p + k / e.scaleVal, m = m + y / e.scaleVal;
     const w = G({ ...n, ctrlX: p, ctrlY: m });
-    h = w.x, c = w.y, s.style.top = m + "px", s.style.left = p + "px", Ie(u, h, c, p, m, v, b, x, N, t), Q(l, h, c, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, g.fire("updateArrowDelta", t);
+    u = w.x, a = w.y, s.style.top = m + "px", s.style.left = p + "px", Ie(h, u, a, p, m, v, b, x, C, t), Q(c, u, a, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, g.fire("updateArrowDelta", t);
   }), e.helper2.init(f, (k, y) => {
     v = v + k / e.scaleVal, b = b + y / e.scaleVal;
     const w = G({ ...o, ctrlX: v, ctrlY: b });
-    x = w.x, N = w.y, r.style.top = b + "px", r.style.left = v + "px", Ie(u, h, c, p, m, v, b, x, N, t), Q(d, v, b, x, N), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, g.fire("updateArrowDelta", t);
+    x = w.x, C = w.y, r.style.top = b + "px", r.style.left = v + "px", Ie(h, u, a, p, m, v, b, x, C, t), Q(l, v, b, x, C), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, g.fire("updateArrowDelta", t);
   });
 };
-function ro() {
+function so() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      Ce(this, this.findEle(t.from), this.findEle(t.to), t, !0);
+      Se(this, this.findEle(t.from), this.findEle(t.to), t, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function lo(e) {
+function ro(e) {
   if (ae(this), !e)
     return;
   const t = e.label;
@@ -2174,123 +2206,115 @@ function lo(e) {
 function co() {
   this.arrows = this.arrows.filter((e) => oe(e.from, this.nodeData) && oe(e.to, this.nodeData));
 }
-const ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: Zn,
-  createArrowFrom: Qn,
-  editArrowLabel: lo,
-  removeArrow: eo,
-  renderArrow: ro,
-  selectArrow: to,
+  createArrow: Jn,
+  createArrowFrom: Zn,
+  editArrowLabel: ro,
+  removeArrow: Qn,
+  renderArrow: so,
+  selectArrow: eo,
   tidyArrow: co,
-  unselectArrow: no
-}, Symbol.toStringTag, { value: "Module" })), ho = function(e) {
-  var d, a;
+  unselectArrow: to
+}, Symbol.toStringTag, { value: "Module" })), ao = function(e) {
+  var l, d;
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
-    const f = e[0].nodeObj, u = e[0].nodeObj.parent;
-    if (!u)
+    const f = e[0].nodeObj, h = e[0].nodeObj.parent;
+    if (!h)
       throw new Error("Can not select root node.");
-    const g = u.children.findIndex((h) => f === h);
+    const g = h.children.findIndex((u) => f === u);
     return {
-      parent: u.id,
+      parent: h.id,
       start: g,
       end: g
     };
   }
   let t = 0;
   const n = e.map((f) => {
-    let u = f.nodeObj;
+    let h = f.nodeObj;
     const g = [];
-    for (; u.parent; ) {
-      const h = u.parent, c = h.children, p = c == null ? void 0 : c.indexOf(u);
-      u = h, g.unshift({ node: u, index: p });
+    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 });
     }
     return g.length > t && (t = g.length), g;
   });
   let o = 0;
   e:
     for (; o < t; o++) {
-      const f = (d = n[0][o]) == null ? void 0 : d.node;
-      for (let u = 1; u < n.length; u++)
-        if (((a = n[u][o]) == null ? void 0 : a.node) !== f)
+      const f = (l = n[0][o]) == null ? void 0 : l.node;
+      for (let h = 1; h < n.length; h++)
+        if (((d = n[h][o]) == null ? void 0 : d.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
   };
-}, uo = function(e) {
-  const t = document.createElementNS(_, "g");
+}, ho = function(e) {
+  const t = document.createElementNS(L, "g");
   return t.setAttribute("id", e), t;
-}, We = function(e, t) {
-  const n = document.createElementNS(_, "path");
-  return S(n, {
+}, Ke = function(e, t) {
+  const n = document.createElementNS(L, "path");
+  return N(n, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, Ke = function(e, t, n, o, i) {
-  const s = document.createElementNS(_, "text");
-  return S(s, {
-    "text-anchor": o,
-    x: t + "",
-    y: n + "",
-    fill: i || "#666"
-  }), s.innerHTML = e, s;
-}, fo = (e) => e.parentElement.parentElement, po = function(e, { parent: t, start: n }) {
+}, uo = (e) => e.parentElement.parentElement, fo = function(e, { parent: t, start: n }) {
   const o = e.findEle(t), i = o.nodeObj;
   let s;
   return i.parent ? s = o.closest("me-main").className : s = e.findEle(i.children[n].id).closest("me-main").className, s;
-}, Se = function(e, t) {
+}, Ne = function(e, t) {
   var E;
-  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: l, theme: d, summarySvg: a } = e, u = e.findEle(i).nodeObj, g = po(e, t);
-  let h = 1 / 0, c = 0, p = 0, m = 0;
-  for (let C = s; C <= r; C++) {
-    const O = (E = u.children) == null ? void 0 : E[C];
-    if (!O)
+  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: c, theme: l, summarySvg: d } = e, h = e.findEle(i).nodeObj, g = fo(e, t);
+  let u = 1 / 0, a = 0, p = 0, m = 0;
+  for (let S = s; S <= r; S++) {
+    const P = (E = h.children) == null ? void 0 : E[S];
+    if (!P)
       return e.removeSummary(n), null;
-    const B = fo(e.findEle(O.id)), { offsetLeft: R, offsetTop: Ne } = H(l, B), ke = s === r ? 10 : 20;
-    C === s && (p = Ne + ke), C === r && (m = Ne + B.offsetHeight - ke), R < h && (h = R), B.offsetWidth + R > c && (c = B.offsetWidth + R);
+    const B = uo(e.findEle(P.id)), { offsetLeft: R, offsetTop: ke } = H(c, B), _e = s === r ? 10 : 20;
+    S === s && (p = ke + _e), S === r && (m = ke + B.offsetHeight - _e), R < u && (u = R), B.offsetWidth + R > a && (a = B.offsetWidth + R);
   }
   let v, b;
-  const x = p + 10, N = m + 10, k = (x + N) / 2, y = d.cssVar["--color"];
-  g === M.LHS ? (v = We(`M ${h + 10} ${x} c -5 0 -10 5 -10 10 L ${h} ${N - 10} c 0 5 5 10 10 10 M ${h} ${k} h -10`, y), b = Ke(o, h - 20, k + 6, "end", y)) : (v = We(`M ${c - 10} ${x} c 5 0 10 5 10 10 L ${c} ${N - 10} c 0 5 -5 10 -10 10 M ${c} ${k} h 10`, y), b = Ke(o, c + 20, k + 6, "start", y));
-  const w = uo("s-" + n);
-  return w.appendChild(v), w.appendChild(b), w.summaryObj = t, a.appendChild(w), w;
-}, go = function() {
+  const x = p + 10, C = m + 10, k = (x + C) / 2, y = l.cssVar["--color"];
+  g === M.LHS ? (v = Ke(`M ${u + 10} ${x} c -5 0 -10 5 -10 10 L ${u} ${C - 10} c 0 5 5 10 10 10 M ${u} ${k} h -10`, y), b = ue(o, u - 20, k + 6, { anchor: "end", color: y })) : (v = Ke(`M ${a - 10} ${x} c 5 0 10 5 10 10 L ${a} ${C - 10} c 0 5 -5 10 -10 10 M ${a} ${k} h 10`, y), b = ue(o, a + 20, k + 6, { anchor: "start", color: y }));
+  const w = ho("s-" + n);
+  return w.appendChild(v), w.appendChild(b), w.summaryObj = t, d.appendChild(w), w;
+}, po = function() {
   if (!this.currentNodes)
     return;
-  const { currentNodes: e, summaries: t, bus: n } = this, { parent: o, start: i, end: s } = ho(e), r = { id: K(), parent: o, start: i, end: s, label: "summary" }, l = Se(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 } = ao(e), r = { id: K(), parent: o, start: i, end: s, label: "summary" }, c = Ne(this, r);
+  t.push(r), this.editSummary(c), n.fire("operation", {
     name: "createSummary",
     obj: r
   });
-}, mo = function(e) {
+}, go = function(e) {
   const t = K(), n = { ...e, id: t };
-  Se(this, n), this.summaries.push(n), this.bus.fire("operation", {
+  Ne(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
-}, vo = function(e) {
+}, mo = function(e) {
   var n;
   const t = this.summaries.findIndex((o) => o.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
   });
-}, bo = function(e) {
-  const t = e.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(_, "rect");
-  S(i, {
+}, vo = function(e) {
+  const t = e.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(L, "rect");
+  N(i, {
     x: t.x - n + "",
     y: t.y - n + "",
     width: t.width + n * 2 + "",
@@ -2300,80 +2324,80 @@ const ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), e.appendChild(i), this.currentSummary = e;
-}, yo = function() {
+}, bo = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, wo = function() {
+}, yo = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      Se(this, e);
+      Ne(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, xo = function(e) {
+}, wo = function(e) {
   if (!e)
     return;
   const t = e.childNodes[1];
   Ue(this, t, e.summaryObj);
-}, Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: go,
-  createSummaryFrom: mo,
-  editSummary: xo,
-  removeSummary: vo,
-  renderSummary: wo,
-  selectSummary: bo,
-  unselectSummary: yo
-}, Symbol.toStringTag, { value: "Module" })), T = "http://www.w3.org/2000/svg";
-function Co(e, t) {
-  const n = document.createElementNS(T, "svg");
-  return S(n, {
+  createSummary: po,
+  createSummaryFrom: go,
+  editSummary: wo,
+  removeSummary: mo,
+  renderSummary: yo,
+  selectSummary: vo,
+  unselectSummary: bo
+}, Symbol.toStringTag, { value: "Module" })), _ = "http://www.w3.org/2000/svg";
+function Eo(e, t) {
+  const n = document.createElementNS(_, "svg");
+  return N(n, {
     version: "1.1",
-    xmlns: T,
+    xmlns: _,
     height: e,
     width: t
   }), n;
 }
-function So(e, t) {
+function Co(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function No(e, t, n, o) {
-  const i = document.createElementNS(T, "g");
+function So(e, t, n, o) {
+  const i = document.createElementNS(_, "g");
   let s = "";
   return e.text ? s = e.text.textContent : s = e.childNodes[0].textContent, s.split(`
-`).forEach((l, d) => {
-    const a = document.createElementNS(T, "text");
-    S(a, {
+`).forEach((c, l) => {
+    const d = document.createElementNS(_, "text");
+    N(d, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + So(t.lineHeight, t.fontSize) * (d + 1) + parseFloat(t.fontSize) * (d + 1) + "",
+      y: o + parseInt(t.paddingTop) + Co(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}`
-    }), a.innerHTML = l, i.appendChild(a);
+    }), d.innerHTML = c, i.appendChild(d);
   }), i;
 }
-function ko(e, t, n, o) {
-  var l;
+function No(e, t, n, o) {
+  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;
-  const s = document.createElementNS(T, "foreignObject");
-  S(s, {
+  (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(_, "foreignObject");
+  N(s, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
     height: t.height
   });
   const r = document.createElement("div");
-  return S(r, {
+  return N(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), r.innerHTML = i, s.appendChild(r), s;
 }
-function _o(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "rect");
-  return S(s, {
+function ko(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(_, "rect");
+  return N(s, {
     x: o + "",
     y: i + "",
     rx: n.borderRadius,
@@ -2386,8 +2410,8 @@ function _o(e, t) {
   }), s;
 }
 function ee(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: i, offsetTop: s } = H(e.nodes, t), r = document.createElementNS(T, "rect");
-  S(r, {
+  const o = getComputedStyle(t), { offsetLeft: i, offsetTop: s } = H(e.nodes, t), r = document.createElementNS(_, "rect");
+  N(r, {
     x: i + "",
     y: s + "",
     rx: o.borderRadius,
@@ -2398,14 +2422,14 @@ function ee(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const l = document.createElementNS(T, "g");
-  l.appendChild(r);
-  let d;
-  return n ? d = ko(t, o, i, s) : d = No(t, o, i, s), l.appendChild(d), l;
+  const c = document.createElementNS(_, "g");
+  c.appendChild(r);
+  let l;
+  return n ? l = No(t, o, i, s) : l = So(t, o, i, s), c.appendChild(l), c;
 }
-function To(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "a"), r = document.createElementNS(T, "text");
-  return S(r, {
+function _o(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(_, "a"), r = document.createElementNS(_, "text");
+  return N(r, {
     x: o + "",
     y: i + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -2415,9 +2439,9 @@ function To(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, s.appendChild(r), s.setAttribute("href", t.href), s;
 }
-function Lo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "image");
-  return S(s, {
+function To(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(_, "image");
+  return N(s, {
     x: o + "",
     y: i + "",
     width: n.width + "",
@@ -2425,41 +2449,41 @@ function Lo(e, t) {
     href: t.src
   }), s;
 }
-const te = 100, Ao = '<?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">', Mo = (e, t = !1) => {
-  var u, g, h;
-  const n = e.nodes, o = n.offsetHeight + te * 2, i = n.offsetWidth + te * 2, s = Co(o + "px", i + "px"), r = document.createElementNS(T, "svg"), l = document.createElementNS(T, "rect");
-  S(l, {
+const te = 100, Lo = '<?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">', Ao = (e, t = !1) => {
+  var h, g, u;
+  const n = e.nodes, o = n.offsetHeight + te * 2, i = n.offsetWidth + te * 2, s = Eo(o + "px", i + "px"), r = document.createElementNS(_, "svg"), c = document.createElementNS(_, "rect");
+  N(c, {
     x: "0",
     y: "0",
     width: `${i}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), s.appendChild(l), n.querySelectorAll(".subLines").forEach((c) => {
-    const p = c.cloneNode(!0), { offsetLeft: m, offsetTop: v } = H(n, c.parentElement);
+  }), s.appendChild(c), n.querySelectorAll(".subLines").forEach((a) => {
+    const p = a.cloneNode(!0), { offsetLeft: m, offsetTop: v } = H(n, a.parentElement);
     p.setAttribute("x", `${m}`), p.setAttribute("y", `${v}`), r.appendChild(p);
   });
-  const d = (u = n.querySelector(".lines")) == null ? void 0 : u.cloneNode(!0);
+  const l = (h = n.querySelector(".lines")) == null ? void 0 : h.cloneNode(!0);
+  l && r.appendChild(l);
+  const d = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
   d && r.appendChild(d);
-  const a = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
-  a && r.appendChild(a);
-  const f = (h = n.querySelector(".summary")) == null ? void 0 : h.cloneNode(!0);
-  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((c) => {
-    c.nodeObj.dangerouslySetInnerHTML ? r.appendChild(ee(e, c, !t)) : (r.appendChild(_o(e, c)), r.appendChild(ee(e, c.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((c) => {
-    r.appendChild(ee(e, c));
-  }), n.querySelectorAll(".icons > span").forEach((c) => {
-    r.appendChild(ee(e, c));
-  }), n.querySelectorAll(".hyper-link").forEach((c) => {
-    r.appendChild(To(e, c));
-  }), n.querySelectorAll("img").forEach((c) => {
-    r.appendChild(Lo(e, c));
-  }), S(r, {
+  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(ko(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(_o(e, a));
+  }), n.querySelectorAll("img").forEach((a) => {
+    r.appendChild(To(e, a));
+  }), N(r, {
     x: te + "",
     y: te + "",
     overflow: "visible"
   }), s.appendChild(r), s;
-}, Do = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Ao + e.outerHTML);
-function Oo(e) {
+}, Mo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Lo + e.outerHTML);
+function Do(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (i) => {
@@ -2469,35 +2493,35 @@ function Oo(e) {
     }, o.readAsDataURL(e);
   });
 }
-const jo = function(e = !1, t) {
-  const n = Mo(this, e), o = Do(n, t);
+const Po = function(e = !1, t) {
+  const n = Ao(this, e), o = Mo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, Po = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await Oo(n);
+}, $o = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await Do(n);
   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;
   });
-}, $o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: Po,
-  exportSvg: jo
+  exportPng: $o,
+  exportSvg: Po
 }, Symbol.toStringTag, { value: "Module" }));
-function Ho(e, t) {
+function jo(e, t) {
   return async function(...n) {
     const o = this.before[t];
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const Ye = Object.keys(it), ct = {};
+const Ye = Object.keys(it), lt = {};
 for (let e = 0; e < Ye.length; e++) {
   const t = Ye[e];
-  ct[t] = Ho(it[t], t);
+  lt[t] = jo(it[t], t);
 }
-const Bo = {
+const Ho = {
   getObjById: oe,
   generateNewObj: ht,
   layout: wt,
@@ -2507,41 +2531,41 @@ const Bo = {
   createParent: St,
   createChildren: Nt,
   createTopic: kt,
-  findEle: Ve,
+  findEle: qe,
   changeTheme: tn,
-  ...qn,
-  ...ct,
-  ...ao,
-  ...Eo,
-  ...$o,
+  ...zn,
+  ...lt,
+  ...lo,
+  ...xo,
+  ...Oo,
   init(e) {
     if (e = JSON.parse(JSON.stringify(e)), !e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && qt(this), this.keypress && vt(this, this.keypress), this.editable && en(this), this.contextMenu && this.disposable.push(At(this, this.contextMenu)), this.draggable && this.disposable.push(jt(this)), this.allowUndo && this.disposable.push($t(this)), this.layout(), this.linkDiv(), this.toCenter();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, j(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && zt(this), this.keypress && vt(this, this.keypress), this.editable && en(this), this.contextMenu && this.disposable.push(At(this, this.contextMenu)), this.draggable && this.disposable.push($t(this)), this.allowUndo && this.disposable.push(jt(this)), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     var e;
     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 Ro({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: d, containerHeight: a }) {
+function Bo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: l, containerHeight: d }) {
   let f = t + n / 2;
-  const u = e + o / 2;
+  const h = e + o / 2;
   let g;
-  d === M.LHS ? g = s + r : g = s;
-  const h = i + l / 2, p = (1 - Math.abs(h - u) / a) * 0.25 * (n / 2);
-  return d === M.LHS ? f = f - n / 10 - p : f = f + n / 10 + p, `M ${f} ${u} Q ${f} ${h} ${g} ${h}`;
+  l === M.LHS ? g = s + r : g = s;
+  const u = i + c / 2, p = (1 - Math.abs(u - h) / d) * 0.25 * (n / 2);
+  return l === M.LHS ? f = f - n / 10 - p : f = f + n / 10 + p, `M ${f} ${h} Q ${f} ${u} ${g} ${u}`;
 }
-function Fo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: d, isFirst: a }) {
+function Ro({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: l, isFirst: d }) {
   const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let u = 0, g = 0;
-  a ? u = e + o / 2 : u = e + o;
-  const h = i + l;
-  let c = 0, p = 0, m = 0;
-  const v = Math.abs(u - h) / 300 * f;
-  return d === M.LHS ? (m = t, c = m + f, p = m - f, g = s + f, `M ${c} ${u} C ${m} ${u} ${m + v} ${h} ${p} ${h} H ${g}`) : (m = t + n, c = m - f, p = m + f, g = s + r - f, `M ${c} ${u} C ${m} ${u} ${m - v} ${h} ${p} ${h} H ${g}`);
+  let h = 0, g = 0;
+  d ? h = e + o / 2 : h = e + o;
+  const u = i + c;
+  let a = 0, p = 0, m = 0;
+  const v = Math.abs(h - u) / 300 * f;
+  return l === 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}`);
 }
-const Io = "5.0.4";
+const Fo = "5.0.6";
 function Wo(e) {
   return {
     x: 0,
@@ -2553,7 +2577,7 @@ function Wo(e) {
       this.mousedown && (this.moved = !0, e.move(t, n));
     },
     clear() {
-      this.mousedown = !1, e.map.style.transition = "transform 0.3s";
+      this.mousedown = !1;
     }
   };
 }
@@ -2566,35 +2590,33 @@ function D({
   editable: i,
   contextMenu: s,
   toolBar: r,
-  keypress: l,
-  mouseSelectionButton: d,
-  selectionContainer: a,
+  keypress: c,
+  mouseSelectionButton: l,
+  selectionContainer: d,
   before: f,
-  newTopicName: u,
+  newTopicName: h,
   allowUndo: g,
-  generateMainBranch: h,
-  generateSubBranch: c,
+  generateMainBranch: u,
+  generateSubBranch: a,
   overflowHidden: p,
   theme: m,
   alignment: v,
   scaleSensitivity: b,
   scaleMax: x,
-  scaleMin: N,
+  scaleMin: C,
   handleWheel: k
 }) {
   let y = null;
   const w = Object.prototype.toString.call(e);
   if (w === "[object HTMLDivElement]" ? y = e : w === "[object String]" && (y = document.querySelector(e)), !y)
     throw new Error("MindElixir: el is not a valid element");
-  y.style.position = "relative", y.innerHTML = "", this.el = y, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = u || "new node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = l ?? !0, this.mouseSelectionButton = d ?? 0, this.direction = t ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = g ?? !1, this.scaleSensitivity = b ?? 0.1, this.scaleMax = x ?? 1.4, this.scaleMin = N ?? 0.2, this.generateMainBranch = h || Ro, this.generateSubBranch = c || Fo, this.overflowHidden = p ?? !1, this.alignment = v ?? "root", this.handleWheel = k ?? !0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Wo(this), this.bus = yt(), this.container = U.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
+  y.style.position = "relative", y.innerHTML = "", this.el = y, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = h || "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 = g ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = x ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = u || Bo, this.generateSubBranch = a || Ro, this.overflowHidden = p ?? !1, this.alignment = v ?? "root", this.handleWheel = k ?? !0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Wo(this), this.bus = yt(), this.container = U.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
   const E = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = m || (E.matches ? me : ge);
-  const C = U.createElement("div");
-  C.className = "map-canvas", setTimeout(() => {
-    C.style.transition = "all 0.3s";
-  }, 300), this.map = C, 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 = Le(), this.line2 = Le(), 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(bt(this));
+  this.theme = m || (E.matches ? ve : me);
+  const S = U.createElement("div");
+  S.className = "map-canvas", this.map = S, 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 = Ae(), this.line2 = Ae(), 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(bt(this));
 }
-D.prototype = Bo;
+D.prototype = Ho;
 Object.defineProperty(D.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
@@ -2604,10 +2626,10 @@ Object.defineProperty(D.prototype, "currentNode", {
 D.LEFT = 0;
 D.RIGHT = 1;
 D.SIDE = 2;
-D.THEME = ge;
-D.DARK_THEME = me;
-D.version = Io;
-D.E = Ve;
+D.THEME = me;
+D.DARK_THEME = ve;
+D.version = Fo;
+D.E = qe;
 D.new = (e) => ({
   nodeData: {
     id: K(),