mind-elixir 5.10.0 → 5.11.0

package/dist/MindElixir.js

@@ -1,4 +1,4 @@
-const qo = 0, Uo = 1, Jo = 2, ve = {
+const ts = 0, ns = 1, os = 2, be = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -25,7 +25,7 @@ const qo = 0, Uo = 1, Jo = 2, ve = {
     "--panel-border-color": "#eaeaea",
     "--map-padding": "50px 80px"
   }
-}, we = {
+}, ve = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
@@ -53,7 +53,7 @@ const qo = 0, Uo = 1, Jo = 2, ve = {
     "--map-padding": "50px 80px"
   }
 };
-function me(e) {
+function ge(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
 const le = function(e, t) {
@@ -67,10 +67,10 @@ const le = function(e, t) {
     return null;
   } else
     return null;
-}, V = (e, t) => {
+}, G = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      V(e.children[n], e);
+      G(e.children[n], e);
 }, U = (e, t, n) => {
   if (e.expanded = t, e.children)
     if (n === void 0 || n > 0) {
@@ -100,14 +100,14 @@ function ce(e, t, n, o) {
 function z() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substring(2)).substring(2, 18);
 }
-const ut = function() {
+const pt = function() {
   const e = z();
   return {
     topic: this.newTopicName,
     id: e
   };
 };
-function Ee(e) {
+function we(e) {
   return JSON.parse(
     JSON.stringify(e, (n, o) => {
       if (n !== "parent")
@@ -115,15 +115,15 @@ function Ee(e) {
     })
   );
 }
-const H = (e, t) => {
+const $ = (e, t) => {
   let n = 0, o = 0;
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
   return { offsetLeft: n, offsetTop: o };
-}, D = (e, t) => {
+}, A = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, re = (e) => e ? e.tagName === "ME-TPC" : !1, Ce = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+}, ee = (e) => e ? e.tagName === "ME-TPC" : !1, Ee = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
   for (let s = 0; s < o.length; s++) {
     if (t === o[s]) continue;
     const { parent: i } = t.nodeObj;
@@ -131,7 +131,7 @@ const H = (e, t) => {
       return !1;
   }
   return !0;
-}), Se = (e) => {
+}), Ce = (e) => {
   const t = /translate3d\(([^,]+),\s*([^,]+)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
 }, Je = function(e) {
@@ -145,16 +145,129 @@ const H = (e, t) => {
       o.removeEventListener(s, i);
     }
   };
-}, Pe = (e, t) => {
+}, Me = (e, t) => {
   const n = e.x - t.x, o = e.y - t.y;
   return Math.sqrt(n * n + o * o);
-}, B = {
+}, gt = function(e, t) {
+  if (!t)
+    return de(e), e;
+  let n = e.querySelector(".insert-preview");
+  const o = `insert-preview ${t} show`;
+  return n || (n = document.createElement("div"), e.appendChild(n)), n.className = o, e;
+}, de = function(e) {
+  if (!e) return;
+  const t = e.querySelectorAll(".insert-preview");
+  for (const n of t || [])
+    n.remove();
+}, 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)) return !1;
+  }
+  return !0;
+}, mt = function(e) {
+  const t = document.createElement("div");
+  return t.className = "mind-elixir-ghost", e.container.appendChild(t), t;
+};
+class yt {
+  mind;
+  isMoving = !1;
+  interval = null;
+  speed = 20;
+  constructor(t) {
+    this.mind = t;
+  }
+  move(t, n) {
+    this.isMoving || (this.isMoving = !0, this.interval = setInterval(() => {
+      this.mind.move(t * this.speed * this.mind.scaleVal, n * this.speed * this.mind.scaleVal);
+    }, 100));
+  }
+  stop() {
+    this.isMoving = !1, this.interval && (clearInterval(this.interval), this.interval = null);
+  }
+}
+function bt(e) {
+  return {
+    isDragging: !1,
+    insertType: null,
+    meet: null,
+    ghost: mt(e),
+    edgeMoveController: new yt(e),
+    startX: 0,
+    startY: 0,
+    pointerId: null
+  };
+}
+const vt = 5;
+function Oe(e, t, n, o = !1) {
+  if (e.spacePressed) return !1;
+  const s = n.target;
+  return s?.tagName !== "ME-TPC" || !s.nodeObj.parent ? !1 : (t.startX = n.clientX, t.startY = n.clientY, t.pointerId = n.pointerId, e.dragged = e.currentNodes, o && Qe(e, t), !0);
+}
+function Ze(e, t, n) {
+  e.style.transform = `translate(${t - 10}px, ${n - 10}px)`, e.style.display = "block";
+}
+function Qe(e, t) {
+  const { dragged: n } = e;
+  if (!n) return;
+  const o = document.activeElement;
+  o && o.isContentEditable && o.blur(), t.isDragging = !0, n.length > 1 ? t.ghost.innerHTML = n.length + "" : t.ghost.innerHTML = n[0].innerHTML;
+  for (const s of n)
+    s.parentElement.parentElement.style.opacity = "0.5";
+  e.panHelper.clear();
+}
+function xt(e, t, n) {
+  const { dragged: o } = e;
+  if (!o || t.pointerId !== n.pointerId) return;
+  const s = n.clientX - t.startX, i = n.clientY - t.startY, l = Math.sqrt(s * s + i * i);
+  if (!t.isDragging && l > vt && Qe(e, t), !t.isDragging) return;
+  const c = e.container.getBoundingClientRect();
+  Ze(t.ghost, n.clientX - c.x, n.clientY - c.y), n.clientX < c.x + 50 ? t.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? t.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? t.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? t.edgeMoveController.move(0, -1) : t.edgeMoveController.stop(), de(t.meet);
+  const r = 12 * e.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - r);
+  if (Pe(a, o)) {
+    t.meet = a;
+    const d = a.getBoundingClientRect(), h = d.y;
+    n.clientY > h + d.height ? t.insertType = "after" : t.insertType = "in";
+  } else {
+    const d = document.elementFromPoint(n.clientX, n.clientY + r);
+    if (Pe(d, o)) {
+      t.meet = d;
+      const u = d.getBoundingClientRect().y;
+      n.clientY < u ? t.insertType = "before" : t.insertType = "in";
+    } else
+      t.insertType = null, t.meet = null;
+  }
+  t.meet && gt(t.meet, t.insertType);
+}
+function wt(e, t, n) {
+  const { dragged: o } = e;
+  if (!(!o || t.pointerId !== n.pointerId)) {
+    t.edgeMoveController.stop();
+    for (const s of o)
+      s.parentElement.parentElement.style.opacity = "1";
+    t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (de(t.meet), t.insertType === "before" ? e.moveNodeBefore(o, t.meet) : t.insertType === "after" ? e.moveNodeAfter(o, t.meet) : t.insertType === "in" && e.moveNodeIn(o, t.meet)), e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
+  }
+}
+function ue(e, t) {
+  const { dragged: n } = e;
+  if (n) {
+    t.edgeMoveController.stop();
+    for (const o of n)
+      o.parentElement.parentElement.style.opacity = "1";
+    t.meet && de(t.meet), t.ghost.style.display = "none", t.ghost.innerHTML = "", e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
+  }
+}
+function Et(e) {
+  return () => {
+  };
+}
+const B = {
   LHS: "lhs",
   RHS: "rhs"
-}, pt = function() {
+}, Ct = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  Ne.call(this, e, this.nodeData), e.draggable = !1;
+  Se.call(this, e, this.nodeData), e.draggable = !1;
   const t = document.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
@@ -164,8 +277,8 @@ const H = (e, t) => {
       i.direction === 0 ? o += 1 : i.direction === 1 ? s += 1 : o <= s ? (i.direction = 0, o += 1) : (i.direction = 1, s += 1);
     });
   }
-  gt(this, n, t);
-}, gt = function(e, t, n) {
+  St(this, n, t);
+}, St = function(e, t, n) {
   const o = document.createElement("me-main");
   o.className = B.LHS;
   const s = document.createElement("me-main");
@@ -175,18 +288,18 @@ const H = (e, t) => {
     e.direction === 2 ? l.direction === 0 ? o.appendChild(c) : s.appendChild(c) : e.direction === 0 ? o.appendChild(c) : s.appendChild(c);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines), e.nodes.appendChild(e.labelContainer);
-}, mt = function(e, t) {
+}, Nt = function(e, t) {
   const n = document.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
     const s = t[o], { grp: i } = e.createWrapper(s);
     n.appendChild(i);
   }
   return n;
