mind-elixir 4.3.4 → 4.3.5

package/dist/MindElixir.js

@@ -29,7 +29,7 @@
     s.readyState == "complete" && (s.onreadystatechange = null, u());
   });
 })(window);
-const M = 0, D = 1, ie = 2, Oe = {
+const k = 0, D = 1, ie = 2, Oe = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -134,7 +134,7 @@ const O = (e, t) => {
       return !1;
   }
   return !0;
-}), L = {
+}), S = {
   moved: !1,
   // diffrentiate click and move
   mousedown: !1,
@@ -146,7 +146,9 @@ const O = (e, t) => {
     }
   },
   clear() {
-    this.moved = !1, this.mousedown = !1;
+    setTimeout(() => {
+      this.moved = !1, this.mousedown = !1;
+    }, 0);
   }
 };
 function st(e) {
@@ -162,8 +164,8 @@ function st(e) {
       e.helper2.clear();
       return;
     }
-    if (L.moved) {
-      L.clear();
+    if (S.moved) {
+      S.clear();
       return;
     }
     e.clearSelection();
@@ -182,16 +184,16 @@ function st(e) {
     const n = t.target;
     le(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" && L.onMove(t, e.container);
+    t.target.contentEditable !== "true" && S.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && t.target.contentEditable !== "true" && (L.moved = !1, L.mousedown = !0);
+    t.button === n && t.target.contentEditable !== "true" && (S.moved = !1, S.mousedown = !0);
   }), e.map.addEventListener("mouseleave", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && L.clear();
+    t.button === n && S.clear();
   }), e.map.addEventListener("mouseup", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && L.clear();
+    t.button === n && S.clear();
   });
 }
 const it = {
@@ -232,7 +234,7 @@ const it = {
   if (this.direction === ie) {
     let o = 0, s = 0;
     n.map((i) => {
-      i.direction === M ? o += 1 : i.direction === D ? s += 1 : o <= s ? (i.direction = M, o += 1) : (i.direction = D, s += 1);
+      i.direction === k ? o += 1 : i.direction === D ? s += 1 : o <= s ? (i.direction = k, o += 1) : (i.direction = D, s += 1);
     });
   }
   lt(this, n, t);
@@ -243,7 +245,7 @@ const it = {
   s.className = "rhs";
   for (let i = 0; i < t.length; i++) {
     const r = t[i], { grp: l } = e.createWrapper(r);
-    e.direction === ie ? r.direction === M ? o.appendChild(l) : s.appendChild(l) : e.direction === M ? o.appendChild(l) : s.appendChild(l);
+    e.direction === ie ? r.direction === k ? o.appendChild(l) : s.appendChild(l) : e.direction === k ? o.appendChild(l) : s.appendChild(l);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines);
 }, ct = function(e, t) {
@@ -253,8 +255,8 @@ const it = {
     n.appendChild(i);
   }
   return n;
-}, S = document, N = (e, t) => {
-  const o = (t ? t.mindElixirBox : S).querySelector(`[data-nodeid=me${e}]`);
+}, _ = document, N = (e, t) => {
+  const o = (t ? t.mindElixirBox : _).querySelector(`[data-nodeid=me${e}]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
@@ -266,32 +268,32 @@ const it = {
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = S.createElement("img");
+      const o = _.createElement("img");
       o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
   {
-    const n = S.createElement("span");
+    const n = _.createElement("span");
     n.className = "text", n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = S.createElement("a");
+    const n = _.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
-    const n = S.createElement("span");
+    const n = _.createElement("span");
     n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${te(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
-    const n = S.createElement("div");
+    const n = _.createElement("div");
     n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${te(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
 }, at = function(e, t) {
-  const n = S.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
+  const n = _.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
     const i = fe(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
@@ -301,17 +303,17 @@ const it = {
   }
   return { grp: n, top: o, tpc: s };
 }, dt = function(e) {
-  const t = S.createElement("me-parent"), n = this.createTopic(e);
+  const t = _.createElement("me-parent"), n = this.createTopic(e);
   return ue(n, e), t.appendChild(n), { p: t, tpc: n };
 }, ht = function(e) {
-  const t = S.createElement("me-children");
+  const t = _.createElement("me-children");
   return t.append(...e), t;
 }, ut = function(e) {
-  const t = S.createElement("me-tpc");
+  const t = _.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
 function He(e) {
-  const t = S.createRange();
+  const t = _.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
@@ -319,7 +321,7 @@ function He(e) {
 const ft = function(e) {
   if (!e)
     return;
-  const t = S.createElement("div"), n = e.text.textContent;
+  const t = _.createElement("div"), n = e.text.textContent;
   e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "true", t.spellcheck = !1;
   const o = getComputedStyle(e);
   t.style.cssText = `min-width:${e.offsetWidth - 8}px;
@@ -328,7 +330,7 @@ const ft = function(e) {
   margin:${o.margin};
   font:${o.font};
   background-color:${o.backgroundColor !== "rgba(0, 0, 0, 0)" && o.backgroundColor};
-  border-radius:${o.borderRadius};`, this.direction === M && (t.style.right = "0"), t.focus(), He(t), this.bus.fire("operation", {
+  border-radius:${o.borderRadius};`, this.direction === k && (t.style.right = "0"), t.focus(), He(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (s) => {
@@ -351,7 +353,7 @@ const ft = function(e) {
     }));
   });
 }, fe = function(e) {
-  const t = S.createElement("me-epd");
+  const t = _.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, q = document, I = "http://www.w3.org/2000/svg", ze = function(e, t, n) {
   const o = q.createElementNS(I, "path");
@@ -591,11 +593,11 @@ function gt(e, t) {
   v.className = "context-menu", v.appendChild(h), v.hidden = !0, e.container.append(v);
   let y = !0;
   return e.container.oncontextmenu = function(b) {
-    if (b.preventDefault(), !e.editable)
+    if (b.preventDefault(), !e.editable || S.moved)
       return;
     const x = b.target;
     if (le(x)) {
-      x.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (d.className = "disabled", f.className = "disabled", g.className = "disabled", l.className = "disabled", c.className = "disabled", u.className = "disabled") : (d.className = "", f.className = "", g.className = "", l.className = "", c.className = "", u.className = ""), e.currentNodes || e.selectNode(x), v.hidden = !1, L.mousedown && (L.mousedown = !1), h.style.top = "", h.style.bottom = "", h.style.left = "", h.style.right = "";
+      x.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (d.className = "disabled", f.className = "disabled", g.className = "disabled", l.className = "disabled", c.className = "disabled", u.className = "disabled") : (d.className = "", f.className = "", g.className = "", l.className = "", c.className = "", u.className = ""), e.currentNodes || e.selectNode(x), v.hidden = !1, S.mousedown && (S.mousedown = !1), h.style.top = "", h.style.bottom = "", h.style.left = "", h.style.right = "";
       const w = h.getBoundingClientRect(), C = h.offsetHeight, P = h.offsetWidth, V = b.clientY - w.top, B = b.clientX - w.left;
       C + V > window.innerHeight ? (h.style.top = "", h.style.bottom = "0px") : (h.style.bottom = "", h.style.top = V + 15 + "px"), P + B > window.innerWidth ? (h.style.left = "", h.style.right = "0px") : (h.style.right = "", h.style.left = B + 10 + "px");
     }
@@ -796,7 +798,7 @@ function St(e) {
     (c = e.currentNodes) != null && c.includes(l) || (e.unselectNodes(), e.selectNode(l)), e.currentNodes ? (t = e.currentNodes, s.innerHTML = e.currentNodes.length + " nodes") : (t = [l], s.innerHTML = l.innerHTML);
     for (const d of t)
       d.parentElement.parentElement.style.opacity = "0.5";
-    (u = r.dataTransfer) == null || u.setDragImage(s, 0, 0), L.clear();
+    (u = r.dataTransfer) == null || u.setDragImage(s, 0, 0), S.clear();
   }), e.map.addEventListener("dragend", async (r) => {
     if (!t)
       return;
@@ -890,7 +892,7 @@ function kt(e) {
     e.scaleVal > 1.6 || e.scale(e.scaleVal + 0.2);
   }, t;
 }
-function Lt(e) {
+function Tt(e) {
   const t = document.createElement("div"), n = z("tbltl", "left"), o = z("tbltr", "right"), s = z("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
@@ -900,8 +902,8 @@ function Lt(e) {
     e.initSide();
   }, t;
 }
-function Tt(e) {
-  e.container.append(kt(e)), e.container.append(Lt(e));
+function Lt(e) {
+  e.container.append(kt(e)), e.container.append(Tt(e));
 }
 /*! @viselect/vanilla v3.7.1 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
 class At {
@@ -965,7 +967,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
       for (const r of n)
         i[e](r, o, { capture: !1, ...s });
   return [t, n, o, s];
-}, j = qe("addEventListener"), k = qe("removeEventListener"), Z = (e) => {
+}, j = qe("addEventListener"), T = qe("removeEventListener"), Z = (e) => {
   var t;
   const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: s };
@@ -996,7 +998,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
     }
   }
   return !1;
-}, { abs: H, max: Me, min: ke, ceil: Le } = Math, Te = (e = []) => ({
+}, { abs: H, max: Me, min: ke, ceil: Te } = Math, Le = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
@@ -1004,7 +1006,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
 }), Ie = class extends At {
   constructor(t) {
     var n, o, s, i, r;
-    super(), this._selection = Te(), this._targetBoundaryScrolled = !0, this._selectables = [], this._areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 }, this._areaRect = Se(), this._singleClick = !0, this._scrollAvailable = !0, this._scrollingActive = !1, this._scrollSpeed = { x: 0, y: 0 }, this._scrollDelta = { x: 0, y: 0 }, this._lastMousePosition = { x: 0, y: 0 }, this.disable = this._toggleStartEvents.bind(this, !1), this.enable = this._toggleStartEvents, this._options = {
+    super(), this._selection = Le(), this._targetBoundaryScrolled = !0, this._selectables = [], this._areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 }, this._areaRect = Se(), this._singleClick = !0, this._scrollAvailable = !0, this._scrollingActive = !1, this._scrollSpeed = { x: 0, y: 0 }, this._scrollDelta = { x: 0, y: 0 }, this._lastMousePosition = { x: 0, y: 0 }, this.disable = this._toggleStartEvents.bind(this, !1), this.enable = this._toggleStartEvents, this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -1062,7 +1064,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, s = t ? j : k;
+    const { document: n, features: o } = this._options, s = t ? j : T;
     s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
@@ -1118,8 +1120,8 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
       typeof s == "number" && H(l + c - (i + r)) >= s || // Different x and y threshold
       typeof s == "object" && H(l - i) >= s.x || H(c - r) >= s.y
     ) {
-      if (k(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
-        k(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
+      if (T(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
+        T(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
       j(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), A(this._area, "display", "block"), R(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 && (j(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), j(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((u) => this._targetElement.contains(u))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
@@ -1156,7 +1158,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
           return;
         }
         const { scrollTop: a, scrollLeft: f } = l;
-        n.y && (l.scrollTop += Le(n.y / r), o.y1 -= l.scrollTop - a), n.x && (l.scrollLeft += Le(n.x / r), o.x1 -= l.scrollLeft - f), i.next(t), requestAnimationFrame(d);
+        n.y && (l.scrollTop += Te(n.y / r), o.y1 -= l.scrollTop - a), n.x && (l.scrollLeft += Te(n.x / r), o.x1 -= l.scrollLeft - f), i.next(t), requestAnimationFrame(d);
       };
       requestAnimationFrame(d);
     } else
@@ -1172,7 +1174,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
     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, k(this._targetElement, "scroll", this._onStartAreaScroll);
+    this._targetBoundaryScrolled = !0, T(this._targetElement, "scroll", this._onStartAreaScroll);
   }
   _wheelScroll(t) {
     const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, s = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
@@ -1202,7 +1204,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
   _onTapStop(t, n) {
     var o;
     const { document: s, features: i } = this._options, { _singleClick: r } = this;
-    k(this._targetElement, "scroll", this._onStartAreaScroll), k(s, ["mousemove", "touchmove"], this._delayedTapMove), k(s, ["touchmove", "mousemove"], this._onTapMove), k(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), k(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, k(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), k(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), A(this._area, "display", "none");
+    T(this._targetElement, "scroll", this._onStartAreaScroll), T(s, ["mousemove", "touchmove"], this._delayedTapMove), T(s, ["touchmove", "mousemove"], this._onTapMove), T(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), T(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, T(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), T(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), A(this._area, "display", "none");
   }
   _updateElementSelection() {
     const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: l } = o, { intersect: c, overlap: u } = n.behaviour, d = u === "invert", a = [], f = [], g = [];
@@ -1290,7 +1292,7 @@ const Ce = (e, t = "px") => typeof e == "number" ? e + t : e, A = ({ style: e },
     i.added = [], i.removed.push(
       ...o,
       ...t ? s : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Te(t ? [] : s);
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Le(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -1378,7 +1380,7 @@ function Bt(e) {
         changed: { added: o, removed: s }
       }
     }) => {
-      L.moved = !0;
+      S.moved = !0;
       for (const i of o)
         i.classList.add("selected");
       for (const i of s)
@@ -1442,13 +1444,13 @@ function Ke(e, t, n) {
 }
 const It = function(e, t) {
   var n, o;
-  if (e === M)
-    return M;
+  if (e === k)
+    return k;
   if (e === D)
     return D;
   if (e === ie) {
     const s = ((n = document.querySelector(".lhs")) == null ? void 0 : n.childElementCount) || 0, i = ((o = document.querySelector(".rhs")) == null ? void 0 : o.childElementCount) || 0;
-    return s <= i ? (t.direction = M, M) : (t.direction = D, D);
+    return s <= i ? (t.direction = k, k) : (t.direction = D, D);
   }
 }, Ve = function(e, t, n) {
   var i, r;
@@ -1462,7 +1464,7 @@ const It = function(e, t) {
     }
     e.linkDiv(n.offsetParent);
   } else
-    s.tagName === "ME-ROOT" && (It(e.direction, o.nodeObj) === M ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
+    s.tagName === "ME-ROOT" && (It(e.direction, o.nodeObj) === k ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
 }, We = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
@@ -1511,7 +1513,7 @@ const It = function(e, t) {
   }
   const i = n || this.generateNewObj();
   if (!((f = s.parent) != null && f.parent)) {
-    const g = o.offsetParent.offsetParent.parentElement.className === "lhs" ? M : D;
+    const g = o.offsetParent.offsetParent.parentElement.className === "lhs" ? k : D;
     i.direction = g;
   }
   Ft(i, e, s), $(this.nodeData);
@@ -1851,7 +1853,7 @@ function F(e) {
     y: n
   };
 }
-const Ln = function(e, t, n, o) {
+const Tn = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return E(s, {
     "text-anchor": "middle",
@@ -1866,9 +1868,9 @@ const Ln = function(e, t, n, o) {
   const i = se(e, t, o.delta1), r = se(e, n, o.delta2), { x: l, y: c } = F(i), { ctrlX: u, ctrlY: d } = i, { ctrlX: a, ctrlY: f } = r, { x: g, y: p } = F(r), m = Be(a, f, g, p), h = pt(
     `M ${l} ${c} C ${u} ${d} ${a} ${f} ${g} ${p}`,
     `M ${m.x1} ${m.y1} L ${g} ${p} L ${m.x2} ${m.y2}`
-  ), v = l / 8 + u * 3 / 8 + a * 3 / 8 + g / 8, y = c / 8 + d * 3 / 8 + f * 3 / 8 + p / 8, b = Ln(o.label, v, y, e.theme.cssVar["--color"]);
+  ), v = l / 8 + u * 3 / 8 + a * 3 / 8 + g / 8, y = c / 8 + d * 3 / 8 + f * 3 / 8 + p / 8, b = Tn(o.label, v, y, e.theme.cssVar["--color"]);
   h.appendChild(b), h.arrowObj = o, h.dataset.linkid = o.id, e.linkSvgGroup.appendChild(h), s || (e.arrows.push(o), e.currentArrow = h, Qe(e, o, i, r)), performance.now();
-}, Tn = function(e, t) {
+}, Ln = function(e, t) {
   const n = {
     id: Y(),
     label: "Custom Link",
@@ -1982,7 +1984,7 @@ function Pn() {
 }
 const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: Tn,
+  createArrow: Ln,
   editArrowLabel: On,
   removeArrow: An,
   renderArrow: $n,
@@ -2130,12 +2132,12 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   renderSummary: Wn,
   selectSummary: Kn,
   unselectSummary: Vn
-}, Symbol.toStringTag, { value: "Module" })), _ = "http://www.w3.org/2000/svg";
+}, Symbol.toStringTag, { value: "Module" })), M = "http://www.w3.org/2000/svg";
 function Xn(e, t) {
-  const n = document.createElementNS(_, "svg");
+  const n = document.createElementNS(M, "svg");
   return E(n, {
     version: "1.1",
-    xmlns: _,
+    xmlns: M,
     height: e,
     width: t
   }), n;
@@ -2144,11 +2146,11 @@ function Gn(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Jn(e, t, n, o) {
-  const s = document.createElementNS(_, "g");
+  const s = document.createElementNS(M, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((l, c) => {
-    const u = document.createElementNS(_, "text");
+    const u = document.createElementNS(M, "text");
     E(u, {
       x: n + parseInt(t.paddingLeft) + "",
       y: o + parseInt(t.paddingTop) + Gn(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
@@ -2164,7 +2166,7 @@ function Zn(e, t, n, o) {
   var l;
   let s = "";
   (l = e.nodeObj) != null && l.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
-  const i = document.createElementNS(_, "foreignObject");
+  const i = document.createElementNS(M, "foreignObject");
   E(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
@@ -2178,7 +2180,7 @@ function Zn(e, t, n, o) {
   }), r.innerHTML = s, i.appendChild(r), i;
 }
 function Qn(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(_, "rect");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "rect");
   return E(i, {
     x: o + "",
     y: s + "",
@@ -2192,7 +2194,7 @@ function Qn(e, t) {
   }), i;
 }
 function Q(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), r = document.createElementNS(_, "rect");
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = O(e.nodes, t), r = document.createElementNS(M, "rect");
   E(r, {
     x: s + "",
     y: i + "",
@@ -2204,13 +2206,13 @@ function Q(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const l = document.createElementNS(_, "g");
+  const l = document.createElementNS(M, "g");
   l.appendChild(r);
   let c;
   return n ? c = Zn(t, o, s, i) : c = Jn(t, o, s, i), l.appendChild(c), l;
 }
 function eo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(_, "a"), r = document.createElementNS(_, "text");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "a"), r = document.createElementNS(M, "text");
   return E(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
@@ -2222,7 +2224,7 @@ function eo(e, t) {
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
 function to(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(_, "image");
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = O(e.nodes, t), i = document.createElementNS(M, "image");
   return E(i, {
     x: o + "",
     y: s + "",
@@ -2233,7 +2235,7 @@ function to(e, t) {
 }
 const ee = 100, no = '<?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">', oo = (e, t = !1) => {
   var a, f, g;
-  const n = e.nodes, o = n.offsetHeight + ee * 2, s = n.offsetWidth + ee * 2, i = Xn(o + "px", s + "px"), r = document.createElementNS(_, "svg"), l = document.createElementNS(_, "rect");
+  const n = e.nodes, o = n.offsetHeight + ee * 2, s = n.offsetWidth + ee * 2, i = Xn(o + "px", s + "px"), r = document.createElementNS(M, "svg"), l = document.createElementNS(M, "rect");
   E(l, {
     x: "0",
     y: "0",
@@ -2323,7 +2325,7 @@ const ho = {
   init(e) {
     if (!e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Tt(this), this.keypress && Et(this), this.editable && Bt(this), this.contextMenu && this.disposable.push(gt(this, this.contextMenuOption)), this.draggable && St(this), this.allowUndo && Mt(this), this.toCenter(), this.layout(), this.linkDiv();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Lt(this), this.keypress && Et(this), this.editable && Bt(this), this.contextMenu && this.disposable.push(gt(this, this.contextMenuOption)), this.draggable && St(this), this.allowUndo && Mt(this), this.toCenter(), this.layout(), this.linkDiv();
   },
   destroy() {
     var e;
@@ -2347,8 +2349,8 @@ function fo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction:
   const v = Math.abs(a - g) / 300 * d;
   return c === "lhs" ? (h = t, p = h + d, m = h - d, f = i + d, `M ${p} ${a} C ${h} ${a} ${h + v} ${g} ${m} ${g} H ${f}`) : (h = t + n, p = h - d, m = h + d, f = i + r - d, `M ${p} ${a} C ${h} ${a} ${h - v} ${g} ${m} ${g} H ${f}`);
 }
-const po = "4.3.4", W = document;
-function T({
+const po = "4.3.5", W = document;
+function L({
   el: e,
   direction: t,
   locale: n,
@@ -2378,21 +2380,22 @@ function T({
   const w = W.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 = W.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = U("lines"), this.summarySvg = U("summary"), this.linkController = U("linkcontroller"), this.P2 = W.createElement("div"), this.P3 = W.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ye(), this.line2 = ye(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = U("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : st(this);
 }
-T.prototype = ho;
-T.LEFT = M;
-T.RIGHT = D;
-T.SIDE = ie;
-T.THEME = Oe;
-T.DARK_THEME = Pe;
-T.version = po;
-T.E = N;
-T.new = (e) => ({
+L.prototype = ho;
+L.LEFT = k;
+L.RIGHT = D;
+L.SIDE = ie;
+L.THEME = Oe;
+L.DARK_THEME = Pe;
+L.version = po;
+L.E = N;
+L.new = (e) => ({
   nodeData: {
     id: Y(),
     topic: e || "new topic",
     children: []
   }
 });
+L.dragMoveHelper = S;
 export {
-  T as default
+  L as default
 };