mind-elixir 5.11.1-beta.0 → 5.11.1-beta.2

package/dist/MindElixir.js

@@ -1,4 +1,4 @@
-const Qo = 0, es = 1, ts = 2, pe = {
+const Qo = 0, es = 1, ts = 2, fe = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -25,7 +25,7 @@ const Qo = 0, es = 1, ts = 2, pe = {
     "--panel-border-color": "#eaeaea",
     "--map-padding": "50px 80px"
   }
-}, ge = {
+}, ue = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
@@ -53,61 +53,61 @@ const Qo = 0, es = 1, ts = 2, pe = {
     "--map-padding": "50px 80px"
   }
 };
-function he(e) {
+function ae(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const oe = function(e, t) {
+const ne = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = oe(e, t.children[n]);
+      const o = ne(e, t.children[n]);
       if (o) return o;
     }
     return null;
   } else
     return null;
-}, W = (e, t) => {
+}, R = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      W(e.children[n], e);
-}, z = (e, t, n) => {
+      R(e.children[n], e);
+}, F = (e, t, n) => {
   if (e.expanded = t, e.children)
     if (n === void 0 || n > 0) {
       const o = n !== void 0 ? n - 1 : void 0;
       e.children.forEach((s) => {
-        z(s, t, o);
+        F(s, t, o);
       });
     } else
       e.children.forEach((o) => {
-        z(o, !1);
+        F(o, !1);
       });
 };