-}, Ze = function(e, t) {
+}, et = function(e, t) {
   const o = (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;
-}, Ne = function(e, t) {
+}, Se = function(e, t) {
   if (e.innerHTML = "", t.style) {
     const n = t.style;
     for (const o in n)
@@ -213,7 +326,7 @@ const H = (e, t) => {
   } else e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
     const n = document.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${me(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ge(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
     const n = document.createElement("div");
@@ -222,35 +335,35 @@ const H = (e, t) => {
       typeof o == "string" ? s.textContent = o : (s.textContent = o.text, o.className && (s.className = o.className), o.style && Object.assign(s.style, o.style)), n.appendChild(s);
     }), e.appendChild(n), e.tags = n;
   } else e.tags && (e.tags = void 0);
-}, yt = function(e, t) {
+}, Tt = function(e, t) {
   const n = document.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const i = Te(e.expanded);
+    const i = Ne(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
-      const l = mt(this, e.children);
+      const l = Nt(this, e.children);
       n.appendChild(l);
     }
   }
   return { grp: n, top: o, tpc: s };
-}, bt = function(e) {
+}, _t = function(e) {
   const t = document.createElement("me-parent"), n = this.createTopic(e);
-  return Ne.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
-}, vt = function(e) {
+  return Se.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
+}, kt = function(e) {
   const t = document.createElement("me-children");
   return t.append(...e), t;
-}, wt = function(e) {
+}, Lt = function(e) {
   const t = document.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t;
 };
-function Qe(e) {
+function tt(e) {
   const t = document.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const xt = function(e) {
+const Dt = function(e) {
   if (!e) return;
-  const t = document.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = H(this.nodes, e);
+  const t = document.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = $(this.nodes, e);
   this.nodes.appendChild(t), t.id = "input-box", t.textContent = o, t.contentEditable = "plaintext-only", t.spellcheck = !1;
   const l = getComputedStyle(e);
   t.style.cssText = `
@@ -263,7 +376,7 @@ const xt = function(e) {
   margin:${l.margin}; 
   background-color:${l.backgroundColor !== "rgba(0, 0, 0, 0)" && l.backgroundColor};
   border: ${l.border};
-  border-radius:${l.borderRadius}; `, this.direction === 0 && (t.style.right = "0"), Qe(t), this.bus.fire("operation", {
+  border-radius:${l.borderRadius}; `, this.direction === 0 && (t.style.right = "0"), tt(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (c) => {
@@ -283,39 +396,39 @@ const xt = function(e) {
       origin: o
     }));
   });
-}, Te = function(e) {
+}, Ne = function(e) {
   const t = document.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, J = (e) => {
   const t = e.parent?.children, n = t?.indexOf(e) ?? 0;
   return { siblings: t, index: n };
 };
-function Et(e) {
+function At(e) {
   const { siblings: t, index: n } = J(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 Ct(e) {
+function Mt(e) {
   const { siblings: t, index: n } = J(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 et(e) {
+function nt(e) {
   const { siblings: t, index: n } = J(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
-function St(e, t, n) {
+function Pt(e, t, n) {
   const { siblings: o, index: s } = J(n);
   o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
-function Nt(e, t) {
+function Ot(e, t) {
   const { siblings: n, index: o } = J(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function Tt(e, t, n) {
-  if (et(t), n.parent?.parent || (t.direction = n.direction), e === "in")
+function $t(e, t, n) {
+  if (nt(t), n.parent?.parent || (t.direction = n.direction), e === "in")
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
@@ -324,7 +437,7 @@ function Tt(e, t, n) {
     e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
 }
-const _t = function({ map: e, direction: t }, n) {
+const Ht = function({ map: e, direction: t }, n) {
   if (t === 0)
     return 0;
   if (t === 1)
@@ -333,48 +446,48 @@ const _t = function({ map: e, direction: t }, n) {
     const o = e.querySelector(".lhs")?.childElementCount || 0, s = e.querySelector(".rhs")?.childElementCount || 0;
     return o <= s ? (n.direction = 0, 0) : (n.direction = 1, 1);
   }
-}, tt = function(e, t, n) {
+}, ot = function(e, t, n) {
   const o = n.children[0].children[0], s = t.parentElement;
   if (s.tagName === "ME-PARENT") {
-    if (ee(o), s.children[1])
+    if (ne(o), s.children[1])
       s.nextSibling.appendChild(n);
     else {
       const i = e.createChildren([n]);
-      s.appendChild(Te(!0)), s.insertAdjacentElement("afterend", i);
+      s.appendChild(Ne(!0)), s.insertAdjacentElement("afterend", i);
     }
     e.linkDiv(n.offsetParent);
-  } else s.tagName === "ME-ROOT" && (_t(e, o.nodeObj) === 0 ? e.container.querySelector(".lhs")?.appendChild(n) : e.container.querySelector(".rhs")?.appendChild(n), e.linkDiv());
-}, kt = function(e, t) {
+  } else s.tagName === "ME-ROOT" && (Ht(e, o.nodeObj) === 0 ? e.container.querySelector(".lhs")?.appendChild(n) : e.container.querySelector(".rhs")?.appendChild(n), e.linkDiv());
+}, jt = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
     const o = n.parentNode.parentNode;
     o.tagName !== "ME-MAIN" && (o.previousSibling.children[1].remove(), o.remove());
   }
   n.parentNode.remove();
-}, nt = {
+}, st = {
   before: "beforebegin",
   after: "afterend"
-}, ee = function(e) {
+}, ne = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   n?.tagName === "svg" && n?.remove();
-}, Lt = function(e, t) {
-  const n = e.nodeObj, o = Ee(n);
+}, It = function(e, t) {
+  const n = e.nodeObj, o = we(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
   const s = Object.assign(n, t);
-  Ne.call(this, e, s), this.linkDiv(), this.bus.fire("operation", {
+  Se.call(this, e, s), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
     obj: s,
     origin: o
   });
-}, _e = function(e, t, n) {
+}, Te = 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 s = n || e.generateNewObj();
-  o.children ? o.children.push(s) : o.children = [s], V(e.nodeData);
+  o.children ? o.children.push(s) : o.children = [s], G(e.nodeData);
   const { grp: i, top: l } = e.createWrapper(s);
-  return tt(e, t, i), { newTop: l, newNodeObj: s };
-}, Dt = function(e, t, n) {
+  return ot(e, t, i), { newTop: l, newNodeObj: s };
+}, Rt = function(e, t, n) {
   const o = t || this.currentNode;
   if (!o) return;
   const s = o.nodeObj;
@@ -395,55 +508,55 @@ const _t = function({ map: e, direction: t }, n) {
     const a = o.closest("me-main").className === B.LHS ? 0 : 1;
     i.direction = a;
   }
-  St(i, e, s), V(this.nodeData);
+  Pt(i, e, s), G(this.nodeData);
   const l = o.parentElement, { grp: c, top: r } = this.createWrapper(i);
-  l.parentElement.insertAdjacentElement(nt[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(r.firstChild), this.bus.fire("operation", {
+  l.parentElement.insertAdjacentElement(st[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(r.firstChild), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
     obj: i
   }), this.selectNode(r.firstChild, !0);
-}, At = function(e, t) {
+}, Bt = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  ee(n);
+  ne(n);
   const o = n.nodeObj;
   if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  Nt(o, s), V(this.nodeData);
+  Ot(o, s), G(this.nodeData);
   const i = n.parentElement.parentElement, { grp: l, top: c } = this.createWrapper(s, !0);
-  c.appendChild(Te(!0)), i.insertAdjacentElement("afterend", l);
+  c.appendChild(Ne(!0)), i.insertAdjacentElement("afterend", l);
   const r = this.createChildren([i]);
   c.insertAdjacentElement("afterend", r), this.linkDiv(), t || this.editTopic(c.firstChild), this.selectNode(c.firstChild, !0), this.bus.fire("operation", {
     name: "insertParent",
     obj: s
   });
-}, Mt = function(e, t) {
+}, Wt = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  const o = _e(this, n, t);
+  const o = Te(this, n, t);
   if (!o) return;
   const { newTop: s, newNodeObj: i } = o;
   this.bus.fire("operation", {
     name: "addChild",
     obj: i
   }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
-}, Pt = function(e, t) {
-  const n = Ee(e.nodeObj);
+}, Yt = function(e, t) {
+  const n = we(e.nodeObj);
   xe(n);
-  const o = _e(this, t, n);
+  const o = Te(this, t, n);
   if (!o) return;
   const { newNodeObj: s } = o;
   this.selectNode(this.findEle(s.id)), this.bus.fire("operation", {
     name: "copyNode",
     obj: s
   });
-}, Ot = function(e, t) {
+}, Xt = function(e, t) {
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const s = e[o], i = Ee(s.nodeObj);
+    const s = e[o], i = we(s.nodeObj);
     xe(i);
-    const l = _e(this, t, i);
+    const l = Te(this, t, i);
     if (!l) return;
     const { newNodeObj: c } = l;
     n.push(c);
@@ -452,51 +565,51 @@ const _t = function({ map: e, direction: t }, n) {
     name: "copyNodes",
     objs: n
   });
-}, $t = function(e) {
+}, Ft = function(e) {
   const t = e || this.currentNode;
   if (!t) return;
   const n = t.nodeObj;
-  Et(n);
+  At(n);
   const o = t.parentNode.parentNode;
   o.parentNode.insertBefore(o, o.previousSibling), this.linkDiv(), this.bus.fire("operation", {
     name: "moveUpNode",
     obj: n
   });
-}, Ht = function(e) {
+}, Gt = function(e) {
   const t = e || this.currentNode;
   if (!t) return;
   const n = t.nodeObj;
-  Ct(n);
+  Mt(n);
   const o = t.parentNode.parentNode;
   o.nextSibling ? o.nextSibling.insertAdjacentElement("afterend", o) : o.parentNode.prepend(o), this.linkDiv(), this.bus.fire("operation", {
     name: "moveDownNode",
     obj: n
   });
-}, jt = function(e) {
-  if (e = Ce(e), e.length === 0) return;
+}, zt = function(e) {
+  if (e = Ee(e), e.length === 0) return;
   for (const n of e) {
-    const o = n.nodeObj, s = et(o);
-    kt(n, s);
+    const o = n.nodeObj, s = nt(o);
+    jt(n, s);
   }
   const t = e[e.length - 1];
   this.selectNode(this.findEle(t.nodeObj.parent.id)), this.linkDiv(), this.bus.fire("operation", {
     name: "removeNodes",
     objs: e.map((n) => n.nodeObj)
   });
-}, ke = (e, t, n, o) => {
-  e = Ce(e);
+}, _e = (e, t, n, o) => {
+  e = Ee(e);
   let s = n.nodeObj;
   t === "in" && s.expanded === !1 && (o.expandNode(n, !0), n = o.findEle(s.id), s = n.nodeObj), t === "after" && (e = e.reverse());
   const i = [];
   for (const c of e) {
     const r = c.nodeObj;
-    if (Tt(t, r, s), V(o.nodeData), t === "in") {
+    if ($t(t, r, s), G(o.nodeData), t === "in") {
       const a = c.parentElement;
-      tt(o, n, a.parentElement);
+      ot(o, n, a.parentElement);
     } else {
-      ee(c);
+      ne(c);
       const a = c.parentElement.parentNode;
-      i.includes(a.parentElement) || i.push(a.parentElement), n.parentElement.parentNode.insertAdjacentElement(nt[t], a);
+      i.includes(a.parentElement) || i.push(a.parentElement), n.parentElement.parentNode.insertAdjacentElement(st[t], a);
     }
   }
   for (const c of i)
@@ -508,36 +621,36 @@ const _t = function({ map: e, direction: t }, n) {
     objs: e.map((c) => c.nodeObj),
     toObj: s
   });
-}, It = function(e, t) {
-  ke(e, "in", t, this);
-}, Rt = function(e, t) {
-  ke(e, "before", t, this);
-}, Bt = function(e, t) {
-  ke(e, "after", t, this);
-}, Yt = function(e) {
+}, Kt = function(e, t) {
+  _e(e, "in", t, this);
+}, Vt = function(e, t) {
+  _e(e, "before", t, this);
+}, qt = function(e, t) {
+  _e(e, "after", t, this);
+}, Ut = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
-}, Wt = function(e, t) {
+}, Jt = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
-}, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, it = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addChild: Mt,
-  beginEdit: Yt,
-  copyNode: Pt,
-  copyNodes: Ot,
-  insertParent: At,
-  insertSibling: Dt,
-  moveDownNode: Ht,
-  moveNodeAfter: Bt,
-  moveNodeBefore: Rt,
-  moveNodeIn: It,
-  moveUpNode: $t,
-  removeNodes: jt,
-  reshapeNode: Lt,
-  rmSubline: ee,
-  setNodeTopic: Wt
+  addChild: Wt,
+  beginEdit: Ut,
+  copyNode: Yt,
+  copyNodes: Xt,
+  insertParent: Bt,
+  insertSibling: Rt,
+  moveDownNode: Gt,
+  moveNodeAfter: qt,
+  moveNodeBefore: Vt,
+  moveNodeIn: Kt,
+  moveUpNode: Ft,
+  removeNodes: zt,
+  reshapeNode: It,
+  rmSubline: ne,
+  setNodeTopic: Jt
 }, Symbol.toStringTag, { value: "Module" }));
-function Xt(e) {
+function Zt(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -546,49 +659,49 @@ function Xt(e) {
     theme: e.theme
   };
 }
-const Ft = function(e) {
+const Qt = function(e) {
   const t = this.container, n = e.getBoundingClientRect(), o = t.getBoundingClientRect();
   if (n.top > o.bottom - 50 || n.bottom < o.top + 50 || n.left > o.right - 50 || n.right < o.left + 50) {
     const i = n.left + n.width / 2, l = n.top + n.height / 2, c = o.left + o.width / 2, r = o.top + o.height / 2, a = i - c, d = l - r;
     this.move(-a, -d, !0);
   }
-}, Gt = function(e, t, n) {
+}, en = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection?.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
-}, Vt = function(e) {
+}, tn = function(e) {
   this.selection?.select(e);
-}, zt = function(e) {
+}, nn = function(e) {
   this.selection?.deselect(e);
-}, Kt = function() {
+}, on = function() {
   this.unselectNodes(this.currentNodes), this.unselectSummary(), this.unselectArrow();
-}, Le = function(e) {
+}, ke = function(e) {
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, qt = function() {
-  const e = Xt(this);
-  return Le(e);
-}, Ut = function() {
+}, sn = function() {
+  const e = Zt(this);
+  return ke(e);
+}, rn = function() {
   return JSON.parse(this.getDataString());
-}, Jt = function() {
+}, ln = function() {
   this.editable = !0;
-}, Zt = function() {
+}, cn = function() {
   this.editable = !1;
-}, Qt = function(e, t = { x: 0, y: 0 }) {
+}, an = function(e, t = { x: 0, y: 0 }) {
   if (e < this.scaleMin && e < this.scaleVal || e > this.scaleMax && e > this.scaleVal) return;
-  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, s = t.y ? t.y - n.top - n.height / 2 : 0, { dx: i, dy: l } = De(this), c = this.map.style.transform, { x: r, y: a } = Se(c), d = r - i, h = a - l, u = this.scaleVal, y = (-o + d) * (1 - e / u), b = (-s + h) * (1 - e / u);
+  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, s = t.y ? t.y - n.top - n.height / 2 : 0, { dx: i, dy: l } = Le(this), c = this.map.style.transform, { x: r, y: a } = Ce(c), d = r - i, h = a - l, u = this.scaleVal, y = (-o + d) * (1 - e / u), b = (-s + h) * (1 - e / u);
   this.map.style.transform = `translate3d(${r - y}px, ${a - b}px, 0) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
-}, en = function() {
+}, dn = 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;
-  const { dx: o, dy: s } = De(this, !0);
+  const { dx: o, dy: s } = Le(this, !0);
   this.map.style.transform = `translate3d(${o}px, ${s}px, 0) scale(${n})`, this.bus.fire("scale", n);
-}, tn = function(e, t, n = !1) {
+}, hn = function(e, t, n = !1) {
   const { map: o, scaleVal: s, bus: i, container: l, nodes: c } = this;
   if (n && o.style.transition === "transform 0.3s")
     return;
   const r = o.style.transform;
-  let { x: a, y: d } = Se(r);
+  let { x: a, y: d } = Ce(r);
   const h = l.getBoundingClientRect(), u = c.getBoundingClientRect(), y = u.left < h.right && u.right > h.left, b = u.top < h.bottom && u.bottom > h.top;
   if (y) {
     const p = u.left + e, g = u.right + e;
@@ -601,7 +714,7 @@ const Ft = function(e) {
   a += e, d += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
   }, 300)), o.style.transform = `translate3d(${a}px, ${d}px, 0) scale(${s})`, i.fire("move", { dx: e, dy: t });
-}, De = (e, t = !1) => {
+}, Le = (e, t = !1) => {
   const { container: n, map: o, nodes: s } = e;
   let i, l;
   if (e.alignment === "nodes" || t)
@@ -611,29 +724,29 @@ const Ft = function(e) {
     i = n.offsetWidth / 2 - a - d / 2, l = n.offsetHeight / 2 - r - h / 2, o.style.transformOrigin = `${a + d / 2}px 50%`;
   }
   return { dx: i, dy: l };
-}, nn = function() {
-  const { map: e, container: t } = this, { dx: n, dy: o } = De(this);
+}, fn = function() {
+  const { map: e, container: t } = this, { dx: n, dy: o } = Le(this);
   t.scrollTop = 0, t.scrollLeft = 0, e.style.transform = `translate3d(${n}px, ${o}px, 0) scale(${this.scaleVal})`;
-}, on = function(e) {
+}, un = function(e) {
   e(this);
-}, sn = function(e) {
+}, pn = function(e) {
   e.nodeObj.parent && (this.clearSelection(), this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.initRight(), this.toCenter());
-}, rn = function() {
+}, gn = function() {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
-}, ln = function() {
+}, mn = function() {
   this.direction = 0, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
-}, cn = function() {
+}, yn = function() {
   this.direction = 1, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
-}, an = function() {
+}, bn = function() {
   this.direction = 2, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
-}, dn = function(e, t) {
+}, vn = 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.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
   }, i = e.parentNode, l = i.children[1];
-  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", ee(e), n.expanded) {
+  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", ne(e), n.expanded) {
     const h = this.createChildren(
       n.children.map((u) => this.createWrapper(u).grp)
     );
@@ -646,7 +759,7 @@ const Ft = function(e) {
     y: c.top
   }, a = s.x - r.x, d = s.y - r.y;
   this.move(a, d), this.bus.fire("expandNode", n);
-}, hn = function(e, t) {
+}, xn = function(e, t) {
   const n = e.nodeObj, o = e.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
@@ -657,71 +770,78 @@ const Ft = function(e) {
     y: i.top
   }, c = s.x - l.x, r = s.y - l.y;
   this.move(c, r);
-}, fn = 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)), V(this.nodeData), this.layout(), this.linkDiv();
-}, un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, wn = 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)), G(this.nodeData), this.layout(), this.linkDiv();
+}, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: rn,
-  clearSelection: Kt,
-  disableEdit: Zt,
-  enableEdit: Jt,
-  expandNode: dn,
-  expandNodeAll: hn,
-  focusNode: sn,
-  getData: Ut,
-  getDataString: qt,
-  initLeft: ln,
-  initRight: cn,
-  initSide: an,
-  install: on,
-  move: tn,
-  refresh: fn,
-  scale: Qt,
-  scaleFit: en,
-  scrollIntoView: Ft,
-  selectNode: Gt,
-  selectNodes: Vt,
-  stringifyData: Le,
-  toCenter: nn,
-  unselectNodes: zt
-}, Symbol.toStringTag, { value: "Module" })), Oe = "MIND-ELIXIR-WAIT-COPY", pn = (e, t) => {
+  cancelFocus: gn,
+  clearSelection: on,
+  disableEdit: cn,
+  enableEdit: ln,
+  expandNode: vn,
+  expandNodeAll: xn,
+  focusNode: pn,
+  getData: rn,
+  getDataString: sn,
+  initLeft: mn,
+  initRight: yn,
+  initSide: bn,
+  install: un,
+  move: hn,
+  refresh: wn,
+  scale: an,
+  scaleFit: dn,
+  scrollIntoView: Qt,
+  selectNode: en,
+  selectNodes: tn,
+  stringifyData: ke,
+  toCenter: fn,
+  unselectNodes: nn
+}, Symbol.toStringTag, { value: "Module" })), $e = "MIND-ELIXIR-WAIT-COPY", Cn = 40, Sn = 10, Nn = ({ deltaMode: e, deltaY: t, viewportHeight: n }) => e === WheelEvent.DOM_DELTA_LINE ? t * Cn : e === WheelEvent.DOM_DELTA_PAGE ? t * n : t, Tn = ({ deltaMode: e, deltaY: t, scaleSensitivity: n, viewportHeight: o }) => {
+  const i = -Nn({ deltaMode: e, deltaY: t, viewportHeight: o }) / Sn * n;
+  return Math.max(-n, Math.min(n, i));
+}, rt = (e, t, n) => {
+  t !== 0 && e.scale(e.scaleVal + t, n);
+}, _n = (e, t) => {
   const n = e.map.querySelectorAll(`.${t}>me-wrapper>me-parent>me-tpc`);
   n.length !== 0 && e.selectNode(n[Math.ceil(n.length / 2) - 1]);
-}, gn = (e) => {
+}, kn = (e) => {
   e.selectNode(e.map.querySelector("me-root>me-tpc"));
-}, mn = function(e, t) {
+}, Ln = function(e, t) {
   const n = t.parentElement.parentElement.parentElement.previousSibling;
   if (n) {
     const o = n.firstChild;
     e.selectNode(o);
   }
-}, yn = function(e, t) {
+}, Dn = function(e, t) {
   const n = t.parentElement.nextSibling;
   if (n && n.firstChild) {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, $e = function(e, t) {
+}, He = function(e, t) {
   const n = e.currentNode || e.currentNodes?.[0];
   if (!n) return;
   const o = n.nodeObj, s = n.offsetParent.offsetParent.parentElement;
-  o.parent ? s.className === t ? yn(e, n) : o.parent?.parent ? mn(e, n) : gn(e) : pn(e, t);
-}, He = function(e, t) {
+  o.parent ? s.className === t ? Dn(e, n) : o.parent?.parent ? Ln(e, n) : kn(e) : _n(e, t);
+}, je = function(e, t) {
   const n = e.currentNode;
   if (!n || !n.nodeObj.parent) return;
   const s = t + "Sibling", i = n.parentElement.parentElement[s];
   i ? e.selectNode(i.firstChild.firstChild) : e.selectNode(n);
-}, ae = function(e, t, n) {
-  const { scaleVal: o, scaleSensitivity: s } = e;
-  switch (t) {
-    case "in":
-      e.scale(o + s, n);
-      break;
-    case "out":
-      e.scale(o - s, n);
-  }
+}, Ie = function(e, t, n) {
+  const o = t === "in" ? e.scaleSensitivity : -e.scaleSensitivity;
+  rt(e, o, n);
+}, An = (e, t) => {
+  const n = Tn({
+    deltaMode: t.deltaMode,
+    deltaY: t.deltaY,
+    scaleSensitivity: e.scaleSensitivity,
+    viewportHeight: e.container.clientHeight || window.innerHeight
+  });
+  rt(e, n, { x: t.clientX, y: t.clientY });
 };
-function bn(e, t) {
+function Mn(e, t) {
   t = t === !0 ? {} : t;
   const n = () => {
     e.currentArrow ? e.removeArrow() : e.currentSummary ? e.removeSummary(e.currentSummary.summaryObj.id) : e.currentNodes && e.removeNodes(e.currentNodes);
@@ -758,31 +878,31 @@ function bn(e, t) {
       else {
         if (r.metaKey || r.ctrlKey)
           return e.initSide();
-        He(e, "previous");
+        je(e, "previous");
       }
     },
     ArrowDown: (r) => {
-      r.altKey ? e.moveDownNode() : He(e, "next");
+      r.altKey ? e.moveDownNode() : je(e, "next");
     },
     ArrowLeft: (r) => {
       if (r.metaKey || r.ctrlKey)
         return e.initLeft();
-      $e(e, B.LHS);
+      He(e, B.LHS);
     },
     ArrowRight: (r) => {
       if (r.metaKey || r.ctrlKey)
         return e.initRight();
-      $e(e, B.RHS);
+      He(e, B.RHS);
     },
     PageUp: () => e.moveUpNode(),
     PageDown: () => {
       e.moveDownNode();
     },
     "=": (r) => {
-      (r.metaKey || r.ctrlKey) && ae(e, "in");
+      (r.metaKey || r.ctrlKey) && Ie(e, "in");
     },
     "-": (r) => {
-      (r.metaKey || r.ctrlKey) && ae(e, "out");
+      (r.metaKey || r.ctrlKey) && Ie(e, "out");
     },
     0: (r) => {
       if (r.metaKey || r.ctrlKey) {
@@ -808,8 +928,8 @@ function bn(e, t) {
   const c = (r) => {
     if (r.target instanceof HTMLElement && r.target.id === "input-box" || e.currentNodes.length === 0) return !1;
     if (r.clipboardData) {
-      const a = Ce(e.currentNodes).map((h) => h.nodeObj), d = Le({
-        magic: Oe,
+      const a = Ee(e.currentNodes).map((h) => h.nodeObj), d = ke({
+        magic: $e,
         data: a
       });
       return r.clipboardData.setData("text/plain", d), r.preventDefault(), !0;
@@ -823,7 +943,7 @@ function bn(e, t) {
     if (a)
       try {
         const d = JSON.parse(a);
-        if (d && d.magic === Oe && Array.isArray(d.data)) {
+        if (d && d.magic === $e && Array.isArray(d.data)) {
           const h = d.data, u = h.map((y) => ({ nodeObj: y }));
           h.length > 0 && e.currentNode && (e.copyNodes(u, e.currentNode), r.preventDefault());
           return;
@@ -833,158 +953,42 @@ function bn(e, t) {
     e.pasteHandler && e.pasteHandler(r);
   });
 }
-const vn = function(e, t) {
-  if (!t)
-    return he(e), e;
-  let n = e.querySelector(".insert-preview");
-  const o = `insert-preview ${t} show`;
-  return n || (n = document.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, he = function(e) {
-  if (!e) return;
-  const t = e.querySelectorAll(".insert-preview");
-  for (const n of t || [])
-    n.remove();
-}, je = function(e, t) {
-  for (const n of t) {
-    const o = n.parentElement.parentElement.contains(e);
-    if (!(e && e.tagName === "ME-TPC" && e !== n && !o && e.nodeObj.parent)) return !1;
-  }
-  return !0;
-}, wn = function(e) {
-  const t = document.createElement("div");
-  return t.className = "mind-elixir-ghost", e.container.appendChild(t), t;
-};
-class xn {
-  mind;
-  isMoving = !1;
-  interval = null;
-  speed = 20;
-  constructor(t) {
-    this.mind = t;
-  }
-  move(t, n) {
-    this.isMoving || (this.isMoving = !0, this.interval = setInterval(() => {
-      this.mind.move(t * this.speed * this.mind.scaleVal, n * this.speed * this.mind.scaleVal);
-    }, 100));
-  }
-  stop() {
-    this.isMoving = !1, this.interval && (clearInterval(this.interval), this.interval = null);
-  }
-}
-function En(e) {
-  return {
-    isDragging: !1,
-    insertType: null,
-    meet: null,
-    ghost: wn(e),
-    edgeMoveController: new xn(e),
-    startX: 0,
-    startY: 0,
-    pointerId: null
-  };
-}
-const Cn = 5;
-function Ie(e, t, n, o = !1) {
-  if (e.spacePressed) return !1;
-  const s = n.target;
-  if (s?.tagName !== "ME-TPC" || !s.nodeObj.parent) return !1;
-  t.startX = n.clientX, t.startY = n.clientY, t.pointerId = n.pointerId, e.selection?.cancel();
-  let i = e.currentNodes;
-  return i?.includes(s) || (e.selectNode(s), i = e.currentNodes), e.dragged = i, o && it(e, t), !0;
-}
-function st(e, t, n) {
-  e.style.transform = `translate(${t - 10}px, ${n - 10}px)`, e.style.display = "block";
-}
-function it(e, t) {
-  const { dragged: n } = e;
-  if (!n) return;
-  const o = document.activeElement;
-  o && o.isContentEditable && o.blur(), t.isDragging = !0, n.length > 1 ? t.ghost.innerHTML = n.length + "" : t.ghost.innerHTML = n[0].innerHTML;
-  for (const s of n)
-    s.parentElement.parentElement.style.opacity = "0.5";
-  e.dragMoveHelper.clear();
-}
-function Sn(e, t, n) {
-  const { dragged: o } = e;
-  if (!o || t.pointerId !== n.pointerId) return;
-  const s = n.clientX - t.startX, i = n.clientY - t.startY, l = Math.sqrt(s * s + i * i);
-  if (!t.isDragging && l > Cn && it(e, t), !t.isDragging) return;
-  const c = e.container.getBoundingClientRect();
-  st(t.ghost, n.clientX - c.x, n.clientY - c.y), n.clientX < c.x + 50 ? t.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? t.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? t.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? t.edgeMoveController.move(0, -1) : t.edgeMoveController.stop(), he(t.meet);
-  const r = 12 * e.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - r);
-  if (je(a, o)) {
-    t.meet = a;
-    const d = a.getBoundingClientRect(), h = d.y;
-    n.clientY > h + d.height ? t.insertType = "after" : t.insertType = "in";
-  } else {
-    const d = document.elementFromPoint(n.clientX, n.clientY + r);
-    if (je(d, o)) {
-      t.meet = d;
-      const u = d.getBoundingClientRect().y;
-      n.clientY < u ? t.insertType = "before" : t.insertType = "in";
-    } else
-      t.insertType = null, t.meet = null;
-  }
-  t.meet && vn(t.meet, t.insertType);
-}
-function Nn(e, t, n) {
-  const { dragged: o } = e;
-  if (!(!o || t.pointerId !== n.pointerId)) {
-    t.edgeMoveController.stop();
-    for (const s of o)
-      s.parentElement.parentElement.style.opacity = "1";
-    t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (he(t.meet), t.insertType === "before" ? e.moveNodeBefore(o, t.meet) : t.insertType === "after" ? e.moveNodeAfter(o, t.meet) : t.insertType === "in" && e.moveNodeIn(o, t.meet)), e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
-  }
-}
-function pe(e, t) {
-  const { dragged: n } = e;
-  if (n) {
-    t.edgeMoveController.stop();
-    for (const o of n)
-      o.parentElement.parentElement.style.opacity = "1";
-    t.meet && he(t.meet), t.ghost.style.display = "none", t.ghost.innerHTML = "", e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
-  }
-}
-function Tn(e) {
-  return () => {
-  };
-}
-function _n(e) {
-  const { dragMoveHelper: t } = e;
-  let n = 0;
+function Pn(e) {
+  const { panHelper: t } = e;
+  let n = 0, o = null;
   e.spacePressed = !1;
-  let o = null;
-  const s = /* @__PURE__ */ new Map(), i = En(e);
-  let l = null, c = null, r = null, a = null;
-  const d = 500, h = 10, u = () => {
-    l !== null && (clearTimeout(l), l = null, c = null, r = null, a = null);
-  }, y = (f, w) => {
-    f.hasPointerCapture && f.hasPointerCapture(w) && f.releasePointerCapture(w);
-  }, b = (f, w) => {
+  let s = null;
+  const i = /* @__PURE__ */ new Map(), l = bt(e);
+  let c = null, r = null, a = null, d = null;
+  const h = 500, u = 10, y = () => {
+    c !== null && (clearTimeout(c), c = null, r = null, a = null, d = null);
+  }, b = (f, x) => {
+    f.hasPointerCapture && f.hasPointerCapture(x) && f.releasePointerCapture(x);
+  }, p = (f, x) => {
     if (f.id === "input-box" || f.closest("#input-box")) return !1;
     const T = f.closest(".svg-label");
     if (T) {
-      const M = T.dataset.svgId, te = T.dataset.type, Z = document.getElementById(M);
-      if (Z) {
-        if (te === "arrow")
-          return w ? e.editArrowLabel(Z) : e.selectArrow(Z), !0;
-        if (te === "summary")
-          return w ? e.editSummary(Z) : e.selectSummary(Z), !0;
+      const D = T.dataset.svgId, Z = T.dataset.type, Q = document.getElementById(D);
+      if (Q) {
+        if (Z === "arrow")
+          return x ? e.editArrowLabel(Q) : e.selectArrow(Q), !0;
+        if (Z === "summary")
+          return x ? e.editSummary(Q) : e.selectSummary(Q), !0;
       }
     }
     if (f.closest(".topiclinks")) {
-      const M = f.closest("g");
-      if (M)
-        return w ? e.editArrowLabel(M) : e.selectArrow(M), !0;
+      const D = f.closest("g");
+      if (D)
+        return x ? e.editArrowLabel(D) : e.selectArrow(D), !0;
     }
     if (f.closest(".summary")) {
-      const M = f.closest("g");
-      if (M)
-        return w ? e.editSummary(M) : e.selectSummary(M), !0;
+      const D = f.closest("g");
+      if (D)
+        return x ? e.editSummary(D) : e.selectSummary(D), !0;
     }
     return !1;
-  }, p = (f) => {
-    if (f.button !== 0) return;
+  }, g = (f) => {
+    if (f.pointerType === "mouse" && f.button !== 0) return;
     if (e.helper1?.moved) {
       e.helper1.clear();
       return;
@@ -997,115 +1001,125 @@ function _n(e) {
       t.clear();
       return;
     }
-    if (i?.isDragging)
+    if (l?.isDragging)
       return;
-    const w = f.target;
-    if (w.tagName === "ME-EPD")
-      f.ctrlKey || f.metaKey ? e.expandNodeAll(w.previousSibling) : e.expandNode(w.previousSibling);
-    else if (w.tagName === "ME-TPC" && e.currentNodes.length > 1)
-      e.selectNode(w);
+    const x = f.target;
+    if (x.tagName === "ME-EPD")
+      f.ctrlKey || f.metaKey ? e.expandNodeAll(x.previousSibling) : e.expandNode(x.previousSibling);
     else if (!e.editable)
       return;
-    b(w, !1);
-  }, g = (f) => {
-    if (!e.editable) return;
-    const w = f.target;
-    re(w) && e.beginEdit(w), b(w, !0);
+    p(x, !1);
   }, m = (f) => {
-    if (f.pointerType === "mouse" || s.size > 1) return;
-    const w = (/* @__PURE__ */ new Date()).getTime(), T = w - n;
-    T < 300 && T > 0 && g(f), n = w;
+    if (!e.editable) return;
+    const x = f.target;
+    ee(x) && e.beginEdit(x), p(x, !0);
   }, v = (f) => {
     f.code === "Space" && (e.spacePressed = !0, e.container.classList.add("space-pressed"));
   }, E = (f) => {
     f.code === "Space" && (e.spacePressed = !1, e.container.classList.remove("space-pressed"));
   }, k = (f) => {
-    if (f.pointerType === "touch" && (s.set(f.pointerId, { x: f.clientX, y: f.clientY }), s.size === 2)) {
-      const [M, te] = Array.from(s.values());
-      o = Pe(M, te), u();
+    if (f.pointerType === "touch" && (i.set(f.pointerId, { x: f.clientX, y: f.clientY }), i.size === 2)) {
+      const [D, Z] = Array.from(i.values());
+      s = Me(D, Z), y();
     }
     t.moved = !1;
-    const w = f.target, T = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (e.editable && i && (f.button === 0 || f.pointerType === "touch")) {
-      if (f.pointerType === "touch" && s.size > 1)
-        (i.isDragging || i.pointerId !== null) && pe(e, i);
-      else if (f.pointerType === "touch" && s.size === 1)
-        (re(w) || w.closest("me-tpc")) && (c = { x: f.clientX, y: f.clientY }, r = w, a = f.pointerId, l = window.setTimeout(() => {
-          Ie(e, i, f, !0) && (r && r.setPointerCapture(f.pointerId), st(i.ghost, f.clientX, f.clientY)), l = null, c = null, r = null, a = null;
-        }, d));
-      else if (f.pointerType === "mouse" && Ie(e, i, f, !1)) {
-        w.setPointerCapture(f.pointerId);
+    const x = f.target, T = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (e.editable && (f.button === 0 || f.pointerType === "touch") && ee(x)) {
+      e.selection?.cancel();
+      const D = e.currentNodes || [];
+      if (f.ctrlKey || f.metaKey)
+        if (D.includes(x)) {
+          e.selection?.deselect(x);
+          return;
+        } else
+          e.selection?.select(x);
+      else D.includes(x) || e.selectNode(x);
+    }
+    if (e.editable && (f.button === 0 || f.pointerType === "touch")) {
+      if (f.pointerType === "touch" && i.size > 1)
+        (l.isDragging || l.pointerId !== null) && ue(e, l);
+      else if (f.pointerType === "touch" && i.size === 1)
+        (ee(x) || x.closest("me-tpc")) && (r = { x: f.clientX, y: f.clientY }, a = x, d = f.pointerId, c = window.setTimeout(() => {
+          Oe(e, l, f, !0) && (a && a.setPointerCapture(f.pointerId), Ze(l.ghost, f.clientX, f.clientY)), c = null, r = null, a = null, d = null;
+        }, h));
+      else if (f.pointerType === "mouse" && Oe(e, l, f, !1)) {
+        x.setPointerCapture(f.pointerId);
         return;
       }
     }
-    const O = e.spacePressed && f.button === 0 && f.pointerType === "mouse", X = !e.editable || f.button === T && f.pointerType === "mouse" || f.pointerType === "touch";
-    !O && !X || (t.x = f.clientX, t.y = f.clientY, w.className !== "circle" && w.contentEditable !== "plaintext-only" && (t.mousedown = !0, w.setPointerCapture(f.pointerId)));
+    const P = e.spacePressed && f.button === 0 && f.pointerType === "mouse", Y = !e.editable || f.button === T && f.pointerType === "mouse" || f.pointerType === "touch";
+    !P && !Y || (t.x = f.clientX, t.y = f.clientY, x.className !== "circle" && x.contentEditable !== "plaintext-only" && (t.mousedown = !0, x.setPointerCapture(f.pointerId)));
   }, _ = (f) => {
-    if (f.pointerType === "touch" && s.has(f.pointerId)) {
-      if (s.set(f.pointerId, { x: f.clientX, y: f.clientY }), l !== null && c !== null && f.pointerId === a) {
-        const w = f.clientX - c.x, T = f.clientY - c.y;
-        Math.sqrt(w * w + T * T) > h && u();
+    if (f.pointerType === "touch" && i.has(f.pointerId)) {
+      if (i.set(f.pointerId, { x: f.clientX, y: f.clientY }), c !== null && r !== null && f.pointerId === d) {
+        const x = f.clientX - r.x, T = f.clientY - r.y;
+        Math.sqrt(x * x + T * T) > u && y();
       }
-      if (s.size >= 2) {
-        const [w, T] = Array.from(s.values()), O = Pe(w, T);
-        if (o == null)
-          o = O;
+      if (i.size >= 2) {
+        const [x, T] = Array.from(i.values()), P = Me(x, T);
+        if (s == null)
+          s = P;
         else {
-          if (o > 0) {
-            const X = O / o;
-            e.scale(e.scaleVal * X, {
-              x: (w.x + T.x) / 2,
-              y: (w.y + T.y) / 2
+          if (s > 0) {
+            const Y = P / s;
+            e.scale(e.scaleVal * Y, {
+              x: (x.x + T.x) / 2,
+              y: (x.y + T.y) / 2
             });
           }
-          o = O;
+          s = P;
         }
         return;
       }
     }
-    if (!(i && i.pointerId !== null && (Sn(e, i, f), i.isDragging))) {
+    if (!(l && l.pointerId !== null && (xt(e, l, f), l.isDragging))) {
       if (f.target.contentEditable !== "plaintext-only" || e.spacePressed && t.mousedown) {
-        const w = f.clientX - t.x, T = f.clientY - t.y;
-        t.onMove(w, T);
+        const x = f.clientX - t.x, T = f.clientY - t.y;
+        t.onMove(x, T);
       }
       t.x = f.clientX, t.y = f.clientY;
     }
   }, C = (f) => {
-    if (f.pointerType === "touch" && (s.delete(f.pointerId), s.size < 2 && (o = null), u()), i && i.pointerId !== null) {
-      const w = i.isDragging;
-      if (Nn(e, i, f), y(f.target, f.pointerId), w)
+    if (f.pointerType === "touch" && (i.delete(f.pointerId), i.size < 2 && (s = null), y()), l && l.pointerId !== null) {
+      const T = l.isDragging;
+      if (wt(e, l, f), b(f.target, f.pointerId), T)
         return;
     }
-    t.mousedown && (y(f.target, f.pointerId), t.clear());
-  }, x = () => {
-    u(), t.mousedown && t.clear(), i && (i.isDragging || i.pointerId !== null) && pe(e, i);
+    if (f.pointerType === "touch" && i.size === 0 && !t.moved) {
+      const T = (/* @__PURE__ */ new Date()).getTime(), P = T - n;
+      P < 300 && P > 0 && o === f.target && m(f), n = T, o = f.target;
+    }
+    t.mousedown && (b(f.target, f.pointerId), t.clear());
+  }, w = () => {
+    y(), t.mousedown && t.clear(), l && (l.isDragging || l.pointerId !== null) && ue(e, l);
   }, N = (f) => {
-    f.pointerType === "touch" && (s.delete(f.pointerId), s.size < 2 && (o = null), u()), i && i.pointerId === f.pointerId && pe(e, i), C(f);
+    f.pointerType === "touch" && (i.delete(f.pointerId), i.size < 2 && (s = null), y()), l && l.pointerId === f.pointerId && ue(e, l), C(f);
   }, S = (f) => {
     if (f.preventDefault(), f.button !== 2 || !e.editable) return;
-    const w = f.target;
-    re(w) && !w.classList.contains("selected") && e.selectNode(w), setTimeout(() => {
-      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", f);
+    const x = f.target;
+    ee(x) && !x.classList.contains("selected") && e.selectNode(x), setTimeout(() => {
+      e.panHelper.moved || e.bus.fire("showContextMenu", f);
     }, 200);
-  }, A = (f) => {
-    f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey ? f.deltaY < 0 ? ae(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && ae(e, "out", e.dragMoveHelper) : f.shiftKey ? e.move(-f.deltaY, 0) : e.move(-f.deltaX, -f.deltaY);
+  }, M = (f) => {
+    if (f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey) return An(e, f);
+    if (f.shiftKey) return e.move(-f.deltaY, 0);
+    e.move(-f.deltaX, -f.deltaY);
   }, { container: L } = e;
   return Je([
     { dom: L, evt: "pointerdown", func: k },
     { dom: L, evt: "pointermove", func: _ },
     { dom: L, evt: "pointerup", func: C },
     { dom: L, evt: "pointercancel", func: N },
-    { dom: L, evt: "pointerdown", func: m },
-    { dom: L, evt: "click", func: p },
-    { dom: L, evt: "dblclick", func: g },
+    { dom: L, evt: "click", func: g },
+    { dom: L, evt: "dblclick", func: m },
     { dom: L, evt: "contextmenu", func: S },
-    { dom: L, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : A },
-    { dom: L, evt: "blur", func: x },
+    { dom: L, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : M },
+    { dom: L, evt: "blur", func: w },
     { dom: L, evt: "keydown", func: v },
     { dom: L, evt: "keyup", func: E }
   ]);
 }
-function kn() {
+function On() {
   return {
     handlers: {},
     addListener: function(e, t) {
@@ -1129,31 +1143,31 @@ function kn() {
     }
   };
 }
-const j = "http://www.w3.org/2000/svg", fe = function(e) {
+const H = "http://www.w3.org/2000/svg", he = function(e) {
   const t = e.clientWidth, n = e.clientHeight, o = e.dataset, s = Number(o.x), i = Number(o.y), l = o.anchor;
   let c = s;
   l === "middle" ? c = s - t / 2 : l === "end" && (c = s - t), e.style.left = `${c}px`, e.style.top = `${i - n / 2}px`, e.style.visibility = "visible";
-}, ye = function(e, t, n, o) {
+}, me = function(e, t, n, o) {
   const { anchor: s = "middle", color: i, dataType: l, svgId: c } = o, r = document.createElement("div");
   r.className = "svg-label", r.style.color = i || "#666";
   const a = "label-" + c;
   return r.id = a, r.innerHTML = e, r.dataset.type = l, r.dataset.svgId = c, r.dataset.x = t.toString(), r.dataset.y = n.toString(), r.dataset.anchor = s, r;
-}, rt = function(e, t, n) {
-  const o = document.createElementNS(j, "path");
-  return D(o, {
+}, lt = function(e, t, n) {
+  const o = document.createElementNS(H, "path");
+  return A(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
-}, Q = function(e) {
-  const t = document.createElementNS(j, "svg");
+}, te = function(e) {
+  const t = document.createElementNS(H, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
 }, Re = function() {
-  const e = document.createElementNS(j, "line");
+  const e = document.createElementNS(H, "line");
   return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
-}, Ln = function(e, t, n, o) {
-  const s = document.createElementNS(j, "g");
+}, $n = function(e, t, n, o) {
+  const s = document.createElementNS(H, "g");
   return [
     {
       name: "line",
@@ -1168,30 +1182,30 @@ const j = "http://www.w3.org/2000/svg", fe = function(e) {
       d: n
     }
   ].forEach((l, c) => {
-    const r = l.d, a = document.createElementNS(j, "path"), d = {
+    const r = l.d, a = document.createElementNS(H, "path"), d = {
       d: r,
       stroke: o?.stroke || "rgb(227, 125, 116)",
       fill: "none",
       "stroke-linecap": o?.strokeLinecap || "cap",
       "stroke-width": String(o?.strokeWidth || "2")
     };
-    o?.opacity !== void 0 && (d.opacity = String(o.opacity)), D(a, d), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
-    const h = document.createElementNS(j, "path");
-    D(h, {
+    o?.opacity !== void 0 && (d.opacity = String(o.opacity)), A(a, d), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
+    const h = document.createElementNS(H, "path");
+    A(h, {
       d: r,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
     }), s.appendChild(h), s.appendChild(a), s[l.name] = a;
   }), s;
-}, lt = function(e, t, n) {
+}, ct = function(e, t, n) {
   if (!t) return;
   const o = n.label, s = t.cloneNode(!0);
   e.nodes.appendChild(s), s.id = "input-box", s.textContent = o, s.contentEditable = "plaintext-only", s.spellcheck = !1, s.style.cssText = `
     left:${t.style.left};
     top:${t.style.top}; 
     max-width: 200px;
-  `, Qe(s), e.scrollIntoView(s), s.addEventListener("keydown", (i) => {
+  `, tt(s), e.scrollIntoView(s), s.addEventListener("keydown", (i) => {
     i.stopPropagation();
     const l = i.key;
     if (l === "Enter" || l === "Tab") {
@@ -1201,7 +1215,7 @@ const j = "http://www.w3.org/2000/svg", fe = function(e) {
   }), s.addEventListener("blur", () => {
     if (!s) return;
     const i = s.innerText?.trim() || "";
-    i === "" ? n.label = o : n.label = i, s.remove(), i !== o && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, fe(t), "parent" in n ? e.bus.fire("operation", {
+    i === "" ? n.label = o : n.label = i, s.remove(), i !== o && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, he(t), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : e.bus.fire("operation", {
@@ -1209,32 +1223,32 @@ const j = "http://www.w3.org/2000/svg", fe = function(e) {
       obj: n
     }));
   });
-}, Dn = function(e) {
+}, Hn = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight, l = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < l.length; c++) {
-    const r = l[c], a = r.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = H(this.nodes, a), u = a.offsetWidth, y = a.offsetHeight, b = r.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: d, cW: u, cH: y, direction: b, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, m = a.nodeObj.branchColor || g[c % g.length];
-    if (a.style.borderColor = m, this.lines.appendChild(rt(p, m, "3")), e && e !== r)
+    const r = l[c], a = r.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = $(this.nodes, a), u = a.offsetWidth, y = a.offsetHeight, b = r.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: d, cW: u, cH: y, direction: b, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, m = a.nodeObj.branchColor || g[c % g.length];
+    if (a.style.borderColor = m, this.lines.appendChild(lt(p, m, "3")), e && e !== r)
       continue;
-    const v = Q("subLines"), E = r.lastChild;
-    E.tagName === "svg" && E.remove(), r.appendChild(v), ct(this, v, m, r, b, !0);
+    const v = te("subLines"), E = r.lastChild;
+    E.tagName === "svg" && E.remove(), r.appendChild(v), at(this, v, m, r, b, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, ct = function(e, t, n, o, s, i) {
+}, at = function(e, t, n, o, s, i) {
   const l = o.firstChild, c = o.children[1].children;
   if (c.length === 0) return;
   const r = l.offsetTop, a = l.offsetLeft, d = l.offsetWidth, h = l.offsetHeight;
   for (let u = 0; u < c.length; u++) {
     const y = c[u], b = y.firstChild, p = b.offsetTop, g = b.offsetLeft, m = b.offsetWidth, v = b.offsetHeight, E = b.firstChild.nodeObj.branchColor || n, k = e.generateSubBranch({ pT: r, pL: a, pW: d, pH: h, cT: p, cL: g, cW: m, cH: v, direction: s, isFirst: i });
-    t.appendChild(rt(k, E, "2"));
+    t.appendChild(lt(k, E, "2"));
     const _ = b.children[1];
     if (_) {
       if (!_.expanded) continue;
     } else
       continue;
-    ct(e, t, E, y, s);
+    at(e, t, E, y, s);
   }
-}, An = {
+}, jn = {
   addChild: "Add child",
   addParent: "Add parent",
   addSibling: "Add sibling",
@@ -1248,36 +1262,36 @@ const j = "http://www.w3.org/2000/svg", fe = function(e) {
   clickTips: "Please click the target node",
   summary: "Summary"
 };
-function Mn(e, t) {
+function In(e, t) {
   const n = {
     focus: !0,
     link: !0,
-    locale: An
+    locale: jn
   };
   t = t === !0 ? n : Object.assign(n, t);
   const o = (C) => {
-    const x = document.createElement("div");
-    return x.innerText = C, x.className = "tips", x;
-  }, s = (C, x, N) => {
+    const w = document.createElement("div");
+    return w.innerText = C, w.className = "tips", w;
+  }, s = (C, w, N) => {
     const S = document.createElement("li");
-    return S.id = C, S.innerHTML = `<span>${me(x)}</span><span ${N ? 'class="key"' : ""}>${me(N)}</span>`, S;
+    return S.id = C, S.innerHTML = `<span>${ge(w)}</span><span ${N ? 'class="key"' : ""}>${ge(N)}</span>`, S;
   }, i = t.locale, l = s("cm-add_child", i.addChild, "Tab"), c = s("cm-add_parent", i.addParent, "Ctrl + Enter"), r = s("cm-add_sibling", i.addSibling, "Enter"), a = s("cm-remove_child", i.removeNode, "Delete"), d = s("cm-fucus", i.focus, ""), h = s("cm-unfucus", i.cancelFocus, ""), u = s("cm-up", i.moveUp, "PgUp"), y = s("cm-down", i.moveDown, "Pgdn"), b = s("cm-link", i.link, ""), p = s("cm-link-bidirectional", i.linkBidirectional, ""), g = s("cm-summary", i.summary, ""), m = document.createElement("ul");
   if (m.className = "menu-list", m.appendChild(l), m.appendChild(c), m.appendChild(r), m.appendChild(a), t.focus && (m.appendChild(d), m.appendChild(h)), m.appendChild(u), m.appendChild(y), m.appendChild(g), t.link && (m.appendChild(b), m.appendChild(p)), t && t.extend)
     for (let C = 0; C < t.extend.length; C++) {
-      const x = t.extend[C], N = s(x.name, x.name, x.key || "");
+      const w = t.extend[C], N = s(w.name, w.name, w.key || "");
       m.appendChild(N), N.onclick = (S) => {
-        x.onclick(S);
+        w.onclick(S);
       };
     }
   const v = document.createElement("div");
   v.className = "context-menu", v.appendChild(m), v.hidden = !0, e.container.append(v);
   let E = !0;
   const k = (C) => {
-    const x = C.target;
-    if (re(x)) {
-      x.parentElement.tagName === "ME-ROOT" ? E = !0 : E = !1, E ? (d.className = "disabled", u.className = "disabled", y.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", y.className = "", c.className = "", r.className = "", a.className = ""), v.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
-      const N = m.offsetHeight, S = m.offsetWidth, A = m.getBoundingClientRect(), L = C.clientY - A.top, R = C.clientX - A.left;
-      N + L > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = L + 15 + "px"), S + R > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = R + 10 + "px");
+    const w = C.target;
+    if (ee(w)) {
+      w.parentElement.tagName === "ME-ROOT" ? E = !0 : E = !1, E ? (d.className = "disabled", u.className = "disabled", y.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", y.className = "", c.className = "", r.className = "", a.className = ""), v.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
+      const N = m.offsetHeight, S = m.offsetWidth, M = m.getBoundingClientRect(), L = C.clientY - M.top, I = C.clientX - M.left;
+      N + L > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = L + 15 + "px"), S + I > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = I + 10 + "px");
     }
   };
   e.bus.addListener("showContextMenu", k), v.onclick = (C) => {
@@ -1301,13 +1315,13 @@ function Mn(e, t) {
   };
   const _ = (C) => {
     v.hidden = !0;
-    const x = e.currentNode, N = o(i.clickTips);
+    const w = e.currentNode, N = o(i.clickTips);
     e.container.appendChild(N), e.map.addEventListener(
       "click",
       (S) => {
         S.preventDefault(), N.remove();
-        const A = S.target;
-        (A.parentElement.tagName === "ME-PARENT" || A.parentElement.tagName === "ME-ROOT") && e.createArrow(x, A, C);
+        const M = S.target;
+        (M.parentElement.tagName === "ME-PARENT" || M.parentElement.tagName === "ME-ROOT") && e.createArrow(w, M, C);
       },
       {
         once: !0
@@ -1320,7 +1334,7 @@ function Mn(e, t) {
     l.onclick = null, c.onclick = null, r.onclick = null, a.onclick = null, d.onclick = null, h.onclick = null, u.onclick = null, y.onclick = null, b.onclick = null, g.onclick = null, v.onclick = null, e.container.oncontextmenu = null;
   };
 }
-const Pn = function(e) {
+const Rn = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -1335,7 +1349,7 @@ const Pn = function(e) {
     value: [e.obj.id]
   };
 };
-function On(e) {
+function Bn(e) {
   let t = [], n = -1, o = e.getData(), s = [];
   e.undo = function() {
     if (n > -1) {
@@ -1368,7 +1382,7 @@ function On(e) {
       prev: o,
       operation: r.name,
       currentSelected: s.map((h) => h.id),
-      currentTarget: Pn(r),
+      currentTarget: Rn(r),
       next: a
     };
     t.push(d), o = a, n = t.length - 1;
@@ -1381,24 +1395,24 @@ function On(e) {
     e.bus.removeListener("operation", i), e.bus.removeListener("selectNodes", c), e.container.removeEventListener("keydown", l);
   };
 }
-const $n = '<?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>', Hn = '<?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>', jn = '<?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>', In = '<?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>', Rn = '<?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>', Bn = '<?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>', Yn = '<?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>', Wn = {
-  side: $n,
-  left: Hn,
-  right: jn,
-  full: In,
-  living: Rn,
-  zoomin: Bn,
-  zoomout: Yn
-}, G = (e, t) => {
+const Wn = '<?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>', Yn = '<?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>', Xn = '<?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>', Fn = '<?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>', Gn = '<?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>', zn = '<?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>', Kn = '<?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>', Vn = {
+  side: Wn,
+  left: Yn,
+  right: Xn,
+  full: Fn,
+  living: Gn,
+  zoomin: zn,
+  zoomout: Kn
+}, F = (e, t) => {
   const n = document.createElement("span");
-  return n.id = e, n.innerHTML = Wn[t], n;
+  return n.id = e, n.innerHTML = Vn[t], n;
 };
-function Xn(e) {
-  const t = document.createElement("div"), n = G("fullscreen", "full"), o = G("toCenter", "living"), s = G("zoomout", "zoomout"), i = G("zoomin", "zoomin");
+function qn(e) {
+  const t = document.createElement("div"), n = F("fullscreen", "full"), o = F("toCenter", "living"), s = F("zoomout", "zoomout"), i = F("zoomin", "zoomin");
   t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb";
   let l = null;
   const c = () => {
-    const a = e.container.getBoundingClientRect(), d = Se(e.map.style.transform), h = a.width / 2, u = a.height / 2, y = (h - d.x) / e.scaleVal, b = (u - d.y) / e.scaleVal;
+    const a = e.container.getBoundingClientRect(), d = Ce(e.map.style.transform), h = a.width / 2, u = a.height / 2, y = (h - d.x) / e.scaleVal, b = (u - d.y) / e.scaleVal;
     l = {
       containerRect: a,
       currentTransform: d,
@@ -1421,8 +1435,8 @@ function Xn(e) {
     e.scale(e.scaleVal + e.scaleSensitivity);
   }, t;
 }
-function Fn(e) {
-  const t = document.createElement("div"), n = G("tbltl", "left"), o = G("tbltr", "right"), s = G("tblts", "side");
+function Un(e) {
+  const t = document.createElement("div"), n = F("tbltl", "left"), o = F("tbltr", "right"), s = F("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
@@ -1431,10 +1445,10 @@ function Fn(e) {
     e.initSide();
   }, t;
 }
-function Gn(e) {
-  e.container.append(Xn(e)), e.container.append(Fn(e));
+function Jn(e) {
+  e.container.append(qn(e)), e.container.append(Un(e));
 }
-class Vn {
+class Zn {
   _listeners = /* @__PURE__ */ new Map();
   addEventListener(t, n) {
     const o = this._listeners.get(t) ?? /* @__PURE__ */ new Set();
@@ -1457,15 +1471,15 @@ class Vn {
   off = this.removeEventListener;
   emit = this.dispatchEvent;
 }
-const Be = (e, t = "px") => typeof e == "number" ? e + t : e, Y = ({ style: e }, t, n) => {
+const Be = (e, t = "px") => typeof e == "number" ? e + t : e, W = ({ style: e }, t, n) => {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
       s !== void 0 && (e[o] = Be(s));
   else n !== void 0 && (e[t] = Be(n));
-}, Ye = (e = 0, t = 0, n = 0, o = 0) => {
+}, We = (e = 0, t = 0, n = 0, o = 0) => {
   const s = { x: e, y: t, width: n, height: o, top: t, left: e, right: e + n, bottom: t + o };
   return { ...s, toJSON: () => JSON.stringify(s) };
-}, zn = (e) => {
+}, Qn = (e) => {
   let t, n = -1, o = !1;
   return {
     next: (...s) => {
@@ -1477,7 +1491,7 @@ const Be = (e, t = "px") => typeof e == "number" ? e + t : e, Y = ({ style: e },
       cancelAnimationFrame(n), o = !1;
     }
   };
-}, We = (e, t, n = "touch") => {
+}, Ye = (e, t, n = "touch") => {
   switch (n) {
     case "center": {
       const o = t.left + t.width / 2, s = t.top + t.height / 2;
@@ -1488,16 +1502,16 @@ const Be = (e, t = "px") => typeof e == "number" ? e + t : e, Y = ({ style: e },
     case "touch":
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-}, Kn = () => matchMedia("(hover: none), (pointer: coarse)").matches, qn = () => "safari" in window, be = (e) => Array.isArray(e) ? e : [e], at = (e) => (t, n, o, s = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = be(n), t = be(t);
+}, eo = () => matchMedia("(hover: none), (pointer: coarse)").matches, to = () => "safari" in window, ye = (e) => Array.isArray(e) ? e : [e], dt = (e) => (t, n, o, s = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ye(n), t = ye(t);
   for (const i of t)
     if (i)
       for (const l of n)
         i[e](l, o, { capture: !1, ...s });
-}, W = at("addEventListener"), $ = at("removeEventListener"), ne = (e) => {
+}, K = dt("addEventListener"), R = dt("removeEventListener"), oe = (e) => {
   const { clientX: t, clientY: n, target: o } = e.touches?.[0] ?? e;
   return { x: t, y: n, target: o };
-}, K = (e, t = document) => be(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), Un = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
+}, V = (e, t = document) => ye(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), no = (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) {
     case "alt":
       return e.altKey;
@@ -1506,18 +1520,18 @@ const Be = (e, t = "px") => typeof e == "number" ? e + t : e, Y = ({ style: e },
     case "shift":
       return e.shiftKey;
   }
-}) : !1), { abs: F, max: Xe, min: Fe, ceil: Ge } = Math, Ve = (e = []) => ({
+}) : !1), { abs: X, max: Xe, min: Fe, ceil: Ge } = Math, ze = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
   changed: { added: [], removed: [] }
 });
-class Jn extends Vn {
+class oo extends Zn {
   static version = "mind-elixir-fork";
   // Options
   _options;
   // Selection store
-  _selection = Ve();
+  _selection = ze();
   // Area element and clipping element
   _area;
   _clippingElement;
@@ -1530,7 +1544,7 @@ class Jn extends Vn {
   _latestElement;
   // Dynamically constructed area rect
   _areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 };
-  _areaRect = Ye();
+  _areaRect = We();
   // If a single click is being performed, it's a single-click until the user dragged the mouse
   _singleClick = !0;
   _frame;
@@ -1539,8 +1553,6 @@ class Jn extends Vn {
   _scrollingActive = !1;
   _scrollSpeed = { x: 0, y: 0 };
   _scrollDelta = { x: 0, y: 0 };
-  // Required for keydown scrolling
-  _lastMousePosition = { x: 0, y: 0 };
   constructor(t) {
     super(), this._options = {
       selectionAreaClass: "selection-area",
@@ -1561,7 +1573,6 @@ class Jn extends Vn {
         startThreshold: t.behaviour?.startThreshold ? typeof t.behaviour.startThreshold == "number" ? t.behaviour.startThreshold : { x: 10, y: 10, ...t.behaviour.startThreshold } : { x: 10, y: 10 },
         scrolling: {
           speedDivider: 10,
-          manualSpeed: 750,
           ...t.behaviour?.scrolling,
           startScrollMargins: {
             x: 0,
@@ -1585,44 +1596,44 @@ class Jn extends Vn {
     for (const i of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
       typeof this[i] == "function" && (this[i] = this[i].bind(this));
     const { document: n, selectionAreaClass: o, selectionContainerClass: s } = this._options;
-    this._area = n.createElement("div"), this._clippingElement = n.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(o), s && this._clippingElement.classList.add(s), Y(this._area, {
+    this._area = n.createElement("div"), this._clippingElement = n.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(o), s && this._clippingElement.classList.add(s), W(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
       position: "fixed"
-    }), Y(this._clippingElement, {
+    }), W(this._clippingElement, {
       overflow: "hidden",
       position: "fixed",
       transform: "translate3d(0, 0, 0)",
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = zn((i) => {
+    }), this._frame = Qn((i) => {
       this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", i), this._redrawSelectionArea();
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, s = t ? W : $;
+    const { document: n, features: o } = this._options, s = t ? K : R;
     s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = ne(t), { document: l, startAreas: c, boundaries: r, features: a, behaviour: d } = this._options, h = i.getBoundingClientRect();
-    if (t instanceof MouseEvent && !Un(t, d.triggers))
+    const { x: o, y: s, target: i } = oe(t), { document: l, startAreas: c, boundaries: r, features: a, behaviour: d } = this._options, h = i.getBoundingClientRect();
+    if (t instanceof MouseEvent && !no(t, d.triggers))
       return;
-    const u = K(c, l), y = K(r, l);
-    this._targetElement = y.find((m) => We(m.getBoundingClientRect(), h));
+    const u = V(c, l), y = V(r, l);
+    this._targetElement = y.find((m) => Ye(m.getBoundingClientRect(), h));
     const b = t.composedPath(), p = u.find((m) => b.includes(m));
     if (this._targetBoundary = y.find((m) => b.includes(m)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
     this._areaLocation = { x1: o, y1: s, x2: 0, y2: 0 };
     const g = l.scrollingElement ?? l.body;
-    this._scrollDelta = { x: g.scrollLeft, y: g.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), W(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), W(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), W(l, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, W(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    this._scrollDelta = { x: g.scrollLeft, y: g.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), K(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), K(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), K(l, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, K(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
     const {
       singleTap: { intersect: n },
       range: o
-    } = this._options.features, s = ne(t);
+    } = this._options.features, s = oe(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -1658,45 +1669,43 @@ class Jn extends Vn {
       container: n,
       document: o,
       behaviour: { startThreshold: s }
-    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = ne(t);
+    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = oe(t);
     if (
       // Single number for both coordinates
-      typeof s == "number" && F(c + r - (i + l)) >= s || // Different x and y threshold
-      typeof s == "object" && F(c - i) >= s.x || F(r - l) >= s.y
+      typeof s == "number" && X(c + r - (i + l)) >= s || // Different x and y threshold
+      typeof s == "object" && X(c - i) >= s.x || X(r - l) >= s.y
     ) {
-      if ($(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
-        $(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
+      if (R(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
+        R(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      W(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), Y(this._area, "display", "block"), K(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 && (W(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), W(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);
+      K(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), W(this._area, "display", "block"), V(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 && (this._selectables = this._selectables.filter((a) => this._targetElement.contains(a))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
   _setupSelectionArea() {
     const { _clippingElement: t, _targetElement: n, _area: o } = this, s = this._targetRect = n.getBoundingClientRect();
-    this._scrollAvailable ? (Y(t, {
+    this._scrollAvailable ? (W(t, {
       top: s.top,
       left: s.left,
       width: s.width,
       height: s.height
-    }), Y(o, {
+    }), W(o, {
       marginTop: -s.top,
       marginLeft: -s.left
-    })) : (Y(t, {
+    })) : (W(t, {
       top: 0,
       left: 0,
       width: "100%",
       height: "100%"
-    }), Y(o, {
+    }), W(o, {
       marginTop: 0,
       marginLeft: 0
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling;
-    this._targetElement;
-    const { x: c, y: r } = ne(t);
-    if (o.x2 = c, o.y2 = r, this._lastMousePosition.x = c, this._lastMousePosition.y = r, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling, { x: c, y: r } = oe(t);
+    if (o.x2 = c, o.y2 = r, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const a = () => {
         if (!n.x && !n.y) {
@@ -1717,7 +1726,7 @@ class Jn extends Vn {
   }
   _handleMoveEvent(t) {
     const { features: n } = this._options;
-    (n.touch && Kn() || this._scrollAvailable && qn()) && t.preventDefault();
+    (n.touch && eo() || this._scrollAvailable && to()) && t.preventDefault();
   }
   _onScroll() {
     const {
@@ -1727,20 +1736,7 @@ class Jn extends Vn {
     this._areaLocation.x1 += t.x - s, this._areaLocation.y1 += t.y - o, t.x = s, t.y = o, this._setupSelectionArea(), this._frame.next(null);
   }
   _onStartAreaScroll() {
-    this._targetBoundaryScrolled = !0, $(this._targetElement, "scroll", this._onStartAreaScroll);
-  }
-  _wheelScroll(t) {
-    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, s = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
-    this._scrollSpeed.y += o * n, this._scrollSpeed.x += s * n, this._onTapMove(t), t.preventDefault();
-  }
-  _keyboardScroll(t) {
-    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.key === "ArrowLeft" ? -1 : t.key === "ArrowRight" ? 1 : 0, s = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
-    this._scrollSpeed.x += Math.sign(o) * n, this._scrollSpeed.y += Math.sign(s) * n, t.preventDefault(), this._onTapMove({
-      clientX: this._lastMousePosition.x,
-      clientY: this._lastMousePosition.y,
-      preventDefault: () => {
-      }
-    });
+    this._targetBoundaryScrolled = !0, R(this._targetElement, "scroll", this._onStartAreaScroll);
   }
   _recalculateSelectionAreaRect() {
     const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, i = this._targetRect, { x1: l, y1: c } = n;
@@ -1750,9 +1746,9 @@ class Jn extends Vn {
         scrolling: { startScrollMargins: d }
       }
     } = s;
-    r < i.left + d.x ? (t.x = -F(i.left - r + d.x), r = r < i.left ? i.left : r) : r > i.right - d.x ? (t.x = F(i.left + i.width - r - d.x), r = r > i.right ? i.right : r) : t.x = 0, a < i.top + d.y ? (t.y = -F(i.top - a + d.y), a = a < i.top ? i.top : a) : a > i.bottom - d.y ? (t.y = F(i.top + i.height - a - d.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
+    r < i.left + d.x ? (t.x = -X(i.left - r + d.x), r = r < i.left ? i.left : r) : r > i.right - d.x ? (t.x = X(i.left + i.width - r - d.x), r = r > i.right ? i.right : r) : t.x = 0, a < i.top + d.y ? (t.y = -X(i.top - a + d.y), a = a < i.top ? i.top : a) : a > i.bottom - d.y ? (t.y = X(i.top + i.height - a - d.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
     const h = Fe(l, r), u = Fe(c, a), y = Xe(l, r), b = Xe(c, a);
-    this._areaRect = Ye(h, u, y - h, b - u);
+    this._areaRect = We(h, u, y - h, b - u);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
@@ -1760,13 +1756,13 @@ class Jn extends Vn {
   }
   _onTapStop(t, n) {
     const { document: o, features: s } = this._options, { _singleClick: i } = this;
-    $(this._targetElement, "scroll", this._onStartAreaScroll), $(o, ["mousemove", "touchmove"], this._delayedTapMove), $(o, ["touchmove", "mousemove"], this._onTapMove), $(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop), $(o, "scroll", this._onScroll), this._keepSelection(), t && i && s.singleTap.allow ? this._onSingleTap(t) : !i && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, $(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), $(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), this._frame?.cancel(), Y(this._area, "display", "none");
+    R(this._targetElement, "scroll", this._onStartAreaScroll), R(o, ["mousemove", "touchmove"], this._delayedTapMove), R(o, ["touchmove", "mousemove"], this._onTapMove), R(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop), R(o, "scroll", this._onScroll), this._keepSelection(), t && i && s.singleTap.allow ? this._onSingleTap(t) : !i && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, this._clippingElement.remove(), this._frame?.cancel(), W(this._area, "display", "none");
   }
   _updateElementSelection() {
     const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: l, touched: c } = o, { intersect: r, overlap: a } = n.behaviour, d = a === "invert", h = [], u = [], y = [];
     for (let p = 0; p < t.length; p++) {
       const g = t[p];
-      if (We(s, g.getBoundingClientRect(), r)) {
+      if (Ye(s, g.getBoundingClientRect(), r)) {
         if (l.includes(g))
           i.includes(g) && !c.includes(g) && c.push(g);
         else if (d && i.includes(g)) {
@@ -1836,7 +1832,7 @@ class Jn extends Vn {
    * Will update everything that can be selected
    */
   resolveSelectables() {
-    this._selectables = K(this._options.selectables, this._options.document);
+    this._selectables = V(this._options.selectables, this._options.document);
   }
   /**
    * Same as deselecting, but for all elements currently selected
@@ -1845,7 +1841,7 @@ class Jn extends Vn {
    */
   clearSelection(t = !0, n = !1) {
     const { selected: o, stored: s, changed: i } = this._selection;
-    i.added = [], i.removed.push(...o, ...t ? s : []), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Ve(t ? [] : s);
+    i.added = [], i.removed.push(...o, ...t ? s : []), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = ze(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -1905,7 +1901,7 @@ class Jn extends Vn {
    * @param quiet If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: s, stored: i } = this._selection, l = K(t, this._options.document).filter((c) => !s.includes(c) && !i.includes(c));
+    const { changed: o, selected: s, stored: i } = this._selection, l = V(t, this._options.document).filter((c) => !s.includes(c) && !i.includes(c));
     return i.push(...l), s.push(...l), o.added.push(...l), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), l;
   }
   /**
@@ -1914,20 +1910,22 @@ class Jn extends Vn {
    * @param quiet If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: s, changed: i } = this._selection, l = K(t, this._options.document).filter((c) => o.includes(c) || s.includes(c));
+    const { selected: o, stored: s, changed: i } = this._selection, l = V(t, this._options.document).filter((c) => o.includes(c) || s.includes(c));
     this._selection.stored = s.filter((c) => !l.includes(c)), this._selection.selected = o.filter((c) => !l.includes(c)), this._selection.changed.added = [], this._selection.changed.removed.push(...l.filter((c) => !i.removed.includes(c))), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null));
   }
 }
-function Zn(e) {
-  const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new Jn({
+function so(e) {
+  const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new oo({
     selectables: [".map-container me-tpc"],
     boundaries: [e.container],
     container: e.selectionContainer,
     mindElixirInstance: e,
     // 传递 MindElixir 实例
     features: {
-      // deselectOnBlur: true,
-      touch: !1
+      touch: !1,
+      singleTap: {
+        allow: !1
+      }
     },
     behaviour: {
       triggers: t,
@@ -1959,29 +1957,35 @@ function Zn(e) {
       }
     }) => {
       if (o.length > 0 || s.length > 0, o.length > 0) {
-        for (const i of o)
-          i.className = "selected";
-        e.currentNodes = [...e.currentNodes, ...o], e.bus.fire(
-          "selectNodes",
-          o.map((i) => i.nodeObj)
-        );
+        const i = o.filter((l) => !e.currentNodes?.includes(l));
+        if (i.length > 0) {
+          for (const l of i)
+            l.className = "selected";
+          e.currentNodes = [...e.currentNodes || [], ...i], e.bus.fire(
+            "selectNodes",
+            i.map((l) => l.nodeObj)
+          );
+        }
       }
       if (s.length > 0) {
-        for (const i of s)
-          i.classList.remove("selected");
-        e.currentNodes = e.currentNodes.filter((i) => !s?.includes(i)), e.bus.fire(
-          "unselectNodes",
-          s.map((i) => i.nodeObj)
-        );
+        const i = s.filter((l) => e.currentNodes?.includes(l));
+        if (i.length > 0) {
+          for (const l of i)
+            l.classList.remove("selected");
+          e.currentNodes = (e.currentNodes || []).filter((l) => !i.includes(l)), e.bus.fire(
+            "unselectNodes",
+            i.map((l) => l.nodeObj)
+          );
+        }
       }
     }
   );
   e.selection = n;
 }
-const Qn = function(e, t = !0) {
+const io = function(e, t = !0) {
   this.theme = e;
   const o = {
-    ...(e.type === "dark" ? we : ve).cssVar,
+    ...(e.type === "dark" ? ve : be).cssVar,
     ...e.cssVar
   }, s = Object.keys(o);
   for (let i = 0; i < s.length; i++) {
@@ -1989,7 +1993,7 @@ const Qn = function(e, t = !0) {
     this.container.style.setProperty(l, o[l]);
   }
   t && this.refresh();
-}, eo = function(e) {
+}, ro = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -2024,27 +2028,27 @@ const Qn = function(e, t = !0) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, ze = {
-  create: eo
-}, to = "#4dc4ff";
-function dt(e, t, n, o, s, i, l, c) {
+}, Ke = {
+  create: ro
+}, lo = "#4dc4ff";
+function ht(e, t, n, o, s, i, l, c) {
   return {
     x: e / 8 + n * 3 / 8 + s * 3 / 8 + l / 8,
     y: t / 8 + o * 3 / 8 + i * 3 / 8 + c / 8
   };
 }
-function no(e, t, n) {
-  e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), fe(e));
+function co(e, t, n) {
+  e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), he(e));
 }
-function oe(e, t, n, o, s) {
-  D(e, {
+function se(e, t, n, o, s) {
+  A(e, {
     x1: t + "",
     y1: n + "",
     x2: o + "",
     y2: s + ""
   });
 }
-function Ke(e, t, n, o, s, i, l, c, r, a) {
+function Ve(e, t, n, o, s, i, l, c, r, a) {
   const d = `M ${t} ${n} C ${o} ${s} ${i} ${l} ${c} ${r}`;
   if (e.line.setAttribute("d", d), a.style) {
     const p = a.style;
@@ -2070,15 +2074,15 @@ function Ke(e, t, n, o, s, i, l, c, r, a) {
       }
     }
   }
-  const { x: y, y: b } = dt(t, n, o, s, i, l, c, r);
-  if (e.labelEl && no(e.labelEl, y, b), a.style?.labelColor) {
+  const { x: y, y: b } = ht(t, n, o, s, i, l, c, r);
+  if (e.labelEl && co(e.labelEl, y, b), a.style?.labelColor) {
     const p = e.labelEl;
     p && (p.style.color = a.style.labelColor);
   }
-  fo(e);
+  bo(e);
 }
-function de(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = t.offsetWidth, l = t.offsetHeight, c = o + i / 2, r = s + l / 2, a = c + n.x, d = r + n.y;
+function ae(e, t, n) {
+  const { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = t.offsetWidth, l = t.offsetHeight, c = o + i / 2, r = s + l / 2, a = c + n.x, d = r + n.y;
   return {
     w: i,
     h: l,
@@ -2096,8 +2100,8 @@ function q(e) {
     y: n
   };
 }
-const oo = function(e, t, n) {
-  const o = H(e.nodes, t), s = H(e.nodes, n), i = o.offsetLeft + t.offsetWidth / 2, l = o.offsetTop + t.offsetHeight / 2, c = s.offsetLeft + n.offsetWidth / 2, r = s.offsetTop + n.offsetHeight / 2, a = c - i, d = r - l, h = Math.sqrt(a * a + d * d), u = Math.max(50, Math.min(200, h * 0.3)), y = Math.abs(a), b = Math.abs(d);
+const ao = function(e, t, n) {
+  const o = $(e.nodes, t), s = $(e.nodes, n), i = o.offsetLeft + t.offsetWidth / 2, l = o.offsetTop + t.offsetHeight / 2, c = s.offsetLeft + n.offsetWidth / 2, r = s.offsetTop + n.offsetHeight / 2, a = c - i, d = r - l, h = Math.sqrt(a * a + d * d), u = Math.max(50, Math.min(200, h * 0.3)), y = Math.abs(a), b = Math.abs(d);
   let p, g;
   if (h < 150) {
     const v = t.closest("me-main").className === "lhs" ? -1 : 1;
@@ -2109,18 +2113,21 @@ const oo = function(e, t, n) {
     const v = d > 0 ? t.offsetHeight / 2 : -t.offsetHeight / 2, E = d > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
     p = { x: 0, y: v + (d > 0 ? u : -u) }, g = { x: 0, y: E + (d > 0 ? -u : u) };
   } else {
-    const v = Math.atan2(d, a), E = t.offsetWidth / 2 * Math.cos(v), k = t.offsetHeight / 2 * Math.sin(v), _ = -(n.offsetWidth / 2) * Math.cos(v), C = -(n.offsetHeight / 2) * Math.sin(v), x = u * 0.7 * (a > 0 ? 1 : -1), N = u * 0.7 * (d > 0 ? 1 : -1);
-    p = { x: E + x, y: k + N }, g = { x: _ - x, y: C - N };
+    const v = Math.atan2(d, a), E = t.offsetWidth / 2 * Math.cos(v), k = t.offsetHeight / 2 * Math.sin(v), _ = -(n.offsetWidth / 2) * Math.cos(v), C = -(n.offsetHeight / 2) * Math.sin(v), w = u * 0.7 * (a > 0 ? 1 : -1), N = u * 0.7 * (d > 0 ? 1 : -1);
+    p = { x: E + w, y: k + N }, g = { x: _ - w, y: C - N };
   }
-  return { delta1: p, delta2: g };
-}, Ae = function(e, t, n, o, s) {
+  return {
+    delta1: { x: Math.round(p.x), y: Math.round(p.y) },
+    delta2: { x: Math.round(g.x), y: Math.round(g.y) }
+  };
+}, De = function(e, t, n, o, s) {
   if (!t || !n)
     return;
   if (!o.delta1 || !o.delta2) {
-    const S = oo(e, t, n);
+    const S = ao(e, t, n);
     o.delta1 = S.delta1, o.delta2 = S.delta2;
   }
-  const i = de(e, t, o.delta1), l = de(e, n, o.delta2), { x: c, y: r } = q(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: y, y: b } = q(l), p = ce(h, u, y, b);
+  const i = ae(e, t, o.delta1), l = ae(e, n, o.delta2), { x: c, y: r } = q(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: y, y: b } = q(l), p = ce(h, u, y, b);
   if (!p) return;
   const g = `M ${p.x1} ${p.y1} L ${y} ${b} L ${p.x2} ${p.y2}`;
   let m = "";
@@ -2129,16 +2136,16 @@ const oo = function(e, t, n) {
     if (!S) return;
     m = `M ${S.x1} ${S.y1} L ${c} ${r} L ${S.x2} ${S.y2}`;
   }
-  const v = Ln(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${y} ${b}`, g, m, o.style), { x: E, y: k } = dt(c, r, a, d, h, u, y, b), _ = o.style?.labelColor || "rgb(235, 95, 82)", C = "arrow-" + o.id;
+  const v = $n(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${y} ${b}`, g, m, o.style), { x: E, y: k } = ht(c, r, a, d, h, u, y, b), _ = o.style?.labelColor || "rgb(235, 95, 82)", C = "arrow-" + o.id;
   v.id = C;
-  const x = e.markdown ? e.markdown(o.label, o) : o.label, N = ye(x, E, k, {
+  const w = e.markdown ? e.markdown(o.label, o) : o.label, N = me(w, E, k, {
     anchor: "middle",
     color: _,
     dataType: "arrow",
     svgId: C
   });
-  v.labelEl = N, v.arrowObj = o, v.dataset.linkid = o.id, e.labelContainer.appendChild(N), e.linkSvgGroup.appendChild(v), fe(N), s || (e.arrows.push(o), e.currentArrow = v, ht(e, o, i, l));
-}, so = function(e, t, n = {}) {
+  v.labelEl = N, v.arrowObj = o, v.dataset.linkid = o.id, e.labelContainer.appendChild(N), e.linkSvgGroup.appendChild(v), he(N), s || (e.arrows.push(o), e.currentArrow = v, ft(e, o, i, l));
+}, ho = function(e, t, n = {}) {
   const o = {
     id: z(),
     label: "Custom Link",
@@ -2146,21 +2153,21 @@ const oo = function(e, t, n) {
     to: t.nodeObj.id,
     ...n
   };
-  Ae(this, e, t, o), this.bus.fire("operation", {
+  De(this, e, t, o), this.bus.fire("operation", {
     name: "createArrow",
     obj: o
   });
-}, io = function(e) {
-  ue(this);
+}, fo = function(e) {
+  fe(this);
   const t = { ...e, id: z() };
-  Ae(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
+  De(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
     obj: t
   });
-}, ro = function(e) {
+}, uo = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t) return;
-  ue(this);
+  fe(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.labelEl?.remove(), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -2168,15 +2175,15 @@ const oo = function(e, t, n) {
       id: n
     }
   });
-}, lo = function(e) {
+}, po = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = de(this, n, t.delta1), i = de(this, o, t.delta2);
-  ht(this, t, s, i);
-}, co = function() {
-  ue(this), this.currentArrow = null;
-}, ge = function(e, t) {
-  const n = document.createElementNS(j, "path");
-  return D(n, {
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = ae(this, n, t.delta1), i = ae(this, o, t.delta2);
+  ft(this, t, s, i);
+}, go = function() {
+  fe(this), this.currentArrow = null;
+}, pe = function(e, t) {
+  const n = document.createElementNS(H, "path");
+  return A(n, {
     d: e,
     stroke: t,
     fill: "none",
@@ -2184,70 +2191,70 @@ const oo = function(e, t, n) {
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   }), n;
-}, ao = function(e, t) {
-  const n = document.createElementNS(j, "g");
+}, mo = function(e, t) {
+  const n = document.createElementNS(H, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
-  const o = ge(e.line.getAttribute("d"), t);
+  const o = pe(e.line.getAttribute("d"), t);
   n.appendChild(o);
-  const s = ge(e.arrow1.getAttribute("d"), t);
+  const s = pe(e.arrow1.getAttribute("d"), t);
   if (n.appendChild(s), e.arrow2.getAttribute("d")) {
-    const i = ge(e.arrow2.getAttribute("d"), t);
+    const i = pe(e.arrow2.getAttribute("d"), t);
     n.appendChild(i);
   }
   e.insertBefore(n, e.firstChild);
-}, ho = function(e) {
+}, yo = function(e) {
   const t = e.querySelector(".arrow-highlight");
   t && t.remove();
-}, fo = function(e) {
+}, bo = function(e) {
   const t = e.querySelector(".arrow-highlight");
   if (!t) return;
   const n = t.querySelectorAll("path");
   n.length >= 1 && n[0].setAttribute("d", e.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", e.arrow1.getAttribute("d")), n.length >= 3 && e.arrow2.getAttribute("d") && n[2].setAttribute("d", e.arrow2.getAttribute("d"));
-}, ue = function(e) {
-  e.helper1?.destroy(), e.helper2?.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && ho(e.currentArrow);
-}, ht = function(e, t, n, o) {
+}, fe = function(e) {
+  e.helper1?.destroy(), e.helper2?.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && yo(e.currentArrow);
+}, ft = function(e, t, n, o) {
   const { linkController: s, P2: i, P3: l, line1: c, line2: r, nodes: a, map: d, currentArrow: h, bus: u } = e;
   if (!h) return;
-  s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(l), ao(h, to);
+  s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(l), mo(h, lo);
   let { x: y, y: b } = q(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: v } = o, { x: E, y: k } = q(o);
-  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${v}px;left:${m}px;`, oe(c, y, b, p, g), oe(r, m, v, E, k), e.helper1 = ze.create(i), e.helper2 = ze.create(l), e.helper1.init(d, (_, C) => {
+  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${v}px;left:${m}px;`, se(c, y, b, p, g), se(r, m, v, E, k), e.helper1 = Ke.create(i), e.helper2 = Ke.create(l), e.helper1.init(d, (_, C) => {
     p = p + _ / e.scaleVal, g = g + C / e.scaleVal;
-    const x = q({ ...n, ctrlX: p, ctrlY: g });
-    y = x.x, b = x.y, i.style.top = g + "px", i.style.left = p + "px", Ke(h, y, b, p, g, m, v, E, k, t), oe(c, y, b, p, g), t.delta1.x = p - n.cx, t.delta1.y = g - n.cy, u.fire("updateArrowDelta", t);
+    const w = q({ ...n, ctrlX: p, ctrlY: g });
+    y = w.x, b = w.y, i.style.top = g + "px", i.style.left = p + "px", Ve(h, y, b, p, g, m, v, E, k, t), se(c, y, b, p, g), t.delta1.x = Math.round(p - n.cx), t.delta1.y = Math.round(g - n.cy), u.fire("updateArrowDelta", t);
   }), e.helper2.init(d, (_, C) => {
     m = m + _ / e.scaleVal, v = v + C / e.scaleVal;
-    const x = q({ ...o, ctrlX: m, ctrlY: v });
-    E = x.x, k = x.y, l.style.top = v + "px", l.style.left = m + "px", Ke(h, y, b, p, g, m, v, E, k, t), oe(r, m, v, E, k), t.delta2.x = m - o.cx, t.delta2.y = v - o.cy, u.fire("updateArrowDelta", t);
+    const w = q({ ...o, ctrlX: m, ctrlY: v });
+    E = w.x, k = w.y, l.style.top = v + "px", l.style.left = m + "px", Ve(h, y, b, p, g, m, v, E, k, t), se(r, m, v, E, k), t.delta2.x = Math.round(m - o.cx), t.delta2.y = Math.round(v - o.cy), u.fire("updateArrowDelta", t);
   });
 };
-function uo() {
+function vo() {
   this.linkSvgGroup.innerHTML = "", this.labelContainer.querySelectorAll('.svg-label[data-type="arrow"]').forEach((t) => t.remove());
   for (let t = 0; t < this.arrows.length; t++) {
     const n = this.arrows[t];
     try {
-      Ae(this, this.findEle(n.from), this.findEle(n.to), n, !0);
+      De(this, this.findEle(n.from), this.findEle(n.to), n, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function po(e) {
-  ue(this), e && e.labelEl && lt(this, e.labelEl, e.arrowObj);
+function xo(e) {
+  fe(this), e && e.labelEl && ct(this, e.labelEl, e.arrowObj);
 }
-function go() {
+function wo() {
   this.arrows = this.arrows.filter((e) => le(e.from, this.nodeData) && le(e.to, this.nodeData));
 }
-const mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: so,
-  createArrowFrom: io,
-  editArrowLabel: po,
-  removeArrow: ro,
-  renderArrow: uo,
-  selectArrow: lo,
-  tidyArrow: go,
-  unselectArrow: co
-}, Symbol.toStringTag, { value: "Module" })), yo = function(e) {
+  createArrow: ho,
+  createArrowFrom: fo,
+  editArrowLabel: xo,
+  removeArrow: uo,
+  renderArrow: vo,
+  selectArrow: po,
+  tidyArrow: wo,
+  unselectArrow: go
+}, Symbol.toStringTag, { value: "Module" })), Co = function(e) {
   if (e.length === 0) throw new Error("No selected node.");
   if (e.length === 1) {
     const r = e[0].nodeObj, a = e[0].nodeObj.parent;
@@ -2284,101 +2291,101 @@ const mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: l
   };
-}, bo = function(e) {
-  const t = document.createElementNS(j, "g");
+}, So = function(e) {
+  const t = document.createElementNS(H, "g");
   return t.setAttribute("id", e), t;
 }, qe = function(e, t) {
-  const n = document.createElementNS(j, "path");
-  return D(n, {
+  const n = document.createElementNS(H, "path");
+  return A(n, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, vo = (e) => e.parentElement.parentElement, wo = function(e, { parent: t, start: n }) {
+}, No = (e) => e.parentElement.parentElement, To = function(e, { parent: t, start: n }) {
   const o = e.findEle(t), s = o.nodeObj;
   let i;
   return s.parent ? i = o.closest("me-main").className : i = e.findEle(s.children[n].id).closest("me-main").className, i;
-}, Me = function(e, t) {
-  const { id: n, label: o, parent: s, start: i, end: l, style: c } = t, { nodes: r, theme: a, summarySvg: d } = e, u = e.findEle(s).nodeObj, y = wo(e, t);
+}, Ae = function(e, t) {
+  const { id: n, label: o, parent: s, start: i, end: l, style: c } = t, { nodes: r, theme: a, summarySvg: d } = e, u = e.findEle(s).nodeObj, y = To(e, t);
   let b = 1 / 0, p = 0, g = 0, m = 0;
   for (let f = i; f <= l; f++) {
-    const w = u.children?.[f];
-    if (!w)
+    const x = u.children?.[f];
+    if (!x)
       return e.removeSummary(n), null;
-    const T = vo(e.findEle(w.id)), { offsetLeft: O, offsetTop: X } = H(r, T), M = i === l ? 10 : 20;
-    f === i && (g = X + M), f === l && (m = X + T.offsetHeight - M), O < b && (b = O), T.offsetWidth + O > p && (p = T.offsetWidth + O);
+    const T = No(e.findEle(x.id)), { offsetLeft: P, offsetTop: Y } = $(r, T), D = i === l ? 10 : 20;
+    f === i && (g = Y + D), f === l && (m = Y + T.offsetHeight - D), P < b && (b = P), T.offsetWidth + P > p && (p = T.offsetWidth + P);
   }
   let v, E;
-  const k = u.parent ? 10 : 0, _ = g + k, C = m + k, x = (_ + C) / 2, N = c?.stroke || a.cssVar["--color"], S = c?.labelColor || a.cssVar["--color"], A = "s-" + n, L = e.markdown ? e.markdown(o, t) : o;
-  y === B.LHS ? (v = qe(`M ${b + 10} ${_} c -5 0 -10 5 -10 10 L ${b} ${C - 10} c 0 5 5 10 10 10 M ${b} ${x} h -10`, N), E = ye(L, b - 20, x, { anchor: "end", color: S, dataType: "summary", svgId: A })) : (v = qe(`M ${p - 10} ${_} c 5 0 10 5 10 10 L ${p} ${C - 10} c 0 5 -5 10 -10 10 M ${p} ${x} h 10`, N), E = ye(L, p + 20, x, { anchor: "start", color: S, dataType: "summary", svgId: A }));
-  const R = bo(A);
-  return R.appendChild(v), e.labelContainer.appendChild(E), fe(E), R.summaryObj = t, R.labelEl = E, d.appendChild(R), R;
-}, xo = function(e = {}) {
+  const k = u.parent ? 10 : 0, _ = g + k, C = m + k, w = (_ + C) / 2, N = c?.stroke || a.cssVar["--color"], S = c?.labelColor || a.cssVar["--color"], M = "s-" + n, L = e.markdown ? e.markdown(o, t) : o;
+  y === B.LHS ? (v = qe(`M ${b + 10} ${_} c -5 0 -10 5 -10 10 L ${b} ${C - 10} c 0 5 5 10 10 10 M ${b} ${w} h -10`, N), E = me(L, b - 20, w, { anchor: "end", color: S, dataType: "summary", svgId: M })) : (v = qe(`M ${p - 10} ${_} c 5 0 10 5 10 10 L ${p} ${C - 10} c 0 5 -5 10 -10 10 M ${p} ${w} h 10`, N), E = me(L, p + 20, w, { anchor: "start", color: S, dataType: "summary", svgId: M }));
+  const I = So(M);
+  return I.appendChild(v), e.labelContainer.appendChild(E), he(E), I.summaryObj = t, I.labelEl = E, d.appendChild(I), I;
+}, _o = function(e = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = yo(t), c = { id: z(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = Me(this, c);
+  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = Co(t), c = { id: z(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = Ae(this, c);
   n.push(c), this.editSummary(r), o.fire("operation", {
     name: "createSummary",
     obj: c
   });
-}, Eo = function(e) {
+}, ko = function(e) {
   const t = z(), n = { ...e, id: t };
-  Me(this, n), this.summaries.push(n), this.bus.fire("operation", {
+  Ae(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
-}, Co = function(e) {
+}, Lo = function(e) {
   const t = this.summaries.findIndex((n) => n.id === e);
   t > -1 && (this.summaries.splice(t, 1), this.nodes.querySelector("#s-" + e)?.remove(), this.nodes.querySelector("#label-s-" + e)?.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
   });
-}, So = function(e) {
+}, Do = function(e) {
   const t = e.labelEl;
   t && t.classList.add("selected"), this.currentSummary = e;
-}, No = function() {
+}, Ao = function() {
   this.currentSummary?.labelEl?.classList.remove("selected"), this.currentSummary = null;
-}, To = function() {
+}, Mo = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      Me(this, e);
+      Ae(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, _o = function(e) {
-  e && e.labelEl && lt(this, e.labelEl, e.summaryObj);
-}, ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Po = function(e) {
+  e && e.labelEl && ct(this, e.labelEl, e.summaryObj);
+}, Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: xo,
-  createSummaryFrom: Eo,
-  editSummary: _o,
-  removeSummary: Co,
-  renderSummary: To,
-  selectSummary: So,
-  unselectSummary: No
-}, Symbol.toStringTag, { value: "Module" })), P = "http://www.w3.org/2000/svg";
-function Lo(e, t) {
-  const n = document.createElementNS(P, "svg");
-  return D(n, {
+  createSummary: _o,
+  createSummaryFrom: ko,
+  editSummary: Po,
+  removeSummary: Lo,
+  renderSummary: Mo,
+  selectSummary: Do,
+  unselectSummary: Ao
+}, Symbol.toStringTag, { value: "Module" })), O = "http://www.w3.org/2000/svg";
+function $o(e, t) {
+  const n = document.createElementNS(O, "svg");
+  return A(n, {
     version: "1.1",
-    xmlns: P,
+    xmlns: O,
     height: e,
     width: t
   }), n;
 }
-function Do(e, t) {
+function Ho(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function Ao(e, t, n, o) {
-  const s = document.createElementNS(P, "g");
+function jo(e, t, n, o) {
+  const s = document.createElementNS(O, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((c, r) => {
-    const a = document.createElementNS(P, "text");
-    D(a, {
+    const a = document.createElementNS(O, "text");
+    A(a, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Do(t.lineHeight, t.fontSize) * (r + 1) + parseFloat(t.fontSize) * (r + 1) + "",
+      y: o + parseInt(t.paddingTop) + Ho(t.lineHeight, t.fontSize) * (r + 1) + parseFloat(t.fontSize) * (r + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -2387,25 +2394,25 @@ function Ao(e, t, n, o) {
     }), a.innerHTML = c, s.appendChild(a);
   }), s;
 }
-function Mo(e, t, n, o) {
+function Io(e, t, n, o) {
   let s = "";
   e.nodeObj?.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
-  const i = document.createElementNS(P, "foreignObject");
-  D(i, {
+  const i = document.createElementNS(O, "foreignObject");
+  A(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
     height: t.height
   });
   const l = document.createElement("div");
-  return D(l, {
+  return A(l, {
     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;`
   }), l.innerHTML = s, i.appendChild(l), i;
 }
-function Po(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(P, "rect");
-  return D(i, {
+function Ro(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(O, "rect");
+  return A(i, {
     x: o + "",
     y: s + "",
     rx: n.borderRadius,
@@ -2417,9 +2424,9 @@ function Po(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function se(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = H(e.nodes, t), l = document.createElementNS(P, "rect");
-  D(l, {
+function ie(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = $(e.nodes, t), l = document.createElementNS(O, "rect");
+  A(l, {
     x: s + "",
     y: i + "",
     rx: o.borderRadius,
@@ -2430,14 +2437,14 @@ function se(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const c = document.createElementNS(P, "g");
+  const c = document.createElementNS(O, "g");
   c.appendChild(l);
   let r;
-  return n ? r = Mo(t, o, s, i) : r = Ao(t, o, s, i), c.appendChild(r), c;
+  return n ? r = Io(t, o, s, i) : r = jo(t, o, s, i), c.appendChild(r), c;
 }
-function Oo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(P, "a"), l = document.createElementNS(P, "text");
-  return D(l, {
+function Bo(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(O, "a"), l = document.createElementNS(O, "text");
+  return A(l, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -2447,9 +2454,9 @@ function Oo(e, t) {
     fill: `${n.color}`
   }), l.innerHTML = t.textContent, i.appendChild(l), i.setAttribute("href", t.href), i;
 }
-function $o(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(P, "image");
-  return D(i, {
+function Wo(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(O, "image");
+  return A(i, {
     x: o + "",
     y: s + "",
     width: n.width + "",
@@ -2457,16 +2464,16 @@ function $o(e, t) {
     href: t.src
   }), i;
 }
-const ie = 100, Ho = '<?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">', jo = (e, t = !1) => {
-  const n = e.nodes, o = n.offsetHeight + ie * 2, s = n.offsetWidth + ie * 2, i = Lo(o + "px", s + "px"), l = document.createElementNS(P, "svg"), c = document.createElementNS(P, "rect");
-  D(c, {
+const re = 100, Yo = '<?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">', Xo = (e, t = !1) => {
+  const n = e.nodes, o = n.offsetHeight + re * 2, s = n.offsetWidth + re * 2, i = $o(o + "px", s + "px"), l = document.createElementNS(O, "svg"), c = document.createElementNS(O, "rect");
+  A(c, {
     x: "0",
     y: "0",
     width: `${s}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
   }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((h) => {
-    const u = h.cloneNode(!0), { offsetLeft: y, offsetTop: b } = H(n, h.parentElement);
+    const u = h.cloneNode(!0), { offsetLeft: y, offsetTop: b } = $(n, h.parentElement);
     u.setAttribute("x", `${y}`), u.setAttribute("y", `${b}`), l.appendChild(u);
   });
   const r = n.querySelector(".lines")?.cloneNode(!0);
@@ -2475,22 +2482,22 @@ const ie = 100, Ho = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
   a && l.appendChild(a);
   const d = n.querySelector(".summary")?.cloneNode(!0);
   return d && l.appendChild(d), n.querySelectorAll("me-tpc").forEach((h) => {
-    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(se(e, h, !t)) : (l.appendChild(Po(e, h)), l.appendChild(se(e, h.text, !t)));
+    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(ie(e, h, !t)) : (l.appendChild(Ro(e, h)), l.appendChild(ie(e, h.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((h) => {
-    l.appendChild(se(e, h));
+    l.appendChild(ie(e, h));
   }), n.querySelectorAll(".icons > span").forEach((h) => {
-    l.appendChild(se(e, h));
+    l.appendChild(ie(e, h));
   }), n.querySelectorAll(".hyper-link").forEach((h) => {
-    l.appendChild(Oo(e, h));
+    l.appendChild(Bo(e, h));
   }), n.querySelectorAll("img").forEach((h) => {
-    l.appendChild($o(e, h));
-  }), D(l, {
-    x: ie + "",
-    y: ie + "",
+    l.appendChild(Wo(e, h));
+  }), A(l, {
+    x: re + "",
+    y: re + "",
     overflow: "visible"
   }), i.appendChild(l), i;
-}, Io = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Ho + e.outerHTML);
-function Ro(e) {
+}, Fo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Yo + e.outerHTML);
+function Go(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -2500,11 +2507,11 @@ function Ro(e) {
     }, o.readAsDataURL(e);
   });
 }
-const Bo = function(e = !1, t) {
-  const n = jo(this, e), o = Io(n, t);
+const zo = function(e = !1, t) {
+  const n = Xo(this, e), o = Fo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, Yo = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await Ro(n);
+}, Ko = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await Go(n);
   return new Promise((s, i) => {
     const l = new Image();
     l.setAttribute("crossOrigin", "anonymous"), l.onload = () => {
@@ -2512,48 +2519,48 @@ const Bo = function(e = !1, t) {
       c.width = l.width, c.height = l.height, c.getContext("2d").drawImage(l, 0, 0), c.toBlob(s, "image/png", 1);
     }, l.src = o, l.onerror = i;
   });
-}, Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: Yo,
-  exportSvg: Bo
+  exportPng: Ko,
+  exportSvg: zo
 }, Symbol.toStringTag, { value: "Module" }));
-function Xo(e, t) {
+function qo(e, t) {
   return async function(...n) {
     const o = this.before[t];
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const Ue = Object.keys(ot), ft = {};
+const Ue = Object.keys(it), ut = {};
 for (let e = 0; e < Ue.length; e++) {
   const t = Ue[e];
-  ft[t] = Xo(ot[t], t);
+  ut[t] = qo(it[t], t);
 }
-const Fo = {
+const Uo = {
   getObjById: le,
-  generateNewObj: ut,
-  layout: pt,
-  linkDiv: Dn,
-  editTopic: xt,
-  createWrapper: yt,
-  createParent: bt,
-  createChildren: vt,
-  createTopic: wt,
-  findEle: Ze,
-  changeTheme: Qn,
-  ...un,
-  ...ft,
-  ...mo,
-  ...ko,
-  ...Wo,
+  generateNewObj: pt,
+  layout: Ct,
+  linkDiv: Hn,
+  editTopic: Dt,
+  createWrapper: Tt,
+  createParent: _t,
+  createChildren: kt,
+  createTopic: Lt,
+  findEle: et,
+  changeTheme: io,
+  ...En,
+  ...ut,
+  ...Eo,
+  ...Oo,
+  ...Vo,
   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, V(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Gn(this), this.keypress && bn(this, this.keypress), Zn(this), this.disposable.push(Tn()), this.contextMenu && this.disposable.push(Mn(this, this.contextMenu)), this.allowUndo && this.disposable.push(On(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, G(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Jn(this), this.keypress && Mn(this, this.keypress), so(this), this.disposable.push(Et()), this.contextMenu && this.disposable.push(In(this, this.contextMenu)), this.allowUndo && this.disposable.push(Bn(this)), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     this.disposable.forEach((e) => e()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.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, this.selection?.destroy(), this.selection = void 0;
   }
 };
-function Go({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, containerHeight: a }) {
+function Jo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, containerHeight: a }) {
   let d = t + n / 2;
   const h = e + o / 2;
   let u;
@@ -2561,7 +2568,7 @@ function Go({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction:
   const y = s + c / 2, p = (1 - Math.abs(y - h) / a) * 0.25 * (n / 2);
   return r === B.LHS ? d = d - n / 10 - p : d = d + n / 10 + p, `M ${d} ${h} Q ${d} ${y} ${u} ${y}`;
 }
-function Vo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, isFirst: a }) {
+function Zo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, isFirst: a }) {
   const d = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
   let h = 0, u = 0;
   a ? h = e + o / 2 : h = e + o;
@@ -2570,8 +2577,8 @@ function Vo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction:
   const m = Math.abs(h - y) / 300 * d;
   return r === B.LHS ? (g = t, b = g + d, p = g - d, u = i + d, `M ${b} ${h} C ${g} ${h} ${g + m} ${y} ${p} ${y} H ${u}`) : (g = t + n, b = g - d, p = g + d, u = i + l - d, `M ${b} ${h} C ${g} ${h} ${g - m} ${y} ${p} ${y} H ${u}`);
 }
-const zo = "5.10.0";
-function Ko(e) {
+const Qo = "5.11.0";
+function es(e) {
   return {
     x: 0,
     y: 0,
@@ -2586,7 +2593,7 @@ function Ko(e) {
     }
   };
 }
-function I({
+function j({
   el: e,
   direction: t,
   editable: n,
@@ -2611,30 +2618,30 @@ function I({
   imageProxy: _,
   pasteHandler: C
 }) {
-  let x = null;
+  let w = null;
   const N = Object.prototype.toString.call(e);
-  if (N === "[object HTMLDivElement]" ? x = e : N === "[object String]" && (x = document.querySelector(e)), !x) throw new Error("MindElixir: el is not a valid element");
-  x.style.position = "relative", x.innerHTML = "", this.el = x, this.disposable = [], this.before = r || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = l ?? 0, this.direction = t ?? 1, this.editable = n ?? !0, this.allowUndo = d ?? !0, this.scaleSensitivity = g ?? 0.1, this.scaleMax = m ?? 1.4, this.scaleMin = v ?? 0.2, this.generateMainBranch = h || Go, this.generateSubBranch = u || Vo, this.overflowHidden = y ?? !1, this.alignment = p ?? "root", this.handleWheel = E ?? !0, this.markdown = k || void 0, this.imageProxy = _ || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Ko(this), this.bus = kn(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
+  if (N === "[object HTMLDivElement]" ? w = e : N === "[object String]" && (w = document.querySelector(e)), !w) throw new Error("MindElixir: el is not a valid element");
+  w.style.position = "relative", w.innerHTML = "", this.el = w, this.disposable = [], this.before = r || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = l ?? 0, this.direction = t ?? 1, this.editable = n ?? !0, this.allowUndo = d ?? !0, this.scaleSensitivity = g ?? 0.1, this.scaleMax = m ?? 1.4, this.scaleMin = v ?? 0.2, this.generateMainBranch = h || Jo, this.generateSubBranch = u || Zo, this.overflowHidden = y ?? !1, this.alignment = p ?? "root", this.handleWheel = E ?? !0, this.markdown = k || void 0, this.imageProxy = _ || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.panHelper = es(this), this.bus = On(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
   const S = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = b || (S.matches ? we : ve);
-  const A = document.createElement("div");
-  A.className = "map-canvas", this.map = A, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = document.createElement("me-nodes"), this.lines = Q("lines"), this.summarySvg = Q("summary"), this.linkController = Q("linkcontroller"), this.P2 = document.createElement("div"), this.P3 = document.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Re(), this.line2 = Re(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = Q("topiclinks"), this.labelContainer = document.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(_n(this)), C && (this.pasteHandler = C);
+  this.theme = b || (S.matches ? ve : be);
+  const M = document.createElement("div");
+  M.className = "map-canvas", this.map = M, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = document.createElement("me-nodes"), this.lines = te("lines"), this.summarySvg = te("summary"), this.linkController = te("linkcontroller"), this.P2 = document.createElement("div"), this.P3 = document.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Re(), this.line2 = Re(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = te("topiclinks"), this.labelContainer = document.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Pn(this)), C && (this.pasteHandler = C);
 }
-I.prototype = Fo;
-Object.defineProperty(I.prototype, "currentNode", {
+j.prototype = Uo;
+Object.defineProperty(j.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
   },
   enumerable: !0
 });
-I.LEFT = 0;
-I.RIGHT = 1;
-I.SIDE = 2;
-I.THEME = ve;
-I.DARK_THEME = we;
-I.version = zo;
-I.E = Ze;
-I.new = (e) => ({
+j.LEFT = 0;
+j.RIGHT = 1;
+j.SIDE = 2;
+j.THEME = be;
+j.DARK_THEME = ve;
+j.version = Qo;
+j.E = et;
+j.new = (e) => ({
   nodeData: {
     id: z(),
     topic: e || "new topic",
@@ -2642,10 +2649,10 @@ I.new = (e) => ({
   }
 });
 export {
-  we as DARK_THEME,
-  qo as LEFT,
-  Uo as RIGHT,
-  Jo as SIDE,
-  ve as THEME,
-  I as default
+  ve as DARK_THEME,
+  ts as LEFT,
+  ns as RIGHT,
+  os as SIDE,
+  be as THEME,
+  j as default
 };