mind-elixir 5.12.2-beta.2 → 5.12.2-beta.3

package/dist/MindElixirLite.js

@@ -1,4 +1,4 @@
-const Wn = 0, Yn = 1, Rn = 2, Y = {
+const Wn = 0, Yn = 1, Rn = 2, G = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -85,11 +85,11 @@ function q(t, e, n, o) {
     y2: o + Math.sin(d) * l
   };
 }
-function R() {
+function Y() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substring(2)).substring(2, 18);
 }
 const Ot = function() {
-  const t = R();
+  const t = Y();
   return {
     topic: this.newTopicName,
     id: t
@@ -105,7 +105,7 @@ const Ot = function() {
 }, Z = (t) => t ? t.tagName === "ME-TPC" : !1, ot = (t) => {
   const e = /translate3d\(([^,]+),\s*([^,]+)/, n = t.match(e);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
-}, bt = function(t) {
+}, vt = function(t) {
   for (let e = 0; e < t.length; e++) {
     const { dom: n, evt: o, func: s } = t[e];
     n.addEventListener(o, s);
@@ -177,11 +177,11 @@ function ft(t, e, n, o = !1) {
   if (e.startX = n.clientX, e.startY = n.clientY, e.pointerId = n.pointerId, t.dragged = t.currentNodes, o) {
     xt(t, e);
     const i = t.container.getBoundingClientRect();
-    vt(e.ghost, n.clientX - i.x, n.clientY - i.y);
+    bt(e.ghost, n.clientX - i.x, n.clientY - i.y);
   }
   return !0;
 }
-function vt(t, e, n) {
+function bt(t, e, n) {
   t.style.transform = `translate(${e - 10}px, ${n - 10}px)`, t.style.display = "block";
 }
 function xt(t, e) {
@@ -199,7 +199,7 @@ function Vt(t, e, n) {
   const s = n.clientX - e.startX, i = n.clientY - e.startY, r = Math.sqrt(s * s + i * i);
   if (!e.isDragging && r > Xt && xt(t, e), !e.isDragging) return;
   const c = t.container.getBoundingClientRect();
-  vt(e.ghost, n.clientX - c.x, n.clientY - c.y), n.clientX < c.x + 50 ? e.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? e.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? e.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? e.edgeMoveController.move(0, -1) : e.edgeMoveController.stop(), U(e.meet);
+  bt(e.ghost, n.clientX - c.x, n.clientY - c.y), n.clientX < c.x + 50 ? e.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? e.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? e.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? e.edgeMoveController.move(0, -1) : e.edgeMoveController.stop(), U(e.meet);
   const l = 12 * t.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - l);
   if (dt(a, o)) {
     e.meet = a;
@@ -465,9 +465,9 @@ const ee = function(t, e = !1) {
   this.direction = 0, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
 }, we = function() {
   this.direction = 1, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
-}, be = function() {
+}, ve = function() {
   this.direction = 2, this.refresh(), this.toCenter(), this.bus.fire("changeDirection", this.direction);
-}, ve = function(t, e) {
+}, be = function(t, e) {
   const n = t.nodeObj;
   typeof e == "boolean" ? n.expanded = e : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
   const o = t.getBoundingClientRect(), s = {
@@ -506,14 +506,14 @@ const ee = function(t, e = !1) {
   clearSelection: ie,
   disableEdit: ae,
   enableEdit: le,
-  expandNode: ve,
+  expandNode: be,
   expandNodeAll: xe,
   focusNode: ge,
   getData: ce,
   getDataString: re,
   initLeft: ye,
   initRight: we,
-  initSide: be,
+  initSide: ve,
   install: pe,
   move: fe,
   refresh: Ce,
@@ -710,25 +710,25 @@ function ke(t) {
       const m = h.target;
       Z(m) && !m.classList.contains("selected") && t.selectNode(m), t.bus.fire("showContextMenu", h);
     }, 200);
-  }, v = (h) => {
+  }, b = (h) => {
     if (h.stopPropagation(), h.preventDefault(), h.ctrlKey || h.metaKey) return Pe(t, h);
     if (h.shiftKey) return t.move(-h.deltaY, 0);
     t.move(-h.deltaX, -h.deltaY);
-  }, b = (h) => {
+  }, v = (h) => {
     h.code === "Space" && (t.spacePressed = !0, t.container.classList.add("space-pressed"));
   }, C = (h) => {
     h.code === "Space" && (t.spacePressed = !1, t.container.classList.remove("space-pressed"));
   };
-  return bt([
+  return vt([
     { dom: n, evt: "pointerdown", func: p },
     { dom: n, evt: "pointermove", func: w },
     { dom: n, evt: "pointerup", func: y },
     { dom: n, evt: "pointercancel", func: u },
     { dom: n, evt: "click", func: f },
     { dom: n, evt: "contextmenu", func: g },
-    { dom: n, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : v },
+    { dom: n, evt: "wheel", func: typeof t.handleWheel == "function" ? t.handleWheel : b },
     { dom: n, evt: "blur", func: u },
-    { dom: n, evt: "keydown", func: b },
+    { dom: n, evt: "keydown", func: v },
     { dom: n, evt: "keyup", func: C }
   ]);
 }
@@ -842,11 +842,11 @@ const k = "http://www.w3.org/2000/svg", K = function(t) {
   const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, s = e.offsetWidth, i = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < r.length; c++) {
-    const l = r[c], a = l.querySelector("me-tpc"), { offsetLeft: f, offsetTop: d } = P(this.nodes, a), p = a.offsetWidth, w = a.offsetHeight, y = l.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: d, cL: f, cW: p, cH: w, direction: y, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, v = a.nodeObj.branchColor || g[c % g.length];
-    if (a.style.borderColor = v, this.lines.appendChild(Dt(u, v, "3")), t && t !== l)
+    const l = r[c], a = l.querySelector("me-tpc"), { offsetLeft: f, offsetTop: d } = P(this.nodes, a), p = a.offsetWidth, w = a.offsetHeight, y = l.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: d, cL: f, cW: p, cH: w, direction: y, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, b = a.nodeObj.branchColor || g[c % g.length];
+    if (a.style.borderColor = b, this.lines.appendChild(Dt(u, b, "3")), t && t !== l)
       continue;
-    const b = W("subLines"), C = l.lastChild;
-    C.tagName === "svg" && C.remove(), l.appendChild(b), Mt(this, b, v, l, y, !0);
+    const v = W("subLines"), C = l.lastChild;
+    C.tagName === "svg" && C.remove(), l.appendChild(v), Mt(this, v, b, l, y, !0);
   }
   this.labelContainer.innerHTML = "", this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, Mt = function(t, e, n, o, s, i) {
@@ -854,7 +854,7 @@ const k = "http://www.w3.org/2000/svg", K = function(t) {
   if (c.length === 0) return;
   const l = r.offsetTop, a = r.offsetLeft, f = r.offsetWidth, d = r.offsetHeight;
   for (let p = 0; p < c.length; p++) {
-    const w = c[p], y = w.firstChild, u = y.offsetTop, g = y.offsetLeft, v = y.offsetWidth, b = y.offsetHeight, C = y.firstChild.nodeObj.branchColor || n, T = t.generateSubBranch({ pT: l, pL: a, pW: f, pH: d, cT: u, cL: g, cW: v, cH: b, direction: s, isFirst: i });
+    const w = c[p], y = w.firstChild, u = y.offsetTop, g = y.offsetLeft, b = y.offsetWidth, v = y.offsetHeight, C = y.firstChild.nodeObj.branchColor || n, T = t.generateSubBranch({ pT: l, pL: a, pW: f, pH: d, cT: u, cL: g, cW: b, cH: v, direction: s, isFirst: i });
     e.appendChild(Dt(T, C, "2"));
     const h = y.children[1];
     if (h) {
@@ -930,27 +930,22 @@ function kt({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction:
   a ? d = t + o / 2 : d = t + o;
   const w = s + c;
   let y = 0, u = 0, g = 0;
-  const v = Math.abs(d - w) / 300 * f;
-  return l === O.LHS ? (g = e, y = g + f, u = g - f, p = i + f, `M ${y} ${d} C ${g} ${d} ${g + v} ${w} ${u} ${w} H ${p}`) : (g = e + n, y = g - f, u = g + f, p = i + r - f, `M ${y} ${d} C ${g} ${d} ${g - v} ${w} ${u} ${w} H ${p}`);
+  const b = Math.abs(d - w) / 300 * f;
+  return l === O.LHS ? (g = e, y = g + f, u = g - f, p = i + f, `M ${y} ${d} C ${g} ${d} ${g + b} ${w} ${u} ${w} H ${p}`) : (g = e + n, y = g - f, u = g + f, p = i + r - f, `M ${y} ${d} C ${g} ${d} ${g - b} ${w} ${u} ${w} H ${p}`);
 }
 const Ge = function(t, e = !0) {
+  const n = this.theme || G, s = (t.type || n.type) === "dark" ? et : G;
   this.theme = {
-    ...this.theme || Y,
+    ...n,
     ...t,
-    cssVar: {
-      ...this.theme?.cssVar || Y.cssVar,
-      ...t.cssVar || {}
-    }
+    cssVar: t.cssVar ? { ...n.cssVar, ...t.cssVar } : { ...s.cssVar }
   }, this.generateMainBranch = this.theme.generateMainBranch || Pt, this.generateSubBranch = this.theme.generateSubBranch || kt;
-  const o = {
-    ...(this.theme.type === "dark" ? et : Y).cssVar,
-    ...this.theme.cssVar
-  };
-  this.compact && (o["--node-gap-x"] = "15px", o["--node-gap-y"] = "2px", o["--main-gap-x"] = "30px", o["--main-gap-y"] = "6px");
-  const s = Object.keys(o);
-  for (let i = 0; i < s.length; i++) {
-    const r = s[i];
-    this.container.style.setProperty(r, o[r]);
+  const i = { ...this.theme.cssVar };
+  this.compact && (i["--node-gap-x"] = "15px", i["--node-gap-y"] = "2px", i["--main-gap-x"] = "30px", i["--main-gap-y"] = "6px");
+  const r = Object.keys(i);
+  for (let c = 0; c < r.length; c++) {
+    const l = r[c];
+    this.container.style.setProperty(l, i[l]);
   }
   e && this.refresh();
 }, _e = function(t) {
@@ -978,7 +973,7 @@ const Ge = function(t, e = !0) {
     },
     cb: null,
     init(e, n) {
-      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = bt([
+      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = vt([
         { dom: e, evt: "pointermove", func: this.handlePointerMove },
         { dom: e, evt: "pointerleave", func: this.handleClear },
         { dom: e, evt: "pointerup", func: this.handleClear },
@@ -1002,7 +997,7 @@ function At(t, e, n, o, s, i, r, c) {
 function je(t, e, n) {
   t && (t.dataset.x = e.toString(), t.dataset.y = n.toString(), K(t));
 }
-function z(t, e, n, o, s) {
+function V(t, e, n, o, s) {
   D(t, {
     x1: e + "",
     y1: n + "",
@@ -1031,8 +1026,8 @@ function mt(t, e, n, o, s, i, r, c, l, a) {
     if (u) {
       const g = `M ${u.x1} ${u.y1} L ${e} ${n} L ${u.x2} ${u.y2}`;
       if (t.arrow2.setAttribute("d", g), d.length > 2 && d[2].setAttribute("d", g), a.style) {
-        const v = a.style;
-        v.stroke && t.arrow2.setAttribute("stroke", v.stroke), v.strokeWidth && t.arrow2.setAttribute("stroke-width", String(v.strokeWidth)), v.strokeLinecap && t.arrow2.setAttribute("stroke-linecap", v.strokeLinecap), v.opacity !== void 0 && t.arrow2.setAttribute("opacity", String(v.opacity));
+        const b = a.style;
+        b.stroke && t.arrow2.setAttribute("stroke", b.stroke), b.strokeWidth && t.arrow2.setAttribute("stroke-width", String(b.strokeWidth)), b.strokeLinecap && t.arrow2.setAttribute("stroke-linecap", b.strokeLinecap), b.opacity !== void 0 && t.arrow2.setAttribute("opacity", String(b.opacity));
       }
     }
   }
@@ -1066,16 +1061,16 @@ const Ue = function(t, e, n) {
   const o = P(t.nodes, e), s = P(t.nodes, n), i = o.offsetLeft + e.offsetWidth / 2, r = o.offsetTop + e.offsetHeight / 2, c = s.offsetLeft + n.offsetWidth / 2, l = s.offsetTop + n.offsetHeight / 2, a = c - i, f = l - r, d = Math.sqrt(a * a + f * f), p = Math.max(50, Math.min(200, d * 0.3)), w = Math.abs(a), y = Math.abs(f);
   let u, g;
   if (d < 150) {
-    const b = e.closest("me-main").className === "lhs" ? -1 : 1;
-    u = { x: 200 * b, y: 0 }, g = { x: 200 * b, y: 0 };
+    const v = e.closest("me-main").className === "lhs" ? -1 : 1;
+    u = { x: 200 * v, y: 0 }, g = { x: 200 * v, y: 0 };
   } else if (w > y * 1.5) {
-    const b = a > 0 ? e.offsetWidth / 2 : -e.offsetWidth / 2, C = a > 0 ? -n.offsetWidth / 2 : n.offsetWidth / 2;
-    u = { x: b + (a > 0 ? p : -p), y: 0 }, g = { x: C + (a > 0 ? -p : p), y: 0 };
+    const v = a > 0 ? e.offsetWidth / 2 : -e.offsetWidth / 2, C = a > 0 ? -n.offsetWidth / 2 : n.offsetWidth / 2;
+    u = { x: v + (a > 0 ? p : -p), y: 0 }, g = { x: C + (a > 0 ? -p : p), y: 0 };
   } else if (y > w * 1.5) {
-    const b = f > 0 ? e.offsetHeight / 2 : -e.offsetHeight / 2, C = f > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
-    u = { x: 0, y: b + (f > 0 ? p : -p) }, g = { x: 0, y: C + (f > 0 ? -p : p) };
+    const v = f > 0 ? e.offsetHeight / 2 : -e.offsetHeight / 2, C = f > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
+    u = { x: 0, y: v + (f > 0 ? p : -p) }, g = { x: 0, y: C + (f > 0 ? -p : p) };
   } else {
-    const b = Math.atan2(f, a), C = e.offsetWidth / 2 * Math.cos(b), T = e.offsetHeight / 2 * Math.sin(b), h = -(n.offsetWidth / 2) * Math.cos(b), m = -(n.offsetHeight / 2) * Math.sin(b), x = p * 0.7 * (a > 0 ? 1 : -1), E = p * 0.7 * (f > 0 ? 1 : -1);
+    const v = Math.atan2(f, a), C = e.offsetWidth / 2 * Math.cos(v), T = e.offsetHeight / 2 * Math.sin(v), h = -(n.offsetWidth / 2) * Math.cos(v), m = -(n.offsetHeight / 2) * Math.sin(v), x = p * 0.7 * (a > 0 ? 1 : -1), E = p * 0.7 * (f > 0 ? 1 : -1);
     u = { x: C + x, y: T + E }, g = { x: h - x, y: m - E };
   }
   return {
@@ -1092,24 +1087,24 @@ const Ue = function(t, e, n) {
   const i = j(t, e, o.delta1), r = j(t, n, o.delta2), { x: c, y: l } = I(i), { ctrlX: a, ctrlY: f } = i, { ctrlX: d, ctrlY: p } = r, { x: w, y } = I(r), u = q(d, p, w, y);
   if (!u) return;
   const g = `M ${u.x1} ${u.y1} L ${w} ${y} L ${u.x2} ${u.y2}`;
-  let v = "";
+  let b = "";
   if (o.bidirectional) {
     const S = q(a, f, c, l);
     if (!S) return;
-    v = `M ${S.x1} ${S.y1} L ${c} ${l} L ${S.x2} ${S.y2}`;
+    b = `M ${S.x1} ${S.y1} L ${c} ${l} L ${S.x2} ${S.y2}`;
   }
-  const b = Ae(`M ${c} ${l} C ${a} ${f} ${d} ${p} ${w} ${y}`, g, v, o.style), { x: C, y: T } = At(c, l, a, f, d, p, w, y), h = o.style?.labelColor || "rgb(235, 95, 82)", m = "a-" + o.id;
-  b.id = m;
+  const v = Ae(`M ${c} ${l} C ${a} ${f} ${d} ${p} ${w} ${y}`, g, b, o.style), { x: C, y: T } = At(c, l, a, f, d, p, w, y), h = o.style?.labelColor || "rgb(235, 95, 82)", m = "a-" + o.id;
+  v.id = m;
   const x = t.markdown ? t.markdown(o.label, o) : o.label, E = tt(x, C, T, {
     anchor: "middle",
     color: h,
     dataType: "arrow",
     svgId: m
   });
-  b.labelEl = E, b.arrowObj = o, b.dataset.linkid = o.id, t.labelContainer.appendChild(E), t.arrowSvg.appendChild(b), K(E), s || (t.arrows.push(o), t.currentArrow = b, Ht(t, o, i, r));
+  v.labelEl = E, v.arrowObj = o, v.dataset.linkid = o.id, t.labelContainer.appendChild(E), t.arrowSvg.appendChild(v), K(E), s || (t.arrows.push(o), t.currentArrow = v, Ht(t, o, i, r));
 }, Ke = function(t, e, n = {}) {
   const o = {
-    id: R(),
+    id: Y(),
     label: "Custom Link",
     from: t.nodeObj.id,
     to: e.nodeObj.id,
@@ -1121,7 +1116,7 @@ const Ue = function(t, e, n) {
   });
 }, Je = function(t) {
   J(this);
-  const e = { ...t, id: R() };
+  const e = { ...t, id: Y() };
   it(this, this.findEle(e.from), this.findEle(e.to), e), this.bus.fire("operation", {
     name: "createArrow",
     obj: e
@@ -1178,15 +1173,15 @@ const Ue = function(t, e, n) {
   const { linkController: s, P2: i, P3: r, line1: c, line2: l, nodes: a, map: f, currentArrow: d, bus: p } = t;
   if (!d) return;
   s.style.display = "initial", i.style.display = "initial", r.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(r), $t(d, Nt);
-  let { x: w, y } = I(n), { ctrlX: u, ctrlY: g } = n, { ctrlX: v, ctrlY: b } = o, { x: C, y: T } = I(o);
-  i.style.cssText = `top:${g}px;left:${u}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, z(c, w, y, u, g), z(l, v, b, C, T), t.helper1 = gt.create(i), t.helper2 = gt.create(r), t.helper1.init(f, (h, m) => {
+  let { x: w, y } = I(n), { ctrlX: u, ctrlY: g } = n, { ctrlX: b, ctrlY: v } = o, { x: C, y: T } = I(o);
+  i.style.cssText = `top:${g}px;left:${u}px;`, r.style.cssText = `top:${v}px;left:${b}px;`, V(c, w, y, u, g), V(l, b, v, C, T), t.helper1 = gt.create(i), t.helper2 = gt.create(r), t.helper1.init(f, (h, m) => {
     u = u + h / t.scaleVal, g = g + m / t.scaleVal;
     const x = I({ ...n, ctrlX: u, ctrlY: g });
-    w = x.x, y = x.y, i.style.top = g + "px", i.style.left = u + "px", mt(d, w, y, u, g, v, b, C, T, e), z(c, w, y, u, g), e.delta1.x = Math.round(u - n.cx), e.delta1.y = Math.round(g - n.cy), p.fire("updateArrowDelta", e);
+    w = x.x, y = x.y, i.style.top = g + "px", i.style.left = u + "px", mt(d, w, y, u, g, b, v, C, T, e), V(c, w, y, u, g), e.delta1.x = Math.round(u - n.cx), e.delta1.y = Math.round(g - n.cy), p.fire("updateArrowDelta", e);
   }), t.helper2.init(f, (h, m) => {
-    v = v + h / t.scaleVal, b = b + m / t.scaleVal;
-    const x = I({ ...o, ctrlX: v, ctrlY: b });
-    C = x.x, T = x.y, r.style.top = b + "px", r.style.left = v + "px", mt(d, w, y, u, g, v, b, C, T, e), z(l, v, b, C, T), e.delta2.x = Math.round(v - o.cx), e.delta2.y = Math.round(b - o.cy), p.fire("updateArrowDelta", e);
+    b = b + h / t.scaleVal, v = v + m / t.scaleVal;
+    const x = I({ ...o, ctrlX: b, ctrlY: v });
+    C = x.x, T = x.y, r.style.top = v + "px", r.style.left = b + "px", mt(d, w, y, u, g, b, v, C, T, e), V(l, b, v, C, T), e.delta2.x = Math.round(b - o.cx), e.delta2.y = Math.round(v - o.cy), p.fire("updateArrowDelta", e);
   });
 };
 function on() {
@@ -1271,28 +1266,28 @@ const cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return s.parent ? i = o.closest("me-main").className : i = t.findEle(s.children[n].id).closest("me-main").className, i;
 }, rt = function(t, e) {
   const { id: n, label: o, parent: s, start: i, end: r, style: c } = e, { nodes: l, theme: a, summarySvg: f } = t, p = t.findEle(s).nodeObj, w = dn(t, e);
-  let y = 1 / 0, u = 0, g = 0, v = 0;
+  let y = 1 / 0, u = 0, g = 0, b = 0;
   for (let B = i; B <= r; B++) {
     const ct = p.children?.[B];
     if (!ct)
       return t.removeSummary(n), null;
-    const X = hn(t.findEle(ct.id)), { offsetLeft: V, offsetTop: lt } = P(l, X), at = i === r ? 10 : 20;
-    B === i && (g = lt + at), B === r && (v = lt + X.offsetHeight - at), V < y && (y = V), X.offsetWidth + V > u && (u = X.offsetWidth + V);
+    const R = hn(t.findEle(ct.id)), { offsetLeft: X, offsetTop: lt } = P(l, R), at = i === r ? 10 : 20;
+    B === i && (g = lt + at), B === r && (b = lt + R.offsetHeight - at), X < y && (y = X), R.offsetWidth + X > u && (u = R.offsetWidth + X);
   }
-  let b, C;
-  const T = p.parent ? 10 : 0, h = g + T, m = v + T, x = (h + m) / 2, E = c?.stroke || a.cssVar["--color"], S = c?.labelColor || a.cssVar["--color"], M = "s-" + n, N = t.markdown ? t.markdown(o, e) : o;
-  w === O.LHS ? (b = yt(`M ${y + 10} ${h} c -5 0 -10 5 -10 10 L ${y} ${m - 10} c 0 5 5 10 10 10 M ${y} ${x} h -10`, E), C = tt(N, y - 20, x, { anchor: "end", color: S, dataType: "summary", svgId: M })) : (b = yt(`M ${u - 10} ${h} c 5 0 10 5 10 10 L ${u} ${m - 10} c 0 5 -5 10 -10 10 M ${u} ${x} h 10`, E), C = tt(N, u + 20, x, { anchor: "start", color: S, dataType: "summary", svgId: M }));
+  let v, C;
+  const T = p.parent ? 10 : 0, h = g + T, m = b + T, x = (h + m) / 2, E = c?.stroke || a.cssVar["--color"], S = c?.labelColor || a.cssVar["--color"], M = "s-" + n, N = t.markdown ? t.markdown(o, e) : o;
+  w === O.LHS ? (v = yt(`M ${y + 10} ${h} c -5 0 -10 5 -10 10 L ${y} ${m - 10} c 0 5 5 10 10 10 M ${y} ${x} h -10`, E), C = tt(N, y - 20, x, { anchor: "end", color: S, dataType: "summary", svgId: M })) : (v = yt(`M ${u - 10} ${h} c 5 0 10 5 10 10 L ${u} ${m - 10} c 0 5 -5 10 -10 10 M ${u} ${x} h 10`, E), C = tt(N, u + 20, x, { anchor: "start", color: S, dataType: "summary", svgId: M }));
   const $ = an(M);
-  return $.appendChild(b), t.labelContainer.appendChild(C), K(C), $.summaryObj = e, $.labelEl = C, f.appendChild($), $;
+  return $.appendChild(v), t.labelContainer.appendChild(C), K(C), $.summaryObj = e, $.labelEl = C, f.appendChild($), $;
 }, fn = function(t = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: e, summaries: n, bus: o } = this, { parent: s, start: i, end: r } = ln(e), c = { id: R(), parent: s, start: i, end: r, label: "summary", style: t.style }, l = rt(this, c);
+  const { currentNodes: e, summaries: n, bus: o } = this, { parent: s, start: i, end: r } = ln(e), c = { id: Y(), parent: s, start: i, end: r, label: "summary", style: t.style }, l = rt(this, c);
   n.push(c), this.editSummary(l), o.fire("operation", {
     name: "createSummary",
     obj: c
   });
 }, un = function(t) {
-  const e = R(), n = { ...t, id: e };
+  const e = Y(), n = { ...t, id: e };
   rt(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
@@ -1317,7 +1312,7 @@ const cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
 }, wn = function(t) {
   t && t.labelEl && Lt(this, t.labelEl, t.summaryObj);
-}, bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createSummary: fn,
   createSummaryFrom: un,
@@ -1327,7 +1322,7 @@ const cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   selectSummary: gn,
   unselectSummary: mn
 }, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
-function vn(t, e) {
+function bn(t, e) {
   const n = document.createElementNS(L, "svg");
   return D(n, {
     version: "1.1",
@@ -1386,7 +1381,7 @@ function En(t, e) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function F(t, e, n = !1) {
+function z(t, e, n = !1) {
   const o = getComputedStyle(e), { offsetLeft: s, offsetTop: i } = P(t.nodes, e), r = document.createElementNS(L, "rect");
   D(r, {
     x: s + "",
@@ -1426,8 +1421,8 @@ function Dn(t, e) {
     href: e.src
   }), i;
 }
-const G = 100, Ln = '<?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">', Mn = (t, e = !1) => {
-  const n = t.nodes, o = n.offsetHeight + G * 2, s = n.offsetWidth + G * 2, i = vn(o + "px", s + "px"), r = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
+const F = 100, Ln = '<?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">', Mn = (t, e = !1) => {
+  const n = t.nodes, o = n.offsetHeight + F * 2, s = n.offsetWidth + F * 2, i = bn(o + "px", s + "px"), r = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
   D(c, {
     x: "0",
     y: "0",
@@ -1444,18 +1439,18 @@ const G = 100, Ln = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
   a && r.appendChild(a);
   const f = n.querySelector(".summary")?.cloneNode(!0);
   return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((d) => {
-    d.nodeObj.dangerouslySetInnerHTML ? r.appendChild(F(t, d, !e)) : (r.appendChild(En(t, d)), r.appendChild(F(t, d.text, !e)));
+    d.nodeObj.dangerouslySetInnerHTML ? r.appendChild(z(t, d, !e)) : (r.appendChild(En(t, d)), r.appendChild(z(t, d.text, !e)));
   }), n.querySelectorAll(".tags > span").forEach((d) => {
-    r.appendChild(F(t, d));
+    r.appendChild(z(t, d));
   }), n.querySelectorAll(".icons > span").forEach((d) => {
-    r.appendChild(F(t, d));
+    r.appendChild(z(t, d));
   }), n.querySelectorAll(".hyper-link").forEach((d) => {
     r.appendChild(Tn(t, d));
   }), n.querySelectorAll("img").forEach((d) => {
     r.appendChild(Dn(t, d));
   }), D(r, {
-    x: G + "",
-    y: G + "",
+    x: F + "",
+    y: F + "",
     overflow: "visible"
   }), i.appendChild(r), i;
 }, Pn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), Ln + t.outerHTML);
@@ -1501,7 +1496,7 @@ const Nn = function(t = !1, e) {
   ...Se,
   ...Hn,
   ...cn,
-  ...bn,
+  ...vn,
   ...$n,
   init(t) {
     if (t = JSON.parse(JSON.stringify(t)), !t || !t.nodeData) return new Error("MindElixir: `data` is required");
@@ -1517,7 +1512,7 @@ const Nn = function(t = !1, e) {
   enableMobileMultiSelect(t) {
     this.mobileMultiSelect = t;
   }
-}, On = "5.12.2-beta.2";
+}, On = "5.12.2-beta.3";
 function Bn(t) {
   return {
     x: 0,
@@ -1563,8 +1558,8 @@ function A({
   compact: y,
   theme: u,
   alignment: g,
-  scaleSensitivity: v,
-  scaleMax: b,
+  scaleSensitivity: b,
+  scaleMax: v,
   scaleMin: C,
   handleWheel: T,
   markdown: h,
@@ -1575,9 +1570,9 @@ function A({
   let S = null;
   const M = Object.prototype.toString.call(t);
   if (M === "[object HTMLDivElement]" ? S = t : M === "[object String]" && (S = document.querySelector(t)), !S) throw new Error("MindElixir: el is not a valid element");
-  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = l || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = r ?? 0, this.direction = e ?? 1, this.editable = n ?? !0, this.allowUndo = f ?? !0, this.scaleSensitivity = v ?? 0.1, this.scaleMax = b ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = d || Pt, this.generateSubBranch = p || kt, this.overflowHidden = w ?? !1, this.compact = y ?? !1, this.alignment = g ?? "root", this.handleWheel = T ?? !0, this.markdown = h || void 0, this.imageProxy = m || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = E ?? !1, this.panHelper = Bn(this), this.bus = Ne(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
+  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = l || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = r ?? 0, this.direction = e ?? 1, this.editable = n ?? !0, this.allowUndo = f ?? !0, this.scaleSensitivity = b ?? 0.1, this.scaleMax = v ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = d || Pt, this.generateSubBranch = p || kt, this.overflowHidden = w ?? !1, this.compact = y ?? !1, this.alignment = g ?? "root", this.handleWheel = T ?? !0, this.markdown = h || void 0, this.imageProxy = m || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = E ?? !1, this.panHelper = Bn(this), this.bus = Ne(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
   const N = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = u || (N.matches ? et : Y);
+  this.theme = u || (N.matches ? et : G);
   const $ = document.createElement("div");
   $.className = "map-canvas", this.map = $, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = document.createElement("me-nodes"), this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("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 = pt(), this.line2 = pt(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.arrowSvg = W("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(ke(this)), x && (this.pasteHandler = x);
 }
@@ -1591,7 +1586,7 @@ Object.defineProperty(A.prototype, "currentNode", {
 A.LEFT = 0;
 A.RIGHT = 1;
 A.SIDE = 2;
-A.THEME = Y;
+A.THEME = G;
 A.DARK_THEME = et;
 A.version = On;
 A.E = Ct;
@@ -1600,6 +1595,6 @@ export {
   Wn as LEFT,
   Yn as RIGHT,
   Rn as SIDE,
-  Y as THEME,
+  G as THEME,
   A as default
 };

package/package.json

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