mind-elixir 5.11.3 → 5.12.0

package/dist/MindElixirLite.js

@@ -1,4 +1,4 @@
-const Bn = 0, Wn = 1, Yn = 2, tt = {
+const Wn = 0, Yn = 1, Rn = 2, tt = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -94,7 +94,7 @@ const Ht = function() {
     topic: this.newTopicName,
     id: t
   };
-}, M = (t, e) => {
+}, P = (t, e) => {
   let n = 0, o = 0;
   for (; e && e !== t; )
     n += e.offsetLeft, o += e.offsetTop, e = e.offsetParent;
@@ -234,7 +234,7 @@ function ut(t, e) {
     e.meet && j(e.meet), e.ghost.style.display = "none", e.ghost.innerHTML = "", t.dragged = null, e.isDragging = !1, e.insertType = null, e.meet = null, e.pointerId = null;
   }
 }
-const I = {
+const O = {
   LHS: "lhs",
   RHS: "rhs"
 }, Vt = function() {
@@ -253,9 +253,9 @@ const I = {
   zt(this, n, e);
 }, zt = function(t, e, n) {
   const o = document.createElement("me-main");
-  o.className = I.LHS;
+  o.className = O.LHS;
   const s = document.createElement("me-main");
-  s.className = I.RHS;
+  s.className = O.RHS;
   for (let i = 0; i < e.length; i++) {
     const r = e[i], { grp: c } = t.createWrapper(r);
     t.direction === 2 ? r.direction === 0 ? o.appendChild(c) : s.appendChild(c) : t.direction === 0 ? o.appendChild(c) : s.appendChild(c);
@@ -336,7 +336,7 @@ function Et(t) {
 }
 const Ut = function(t) {
   if (!t) return;
-  const e = document.createElement("div"), n = t.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = M(this.nodes, t);
+  const e = document.createElement("div"), n = t.nodeObj, o = n.topic, { offsetLeft: s, offsetTop: i } = P(this.nodes, t);
   this.nodes.appendChild(e), e.id = "input-box", e.textContent = o, e.contentEditable = "plaintext-only", e.spellcheck = !1;
   const r = getComputedStyle(t);
   e.style.cssText = `
@@ -550,8 +550,8 @@ function Me(t) {
         this.clear();
         return;
       }
-      const x = (/* @__PURE__ */ new Date()).getTime(), S = x - this.lastTap, E = S < this.DOUBLE_CLICK_THRESHOLD && S > 0 && this.lastTapTarget === h.target;
-      this.lastTap = x, this.lastTapTarget = h.target, E && m(h);
+      const x = (/* @__PURE__ */ new Date()).getTime(), E = x - this.lastTap, S = E < this.DOUBLE_CLICK_THRESHOLD && E > 0 && this.lastTapTarget === h.target;
+      this.lastTap = x, this.lastTapTarget = h.target, S && m(h);
     },
     clear() {
       this.lastTap = 0, this.lastTapTarget = null;
@@ -579,15 +579,15 @@ function Me(t) {
     handlePointerMove(h) {
       if (h.pointerType !== "touch" || !this.activePointers.has(h.pointerId)) return !1;
       if (this.activePointers.set(h.pointerId, { x: h.clientX, y: h.clientY }), this.activePointers.size >= 2) {
-        const [m, x] = Array.from(this.activePointers.values()), S = ht(m, x);
+        const [m, x] = Array.from(this.activePointers.values()), E = ht(m, x);
         if (this.lastDistance !== null && this.lastDistance > 0) {
-          const E = S / this.lastDistance;
-          t.scale(t.scaleVal * E, {
+          const S = E / this.lastDistance;
+          t.scale(t.scaleVal * S, {
             x: (m.x + x.x) / 2,
             y: (m.y + x.y) / 2
           });
         }
-        return this.lastDistance = S, !0;
+        return this.lastDistance = E, !0;
       }
       return !1;
     },
@@ -619,10 +619,10 @@ function Me(t) {
     }
   }, a = (h, m) => {
     if (h.closest("#input-box")) return !1;
-    const x = h.closest(".svg-label"), S = h.closest(".topiclinks, .summary"), E = x ? { type: x.dataset.type, element: document.getElementById(x.dataset.svgId) } : S ? { type: S.classList.contains("topiclinks") ? "arrow" : "summary", element: h.closest("g") } : null;
-    if (!E?.type || !E?.element) return !1;
-    const { type: P, element: k } = E;
-    return t.clearSelection(), P === "arrow" ? m ? t.editArrowLabel(k) : t.selectArrow(k) : m ? t.editSummary(k) : t.selectSummary(k), !0;
+    const x = h.closest(".svg-label"), E = h.closest(".topiclinks, .summary"), S = x ? { type: x.dataset.type, element: document.getElementById(x.dataset.svgId) } : E ? { type: E.classList.contains("topiclinks") ? "arrow" : "summary", element: h.closest("g") } : null;
+    if (!S?.type || !S?.element) return !1;
+    const { type: M, element: N } = S;
+    return t.clearSelection(), M === "arrow" ? m ? t.editArrowLabel(N) : t.selectArrow(N) : m ? t.editSummary(N) : t.selectSummary(N), !0;
   }, f = (h) => {
     if (h.pointerType === "mouse" && h.button !== 0) return;
     if (t.helper1?.moved) {
@@ -663,10 +663,10 @@ function Me(t) {
     if (e.handlePointerDown(h), e.mousedown && (t.ptState = i.Pan), h.button === 0 || h.pointerType === "touch")
       if (J(m)) {
         t.selection?.cancel();
-        const S = t.currentNodes || [];
-        if (h.ctrlKey || h.metaKey || t.mobileMultiSelect ? S.includes(m) ? o = m : ((t.currentArrow || t.currentSummary) && t.clearSelection(), t.selection?.select(m)) : S.includes(m) || t.selectNode(m), !t.editable) return;
-        h.pointerType === "touch" ? (t.ptState = i.DragWait, l.start(h, (P) => {
-          ft(t, c, P, !0) && (t.ptState = i.Drag, m.setPointerCapture(P.pointerId));
+        const E = t.currentNodes || [];
+        if (h.ctrlKey || h.metaKey || t.mobileMultiSelect ? E.includes(m) ? o = m : ((t.currentArrow || t.currentSummary) && t.clearSelection(), t.selection?.select(m)) : E.includes(m) || t.selectNode(m), !t.editable) return;
+        h.pointerType === "touch" ? (t.ptState = i.DragWait, l.start(h, (M) => {
+          ft(t, c, M, !0) && (t.ptState = i.Drag, m.setPointerCapture(M.pointerId));
         })) : ft(t, c, h, !1) && (t.ptState = i.Drag, m.setPointerCapture(h.pointerId));
       } else
         a(m, !1);
@@ -754,7 +754,7 @@ function Pe() {
     }
   };
 }
-const N = "http://www.w3.org/2000/svg", U = function(t) {
+const k = "http://www.w3.org/2000/svg", U = function(t) {
   const e = t.clientWidth, n = t.clientHeight, o = t.dataset, s = Number(o.x), i = Number(o.y), r = o.anchor;
   let c = s;
   r === "middle" ? c = s - e / 2 : r === "end" && (c = s - e), t.style.left = `${c}px`, t.style.top = `${i - n / 2}px`, t.style.visibility = "visible";
@@ -764,7 +764,7 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
   const a = "label-" + c;
   return l.id = a, l.innerHTML = t, l.dataset.type = r, l.dataset.svgId = c, l.dataset.x = e.toString(), l.dataset.y = n.toString(), l.dataset.anchor = s, l;
 }, Dt = function(t, e, n) {
-  const o = document.createElementNS(N, "path");
+  const o = document.createElementNS(k, "path");
   return D(o, {
     d: t,
     stroke: e || "#666",
@@ -772,13 +772,13 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
     "stroke-width": n
   }), o;
 }, W = function(t) {
-  const e = document.createElementNS(N, "svg");
+  const e = document.createElementNS(k, "svg");
   return e.setAttribute("class", t), e.setAttribute("overflow", "visible"), e;
 }, pt = function() {
-  const t = document.createElementNS(N, "line");
+  const t = document.createElementNS(k, "line");
   return t.setAttribute("stroke", "#4dc4ff"), t.setAttribute("fill", "none"), t.setAttribute("stroke-width", "2"), t.setAttribute("opacity", "0.45"), t;
 }, ke = function(t, e, n, o) {
-  const s = document.createElementNS(N, "g");
+  const s = document.createElementNS(k, "g");
   return [
     {
       name: "line",
@@ -793,7 +793,7 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
       d: n
     }
   ].forEach((r, c) => {
-    const l = r.d, a = document.createElementNS(N, "path"), f = {
+    const l = r.d, a = document.createElementNS(k, "path"), f = {
       d: l,
       stroke: o?.stroke || "rgb(227, 125, 116)",
       fill: "none",
@@ -801,7 +801,7 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
       "stroke-width": String(o?.strokeWidth || "2")
     };
     o?.opacity !== void 0 && (f.opacity = String(o.opacity)), D(a, f), c === 0 && a.setAttribute("stroke-dasharray", o?.strokeDasharray || "8,2");
-    const d = document.createElementNS(N, "path");
+    const d = document.createElementNS(k, "path");
     D(d, {
       d: l,
       stroke: "transparent",
@@ -840,7 +840,7 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
   const e = this.map.querySelector("me-root"), n = e.offsetTop, o = e.offsetLeft, s = e.offsetWidth, i = e.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let c = 0; c < r.length; c++) {
-    const l = r[c], a = l.querySelector("me-tpc"), { offsetLeft: f, offsetTop: d } = M(this.nodes, a), p = a.offsetWidth, w = a.offsetHeight, y = l.parentNode.className, u = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: d, cL: f, cW: p, cH: w, direction: y, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, b = a.nodeObj.branchColor || g[c % g.length];
+    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 v = W("subLines"), C = l.lastChild;
@@ -869,12 +869,12 @@ const N = "http://www.w3.org/2000/svg", U = function(t) {
   living: Oe,
   zoomin: Be,
   zoomout: We
-}, $ = (t, e) => {
+}, H = (t, e) => {
   const n = document.createElement("span");
   return n.id = t, n.innerHTML = Ye[e], n;
 };
 function Re(t) {
-  const e = document.createElement("div"), n = $("fullscreen", "full"), o = $("toCenter", "living"), s = $("zoomout", "zoomout"), i = $("zoomin", "zoomin");
+  const e = document.createElement("div"), n = H("fullscreen", "full"), o = H("toCenter", "living"), s = H("zoomout", "zoomout"), i = H("zoomin", "zoomin");
   e.appendChild(n), e.appendChild(o), e.appendChild(s), e.appendChild(i), e.className = "mind-elixir-toolbar rb";
   let r = null;
   const c = () => {
@@ -902,7 +902,7 @@ function Re(t) {
   }, e;
 }
 function Xe(t) {
-  const e = document.createElement("div"), n = $("tbltl", "left"), o = $("tbltr", "right"), s = $("tblts", "side");
+  const e = document.createElement("div"), n = H("tbltl", "left"), o = H("tbltr", "right"), s = H("tblts", "side");
   return e.appendChild(n), e.appendChild(o), e.appendChild(s), e.className = "mind-elixir-toolbar lt", n.onclick = () => {
     t.initLeft();
   }, o.onclick = () => {
@@ -919,13 +919,17 @@ const ze = function(t, e = !0) {
   const o = {
     ...(t.type === "dark" ? et : tt).cssVar,
     ...t.cssVar
-  }, s = Object.keys(o);
+  };
+  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]);
   }
   e && this.refresh();
 }, Fe = function(t) {
+  this.compact = t, this.theme && this.changeTheme(this.theme);
+}, Ge = function(t) {
   return {
     dom: t,
     moved: !1,
@@ -961,7 +965,7 @@ const ze = function(t, e = !0) {
     }
   };
 }, gt = {
-  create: Fe
+  create: Ge
 }, Pt = "#4dc4ff";
 function kt(t, e, n, o, s, i, r, c) {
   return {
@@ -969,7 +973,7 @@ function kt(t, e, n, o, s, i, r, c) {
     y: e / 8 + o * 3 / 8 + i * 3 / 8 + c / 8
   };
 }
-function Ge(t, e, n) {
+function _e(t, e, n) {
   t && (t.dataset.x = e.toString(), t.dataset.y = n.toString(), U(t));
 }
 function V(t, e, n, o, s) {
@@ -1007,14 +1011,14 @@ function mt(t, e, n, o, s, i, r, c, l, a) {
     }
   }
   const { x: w, y } = kt(e, n, o, s, i, r, c, l);
-  if (t.labelEl && Ge(t.labelEl, w, y), a.style?.labelColor) {
+  if (t.labelEl && _e(t.labelEl, w, y), a.style?.labelColor) {
     const u = t.labelEl;
     u && (u.style.color = a.style.labelColor);
   }
-  Qe(t);
+  tn(t);
 }
 function q(t, e, n) {
-  const { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = e.offsetWidth, r = e.offsetHeight, c = o + i / 2, l = s + r / 2, a = c + n.x, f = l + n.y;
+  const { offsetLeft: o, offsetTop: s } = P(t.nodes, e), i = e.offsetWidth, r = e.offsetHeight, c = o + i / 2, l = s + r / 2, a = c + n.x, f = l + n.y;
   return {
     w: i,
     h: r,
@@ -1024,7 +1028,7 @@ function q(t, e, n) {
     ctrlY: f
   };
 }
-function H(t) {
+function I(t) {
   let e, n;
   const o = (t.cy - t.ctrlY) / (t.ctrlX - t.cx);
   return o > t.h / t.w || o < -t.h / t.w ? t.cy - t.ctrlY < 0 ? (e = t.cx - t.h / 2 / o, n = t.cy + t.h / 2) : (e = t.cx + t.h / 2 / o, n = t.cy - t.h / 2) : t.cx - t.ctrlX < 0 ? (e = t.cx + t.w / 2, n = t.cy - t.w * o / 2) : (e = t.cx - t.w / 2, n = t.cy + t.w * o / 2), {
@@ -1032,8 +1036,8 @@ function H(t) {
     y: n
   };
 }
-const _e = function(t, e, n) {
-  const o = M(t.nodes, e), s = M(t.nodes, n), i = o.offsetLeft + e.offsetWidth / 2, r = o.offsetTop + e.offsetHeight / 2, c = s.offsetLeft + n.offsetWidth / 2, l = s.offsetTop + n.offsetHeight / 2, a = c - i, 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);
+const qe = 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 v = e.closest("me-main").className === "lhs" ? -1 : 1;
@@ -1045,8 +1049,8 @@ const _e = function(t, e, n) {
     const v = f > 0 ? e.offsetHeight / 2 : -e.offsetHeight / 2, C = f > 0 ? -n.offsetHeight / 2 : n.offsetHeight / 2;
     u = { x: 0, y: v + (f > 0 ? p : -p) }, g = { x: 0, y: C + (f > 0 ? -p : p) };
   } else {
-    const v = Math.atan2(f, a), C = e.offsetWidth / 2 * Math.cos(v), T = e.offsetHeight / 2 * Math.sin(v), h = -(n.offsetWidth / 2) * Math.cos(v), m = -(n.offsetHeight / 2) * Math.sin(v), x = p * 0.7 * (a > 0 ? 1 : -1), S = p * 0.7 * (f > 0 ? 1 : -1);
-    u = { x: C + x, y: T + S }, g = { x: h - x, y: m - S };
+    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 {
     delta1: { x: Math.round(u.x), y: Math.round(u.y) },
@@ -1056,28 +1060,28 @@ const _e = function(t, e, n) {
   if (!e || !n)
     return;
   if (!o.delta1 || !o.delta2) {
-    const E = _e(t, e, n);
-    o.delta1 = E.delta1, o.delta2 = E.delta2;
+    const S = qe(t, e, n);
+    o.delta1 = S.delta1, o.delta2 = S.delta2;
   }
-  const i = q(t, e, o.delta1), r = q(t, n, o.delta2), { x: c, y: l } = H(i), { ctrlX: a, ctrlY: f } = i, { ctrlX: d, ctrlY: p } = r, { x: w, y } = H(r), u = _(d, p, w, y);
+  const i = q(t, e, o.delta1), r = q(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 = _(d, p, w, y);
   if (!u) return;
   const g = `M ${u.x1} ${u.y1} L ${w} ${y} L ${u.x2} ${u.y2}`;
   let b = "";
   if (o.bidirectional) {
-    const E = _(a, f, c, l);
-    if (!E) return;
-    b = `M ${E.x1} ${E.y1} L ${c} ${l} L ${E.x2} ${E.y2}`;
+    const S = _(a, f, c, l);
+    if (!S) return;
+    b = `M ${S.x1} ${S.y1} L ${c} ${l} L ${S.x2} ${S.y2}`;
   }
   const v = ke(`M ${c} ${l} C ${a} ${f} ${d} ${p} ${w} ${y}`, g, b, o.style), { x: C, y: T } = kt(c, l, a, f, d, p, w, y), h = o.style?.labelColor || "rgb(235, 95, 82)", m = "a-" + o.id;
   v.id = m;
-  const x = t.markdown ? t.markdown(o.label, o) : o.label, S = Q(x, C, T, {
+  const x = t.markdown ? t.markdown(o.label, o) : o.label, E = Q(x, C, T, {
     anchor: "middle",
     color: h,
     dataType: "arrow",
     svgId: m
   });
-  v.labelEl = S, v.arrowObj = o, v.dataset.linkid = o.id, t.labelContainer.appendChild(S), t.arrowSvg.appendChild(v), U(S), s || (t.arrows.push(o), t.currentArrow = v, At(t, o, i, r));
-}, qe = function(t, e, n = {}) {
+  v.labelEl = E, v.arrowObj = o, v.dataset.linkid = o.id, t.labelContainer.appendChild(E), t.arrowSvg.appendChild(v), U(E), s || (t.arrows.push(o), t.currentArrow = v, At(t, o, i, r));
+}, je = function(t, e, n = {}) {
   const o = {
     id: Y(),
     label: "Custom Link",
@@ -1089,14 +1093,14 @@ const _e = function(t, e, n) {
     name: "createArrow",
     obj: o
   });
-}, je = function(t) {
+}, Ue = function(t) {
   K(this);
   const e = { ...t, id: Y() };
   it(this, this.findEle(e.from), this.findEle(e.to), e), this.bus.fire("operation", {
     name: "createArrow",
     obj: e
   });
-}, Ue = function(t) {
+}, Ke = function(t) {
   let e;
   if (t ? e = t : e = this.currentArrow, !e) return;
   K(this);
@@ -1107,14 +1111,14 @@ const _e = function(t, e, n) {
       id: n
     }
   });
-}, Ke = function(t) {
+}, Je = function(t) {
   this.currentArrow = t;
   const e = t.arrowObj, n = this.findEle(e.from), o = this.findEle(e.to), s = q(this, n, e.delta1), i = q(this, o, e.delta2);
   this.editable ? At(this, e, s, i) : Nt(t, Pt), this.bus.fire("selectArrow", e);
-}, Je = function() {
+}, Ze = function() {
   K(this), this.currentArrow = null, this.bus.fire("unselectArrow");
 }, Z = function(t, e) {
-  const n = document.createElementNS(N, "path");
+  const n = document.createElementNS(k, "path");
   return D(n, {
     d: t,
     stroke: e,
@@ -1124,7 +1128,7 @@ const _e = function(t, e, n) {
     "stroke-linejoin": "round"
   }), n;
 }, Nt = function(t, e) {
-  const n = document.createElementNS(N, "g");
+  const n = document.createElementNS(k, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
   const o = Z(t.line.getAttribute("d"), e);
   n.appendChild(o);
@@ -1134,32 +1138,32 @@ const _e = function(t, e, n) {
     n.appendChild(i);
   }
   t.insertBefore(n, t.firstChild);
-}, Ze = function(t) {
+}, Qe = function(t) {
   const e = t.querySelector(".arrow-highlight");
   e && e.remove();
-}, Qe = function(t) {
+}, tn = function(t) {
   const e = t.querySelector(".arrow-highlight");
   if (!e) return;
   const n = e.querySelectorAll("path");
   n.length >= 1 && n[0].setAttribute("d", t.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", t.arrow1.getAttribute("d")), n.length >= 3 && t.arrow2.getAttribute("d") && n[2].setAttribute("d", t.arrow2.getAttribute("d"));
 }, K = function(t) {
-  t.helper1?.destroy(), t.helper2?.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && Ze(t.currentArrow);
+  t.helper1?.destroy(), t.helper2?.destroy(), t.linkController.style.display = "none", t.P2.style.display = "none", t.P3.style.display = "none", t.currentArrow && Qe(t.currentArrow);
 }, At = function(t, e, n, o) {
   const { linkController: s, P2: i, P3: r, line1: c, line2: l, nodes: a, map: f, currentArrow: d, bus: p } = t;
   if (!d) return;
   s.style.display = "initial", i.style.display = "initial", r.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(r), Nt(d, Pt);
-  let { x: w, y } = H(n), { ctrlX: u, ctrlY: g } = n, { ctrlX: b, ctrlY: v } = o, { x: C, y: T } = H(o);
+  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 = H({ ...n, ctrlX: u, ctrlY: g });
+    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, b, v, C, T, e), V(c, w, y, u, g), e.delta1.x = Math.round(u - n.cx), e.delta1.y = Math.round(g - n.cy), p.fire("updateArrowDelta", e);
   }), t.helper2.init(f, (h, m) => {
     b = b + h / t.scaleVal, v = v + m / t.scaleVal;
-    const x = H({ ...o, ctrlX: b, ctrlY: v });
+    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 tn() {
+function en() {
   this.arrowSvg.innerHTML = "", this.labelContainer.querySelectorAll('.svg-label[data-type="arrow"]').forEach((e) => e.remove());
   for (let e = 0; e < this.arrows.length; e++) {
     const n = this.arrows[e];
@@ -1170,23 +1174,23 @@ function tn() {
   }
   this.nodes.appendChild(this.arrowSvg);
 }
-function en(t) {
+function nn(t) {
   K(this), t && t.labelEl && Lt(this, t.labelEl, t.arrowObj);
 }
-function nn() {
+function on() {
   this.arrows = this.arrows.filter((t) => G(t.from, this.nodeData) && G(t.to, this.nodeData));
 }
-const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: qe,
-  createArrowFrom: je,
-  editArrowLabel: en,
-  removeArrow: Ue,
-  renderArrow: tn,
-  selectArrow: Ke,
-  tidyArrow: nn,
-  unselectArrow: Je
-}, Symbol.toStringTag, { value: "Module" })), sn = function(t) {
+  createArrow: je,
+  createArrowFrom: Ue,
+  editArrowLabel: nn,
+  removeArrow: Ke,
+  renderArrow: en,
+  selectArrow: Je,
+  tidyArrow: on,
+  unselectArrow: Ze
+}, Symbol.toStringTag, { value: "Module" })), rn = function(t) {
   if (t.length === 0) throw new Error("No selected node.");
   if (t.length === 1) {
     const l = t[0].nodeObj, a = t[0].nodeObj.parent;
@@ -1223,11 +1227,11 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: r
   };
-}, rn = function(t) {
-  const e = document.createElementNS(N, "g");
+}, cn = function(t) {
+  const e = document.createElementNS(k, "g");
   return e.setAttribute("id", t), e;
 }, yt = function(t, e) {
-  const n = document.createElementNS(N, "path");
+  const n = document.createElementNS(k, "path");
   return D(n, {
     d: t,
     stroke: e || "#666",
@@ -1235,69 +1239,69 @@ const on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, cn = (t) => t.parentElement.parentElement, ln = function(t, { parent: e, start: n }) {
+}, ln = (t) => t.parentElement.parentElement, an = function(t, { parent: e, start: n }) {
   const o = t.findEle(e), s = o.nodeObj;
   let i;
   return s.parent ? i = o.closest("me-main").className : i = t.findEle(s.children[n].id).closest("me-main").className, i;
 }, rt = function(t, e) {
-  const { id: n, label: o, parent: s, start: i, end: r, style: c } = e, { nodes: l, theme: a, summarySvg: f } = t, p = t.findEle(s).nodeObj, w = ln(t, e);
+  const { id: n, label: o, parent: s, start: i, end: r, style: c } = e, { nodes: l, theme: a, summarySvg: f } = t, p = t.findEle(s).nodeObj, w = an(t, e);
   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 R = cn(t.findEle(ct.id)), { offsetLeft: X, offsetTop: lt } = M(l, R), at = i === r ? 10 : 20;
+    const R = ln(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 v, C;
-  const T = p.parent ? 10 : 0, h = g + T, m = b + T, x = (h + m) / 2, S = c?.stroke || a.cssVar["--color"], E = c?.labelColor || a.cssVar["--color"], P = "s-" + n, k = t.markdown ? t.markdown(o, e) : o;
-  w === I.LHS ? (v = yt(`M ${y + 10} ${h} c -5 0 -10 5 -10 10 L ${y} ${m - 10} c 0 5 5 10 10 10 M ${y} ${x} h -10`, S), C = Q(k, y - 20, x, { anchor: "end", color: E, dataType: "summary", svgId: P })) : (v = yt(`M ${u - 10} ${h} c 5 0 10 5 10 10 L ${u} ${m - 10} c 0 5 -5 10 -10 10 M ${u} ${x} h 10`, S), C = Q(k, u + 20, x, { anchor: "start", color: E, dataType: "summary", svgId: P }));
-  const O = rn(P);
-  return O.appendChild(v), t.labelContainer.appendChild(C), U(C), O.summaryObj = e, O.labelEl = C, f.appendChild(O), O;
-}, an = function(t = {}) {
+  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 = Q(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 = Q(N, u + 20, x, { anchor: "start", color: S, dataType: "summary", svgId: M }));
+  const $ = cn(M);
+  return $.appendChild(v), t.labelContainer.appendChild(C), U(C), $.summaryObj = e, $.labelEl = C, f.appendChild($), $;
+}, hn = function(t = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: e, summaries: n, bus: o } = this, { parent: s, start: i, end: r } = sn(e), c = { id: Y(), parent: s, start: i, end: r, label: "summary", style: t.style }, l = rt(this, c);
+  const { currentNodes: e, summaries: n, bus: o } = this, { parent: s, start: i, end: r } = rn(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
   });
-}, hn = function(t) {
+}, dn = function(t) {
   const e = Y(), n = { ...t, id: e };
   rt(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
-}, dn = function(t) {
+}, fn = function(t) {
   const e = this.summaries.findIndex((n) => n.id === t);
   e > -1 && (this.summaries.splice(e, 1), this.nodes.querySelector("#s-" + t)?.remove(), this.nodes.querySelector("#label-s-" + t)?.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: t }
   });
-}, fn = function(t) {
+}, un = function(t) {
   const e = t.labelEl;
   e && e.classList.add("selected"), this.currentSummary = t, this.bus.fire("selectSummary", t.summaryObj);
-}, un = function() {
-  this.currentSummary?.labelEl?.classList.remove("selected"), this.currentSummary = null, this.bus.fire("unselectSummary");
 }, pn = function() {
+  this.currentSummary?.labelEl?.classList.remove("selected"), this.currentSummary = null, this.bus.fire("unselectSummary");
+}, gn = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((t) => {
     try {
       rt(this, t);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, gn = function(t) {
+}, mn = function(t) {
   t && t.labelEl && Lt(this, t.labelEl, t.summaryObj);
-}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: an,
-  createSummaryFrom: hn,
-  editSummary: gn,
-  removeSummary: dn,
-  renderSummary: pn,
-  selectSummary: fn,
-  unselectSummary: un
+  createSummary: hn,
+  createSummaryFrom: dn,
+  editSummary: mn,
+  removeSummary: fn,
+  renderSummary: gn,
+  selectSummary: un,
+  unselectSummary: pn
 }, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
-function yn(t, e) {
+function wn(t, e) {
   const n = document.createElementNS(L, "svg");
   return D(n, {
     version: "1.1",
@@ -1306,10 +1310,10 @@ function yn(t, e) {
     width: e
   }), n;
 }
-function wn(t, e) {
+function vn(t, e) {
   return (parseInt(t) - parseInt(e)) / 2;
 }
-function vn(t, e, n, o) {
+function bn(t, e, n, o) {
   const s = document.createElementNS(L, "g");
   let i = "";
   return t.text ? i = t.text.textContent : i = t.childNodes[0].textContent, i.split(`
@@ -1317,7 +1321,7 @@ function vn(t, e, n, o) {
     const a = document.createElementNS(L, "text");
     D(a, {
       x: n + parseInt(e.paddingLeft) + "",
-      y: o + parseInt(e.paddingTop) + wn(e.lineHeight, e.fontSize) * (l + 1) + parseFloat(e.fontSize) * (l + 1) + "",
+      y: o + parseInt(e.paddingTop) + vn(e.lineHeight, e.fontSize) * (l + 1) + parseFloat(e.fontSize) * (l + 1) + "",
       "text-anchor": "start",
       "font-family": e.fontFamily,
       "font-size": `${e.fontSize}`,
@@ -1326,7 +1330,7 @@ function vn(t, e, n, o) {
     }), a.innerHTML = c, s.appendChild(a);
   }), s;
 }
-function bn(t, e, n, o) {
+function xn(t, e, n, o) {
   let s = "";
   t.nodeObj?.dangerouslySetInnerHTML ? s = t.nodeObj.dangerouslySetInnerHTML : t.text ? s = t.text.textContent : s = t.childNodes[0].textContent;
   const i = document.createElementNS(L, "foreignObject");
@@ -1342,8 +1346,8 @@ function bn(t, e, n, o) {
     style: `font-family: ${e.fontFamily}; font-size: ${e.fontSize}; font-weight: ${e.fontWeight}; color: ${e.color}; white-space: pre-wrap;`
   }), r.innerHTML = s, i.appendChild(r), i;
 }
-function xn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = document.createElementNS(L, "rect");
+function Cn(t, e) {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = P(t.nodes, e), i = document.createElementNS(L, "rect");
   return D(i, {
     x: o + "",
     y: s + "",
@@ -1357,7 +1361,7 @@ function xn(t, e) {
   }), i;
 }
 function z(t, e, n = !1) {
-  const o = getComputedStyle(e), { offsetLeft: s, offsetTop: i } = M(t.nodes, e), r = document.createElementNS(L, "rect");
+  const o = getComputedStyle(e), { offsetLeft: s, offsetTop: i } = P(t.nodes, e), r = document.createElementNS(L, "rect");
   D(r, {
     x: s + "",
     y: i + "",
@@ -1372,10 +1376,10 @@ function z(t, e, n = !1) {
   const c = document.createElementNS(L, "g");
   c.appendChild(r);
   let l;
-  return n ? l = bn(e, o, s, i) : l = vn(e, o, s, i), c.appendChild(l), c;
+  return n ? l = xn(e, o, s, i) : l = bn(e, o, s, i), c.appendChild(l), c;
 }
-function Cn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
+function Sn(t, e) {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = P(t.nodes, e), i = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
   return D(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
@@ -1386,8 +1390,8 @@ function Cn(t, e) {
     fill: `${n.color}`
   }), r.innerHTML = e.textContent, i.appendChild(r), i.setAttribute("href", e.href), i;
 }
-function Sn(t, e) {
-  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = M(t.nodes, e), i = document.createElementNS(L, "image");
+function En(t, e) {
+  const n = getComputedStyle(e), { offsetLeft: o, offsetTop: s } = P(t.nodes, e), i = document.createElementNS(L, "image");
   return D(i, {
     x: o + "",
     y: s + "",
@@ -1396,8 +1400,8 @@ function Sn(t, e) {
     href: e.src
   }), i;
 }
-const F = 100, En = '<?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">', Tn = (t, e = !1) => {
-  const n = t.nodes, o = n.offsetHeight + F * 2, s = n.offsetWidth + F * 2, i = yn(o + "px", s + "px"), r = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
+const F = 100, Tn = '<?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">', Dn = (t, e = !1) => {
+  const n = t.nodes, o = n.offsetHeight + F * 2, s = n.offsetWidth + F * 2, i = wn(o + "px", s + "px"), r = document.createElementNS(L, "svg"), c = document.createElementNS(L, "rect");
   D(c, {
     x: "0",
     y: "0",
@@ -1405,7 +1409,7 @@ const F = 100, En = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
     height: `${o}`,
     fill: t.theme.cssVar["--bgcolor"]
   }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((d) => {
-    const p = d.cloneNode(!0), { offsetLeft: w, offsetTop: y } = M(n, d.parentElement);
+    const p = d.cloneNode(!0), { offsetLeft: w, offsetTop: y } = P(n, d.parentElement);
     p.setAttribute("x", `${w}`), p.setAttribute("y", `${y}`), r.appendChild(p);
   });
   const l = n.querySelector(".lines")?.cloneNode(!0);
@@ -1414,22 +1418,22 @@ const F = 100, En = '<?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(z(t, d, !e)) : (r.appendChild(xn(t, d)), r.appendChild(z(t, d.text, !e)));
+    d.nodeObj.dangerouslySetInnerHTML ? r.appendChild(z(t, d, !e)) : (r.appendChild(Cn(t, d)), r.appendChild(z(t, d.text, !e)));
   }), n.querySelectorAll(".tags > span").forEach((d) => {
     r.appendChild(z(t, d));
   }), n.querySelectorAll(".icons > span").forEach((d) => {
     r.appendChild(z(t, d));
   }), n.querySelectorAll(".hyper-link").forEach((d) => {
-    r.appendChild(Cn(t, d));
-  }), n.querySelectorAll("img").forEach((d) => {
     r.appendChild(Sn(t, d));
+  }), n.querySelectorAll("img").forEach((d) => {
+    r.appendChild(En(t, d));
   }), D(r, {
     x: F + "",
     y: F + "",
     overflow: "visible"
   }), i.appendChild(r), i;
-}, Dn = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), En + t.outerHTML);
-function Ln(t) {
+}, Ln = (t, e) => (e && t.insertAdjacentHTML("afterbegin", "<style>" + e + "</style>"), Tn + t.outerHTML);
+function Mn(t) {
   return new Promise((e, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -1439,11 +1443,11 @@ function Ln(t) {
     }, o.readAsDataURL(t);
   });
 }
-const Mn = function(t = !1, e) {
-  const n = Tn(this, t), o = Dn(n, e);
+const Pn = function(t = !1, e) {
+  const n = Dn(this, t), o = Ln(n, e);
   return new Blob([o], { type: "image/svg+xml" });
-}, Pn = async function(t = !1, e) {
-  const n = this.exportSvg(t, e), o = await Ln(n);
+}, kn = async function(t = !1, e) {
+  const n = this.exportSvg(t, e), o = await Mn(n);
   return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
@@ -1451,11 +1455,11 @@ const Mn = function(t = !1, e) {
       c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(s, "image/png", 1);
     }, r.src = o, r.onerror = i;
   });
-}, kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: Pn,
-  exportSvg: Mn
-}, Symbol.toStringTag, { value: "Module" })), Nn = {}, An = {
+  exportPng: kn,
+  exportSvg: Pn
+}, Symbol.toStringTag, { value: "Module" })), An = {}, $n = {
   getObjById: G,
   generateNewObj: Ht,
   layout: Vt,
@@ -1467,11 +1471,12 @@ const Mn = function(t = !1, e) {
   createTopic: jt,
   findEle: Ct,
   changeTheme: ze,
+  changeCompact: Fe,
   ...xe,
+  ...An,
+  ...sn,
+  ...yn,
   ...Nn,
-  ...on,
-  ...mn,
-  ...kn,
   init(t) {
     if (t = JSON.parse(JSON.stringify(t)), !t || !t.nodeData) return new Error("MindElixir: `data` is required");
     t.direction !== void 0 && (this.direction = t.direction), this.changeTheme(t.theme || this.theme, !1), this.nodeData = t.nodeData, nt(this.nodeData), this.arrows = t.arrows || [], this.summaries = t.summaries || [], this.tidyArrow(), this.toolBar && Ve(this), this.layout(), this.linkDiv(), this.toCenter();
@@ -1487,25 +1492,25 @@ const Mn = function(t = !1, e) {
     this.mobileMultiSelect = t;
   }
 };
-function $n({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: a }) {
+function Hn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: a }) {
   let f = e + n / 2;
   const d = t + o / 2;
   let p;
-  l === I.LHS ? p = i + r : p = i;
+  l === O.LHS ? p = i + r : p = i;
   const w = s + c / 2, u = (1 - Math.abs(w - d) / a) * 0.25 * (n / 2);
-  return l === I.LHS ? f = f - n / 10 - u : f = f + n / 10 + u, `M ${f} ${d} Q ${f} ${w} ${p} ${w}`;
+  return l === O.LHS ? f = f - n / 10 - u : f = f + n / 10 + u, `M ${f} ${d} Q ${f} ${w} ${p} ${w}`;
 }
-function Hn({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: a }) {
+function In({ pT: t, pL: e, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: a }) {
   const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
   let d = 0, p = 0;
   a ? d = t + o / 2 : d = t + o;
   const w = s + c;
   let y = 0, u = 0, g = 0;
   const b = Math.abs(d - w) / 300 * f;
-  return l === I.LHS ? (g = e, y = g + f, u = g - f, p = i + f, `M ${y} ${d} C ${g} ${d} ${g + b} ${w} ${u} ${w} H ${p}`) : (g = e + n, y = g - f, u = g + f, p = i + r - f, `M ${y} ${d} C ${g} ${d} ${g - b} ${w} ${u} ${w} H ${p}`);
+  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 In = "5.11.3";
-function On(t) {
+const On = "5.12.0";
+function Bn(t) {
   return {
     x: 0,
     y: 0,
@@ -1547,27 +1552,28 @@ function A({
   generateMainBranch: d,
   generateSubBranch: p,
   overflowHidden: w,
-  theme: y,
-  alignment: u,
-  scaleSensitivity: g,
-  scaleMax: b,
-  scaleMin: v,
-  handleWheel: C,
-  markdown: T,
-  imageProxy: h,
-  pasteHandler: m,
-  mobileMultiSelect: x
+  compact: y,
+  theme: u,
+  alignment: g,
+  scaleSensitivity: b,
+  scaleMax: v,
+  scaleMin: C,
+  handleWheel: T,
+  markdown: h,
+  imageProxy: m,
+  pasteHandler: x,
+  mobileMultiSelect: E
 }) {
   let S = null;
-  const E = Object.prototype.toString.call(t);
-  if (E === "[object HTMLDivElement]" ? S = t : E === "[object String]" && (S = document.querySelector(t)), !S) throw new Error("MindElixir: el is not a valid element");
-  S.style.position = "relative", S.innerHTML = "", this.el = S, this.disposable = [], this.before = l || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = r ?? 0, this.direction = e ?? 1, this.editable = n ?? !0, this.allowUndo = f ?? !0, this.scaleSensitivity = g ?? 0.1, this.scaleMax = b ?? 1.4, this.scaleMin = v ?? 0.2, this.generateMainBranch = d || $n, this.generateSubBranch = p || Hn, this.overflowHidden = w ?? !1, this.alignment = u ?? "root", this.handleWheel = C ?? !0, this.markdown = T || void 0, this.imageProxy = h || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = x ?? !1, this.panHelper = On(this), this.bus = Pe(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
-  const P = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = y || (P.matches ? et : tt);
-  const k = document.createElement("div");
-  k.className = "map-canvas", this.map = k, 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(Me(this)), m && (this.pasteHandler = m);
+  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 = b ?? 0.1, this.scaleMax = v ?? 1.4, this.scaleMin = C ?? 0.2, this.generateMainBranch = d || Hn, this.generateSubBranch = p || In, 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 = Pe(), 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 : tt);
+  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(Me(this)), x && (this.pasteHandler = x);
 }
-A.prototype = An;
+A.prototype = $n;
 Object.defineProperty(A.prototype, "currentNode", {
   get() {
     return this.currentNodes[this.currentNodes.length - 1];
@@ -1579,13 +1585,13 @@ A.RIGHT = 1;
 A.SIDE = 2;
 A.THEME = tt;
 A.DARK_THEME = et;
-A.version = In;
+A.version = On;
 A.E = Ct;
 export {
   et as DARK_THEME,
-  Bn as LEFT,
-  Wn as RIGHT,
-  Yn as SIDE,
+  Wn as LEFT,
+  Yn as RIGHT,
+  Rn as SIDE,
   tt as THEME,
   A as default
 };