mind-elixir 4.3.4 → 4.3.5

package/dist/MindElixirLite.js

@@ -98,15 +98,15 @@ const ye = function() {
     topic: this.newTopicName,
     id: e
   };
-}, M = (e, t) => {
+}, N = (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 };
-}, x = (e, t) => {
+}, v = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, Z = (e) => e ? e.tagName === "ME-TPC" : !1, N = {
+}, Z = (e) => e ? e.tagName === "ME-TPC" : !1, $ = {
   moved: !1,
   // diffrentiate click and move
   mousedown: !1,
@@ -118,10 +118,12 @@ const ye = function() {
     }
   },
   clear() {
-    this.moved = !1, this.mousedown = !1;
+    setTimeout(() => {
+      this.moved = !1, this.mousedown = !1;
+    }, 0);
   }
 };
-function xe(e) {
+function ve(e) {
   e.map.addEventListener("click", (t) => {
     var o, s;
     if (t.button !== 0)
@@ -134,8 +136,8 @@ function xe(e) {
       e.helper2.clear();
       return;
     }
-    if (N.moved) {
-      N.clear();
+    if ($.moved) {
+      $.clear();
       return;
     }
     e.clearSelection();
@@ -154,19 +156,19 @@ function xe(e) {
     const n = t.target;
     Z(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
   }), e.map.addEventListener("mousemove", (t) => {
-    t.target.contentEditable !== "true" && N.onMove(t, e.container);
+    t.target.contentEditable !== "true" && $.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && t.target.contentEditable !== "true" && (N.moved = !1, N.mousedown = !0);
+    t.button === n && t.target.contentEditable !== "true" && ($.moved = !1, $.mousedown = !0);
   }), e.map.addEventListener("mouseleave", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && N.clear();
+    t.button === n && $.clear();
   }), e.map.addEventListener("mouseup", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && N.clear();
+    t.button === n && $.clear();
   });
 }
-const ve = {
+const xe = {
   create() {
     return {
       handlers: {},
@@ -327,7 +329,7 @@ const $e = function(e) {
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, H = document, A = "http://www.w3.org/2000/svg", ae = function(e, t, n) {
   const o = H.createElementNS(A, "path");
-  return x(o, {
+  return v(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -346,10 +348,10 @@ const $e = function(e) {
     "stroke-linecap": "cap",
     "stroke-width": "2"
   }, o = H.createElementNS(A, "g"), s = H.createElementNS(A, "path"), i = H.createElementNS(A, "path");
-  return x(i, {
+  return v(i, {
     d: t,
     ...n
-  }), x(s, {
+  }), v(s, {
     d: e,
     ...n,
     "stroke-dasharray": "8,2"
@@ -386,13 +388,13 @@ const $e = function(e) {
   const r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < r.length; c++) {
-    const l = r[c], f = l.querySelector("me-tpc"), { offsetLeft: h, offsetTop: a } = M(this.nodes, f), d = f.offsetWidth, p = f.offsetHeight, u = l.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: h, cW: d, cH: p, direction: u, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, v = f.nodeObj.branchColor || g[c % g.length];
-    f.style.borderColor = v, this.lines.appendChild(ae(m, v, "3"));
+    const l = r[c], f = l.querySelector("me-tpc"), { offsetLeft: h, offsetTop: a } = N(this.nodes, f), d = f.offsetWidth, p = f.offsetHeight, u = l.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: h, cW: d, cH: p, direction: u, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, x = f.nodeObj.branchColor || g[c % g.length];
+    f.style.borderColor = x, this.lines.appendChild(ae(m, x, "3"));
     const y = l.children[0].children[1];
     if (y && (y.style.top = (y.parentNode.offsetHeight - y.offsetHeight) / 2 + "px", u === "lhs" ? y.style.left = "-10px" : y.style.right = "-10px"), e && e !== l)
       continue;
     const b = z("subLines"), C = l.lastChild;
-    C.tagName === "svg" && C.remove(), l.appendChild(b), de(this, b, v, l, u, !0);
+    C.tagName === "svg" && C.remove(), l.appendChild(b), de(this, b, x, l, u, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, de = function(e, t, n, o, s, i) {
@@ -401,7 +403,7 @@ const $e = function(e) {
     return;
   const l = r.offsetTop, f = r.offsetLeft, h = r.offsetWidth, a = r.offsetHeight;
   for (let d = 0; d < c.length; d++) {
-    const p = c[d], u = p.firstChild, m = u.offsetTop, g = u.offsetLeft, v = u.offsetWidth, y = u.offsetHeight, b = u.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: l, pL: f, pW: h, pH: a, cT: m, cL: g, cW: v, cH: y, direction: s, isFirst: i });
+    const p = c[d], u = p.firstChild, m = u.offsetTop, g = u.offsetLeft, x = u.offsetWidth, y = u.offsetHeight, b = u.firstChild.nodeObj.branchColor || n, C = e.generateSubBranch({ pT: l, pL: f, pW: h, pH: a, cT: m, cL: g, cW: x, cH: y, direction: s, isFirst: i });
     t.appendChild(ae(C, b, "2"));
     const w = u.children[1];
     if (w) {
@@ -600,7 +602,7 @@ const ze = function(e, t, n) {
   create: st
 };
 function F(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, f = c + n.x, h = l + n.y;
+  const { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, f = c + n.x, h = l + n.y;
   return {
     w: i,
     h: r,
@@ -620,7 +622,7 @@ function k(e) {
 }
 const it = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return x(s, {
+  return v(s, {
     "text-anchor": "middle",
     x: t + "",
     y: n + "",
@@ -633,7 +635,7 @@ const it = function(e, t, n, o) {
   const i = F(e, t, o.delta1), r = F(e, n, o.delta2), { x: c, y: l } = k(i), { ctrlX: f, ctrlY: h } = i, { ctrlX: a, ctrlY: d } = r, { x: p, y: u } = k(r), m = re(a, d, p, u), g = Te(
     `M ${c} ${l} C ${f} ${h} ${a} ${d} ${p} ${u}`,
     `M ${m.x1} ${m.y1} L ${p} ${u} L ${m.x2} ${m.y2}`
-  ), v = c / 8 + f * 3 / 8 + a * 3 / 8 + p / 8, y = l / 8 + h * 3 / 8 + d * 3 / 8 + u / 8, b = it(o.label, v, y, e.theme.cssVar["--color"]);
+  ), x = c / 8 + f * 3 / 8 + a * 3 / 8 + p / 8, y = l / 8 + h * 3 / 8 + d * 3 / 8 + u / 8, b = it(o.label, x, y, e.theme.cssVar["--color"]);
   g.appendChild(b), g.arrowObj = o, g.dataset.linkid = o.id, e.linkSvgGroup.appendChild(g), s || (e.arrows.push(o), e.currentArrow = g, me(e, o, i, r)), performance.now();
 }, rt = function(e, t) {
   const n = {
@@ -678,12 +680,12 @@ const it = function(e, t, n, o) {
   var d;
   e.linkController.style.display = "initial", e.P2.style.display = "initial", e.P3.style.display = "initial", e.nodes.appendChild(e.linkController), e.nodes.appendChild(e.P2), e.nodes.appendChild(e.P3);
   let { x: s, y: i } = k(n), { ctrlX: r, ctrlY: c } = n, { ctrlX: l, ctrlY: f } = o, { x: h, y: a } = k(o);
-  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${f}px;left:${l}px;`, x(e.line1, {
+  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${f}px;left:${l}px;`, v(e.line1, {
     x1: s + "",
     y1: i + "",
     x2: r + "",
     y2: c + ""
-  }), x(e.line2, {
+  }), v(e.line2, {
     x1: l + "",
     y1: f + "",
     x2: h + "",
@@ -693,11 +695,11 @@ const it = function(e, t, n, o) {
     r = r + p / e.scaleVal, c = c + u / e.scaleVal;
     const m = k({ ...n, ctrlX: r, ctrlY: c });
     s = m.x, i = m.y;
-    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + h / 8, v = i / 8 + c * 3 / 8 + f * 3 / 8 + a / 8;
-    e.P2.style.top = c + "px", e.P2.style.left = r + "px", (y = e.currentArrow) == null || y.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${f} ${h} ${a}`), x(e.currentArrow.children[2], {
+    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + h / 8, x = i / 8 + c * 3 / 8 + f * 3 / 8 + a / 8;
+    e.P2.style.top = c + "px", e.P2.style.left = r + "px", (y = e.currentArrow) == null || y.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${f} ${h} ${a}`), v(e.currentArrow.children[2], {
       x: g + "",
-      y: v + ""
-    }), x(e.line1, {
+      y: x + ""
+    }), v(e.line1, {
       x1: s + "",
       y1: i + "",
       x2: r + "",
@@ -708,11 +710,11 @@ const it = function(e, t, n, o) {
     l = l + p / e.scaleVal, f = f + u / e.scaleVal;
     const m = k({ ...o, ctrlX: l, ctrlY: f });
     h = m.x, a = m.y;
-    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + h / 8, v = i / 8 + c * 3 / 8 + f * 3 / 8 + a / 8, y = re(l, f, h, a);
-    e.P3.style.top = f + "px", e.P3.style.left = l + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${f} ${h} ${a}`), (C = e.currentArrow) == null || C.children[1].setAttribute("d", `M ${y.x1} ${y.y1} L ${h} ${a} L ${y.x2} ${y.y2}`), x(e.currentArrow.children[2], {
+    const g = s / 8 + r * 3 / 8 + l * 3 / 8 + h / 8, x = i / 8 + c * 3 / 8 + f * 3 / 8 + a / 8, y = re(l, f, h, a);
+    e.P3.style.top = f + "px", e.P3.style.left = l + "px", (b = e.currentArrow) == null || b.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${f} ${h} ${a}`), (C = e.currentArrow) == null || C.children[1].setAttribute("d", `M ${y.x1} ${y.y1} L ${h} ${a} L ${y.x2} ${y.y2}`), v(e.currentArrow.children[2], {
       x: g + "",
-      y: v + ""
-    }), x(e.line2, {
+      y: x + ""
+    }), v(e.line2, {
       x1: l + "",
       y1: f + "",
       x2: h + "",
@@ -804,7 +806,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return t.setAttribute("id", e), t;
 }, ne = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  return x(n, {
+  return v(n, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -813,7 +815,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }), n;
 }, oe = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return x(i, {
+  return v(i, {
     "text-anchor": o,
     x: t + "",
     y: n + "",
@@ -832,15 +834,15 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     const U = (X = f.children) == null ? void 0 : X[B];
     if (!U)
       return e.removeSummary(n), null;
-    const j = gt(U.id), { offsetLeft: O, offsetTop: J } = M(c, j), K = i === r ? 10 : 20;
+    const j = gt(U.id), { offsetLeft: O, offsetTop: J } = N(c, j), K = i === r ? 10 : 20;
     B === i && (p = J + K), B === r && (u = J + j.offsetHeight - K), O < a && (a = O), j.offsetWidth + O > d && (d = j.offsetWidth + O);
   }
   let m, g;
-  const v = p + 10, y = u + 10, b = (v + y) / 2, C = e.theme.cssVar["--color"];
-  h === "lhs" ? (m = ne(`M ${a + 10} ${v} c -5 0 -10 5 -10 10 L ${a} ${y - 10} c 0 5 5 10 10 10 M ${a} ${b} h -10`, C), g = oe(o, a - 20, b + 6, "end", C)) : (m = ne(`M ${d - 10} ${v} c 5 0 10 5 10 10 L ${d} ${y - 10} c 0 5 -5 10 -10 10 M ${d} ${b} h 10`, C), g = oe(o, d + 20, b + 6, "start", C));
+  const x = p + 10, y = u + 10, b = (x + y) / 2, C = e.theme.cssVar["--color"];
+  h === "lhs" ? (m = ne(`M ${a + 10} ${x} c -5 0 -10 5 -10 10 L ${a} ${y - 10} c 0 5 5 10 10 10 M ${a} ${b} h -10`, C), g = oe(o, a - 20, b + 6, "end", C)) : (m = ne(`M ${d - 10} ${x} c 5 0 10 5 10 10 L ${d} ${y - 10} c 0 5 -5 10 -10 10 M ${d} ${b} h 10`, C), g = oe(o, d + 20, b + 6, "start", C));
   const w = mt("s-" + n);
   return w.appendChild(m), w.appendChild(g), w.summaryObj = t, e.summarySvg.appendChild(w), w;
-}, xt = function() {
+}, vt = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
   const { parent: t, start: n, end: o } = pt(e), s = { id: Y(), parent: t, start: n, end: o, text: "summary" }, i = ge(this, s);
@@ -848,7 +850,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     name: "createSummary",
     obj: s
   });
-}, vt = function(e) {
+}, xt = function(e) {
   var n;
   const t = this.summaries.findIndex((o) => o.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove()), this.bus.fire("operation", {
@@ -857,7 +859,7 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   });
 }, bt = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-  x(s, {
+  v(s, {
     x: t.x - n + "",
     y: t.y - n + "",
     width: t.width + n * 2 + "",
@@ -891,16 +893,16 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   });
 }, Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: xt,
+  createSummary: vt,
   editSummary: Et,
-  removeSummary: vt,
+  removeSummary: xt,
   renderSummary: Ct,
   selectSummary: bt,
   unselectSummary: wt
 }, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
 function St(e, t) {
   const n = document.createElementNS(L, "svg");
-  return x(n, {
+  return v(n, {
     version: "1.1",
     xmlns: L,
     height: e,
@@ -916,7 +918,7 @@ function $t(e, t, n, o) {
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((c, l) => {
     const f = document.createElementNS(L, "text");
-    x(f, {
+    v(f, {
       x: n + parseInt(t.paddingLeft) + "",
       y: o + parseInt(t.paddingTop) + Mt(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
       "text-anchor": "start",
@@ -932,21 +934,21 @@ function Nt(e, t, n, o) {
   let s = "";
   (c = e.nodeObj) != null && c.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
   const i = document.createElementNS(L, "foreignObject");
-  x(i, {
+  v(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
     height: t.height
   });
   const r = document.createElement("div");
-  return x(r, {
+  return v(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), r.innerHTML = s, i.appendChild(r), i;
 }
 function Tt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = document.createElementNS(L, "rect");
-  return x(i, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(L, "rect");
+  return v(i, {
     x: o + "",
     y: s + "",
     rx: n.borderRadius,
@@ -959,8 +961,8 @@ function Tt(e, t) {
   }), i;
 }
 function V(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = M(e.nodes, t), r = document.createElementNS(L, "rect");
-  x(r, {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = N(e.nodes, t), r = document.createElementNS(L, "rect");
+  v(r, {
     x: s + "",
     y: i + "",
     rx: o.borderRadius,
@@ -977,8 +979,8 @@ function V(e, t, n = !1) {
   return n ? l = Nt(t, o, s, i) : l = $t(t, o, s, i), c.appendChild(l), c;
 }
 function kt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
-  return x(r, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
+  return v(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -989,8 +991,8 @@ function kt(e, t) {
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
 function Ht(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = document.createElementNS(L, "image");
-  return x(i, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(L, "image");
+  return v(i, {
     x: o + "",
     y: s + "",
     width: n.width + "",
@@ -1001,15 +1003,15 @@ function Ht(e, t) {
 const _ = 100, At = '<?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">', Dt = (e, t = !1) => {
   var a, d, p;
   const n = e.nodes, o = n.offsetHeight + _ * 2, s = n.offsetWidth + _ * 2, i = St(o + "px", s + "px"), r = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
-  x(c, {
+  v(c, {
     x: "0",
     y: "0",
     width: `${s}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
   }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((u) => {
-    const m = u.cloneNode(!0), { offsetLeft: g, offsetTop: v } = M(n, u.parentElement);
-    m.setAttribute("x", `${g}`), m.setAttribute("y", `${v}`), r.appendChild(m);
+    const m = u.cloneNode(!0), { offsetLeft: g, offsetTop: x } = N(n, u.parentElement);
+    m.setAttribute("x", `${g}`), m.setAttribute("y", `${x}`), r.appendChild(m);
   });
   const l = (a = n.querySelector(".lines")) == null ? void 0 : a.cloneNode(!0);
   l && r.appendChild(l);
@@ -1026,7 +1028,7 @@ const _ = 100, At = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
     r.appendChild(kt(e, u));
   }), n.querySelectorAll("img").forEach((u) => {
     r.appendChild(Ht(e, u));
-  }), x(r, {
+  }), v(r, {
     x: _ + "",
     y: _ + "",
     overflow: "visible"
@@ -1099,11 +1101,11 @@ function It({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction:
   f ? a = e + o / 2 : a = e + o;
   const p = s + c;
   let u = 0, m = 0, g = 0;
-  const v = Math.abs(a - p) / 300 * h;
-  return l === "lhs" ? (g = t, u = g + h, m = g - h, d = i + h, `M ${u} ${a} C ${g} ${a} ${g + v} ${p} ${m} ${p} H ${d}`) : (g = t + n, u = g - h, m = g + h, d = i + r - h, `M ${u} ${a} C ${g} ${a} ${g - v} ${p} ${m} ${p} H ${d}`);
+  const x = Math.abs(a - p) / 300 * h;
+  return l === "lhs" ? (g = t, u = g + h, m = g - h, d = i + h, `M ${u} ${a} C ${g} ${a} ${g + x} ${p} ${m} ${p} H ${d}`) : (g = t + n, u = g - h, m = g + h, d = i + r - h, `M ${u} ${a} C ${g} ${a} ${g - x} ${p} ${m} ${p} H ${d}`);
 }
-const Ft = "4.3.4", P = document;
-function $({
+const Ft = "4.3.5", P = document;
+function M({
   el: e,
   direction: t,
   locale: n,
@@ -1121,26 +1123,27 @@ function $({
   generateMainBranch: u,
   generateSubBranch: m,
   overflowHidden: g,
-  theme: v
+  theme: x
 }) {
   let y = null;
   const b = Object.prototype.toString.call(e);
   if (b === "[object HTMLDivElement]" ? y = e : b === "[object String]" && (y = document.querySelector(e)), !y)
     throw new Error("MindElixir: el is not a valid element");
-  y.className += " mind-elixir", y.innerHTML = "", this.mindElixirBox = y, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = c === void 0 ? !0 : c, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = f || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = d || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = p === void 0 ? !1 : p, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || qt, this.generateSubBranch = m || It, this.overflowHidden = g || !1, this.bus = ve.create(), this.container = P.createElement("div"), this.selectionContainer = h || this.container, this.container.className = "map-container";
+  y.className += " mind-elixir", y.innerHTML = "", this.mindElixirBox = y, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = c === void 0 ? !0 : c, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = f || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = d || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = p === void 0 ? !1 : p, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || qt, this.generateSubBranch = m || It, this.overflowHidden = g || !1, this.bus = xe.create(), this.container = P.createElement("div"), this.selectionContainer = h || this.container, this.container.className = "map-container";
   const C = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = v || (C.matches ? ie : se);
+  this.theme = x || (C.matches ? ie : se);
   const w = P.createElement("div");
-  w.className = "map-canvas", this.map = w, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = P.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = z("lines"), this.summarySvg = z("summary"), this.linkController = z("linkcontroller"), this.P2 = P.createElement("div"), this.P3 = P.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ee(), this.line2 = ee(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = z("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : xe(this);
+  w.className = "map-canvas", this.map = w, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = P.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = z("lines"), this.summarySvg = z("summary"), this.linkController = z("linkcontroller"), this.P2 = P.createElement("div"), this.P3 = P.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ee(), this.line2 = ee(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = z("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ve(this);
 }
-$.prototype = _t;
-$.LEFT = D;
-$.RIGHT = W;
-$.SIDE = R;
-$.THEME = se;
-$.DARK_THEME = ie;
-$.version = Ft;
-$.E = S;
+M.prototype = _t;
+M.LEFT = D;
+M.RIGHT = W;
+M.SIDE = R;
+M.THEME = se;
+M.DARK_THEME = ie;
+M.version = Ft;
+M.E = S;
+M.dragMoveHelper = $;
 export {
-  $ as default
+  M as default
 };

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ import './index.less';
 import './iconfont/iconfont.js';
 import { LEFT, RIGHT, SIDE, DARK_THEME, THEME } from './const';
 import { findEle } from './utils/dom';
+import dragMoveHelper from './utils/dragMoveHelper';
 export * from './types/index';
 export * from './types/dom';
 import type { MindElixirData, MindElixirInstance, MindElixirMethods, Options } from './types/index';
@@ -89,6 +90,12 @@ declare namespace MindElixir {
     export var version: any;
     export var E: (id: string, instance?: MindElixirInstance) => import("./types/dom").Topic;
     var _a: (topic: string) => MindElixirData;
+    export var dragMoveHelper: {
+        moved: boolean;
+        mousedown: boolean;
+        onMove(e: MouseEvent, container: HTMLElement): void;
+        clear(): void;
+    };
     export { _a as new };
 }
 export interface MindElixirCtor {
@@ -102,6 +109,7 @@ export interface MindElixirCtor {
     THEME: typeof THEME;
     DARK_THEME: typeof DARK_THEME;
     prototype: MindElixirMethods;
+    dragMoveHelper: typeof dragMoveHelper;
 }
 declare const _default: MindElixirCtor;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "4.3.4",
+  "version": "4.3.5",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [