mind-elixir 5.11.1-beta.4 → 5.11.3

package/dist/MindElixirLite.js

@@ -77,12 +77,12 @@ const G = function(t, e) {
   });
 };
 function _(t, e, n, o) {
-  const s = n - t, i = o - e, c = Math.atan2(i, s) * 180 / Math.PI, l = 12, a = 30, d = (c + 180 - a) * Math.PI / 180, f = (c + 180 + a) * Math.PI / 180;
+  const s = n - t, i = o - e, c = Math.atan2(i, s) * 180 / Math.PI, l = 12, a = 30, f = (c + 180 - a) * Math.PI / 180, d = (c + 180 + a) * Math.PI / 180;
   return {
-    x1: n + Math.cos(d) * l,
-    y1: o + Math.sin(d) * l,
-    x2: n + Math.cos(f) * l,
-    y2: o + Math.sin(f) * l
+    x1: n + Math.cos(f) * l,
+    y1: o + Math.sin(f) * l,
+    x2: n + Math.cos(d) * l,
+    y2: o + Math.sin(d) * l
   };
 }
 function Y() {
@@ -203,13 +203,13 @@ function Rt(t, e, n) {
   const l = 12 * t.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - l);
   if (dt(a, o)) {
     e.meet = a;
-    const d = a.getBoundingClientRect(), f = d.y;
-    n.clientY > f + d.height ? e.insertType = "after" : e.insertType = "in";
+    const f = a.getBoundingClientRect(), d = f.y;
+    n.clientY > d + f.height ? e.insertType = "after" : e.insertType = "in";
   } else {
-    const d = document.elementFromPoint(n.clientX, n.clientY + l);
-    if (dt(d, o)) {
-      e.meet = d;
-      const p = d.getBoundingClientRect().y;
+    const f = document.elementFromPoint(n.clientX, n.clientY + l);
+    if (dt(f, o)) {
+      e.meet = f;
+      const p = f.getBoundingClientRect().y;
       n.clientY < p ? e.insertType = "before" : e.insertType = "in";
     } else
       e.insertType = null, e.meet = null;
@@ -385,11 +385,11 @@ function Zt(t) {
     theme: t.theme
   };
 }
-const Qt = function(t) {
-  const e = this.container, n = t.getBoundingClientRect(), o = e.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, r = n.top + n.height / 2, c = o.left + o.width / 2, l = o.top + o.height / 2, a = i - c, d = r - l;
-    this.move(-a, -d, !0);
+const Qt = function(t, e = !1) {
+  const n = this.container, o = t.getBoundingClientRect(), s = n.getBoundingClientRect();
+  if (e || o.top > s.bottom - 50 || o.bottom < s.top + 50 || o.left > s.right - 50 || o.right < s.left + 50) {
+    const r = o.left + o.width / 2, c = o.top + o.height / 2, l = s.left + s.width / 2, a = s.top + s.height / 2, f = r - l, d = c - a;
+    this.move(-f, -d, !0);
   }
 }, te = function(t, e, n) {
   this.clearSelection(), this.scrollIntoView(t), this.selection?.select(t), e && this.bus.fire("selectNewNode", t.nodeObj);
@@ -415,7 +415,7 @@ const Qt = function(t) {
   this.editable = !1;
 }, le = function(t, e = { x: 0, y: 0 }) {
   if (t < this.scaleMin && t < this.scaleVal || t > this.scaleMax && t > this.scaleVal) return;
-  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, s = e.y ? e.y - n.top - n.height / 2 : 0, { dx: i, dy: r } = st(this), c = this.map.style.transform, { x: l, y: a } = ot(c), d = l - i, f = a - r, p = this.scaleVal, w = (-o + d) * (1 - t / p), y = (-s + f) * (1 - t / p);
+  const n = this.container.getBoundingClientRect(), o = e.x ? e.x - n.left - n.width / 2 : 0, s = e.y ? e.y - n.top - n.height / 2 : 0, { dx: i, dy: r } = st(this), c = this.map.style.transform, { x: l, y: a } = ot(c), f = l - i, d = a - r, p = this.scaleVal, w = (-o + f) * (1 - t / p), y = (-s + d) * (1 - t / p);
   this.map.style.transform = `translate3d(${l - w}px, ${a - y}px, 0) scale(${t})`, this.scaleVal = t, this.bus.fire("scale", t);
 }, ae = function() {
   const t = this.nodes.offsetHeight / this.container.offsetHeight, e = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(t, e));
@@ -427,27 +427,27 @@ const Qt = function(t) {
   if (n && o.style.transition === "transform 0.3s")
     return;
   const l = o.style.transform;
-  let { x: a, y: d } = ot(l);
-  const f = r.getBoundingClientRect(), p = c.getBoundingClientRect(), w = p.left < f.right && p.right > f.left, y = p.top < f.bottom && p.bottom > f.top;
+  let { x: a, y: f } = ot(l);
+  const d = r.getBoundingClientRect(), p = c.getBoundingClientRect(), w = p.left < d.right && p.right > d.left, y = p.top < d.bottom && p.bottom > d.top;
   if (w) {
     const u = p.left + t, g = p.right + t;
-    (u >= f.right || g <= f.left) && (t = 0);
+    (u >= d.right || g <= d.left) && (t = 0);
   }
   if (y) {
     const u = p.top + e, g = p.bottom + e;
-    (u >= f.bottom || g <= f.top) && (e = 0);
+    (u >= d.bottom || g <= d.top) && (e = 0);
   }
-  a += t, d += e, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
+  a += t, f += e, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
-  }, 300)), o.style.transform = `translate3d(${a}px, ${d}px, 0) scale(${s})`, i.fire("move", { dx: t, dy: e });
+  }, 300)), o.style.transform = `translate3d(${a}px, ${f}px, 0) scale(${s})`, i.fire("move", { dx: t, dy: e });
 }, st = (t, e = !1) => {
   const { container: n, map: o, nodes: s } = t;
   let i, r;
   if (t.alignment === "nodes" || e)
     i = (n.offsetWidth - s.offsetWidth) / 2, r = (n.offsetHeight - s.offsetHeight) / 2, o.style.transformOrigin = "50% 50%";
   else {
-    const c = o.querySelector("me-root"), l = c.offsetTop, a = c.offsetLeft, d = c.offsetWidth, f = c.offsetHeight;
-    i = n.offsetWidth / 2 - a - d / 2, r = n.offsetHeight / 2 - l - f / 2, o.style.transformOrigin = `${a + d / 2}px 50%`;
+    const c = o.querySelector("me-root"), l = c.offsetTop, a = c.offsetLeft, f = c.offsetWidth, d = c.offsetHeight;
+    i = n.offsetWidth / 2 - a - f / 2, r = n.offsetHeight / 2 - l - d / 2, o.style.transformOrigin = `${a + f / 2}px 50%`;
   }
   return { dx: i, dy: r };
 }, de = function() {
@@ -473,18 +473,18 @@ const Qt = function(t) {
     y: o.top
   }, i = t.parentNode, r = i.children[1];
   if (r.expanded = n.expanded, r.className = n.expanded ? "minus" : "", Jt(t), n.expanded) {
-    const f = this.createChildren(
+    const d = this.createChildren(
       n.children.map((p) => this.createWrapper(p).grp)
     );
-    i.parentNode.appendChild(f);
+    i.parentNode.appendChild(d);
   } else
     i.parentNode.children[1].remove();
   this.linkDiv(t.closest("me-main > me-wrapper"));
   const c = t.getBoundingClientRect(), l = {
     x: c.left,
     y: c.top
-  }, a = s.x - l.x, d = s.y - l.y;
-  this.move(a, d), this.bus.fire("expandNode", n);
+  }, a = s.x - l.x, f = s.y - l.y;
+  this.move(a, f), this.bus.fire("expandNode", n);
 }, ve = function(t, e) {
   const n = t.nodeObj, o = t.getBoundingClientRect(), s = {
     x: o.left,
@@ -546,6 +546,10 @@ function Me(t) {
     lastTapTarget: null,
     DOUBLE_CLICK_THRESHOLD: 300,
     detect(h, m) {
+      if (h.button !== 0) {
+        this.clear();
+        return;
+      }
       const x = (/* @__PURE__ */ new Date()).getTime(), S = x - this.lastTap, E = S < this.DOUBLE_CLICK_THRESHOLD && S > 0 && this.lastTapTarget === h.target;
       this.lastTap = x, this.lastTapTarget = h.target, E && m(h);
     },
@@ -619,7 +623,7 @@ function Me(t) {
     if (!E?.type || !E?.element) return !1;
     const { type: P, element: k } = E;
     return t.clearSelection(), P === "arrow" ? m ? t.editArrowLabel(k) : t.selectArrow(k) : m ? t.editSummary(k) : t.selectSummary(k), !0;
-  }, d = (h) => {
+  }, f = (h) => {
     if (h.pointerType === "mouse" && h.button !== 0) return;
     if (t.helper1?.moved) {
       t.helper1.clear();
@@ -637,7 +641,7 @@ function Me(t) {
       return;
     const m = h.target;
     m.tagName === "ME-EPD" && (h.ctrlKey || h.metaKey ? t.expandNodeAll(m.previousSibling) : t.expandNode(m.previousSibling));
-  }, f = (h) => {
+  }, d = (h) => {
     if (!t.editable) return;
     const m = h.target;
     if (J(m)) {
@@ -695,12 +699,12 @@ function Me(t) {
         e.handlePointerUp(h);
         break;
     }
-    s.detect(h, f), (t.ptState !== i.Pinch || r.activePointers.size < 2) && (t.ptState = i.Idle), o && (!m && !x && t.selection?.deselect(o), o = null);
+    s.detect(h, d), (t.ptState !== i.Pinch || r.activePointers.size < 2) && (t.ptState = i.Idle), o && (!m && !x && t.selection?.deselect(o), o = null);
   }, u = () => {
     r.clear(), l.clear(), e.clear(), s.clear(), (c.isDragging || c.pointerId !== null) && ut(t, c), t.ptState = i.Idle, o = null;
   }, g = (h) => {
     h.preventDefault(), h.button === 2 && t.editable && setTimeout(() => {
-      if (t.panHelper.moved) return;
+      if (t.panHelper.moved || t.ptState !== i.Idle && t.ptState !== i.Pan) return;
       const m = h.target;
       J(m) && !m.classList.contains("selected") && t.selectNode(m), t.bus.fire("showContextMenu", h);
     }, 200);
@@ -718,7 +722,7 @@ function Me(t) {
     { dom: n, evt: "pointermove", func: w },
     { dom: n, evt: "pointerup", func: y },
     { dom: n, evt: "pointercancel", func: u },
-    { dom: n, evt: "click", func: d },
+    { dom: n, evt: "click", func: f },
     { dom: n, evt: "contextmenu", func: g },
     { dom: n, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : b },
     { dom: n, evt: "blur", func: u },
@@ -789,21 +793,21 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
       d: n
     }
   ].forEach((r, c) => {
-    const l = r.d, a = document.createElementNS(N, "path"), d = {
+    const l = r.d, a = document.createElementNS(N, "path"), f = {
       d: l,
       stroke: o?.stroke || "rgb(227, 125, 116)",
       fill: "none",
       "stroke-linecap": o?.strokeLinecap || "cap",
       "stroke-width": String(o?.strokeWidth || "2")
     };
-    o?.opacity !== void 0 && (d.opacity = String(o.opacity)), D(a, d), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
-    const f = document.createElementNS(N, "path");
-    D(f, {
+    o?.opacity !== void 0 && (f.opacity = String(o.opacity)), D(a, f), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
+    const d = document.createElementNS(N, "path");
+    D(d, {
       d: l,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), s.appendChild(f), s.appendChild(a), s[r.name] = a;
+    }), s.appendChild(d), s.appendChild(a), s[r.name] = a;
   }), s;
 }, Lt = function(t, e, n) {
   if (!e) return;
@@ -836,7 +840,7 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
   const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, s = e.offsetWidth, i = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < r.length; c++) {
-    const l = r[c], a = l.querySelector("me-tpc"), { offsetLeft: d, offsetTop: f } = M(this.nodes, a), p = a.offsetWidth, w = a.offsetHeight, y = l.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: f, cL: d, cW: p, cH: w, direction: y, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, b = a.nodeObj.branchColor || g[c % g.length];
+    const l = r[c], a = l.querySelector("me-tpc"), { offsetLeft: f, offsetTop: d } = M(this.nodes, a), p = a.offsetWidth, w = a.offsetHeight, y = l.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: d, cL: f, cW: p, cH: w, direction: y, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, b = a.nodeObj.branchColor || g[c % g.length];
     if (a.style.borderColor = b, this.lines.appendChild(Dt(u, b, "3")), t && t !== l)
       continue;
     const v = W("subLines"), C = l.lastChild;
@@ -846,9 +850,9 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
 }, Mt = function(t, e, n, o, s, i) {
   const r = o.firstChild, c = o.children[1].children;
   if (c.length === 0) return;
-  const l = r.offsetTop, a = r.offsetLeft, d = r.offsetWidth, f = r.offsetHeight;
+  const l = r.offsetTop, a = r.offsetLeft, f = r.offsetWidth, d = r.offsetHeight;
   for (let p = 0; p < c.length; p++) {
-    const w = c[p], y = w.firstChild, u = y.offsetTop, g = y.offsetLeft, b = y.offsetWidth, v = y.offsetHeight, C = y.firstChild.nodeObj.branchColor || n, T = t.generateSubBranch({ pT: l, pL: a, pW: d, pH: f, cT: u, cL: g, cW: b, cH: v, direction: s, isFirst: i });
+    const w = c[p], y = w.firstChild, u = y.offsetTop, g = y.offsetLeft, b = y.offsetWidth, v = y.offsetHeight, C = y.firstChild.nodeObj.branchColor || n, T = t.generateSubBranch({ pT: l, pL: a, pW: f, pH: d, cT: u, cL: g, cW: b, cH: v, direction: s, isFirst: i });
     e.appendChild(Dt(T, C, "2"));
     const h = y.children[1];
     if (h) {
@@ -874,16 +878,16 @@ function Re(t) {
   e.appendChild(n), e.appendChild(o), e.appendChild(s), e.appendChild(i), e.className = "mind-elixir-toolbar rb";
   let r = null;
   const c = () => {
-    const a = t.container.getBoundingClientRect(), d = ot(t.map.style.transform), f = a.width / 2, p = a.height / 2, w = (f - d.x) / t.scaleVal, y = (p - d.y) / t.scaleVal;
+    const a = t.container.getBoundingClientRect(), f = ot(t.map.style.transform), d = a.width / 2, p = a.height / 2, w = (d - f.x) / t.scaleVal, y = (p - f.y) / t.scaleVal;
     r = {
       containerRect: a,
-      currentTransform: d,
+      currentTransform: f,
       mapCenterX: w,
       mapCenterY: y
     };
   }, l = () => {
     if (r) {
-      const a = t.container.getBoundingClientRect(), d = a.width / 2, f = a.height / 2, p = d - r.mapCenterX * t.scaleVal, w = f - r.mapCenterY * t.scaleVal, y = p - r.currentTransform.x, u = w - r.currentTransform.y;
+      const a = t.container.getBoundingClientRect(), f = a.width / 2, d = a.height / 2, p = f - r.mapCenterX * t.scaleVal, w = d - r.mapCenterY * t.scaleVal, y = p - r.currentTransform.x, u = w - r.currentTransform.y;
       t.move(y, u);
     }
   };
@@ -977,17 +981,17 @@ function V(t, e, n, o, s) {
   });
 }
 function mt(t, e, n, o, s, i, r, c, l, a) {
-  const d = `M ${e} ${n} C ${o} ${s} ${i} ${r} ${c} ${l}`;
-  if (t.line.setAttribute("d", d), a.style) {
+  const f = `M ${e} ${n} C ${o} ${s} ${i} ${r} ${c} ${l}`;
+  if (t.line.setAttribute("d", f), a.style) {
     const u = a.style;
     u.stroke && t.line.setAttribute("stroke", u.stroke), u.strokeWidth && t.line.setAttribute("stroke-width", String(u.strokeWidth)), u.strokeDasharray && t.line.setAttribute("stroke-dasharray", u.strokeDasharray), u.strokeLinecap && t.line.setAttribute("stroke-linecap", u.strokeLinecap), u.opacity !== void 0 && t.line.setAttribute("opacity", String(u.opacity));
   }
-  const f = t.querySelectorAll('path[stroke="transparent"]');
-  f.length > 0 && f[0].setAttribute("d", d);
+  const d = t.querySelectorAll('path[stroke="transparent"]');
+  d.length > 0 && d[0].setAttribute("d", f);
   const p = _(i, r, c, l);
   if (p) {
     const u = `M ${p.x1} ${p.y1} L ${c} ${l} L ${p.x2} ${p.y2}`;
-    if (t.arrow1.setAttribute("d", u), f.length > 1 && f[1].setAttribute("d", u), a.style) {
+    if (t.arrow1.setAttribute("d", u), d.length > 1 && d[1].setAttribute("d", u), a.style) {
       const g = a.style;
       g.stroke && t.arrow1.setAttribute("stroke", g.stroke), g.strokeWidth && t.arrow1.setAttribute("stroke-width", String(g.strokeWidth)), g.strokeLinecap && t.arrow1.setAttribute("stroke-linecap", g.strokeLinecap), g.opacity !== void 0 && t.arrow1.setAttribute("opacity", String(g.opacity));
     }
@@ -996,7 +1000,7 @@ function mt(t, e, n, o, s, i, r, c, l, a) {
     const u = _(o, s, e, n);
     if (u) {
       const g = `M ${u.x1} ${u.y1} L ${e} ${n} L ${u.x2} ${u.y2}`;
-      if (t.arrow2.setAttribute("d", g), f.length > 2 && f[2].setAttribute("d", g), a.style) {
+      if (t.arrow2.setAttribute("d", g), d.length > 2 && d[2].setAttribute("d", g), a.style) {
         const b = a.style;
         b.stroke && t.arrow2.setAttribute("stroke", b.stroke), b.strokeWidth && t.arrow2.setAttribute("stroke-width", String(b.strokeWidth)), b.strokeLinecap && t.arrow2.setAttribute("stroke-linecap", b.strokeLinecap), b.opacity !== void 0 && t.arrow2.setAttribute("opacity", String(b.opacity));
       }
@@ -1010,14 +1014,14 @@ function mt(t, e, n, o, s, i, r, c, l, a) {
   Qe(t);
 }
 function q(t, e, n) {
-  const { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = e.offsetWidth, r = e.offsetHeight, c = o + i / 2, l = s + r / 2, a = c + n.x, d = l + n.y;
+  const { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = e.offsetWidth, r = e.offsetHeight, c = o + i / 2, l = s + r / 2, a = c + n.x, f = l + n.y;
   return {
     w: i,
     h: r,
     cx: c,
     cy: l,
     ctrlX: a,
-    ctrlY: d
+    ctrlY: f
   };
 }
 function H(t) {
@@ -1029,19 +1033,19 @@ function H(t) {
   };
 }
 const _e = function(t, e, n) {
-  const o = M(t.nodes, e), s = M(t.nodes, n), i = o.offsetLeft + e.offsetWidth / 2, r = o.offsetTop + e.offsetHeight / 2, c = s.offsetLeft + n.offsetWidth / 2, l = s.offsetTop + n.offsetHeight / 2, a = c - i, d = l - r, f = Math.sqrt(a * a + d * d), p = Math.max(50, Math.min(200, f * 0.3)), w = Math.abs(a), y = Math.abs(d);
+  const o = M(t.nodes, e), s = M(t.nodes, n), i = o.offsetLeft + e.offsetWidth / 2, r = o.offsetTop + e.offsetHeight / 2, c = s.offsetLeft + n.offsetWidth / 2, l = s.offsetTop + n.offsetHeight / 2, a = c - i, f = l - r, d = Math.sqrt(a * a + f * f), p = Math.max(50, Math.min(200, d * 0.3)), w = Math.abs(a), y = Math.abs(f);
   let u, g;
-  if (f < 150) {
+  if (d < 150) {
     const v = e.closest("me-main").className === "lhs" ? -1 : 1;
     u = { x: 200 * v, y: 0 }, g = { x: 200 * v, y: 0 };
   } else if (w > y * 1.5) {
     const v = a > 0 ? e.offsetWidth / 2 : -e.offsetWidth / 2, C = a > 0 ? -n.offsetWidth / 2 : n.offsetWidth / 2;
     u = { x: v + (a > 0 ? p : -p), y: 0 }, g = { x: C + (a > 0 ? -p : p), y: 0 };
   } else if (y > w * 1.5) {
-    const v = d > 0 ? e.offsetHeight / 2 : -e.offsetHeight / 2, C = d > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
-    u = { x: 0, y: v + (d > 0 ? p : -p) }, g = { x: 0, y: C + (d > 0 ? -p : p) };
+    const v = f > 0 ? e.offsetHeight / 2 : -e.offsetHeight / 2, C = f > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
+    u = { x: 0, y: v + (f > 0 ? p : -p) }, g = { x: 0, y: C + (f > 0 ? -p : p) };
   } else {
-    const v = Math.atan2(d, a), C = e.offsetWidth / 2 * Math.cos(v), T = e.offsetHeight / 2 * Math.sin(v), h = -(n.offsetWidth / 2) * Math.cos(v), m = -(n.offsetHeight / 2) * Math.sin(v), x = p * 0.7 * (a > 0 ? 1 : -1), S = p * 0.7 * (d > 0 ? 1 : -1);
+    const v = Math.atan2(f, a), C = e.offsetWidth / 2 * Math.cos(v), T = e.offsetHeight / 2 * Math.sin(v), h = -(n.offsetWidth / 2) * Math.cos(v), m = -(n.offsetHeight / 2) * Math.sin(v), x = p * 0.7 * (a > 0 ? 1 : -1), S = p * 0.7 * (f > 0 ? 1 : -1);
     u = { x: C + x, y: T + S }, g = { x: h - x, y: m - S };
   }
   return {
@@ -1055,16 +1059,16 @@ const _e = function(t, e, n) {
     const E = _e(t, e, n);
     o.delta1 = E.delta1, o.delta2 = E.delta2;
   }
-  const i = q(t, e, o.delta1), r = q(t, n, o.delta2), { x: c, y: l } = H(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: f, ctrlY: p } = r, { x: w, y } = H(r), u = _(f, p, w, y);
+  const i = q(t, e, o.delta1), r = q(t, n, o.delta2), { x: c, y: l } = H(i), { ctrlX: a, ctrlY: f } = i, { ctrlX: d, ctrlY: p } = r, { x: w, y } = H(r), u = _(d, p, w, y);
   if (!u) return;
   const g = `M ${u.x1} ${u.y1} L ${w} ${y} L ${u.x2} ${u.y2}`;
   let b = "";
   if (o.bidirectional) {
-    const E = _(a, d, c, l);
+    const E = _(a, f, c, l);
     if (!E) return;
     b = `M ${E.x1} ${E.y1} L ${c} ${l} L ${E.x2} ${E.y2}`;
   }
-  const v = ke(`M ${c} ${l} C ${a} ${d} ${f} ${p} ${w} ${y}`, g, b, o.style), { x: C, y: T } = kt(c, l, a, d, f, p, w, y), h = o.style?.labelColor || "rgb(235, 95, 82)", m = "a-" + o.id;
+  const v = ke(`M ${c} ${l} C ${a} ${f} ${d} ${p} ${w} ${y}`, g, b, o.style), { x: C, y: T } = kt(c, l, a, f, d, p, w, y), h = o.style?.labelColor || "rgb(235, 95, 82)", m = "a-" + o.id;
   v.id = m;
   const x = t.markdown ? t.markdown(o.label, o) : o.label, S = Q(x, C, T, {
     anchor: "middle",
@@ -1141,18 +1145,18 @@ const _e = function(t, e, n) {
 }, K = function(t) {
   t.helper1?.destroy(), t.helper2?.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && Ze(t.currentArrow);
 }, At = function(t, e, n, o) {
-  const { linkController: s, P2: i, P3: r, line1: c, line2: l, nodes: a, map: d, currentArrow: f, bus: p } = t;
-  if (!f) return;
-  s.style.display = "initial", i.style.display = "initial", r.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(r), Nt(f, Pt);
+  const { linkController: s, P2: i, P3: r, line1: c, line2: l, nodes: a, map: f, currentArrow: d, bus: p } = t;
+  if (!d) return;
+  s.style.display = "initial", i.style.display = "initial", r.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(r), Nt(d, Pt);
   let { x: w, y } = H(n), { ctrlX: u, ctrlY: g } = n, { ctrlX: b, ctrlY: v } = o, { x: C, y: T } = H(o);
-  i.style.cssText = `top:${g}px;left:${u}px;`, r.style.cssText = `top:${v}px;left:${b}px;`, V(c, w, y, u, g), V(l, b, v, C, T), t.helper1 = gt.create(i), t.helper2 = gt.create(r), t.helper1.init(d, (h, m) => {
+  i.style.cssText = `top:${g}px;left:${u}px;`, r.style.cssText = `top:${v}px;left:${b}px;`, V(c, w, y, u, g), V(l, b, v, C, T), t.helper1 = gt.create(i), t.helper2 = gt.create(r), t.helper1.init(f, (h, m) => {
     u = u + h / t.scaleVal, g = g + m / t.scaleVal;
     const x = H({ ...n, ctrlX: u, ctrlY: g });
-    w = x.x, y = x.y, i.style.top = g + "px", i.style.left = u + "px", mt(f, w, y, u, g, b, v, C, T, e), V(c, w, y, u, g), e.delta1.x = Math.round(u - n.cx), e.delta1.y = Math.round(g - n.cy), p.fire("updateArrowDelta", e);
-  }), t.helper2.init(d, (h, m) => {
+    w = x.x, y = x.y, i.style.top = g + "px", i.style.left = u + "px", mt(d, w, y, u, g, b, v, C, T, e), V(c, w, y, u, g), e.delta1.x = Math.round(u - n.cx), e.delta1.y = Math.round(g - n.cy), p.fire("updateArrowDelta", e);
+  }), t.helper2.init(f, (h, m) => {
     b = b + h / t.scaleVal, v = v + m / t.scaleVal;
     const x = H({ ...o, ctrlX: b, ctrlY: v });
-    C = x.x, T = x.y, r.style.top = v + "px", r.style.left = b + "px", mt(f, w, y, u, g, b, v, C, T, e), V(l, b, v, C, T), e.delta2.x = Math.round(b - o.cx), e.delta2.y = Math.round(v - o.cy), p.fire("updateArrowDelta", e);
+    C = x.x, T = x.y, r.style.top = v + "px", r.style.left = b + "px", mt(d, w, y, u, g, b, v, C, T, e), V(l, b, v, C, T), e.delta2.x = Math.round(b - o.cx), e.delta2.y = Math.round(v - o.cy), p.fire("updateArrowDelta", e);
   });
 };
 function tn() {
@@ -1187,22 +1191,22 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   if (t.length === 1) {
     const l = t[0].nodeObj, a = t[0].nodeObj.parent;
     if (!a) throw new Error("Can not select root node.");
-    const d = a.children.findIndex((f) => l === f);
+    const f = a.children.findIndex((d) => l === d);
     return {
       parent: a.id,
-      start: d,
-      end: d
+      start: f,
+      end: f
     };
   }
   let e = 0;
   const n = t.map((l) => {
     let a = l.nodeObj;
-    const d = [];
+    const f = [];
     for (; a.parent; ) {
-      const f = a.parent, w = f.children?.indexOf(a);
-      a = f, d.unshift({ node: a, index: w });
+      const d = a.parent, w = d.children?.indexOf(a);
+      a = d, f.unshift({ node: a, index: w });
     }
-    return d.length > e && (e = d.length), d;
+    return f.length > e && (e = f.length), f;
   });
   let o = 0;
   t: for (; o < e; o++) {
@@ -1236,7 +1240,7 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   let i;
   return s.parent ? i = o.closest("me-main").className : i = t.findEle(s.children[n].id).closest("me-main").className, i;
 }, rt = function(t, e) {
-  const { id: n, label: o, parent: s, start: i, end: r, style: c } = e, { nodes: l, theme: a, summarySvg: d } = t, p = t.findEle(s).nodeObj, w = ln(t, e);
+  const { id: n, label: o, parent: s, start: i, end: r, style: c } = e, { nodes: l, theme: a, summarySvg: f } = t, p = t.findEle(s).nodeObj, w = ln(t, e);
   let y = 1 / 0, u = 0, g = 0, b = 0;
   for (let B = i; B <= r; B++) {
     const ct = p.children?.[B];
@@ -1249,7 +1253,7 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   const T = p.parent ? 10 : 0, h = g + T, m = b + T, x = (h + m) / 2, S = c?.stroke || a.cssVar["--color"], E = c?.labelColor || a.cssVar["--color"], P = "s-" + n, k = t.markdown ? t.markdown(o, e) : o;
   w === I.LHS ? (v = yt(`M ${y + 10} ${h} c -5 0 -10 5 -10 10 L ${y} ${m - 10} c 0 5 5 10 10 10 M ${y} ${x} h -10`, S), C = Q(k, y - 20, x, { anchor: "end", color: E, dataType: "summary", svgId: P })) : (v = yt(`M ${u - 10} ${h} c 5 0 10 5 10 10 L ${u} ${m - 10} c 0 5 -5 10 -10 10 M ${u} ${x} h 10`, S), C = Q(k, u + 20, x, { anchor: "start", color: E, dataType: "summary", svgId: P }));
   const O = rn(P);
-  return O.appendChild(v), t.labelContainer.appendChild(C), U(C), O.summaryObj = e, O.labelEl = C, d.appendChild(O), O;
+  return O.appendChild(v), t.labelContainer.appendChild(C), U(C), O.summaryObj = e, O.labelEl = C, f.appendChild(O), O;
 }, an = function(t = {}) {
   if (!this.currentNodes) return;
   const { currentNodes: e, summaries: n, bus: o } = this, { parent: s, start: i, end: r } = sn(e), c = { id: Y(), parent: s, start: i, end: r, label: "summary", style: t.style }, l = rt(this, c);
@@ -1400,25 +1404,25 @@ const F = 100, En = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
     width: `${s}`,
     height: `${o}`,
     fill: t.theme.cssVar["--bgcolor"]
-  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((f) => {
-    const p = f.cloneNode(!0), { offsetLeft: w, offsetTop: y } = M(n, f.parentElement);
+  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((d) => {
+    const p = d.cloneNode(!0), { offsetLeft: w, offsetTop: y } = M(n, d.parentElement);
     p.setAttribute("x", `${w}`), p.setAttribute("y", `${y}`), r.appendChild(p);
   });
   const l = n.querySelector(".lines")?.cloneNode(!0);
   l && r.appendChild(l);
   const a = n.querySelector(".topiclinks")?.cloneNode(!0);
   a && r.appendChild(a);
-  const d = n.querySelector(".summary")?.cloneNode(!0);
-  return d && r.appendChild(d), n.querySelectorAll("me-tpc").forEach((f) => {
-    f.nodeObj.dangerouslySetInnerHTML ? r.appendChild(z(t, f, !e)) : (r.appendChild(xn(t, f)), r.appendChild(z(t, f.text, !e)));
-  }), n.querySelectorAll(".tags > span").forEach((f) => {
-    r.appendChild(z(t, f));
-  }), n.querySelectorAll(".icons > span").forEach((f) => {
-    r.appendChild(z(t, f));
-  }), n.querySelectorAll(".hyper-link").forEach((f) => {
-    r.appendChild(Cn(t, f));
-  }), n.querySelectorAll("img").forEach((f) => {
-    r.appendChild(Sn(t, f));
+  const f = n.querySelector(".summary")?.cloneNode(!0);
+  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((d) => {
+    d.nodeObj.dangerouslySetInnerHTML ? r.appendChild(z(t, d, !e)) : (r.appendChild(xn(t, d)), r.appendChild(z(t, d.text, !e)));
+  }), n.querySelectorAll(".tags > span").forEach((d) => {
+    r.appendChild(z(t, d));
+  }), n.querySelectorAll(".icons > span").forEach((d) => {
+    r.appendChild(z(t, d));
+  }), n.querySelectorAll(".hyper-link").forEach((d) => {
+    r.appendChild(Cn(t, d));
+  }), n.querySelectorAll("img").forEach((d) => {
+    r.appendChild(Sn(t, d));
   }), D(r, {
     x: F + "",
     y: F + "",
@@ -1484,23 +1488,23 @@ const Mn = function(t = !1, e) {
   }
 };
 function $n({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: a }) {
-  let d = e + n / 2;
-  const f = t + o / 2;
+  let f = e + n / 2;
+  const d = t + o / 2;
   let p;
   l === I.LHS ? p = i + r : p = i;
-  const w = s + c / 2, u = (1 - Math.abs(w - f) / a) * 0.25 * (n / 2);
-  return l === I.LHS ? d = d - n / 10 - u : d = d + n / 10 + u, `M ${d} ${f} Q ${d} ${w} ${p} ${w}`;
+  const w = s + c / 2, u = (1 - Math.abs(w - d) / a) * 0.25 * (n / 2);
+  return l === I.LHS ? f = f - n / 10 - u : f = f + n / 10 + u, `M ${f} ${d} Q ${f} ${w} ${p} ${w}`;
 }
 function Hn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: a }) {
-  const d = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
-  let f = 0, p = 0;
-  a ? f = t + o / 2 : f = t + o;
+  const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
+  let d = 0, p = 0;
+  a ? d = t + o / 2 : d = t + o;
   const w = s + c;
   let y = 0, u = 0, g = 0;
-  const b = Math.abs(f - w) / 300 * d;
-  return l === I.LHS ? (g = e, y = g + d, u = g - d, p = i + d, `M ${y} ${f} C ${g} ${f} ${g + b} ${w} ${u} ${w} H ${p}`) : (g = e + n, y = g - d, u = g + d, p = i + r - d, `M ${y} ${f} C ${g} ${f} ${g - b} ${w} ${u} ${w} H ${p}`);
+  const b = Math.abs(d - w) / 300 * f;
+  return l === I.LHS ? (g = e, y = g + f, u = g - f, p = i + f, `M ${y} ${d} C ${g} ${d} ${g + b} ${w} ${u} ${w} H ${p}`) : (g = e + n, y = g - f, u = g + f, p = i + r - f, `M ${y} ${d} C ${g} ${d} ${g - b} ${w} ${u} ${w} H ${p}`);
 }
-const In = "5.11.1-beta.4";
+const In = "5.11.3";
 function On(t) {
   return {
     x: 0,
@@ -1539,8 +1543,8 @@ function A({
   selectionContainer: c,
   before: l,
   newTopicName: a,
-  allowUndo: d,
-  generateMainBranch: f,
+  allowUndo: f,
+  generateMainBranch: d,
   generateSubBranch: p,
   overflowHidden: w,
   theme: y,
@@ -1557,7 +1561,7 @@ function A({
   let S = null;
   const E = Object.prototype.toString.call(t);
   if (E === "[object HTMLDivElement]" ? S = t : E === "[object String]" && (S = document.querySelector(t)), !S) throw new Error("MindElixir: el is not a valid element");
-  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = l || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = r ?? 0, this.direction = e ?? 1, this.editable = n ?? !0, this.allowUndo = d ?? !0, this.scaleSensitivity = g ?? 0.1, this.scaleMax = b ?? 1.4, this.scaleMin = v ?? 0.2, this.generateMainBranch = f || $n, this.generateSubBranch = p || Hn, this.overflowHidden = w ?? !1, this.alignment = u ?? "root", this.handleWheel = C ?? !0, this.markdown = T || void 0, this.imageProxy = h || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = x ?? !1, this.panHelper = On(this), this.bus = Pe(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
+  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = l || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = r ?? 0, this.direction = e ?? 1, this.editable = n ?? !0, this.allowUndo = f ?? !0, this.scaleSensitivity = g ?? 0.1, this.scaleMax = b ?? 1.4, this.scaleMin = v ?? 0.2, this.generateMainBranch = d || $n, this.generateSubBranch = p || Hn, this.overflowHidden = w ?? !1, this.alignment = u ?? "root", this.handleWheel = C ?? !0, this.markdown = T || void 0, this.imageProxy = h || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = x ?? !1, this.panHelper = On(this), this.bus = Pe(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
   const P = window.matchMedia("(prefers-color-scheme: dark)");
   this.theme = y || (P.matches ? et : tt);
   const k = document.createElement("div");

package/dist/types/index.d.ts

@@ -41,7 +41,7 @@ declare namespace MindElixir {
         copyNodes: (this: MindElixirInstance, tpcs: Topic[], to: Topic) => Promise<void>;
         rmSubline: (this: MindElixirInstance, tpc: Topic) => Promise<void>;
         setNodeTopic: (this: MindElixirInstance, el: Topic, topic: string) => Promise<void>;
-        scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
+        scrollIntoView: (this: MindElixirInstance, el: HTMLElement, forceCenter?: boolean) => void;
         selectNode: (this: MindElixirInstance, tpc: Topic, isNewNode?: boolean, e?: MouseEvent) => void;
         selectNodes: (this: MindElixirInstance, tpcs: Topic[]) => void;
         unselectNodes: (this: MindElixirInstance, tpcs: Topic[]) => void;

package/dist/types/interact.d.ts

@@ -1,6 +1,6 @@
 import type { Topic } from './types/dom';
 import type { MindElixirData, MindElixirInstance } from './types/index';
-export declare const scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
+export declare const scrollIntoView: (this: MindElixirInstance, el: HTMLElement, forceCenter?: boolean) => void;
 export declare const selectNode: (this: MindElixirInstance, tpc: Topic, isNewNode?: boolean, e?: MouseEvent) => void;
 export declare const selectNodes: (this: MindElixirInstance, tpcs: Topic[]) => void;
 export declare const unselectNodes: (this: MindElixirInstance, tpcs: Topic[]) => void;

package/dist/types/methods.d.ts

@@ -50,7 +50,7 @@ declare const methods: {
     copyNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
     rmSubline: (this: MindElixirInstance, tpc: import("./docs").Topic) => Promise<void>;
     setNodeTopic: (this: MindElixirInstance, el: import("./docs").Topic, topic: string) => Promise<void>;
-    scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
+    scrollIntoView: (this: MindElixirInstance, el: HTMLElement, forceCenter?: boolean) => void;
     selectNode: (this: MindElixirInstance, tpc: import("./docs").Topic, isNewNode?: boolean, e?: MouseEvent) => void;
     selectNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[]) => void;
     unselectNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "5.11.1-beta.4",
+  "version": "5.11.3",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [
@@ -103,4 +103,4 @@
     "vite": "^7.1.7",
     "vite-plugin-istanbul": "^7.2.0"
   }
-}
+}