mind-elixir 5.14.0-beta.0 → 5.14.0-beta.1

package/dist/MindElixir.js

@@ -432,11 +432,11 @@ function Ht(e, t, n) {
   const { siblings: o, index: s } = z(n);
   o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
-function jt(e, t) {
+function It(e, t) {
   const { siblings: n, index: o } = z(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function It(e, t, n) {
+function jt(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 {
@@ -532,7 +532,7 @@ const Rt = function({ map: e, direction: t }, n) {
   if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  jt(o, s), B(this.nodeData);
+  It(o, s), B(this.nodeData);
   const i = n.parentElement.parentElement, { grp: l, top: c } = this.createWrapper(s, !0);
   c.appendChild(xe(!0)), i.insertAdjacentElement("afterend", l);
   const r = this.createChildren([i]);
@@ -612,7 +612,7 @@ const Rt = function({ map: e, direction: t }, n) {
   const i = [];
   for (const c of e) {
     const r = c.nodeObj;
-    if (It(t, r, s), B(o.nodeData), t === "in") {
+    if (jt(t, r, s), B(o.nodeData), t === "in") {
       const a = c.parentElement;
       tt(o, n, a.parentElement);
     } else {
@@ -700,8 +700,8 @@ const nn = function(e, t = !1) {
   this.editable = !1;
 }, fn = 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 } = Se(this), c = this.map.style.transform, { x: r, y: a } = be(c), d = r - i, h = a - l, u = this.scaleVal, y = (-o + d) * (1 - e / u), v = (-s + h) * (1 - e / u);
-  this.map.style.transform = `translate3d(${r - y}px, ${a - v}px, 0) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
+  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 } = Se(this), c = this.map.style.transform, { x: r, y: a } = be(c), d = r - i, h = a - l, u = this.scaleVal, p = (-o + d) * (1 - e / u), v = (-s + h) * (1 - e / u);
+  this.map.style.transform = `translate3d(${r - p}px, ${a - v}px, 0) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
 }, un = 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;
@@ -713,14 +713,14 @@ const nn = function(e, t = !1) {
     return;
   const r = o.style.transform;
   let { x: a, y: d } = be(r);
-  const h = l.getBoundingClientRect(), u = c.getBoundingClientRect(), y = u.left < h.right && u.right > h.left, v = u.top < h.bottom && u.bottom > h.top;
-  if (y) {
-    const p = u.left + e, g = u.right + e;
-    (p >= h.right || g <= h.left) && (e = 0);
+  const h = l.getBoundingClientRect(), u = c.getBoundingClientRect(), p = u.left < h.right && u.right > h.left, v = u.top < h.bottom && u.bottom > h.top;
+  if (p) {
+    const m = u.left + e, y = u.right + e;
+    (m >= h.right || y <= h.left) && (e = 0);
   }
   if (v) {
-    const p = u.top + t, g = u.bottom + t;
-    (p >= h.bottom || g <= h.top) && (t = 0);
+    const m = u.top + t, y = u.bottom + t;
+    (m >= h.bottom || y <= h.top) && (t = 0);
   }
   a += e, d += t, n && (o.style.transition = "transform 0.3s", setTimeout(() => {
     o.style.transition = "none";
@@ -840,7 +840,7 @@ const nn = function(e, t = !1) {
   if (!n || !n.nodeObj.parent) return;
   const s = t + "Sibling", i = n.parentElement.parentElement[s];
   i ? e.selectNode(i.firstChild.firstChild) : e.selectNode(n);
-}, je = function(e, t, n) {
+}, Ie = function(e, t, n) {
   const o = t === "in" ? e.scaleSensitivity : -e.scaleSensitivity;
   st(e, o, n);
 }, On = (e, t) => {
@@ -910,10 +910,10 @@ function $n(e, t) {
       e.moveDownNode();
     },
     "=": (r) => {
-      (r.metaKey || r.ctrlKey) && je(e, "in");
+      (r.metaKey || r.ctrlKey) && Ie(e, "in");
     },
     "-": (r) => {
-      (r.metaKey || r.ctrlKey) && je(e, "out");
+      (r.metaKey || r.ctrlKey) && Ie(e, "out");
     },
     0: (r) => {
       if (r.metaKey || r.ctrlKey) {
@@ -955,7 +955,7 @@ function $n(e, t) {
       try {
         const d = JSON.parse(a);
         if (d && d.magic === Oe && Array.isArray(d.data)) {
-          const h = d.data, u = h.map((y) => ({ nodeObj: y }));
+          const h = d.data, u = h.map((p) => ({ nodeObj: p }));
           h.length > 0 && e.currentNode && (e.copyNodes(u, e.currentNode), r.preventDefault());
           return;
         }
@@ -1097,7 +1097,7 @@ function Hn(e) {
         })) : Me(e, c, f, !1) && (e.ptState = i.Drag, b.setPointerCapture(f.pointerId));
       } else
         a(b, !1);
-  }, y = (f) => {
+  }, p = (f) => {
     switch (e.ptState) {
       case i.Pinch:
         l.handlePointerMove(f);
@@ -1127,15 +1127,15 @@ function Hn(e) {
         break;
     }
     s.detect(f, h), (e.ptState !== i.Pinch || l.activePointers.size < 2) && (e.ptState = i.Idle), o && (!b && !w && e.selection?.deselect(o), o = null);
-  }, p = () => {
+  }, m = () => {
     l.clear(), r.clear(), t.clear(), s.clear(), (c.isDragging || c.pointerId !== null) && Pe(e, c), e.ptState = i.Idle, o = null;
-  }, g = (f) => {
+  }, y = (f) => {
     f.preventDefault(), f.button === 2 && e.editable && setTimeout(() => {
       if (e.panHelper.moved || e.ptState !== i.Idle && e.ptState !== i.Pan) return;
       const b = f.target;
       ne(b) && !b.classList.contains("selected") && e.selectNode(b), e.bus.fire("showContextMenu", f);
     }, 200);
-  }, m = (f) => {
+  }, g = (f) => {
     if (f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey) return On(e, f);
     if (f.shiftKey) return e.move(-f.deltaY, 0);
     e.move(-f.deltaX, -f.deltaY);
@@ -1146,18 +1146,18 @@ function Hn(e) {
   };
   return qe([
     { dom: n, evt: "pointerdown", func: u },
-    { dom: n, evt: "pointermove", func: y },
+    { dom: n, evt: "pointermove", func: p },
     { dom: n, evt: "pointerup", func: v },
-    { dom: n, evt: "pointercancel", func: p },
+    { dom: n, evt: "pointercancel", func: m },
     { 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: "contextmenu", func: y },
+    { dom: n, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : g },
+    { dom: n, evt: "blur", func: m },
     { dom: n, evt: "keydown", func: x },
     { dom: n, evt: "keyup", func: E }
   ]);
 }
-function jn() {
+function In() {
   return {
     handlers: {},
     addListener: function(e, t) {
@@ -1201,10 +1201,10 @@ const M = "http://www.w3.org/2000/svg", le = function(e) {
 }, q = function(e) {
   const t = document.createElementNS(M, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, Ie = function() {
+}, je = function() {
   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;
-}, In = function(e, t, n, o) {
+}, jn = function(e, t, n, o) {
   const s = document.createElementNS(M, "g");
   return [
     {
@@ -1267,11 +1267,11 @@ const M = "http://www.w3.org/2000/svg", le = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight, l = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < l.length; c++) {
-    const r = l[c], a = r.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = A(this.nodes, a), u = a.offsetWidth, y = a.offsetHeight, v = r.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: d, cW: u, cH: y, 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)
+    const r = l[c], a = r.querySelector("me-tpc"), { offsetLeft: d, offsetTop: h } = A(this.nodes, a), u = a.offsetWidth, p = a.offsetHeight, v = r.parentNode.className, m = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: h, cL: d, cW: u, cH: p, direction: v, containerHeight: this.nodes.offsetHeight }), y = this.theme.palette, g = a.nodeObj.branchColor || y[c % y.length];
+    if (a.style.borderColor = g, this.lines.appendChild(it(m, g, "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);
+    E.tagName === "svg" && E.remove(), r.appendChild(x), lt(this, x, g, r, v, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, lt = function(e, t, n, o, s, i) {
@@ -1279,14 +1279,14 @@ const M = "http://www.w3.org/2000/svg", le = function(e) {
   if (c.length === 0) return;
   const r = l.offsetTop, a = l.offsetLeft, d = l.offsetWidth, h = l.offsetHeight;
   for (let u = 0; u < c.length; u++) {
-    const y = c[u], v = y.firstChild, p = v.offsetTop, g = v.offsetLeft, m = v.offsetWidth, x = v.offsetHeight, E = v.firstChild.nodeObj.branchColor || n, N = e.generateSubBranch({ pT: r, pL: a, pW: d, pH: h, cT: p, cL: g, cW: m, cH: x, direction: s, isFirst: i });
+    const p = c[u], v = p.firstChild, m = v.offsetTop, y = v.offsetLeft, g = v.offsetWidth, x = v.offsetHeight, E = v.firstChild.nodeObj.branchColor || n, N = e.generateSubBranch({ pT: r, pL: a, pW: d, pH: h, cT: m, cL: y, cW: g, cH: x, direction: s, isFirst: i });
     t.appendChild(it(N, E, "2"));
     const f = v.children[1];
     if (f) {
       if (!f.expanded) continue;
     } else
       continue;
-    lt(e, t, E, y, s);
+    lt(e, t, E, p, s);
   }
 }, Bn = {
   addChild: "Add child",
@@ -1315,23 +1315,23 @@ function Wn(e, t) {
   }, s = (b, w, S) => {
     const C = document.createElement("li");
     return C.id = b, C.innerHTML = `<span>${de(w)}</span><span ${S ? 'class="key"' : ""}>${de(S)}</span>`, C;
-  }, i = t.locale, l = s("cm-add_child", i.addChild, "Tab"), c = s("cm-add_parent", i.addParent, "Ctrl + Enter"), r = s("cm-add_sibling", i.addSibling, "Enter"), a = s("cm-remove_child", i.removeNode, "Delete"), d = s("cm-fucus", i.focus, ""), h = s("cm-unfucus", i.cancelFocus, ""), u = s("cm-up", i.moveUp, "PgUp"), y = s("cm-down", i.moveDown, "Pgdn"), 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(y), m.appendChild(g), t.link && (m.appendChild(v), m.appendChild(p)), t && t.extend)
+  }, 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"), p = s("cm-down", i.moveDown, "Pgdn"), v = s("cm-link", i.link, ""), m = s("cm-link-bidirectional", i.linkBidirectional, ""), y = s("cm-summary", i.summary, ""), g = document.createElement("ul");
+  if (g.className = "menu-list", g.appendChild(l), g.appendChild(c), g.appendChild(r), g.appendChild(a), t.focus && (g.appendChild(d), g.appendChild(h)), g.appendChild(u), g.appendChild(p), g.appendChild(y), t.link && (g.appendChild(v), g.appendChild(m)), t && t.extend)
     for (let b = 0; b < t.extend.length; b++) {
       const w = t.extend[b], S = s(w.name, w.name, w.key || "");
-      m.appendChild(S), S.onclick = (C) => {
+      g.appendChild(S), S.onclick = (C) => {
         w.onclick(C);
       };
     }
   const x = document.createElement("div");
-  x.className = "context-menu", x.appendChild(m), x.hidden = !0, e.container.append(x);
+  x.className = "context-menu", x.appendChild(g), x.hidden = !0, e.container.append(x);
   let E = !0;
   const N = (b) => {
     const w = b.target;
     if (ne(w)) {
-      w.parentElement.tagName === "ME-ROOT" ? E = !0 : E = !1, E ? (d.className = "disabled", u.className = "disabled", y.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", y.className = "", c.className = "", r.className = "", a.className = ""), x.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
-      const S = m.offsetHeight, C = m.offsetWidth, T = m.getBoundingClientRect(), D = b.clientY - T.top, L = b.clientX - T.left;
-      S + D > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = D + 15 + "px"), C + L > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = L + 10 + "px");
+      w.parentElement.tagName === "ME-ROOT" ? E = !0 : E = !1, E ? (d.className = "disabled", u.className = "disabled", p.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", p.className = "", c.className = "", r.className = "", a.className = ""), x.hidden = !1, g.style.top = "", g.style.bottom = "", g.style.left = "", g.style.right = "";
+      const S = g.offsetHeight, C = g.offsetWidth, T = g.getBoundingClientRect(), D = b.clientY - T.top, L = b.clientX - T.left;
+      S + D > window.innerHeight ? (g.style.top = "", g.style.bottom = "0px") : (g.style.bottom = "", g.style.top = D + 15 + "px"), C + L > window.innerWidth ? (g.style.left = "", g.style.right = "0px") : (g.style.right = "", g.style.left = L + 10 + "px");
     }
   };
   e.bus.addListener("showContextMenu", N), x.onclick = (b) => {
@@ -1350,7 +1350,7 @@ function Wn(e, t) {
     e.cancelFocus(), x.hidden = !0;
   }, u.onclick = () => {
     E || (e.moveUpNode(), x.hidden = !0);
-  }, y.onclick = () => {
+  }, p.onclick = () => {
     E || (e.moveDownNode(), x.hidden = !0);
   };
   const f = (b) => {
@@ -1368,10 +1368,10 @@ function Wn(e, t) {
       }
     );
   };
-  return v.onclick = () => f(), p.onclick = () => f({ bidirectional: !0 }), g.onclick = () => {
+  return v.onclick = () => f(), m.onclick = () => f({ bidirectional: !0 }), y.onclick = () => {
     x.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    l.onclick = null, c.onclick = null, r.onclick = null, a.onclick = null, d.onclick = null, h.onclick = null, u.onclick = null, y.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, p.onclick = null, v.onclick = null, y.onclick = null, x.onclick = null, e.container.oncontextmenu = null;
   };
 }
 const Yn = function(e) {
@@ -1452,17 +1452,17 @@ function Zn(e) {
   t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb";
   let l = null;
   const c = () => {
-    const a = e.container.getBoundingClientRect(), d = be(e.map.style.transform), h = a.width / 2, u = a.height / 2, y = (h - d.x) / e.scaleVal, v = (u - d.y) / e.scaleVal;
+    const a = e.container.getBoundingClientRect(), d = be(e.map.style.transform), h = a.width / 2, u = a.height / 2, p = (h - d.x) / e.scaleVal, v = (u - d.y) / e.scaleVal;
     l = {
       containerRect: a,
       currentTransform: d,
-      mapCenterX: y,
+      mapCenterX: p,
       mapCenterY: v
     };
   }, r = () => {
     if (l) {
-      const a = e.container.getBoundingClientRect(), d = a.width / 2, h = a.height / 2, u = d - l.mapCenterX * e.scaleVal, y = h - l.mapCenterY * e.scaleVal, v = u - l.currentTransform.x, p = y - l.currentTransform.y;
-      e.move(v, p);
+      const a = e.container.getBoundingClientRect(), d = a.width / 2, h = a.height / 2, u = d - l.mapCenterX * e.scaleVal, p = h - l.mapCenterY * e.scaleVal, v = u - l.currentTransform.x, m = p - l.currentTransform.y;
+      e.move(v, m);
     }
   };
   return e.el.addEventListener("fullscreenchange", r), n.onclick = () => {
@@ -1560,7 +1560,7 @@ const Re = (e, t = "px") => typeof e == "number" ? e + t : e, H = ({ style: e },
     case "shift":
       return e.shiftKey;
   }
-}) : !1), { abs: I, max: Ye, min: Xe, ceil: Fe } = Math, Ke = (e = []) => ({
+}) : !1), { abs: j, max: Ye, min: Xe, ceil: Fe } = Math, Ke = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
@@ -1660,14 +1660,14 @@ class ro extends to {
     const { x: o, y: s, target: i } = Q(t), { document: l, startAreas: c, boundaries: r, behaviour: a, features: d } = this._options, h = i.getBoundingClientRect();
     if (!io(t, a.triggers))
       return;
-    const u = X(c, l), y = X(r, l);
-    this._targetElement = y.find((m) => We(m.getBoundingClientRect(), h));
-    const v = t.composedPath(), p = u.find((m) => v.includes(m));
-    if (this._targetBoundary = y.find((m) => v.includes(m)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    const u = X(c, l), p = X(r, l);
+    this._targetElement = p.find((g) => We(g.getBoundingClientRect(), h));
+    const v = t.composedPath(), m = u.find((g) => v.includes(g));
+    if (this._targetBoundary = p.find((g) => v.includes(g)), !this._targetElement || !m || !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), Y(l, ["pointermove"], this._delayedTapMove, { passive: !1 }), Y(l, ["pointerup", "pointercancel"], this._onTapStop), Y(l, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, Y(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    const y = l.scrollingElement ?? l.body;
+    this._scrollDelta = { x: y.scrollLeft, y: y.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), Y(l, ["pointermove"], this._delayedTapMove, { passive: !1 }), Y(l, ["pointerup", "pointercancel"], this._onTapStop), Y(l, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, Y(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
     const {
@@ -1681,8 +1681,8 @@ class ro extends to {
       this.resolveSelectables();
       const { x: c, y: r } = s;
       i = this._selectables.find((a) => {
-        const { right: d, left: h, top: u, bottom: y } = a.getBoundingClientRect();
-        return c < d && c > h && r < y && r > u;
+        const { right: d, left: h, top: u, bottom: p } = a.getBoundingClientRect();
+        return c < d && c > h && r < p && r > u;
       });
     }
     if (!i)
@@ -1712,8 +1712,8 @@ class ro extends to {
     } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = Q(t);
     if (
       // Single number for both coordinates
-      typeof s == "number" && I(c + r - (i + l)) >= s || // Different x and y threshold
-      typeof s == "object" && I(c - i) >= s.x || I(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(o, ["pointermove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
         O(o, ["pointerup", "pointercancel"], this._onTapStop);
@@ -1786,9 +1786,9 @@ class ro extends to {
         scrolling: { startScrollMargins: d }
       }
     } = s;
-    r < i.left + d.x ? (t.x = -I(i.left - r + d.x), r = r < i.left ? i.left : r) : r > i.right - d.x ? (t.x = I(i.left + i.width - r - d.x), r = r > i.right ? i.right : r) : t.x = 0, a < i.top + d.y ? (t.y = -I(i.top - a + d.y), a = a < i.top ? i.top : a) : a > i.bottom - d.y ? (t.y = I(i.top + i.height - a - d.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
-    const h = Xe(l, r), u = Xe(c, a), y = Ye(l, r), v = Ye(c, a);
-    this._areaRect = Be(h, u, y - h, 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 = Xe(l, r), u = Xe(c, a), p = Ye(l, r), v = Ye(c, a);
+    this._areaRect = Be(h, u, p - h, v - u);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
@@ -1799,29 +1799,29 @@ class ro extends to {
     O(this._targetElement, "scroll", this._onStartAreaScroll), O(o, ["pointermove"], this._delayedTapMove), O(o, ["pointermove"], this._onTapMove), O(o, ["pointerup", "pointercancel"], this._onTapStop), O(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(), H(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: l, touched: c } = o, { intersect: r, overlap: a } = n.behaviour, d = a === "invert", h = [], u = [], y = [];
-    for (let p = 0; p < t.length; p++) {
-      const g = t[p];
-      if (We(s, g.getBoundingClientRect(), r)) {
-        if (l.includes(g))
-          i.includes(g) && !c.includes(g) && c.push(g);
-        else if (d && i.includes(g)) {
-          y.push(g);
+    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 = [], p = [];
+    for (let m = 0; m < t.length; m++) {
+      const y = t[m];
+      if (We(s, y.getBoundingClientRect(), r)) {
+        if (l.includes(y))
+          i.includes(y) && !c.includes(y) && c.push(y);
+        else if (d && i.includes(y)) {
+          p.push(y);
           continue;
         } else
-          u.push(g);
-        h.push(g);
+          u.push(y);
+        h.push(y);
       }
     }
-    d && u.push(...i.filter((p) => !l.includes(p)));
+    d && u.push(...i.filter((m) => !l.includes(m)));
     const v = a === "keep";
-    for (let p = 0; p < l.length; p++) {
-      const g = l[p];
-      !h.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
+    for (let m = 0; m < l.length; m++) {
+      const y = l[m];
+      !h.includes(y) && !// 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)) && y.push(g);
+      (v && i.includes(y)) && p.push(y);
     }
-    o.selected = h, o.changed = { added: u, removed: y }, this._latestElement = void 0;
+    o.selected = h, o.changed = { added: u, removed: p }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -2023,17 +2023,17 @@ function at({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction:
   const h = e + o / 2;
   let u;
   r === $.LHS ? u = i + l : u = i;
-  const y = s + c / 2, p = (1 - Math.abs(y - h) / a) * 0.25 * (n / 2);
-  return r === $.LHS ? d = d - n / 10 - p : d = d + n / 10 + p, `M ${d} ${h} Q ${d} ${y} ${u} ${y}`;
+  const p = s + c / 2, m = (1 - Math.abs(p - h) / a) * 0.25 * (n / 2);
+  return r === $.LHS ? d = d - n / 10 - m : d = d + n / 10 + m, `M ${d} ${h} Q ${d} ${p} ${u} ${p}`;
 }
 function dt({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction: r, isFirst: a }) {
   const d = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
   let h = 0, u = 0;
   a ? h = e + o / 2 : h = e + o;
-  const y = s + c;
-  let v = 0, p = 0, g = 0;
-  const m = Math.abs(h - y) / 300 * d;
-  return r === $.LHS ? (g = t, v = g + d, p = g - d, u = i + d, `M ${v} ${h} C ${g} ${h} ${g + m} ${y} ${p} ${y} H ${u}`) : (g = t + n, v = g - d, p = g + d, u = i + l - d, `M ${v} ${h} C ${g} ${h} ${g - m} ${y} ${p} ${y} H ${u}`);
+  const p = s + c;
+  let v = 0, m = 0, y = 0;
+  const g = Math.abs(h - p) / 300 * d;
+  return r === $.LHS ? (y = t, v = y + d, m = y - d, u = i + d, `M ${v} ${h} C ${y} ${h} ${y + g} ${p} ${m} ${p} H ${u}`) : (y = t + n, v = y - d, m = y + d, u = i + l - d, `M ${v} ${h} C ${y} ${h} ${y - g} ${p} ${m} ${p} H ${u}`);
 }
 const co = function(e, t = !0) {
   this.theme = e, this.generateMainBranch = this.theme.generateMainBranch || at, this.generateSubBranch = this.theme.generateSubBranch || dt;
@@ -2107,37 +2107,29 @@ function F(e, t, n, o, s) {
 }
 function ue(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 h = e.querySelectorAll('path[stroke="transparent"]');
-  h.length > 0 && h[0].setAttribute("d", d);
-  const u = se(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), 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));
-    }
+  e.line.setAttribute("d", d);
+  const h = a.style || {};
+  e.line.setAttribute("stroke", h.stroke || "rgb(227, 125, 116)"), e.line.setAttribute("stroke-width", String(h.strokeWidth || "2")), e.line.setAttribute("stroke-dasharray", h.strokeDasharray || "8,2"), e.line.setAttribute("stroke-linecap", h.strokeLinecap || "cap"), h.opacity !== void 0 && h.opacity !== null && h.opacity !== "" ? e.line.setAttribute("opacity", String(h.opacity)) : e.line.removeAttribute("opacity");
+  const u = e.querySelectorAll('path[stroke="transparent"]');
+  u.length > 0 && u[0].setAttribute("d", d);
+  const p = se(i, l, c, r);
+  if (p) {
+    const g = `M ${p.x1} ${p.y1} L ${c} ${r} L ${p.x2} ${p.y2}`;
+    e.arrow1.setAttribute("d", g), u.length > 1 && u[1].setAttribute("d", g), e.arrow1.setAttribute("stroke", h.stroke || "rgb(227, 125, 116)"), e.arrow1.setAttribute("stroke-width", String(h.strokeWidth || "2")), e.arrow1.setAttribute("stroke-linecap", h.strokeLinecap || "cap"), h.opacity !== void 0 && h.opacity !== null && h.opacity !== "" ? e.arrow1.setAttribute("opacity", String(h.opacity)) : e.arrow1.removeAttribute("opacity");
   }
   if (a.bidirectional) {
-    const p = se(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), 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));
-      }
+    const g = se(o, s, t, n);
+    if (g) {
+      const x = `M ${g.x1} ${g.y1} L ${t} ${n} L ${g.x2} ${g.y2}`;
+      e.arrow2.setAttribute("d", x), u.length > 2 && u[2].setAttribute("d", x);
     }
   } else
-    e.arrow2.setAttribute("d", ""), h.length > 2 && h[2].setAttribute("d", "");
-  const { x: y, y: v } = ft(t, n, o, s, i, l, c, r);
-  if (e.labelEl && fo(e.labelEl, y, v), a.style?.labelColor) {
-    const p = e.labelEl;
-    p && (p.style.color = a.style.labelColor);
-  }
-  vo(e);
+    e.arrow2.setAttribute("d", ""), u.length > 2 && u[2].setAttribute("d", "");
+  e.arrow2.setAttribute("stroke", h.stroke || "rgb(227, 125, 116)"), e.arrow2.setAttribute("stroke-width", String(h.strokeWidth || "2")), e.arrow2.setAttribute("stroke-linecap", h.strokeLinecap || "cap"), h.opacity !== void 0 && h.opacity !== null && h.opacity !== "" ? e.arrow2.setAttribute("opacity", String(h.opacity)) : e.arrow2.removeAttribute("opacity");
+  const { x: v, y: m } = ft(t, n, o, s, i, l, c, r);
+  e.labelEl && fo(e.labelEl, v, m);
+  const y = e.labelEl;
+  y && (y.style.color = h.labelColor || "rgb(235, 95, 82)"), vo(e);
 }
 function V(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, d = r + n.y;
@@ -2150,7 +2142,7 @@ function V(e, t, n) {
     ctrlY: d
   };
 }
-function j(e) {
+function I(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), {
@@ -2159,24 +2151,24 @@ function j(e) {
   };
 }
 const ut = 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, d = r - l, h = Math.sqrt(a * a + d * d), u = Math.max(50, Math.min(200, h * 0.3)), y = Math.abs(a), v = Math.abs(d);
-  let p, g;
+  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, d = r - l, h = Math.sqrt(a * a + d * d), u = Math.max(50, Math.min(200, h * 0.3)), p = Math.abs(a), v = Math.abs(d);
+  let m, y;
   if (h < 150) {
     const x = t.closest("me-main").className === "lhs" ? -1 : 1;
-    p = { x: 200 * x, y: 0 }, g = { x: 200 * x, y: 0 };
-  } else if (y > v * 1.5) {
+    m = { x: 200 * x, y: 0 }, y = { x: 200 * x, y: 0 };
+  } else if (p > 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 };
-  } else if (v > y * 1.5) {
+    m = { x: x + (a > 0 ? u : -u), y: 0 }, y = { x: E + (a > 0 ? -u : u), y: 0 };
+  } else if (v > p * 1.5) {
     const x = d > 0 ? t.offsetHeight / 2 : -t.offsetHeight / 2, E = d > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
-    p = { x: 0, y: x + (d > 0 ? u : -u) }, g = { x: 0, y: E + (d > 0 ? -u : u) };
+    m = { x: 0, y: x + (d > 0 ? u : -u) }, y = { x: 0, y: E + (d > 0 ? -u : u) };
   } else {
     const x = Math.atan2(d, a), E = t.offsetWidth / 2 * Math.cos(x), N = t.offsetHeight / 2 * Math.sin(x), f = -(n.offsetWidth / 2) * Math.cos(x), b = -(n.offsetHeight / 2) * Math.sin(x), w = u * 0.7 * (a > 0 ? 1 : -1), S = u * 0.7 * (d > 0 ? 1 : -1);
-    p = { x: E + w, y: N + S }, g = { x: f - w, y: b - S };
+    m = { x: E + w, y: N + S }, y = { x: f - w, y: b - S };
   }
   return {
-    delta1: { x: Math.round(p.x), y: Math.round(p.y) },
-    delta2: { x: Math.round(g.x), y: Math.round(g.y) }
+    delta1: { x: Math.round(m.x), y: Math.round(m.y) },
+    delta2: { x: Math.round(y.x), y: Math.round(y.y) }
   };
 }, Ne = function(e, t, n, o, s) {
   if (!t || !n)
@@ -2185,16 +2177,16 @@ const ut = function(e, t, n) {
     const C = ut(e, t, n);
     o.delta1 = C.delta1, o.delta2 = C.delta2;
   }
-  const i = V(e, t, o.delta1), l = V(e, n, o.delta2), { x: c, y: r } = j(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: y, y: v } = j(l), p = se(h, u, y, v);
-  if (!p) return;
-  const g = `M ${p.x1} ${p.y1} L ${y} ${v} L ${p.x2} ${p.y2}`;
-  let m = "";
+  const i = V(e, t, o.delta1), l = V(e, n, o.delta2), { x: c, y: r } = I(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: p, y: v } = I(l), m = se(h, u, p, v);
+  if (!m) return;
+  const y = `M ${m.x1} ${m.y1} L ${p} ${v} L ${m.x2} ${m.y2}`;
+  let g = "";
   if (o.bidirectional) {
     const C = se(a, d, c, r);
     if (!C) return;
-    m = `M ${C.x1} ${C.y1} L ${c} ${r} L ${C.x2} ${C.y2}`;
+    g = `M ${C.x1} ${C.y1} L ${c} ${r} L ${C.x2} ${C.y2}`;
   }
-  const x = In(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${y} ${v}`, g, m, o.style), { x: E, y: N } = ft(c, r, a, d, h, u, y, v), f = o.style?.labelColor || "rgb(235, 95, 82)", b = "a-" + o.id;
+  const x = jn(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${p} ${v}`, y, g, o.style), { x: E, y: N } = ft(c, r, a, d, h, u, p, v), f = o.style?.labelColor || "rgb(235, 95, 82)", b = "a-" + o.id;
   x.id = b;
   const w = e.markdown ? e.markdown(o.label, o) : o.label, S = he(w, E, N, {
     anchor: "middle",
@@ -2274,15 +2266,15 @@ const ut = function(e, t, n) {
   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), pt(h, ht);
-  let { x: y, y: v } = j(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: x } = o, { x: E, y: N } = j(o);
-  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${x}px;left:${m}px;`, F(c, y, v, p, g), F(r, m, x, E, N), e.helper1 = Ve.create(i), e.helper2 = Ve.create(l), e.helper1.init(d, (f, b) => {
-    p = p + f / e.scaleVal, g = g + b / e.scaleVal;
-    const w = j({ ...n, ctrlX: p, ctrlY: g });
-    y = w.x, v = w.y, i.style.top = g + "px", i.style.left = p + "px", ue(h, y, v, p, g, m, x, E, N, t), F(c, y, v, p, g), t.delta1.x = Math.round(p - n.cx), t.delta1.y = Math.round(g - n.cy), u.fire("updateArrowDelta", t);
+  let { x: p, y: v } = I(n), { ctrlX: m, ctrlY: y } = n, { ctrlX: g, ctrlY: x } = o, { x: E, y: N } = I(o);
+  i.style.cssText = `top:${y}px;left:${m}px;`, l.style.cssText = `top:${x}px;left:${g}px;`, F(c, p, v, m, y), F(r, g, x, E, N), e.helper1 = Ve.create(i), e.helper2 = Ve.create(l), e.helper1.init(d, (f, b) => {
+    m = m + f / e.scaleVal, y = y + b / e.scaleVal;
+    const w = I({ ...n, ctrlX: m, ctrlY: y });
+    p = w.x, v = w.y, i.style.top = y + "px", i.style.left = m + "px", ue(h, p, v, m, y, g, x, E, N, t), F(c, p, v, m, y), t.delta1.x = Math.round(m - n.cx), t.delta1.y = Math.round(y - n.cy), u.fire("updateArrowDelta", t);
   }), e.helper2.init(d, (f, b) => {
-    m = m + f / e.scaleVal, x = x + b / e.scaleVal;
-    const w = j({ ...o, ctrlX: m, ctrlY: x });
-    E = w.x, N = w.y, l.style.top = x + "px", l.style.left = m + "px", ue(h, y, v, p, g, m, x, E, N, t), F(r, m, x, E, N), t.delta2.x = Math.round(m - o.cx), t.delta2.y = Math.round(x - o.cy), u.fire("updateArrowDelta", t);
+    g = g + f / e.scaleVal, x = x + b / e.scaleVal;
+    const w = I({ ...o, ctrlX: g, ctrlY: x });
+    E = w.x, N = w.y, l.style.top = x + "px", l.style.left = g + "px", ue(h, p, v, m, y, g, x, E, N, t), F(r, g, x, E, N), t.delta2.x = Math.round(g - o.cx), t.delta2.y = Math.round(x - o.cy), u.fire("updateArrowDelta", t);
   });
 };
 function xo() {
@@ -2314,11 +2306,11 @@ const Co = function(e, t) {
     const s = this.findEle(e.from), i = this.findEle(e.to);
     if (s && i) {
       if (!e.delta1 || !e.delta2) {
-        const g = ut(this, s, i);
-        e.delta1 = e.delta1 || g.delta1, e.delta2 = e.delta2 || g.delta2;
+        const y = ut(this, s, i);
+        e.delta1 = e.delta1 || y.delta1, e.delta2 = e.delta2 || y.delta2;
       }
-      const l = V(this, s, e.delta1), c = V(this, i, e.delta2), { x: r, y: a } = j(l), { ctrlX: d, ctrlY: h } = l, { ctrlX: u, ctrlY: y } = c, { x: v, y: p } = j(c);
-      ue(o, r, a, d, h, u, y, v, p, e), this.currentArrow?.arrowObj?.id === e.id && (this.P2.style.cssText = `top:${h}px;left:${d}px;`, this.P3.style.cssText = `top:${y}px;left:${u}px;`, F(this.line1, r, a, d, h), F(this.line2, u, y, v, p));
+      const l = V(this, s, e.delta1), c = V(this, i, e.delta2), { x: r, y: a } = I(l), { ctrlX: d, ctrlY: h } = l, { ctrlX: u, ctrlY: p } = c, { x: v, y: m } = I(c);
+      ue(o, r, a, d, h, u, p, v, m, e), this.currentArrow?.arrowObj?.id === e.id && (this.P2.style.cssText = `top:${h}px;left:${d}px;`, this.P3.style.cssText = `top:${p}px;left:${u}px;`, F(this.line1, r, a, d, h), F(this.line2, u, p, v, m));
     }
   }
   this.bus.fire("operation", {
@@ -2354,8 +2346,8 @@ const Co = function(e, t) {
     let a = r.nodeObj;
     const d = [];
     for (; a.parent; ) {
-      const h = a.parent, y = h.children?.indexOf(a);
-      a = h, d.unshift({ node: a, index: y });
+      const h = a.parent, p = h.children?.indexOf(a);
+      a = h, d.unshift({ node: a, index: p });
     }
     return d.length > t && (t = d.length), d;
   });
@@ -2391,18 +2383,18 @@ const Co = function(e, t) {
   let i;
   return s.parent ? i = o.closest("me-main").className : i = e.findEle(s.children[n].id).closest("me-main").className, i;
 }, Te = function(e, t) {
-  const { id: n, label: o, parent: s, start: i, end: l, style: c } = t, { nodes: r, theme: a, summarySvg: d } = e, u = e.findEle(s).nodeObj, y = _o(e, t);
-  let v = 1 / 0, p = 0, g = 0, m = 0;
+  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, p = _o(e, t);
+  let v = 1 / 0, m = 0, y = 0, g = 0;
   for (let G = i; G <= l; G++) {
     const ke = u.children?.[G];
     if (!ke)
       return e.removeSummary(n), null;
     const J = ko(e.findEle(ke.id)), { offsetLeft: Z, offsetTop: _e } = A(r, J), De = i === l ? 10 : 20;
-    G === i && (g = _e + De), G === l && (m = _e + J.offsetHeight - De), Z < v && (v = Z), J.offsetWidth + Z > p && (p = J.offsetWidth + Z);
+    G === i && (y = _e + De), G === l && (g = _e + J.offsetHeight - De), Z < v && (v = Z), J.offsetWidth + Z > m && (m = J.offsetWidth + Z);
   }
   let x, E;
-  const N = u.parent ? 10 : 0, f = g + N, b = m + N, w = (f + b) / 2, S = c?.stroke || a.cssVar["--color"], C = c?.labelColor || a.cssVar["--color"], T = "s-" + n, D = e.markdown ? e.markdown(o, t) : o;
-  y === $.LHS ? (x = ze(`M ${v + 10} ${f} c -5 0 -10 5 -10 10 L ${v} ${b - 10} c 0 5 5 10 10 10 M ${v} ${w} h -10`, S), E = he(D, v - 20, w, { anchor: "end", color: C, dataType: "summary", svgId: T })) : (x = ze(`M ${p - 10} ${f} c 5 0 10 5 10 10 L ${p} ${b - 10} c 0 5 -5 10 -10 10 M ${p} ${w} h 10`, S), E = he(D, p + 20, w, { anchor: "start", color: C, dataType: "summary", svgId: T }));
+  const N = u.parent ? 10 : 0, f = y + N, b = g + N, w = (f + b) / 2, S = c?.stroke || a.cssVar["--color"], C = c?.labelColor || a.cssVar["--color"], T = "s-" + n, D = e.markdown ? e.markdown(o, t) : o;
+  p === $.LHS ? (x = ze(`M ${v + 10} ${f} c -5 0 -10 5 -10 10 L ${v} ${b - 10} c 0 5 5 10 10 10 M ${v} ${w} h -10`, S), E = he(D, v - 20, w, { anchor: "end", color: C, dataType: "summary", svgId: T })) : (x = ze(`M ${m - 10} ${f} c 5 0 10 5 10 10 L ${m} ${b - 10} c 0 5 -5 10 -10 10 M ${m} ${w} h 10`, S), E = he(D, m + 20, w, { anchor: "start", color: C, dataType: "summary", svgId: T }));
   const L = To(T);
   return L.appendChild(x), e.labelContainer.appendChild(E), le(E), L.summaryObj = t, L.labelEl = E, d.appendChild(L), L;
 }, Do = function(e = {}) {
@@ -2448,7 +2440,7 @@ const Co = function(e, t) {
   selectSummary: Mo,
   unselectSummary: Po
 }, Symbol.toStringTag, { value: "Module" })), _ = "http://www.w3.org/2000/svg";
-function jo(e, t) {
+function Io(e, t) {
   const n = document.createElementNS(_, "svg");
   return k(n, {
     version: "1.1",
@@ -2457,7 +2449,7 @@ function jo(e, t) {
     width: t
   }), n;
 }
-function Io(e, t) {
+function jo(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Ro(e, t, n, o) {
@@ -2468,7 +2460,7 @@ function Ro(e, t, n, o) {
     const a = document.createElementNS(_, "text");
     k(a, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Io(t.lineHeight, t.fontSize) * (r + 1) + parseFloat(t.fontSize) * (r + 1) + "",
+      y: o + parseInt(t.paddingTop) + jo(t.lineHeight, t.fontSize) * (r + 1) + parseFloat(t.fontSize) * (r + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -2548,7 +2540,7 @@ function Xo(e, t) {
   }), i;
 }
 const te = 100, Fo = '<?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">', Ko = (e, t = !1) => {
-  const n = e.nodes, o = n.offsetHeight + te * 2, s = n.offsetWidth + te * 2, i = jo(o + "px", s + "px"), l = document.createElementNS(_, "svg"), c = document.createElementNS(_, "rect");
+  const n = e.nodes, o = n.offsetHeight + te * 2, s = n.offsetWidth + te * 2, i = Io(o + "px", s + "px"), l = document.createElementNS(_, "svg"), c = document.createElementNS(_, "rect");
   k(c, {
     x: "0",
     y: "0",
@@ -2556,8 +2548,8 @@ const te = 100, Fo = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
   }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((h) => {
-    const u = h.cloneNode(!0), { offsetLeft: y, offsetTop: v } = A(n, h.parentElement);
-    u.setAttribute("x", `${y}`), u.setAttribute("y", `${v}`), l.appendChild(u);
+    const u = h.cloneNode(!0), { offsetLeft: p, offsetTop: v } = A(n, h.parentElement);
+    u.setAttribute("x", `${p}`), u.setAttribute("y", `${v}`), l.appendChild(u);
   });
   const r = n.querySelector(".lines")?.cloneNode(!0);
   r && l.appendChild(r);
@@ -2650,7 +2642,7 @@ const Zo = {
   enableMobileMultiSelect(e) {
     this.mobileMultiSelect = e;
   }
-}, Qo = "5.14.0-beta.0";
+}, Qo = "5.14.0-beta.1";
 function es(e) {
   return {
     x: 0,
@@ -2692,11 +2684,11 @@ function P({
   allowUndo: d,
   generateMainBranch: h,
   generateSubBranch: u,
-  overflowHidden: y,
+  overflowHidden: p,
   compact: v,
-  theme: p,
-  alignment: g,
-  scaleSensitivity: m,
+  theme: m,
+  alignment: y,
+  scaleSensitivity: g,
   scaleMax: x,
   scaleMin: E,
   handleWheel: N,
@@ -2708,11 +2700,11 @@ function P({
   let C = null;
   const T = Object.prototype.toString.call(e);
   if (T === "[object HTMLDivElement]" ? C = e : T === "[object String]" && (C = document.querySelector(e)), !C) throw new Error("MindElixir: el is not a valid element");
-  C.style.position = "relative", C.innerHTML = "", this.el = C, 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 = m ?? 0.1, this.scaleMax = x ?? 1.4, this.scaleMin = E ?? 0.2, this.generateMainBranch = h || at, this.generateSubBranch = u || dt, this.overflowHidden = y ?? !1, this.compact = v ?? !1, this.alignment = g ?? "root", this.handleWheel = N ?? !0, this.markdown = f || void 0, this.imageProxy = b || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = S ?? !1, this.panHelper = es(this), this.bus = jn(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
+  C.style.position = "relative", C.innerHTML = "", this.el = C, 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 = x ?? 1.4, this.scaleMin = E ?? 0.2, this.generateMainBranch = h || at, this.generateSubBranch = u || dt, this.overflowHidden = p ?? !1, this.compact = v ?? !1, this.alignment = y ?? "root", this.handleWheel = N ?? !0, this.markdown = f || void 0, this.imageProxy = b || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = S ?? !1, this.panHelper = es(this), this.bus = In(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
   const D = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = p || (D.matches ? ge : pe);
+  this.theme = m || (D.matches ? ge : pe);
   const L = document.createElement("div");
-  L.className = "map-canvas", this.map = L, 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 = Ie(), this.line2 = Ie(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.arrowSvg = 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(Hn(this)), w && (this.pasteHandler = w);
+  L.className = "map-canvas", this.map = L, 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.arrowSvg = 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(Hn(this)), w && (this.pasteHandler = w);
 }
 P.prototype = Zo;
 Object.defineProperty(P.prototype, "currentNode", {