-function me(e) {
-  if (e.id = Y(), e.children)
+function pe(e) {
+  if (e.id = B(), e.children)
     for (let t = 0; t < e.children.length; t++)
-      me(e.children[t]);
+      pe(e.children[t]);
 }
-function se(e, t, n, o) {
-  const s = n - e, i = o - t, c = Math.atan2(i, s) * 180 / Math.PI, r = 12, a = 30, h = (c + 180 - a) * Math.PI / 180, f = (c + 180 + a) * Math.PI / 180;
+function oe(e, t, n, o) {
+  const s = n - e, i = o - t, c = Math.atan2(i, s) * 180 / Math.PI, r = 12, a = 30, d = (c + 180 - a) * Math.PI / 180, h = (c + 180 + a) * Math.PI / 180;
   return {
-    x1: n + Math.cos(h) * r,
-    y1: o + Math.sin(h) * r,
-    x2: n + Math.cos(f) * r,
-    y2: o + Math.sin(f) * r
+    x1: n + Math.cos(d) * r,
+    y1: o + Math.sin(d) * r,
+    x2: n + Math.cos(h) * r,
+    y2: o + Math.sin(h) * r
   };
 }
-function Y() {
+function B() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substring(2)).substring(2, 18);
 }
 const ft = function() {
-  const e = Y();
+  const e = B();
   return {
     topic: this.newTopicName,
     id: e
   };
 };
-function ye(e) {
+function ge(e) {
   return JSON.parse(
     JSON.stringify(e, (n, o) => {
       if (n !== "parent")
@@ -115,15 +115,15 @@ function ye(e) {
     })
   );
 }
-const A = (e, t) => {
+const L = (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 };
-}, _ = (e, t) => {
+}, k = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, V = (e) => e ? e.tagName === "ME-TPC" : !1, be = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+}, te = (e) => e ? e.tagName === "ME-TPC" : !1, me = (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 A = (e, t) => {
       return !1;
   }
   return !0;
-}), ve = (e) => {
+}), ye = (e) => {
   const t = /translate3d\(([^,]+),\s*([^,]+)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
 }, qe = function(e) {
@@ -150,16 +150,16 @@ const A = (e, t) => {
   return Math.sqrt(n * n + o * o);
 }, ut = function(e, t) {
   if (!t)
-    return re(e), e;
+    return ie(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;
-}, re = function(e) {
+}, ie = function(e) {
   if (!e) return;
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
     n.remove();
-}, Ae = function(e, t) {
+}, Le = 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;
@@ -202,7 +202,13 @@ const yt = 5;
 function Me(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 && Je(e, t), !0);
+  if (s?.tagName !== "ME-TPC" || !s.nodeObj.parent) return !1;
+  if (t.startX = n.clientX, t.startY = n.clientY, t.pointerId = n.pointerId, e.dragged = e.currentNodes, o) {
+    Je(e, t);
+    const i = e.container.getBoundingClientRect();
+    Ue(t.ghost, n.clientX - i.x, n.clientY - i.y);
+  }
+  return !0;
 }
 function Ue(e, t, n) {
   e.style.transform = `translate(${t - 10}px, ${n - 10}px)`, e.style.display = "block";
@@ -222,17 +228,17 @@ function bt(e, t, n) {
   const s = n.clientX - t.startX, i = n.clientY - t.startY, l = Math.sqrt(s * s + i * i);
   if (!t.isDragging && l > yt && Je(e, t), !t.isDragging) return;
   const c = e.container.getBoundingClientRect();
-  Ue(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(), re(t.meet);
+  Ue(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(), ie(t.meet);
   const r = 12 * e.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - r);
-  if (Ae(a, o)) {
+  if (Le(a, o)) {
     t.meet = a;
-    const h = a.getBoundingClientRect(), f = h.y;
-    n.clientY > f + h.height ? t.insertType = "after" : t.insertType = "in";
+    const d = a.getBoundingClientRect(), h = d.y;
+    n.clientY > h + d.height ? t.insertType = "after" : t.insertType = "in";
   } else {
-    const h = document.elementFromPoint(n.clientX, n.clientY + r);
-    if (Ae(h, o)) {
-      t.meet = h;
-      const u = h.getBoundingClientRect().y;
+    const d = document.elementFromPoint(n.clientX, n.clientY + r);
+    if (Le(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;
@@ -245,29 +251,29 @@ function vt(e, t, n) {
     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 && (re(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;
+    t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (ie(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 ae(e, t) {
+function Ae(e, t) {
   const { dragged: n } = e;
   if (n) {
     t.edgeMoveController.stop();
     for (const o of n)
       o.parentElement.parentElement.style.opacity = "1";
-    t.meet && re(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;
+    t.meet && ie(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 xt(e) {
+function wt(e) {
   return () => {
   };
 }
-const H = {
+const O = {
   LHS: "lhs",
   RHS: "rhs"
-}, wt = function() {
+}, xt = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  xe.call(this, e, this.nodeData), e.draggable = !1;
+  be.call(this, e, this.nodeData), e.draggable = !1;
   const t = document.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
@@ -280,9 +286,9 @@ const H = {
   Et(this, n, t);
 }, Et = function(e, t, n) {
   const o = document.createElement("me-main");
-  o.className = H.LHS;
+  o.className = O.LHS;
   const s = document.createElement("me-main");
-  s.className = H.RHS;
+  s.className = O.RHS;
   for (let i = 0; i < t.length; i++) {
     const l = t[i], { grp: c } = e.createWrapper(l);
     e.direction === 2 ? l.direction === 0 ? o.appendChild(c) : s.appendChild(c) : e.direction === 0 ? o.appendChild(c) : s.appendChild(c);
@@ -299,7 +305,7 @@ const H = {
   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;
-}, xe = function(e, t) {
+}, be = function(e, t) {
   if (e.innerHTML = "", t.style) {
     const n = t.style;
     for (const o in n)
@@ -326,7 +332,7 @@ const H = {
   } 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>${he(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ae(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");
@@ -338,7 +344,7 @@ const H = {
 }, St = 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 = we(e.expanded);
+    const i = ve(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
       const l = Ct(this, e.children);
       n.appendChild(l);
@@ -347,7 +353,7 @@ const H = {
   return { grp: n, top: o, tpc: s };
 }, Nt = function(e) {
   const t = document.createElement("me-parent"), n = this.createTopic(e);
-  return xe.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
+  return be.call(this, n, e), t.appendChild(n), { p: t, tpc: n };
 }, Tt = function(e) {
   const t = document.createElement("me-children");
   return t.append(...e), t;
@@ -363,7 +369,7 @@ function Qe(e) {
 }
 const _t = function(e) {
   if (!e) return;
-  const t = document.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = A(this.nodes, e);
+  const t = document.createElement("div"), n = e.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = L(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 = `
@@ -376,7 +382,7 @@ const _t = 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"), e.style.opacity = "0", Qe(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (c) => {
@@ -388,7 +394,7 @@ const _t = function(e) {
     } else r === "Escape" && (c.preventDefault(), t.textContent = o, t.blur(), this.container.focus());
   }), t.addEventListener("blur", () => {
     if (!t) return;
-    t.remove();
+    e.style.opacity = "1", t.remove();
     const c = t.innerText?.trim() || "";
     c === o || c === "" || (n.topic = c, this.markdown ? e.text.innerHTML = this.markdown(n.topic, n) : e.text.textContent = c, this.linkDiv(), this.bus.fire("operation", {
       name: "finishEdit",
@@ -396,20 +402,20 @@ const _t = function(e) {
       origin: o
     }));
   });
-}, we = function(e) {
+}, ve = function(e) {
   const t = document.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, K = (e) => {
   const t = e.parent?.children, n = t?.indexOf(e) ?? 0;
   return { siblings: t, index: n };
 };
-function Lt(e) {
+function Dt(e) {
   const { siblings: t, index: n } = K(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 Dt(e) {
+function Lt(e) {
   const { siblings: t, index: n } = K(e);
   if (t === void 0) return;
   const o = t[n];
@@ -419,15 +425,15 @@ function et(e) {
   const { siblings: t, index: n } = K(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
-function At(e, t, n) {
+function Mt(e, t, n) {
   const { siblings: o, index: s } = K(n);
   o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
-function Mt(e, t) {
+function At(e, t) {
   const { siblings: n, index: o } = K(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function Ot(e, t, n) {
+function Pt(e, t, n) {
   if (et(t), n.parent?.parent || (t.direction = n.direction), e === "in")
     n.children ? n.children.push(t) : n.children = [t];
   else {
@@ -437,7 +443,7 @@ function Ot(e, t, n) {
     e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
 }
-const Pt = function({ map: e, direction: t }, n) {
+const Ot = function({ map: e, direction: t }, n) {
   if (t === 0)
     return 0;
   if (t === 1)
@@ -449,15 +455,15 @@ const Pt = function({ map: e, direction: t }, n) {
 }, tt = function(e, t, n) {
   const o = n.children[0].children[0], s = t.parentElement;
   if (s.tagName === "ME-PARENT") {
-    if (U(o), s.children[1])
+    if (G(o), s.children[1])
       s.nextSibling.appendChild(n);
     else {
       const i = e.createChildren([n]);
-      s.appendChild(we(!0)), s.insertAdjacentElement("afterend", i);
+      s.appendChild(ve(!0)), s.insertAdjacentElement("afterend", i);
     }
     e.linkDiv(n.offsetParent);
-  } else s.tagName === "ME-ROOT" && (Pt(e, o.nodeObj) === 0 ? e.container.querySelector(".lhs")?.appendChild(n) : e.container.querySelector(".rhs")?.appendChild(n), e.linkDiv());
-}, $t = function(e, t) {
+  } else s.tagName === "ME-ROOT" && (Ot(e, o.nodeObj) === 0 ? e.container.querySelector(".lhs")?.appendChild(n) : e.container.querySelector(".rhs")?.appendChild(n), e.linkDiv());
+}, Ht = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
     const o = n.parentNode.parentNode;
@@ -467,24 +473,24 @@ const Pt = function({ map: e, direction: t }, n) {
 }, nt = {
   before: "beforebegin",
   after: "afterend"
-}, U = function(e) {
+}, G = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   n?.tagName === "svg" && n?.remove();
-}, Ht = function(e, t) {
-  const n = e.nodeObj, o = ye(n);
+}, $t = function(e, t) {
+  const n = e.nodeObj, o = ge(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
   const s = Object.assign(n, t);
-  xe.call(this, e, s), this.linkDiv(), this.bus.fire("operation", {
+  be.call(this, e, s), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
     obj: s,
     origin: o
   });
-}, Ee = function(e, t, n) {
+}, we = 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], W(e.nodeData);
+  o.children ? o.children.push(s) : o.children = [s], R(e.nodeData);
   const { grp: i, top: l } = e.createWrapper(s);
   return tt(e, t, i), { newTop: l, newNodeObj: s };
 }, jt = function(e, t, n) {
@@ -493,8 +499,8 @@ const Pt = function({ map: e, direction: t }, n) {
   const s = o.nodeObj;
   if (s.parent) {
     if (!s.parent?.parent && this.direction === 2) {
-      const a = this.map.querySelector(".lhs")?.childElementCount || 0, h = this.map.querySelector(".rhs")?.childElementCount || 0;
-      if (!a || !h) {
+      const a = this.map.querySelector(".lhs")?.childElementCount || 0, d = this.map.querySelector(".rhs")?.childElementCount || 0;
+      if (!a || !d) {
         this.addChild(this.findEle(s.parent.id), n);
         return;
       }
@@ -505,10 +511,10 @@ const Pt = function({ map: e, direction: t }, n) {
   }
   const i = n || this.generateNewObj();
   if (!s.parent?.parent) {
-    const a = o.closest("me-main").className === H.LHS ? 0 : 1;
+    const a = o.closest("me-main").className === O.LHS ? 0 : 1;
     i.direction = a;
   }
-  At(i, e, s), W(this.nodeData);
+  Mt(i, e, s), R(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", {
     name: "insertSibling",
@@ -518,14 +524,14 @@ const Pt = function({ map: e, direction: t }, n) {
 }, It = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  U(n);
+  G(n);
   const o = n.nodeObj;
   if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  Mt(o, s), W(this.nodeData);
+  At(o, s), R(this.nodeData);
   const i = n.parentElement.parentElement, { grp: l, top: c } = this.createWrapper(s, !0);
-  c.appendChild(we(!0)), i.insertAdjacentElement("afterend", l);
+  c.appendChild(ve(!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",
@@ -534,7 +540,7 @@ const Pt = function({ map: e, direction: t }, n) {
 }, Rt = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  const o = Ee(this, n, t);
+  const o = we(this, n, t);
   if (!o) return;
   const { newTop: s, newNodeObj: i } = o;
   this.bus.fire("operation", {
@@ -542,9 +548,9 @@ const Pt = function({ map: e, direction: t }, n) {
     obj: i
   }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
 }, Bt = function(e, t) {
-  const n = ye(e.nodeObj);
-  me(n);
-  const o = Ee(this, t, n);
+  const n = ge(e.nodeObj);
+  pe(n);
+  const o = we(this, t, n);
   if (!o) return;
   const { newNodeObj: s } = o;
   this.selectNode(this.findEle(s.id)), this.bus.fire("operation", {
@@ -554,9 +560,9 @@ const Pt = function({ map: e, direction: t }, n) {
 }, Wt = function(e, t) {
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const s = e[o], i = ye(s.nodeObj);
-    me(i);
-    const l = Ee(this, t, i);
+    const s = e[o], i = ge(s.nodeObj);
+    pe(i);
+    const l = we(this, t, i);
     if (!l) return;
     const { newNodeObj: c } = l;
     n.push(c);
@@ -569,7 +575,7 @@ const Pt = function({ map: e, direction: t }, n) {
   const t = e || this.currentNode;
   if (!t) return;
   const n = t.nodeObj;
-  Lt(n);
+  Dt(n);
   const o = t.parentNode.parentNode;
   o.parentNode.insertBefore(o, o.previousSibling), this.linkDiv(), this.bus.fire("operation", {
     name: "moveUpNode",
@@ -579,35 +585,35 @@ const Pt = function({ map: e, direction: t }, n) {
   const t = e || this.currentNode;
   if (!t) return;
   const n = t.nodeObj;
-  Dt(n);
+  Lt(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
   });
 }, Ft = function(e) {
-  if (e = be(e), e.length === 0) return;
+  if (e = me(e), e.length === 0) return;
   for (const n of e) {
     const o = n.nodeObj, s = et(o);
-    $t(n, s);
+    Ht(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)
   });
-}, Ce = (e, t, n, o) => {
-  e = be(e);
+}, xe = (e, t, n, o) => {
+  e = me(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 (Ot(t, r, s), W(o.nodeData), t === "in") {
+    if (Pt(t, r, s), R(o.nodeData), t === "in") {
       const a = c.parentElement;
       tt(o, n, a.parentElement);
     } else {
-      U(c);
+      G(c);
       const a = c.parentElement.parentNode;
       i.includes(a.parentElement) || i.push(a.parentElement), n.parentElement.parentNode.insertAdjacentElement(nt[t], a);
     }
@@ -621,13 +627,13 @@ const Pt = function({ map: e, direction: t }, n) {
     objs: e.map((c) => c.nodeObj),
     toObj: s
   });
-}, Gt = function(e, t) {
-  Ce(e, "in", t, this);
-}, zt = function(e, t) {
-  Ce(e, "before", t, this);
 }, Kt = function(e, t) {
-  Ce(e, "after", t, this);
-}, Vt = function(e) {
+  xe(e, "in", t, this);
+}, Vt = function(e, t) {
+  xe(e, "before", t, this);
+}, zt = function(e, t) {
+  xe(e, "after", t, this);
+}, Gt = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
 }, qt = function(e, t) {
@@ -635,19 +641,19 @@ const Pt = function({ map: e, direction: t }, n) {
 }, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   addChild: Rt,
-  beginEdit: Vt,
+  beginEdit: Gt,
   copyNode: Bt,
   copyNodes: Wt,
   insertParent: It,
   insertSibling: jt,
   moveDownNode: Xt,
-  moveNodeAfter: Kt,
-  moveNodeBefore: zt,
-  moveNodeIn: Gt,
+  moveNodeAfter: zt,
+  moveNodeBefore: Vt,
+  moveNodeIn: Kt,
   moveUpNode: Yt,
   removeNodes: Ft,
-  reshapeNode: Ht,
-  rmSubline: U,
+  reshapeNode: $t,
+  rmSubline: G,
   setNodeTopic: qt
 }, Symbol.toStringTag, { value: "Module" }));
 function Ut(e) {
@@ -662,8 +668,8 @@ function Ut(e) {
 const Jt = 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, h = l - r;
-    this.move(-a, -h, !0);
+    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);
   }
 }, Zt = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection?.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
@@ -673,14 +679,14 @@ const Jt = function(e) {
   this.selection?.deselect(e);
 }, tn = function() {
   this.unselectNodes(this.currentNodes), this.unselectSummary(), this.unselectArrow();
-}, Se = function(e) {
+}, Ee = function(e) {
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
 }, nn = function() {
   const e = Ut(this);
-  return Se(e);
+  return Ee(e);
 }, on = function() {
   return JSON.parse(this.getDataString());
 }, sn = function() {
@@ -689,43 +695,43 @@ const Jt = function(e) {
   this.editable = !1;
 }, ln = 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 } = Ne(this), c = this.map.style.transform, { x: r, y: a } = ve(c), h = r - i, f = a - l, u = this.scaleVal, b = (-o + h) * (1 - e / u), v = (-s + f) * (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 } = Ce(this), c = this.map.style.transform, { x: r, y: a } = ye(c), d = r - i, h = a - l, u = this.scaleVal, b = (-o + d) * (1 - e / u), v = (-s + h) * (1 - e / u);
   this.map.style.transform = `translate3d(${r - b}px, ${a - v}px, 0) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
 }, cn = 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 } = Ne(this, !0);
+  const { dx: o, dy: s } = Ce(this, !0);
   this.map.style.transform = `translate3d(${o}px, ${s}px, 0) scale(${n})`, this.bus.fire("scale", n);
 }, an = 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: h } = ve(r);
-  const f = l.getBoundingClientRect(), u = c.getBoundingClientRect(), b = u.left < f.right && u.right > f.left, v = u.top < f.bottom && u.bottom > f.top;
+  let { x: a, y: d } = ye(r);
+  const h = l.getBoundingClientRect(), u = c.getBoundingClientRect(), b = u.left < h.right && u.right > h.left, v = u.top < h.bottom && u.bottom > h.top;
   if (b) {
     const p = u.left + e, g = u.right + e;
-    (p >= f.right || g <= f.left) && (e = 0);
+    (p >= h.right || g <= h.left) && (e = 0);
   }
   if (v) {
     const p = u.top + t, g = u.bottom + t;
-    (p >= f.bottom || g <= f.top) && (t = 0);
+    (p >= h.bottom || g <= h.top) && (t = 0);
   }
-  a += e, h += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
+  a += e, d += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate3d(${a}px, ${h}px, 0) scale(${s})`, i.fire("move", { dx: e, dy: t });
-}, Ne = (e, t = !1) => {
+  }, 300)), o.style.transform = `translate3d(${a}px, ${d}px, 0) scale(${s})`, i.fire("move", { dx: e, dy: t });
+}, Ce = (e, t = !1) => {
   const { container: n, map: o, nodes: s } = e;
   let i, l;
   if (e.alignment === "nodes" || t)
     i = (n.offsetWidth - s.offsetWidth) / 2, l = (n.offsetHeight - s.offsetHeight) / 2, o.style.transformOrigin = "50% 50%";
   else {
-    const c = o.querySelector("me-root"), r = c.offsetTop, a = c.offsetLeft, h = c.offsetWidth, f = c.offsetHeight;
-    i = n.offsetWidth / 2 - a - h / 2, l = n.offsetHeight / 2 - r - f / 2, o.style.transformOrigin = `${a + h / 2}px 50%`;
+    const c = o.querySelector("me-root"), r = c.offsetTop, a = c.offsetLeft, d = c.offsetWidth, h = c.offsetHeight;
+    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 };
 }, dn = function() {
-  const { map: e, container: t } = this, { dx: n, dy: o } = Ne(this);
+  const { map: e, container: t } = this, { dx: n, dy: o } = Ce(this);
   t.scrollTop = 0, t.scrollLeft = 0, e.style.transform = `translate3d(${n}px, ${o}px, 0) scale(${this.scaleVal})`;
 }, hn = function(e) {
   e(this);
@@ -746,33 +752,33 @@ const Jt = function(e) {
     x: o.left,
     y: o.top
   }, i = e.parentNode, l = i.children[1];
-  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", U(e), n.expanded) {
-    const f = this.createChildren(
+  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", G(e), n.expanded) {
+    const h = this.createChildren(
       n.children.map((u) => this.createWrapper(u).grp)
     );
-    i.parentNode.appendChild(f);
+    i.parentNode.appendChild(h);
   } else
     i.parentNode.children[1].remove();
   this.linkDiv(e.closest("me-main > me-wrapper"));
   const c = e.getBoundingClientRect(), r = {
     x: c.left,
     y: c.top
-  }, a = s.x - r.x, h = s.y - r.y;
-  this.move(a, h), this.bus.fire("expandNode", n);
+  }, a = s.x - r.x, d = s.y - r.y;
+  this.move(a, d), this.bus.fire("expandNode", n);
 }, bn = function(e, t) {
   const n = e.nodeObj, o = e.getBoundingClientRect(), s = {
     x: o.left,
     y: o.top
   };
-  z(n, t ?? !n.expanded), this.refresh();
+  F(n, t ?? !n.expanded), this.refresh();
   const i = this.findEle(n.id).getBoundingClientRect(), l = {
     x: i.left,
     y: i.top
   }, c = s.x - l.x, r = s.y - l.y;
   this.move(c, r);
 }, vn = 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)), W(this.nodeData), this.layout(), this.linkDiv();
-}, xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  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)), R(this.nodeData), this.layout(), this.linkDiv();
+}, wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: un,
   clearSelection: tn,
@@ -794,10 +800,10 @@ const Jt = function(e) {
   scrollIntoView: Jt,
   selectNode: Zt,
   selectNodes: Qt,
-  stringifyData: Se,
+  stringifyData: Ee,
   toCenter: dn,
   unselectNodes: en
-}, Symbol.toStringTag, { value: "Module" })), Oe = "MIND-ELIXIR-WAIT-COPY", wn = 40, En = 10, Cn = ({ deltaMode: e, deltaY: t, viewportHeight: n }) => e === WheelEvent.DOM_DELTA_LINE ? t * wn : e === WheelEvent.DOM_DELTA_PAGE ? t * n : t, Sn = ({ deltaMode: e, deltaY: t, scaleSensitivity: n, viewportHeight: o }) => {
+}, Symbol.toStringTag, { value: "Module" })), Pe = "MIND-ELIXIR-WAIT-COPY", xn = 40, En = 10, Cn = ({ deltaMode: e, deltaY: t, viewportHeight: n }) => e === WheelEvent.DOM_DELTA_LINE ? t * xn : e === WheelEvent.DOM_DELTA_PAGE ? t * n : t, Sn = ({ deltaMode: e, deltaY: t, scaleSensitivity: n, viewportHeight: o }) => {
   const i = -Cn({ deltaMode: e, deltaY: t, viewportHeight: o }) / En * n;
   return Math.max(-n, Math.min(n, i));
 }, st = (e, t, n) => {
@@ -819,20 +825,20 @@ const Jt = function(e) {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, Pe = function(e, t) {
+}, Oe = 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 ? _n(e, n) : o.parent?.parent ? kn(e, n) : Tn(e) : Nn(e, t);
-}, $e = function(e, t) {
+}, He = 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);
-}, He = function(e, t, n) {
+}, $e = function(e, t, n) {
   const o = t === "in" ? e.scaleSensitivity : -e.scaleSensitivity;
   st(e, o, n);
-}, Ln = (e, t) => {
+}, Dn = (e, t) => {
   const n = Sn({
     deltaMode: t.deltaMode,
     deltaY: t.deltaY,
@@ -841,7 +847,7 @@ const Jt = function(e) {
   });
   st(e, n, { x: t.clientX, y: t.clientY });
 };
-function Dn(e, t) {
+function Ln(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);
@@ -850,14 +856,14 @@ function Dn(e, t) {
   const i = (r) => {
     const a = e.nodeData;
     if (r.key === "0")
-      for (const h of a.children)
-        z(h, !1);
+      for (const d of a.children)
+        F(d, !1);
     if (r.key === "=")
-      for (const h of a.children)
-        z(h, !0);
+      for (const d of a.children)
+        F(d, !0);
     if (["1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(r.key))
-      for (const h of a.children)
-        z(h, !0, Number(r.key) - 1);
+      for (const d of a.children)
+        F(d, !0, Number(r.key) - 1);
     e.refresh(), e.toCenter(), o = !1, s && (clearTimeout(s), s = null, e.container.removeEventListener("keydown", i));
   }, l = {
     Enter: (r) => {
@@ -878,31 +884,31 @@ function Dn(e, t) {
       else {
         if (r.metaKey || r.ctrlKey)
           return e.initSide();
-        $e(e, "previous");
+        He(e, "previous");
       }
     },
     ArrowDown: (r) => {
-      r.altKey ? e.moveDownNode() : $e(e, "next");
+      r.altKey ? e.moveDownNode() : He(e, "next");
     },
     ArrowLeft: (r) => {
       if (r.metaKey || r.ctrlKey)
         return e.initLeft();
-      Pe(e, H.LHS);
+      Oe(e, O.LHS);
     },
     ArrowRight: (r) => {
       if (r.metaKey || r.ctrlKey)
         return e.initRight();
-      Pe(e, H.RHS);
+      Oe(e, O.RHS);
     },
     PageUp: () => e.moveUpNode(),
     PageDown: () => {
       e.moveDownNode();
     },
     "=": (r) => {
-      (r.metaKey || r.ctrlKey) && He(e, "in");
+      (r.metaKey || r.ctrlKey) && $e(e, "in");
     },
     "-": (r) => {
-      (r.metaKey || r.ctrlKey) && He(e, "out");
+      (r.metaKey || r.ctrlKey) && $e(e, "out");
     },
     0: (r) => {
       if (r.metaKey || r.ctrlKey) {
@@ -922,17 +928,17 @@ function Dn(e, t) {
   };
   e.container.onkeydown = (r) => {
     if ((r.ctrlKey || r.metaKey) && ["c", "v", "x"].includes(r.key) || r.preventDefault(), !e.editable) return;
-    const h = l[r.key];
-    h && h(r);
+    const d = l[r.key];
+    d && d(r);
   };
   const c = (r) => {
     if (r.target instanceof HTMLElement && r.target.id === "input-box" || e.currentNodes.length === 0) return !1;
     if (r.clipboardData) {
-      const a = be(e.currentNodes).map((f) => f.nodeObj), h = Se({
-        magic: Oe,
+      const a = me(e.currentNodes).map((h) => h.nodeObj), d = Ee({
+        magic: Pe,
         data: a
       });
-      return r.clipboardData.setData("text/plain", h), r.preventDefault(), !0;
+      return r.clipboardData.setData("text/plain", d), r.preventDefault(), !0;
     }
     return !1;
   };
@@ -942,10 +948,10 @@ function Dn(e, t) {
     const a = r.clipboardData?.getData("text/plain");
     if (a)
       try {
-        const h = JSON.parse(a);
-        if (h && h.magic === Oe && Array.isArray(h.data)) {
-          const f = h.data, u = f.map((b) => ({ nodeObj: b }));
-          f.length > 0 && e.currentNode && (e.copyNodes(u, e.currentNode), r.preventDefault());
+        const d = JSON.parse(a);
+        if (d && d.magic === Pe && Array.isArray(d.data)) {
+          const h = d.data, u = h.map((b) => ({ nodeObj: b }));
+          h.length > 0 && e.currentNode && (e.copyNodes(u, e.currentNode), r.preventDefault());
           return;
         }
       } catch {
@@ -953,59 +959,90 @@ function Dn(e, t) {
     e.pasteHandler && e.pasteHandler(r);
   });
 }
-function An(e) {
+function Mn(e) {
   const { panHelper: t, container: n } = e;
-  let o = 0, s = null;
+  let o = null;
   e.spacePressed = !1;
-  let i = null;
-  const l = /* @__PURE__ */ new Map(), c = mt(e), r = {
+  const s = {
+    lastTap: 0,
+    lastTapTarget: null,
+    DOUBLE_CLICK_THRESHOLD: 300,
+    detect(f, y) {
+      const x = (/* @__PURE__ */ new Date()).getTime(), E = x - this.lastTap, S = E < this.DOUBLE_CLICK_THRESHOLD && E > 0 && this.lastTapTarget === f.target;
+      this.lastTap = x, this.lastTapTarget = f.target, S && y(f);
+    },
+    clear() {
+      this.lastTap = 0, this.lastTapTarget = null;
+    }
+  }, i = {
+    Idle: 0,
+    Pinch: 1,
+    DragWait: 2,
+    Drag: 3,
+    Pan: 4,
+    BoxSelect: 5
+  };
+  e.ptState = i.Idle;
+  const l = {
+    lastDistance: null,
+    activePointers: /* @__PURE__ */ new Map(),
+    handlePointerDown(f) {
+      if (f.pointerType !== "touch") return !1;
+      if (this.activePointers.set(f.pointerId, { x: f.clientX, y: f.clientY }), this.activePointers.size >= 2) {
+        const [y, x] = Array.from(this.activePointers.values());
+        return this.lastDistance = De(y, x), !0;
+      }
+      return !1;
+    },
+    handlePointerMove(f) {
+      if (f.pointerType !== "touch" || !this.activePointers.has(f.pointerId)) return !1;
+      if (this.activePointers.set(f.pointerId, { x: f.clientX, y: f.clientY }), this.activePointers.size >= 2) {
+        const [y, x] = Array.from(this.activePointers.values()), E = De(y, x);
+        if (this.lastDistance !== null && this.lastDistance > 0) {
+          const S = E / this.lastDistance;
+          e.scale(e.scaleVal * S, {
+            x: (y.x + x.x) / 2,
+            y: (y.y + x.y) / 2
+          });
+        }
+        return this.lastDistance = E, !0;
+      }
+      return !1;
+    },
+    handlePointerUp(f) {
+      f.pointerType === "touch" && (this.activePointers.delete(f.pointerId), this.activePointers.size < 2 && (this.lastDistance = null));
+    },
+    clear() {
+      this.activePointers.clear(), this.lastDistance = null;
+    }
+  }, c = mt(e), r = {
     timer: null,
     startPos: null,
-    target: null,
     pointerId: null,
     DURATION: 500,
     MOVE_THRESHOLD: 10,
     clear() {
-      this.timer !== null && (clearTimeout(this.timer), this.timer = null, this.startPos = null, this.target = null, this.pointerId = null);
+      this.timer !== null && (clearTimeout(this.timer), this.timer = null, this.startPos = null, this.pointerId = null);
     },
-    start(d, y) {
+    start(f, y) {
       this.timer = window.setTimeout(() => {
-        y(d), this.timer = null, this.startPos = null, this.target = null, this.pointerId = null;
-      }, this.DURATION), this.startPos = { x: d.clientX, y: d.clientY }, this.target = d.target, this.pointerId = d.pointerId;
+        y(f), this.timer = null, this.startPos = null, this.pointerId = null;
+      }, this.DURATION), this.startPos = { x: f.clientX, y: f.clientY }, this.pointerId = f.pointerId;
     },
-    handleMove(d) {
-      if (this.timer !== null && this.startPos !== null && d.pointerId === this.pointerId) {
-        const y = d.clientX - this.startPos.x, w = d.clientY - this.startPos.y;
-        Math.sqrt(y * y + w * w) > this.MOVE_THRESHOLD && this.clear();
-      }
-    }
-  }, a = (d, y) => {
-    d.hasPointerCapture && d.hasPointerCapture(y) && d.releasePointerCapture(y);
-  }, h = (d, y) => {
-    if (d.id === "input-box" || d.closest("#input-box")) return !1;
-    const w = d.closest(".svg-label");
-    if (w) {
-      const S = w.dataset.svgId, D = w.dataset.type, j = document.getElementById(S);
-      if (j) {
-        if (D === "arrow")
-          return y ? e.editArrowLabel(j) : e.selectArrow(j), !0;
-        if (D === "summary")
-          return y ? e.editSummary(j) : e.selectSummary(j), !0;
+    handleMove(f) {
+      if (this.timer !== null && this.startPos !== null && f.pointerId === this.pointerId) {
+        const y = f.clientX - this.startPos.x, x = f.clientY - this.startPos.y;
+        Math.sqrt(y * y + x * x) > this.MOVE_THRESHOLD && this.clear();
       }
     }
-    if (d.closest(".topiclinks")) {
-      const S = d.closest("g");
-      if (S)
-        return y ? e.editArrowLabel(S) : e.selectArrow(S), !0;
-    }
-    if (d.closest(".summary")) {
-      const S = d.closest("g");
-      if (S)
-        return y ? e.editSummary(S) : e.selectSummary(S), !0;
-    }
-    return !1;
-  }, f = (d) => {
-    if (d.pointerType === "mouse" && d.button !== 0) return;
+  }, a = (f, y) => {
+    if (f.closest("#input-box")) return !1;
+    const x = f.closest(".svg-label"), E = f.closest(".topiclinks, .summary"), S = x ? { type: x.dataset.type, element: document.getElementById(x.dataset.svgId) } : E ? { type: E.classList.contains("topiclinks") ? "arrow" : "summary", element: f.closest("g") } : null;
+    if (!S?.type || !S?.element) return !1;
+    const { type: T, element: _ } = S;
+    return e.clearSelection(), T === "arrow" ? y ? e.editArrowLabel(_) : e.selectArrow(_) : y ? e.editSummary(_) : e.selectSummary(_), !0;
+  }, d = (f) => {
+    if (f.pointerType === "mouse" && f.button !== 0) return;
     if (e.helper1?.moved) {
       e.helper1.clear();
       return;
@@ -1020,117 +1057,97 @@ function An(e) {
     }
     if (c?.isDragging)
       return;
-    const y = d.target;
-    if (y.tagName === "ME-EPD")
-      d.ctrlKey || d.metaKey ? e.expandNodeAll(y.previousSibling) : e.expandNode(y.previousSibling);
-    else if (!e.editable)
-      return;
-    h(y, !1);
-  }, u = (d) => {
+    const y = f.target;
+    y.tagName === "ME-EPD" && (f.ctrlKey || f.metaKey ? e.expandNodeAll(y.previousSibling) : e.expandNode(y.previousSibling));
+  }, h = (f) => {
     if (!e.editable) return;
-    const y = d.target;
-    V(y) && e.beginEdit(y), h(y, !0);
-  }, b = (d) => {
-    if (d.pointerType === "touch" && (l.set(d.pointerId, { x: d.clientX, y: d.clientY }), l.size === 2)) {
-      const [S, D] = Array.from(l.values());
-      i = De(S, D), r.clear();
-    }
-    t.moved = !1;
-    const y = d.target, w = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (e.editable && (d.button === 0 || d.pointerType === "touch") && V(y)) {
-      e.selection?.cancel();
-      const S = e.currentNodes || [];
-      if (d.ctrlKey || d.metaKey)
-        if (S.includes(y)) {
-          e.selection?.deselect(y);
-          return;
-        } else
-          e.selection?.select(y);
-      else S.includes(y) || e.selectNode(y);
-    }
-    if (e.editable && (d.button === 0 || d.pointerType === "touch")) {
-      if (d.pointerType === "touch" && l.size > 1)
-        (c.isDragging || c.pointerId !== null) && ae(e, c);
-      else if (d.pointerType === "touch" && l.size === 1)
-        (V(y) || y.closest("me-tpc")) && r.start(d, (S) => {
-          Me(e, c, S, !0) && (r.target && r.target.setPointerCapture(S.pointerId), Ue(c.ghost, S.clientX, S.clientY));
-        });
-      else if (d.pointerType === "mouse" && Me(e, c, d, !1)) {
-        y.setPointerCapture(d.pointerId);
-        return;
-      }
+    const y = f.target;
+    if (te(y)) {
+      e.selectNode(y), e.beginEdit(y);
+      return;
     }
-    const N = e.spacePressed && d.button === 0 && d.pointerType === "mouse", M = !e.editable || d.button === w && d.pointerType === "mouse" || d.pointerType === "touch";
-    !N && !M || (t.x = d.clientX, t.y = d.clientY, y.className !== "circle" && y.contentEditable !== "plaintext-only" && (t.mousedown = !0, y.setPointerCapture(d.pointerId)));
-  }, v = (d) => {
-    if (d.pointerType === "touch" && l.has(d.pointerId) && (l.set(d.pointerId, { x: d.clientX, y: d.clientY }), r.handleMove(d), l.size >= 2)) {
-      const [y, w] = Array.from(l.values()), N = De(y, w);
-      if (i == null)
-        i = N;
-      else {
-        if (i > 0) {
-          const M = N / i;
-          e.scale(e.scaleVal * M, {
-            x: (y.x + w.x) / 2,
-            y: (y.y + w.y) / 2
-          });
-        }
-        i = N;
-      }
+    a(y, !0);
+  }, u = (f) => {
+    if (f.pointerType === "touch" && l.handlePointerDown(f)) {
+      e.ptState = i.Pinch, r.clear(), t.clear(), (c.isDragging || c.pointerId !== null) && Ae(e, c);
       return;
     }
-    if (!(c && c.pointerId !== null && (bt(e, c, d), c.isDragging))) {
-      if (d.target.contentEditable !== "plaintext-only" || e.spacePressed && t.mousedown) {
-        const y = d.clientX - t.x, w = d.clientY - t.y;
-        t.onMove(y, w);
-      }
-      t.x = d.clientX, t.y = d.clientY;
+    if (e.ptState === i.Pinch) return;
+    const y = f.target;
+    if (y.className === "map-container" && f.button === 0 && f.pointerType === "mouse") {
+      e.ptState = i.BoxSelect;
+      return;
     }
-  }, p = (d) => {
-    if (d.pointerType === "touch" && (l.delete(d.pointerId), l.size < 2 && (i = null), r.clear()), c && c.pointerId !== null) {
-      const w = c.isDragging;
-      if (vt(e, c, d), a(d.target, d.pointerId), w)
-        return;
+    if (t.handlePointerDown(f), t.mousedown && (e.ptState = i.Pan), f.button === 0 || f.pointerType === "touch")
+      if (te(y)) {
+        e.selection?.cancel();
+        const E = e.currentNodes || [];
+        f.ctrlKey || f.metaKey || e.mobileMultiSelect ? E.includes(y) ? o = y : ((e.currentArrow || e.currentSummary) && e.clearSelection(), e.selection?.select(y)) : E.includes(y) || e.selectNode(y), f.pointerType === "touch" ? (e.ptState = i.DragWait, r.start(f, (T) => {
+          Me(e, c, T, !0) && (e.ptState = i.Drag, y.setPointerCapture(T.pointerId));
+        })) : Me(e, c, f, !1) && (e.ptState = i.Drag, y.setPointerCapture(f.pointerId));
+      } else
+        a(y, !1);
+  }, b = (f) => {
+    switch (e.ptState) {
+      case i.Pinch:
+        l.handlePointerMove(f);
+        break;
+      case i.DragWait:
+        r.handleMove(f), r.timer === null && (e.ptState = i.Idle);
+        break;
+      case i.Drag:
+        bt(e, c, f);
+        break;
+      case i.Pan:
+        t.handlePointerMove(f);
+        break;
     }
-    if (d.pointerType === "touch" && l.size === 0 && !t.moved) {
-      const w = (/* @__PURE__ */ new Date()).getTime(), N = w - o;
-      N < 300 && N > 0 && s === d.target && u(d), o = w, s = d.target;
+  }, v = (f) => {
+    f.pointerType === "touch" && l.handlePointerUp(f);
+    const y = c.isDragging, x = t.moved;
+    switch (e.ptState) {
+      case i.DragWait:
+        r.clear();
+        break;
+      case i.Drag:
+        vt(e, c, f);
+        break;
+      case i.Pan:
+        t.handlePointerUp(f);
+        break;
     }
-    t.mousedown && (a(d.target, d.pointerId), t.clear());
-  }, g = () => {
-    r.clear(), t.mousedown && t.clear(), (c.isDragging || c.pointerId !== null) && ae(e, c);
-  }, m = (d) => {
-    d.pointerType === "touch" && (l.delete(d.pointerId), l.size < 2 && (i = null), r.clear()), c.pointerId === d.pointerId && ae(e, c), p(d);
-  }, x = (d) => {
-    if (d.preventDefault(), d.button !== 2 || !e.editable) return;
-    const y = d.target;
-    V(y) && !y.classList.contains("selected") && e.selectNode(y), setTimeout(() => {
-      e.panHelper.moved || e.bus.fire("showContextMenu", d);
+    s.detect(f, h), (e.ptState !== i.Pinch || l.activePointers.size < 2) && (e.ptState = i.Idle), o && (!y && !x && e.selection?.deselect(o), o = null);
+  }, p = () => {
+    l.clear(), r.clear(), t.clear(), s.clear(), (c.isDragging || c.pointerId !== null) && Ae(e, c), e.ptState = i.Idle, o = null;
+  }, g = (f) => {
+    f.preventDefault(), f.button === 2 && e.editable && setTimeout(() => {
+      if (e.panHelper.moved) return;
+      const y = f.target;
+      te(y) && !y.classList.contains("selected") && e.selectNode(y), e.bus.fire("showContextMenu", f);
     }, 200);
-  }, E = (d) => {
-    if (d.stopPropagation(), d.preventDefault(), d.ctrlKey || d.metaKey) return Ln(e, d);
-    if (d.shiftKey) return e.move(-d.deltaY, 0);
-    e.move(-d.deltaX, -d.deltaY);
-  }, k = (d) => {
-    d.code === "Space" && (e.spacePressed = !0, e.container.classList.add("space-pressed"));
-  }, T = (d) => {
-    d.code === "Space" && (e.spacePressed = !1, e.container.classList.remove("space-pressed"));
+  }, m = (f) => {
+    if (f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey) return Dn(e, f);
+    if (f.shiftKey) return e.move(-f.deltaY, 0);
+    e.move(-f.deltaX, -f.deltaY);
+  }, w = (f) => {
+    f.code === "Space" && (e.spacePressed = !0, e.container.classList.add("space-pressed"));
+  }, C = (f) => {
+    f.code === "Space" && (e.spacePressed = !1, e.container.classList.remove("space-pressed"));
   };
   return qe([
-    { dom: n, evt: "pointerdown", func: b },
-    { dom: n, evt: "pointermove", func: v },
-    { dom: n, evt: "pointerup", func: p },
-    { dom: n, evt: "pointercancel", func: m },
-    { dom: n, evt: "click", func: f },
-    { dom: n, evt: "dblclick", func: u },
-    { dom: n, evt: "contextmenu", func: x },
-    { dom: n, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : E },
-    { dom: n, evt: "blur", func: g },
-    { dom: n, evt: "keydown", func: k },
-    { dom: n, evt: "keyup", func: T }
+    { dom: n, evt: "pointerdown", func: u },
+    { dom: n, evt: "pointermove", func: b },
+    { dom: n, evt: "pointerup", func: v },
+    { dom: n, evt: "pointercancel", func: p },
+    { dom: n, evt: "click", func: d },
+    { dom: n, evt: "contextmenu", func: g },
+    { dom: n, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : m },
+    { dom: n, evt: "blur", func: p },
+    { dom: n, evt: "keydown", func: w },
+    { dom: n, evt: "keyup", func: C }
   ]);
 }
-function Mn() {
+function An() {
   return {
     handlers: {},
     addListener: function(e, t) {
@@ -1154,31 +1171,31 @@ function Mn() {
     }
   };
 }
-const O = "http://www.w3.org/2000/svg", le = function(e) {
+const M = "http://www.w3.org/2000/svg", re = 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";
-}, fe = function(e, t, n, o) {
+}, de = 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;
 }, it = function(e, t, n) {
-  const o = document.createElementNS(O, "path");
-  return _(o, {
+  const o = document.createElementNS(M, "path");
+  return k(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
-}, q = function(e) {
-  const t = document.createElementNS(O, "svg");
+}, z = function(e) {
+  const t = document.createElementNS(M, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
 }, je = function() {
-  const e = document.createElementNS(O, "line");
+  const e = document.createElementNS(M, "line");
   return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
-}, On = function(e, t, n, o) {
-  const s = document.createElementNS(O, "g");
+}, Pn = function(e, t, n, o) {
+  const s = document.createElementNS(M, "g");
   return [
     {
       name: "line",
@@ -1193,25 +1210,27 @@ const O = "http://www.w3.org/2000/svg", le = function(e) {
       d: n
     }
   ].forEach((l, c) => {
-    const r = l.d, a = document.createElementNS(O, "path"), h = {
+    const r = l.d, a = document.createElementNS(M, "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 && (h.opacity = String(o.opacity)), _(a, h), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
-    const f = document.createElementNS(O, "path");
-    _(f, {
+    o?.opacity !== void 0 && (d.opacity = String(o.opacity)), k(a, d), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
+    const h = document.createElementNS(M, "path");
+    k(h, {
       d: r,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), s.appendChild(f), s.appendChild(a), s[l.name] = a;
+    }), s.appendChild(h), s.appendChild(a), s[l.name] = a;
   }), s;
 }, rt = function(e, t, n) {
   if (!t) return;
-  const o = n.label, s = t.cloneNode(!0);
+  const o = n.label;
+  t.style.opacity = "0";
+  const 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}; 
@@ -1226,7 +1245,7 @@ const O = "http://www.w3.org/2000/svg", le = 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, le(t), "parent" in n ? e.bus.fire("operation", {
+    i === "" ? n.label = o : n.label = i, t.style.opacity = "1", s.remove(), i !== o && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, re(t), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : e.bus.fire("operation", {
@@ -1234,32 +1253,32 @@ const O = "http://www.w3.org/2000/svg", le = function(e) {
       obj: n
     }));
   });
-}, Pn = function(e) {
+}, On = 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: h, offsetTop: f } = A(this.nodes, a), u = a.offsetWidth, b = a.offsetHeight, v = r.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: f, cL: h, cW: u, cH: b, direction: v, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, m = a.nodeObj.branchColor || g[c % g.length];
+    const r = l[c], a = r.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = L(this.nodes, a), u = a.offsetWidth, b = a.offsetHeight, v = r.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: d, cW: u, cH: b, direction: v, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, m = a.nodeObj.branchColor || g[c % g.length];
     if (a.style.borderColor = m, this.lines.appendChild(it(p, m, "3")), e && e !== r)
       continue;
-    const x = q("subLines"), E = r.lastChild;
-    E.tagName === "svg" && E.remove(), r.appendChild(x), lt(this, x, m, r, v, !0);
+    const w = z("subLines"), C = r.lastChild;
+    C.tagName === "svg" && C.remove(), r.appendChild(w), lt(this, w, m, r, v, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, lt = 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, h = l.offsetWidth, f = l.offsetHeight;
+  const r = l.offsetTop, a = l.offsetLeft, d = l.offsetWidth, h = l.offsetHeight;
   for (let u = 0; u < c.length; u++) {
-    const b = c[u], v = b.firstChild, p = v.offsetTop, g = v.offsetLeft, m = v.offsetWidth, x = v.offsetHeight, E = v.firstChild.nodeObj.branchColor || n, k = e.generateSubBranch({ pT: r, pL: a, pW: h, pH: f, cT: p, cL: g, cW: m, cH: x, direction: s, isFirst: i });
-    t.appendChild(it(k, E, "2"));
-    const T = v.children[1];
-    if (T) {
-      if (!T.expanded) continue;
+    const b = c[u], v = b.firstChild, p = v.offsetTop, g = v.offsetLeft, m = v.offsetWidth, w = v.offsetHeight, C = v.firstChild.nodeObj.branchColor || n, N = e.generateSubBranch({ pT: r, pL: a, pW: d, pH: h, cT: p, cL: g, cW: m, cH: w, direction: s, isFirst: i });
+    t.appendChild(it(N, C, "2"));
+    const f = v.children[1];
+    if (f) {
+      if (!f.expanded) continue;
     } else
       continue;
-    lt(e, t, E, b, s);
+    lt(e, t, C, b, s);
   }
-}, $n = {
+}, Hn = {
   addChild: "Add child",
   addParent: "Add parent",
   addSibling: "Add sibling",
@@ -1273,76 +1292,76 @@ const O = "http://www.w3.org/2000/svg", le = function(e) {
   clickTips: "Please click the target node",
   summary: "Summary"
 };
-function Hn(e, t) {
+function $n(e, t) {
   const n = {
     focus: !0,
     link: !0,
-    locale: $n
+    locale: Hn
   };
   t = t === !0 ? n : Object.assign(n, t);
-  const o = (C) => {
-    const d = document.createElement("div");
-    return d.innerText = C, d.className = "tips", d;
-  }, s = (C, d, y) => {
-    const w = document.createElement("li");
-    return w.id = C, w.innerHTML = `<span>${he(d)}</span><span ${y ? 'class="key"' : ""}>${he(y)}</span>`, w;
-  }, 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"), h = s("cm-fucus", i.focus, ""), f = s("cm-unfucus", i.cancelFocus, ""), u = s("cm-up", i.moveUp, "PgUp"), b = s("cm-down", i.moveDown, "Pgdn"), v = 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(h), m.appendChild(f)), m.appendChild(u), m.appendChild(b), m.appendChild(g), t.link && (m.appendChild(v), m.appendChild(p)), t && t.extend)
-    for (let C = 0; C < t.extend.length; C++) {
-      const d = t.extend[C], y = s(d.name, d.name, d.key || "");
-      m.appendChild(y), y.onclick = (w) => {
-        d.onclick(w);
+  const o = (y) => {
+    const x = document.createElement("div");
+    return x.innerText = y, x.className = "tips", x;
+  }, s = (y, x, E) => {
+    const S = document.createElement("li");
+    return S.id = y, S.innerHTML = `<span>${ae(x)}</span><span ${E ? 'class="key"' : ""}>${ae(E)}</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"), b = s("cm-down", i.moveDown, "Pgdn"), v = 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(b), m.appendChild(g), t.link && (m.appendChild(v), m.appendChild(p)), t && t.extend)
+    for (let y = 0; y < t.extend.length; y++) {
+      const x = t.extend[y], E = s(x.name, x.name, x.key || "");
+      m.appendChild(E), E.onclick = (S) => {
+        x.onclick(S);
       };
     }
-  const x = document.createElement("div");
-  x.className = "context-menu", x.appendChild(m), x.hidden = !0, e.container.append(x);
-  let E = !0;
-  const k = (C) => {
-    const d = C.target;
-    if (V(d)) {
-      d.parentElement.tagName === "ME-ROOT" ? E = !0 : E = !1, E ? (h.className = "disabled", u.className = "disabled", b.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (h.className = "", u.className = "", b.className = "", c.className = "", r.className = "", a.className = ""), x.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
-      const y = m.offsetHeight, w = m.offsetWidth, N = m.getBoundingClientRect(), M = C.clientY - N.top, S = C.clientX - N.left;
-      y + M > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = M + 15 + "px"), w + S > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = S + 10 + "px");
+  const w = document.createElement("div");
+  w.className = "context-menu", w.appendChild(m), w.hidden = !0, e.container.append(w);
+  let C = !0;
+  const N = (y) => {
+    const x = y.target;
+    if (te(x)) {
+      x.parentElement.tagName === "ME-ROOT" ? C = !0 : C = !1, C ? (d.className = "disabled", u.className = "disabled", b.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", b.className = "", c.className = "", r.className = "", a.className = ""), w.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
+      const E = m.offsetHeight, S = m.offsetWidth, T = m.getBoundingClientRect(), _ = y.clientY - T.top, H = y.clientX - T.left;
+      E + _ > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = _ + 15 + "px"), S + H > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = H + 10 + "px");
     }
   };
-  e.bus.addListener("showContextMenu", k), x.onclick = (C) => {
-    C.target === x && (x.hidden = !0);
+  e.bus.addListener("showContextMenu", N), w.onclick = (y) => {
+    y.target === w && (w.hidden = !0);
   }, l.onclick = () => {
-    e.addChild(), x.hidden = !0;
+    e.addChild(), w.hidden = !0;
   }, c.onclick = () => {
-    e.insertParent(), x.hidden = !0;
+    e.insertParent(), w.hidden = !0;
   }, r.onclick = () => {
-    E || (e.insertSibling("after"), x.hidden = !0);
+    C || (e.insertSibling("after"), w.hidden = !0);
   }, a.onclick = () => {
-    E || (e.removeNodes(e.currentNodes || []), x.hidden = !0);
+    C || (e.removeNodes(e.currentNodes || []), w.hidden = !0);
+  }, d.onclick = () => {
+    C || (e.focusNode(e.currentNode), w.hidden = !0);
   }, h.onclick = () => {
-    E || (e.focusNode(e.currentNode), x.hidden = !0);
-  }, f.onclick = () => {
-    e.cancelFocus(), x.hidden = !0;
+    e.cancelFocus(), w.hidden = !0;
   }, u.onclick = () => {
-    E || (e.moveUpNode(), x.hidden = !0);
+    C || (e.moveUpNode(), w.hidden = !0);
   }, b.onclick = () => {
-    E || (e.moveDownNode(), x.hidden = !0);
+    C || (e.moveDownNode(), w.hidden = !0);
   };
-  const T = (C) => {
-    x.hidden = !0;
-    const d = e.currentNode, y = o(i.clickTips);
-    e.container.appendChild(y), e.map.addEventListener(
+  const f = (y) => {
+    w.hidden = !0;
+    const x = e.currentNode, E = o(i.clickTips);
+    e.container.appendChild(E), e.map.addEventListener(
       "click",
-      (w) => {
-        w.preventDefault(), y.remove();
-        const N = w.target;
-        (N.parentElement.tagName === "ME-PARENT" || N.parentElement.tagName === "ME-ROOT") && e.createArrow(d, N, C);
+      (S) => {
+        S.preventDefault(), E.remove();
+        const T = S.target;
+        (T.parentElement.tagName === "ME-PARENT" || T.parentElement.tagName === "ME-ROOT") && e.createArrow(x, T, y);
       },
       {
         once: !0
       }
     );
   };
-  return v.onclick = () => T(), p.onclick = () => T({ bidirectional: !0 }), g.onclick = () => {
-    x.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
+  return v.onclick = () => f(), p.onclick = () => f({ bidirectional: !0 }), g.onclick = () => {
+    w.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    l.onclick = null, c.onclick = null, r.onclick = null, a.onclick = null, h.onclick = null, f.onclick = null, u.onclick = null, b.onclick = null, v.onclick = null, g.onclick = null, x.onclick = null, e.container.oncontextmenu = null;
+    l.onclick = null, c.onclick = null, r.onclick = null, a.onclick = null, d.onclick = null, h.onclick = null, u.onclick = null, b.onclick = null, v.onclick = null, g.onclick = null, w.onclick = null, e.container.oncontextmenu = null;
   };
 }
 const jn = function(e) {
@@ -1389,14 +1408,14 @@ function In(e) {
   const i = function(r) {
     if (r.name === "beginEdit") return;
     t = t.slice(0, n + 1);
-    const a = e.getData(), h = {
+    const a = e.getData(), d = {
       prev: o,
       operation: r.name,
-      currentSelected: s.map((f) => f.id),
+      currentSelected: s.map((h) => h.id),
       currentTarget: jn(r),
       next: a
     };
-    t.push(h), o = a, n = t.length - 1;
+    t.push(d), o = a, n = t.length - 1;
   }, l = function(r) {
     (r.metaKey || r.ctrlKey) && (r.shiftKey && r.key === "Z" || r.key === "y") ? e.redo() : (r.metaKey || r.ctrlKey) && r.key === "z" && e.undo();
   }, c = function() {
@@ -1406,33 +1425,33 @@ function In(e) {
     e.bus.removeListener("operation", i), e.bus.removeListener("selectNodes", c), e.container.removeEventListener("keydown", l);
   };
 }
-const 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="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>', 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="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>', 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="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>', 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="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>', 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="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>', 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="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>', 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="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>', zn = {
+const 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="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>', 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="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>', 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="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>', 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="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>', 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="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>', 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="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: Rn,
   left: Bn,
   right: Wn,
   full: Yn,
   living: Xn,
   zoomin: Fn,
-  zoomout: Gn
-}, B = (e, t) => {
+  zoomout: Kn
+}, I = (e, t) => {
   const n = document.createElement("span");
-  return n.id = e, n.innerHTML = zn[t], n;
+  return n.id = e, n.innerHTML = Vn[t], n;
 };
-function Kn(e) {
-  const t = document.createElement("div"), n = B("fullscreen", "full"), o = B("toCenter", "living"), s = B("zoomout", "zoomout"), i = B("zoomin", "zoomin");
+function zn(e) {
+  const t = document.createElement("div"), n = I("fullscreen", "full"), o = I("toCenter", "living"), s = I("zoomout", "zoomout"), i = I("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(), h = ve(e.map.style.transform), f = a.width / 2, u = a.height / 2, b = (f - h.x) / e.scaleVal, v = (u - h.y) / e.scaleVal;
+    const a = e.container.getBoundingClientRect(), d = ye(e.map.style.transform), h = a.width / 2, u = a.height / 2, b = (h - d.x) / e.scaleVal, v = (u - d.y) / e.scaleVal;
     l = {
       containerRect: a,
-      currentTransform: h,
+      currentTransform: d,
       mapCenterX: b,
       mapCenterY: v
     };
   }, r = () => {
     if (l) {
-      const a = e.container.getBoundingClientRect(), h = a.width / 2, f = a.height / 2, u = h - l.mapCenterX * e.scaleVal, b = f - l.mapCenterY * e.scaleVal, v = u - l.currentTransform.x, p = b - l.currentTransform.y;
+      const a = e.container.getBoundingClientRect(), d = a.width / 2, h = a.height / 2, u = d - l.mapCenterX * e.scaleVal, b = h - l.mapCenterY * e.scaleVal, v = u - l.currentTransform.x, p = b - l.currentTransform.y;
       e.move(v, p);
     }
   };
@@ -1446,8 +1465,8 @@ function Kn(e) {
     e.scale(e.scaleVal + e.scaleSensitivity);
   }, t;
 }
-function Vn(e) {
-  const t = document.createElement("div"), n = B("tbltl", "left"), o = B("tbltr", "right"), s = B("tblts", "side");
+function Gn(e) {
+  const t = document.createElement("div"), n = I("tbltl", "left"), o = I("tbltr", "right"), s = I("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
@@ -1457,7 +1476,7 @@ function Vn(e) {
   }, t;
 }
 function qn(e) {
-  e.container.append(Kn(e)), e.container.append(Vn(e));
+  e.container.append(zn(e)), e.container.append(Gn(e));
 }
 class Un {
   _listeners = /* @__PURE__ */ new Map();
@@ -1482,7 +1501,7 @@ class Un {
   off = this.removeEventListener;
   emit = this.dispatchEvent;
 }
-const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, I = ({ style: e }, t, n) => {
+const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e }, t, n) => {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
       s !== void 0 && (e[o] = Ie(s));
@@ -1513,16 +1532,16 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, I = ({ style: e },
     case "touch":
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-}, Zn = () => matchMedia("(hover: none), (pointer: coarse)").matches, Qn = () => "safari" in window, ue = (e) => Array.isArray(e) ? e : [e], ct = (e) => (t, n, o, s = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ue(n), t = ue(t);
+}, Zn = () => matchMedia("(hover: none), (pointer: coarse)").matches, Qn = () => "safari" in window, he = (e) => Array.isArray(e) ? e : [e], ct = (e) => (t, n, o, s = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = he(n), t = he(t);
   for (const i of t)
     if (i)
       for (const l of n)
         i[e](l, o, { capture: !1, ...s });
-}, X = ct("addEventListener"), $ = ct("removeEventListener"), Q = (e) => {
+}, W = ct("addEventListener"), P = ct("removeEventListener"), J = (e) => {
   const { clientX: t, clientY: n, target: o } = e.touches?.[0] ?? e;
   return { x: t, y: n, target: o };
-}, F = (e, t = document) => ue(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), eo = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
+}, Y = (e, t = document) => he(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), eo = (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;
@@ -1531,7 +1550,7 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, I = ({ style: e },
     case "shift":
       return e.shiftKey;
   }
-}) : !1), { abs: R, max: We, min: Ye, ceil: Xe } = Math, Fe = (e = []) => ({
+}) : !1), { abs: j, max: We, min: Ye, ceil: Xe } = Math, Fe = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
@@ -1607,12 +1626,12 @@ class to extends Un {
     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), I(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), $(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
       position: "fixed"
-    }), I(this._clippingElement, {
+    }), $(this._clippingElement, {
       overflow: "hidden",
       position: "fixed",
       transform: "translate3d(0, 0, 0)",
@@ -1624,27 +1643,27 @@ class to extends Un {
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, s = t ? X : $;
-    s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
+    const { document: n } = this._options;
+    (t ? W : P)(n, "pointerdown", this._onTapStart);
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = Q(t), { document: l, startAreas: c, boundaries: r, features: a, behaviour: h } = this._options, f = i.getBoundingClientRect();
-    if (t instanceof MouseEvent && !eo(t, h.triggers))
+    const { x: o, y: s, target: i } = J(t), { document: l, startAreas: c, boundaries: r, behaviour: a, features: d } = this._options, h = i.getBoundingClientRect();
+    if (!eo(t, a.triggers))
       return;
-    const u = F(c, l), b = F(r, l);
-    this._targetElement = b.find((m) => Be(m.getBoundingClientRect(), f));
+    const u = Y(c, l), b = Y(r, l);
+    this._targetElement = b.find((m) => Be(m.getBoundingClientRect(), h));
     const v = t.composedPath(), p = u.find((m) => v.includes(m));
     if (this._targetBoundary = b.find((m) => v.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), X(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), X(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), X(l, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, X(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    this._scrollDelta = { x: g.scrollLeft, y: g.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), W(l, ["pointermove"], this._delayedTapMove, { passive: !1 }), W(l, ["pointerup", "pointercancel"], this._onTapStop), W(l, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, W(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
     const {
       singleTap: { intersect: n },
       range: o
-    } = this._options.features, s = Q(t);
+    } = this._options.features, s = J(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -1652,8 +1671,8 @@ class to extends Un {
       this.resolveSelectables();
       const { x: c, y: r } = s;
       i = this._selectables.find((a) => {
-        const { right: h, left: f, top: u, bottom: b } = a.getBoundingClientRect();
-        return c < h && c > f && r < b && r > u;
+        const { right: d, left: h, top: u, bottom: b } = a.getBoundingClientRect();
+        return c < d && c > h && r < b && r > u;
       });
     }
     if (!i)
@@ -1667,12 +1686,12 @@ class to extends Un {
       }
     const { stored: l } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const c = this._latestElement, [r, a] = c.compareDocumentPosition(i) & 4 ? [i, c] : [c, i], h = [
-        ...this._selectables.filter((f) => f.compareDocumentPosition(r) & 4 && f.compareDocumentPosition(a) & 2),
+      const c = this._latestElement, [r, a] = c.compareDocumentPosition(i) & 4 ? [i, c] : [c, i], d = [
+        ...this._selectables.filter((h) => h.compareDocumentPosition(r) & 4 && h.compareDocumentPosition(a) & 2),
         r,
         a
       ];
-      this.select(h), this._latestElement = c;
+      this.select(d), this._latestElement = c;
     } else l.includes(i) && (l.length === 1 || t.ctrlKey || l.every((c) => this._selection.stored.includes(c))) ? this.deselect(i) : (this.select(i), this._latestElement = i);
   }
   _delayedTapMove(t) {
@@ -1680,42 +1699,42 @@ class to extends Un {
       container: n,
       document: o,
       behaviour: { startThreshold: s }
-    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = Q(t);
+    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = J(t);
     if (
       // Single number for both coordinates
-      typeof s == "number" && R(c + r - (i + l)) >= s || // Different x and y threshold
-      typeof s == "object" && R(c - i) >= s.x || R(r - l) >= s.y
+      typeof s == "number" && j(c + r - (i + l)) >= s || // Different x and y threshold
+      typeof s == "object" && j(c - i) >= s.x || j(r - l) >= s.y
     ) {
-      if ($(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
-        $(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
+      if (P(o, ["pointermove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
+        P(o, ["pointerup", "pointercancel"], this._onTapStop);
         return;
       }
-      X(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), I(this._area, "display", "block"), F(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);
+      W(o, ["pointermove"], this._onTapMove, { passive: !1 }), $(this._area, "display", "block"), Y(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (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 ? (I(t, {
+    this._scrollAvailable ? ($(t, {
       top: s.top,
       left: s.left,
       width: s.width,
       height: s.height
-    }), I(o, {
+    }), $(o, {
       marginTop: -s.top,
       marginLeft: -s.left
-    })) : (I(t, {
+    })) : ($(t, {
       top: 0,
       left: 0,
       width: "100%",
       height: "100%"
-    }), I(o, {
+    }), $(o, {
       marginTop: 0,
       marginLeft: 0
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling, { x: c, y: r } = Q(t);
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling, { x: c, y: r } = J(t);
     if (o.x2 = c, o.y2 = r, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const a = () => {
@@ -1723,10 +1742,10 @@ class to extends Un {
           this._scrollingActive = !1;
           return;
         }
-        const h = this._options.mindElixirInstance;
-        if (h && h.move) {
-          const f = n.x ? Xe(n.x / l) : 0, u = n.y ? Xe(n.y / l) : 0;
-          (f || u) && (h.move(-f, -u), o.x1 -= f, o.y1 -= u);
+        const d = this._options.mindElixirInstance;
+        if (d && d.move) {
+          const h = n.x ? Xe(n.x / l) : 0, u = n.y ? Xe(n.y / l) : 0;
+          (h || u) && (d.move(-h, -u), o.x1 -= h, o.y1 -= u);
         }
         i.next(t), requestAnimationFrame(a);
       };
@@ -1747,19 +1766,19 @@ class to extends Un {
     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);
+    this._targetBoundaryScrolled = !0, P(this._targetElement, "scroll", this._onStartAreaScroll);
   }
   _recalculateSelectionAreaRect() {
     const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, i = this._targetRect, { x1: l, y1: c } = n;
     let { x2: r, y2: a } = n;
     const {
       behaviour: {
-        scrolling: { startScrollMargins: h }
+        scrolling: { startScrollMargins: d }
       }
     } = s;
-    r < i.left + h.x ? (t.x = -R(i.left - r + h.x), r = r < i.left ? i.left : r) : r > i.right - h.x ? (t.x = R(i.left + i.width - r - h.x), r = r > i.right ? i.right : r) : t.x = 0, a < i.top + h.y ? (t.y = -R(i.top - a + h.y), a = a < i.top ? i.top : a) : a > i.bottom - h.y ? (t.y = R(i.top + i.height - a - h.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
-    const f = Ye(l, r), u = Ye(c, a), b = We(l, r), v = We(c, a);
-    this._areaRect = Re(f, u, b - f, v - u);
+    r < i.left + d.x ? (t.x = -j(i.left - r + d.x), r = r < i.left ? i.left : r) : r > i.right - d.x ? (t.x = j(i.left + i.width - r - d.x), r = r > i.right ? i.right : r) : t.x = 0, a < i.top + d.y ? (t.y = -j(i.top - a + d.y), a = a < i.top ? i.top : a) : a > i.bottom - d.y ? (t.y = j(i.top + i.height - a - d.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
+    const h = Ye(l, r), u = Ye(c, a), b = We(l, r), v = We(c, a);
+    this._areaRect = Re(h, u, b - h, v - u);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
@@ -1767,32 +1786,32 @@ class to extends Un {
   }
   _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._clippingElement.remove(), this._frame?.cancel(), I(this._area, "display", "none");
+    P(this._targetElement, "scroll", this._onStartAreaScroll), P(o, ["pointermove"], this._delayedTapMove), P(o, ["pointermove"], this._onTapMove), P(o, ["pointerup", "pointercancel"], this._onTapStop), P(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(), $(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, h = a === "invert", f = [], u = [], b = [];
+    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 = [], b = [];
     for (let p = 0; p < t.length; p++) {
       const g = t[p];
       if (Be(s, g.getBoundingClientRect(), r)) {
         if (l.includes(g))
           i.includes(g) && !c.includes(g) && c.push(g);
-        else if (h && i.includes(g)) {
+        else if (d && i.includes(g)) {
           b.push(g);
           continue;
         } else
           u.push(g);
-        f.push(g);
+        h.push(g);
       }
     }
-    h && u.push(...i.filter((p) => !l.includes(p)));
+    d && u.push(...i.filter((p) => !l.includes(p)));
     const v = a === "keep";
     for (let p = 0; p < l.length; p++) {
       const g = l[p];
-      !f.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
+      !h.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
       // not make them part of the current selection as soon as they're touched.
       (v && i.includes(g)) && b.push(g);
     }
-    o.selected = f, o.changed = { added: u, removed: b }, this._latestElement = void 0;
+    o.selected = h, o.changed = { added: u, removed: b }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1832,7 +1851,7 @@ class to extends Un {
   }
   /**
    * Manually triggers the start of a selection
-   * @param evt A MouseEvent / TouchEvent-like object
+   * @param evt A PointerEvent-like object
    * @param silent If beforestart should be fired
    */
   trigger(t, n = !0) {
@@ -1843,7 +1862,7 @@ class to extends Un {
    * Will update everything that can be selected
    */
   resolveSelectables() {
-    this._selectables = F(this._options.selectables, this._options.document);
+    this._selectables = Y(this._options.selectables, this._options.document);
   }
   /**
    * Same as deselecting, but for all elements currently selected
@@ -1912,7 +1931,7 @@ class to extends Un {
    * @param quiet If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: s, stored: i } = this._selection, l = F(t, this._options.document).filter((c) => !s.includes(c) && !i.includes(c));
+    const { changed: o, selected: s, stored: i } = this._selection, l = Y(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;
   }
   /**
@@ -1921,7 +1940,7 @@ class to extends Un {
    * @param quiet If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: s, changed: i } = this._selection, l = F(t, this._options.document).filter((c) => o.includes(c) || s.includes(c));
+    const { selected: o, stored: s, changed: i } = this._selection, l = Y(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));
   }
 }
@@ -1949,17 +1968,13 @@ function no(e) {
       }
     }
   }).on("beforestart", ({ event: o }) => {
-    if (!e.editable || e.spacePressed) return !1;
+    if (!e.editable || e.spacePressed || e.ptState !== 5) return !1;
     const s = o.target;
-    if (s.id === "input-box" || s.className === "circle" || e.container.querySelector(".context-menu")?.contains(s))
+    if (s.id === "input-box" || s.className === "circle" || s.className !== "map-container")
       return !1;
-    if (!o.ctrlKey && !o.metaKey) {
-      if (s.tagName === "ME-TPC" && s.classList.contains("selected"))
-        return !1;
-      e.clearSelection();
-    }
+    !o.ctrlKey && !o.metaKey && e.clearSelection();
     const i = n.getSelectionArea();
-    return i.style.background = "#4f90f22d", i.style.border = "1px solid #4f90f2", i.parentElement && (i.parentElement.style.zIndex = "9999"), !0;
+    return i.style.background = "#4f90f22d", i.style.border = "1px solid #4f90f2", i.style.borderRadius = "3px", i.parentElement && (i.parentElement.style.zIndex = "9999"), !0;
   }).on(
     "move",
     ({
@@ -1996,7 +2011,7 @@ function no(e) {
 const oo = function(e, t = !0) {
   this.theme = e;
   const o = {
-    ...(e.type === "dark" ? ge : pe).cssVar,
+    ...(e.type === "dark" ? ue : fe).cssVar,
     ...e.cssVar
   }, s = Object.keys(o);
   for (let i = 0; i < s.length; i++) {
@@ -2039,7 +2054,7 @@ const oo = function(e, t = !0) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, Ge = {
+}, Ke = {
   create: so
 }, io = "#4dc4ff";
 function at(e, t, n, o, s, i, l, c) {
@@ -2049,37 +2064,37 @@ function at(e, t, n, o, s, i, l, c) {
   };
 }
 function ro(e, t, n) {
-  e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), le(e));
+  e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), re(e));
 }
-function ee(e, t, n, o, s) {
-  _(e, {
+function Z(e, t, n, o, s) {
+  k(e, {
     x1: t + "",
     y1: n + "",
     x2: o + "",
     y2: s + ""
   });
 }
-function ze(e, t, n, o, s, i, l, c, r, a) {
-  const h = `M ${t} ${n} C ${o} ${s} ${i} ${l} ${c} ${r}`;
-  if (e.line.setAttribute("d", h), a.style) {
+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;
     p.stroke && e.line.setAttribute("stroke", p.stroke), p.strokeWidth && e.line.setAttribute("stroke-width", String(p.strokeWidth)), p.strokeDasharray && e.line.setAttribute("stroke-dasharray", p.strokeDasharray), p.strokeLinecap && e.line.setAttribute("stroke-linecap", p.strokeLinecap), p.opacity !== void 0 && e.line.setAttribute("opacity", String(p.opacity));
   }
-  const f = e.querySelectorAll('path[stroke="transparent"]');
-  f.length > 0 && f[0].setAttribute("d", h);
-  const u = se(i, l, c, r);
+  const h = e.querySelectorAll('path[stroke="transparent"]');
+  h.length > 0 && h[0].setAttribute("d", d);
+  const u = oe(i, l, c, r);
   if (u) {
     const p = `M ${u.x1} ${u.y1} L ${c} ${r} L ${u.x2} ${u.y2}`;
-    if (e.arrow1.setAttribute("d", p), f.length > 1 && f[1].setAttribute("d", p), a.style) {
+    if (e.arrow1.setAttribute("d", p), h.length > 1 && h[1].setAttribute("d", p), a.style) {
       const g = a.style;
       g.stroke && e.arrow1.setAttribute("stroke", g.stroke), g.strokeWidth && e.arrow1.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(g.opacity));
     }
   }
   if (a.bidirectional) {
-    const p = se(o, s, t, n);
+    const p = oe(o, s, t, n);
     if (p) {
       const g = `M ${p.x1} ${p.y1} L ${t} ${n} L ${p.x2} ${p.y2}`;
-      if (e.arrow2.setAttribute("d", g), f.length > 2 && f[2].setAttribute("d", g), a.style) {
+      if (e.arrow2.setAttribute("d", g), h.length > 2 && h[2].setAttribute("d", g), a.style) {
         const m = a.style;
         m.stroke && e.arrow2.setAttribute("stroke", m.stroke), m.strokeWidth && e.arrow2.setAttribute("stroke-width", String(m.strokeWidth)), m.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", m.strokeLinecap), m.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(m.opacity));
       }
@@ -2092,18 +2107,18 @@ function ze(e, t, n, o, s, i, l, c, r, a) {
   }
   mo(e);
 }
-function ie(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = t.offsetWidth, l = t.offsetHeight, c = o + i / 2, r = s + l / 2, a = c + n.x, h = r + n.y;
+function se(e, t, n) {
+  const { offsetLeft: o, offsetTop: s } = L(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,
     cx: c,
     cy: r,
     ctrlX: a,
-    ctrlY: h
+    ctrlY: d
   };
 }
-function G(e) {
+function X(e) {
   let t, n;
   const o = (e.cy - e.ctrlY) / (e.ctrlX - e.cx);
   return o > e.h / e.w || o < -e.h / e.w ? e.cy - e.ctrlY < 0 ? (t = e.cx - e.h / 2 / o, n = e.cy + e.h / 2) : (t = e.cx + e.h / 2 / o, n = e.cy - e.h / 2) : e.cx - e.ctrlX < 0 ? (t = e.cx + e.w / 2, n = e.cy - e.w * o / 2) : (t = e.cx - e.w / 2, n = e.cy + e.w * o / 2), {
@@ -2112,73 +2127,73 @@ function G(e) {
   };
 }
 const lo = function(e, t, n) {
-  const o = A(e.nodes, t), s = A(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, h = r - l, f = Math.sqrt(a * a + h * h), u = Math.max(50, Math.min(200, f * 0.3)), b = Math.abs(a), v = Math.abs(h);
+  const o = L(e.nodes, t), s = L(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)), b = Math.abs(a), v = Math.abs(d);
   let p, g;
-  if (f < 150) {
-    const x = t.closest("me-main").className === "lhs" ? -1 : 1;
-    p = { x: 200 * x, y: 0 }, g = { x: 200 * x, y: 0 };
+  if (h < 150) {
+    const w = t.closest("me-main").className === "lhs" ? -1 : 1;
+    p = { x: 200 * w, y: 0 }, g = { x: 200 * w, y: 0 };
   } else if (b > v * 1.5) {
-    const x = a > 0 ? t.offsetWidth / 2 : -t.offsetWidth / 2, E = a > 0 ? -n.offsetWidth / 2 : n.offsetWidth / 2;
-    p = { x: x + (a > 0 ? u : -u), y: 0 }, g = { x: E + (a > 0 ? -u : u), y: 0 };
+    const w = a > 0 ? t.offsetWidth / 2 : -t.offsetWidth / 2, C = a > 0 ? -n.offsetWidth / 2 : n.offsetWidth / 2;
+    p = { x: w + (a > 0 ? u : -u), y: 0 }, g = { x: C + (a > 0 ? -u : u), y: 0 };
   } else if (v > b * 1.5) {
-    const x = h > 0 ? t.offsetHeight / 2 : -t.offsetHeight / 2, E = h > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
-    p = { x: 0, y: x + (h > 0 ? u : -u) }, g = { x: 0, y: E + (h > 0 ? -u : u) };
+    const w = d > 0 ? t.offsetHeight / 2 : -t.offsetHeight / 2, C = d > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
+    p = { x: 0, y: w + (d > 0 ? u : -u) }, g = { x: 0, y: C + (d > 0 ? -u : u) };
   } else {
-    const x = Math.atan2(h, a), E = t.offsetWidth / 2 * Math.cos(x), k = t.offsetHeight / 2 * Math.sin(x), T = -(n.offsetWidth / 2) * Math.cos(x), C = -(n.offsetHeight / 2) * Math.sin(x), d = u * 0.7 * (a > 0 ? 1 : -1), y = u * 0.7 * (h > 0 ? 1 : -1);
-    p = { x: E + d, y: k + y }, g = { x: T - d, y: C - y };
+    const w = Math.atan2(d, a), C = t.offsetWidth / 2 * Math.cos(w), N = t.offsetHeight / 2 * Math.sin(w), f = -(n.offsetWidth / 2) * Math.cos(w), y = -(n.offsetHeight / 2) * Math.sin(w), x = u * 0.7 * (a > 0 ? 1 : -1), E = u * 0.7 * (d > 0 ? 1 : -1);
+    p = { x: C + x, y: N + E }, g = { x: f - x, y: y - E };
   }
   return {
     delta1: { x: Math.round(p.x), y: Math.round(p.y) },
     delta2: { x: Math.round(g.x), y: Math.round(g.y) }
   };
-}, Te = function(e, t, n, o, s) {
+}, Se = function(e, t, n, o, s) {
   if (!t || !n)
     return;
   if (!o.delta1 || !o.delta2) {
-    const w = lo(e, t, n);
-    o.delta1 = w.delta1, o.delta2 = w.delta2;
+    const S = lo(e, t, n);
+    o.delta1 = S.delta1, o.delta2 = S.delta2;
   }
-  const i = ie(e, t, o.delta1), l = ie(e, n, o.delta2), { x: c, y: r } = G(i), { ctrlX: a, ctrlY: h } = i, { ctrlX: f, ctrlY: u } = l, { x: b, y: v } = G(l), p = se(f, u, b, v);
+  const i = se(e, t, o.delta1), l = se(e, n, o.delta2), { x: c, y: r } = X(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: b, y: v } = X(l), p = oe(h, u, b, v);
   if (!p) return;
   const g = `M ${p.x1} ${p.y1} L ${b} ${v} L ${p.x2} ${p.y2}`;
   let m = "";
   if (o.bidirectional) {
-    const w = se(a, h, c, r);
-    if (!w) return;
-    m = `M ${w.x1} ${w.y1} L ${c} ${r} L ${w.x2} ${w.y2}`;
+    const S = oe(a, d, c, r);
+    if (!S) return;
+    m = `M ${S.x1} ${S.y1} L ${c} ${r} L ${S.x2} ${S.y2}`;
   }
-  const x = On(`M ${c} ${r} C ${a} ${h} ${f} ${u} ${b} ${v}`, g, m, o.style), { x: E, y: k } = at(c, r, a, h, f, u, b, v), T = o.style?.labelColor || "rgb(235, 95, 82)", C = "arrow-" + o.id;
-  x.id = C;
-  const d = e.markdown ? e.markdown(o.label, o) : o.label, y = fe(d, E, k, {
+  const w = Pn(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${b} ${v}`, g, m, o.style), { x: C, y: N } = at(c, r, a, d, h, u, b, v), f = o.style?.labelColor || "rgb(235, 95, 82)", y = "a-" + o.id;
+  w.id = y;
+  const x = e.markdown ? e.markdown(o.label, o) : o.label, E = de(x, C, N, {
     anchor: "middle",
-    color: T,
+    color: f,
     dataType: "arrow",
-    svgId: C
+    svgId: y
   });
-  x.labelEl = y, x.arrowObj = o, x.dataset.linkid = o.id, e.labelContainer.appendChild(y), e.linkSvgGroup.appendChild(x), le(y), s || (e.arrows.push(o), e.currentArrow = x, dt(e, o, i, l));
+  w.labelEl = E, w.arrowObj = o, w.dataset.linkid = o.id, e.labelContainer.appendChild(E), e.arrowSvg.appendChild(w), re(E), s || (e.arrows.push(o), e.currentArrow = w, dt(e, o, i, l));
 }, co = function(e, t, n = {}) {
   const o = {
-    id: Y(),
+    id: B(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
     ...n
   };
-  Te(this, e, t, o), this.bus.fire("operation", {
+  Se(this, e, t, o), this.bus.fire("operation", {
     name: "createArrow",
     obj: o
   });
 }, ao = function(e) {
-  ce(this);
-  const t = { ...e, id: Y() };
-  Te(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
+  le(this);
+  const t = { ...e, id: B() };
+  Se(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
     obj: t
   });
 }, ho = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t) return;
-  ce(this);
+  le(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.labelEl?.remove(), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -2188,13 +2203,13 @@ const lo = function(e, t, n) {
   });
 }, fo = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = ie(this, n, t.delta1), i = ie(this, o, t.delta2);
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = se(this, n, t.delta1), i = se(this, o, t.delta2);
   dt(this, t, s, i), this.bus.fire("selectArrow", t);
 }, uo = function() {
-  ce(this), this.currentArrow = null, this.bus.fire("unselectArrow");
-}, de = function(e, t) {
-  const n = document.createElementNS(O, "path");
-  return _(n, {
+  le(this), this.currentArrow = null, this.bus.fire("unselectArrow");
+}, ce = function(e, t) {
+  const n = document.createElementNS(M, "path");
+  return k(n, {
     d: e,
     stroke: t,
     fill: "none",
@@ -2203,13 +2218,13 @@ const lo = function(e, t, n) {
     "stroke-linejoin": "round"
   }), n;
 }, po = function(e, t) {
-  const n = document.createElementNS(O, "g");
+  const n = document.createElementNS(M, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
-  const o = de(e.line.getAttribute("d"), t);
+  const o = ce(e.line.getAttribute("d"), t);
   n.appendChild(o);
-  const s = de(e.arrow1.getAttribute("d"), t);
+  const s = ce(e.arrow1.getAttribute("d"), t);
   if (n.appendChild(s), e.arrow2.getAttribute("d")) {
-    const i = de(e.arrow2.getAttribute("d"), t);
+    const i = ce(e.arrow2.getAttribute("d"), t);
     n.appendChild(i);
   }
   e.insertBefore(n, e.firstChild);
@@ -2221,41 +2236,41 @@ const lo = function(e, t, n) {
   if (!t) return;
   const n = t.querySelectorAll("path");
   n.length >= 1 && n[0].setAttribute("d", e.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", e.arrow1.getAttribute("d")), n.length >= 3 && e.arrow2.getAttribute("d") && n[2].setAttribute("d", e.arrow2.getAttribute("d"));
-}, ce = function(e) {
+}, le = function(e) {
   e.helper1?.destroy(), e.helper2?.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && go(e.currentArrow);
 }, dt = function(e, t, n, o) {
-  const { linkController: s, P2: i, P3: l, line1: c, line2: r, nodes: a, map: h, currentArrow: f, bus: u } = e;
-  if (!f) return;
-  s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(l), po(f, io);
-  let { x: b, y: v } = G(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: x } = o, { x: E, y: k } = G(o);
-  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${x}px;left:${m}px;`, ee(c, b, v, p, g), ee(r, m, x, E, k), e.helper1 = Ge.create(i), e.helper2 = Ge.create(l), e.helper1.init(h, (T, C) => {
-    p = p + T / e.scaleVal, g = g + C / e.scaleVal;
-    const d = G({ ...n, ctrlX: p, ctrlY: g });
-    b = d.x, v = d.y, i.style.top = g + "px", i.style.left = p + "px", ze(f, b, v, p, g, m, x, E, k, t), ee(c, b, v, 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(h, (T, C) => {
-    m = m + T / e.scaleVal, x = x + C / e.scaleVal;
-    const d = G({ ...o, ctrlX: m, ctrlY: x });
-    E = d.x, k = d.y, l.style.top = x + "px", l.style.left = m + "px", ze(f, b, v, p, g, m, x, E, k, t), ee(r, m, x, E, k), t.delta2.x = Math.round(m - o.cx), t.delta2.y = Math.round(x - o.cy), u.fire("updateArrowDelta", t);
+  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), po(h, io);
+  let { x: b, y: v } = X(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: w } = o, { x: C, y: N } = X(o);
+  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${w}px;left:${m}px;`, Z(c, b, v, p, g), Z(r, m, w, C, N), e.helper1 = Ke.create(i), e.helper2 = Ke.create(l), e.helper1.init(d, (f, y) => {
+    p = p + f / e.scaleVal, g = g + y / e.scaleVal;
+    const x = X({ ...n, ctrlX: p, ctrlY: g });
+    b = x.x, v = x.y, i.style.top = g + "px", i.style.left = p + "px", Ve(h, b, v, p, g, m, w, C, N, t), Z(c, b, v, 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, (f, y) => {
+    m = m + f / e.scaleVal, w = w + y / e.scaleVal;
+    const x = X({ ...o, ctrlX: m, ctrlY: w });
+    C = x.x, N = x.y, l.style.top = w + "px", l.style.left = m + "px", Ve(h, b, v, p, g, m, w, C, N, t), Z(r, m, w, C, N), t.delta2.x = Math.round(m - o.cx), t.delta2.y = Math.round(w - o.cy), u.fire("updateArrowDelta", t);
   });
 };
 function yo() {
-  this.linkSvgGroup.innerHTML = "", this.labelContainer.querySelectorAll('.svg-label[data-type="arrow"]').forEach((t) => t.remove());
+  this.arrowSvg.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 {
-      Te(this, this.findEle(n.from), this.findEle(n.to), n, !0);
+      Se(this, this.findEle(n.from), this.findEle(n.to), n, !0);
     } catch {
     }
   }
-  this.nodes.appendChild(this.linkSvgGroup);
+  this.nodes.appendChild(this.arrowSvg);
 }
 function bo(e) {
-  ce(this), e && e.labelEl && rt(this, e.labelEl, e.arrowObj);
+  le(this), e && e.labelEl && rt(this, e.labelEl, e.arrowObj);
 }
 function vo() {
-  this.arrows = this.arrows.filter((e) => oe(e.from, this.nodeData) && oe(e.to, this.nodeData));
+  this.arrows = this.arrows.filter((e) => ne(e.from, this.nodeData) && ne(e.to, this.nodeData));
 }
-const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createArrow: co,
   createArrowFrom: ao,
@@ -2265,27 +2280,27 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   selectArrow: fo,
   tidyArrow: vo,
   unselectArrow: uo
-}, Symbol.toStringTag, { value: "Module" })), wo = function(e) {
+}, Symbol.toStringTag, { value: "Module" })), xo = 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;
     if (!a) throw new Error("Can not select root node.");
-    const h = a.children.findIndex((f) => r === f);
+    const d = a.children.findIndex((h) => r === h);
     return {
       parent: a.id,
-      start: h,
-      end: h
+      start: d,
+      end: d
     };
   }
   let t = 0;
   const n = e.map((r) => {
     let a = r.nodeObj;
-    const h = [];
+    const d = [];
     for (; a.parent; ) {
-      const f = a.parent, b = f.children?.indexOf(a);
-      a = f, h.unshift({ node: a, index: b });
+      const h = a.parent, b = h.children?.indexOf(a);
+      a = h, d.unshift({ node: a, index: b });
     }
-    return h.length > t && (t = h.length), h;
+    return d.length > t && (t = d.length), d;
   });
   let o = 0;
   e: for (; o < t; o++) {
@@ -2303,11 +2318,11 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     end: l
   };
 }, Eo = function(e) {
-  const t = document.createElementNS(O, "g");
+  const t = document.createElementNS(M, "g");
   return t.setAttribute("id", e), t;
-}, Ke = function(e, t) {
-  const n = document.createElementNS(O, "path");
-  return _(n, {
+}, ze = function(e, t) {
+  const n = document.createElementNS(M, "path");
+  return k(n, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -2318,31 +2333,31 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   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;
-}, ke = function(e, t) {
-  const { id: n, label: o, parent: s, start: i, end: l, style: c } = t, { nodes: r, theme: a, summarySvg: h } = e, u = e.findEle(s).nodeObj, b = So(e, t);
+}, Ne = 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, b = So(e, t);
   let v = 1 / 0, p = 0, g = 0, m = 0;
-  for (let D = i; D <= l; D++) {
-    const j = u.children?.[D];
-    if (!j)
+  for (let V = i; V <= l; V++) {
+    const Te = u.children?.[V];
+    if (!Te)
       return e.removeSummary(n), null;
-    const J = Co(e.findEle(j.id)), { offsetLeft: Z, offsetTop: _e } = A(r, J), Le = i === l ? 10 : 20;
-    D === i && (g = _e + Le), D === l && (m = _e + J.offsetHeight - Le), Z < v && (v = Z), J.offsetWidth + Z > p && (p = J.offsetWidth + Z);
-  }
-  let x, E;
-  const k = u.parent ? 10 : 0, T = g + k, C = m + k, d = (T + C) / 2, y = c?.stroke || a.cssVar["--color"], w = c?.labelColor || a.cssVar["--color"], N = "s-" + n, M = e.markdown ? e.markdown(o, t) : o;
-  b === H.LHS ? (x = Ke(`M ${v + 10} ${T} c -5 0 -10 5 -10 10 L ${v} ${C - 10} c 0 5 5 10 10 10 M ${v} ${d} h -10`, y), E = fe(M, v - 20, d, { anchor: "end", color: w, dataType: "summary", svgId: N })) : (x = Ke(`M ${p - 10} ${T} c 5 0 10 5 10 10 L ${p} ${C - 10} c 0 5 -5 10 -10 10 M ${p} ${d} h 10`, y), E = fe(M, p + 20, d, { anchor: "start", color: w, dataType: "summary", svgId: N }));
-  const S = Eo(N);
-  return S.appendChild(x), e.labelContainer.appendChild(E), le(E), S.summaryObj = t, S.labelEl = E, h.appendChild(S), S;
+    const q = Co(e.findEle(Te.id)), { offsetLeft: U, offsetTop: ke } = L(r, q), _e = i === l ? 10 : 20;
+    V === i && (g = ke + _e), V === l && (m = ke + q.offsetHeight - _e), U < v && (v = U), q.offsetWidth + U > p && (p = q.offsetWidth + U);
+  }
+  let w, C;
+  const N = u.parent ? 10 : 0, f = g + N, y = m + N, x = (f + y) / 2, E = c?.stroke || a.cssVar["--color"], S = c?.labelColor || a.cssVar["--color"], T = "s-" + n, _ = e.markdown ? e.markdown(o, t) : o;
+  b === O.LHS ? (w = ze(`M ${v + 10} ${f} c -5 0 -10 5 -10 10 L ${v} ${y - 10} c 0 5 5 10 10 10 M ${v} ${x} h -10`, E), C = de(_, v - 20, x, { anchor: "end", color: S, dataType: "summary", svgId: T })) : (w = ze(`M ${p - 10} ${f} c 5 0 10 5 10 10 L ${p} ${y - 10} c 0 5 -5 10 -10 10 M ${p} ${x} h 10`, E), C = de(_, p + 20, x, { anchor: "start", color: S, dataType: "summary", svgId: T }));
+  const H = Eo(T);
+  return H.appendChild(w), e.labelContainer.appendChild(C), re(C), H.summaryObj = t, H.labelEl = C, d.appendChild(H), H;
 }, No = function(e = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = wo(t), c = { id: Y(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = ke(this, c);
+  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = xo(t), c = { id: B(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = Ne(this, c);
   n.push(c), this.editSummary(r), o.fire("operation", {
     name: "createSummary",
     obj: c
   });
 }, To = function(e) {
-  const t = Y(), n = { ...e, id: t };
-  ke(this, n), this.summaries.push(n), this.bus.fire("operation", {
+  const t = B(), n = { ...e, id: t };
+  Ne(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
@@ -2355,48 +2370,48 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, _o = function(e) {
   const t = e.labelEl;
   t && t.classList.add("selected"), this.currentSummary = e, this.bus.fire("selectSummary", e.summaryObj);
-}, Lo = function() {
-  this.currentSummary?.labelEl?.classList.remove("selected"), this.currentSummary = null, this.bus.fire("unselectSummary");
 }, Do = function() {
+  this.currentSummary?.labelEl?.classList.remove("selected"), this.currentSummary = null, this.bus.fire("unselectSummary");
+}, Lo = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      ke(this, e);
+      Ne(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Ao = function(e) {
+}, Mo = function(e) {
   e && e.labelEl && rt(this, e.labelEl, e.summaryObj);
-}, Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createSummary: No,
   createSummaryFrom: To,
-  editSummary: Ao,
+  editSummary: Mo,
   removeSummary: ko,
-  renderSummary: Do,
+  renderSummary: Lo,
   selectSummary: _o,
-  unselectSummary: Lo
-}, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
-function Oo(e, t) {
-  const n = document.createElementNS(L, "svg");
-  return _(n, {
+  unselectSummary: Do
+}, Symbol.toStringTag, { value: "Module" })), D = "http://www.w3.org/2000/svg";
+function Po(e, t) {
+  const n = document.createElementNS(D, "svg");
+  return k(n, {
     version: "1.1",
-    xmlns: L,
+    xmlns: D,
     height: e,
     width: t
   }), n;
 }
-function Po(e, t) {
+function Oo(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function $o(e, t, n, o) {
-  const s = document.createElementNS(L, "g");
+function Ho(e, t, n, o) {
+  const s = document.createElementNS(D, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((c, r) => {
-    const a = document.createElementNS(L, "text");
-    _(a, {
+    const a = document.createElementNS(D, "text");
+    k(a, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Po(t.lineHeight, t.fontSize) * (r + 1) + parseFloat(t.fontSize) * (r + 1) + "",
+      y: o + parseInt(t.paddingTop) + Oo(t.lineHeight, t.fontSize) * (r + 1) + parseFloat(t.fontSize) * (r + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -2405,25 +2420,25 @@ function $o(e, t, n, o) {
     }), a.innerHTML = c, s.appendChild(a);
   }), s;
 }
-function Ho(e, t, n, o) {
+function $o(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(L, "foreignObject");
-  _(i, {
+  const i = document.createElementNS(D, "foreignObject");
+  k(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
     height: t.height
   });
   const l = document.createElement("div");
-  return _(l, {
+  return k(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 jo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(L, "rect");
-  return _(i, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = L(e.nodes, t), i = document.createElementNS(D, "rect");
+  return k(i, {
     x: o + "",
     y: s + "",
     rx: n.borderRadius,
@@ -2435,9 +2450,9 @@ function jo(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function te(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = A(e.nodes, t), l = document.createElementNS(L, "rect");
-  _(l, {
+function Q(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = L(e.nodes, t), l = document.createElementNS(D, "rect");
+  k(l, {
     x: s + "",
     y: i + "",
     rx: o.borderRadius,
@@ -2448,14 +2463,14 @@ function te(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const c = document.createElementNS(L, "g");
+  const c = document.createElementNS(D, "g");
   c.appendChild(l);
   let r;
-  return n ? r = Ho(t, o, s, i) : r = $o(t, o, s, i), c.appendChild(r), c;
+  return n ? r = $o(t, o, s, i) : r = Ho(t, o, s, i), c.appendChild(r), c;
 }
 function Io(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(L, "a"), l = document.createElementNS(L, "text");
-  return _(l, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = L(e.nodes, t), i = document.createElementNS(D, "a"), l = document.createElementNS(D, "text");
+  return k(l, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -2466,8 +2481,8 @@ function Io(e, t) {
   }), l.innerHTML = t.textContent, i.appendChild(l), i.setAttribute("href", t.href), i;
 }
 function Ro(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(L, "image");
-  return _(i, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = L(e.nodes, t), i = document.createElementNS(D, "image");
+  return k(i, {
     x: o + "",
     y: s + "",
     width: n.width + "",
@@ -2475,36 +2490,36 @@ function Ro(e, t) {
     href: t.src
   }), i;
 }
-const ne = 100, Bo = '<?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">', Wo = (e, t = !1) => {
-  const n = e.nodes, o = n.offsetHeight + ne * 2, s = n.offsetWidth + ne * 2, i = Oo(o + "px", s + "px"), l = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
-  _(c, {
+const ee = 100, Bo = '<?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">', Wo = (e, t = !1) => {
+  const n = e.nodes, o = n.offsetHeight + ee * 2, s = n.offsetWidth + ee * 2, i = Po(o + "px", s + "px"), l = document.createElementNS(D, "svg"), c = document.createElementNS(D, "rect");
+  k(c, {
     x: "0",
     y: "0",
     width: `${s}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((f) => {
-    const u = f.cloneNode(!0), { offsetLeft: b, offsetTop: v } = A(n, f.parentElement);
+  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((h) => {
+    const u = h.cloneNode(!0), { offsetLeft: b, offsetTop: v } = L(n, h.parentElement);
     u.setAttribute("x", `${b}`), u.setAttribute("y", `${v}`), l.appendChild(u);
   });
   const r = n.querySelector(".lines")?.cloneNode(!0);
   r && l.appendChild(r);
   const a = n.querySelector(".topiclinks")?.cloneNode(!0);
   a && l.appendChild(a);
-  const h = n.querySelector(".summary")?.cloneNode(!0);
-  return h && l.appendChild(h), n.querySelectorAll("me-tpc").forEach((f) => {
-    f.nodeObj.dangerouslySetInnerHTML ? l.appendChild(te(e, f, !t)) : (l.appendChild(jo(e, f)), l.appendChild(te(e, f.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((f) => {
-    l.appendChild(te(e, f));
-  }), n.querySelectorAll(".icons > span").forEach((f) => {
-    l.appendChild(te(e, f));
-  }), n.querySelectorAll(".hyper-link").forEach((f) => {
-    l.appendChild(Io(e, f));
-  }), n.querySelectorAll("img").forEach((f) => {
-    l.appendChild(Ro(e, f));
-  }), _(l, {
-    x: ne + "",
-    y: ne + "",
+  const d = n.querySelector(".summary")?.cloneNode(!0);
+  return d && l.appendChild(d), n.querySelectorAll("me-tpc").forEach((h) => {
+    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(Q(e, h, !t)) : (l.appendChild(jo(e, h)), l.appendChild(Q(e, h.text, !t)));
+  }), n.querySelectorAll(".tags > span").forEach((h) => {
+    l.appendChild(Q(e, h));
+  }), n.querySelectorAll(".icons > span").forEach((h) => {
+    l.appendChild(Q(e, h));
+  }), n.querySelectorAll(".hyper-link").forEach((h) => {
+    l.appendChild(Io(e, h));
+  }), n.querySelectorAll("img").forEach((h) => {
+    l.appendChild(Ro(e, h));
+  }), k(l, {
+    x: ee + "",
+    y: ee + "",
     overflow: "visible"
   }), i.appendChild(l), i;
 }, Yo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Bo + e.outerHTML);
@@ -2521,7 +2536,7 @@ function Xo(e) {
 const Fo = function(e = !1, t) {
   const n = Wo(this, e), o = Yo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, Go = async function(e = !1, t) {
+}, Ko = async function(e = !1, t) {
   const n = this.exportSvg(e, t), o = await Xo(n);
   return new Promise((s, i) => {
     const l = new Image();
@@ -2530,27 +2545,27 @@ const Fo = 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;
   });
-}, zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: Go,
+  exportPng: Ko,
   exportSvg: Fo
 }, Symbol.toStringTag, { value: "Module" }));
-function Ko(e, t) {
+function zo(e, t) {
   return async function(...n) {
     const o = this.before[t];
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const Ve = Object.keys(ot), ht = {};
-for (let e = 0; e < Ve.length; e++) {
-  const t = Ve[e];
-  ht[t] = Ko(ot[t], t);
+const Ge = Object.keys(ot), ht = {};
+for (let e = 0; e < Ge.length; e++) {
+  const t = Ge[e];
+  ht[t] = zo(ot[t], t);
 }
-const Vo = {
-  getObjById: oe,
+const Go = {
+  getObjById: ne,
   generateNewObj: ft,
-  layout: wt,
-  linkDiv: Pn,
+  layout: xt,
+  linkDiv: On,
   editTopic: _t,
   createWrapper: St,
   createParent: Nt,
@@ -2558,53 +2573,72 @@ const Vo = {
   createTopic: kt,
   findEle: Ze,
   changeTheme: oo,
-  ...xn,
+  ...wn,
   ...ht,
-  ...xo,
-  ...Mo,
-  ...zo,
+  ...wo,
+  ...Ao,
+  ...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, W(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && qn(this), this.keypress && Dn(this, this.keypress), no(this), this.disposable.push(xt()), this.contextMenu && this.disposable.push(Hn(this, this.contextMenu)), this.allowUndo && this.disposable.push(In(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, R(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && qn(this), this.keypress && Ln(this, this.keypress), no(this), this.disposable.push(wt()), this.contextMenu && this.disposable.push($n(this, this.contextMenu)), this.allowUndo && this.disposable.push(In(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;
+    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.arrowSvg = 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;
+  },
+  /**
+   * @public
+   * @param {boolean} enable
+   */
+  enableMobileMultiSelect(e) {
+    this.mobileMultiSelect = e;
   }
 };
 function qo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, containerHeight: a }) {
-  let h = t + n / 2;
-  const f = e + o / 2;
+  let d = t + n / 2;
+  const h = e + o / 2;
   let u;
-  r === H.LHS ? u = i + l : u = i;
-  const b = s + c / 2, p = (1 - Math.abs(b - f) / a) * 0.25 * (n / 2);
-  return r === H.LHS ? h = h - n / 10 - p : h = h + n / 10 + p, `M ${h} ${f} Q ${h} ${b} ${u} ${b}`;
+  r === O.LHS ? u = i + l : u = i;
+  const b = s + c / 2, p = (1 - Math.abs(b - h) / a) * 0.25 * (n / 2);
+  return r === O.LHS ? d = d - n / 10 - p : d = d + n / 10 + p, `M ${d} ${h} Q ${d} ${b} ${u} ${b}`;
 }
 function Uo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, isFirst: a }) {
-  const h = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let f = 0, u = 0;
-  a ? f = e + o / 2 : f = e + o;
+  const d = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
+  let h = 0, u = 0;
+  a ? h = e + o / 2 : h = e + o;
   const b = s + c;
   let v = 0, p = 0, g = 0;
-  const m = Math.abs(f - b) / 300 * h;
-  return r === H.LHS ? (g = t, v = g + h, p = g - h, u = i + h, `M ${v} ${f} C ${g} ${f} ${g + m} ${b} ${p} ${b} H ${u}`) : (g = t + n, v = g - h, p = g + h, u = i + l - h, `M ${v} ${f} C ${g} ${f} ${g - m} ${b} ${p} ${b} H ${u}`);
+  const m = Math.abs(h - b) / 300 * d;
+  return r === O.LHS ? (g = t, v = g + d, p = g - d, u = i + d, `M ${v} ${h} C ${g} ${h} ${g + m} ${b} ${p} ${b} H ${u}`) : (g = t + n, v = g - d, p = g + d, u = i + l - d, `M ${v} ${h} C ${g} ${h} ${g - m} ${b} ${p} ${b} H ${u}`);
 }
-const Jo = "5.11.1-beta.0";
+const Jo = "5.11.1-beta.2";
 function Zo(e) {
   return {
     x: 0,
     y: 0,
     moved: !1,
-    // diffrentiate click and move
+    // differentiate click and move
     mousedown: !1,
-    onMove(t, n) {
-      this.mousedown && (this.moved = !0, e.move(t, n));
+    handlePointerDown(t) {
+      this.moved = !1;
+      const n = t.target, o = e.mouseSelectionButton === 0 ? 2 : 0, s = e.spacePressed && t.button === 0 && t.pointerType === "mouse", i = !e.editable || t.button === o && t.pointerType === "mouse" || t.pointerType === "touch";
+      !s && !i || (this.x = t.clientX, this.y = t.clientY, n.className !== "circle" && n.contentEditable !== "plaintext-only" && (this.mousedown = !0, n.setPointerCapture(t.pointerId)));
+    },
+    handlePointerMove(t) {
+      if (!this.mousedown || t.target.contentEditable === "plaintext-only" && !e.spacePressed) return !1;
+      const n = t.clientX - this.x, o = t.clientY - this.y;
+      return this.x = t.clientX, this.y = t.clientY, this.moved = !0, e.move(n, o), !0;
+    },
+    handlePointerUp(t) {
+      if (!this.mousedown) return;
+      const n = t.target;
+      n.hasPointerCapture && n.hasPointerCapture(t.pointerId) && n.releasePointerCapture(t.pointerId), this.mousedown = !1;
     },
     clear() {
-      this.mousedown = !1;
+      this.mousedown = !1, this.moved = !1;
     }
   };
 }
-function P({
+function A({
   el: e,
   direction: t,
   editable: n,
@@ -2615,55 +2649,56 @@ function P({
   selectionContainer: c,
   before: r,
   newTopicName: a,
-  allowUndo: h,
-  generateMainBranch: f,
+  allowUndo: d,
+  generateMainBranch: h,
   generateSubBranch: u,
   overflowHidden: b,
   theme: v,
   alignment: p,
   scaleSensitivity: g,
   scaleMax: m,
-  scaleMin: x,
-  handleWheel: E,
-  markdown: k,
-  imageProxy: T,
-  pasteHandler: C
+  scaleMin: w,
+  handleWheel: C,
+  markdown: N,
+  imageProxy: f,
+  pasteHandler: y,
+  mobileMultiSelect: x
 }) {
-  let d = null;
-  const y = Object.prototype.toString.call(e);
-  if (y === "[object HTMLDivElement]" ? d = e : y === "[object String]" && (d = document.querySelector(e)), !d) throw new Error("MindElixir: el is not a valid element");
-  d.style.position = "relative", d.innerHTML = "", this.el = d, 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 = h ?? !0, this.scaleSensitivity = g ?? 0.1, this.scaleMax = m ?? 1.4, this.scaleMin = x ?? 0.2, this.generateMainBranch = f || qo, this.generateSubBranch = u || Uo, this.overflowHidden = b ?? !1, this.alignment = p ?? "root", this.handleWheel = E ?? !0, this.markdown = k || void 0, this.imageProxy = T || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.panHelper = Zo(this), this.bus = Mn(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
-  const w = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = v || (w.matches ? ge : pe);
-  const N = document.createElement("div");
-  N.className = "map-canvas", this.map = N, 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 = je(), this.line2 = je(), 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(An(this)), C && (this.pasteHandler = C);
+  let E = null;
+  const S = Object.prototype.toString.call(e);
+  if (S === "[object HTMLDivElement]" ? E = e : S === "[object String]" && (E = document.querySelector(e)), !E) throw new Error("MindElixir: el is not a valid element");
+  E.style.position = "relative", E.innerHTML = "", this.el = E, this.disposable = [], this.before = 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 = w ?? 0.2, this.generateMainBranch = h || qo, this.generateSubBranch = u || Uo, this.overflowHidden = b ?? !1, this.alignment = p ?? "root", this.handleWheel = C ?? !0, this.markdown = N || void 0, this.imageProxy = f || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = x ?? !1, this.panHelper = Zo(this), this.bus = An(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
+  const T = window.matchMedia("(prefers-color-scheme: dark)");
+  this.theme = v || (T.matches ? ue : fe);
+  const _ = document.createElement("div");
+  _.className = "map-canvas", this.map = _, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = document.createElement("me-nodes"), this.lines = z("lines"), this.summarySvg = z("summary"), this.linkController = z("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 = je(), this.line2 = je(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.arrowSvg = z("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(Mn(this)), y && (this.pasteHandler = y);
 }
-P.prototype = Vo;
-Object.defineProperty(P.prototype, "currentNode", {
+A.prototype = Go;
+Object.defineProperty(A.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
   },
   enumerable: !0
 });
-P.LEFT = 0;
-P.RIGHT = 1;
-P.SIDE = 2;
-P.THEME = pe;
-P.DARK_THEME = ge;
-P.version = Jo;
-P.E = Ze;
-P.new = (e) => ({
+A.LEFT = 0;
+A.RIGHT = 1;
+A.SIDE = 2;
+A.THEME = fe;
+A.DARK_THEME = ue;
+A.version = Jo;
+A.E = Ze;
+A.new = (e) => ({
   nodeData: {
-    id: Y(),
+    id: B(),
     topic: e || "new topic",
     children: []
   }
 });
 export {
-  ge as DARK_THEME,
+  ue as DARK_THEME,
   Qo as LEFT,
   es as RIGHT,
   ts as SIDE,
-  pe as THEME,
-  P as default
+  fe as THEME,
+  A as default
 };