mind-elixir 4.2.5 → 4.3.1

package/dist/MindElixirLite.js

@@ -14,8 +14,8 @@
     i || (i = !0, o());
   }
   t = function() {
-    var h, a, f, m;
-    (m = document.createElement("div")).innerHTML = l, l = null, (f = m.getElementsByTagName("svg")[0]) && (f.setAttribute("aria-hidden", "true"), f.style.position = "absolute", f.style.width = 0, f.style.height = 0, f.style.overflow = "hidden", h = f, (a = document.body).firstChild ? (m = h, (f = a.firstChild).parentNode.insertBefore(m, f)) : a.appendChild(h));
+    var h, a, f, g;
+    (g = document.createElement("div")).innerHTML = l, l = null, (f = g.getElementsByTagName("svg")[0]) && (f.setAttribute("aria-hidden", "true"), f.style.position = "absolute", f.style.width = 0, f.style.height = 0, f.style.overflow = "hidden", h = f, (a = document.body).firstChild ? (g = h, (f = a.firstChild).parentNode.insertBefore(g, f)) : a.appendChild(h));
   }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(t, 0) : (n = function() {
     document.removeEventListener("DOMContentLoaded", n, !1), t();
   }, document.addEventListener("DOMContentLoaded", n, !1)) : document.attachEvent && (o = t, s = e.document, i = !1, (r = function() {
@@ -29,10 +29,12 @@
     s.readyState == "complete" && (s.onreadystatechange = null, d());
   });
 })(window);
-const q = 0, Q = 1, Z = 2, $ = 30, ee = {
+const O = 0, J = 1, Q = 2, ge = {
   name: "Latte",
+  type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
+    "--gap": "30px",
     "--main-color": "#444446",
     "--main-bgcolor": "#ffffff",
     "--color": "#777777",
@@ -41,8 +43,9 @@ const q = 0, Q = 1, Z = 2, $ = 30, ee = {
     "--panel-bgcolor": "#ffffff",
     "--panel-border-color": "#eaeaea"
   }
-}, ye = {
+}, ve = {
   name: "Dark",
+  type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
   cssVar: {
     "--main-color": "#ffffff",
@@ -54,27 +57,27 @@ const q = 0, Q = 1, Z = 2, $ = 30, ee = {
     "--panel-border-color": "#696969"
   }
 };
-function re(e) {
+function se(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const K = function(e, t) {
+const G = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = K(e, t.children[n]);
+      const o = G(e, t.children[n]);
       if (o)
         return o;
     }
     return null;
   } else
     return null;
-}, te = (e, t) => {
+}, Z = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      te(e.children[n], e);
+      Z(e.children[n], e);
 };
-function be(e, t, n, o) {
+function ye(e, t, n, o) {
   const s = o - t, i = e - n;
   let r = Math.atan(Math.abs(s) / Math.abs(i)) / 3.14 * 180;
   i < 0 && s > 0 && (r = 180 - r), i < 0 && s < 0 && (r = 180 + r), i > 0 && s < 0 && (r = 360 - r);
@@ -86,16 +89,16 @@ function be(e, t, n, o) {
     y2: o - Math.sin(Math.PI * h / 180) * l
   };
 }
-function ne() {
+function ee() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const Ae = function() {
-  const e = ne();
+const Ne = function() {
+  const e = ee();
   return {
     topic: this.newTopicName,
     id: e
   };
-}, N = (e, t) => {
+}, $ = (e, t) => {
   let n = 0, o = 0;
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
@@ -103,7 +106,7 @@ const Ae = function() {
 }, x = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, le = (e) => e ? e.tagName === "ME-TPC" : !1, k = {
+}, ie = (e) => e ? e.tagName === "ME-TPC" : !1, A = {
   moved: !1,
   // diffrentiate click and move
   mousedown: !1,
@@ -118,7 +121,7 @@ const Ae = function() {
     this.moved = !1, this.mousedown = !1;
   }
 };
-function ke(e) {
+function Ae(e) {
   e.map.addEventListener("click", (t) => {
     var o, s;
     if (t.button !== 0)
@@ -131,15 +134,15 @@ function ke(e) {
       e.helper2.clear();
       return;
     }
-    if (k.moved) {
-      k.clear();
+    if (A.moved) {
+      A.clear();
       return;
     }
     e.clearSelection();
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
-    else if (le(n))
+    else if (ie(n))
       e.selectNode(n, !1, t);
     else if (e.editable)
       n.tagName === "text" ? n.dataset.type === "custom-link" ? e.selectArrow(n.parentElement) : e.selectSummary(n.parentElement) : n.className;
@@ -149,21 +152,21 @@ function ke(e) {
     if (!e.editable)
       return;
     const n = t.target;
-    le(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
+    ie(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
   }), e.map.addEventListener("mousemove", (t) => {
-    t.target.contentEditable !== "true" && k.onMove(t, e.container);
+    t.target.contentEditable !== "true" && A.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && t.target.contentEditable !== "true" && (k.moved = !1, k.mousedown = !0);
+    t.button === n && t.target.contentEditable !== "true" && (A.moved = !1, A.mousedown = !0);
   }), e.map.addEventListener("mouseleave", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && k.clear();
+    t.button === n && A.clear();
   }), e.map.addEventListener("mouseup", (t) => {
     const n = e.mouseSelectionButton === 0 ? 2 : 0;
-    t.button === n && k.clear();
+    t.button === n && A.clear();
   });
 }
-const De = {
+const ke = {
   create() {
     return {
       handlers: {},
@@ -191,32 +194,32 @@ const De = {
       }
     };
   }
-}, U = document, He = function() {
+}, K = document, Be = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  xe(e, this.nodeData), e.draggable = !1;
-  const t = U.createElement("me-root");
+  be(e, this.nodeData), e.draggable = !1;
+  const t = K.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
-  if (this.direction === Z) {
+  if (this.direction === Q) {
     let o = 0, s = 0;
     n.map((i) => {
-      i.direction === q ? o += 1 : i.direction === Q ? s += 1 : o <= s ? (i.direction = q, o += 1) : (i.direction = Q, s += 1);
+      i.direction === O ? o += 1 : i.direction === J ? s += 1 : o <= s ? (i.direction = O, o += 1) : (i.direction = J, s += 1);
     });
   }
-  Be(this, n, t);
-}, Be = function(e, t, n) {
-  const o = U.createElement("me-main");
+  De(this, n, t);
+}, De = function(e, t, n) {
+  const o = K.createElement("me-main");
   o.className = "lhs";
-  const s = U.createElement("me-main");
+  const s = K.createElement("me-main");
   s.className = "rhs";
   for (let i = 0; i < t.length; i++) {
     const r = t[i], { grp: l } = e.createWrapper(r);
-    e.direction === Z ? r.direction === q ? o.appendChild(l) : s.appendChild(l) : e.direction === q ? o.appendChild(l) : s.appendChild(l);
+    e.direction === Q ? r.direction === O ? o.appendChild(l) : s.appendChild(l) : e.direction === O ? o.appendChild(l) : s.appendChild(l);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines);
-}, Pe = function(e, t) {
-  const n = U.createElement("me-children");
+}, He = function(e, t) {
+  const n = K.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
     const s = t[o], { grp: i } = e.createWrapper(s);
     n.appendChild(i);
@@ -227,7 +230,7 @@ const De = {
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, xe = function(e, t) {
+}, be = function(e, t) {
   if (e.innerHTML = "", t.style && (e.style.color = t.style.color || "", e.style.background = t.style.background || "", e.style.fontSize = t.style.fontSize + "px", e.style.fontWeight = t.style.fontWeight || "normal"), t.dangerouslySetInnerHTML) {
     e.innerHTML = t.dangerouslySetInnerHTML;
     return;
@@ -236,7 +239,7 @@ const De = {
     const n = t.image;
     if (n.url && n.width && n.height) {
       const o = S.createElement("img");
-      o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", e.appendChild(o), e.image = o;
+      o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
@@ -246,46 +249,46 @@ const De = {
   }
   if (t.hyperLink) {
     const n = S.createElement("a");
-    n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.linkContainer = n;
+    n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
-    e.linkContainer && (e.linkContainer = void 0);
+    e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
     const n = S.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${re(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${se(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
     const n = S.createElement("div");
-    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${re(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
+    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${se(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
-}, ze = function(e, t) {
+}, Pe = function(e, t) {
   const n = S.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const i = Ve(e.expanded);
+    const i = Re(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
-      const r = Pe(this, e.children);
+      const r = He(this, e.children);
       n.appendChild(r);
     }
   }
   return { grp: n, top: o, tpc: s };
-}, Oe = function(e) {
+}, ze = function(e) {
   const t = S.createElement("me-parent"), n = this.createTopic(e);
-  return xe(n, e), t.appendChild(n), { p: t, tpc: n };
+  return be(n, e), t.appendChild(n), { p: t, tpc: n };
 }, je = function(e) {
   const t = S.createElement("me-children");
   return t.append(...e), t;
-}, qe = function(e) {
+}, Oe = function(e) {
   const t = S.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
-function we(e) {
+function xe(e) {
   const t = S.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const Re = function(e) {
+const qe = function(e) {
   if (!e)
     return;
   const t = S.createElement("div"), n = e.text.textContent;
@@ -297,7 +300,7 @@ const Re = function(e) {
   margin:${o.margin};
   font:${o.font};
   background-color:${o.backgroundColor !== "rgba(0, 0, 0, 0)" && o.backgroundColor};
-  border-radius:${o.borderRadius};`, this.direction === q && (t.style.right = "0"), t.focus(), we(t), this.bus.fire("operation", {
+  border-radius:${o.borderRadius};`, this.direction === O && (t.style.right = "0"), t.focus(), xe(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
   }), t.addEventListener("keydown", (s) => {
@@ -319,30 +322,30 @@ const Re = function(e) {
       origin: n
     }));
   });
-}, Ve = function(e) {
+}, Re = function(e) {
   const t = S.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, O = document, j = "http://www.w3.org/2000/svg", _e = function(e, t, n) {
-  const o = O.createElementNS(j, "path");
+}, z = document, j = "http://www.w3.org/2000/svg", we = function(e, t, n) {
+  const o = z.createElementNS(j, "path");
   return x(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
-}, I = function(e) {
-  const t = O.createElementNS(j, "svg");
+}, V = function(e) {
+  const t = z.createElementNS(j, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, ce = function() {
-  const e = O.createElementNS(j, "line");
+}, re = function() {
+  const e = z.createElementNS(j, "line");
   return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
-}, Ie = function(e, t) {
+}, Ve = function(e, t) {
   const n = {
     stroke: "rgb(235, 95, 82)",
     fill: "none",
     "stroke-linecap": "cap",
     "stroke-width": "2"
-  }, o = O.createElementNS(j, "g"), s = O.createElementNS(j, "path"), i = O.createElementNS(j, "path");
+  }, o = z.createElementNS(j, "g"), s = z.createElementNS(j, "path"), i = z.createElementNS(j, "path");
   return x(i, {
     d: t,
     ...n
@@ -351,7 +354,7 @@ const Re = function(e) {
     ...n,
     "stroke-dasharray": "8,2"
   }), o.appendChild(s), o.appendChild(i), o;
-}, Ee = function(e, t, n) {
+}, _e = function(e, t, n) {
   if (!t)
     return;
   const o = document.createElement("div");
@@ -361,7 +364,7 @@ const Re = function(e) {
   const i = t.getAttribute("x"), r = t.getAttribute("y");
   o.style.cssText = `min-width:88px;position:absolute;left:${i}px;top:${r}px;`;
   const l = t.getAttribute("text-anchor");
-  l === "end" ? o.style.cssText += "transform: translate(-100%, -100%);" : l === "middle" ? o.style.cssText += "transform: translate(-50%, -100%);" : o.style.cssText += "transform: translate(0, -100%);", o.focus(), we(o), o.addEventListener("keydown", (c) => {
+  l === "end" ? o.style.cssText += "transform: translate(-100%, -100%);" : l === "middle" ? o.style.cssText += "transform: translate(-50%, -100%);" : o.style.cssText += "transform: translate(0, -100%);", o.focus(), xe(o), o.addEventListener("keydown", (c) => {
     c.stopPropagation();
     const d = c.key;
     if (d === "Enter" || d === "Tab") {
@@ -372,46 +375,46 @@ const Re = function(e) {
   }), o.addEventListener("blur", () => {
     o && n(o);
   });
-}, Fe = function(e) {
+}, Ie = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight;
   this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.nodes.style.left = `${1e4 - o - s / 2}px`;
   const r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let l = 0; l < r.length; l++) {
-    const c = r[l], d = c.querySelector("me-tpc"), { offsetLeft: h, offsetTop: a } = N(this.nodes, d), f = d.offsetWidth, m = d.offsetHeight, u = c.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: h, cW: f, cH: m, direction: u, containerHeight: this.nodes.offsetHeight }), g = this.theme.palette, y = d.nodeObj.branchColor || g[l % g.length];
-    d.style.borderColor = y, this.lines.appendChild(_e(p, y, "3"));
+    const c = r[l], d = c.querySelector("me-tpc"), { offsetLeft: h, offsetTop: a } = $(this.nodes, d), f = d.offsetWidth, g = d.offsetHeight, u = c.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: a, cL: h, cW: f, cH: g, direction: u, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, y = d.nodeObj.branchColor || m[l % m.length];
+    d.style.borderColor = y, this.lines.appendChild(we(p, y, "3"));
     const v = c.children[0].children[1];
     if (v && (v.style.top = (v.parentNode.offsetHeight - v.offsetHeight) / 2 + "px", u === "lhs" ? v.style.left = "-10px" : v.style.right = "-10px"), e && e !== c)
       continue;
-    const w = I("subLines"), _ = c.lastChild;
-    _.tagName === "svg" && _.remove(), c.appendChild(w), Se(this, w, y, c, u, !0);
+    const w = V("subLines"), _ = c.lastChild;
+    _.tagName === "svg" && _.remove(), c.appendChild(w), Ee(this, w, y, c, u, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, Se = function(e, t, n, o, s, i) {
+}, Ee = function(e, t, n, o, s, i) {
   const r = o.firstChild, l = o.children[1].children;
   if (l.length === 0)
     return;
   const c = r.offsetTop, d = r.offsetLeft, h = r.offsetWidth, a = r.offsetHeight;
   for (let f = 0; f < l.length; f++) {
-    const m = l[f], u = m.firstChild, p = u.offsetTop, g = u.offsetLeft, y = u.offsetWidth, v = u.offsetHeight, w = u.firstChild.nodeObj.branchColor || n, _ = e.generateSubBranch({ pT: c, pL: d, pW: h, pH: a, cT: p, cL: g, cW: y, cH: v, direction: s, isFirst: i });
-    t.appendChild(_e(_, w, "2"));
+    const g = l[f], u = g.firstChild, p = u.offsetTop, m = u.offsetLeft, y = u.offsetWidth, v = u.offsetHeight, w = u.firstChild.nodeObj.branchColor || n, _ = e.generateSubBranch({ pT: c, pL: d, pW: h, pH: a, cT: p, cL: m, cW: y, cH: v, direction: s, isFirst: i });
+    t.appendChild(we(_, w, "2"));
     const E = u.children[1];
     if (E) {
       if (E.style.bottom = -(E.offsetHeight / 2) + "px", s === "lhs" ? E.style.left = "10px" : s === "rhs" && (E.style.right = "10px"), !E.expanded)
         continue;
     } else
       continue;
-    Se(e, t, w, m, s);
+    Ee(e, t, w, g, s);
   }
 };
-const B = (e, t) => {
+const D = (e, t) => {
   const n = document.createElement("span");
   return n.id = e, n.innerHTML = `<svg class="icon" aria-hidden="true">
     <use xlink:href="#icon-${t}"></use>
   </svg>`, n;
 };
-function We(e) {
-  const t = document.createElement("div"), n = B("fullscreen", "full"), o = B("toCenter", "living"), s = B("zoomout", "move"), i = B("zoomin", "add"), r = document.createElement("span");
+function Fe(e) {
+  const t = document.createElement("div"), n = D("fullscreen", "full"), o = D("toCenter", "living"), s = D("zoomout", "move"), i = D("zoomin", "add"), r = document.createElement("span");
   return r.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
     e.mindElixirBox.requestFullscreen();
   }, o.onclick = () => {
@@ -422,8 +425,8 @@ function We(e) {
     e.scaleVal > 1.6 || e.scale(e.scaleVal + 0.2);
   }, t;
 }
-function Xe(e) {
-  const t = document.createElement("div"), n = B("tbltl", "left"), o = B("tbltr", "right"), s = B("tblts", "side");
+function We(e) {
+  const t = document.createElement("div"), n = D("tbltl", "left"), o = D("tbltr", "right"), s = D("tblts", "side");
   return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
@@ -432,12 +435,12 @@ function Xe(e) {
     e.initSide();
   }, t;
 }
-function Ye(e) {
-  e.container.append(We(e)), e.container.append(Xe(e));
+function Xe(e) {
+  e.container.append(Fe(e)), e.container.append(We(e));
 }
 /*! @viselect/vanilla v3.6.0 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-var Ge = Object.defineProperty, Ke = (e, t, n) => t in e ? Ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n) => Ke(e, typeof t != "symbol" ? t + "" : t, n);
-class Ue {
+var Ye = Object.defineProperty, Ge = (e, t, n) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n) => Ge(e, typeof t != "symbol" ? t + "" : t, n);
+class Ke {
   constructor() {
     b(this, "_listeners", /* @__PURE__ */ new Map()), b(this, "on", this.addEventListener), b(this, "off", this.removeEventListener), b(this, "emit", this.dispatchEvent);
   }
@@ -459,27 +462,27 @@ class Ue {
     this._listeners.clear();
   }
 }
-const ae = (e, t = "px") => typeof e == "number" ? e + t : e;
+const le = (e, t = "px") => typeof e == "number" ? e + t : e;
 function T({ style: e }, t, n) {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
-      s !== void 0 && (e[o] = ae(s));
+      s !== void 0 && (e[o] = le(s));
   else
-    n !== void 0 && (e[t] = ae(n));
+    n !== void 0 && (e[t] = le(n));
 }
-const Ce = (e) => (t, n, o, s = {}) => {
+const Se = (e) => (t, n, o, s = {}) => {
   t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
   for (const i of t)
     if (i)
       for (const r of n)
         i[e](r, o, { capture: !1, ...s });
   return [t, n, o, s];
-}, D = Ce("addEventListener"), M = Ce("removeEventListener"), X = (e) => {
+}, k = Se("addEventListener"), M = Se("removeEventListener"), W = (e) => {
   var t;
   const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: s };
 };
-function he(e, t, n = "touch") {
+function ce(e, t, n = "touch") {
   switch (n) {
     case "center": {
       const o = t.left + t.width / 2, s = t.top + t.height / 2;
@@ -491,7 +494,7 @@ function he(e, t, n = "touch") {
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
 }
-function P(e, t = document) {
+function H(e, t = document) {
   const n = Array.isArray(e) ? e : [e];
   let o = [];
   for (let s = 0, i = n.length; s < i; s++) {
@@ -500,7 +503,7 @@ function P(e, t = document) {
   }
   return o;
 }
-const Je = () => matchMedia("(hover: none), (pointer: coarse)").matches, Qe = () => "safari" in window, Ze = (e) => {
+const Ue = () => matchMedia("(hover: none), (pointer: coarse)").matches, Je = () => "safari" in window, Qe = (e) => {
   let t, n = -1, o = !1;
   return {
     next(...s) {
@@ -513,7 +516,7 @@ const Je = () => matchMedia("(hover: none), (pointer: coarse)").matches, Qe = ()
     }
   };
 };
-function et(e, t) {
+function Ze(e, t) {
   for (const n of t) {
     if (typeof n == "number")
       return e.button === n;
@@ -533,16 +536,16 @@ function et(e, t) {
   }
   return !1;
 }
-const { abs: H, max: de, min: ue, ceil: fe } = Math, pe = (e = []) => ({
+const { abs: B, max: ae, min: he, ceil: de } = Math, ue = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
   changed: { added: [], removed: [] }
 });
-class tt extends Ue {
+class et extends Ke {
   constructor(t) {
     var n, o, s, i, r;
-    super(), b(this, "_options"), b(this, "_selection", pe()), b(this, "_area"), b(this, "_clippingElement"), b(this, "_targetElement"), b(this, "_targetBoundary"), b(this, "_targetBoundaryScrolled", !0), b(this, "_targetRect"), b(this, "_selectables", []), b(this, "_latestElement"), b(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), b(this, "_areaRect", new DOMRect()), b(this, "_singleClick", !0), b(this, "_frame"), b(this, "_scrollAvailable", !0), b(this, "_scrollingActive", !1), b(this, "_scrollSpeed", { x: 0, y: 0 }), b(this, "_scrollDelta", { x: 0, y: 0 }), b(this, "disable", this._toggleStartEvents.bind(this, !1)), b(this, "enable", this._toggleStartEvents), this._options = {
+    super(), b(this, "_options"), b(this, "_selection", ue()), b(this, "_area"), b(this, "_clippingElement"), b(this, "_targetElement"), b(this, "_targetBoundary"), b(this, "_targetBoundaryScrolled", !0), b(this, "_targetRect"), b(this, "_selectables", []), b(this, "_latestElement"), b(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), b(this, "_areaRect", new DOMRect()), b(this, "_singleClick", !0), b(this, "_frame"), b(this, "_scrollAvailable", !0), b(this, "_scrollingActive", !1), b(this, "_scrollSpeed", { x: 0, y: 0 }), b(this, "_scrollDelta", { x: 0, y: 0 }), b(this, "disable", this._toggleStartEvents.bind(this, !1)), b(this, "enable", this._toggleStartEvents), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -595,31 +598,31 @@ class tt extends Ue {
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = Ze((h) => {
+    }), this._frame = Qe((h) => {
       this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", h), this._redrawSelectionArea();
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, s = t ? D : M;
+    const { document: n, features: o } = this._options, s = t ? k : M;
     s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = X(t), { document: r, startAreas: l, boundaries: c, features: d, behaviour: h } = this._options, a = i.getBoundingClientRect();
-    if (t instanceof MouseEvent && !et(t, h.triggers))
+    const { x: o, y: s, target: i } = W(t), { document: r, startAreas: l, boundaries: c, features: d, behaviour: h } = this._options, a = i.getBoundingClientRect();
+    if (t instanceof MouseEvent && !Ze(t, h.triggers))
       return;
-    const f = P(l, r), m = P(c, r);
-    this._targetElement = m.find(
-      (y) => he(y.getBoundingClientRect(), a)
+    const f = H(l, r), g = H(c, r);
+    this._targetElement = g.find(
+      (y) => ce(y.getBoundingClientRect(), a)
     );
     const u = t.composedPath(), p = f.find((y) => u.includes(y));
-    if (this._targetBoundary = m.find((y) => u.includes(y)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    if (this._targetBoundary = g.find((y) => u.includes(y)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
     this._areaLocation = { x1: o, y1: s, x2: 0, y2: 0 };
-    const g = r.scrollingElement ?? r.body;
-    this._scrollDelta = { x: g.scrollLeft, y: g.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), D(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), D(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), D(r, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, D(this._targetBoundary, "scroll", this._onStartAreaScroll));
+    const m = r.scrollingElement ?? r.body;
+    this._scrollDelta = { x: m.scrollLeft, y: m.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), k(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), k(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), k(r, "scroll", this._onScroll), d.deselectOnBlur && (this._targetBoundaryScrolled = !1, k(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
-    const { singleTap: { intersect: n }, range: o } = this._options.features, s = X(t);
+    const { singleTap: { intersect: n }, range: o } = this._options.features, s = W(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -627,8 +630,8 @@ class tt extends Ue {
       this.resolveSelectables();
       const { x: l, y: c } = s;
       i = this._selectables.find((d) => {
-        const { right: h, left: a, top: f, bottom: m } = d.getBoundingClientRect();
-        return l < h && l > a && c < m && c > f;
+        const { right: h, left: a, top: f, bottom: g } = d.getBoundingClientRect();
+        return l < h && l > a && c < g && c > f;
       });
     }
     if (!i)
@@ -650,17 +653,17 @@ class tt extends Ue {
       r.includes(i) && (r.length === 1 || t.ctrlKey || r.every((l) => this._selection.stored.includes(l))) ? this.deselect(i) : (this.select(i), this._latestElement = i);
   }
   _delayedTapMove(t) {
-    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: l, y: c } = X(t);
+    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: l, y: c } = W(t);
     if (
       // Single number for both coordinates
-      typeof s == "number" && H(l + c - (i + r)) >= s || // Different x and y threshold
-      typeof s == "object" && H(l - i) >= s.x || H(c - r) >= s.y
+      typeof s == "number" && B(l + c - (i + r)) >= s || // Different x and y threshold
+      typeof s == "object" && B(l - i) >= s.x || B(c - r) >= s.y
     ) {
       if (M(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
         M(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      D(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), T(this._area, "display", "block"), P(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (D(this._targetElement, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
+      k(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), T(this._area, "display", "block"), H(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (k(this._targetElement, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
@@ -685,7 +688,7 @@ class tt extends Ue {
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: r } = s.behaviour.scrolling, l = this._targetElement, { x: c, y: d } = X(t);
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: r } = s.behaviour.scrolling, l = this._targetElement, { x: c, y: d } = W(t);
     if (o.x2 = c, o.y2 = d, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const h = () => {
@@ -694,7 +697,7 @@ class tt extends Ue {
           return;
         }
         const { scrollTop: a, scrollLeft: f } = l;
-        n.y && (l.scrollTop += fe(n.y / r), o.y1 -= l.scrollTop - a), n.x && (l.scrollLeft += fe(n.x / r), o.x1 -= l.scrollLeft - f), i.next(t), requestAnimationFrame(h);
+        n.y && (l.scrollTop += de(n.y / r), o.y1 -= l.scrollTop - a), n.x && (l.scrollLeft += de(n.x / r), o.x1 -= l.scrollLeft - f), i.next(t), requestAnimationFrame(h);
       };
       requestAnimationFrame(h);
     } else
@@ -703,7 +706,7 @@ class tt extends Ue {
   }
   _handleMoveEvent(t) {
     const { features: n } = this._options;
-    (n.touch && Je() || this._scrollAvailable && Qe()) && t.preventDefault();
+    (n.touch && Ue() || this._scrollAvailable && Je()) && t.preventDefault();
   }
   _onScroll() {
     const { _scrollDelta: t, _options: { document: n } } = this, { scrollTop: o, scrollLeft: s } = n.scrollingElement ?? n.body;
@@ -717,11 +720,11 @@ class tt extends Ue {
     this._scrollSpeed.y += o * n, this._scrollSpeed.x += s * n, this._onTapMove(t), t.preventDefault();
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, { scrollTop: i, scrollHeight: r, clientHeight: l, scrollLeft: c, scrollWidth: d, clientWidth: h } = o, a = this._targetRect, { x1: f, y1: m } = n;
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: s } = this, { scrollTop: i, scrollHeight: r, clientHeight: l, scrollLeft: c, scrollWidth: d, clientWidth: h } = o, a = this._targetRect, { x1: f, y1: g } = n;
     let { x2: u, y2: p } = n;
-    const { behaviour: { scrolling: { startScrollMargins: g } } } = s;
-    u < a.left + g.x ? (t.x = c ? -H(a.left - u + g.x) : 0, u = u < a.left ? a.left : u) : u > a.right - g.x ? (t.x = d - c - h ? H(a.left + a.width - u - g.x) : 0, u = u > a.right ? a.right : u) : t.x = 0, p < a.top + g.y ? (t.y = i ? -H(a.top - p + g.y) : 0, p = p < a.top ? a.top : p) : p > a.bottom - g.y ? (t.y = r - i - l ? H(a.top + a.height - p - g.y) : 0, p = p > a.bottom ? a.bottom : p) : t.y = 0;
-    const y = ue(f, u), v = ue(m, p), w = de(f, u), _ = de(m, p);
+    const { behaviour: { scrolling: { startScrollMargins: m } } } = s;
+    u < a.left + m.x ? (t.x = c ? -B(a.left - u + m.x) : 0, u = u < a.left ? a.left : u) : u > a.right - m.x ? (t.x = d - c - h ? B(a.left + a.width - u - m.x) : 0, u = u > a.right ? a.right : u) : t.x = 0, p < a.top + m.y ? (t.y = i ? -B(a.top - p + m.y) : 0, p = p < a.top ? a.top : p) : p > a.bottom - m.y ? (t.y = r - i - l ? B(a.top + a.height - p - m.y) : 0, p = p > a.bottom ? a.bottom : p) : t.y = 0;
+    const y = he(f, u), v = he(g, p), w = ae(f, u), _ = ae(g, p);
     this._areaRect = new DOMRect(y, v, w - y, _ - v);
   }
   _redrawSelectionArea() {
@@ -734,29 +737,29 @@ class tt extends Ue {
     M(this._targetElement, "scroll", this._onStartAreaScroll), M(s, ["mousemove", "touchmove"], this._delayedTapMove), M(s, ["touchmove", "mousemove"], this._onTapMove), M(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), M(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, M(this._targetElement, "wheel", this._manualScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), T(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: l } = o, { intersect: c, overlap: d } = n.behaviour, h = d === "invert", a = [], f = [], m = [];
+    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: l } = o, { intersect: c, overlap: d } = n.behaviour, h = d === "invert", a = [], f = [], g = [];
     for (let p = 0; p < t.length; p++) {
-      const g = t[p];
-      if (he(s, g.getBoundingClientRect(), c)) {
-        if (r.includes(g))
-          i.includes(g) && !l.includes(g) && l.push(g);
-        else if (h && i.includes(g)) {
-          m.push(g);
+      const m = t[p];
+      if (ce(s, m.getBoundingClientRect(), c)) {
+        if (r.includes(m))
+          i.includes(m) && !l.includes(m) && l.push(m);
+        else if (h && i.includes(m)) {
+          g.push(m);
           continue;
         } else
-          f.push(g);
-        a.push(g);
+          f.push(m);
+        a.push(m);
       }
     }
     h && f.push(...i.filter((p) => !r.includes(p)));
     const u = d === "keep";
     for (let p = 0; p < r.length; p++) {
-      const g = r[p];
-      !a.includes(g) && !// Check if the user wants to keep previously selected elements, e.g.,
+      const m = r[p];
+      !a.includes(m) && !// 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.
-      (u && i.includes(g)) && m.push(g);
+      (u && i.includes(m)) && g.push(m);
     }
-    o.selected = a, o.changed = { added: f, removed: m }, this._latestElement = void 0;
+    o.selected = a, o.changed = { added: f, removed: g }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -807,7 +810,7 @@ class tt extends Ue {
    * Will update everything that can be selected.
    */
   resolveSelectables() {
-    this._selectables = P(this._options.selectables, this._options.document);
+    this._selectables = H(this._options.selectables, this._options.document);
   }
   /**
    * Same as deselecting, but for all elements currently selected.
@@ -819,7 +822,7 @@ class tt extends Ue {
     i.added = [], i.removed.push(
       ...o,
       ...t ? s : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = pe(t ? [] : s);
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = ue(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -851,7 +854,7 @@ class tt extends Ue {
    * @param quiet - If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: s, stored: i } = this._selection, r = P(t, this._options.document).filter(
+    const { changed: o, selected: s, stored: i } = this._selection, r = H(t, this._options.document).filter(
       (l) => !s.includes(l) && !i.includes(l)
     );
     return i.push(...r), s.push(...r), o.added.push(...r), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), r;
@@ -862,7 +865,7 @@ class tt extends Ue {
    * @param quiet - If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: s, changed: i } = this._selection, r = P(t, this._options.document).filter(
+    const { selected: o, stored: s, changed: i } = this._selection, r = H(t, this._options.document).filter(
       (l) => o.includes(l) || s.includes(l)
     );
     r.length && (this._selection.stored = s.filter((l) => !r.includes(l)), this._selection.selected = o.filter((l) => !r.includes(l)), this._selection.changed.added = [], this._selection.changed.removed.push(
@@ -870,20 +873,21 @@ class tt extends Ue {
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
   }
 }
-b(tt, "version", "3.6.0");
-const nt = function(e, t = !0) {
-  e.cssVar = { ...ee.cssVar, ...e.cssVar }, this.theme = e;
+b(et, "version", "3.6.0");
+const tt = function(e, t = !0) {
+  this.theme = e;
   const n = this.theme.cssVar, o = Object.keys(n);
+  this.mindElixirBox.style.cssText = "";
   for (let s = 0; s < o.length; s++) {
     const i = o[s];
     this.mindElixirBox.style.setProperty(i, n[i]);
   }
-  t && this.refresh();
-}, ot = function(e) {
+  e.cssVar["--gap"] || this.mindElixirBox.style.setProperty("--gap", "30px"), t && this.refresh();
+}, nt = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
 };
-function Le(e) {
+function Ce(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -892,7 +896,7 @@ function Le(e) {
     theme: e.theme
   };
 }
-const st = function(e, t, n) {
+const ot = function(e, t, n) {
   if (e) {
     if (this.clearSelection(), typeof e == "string") {
       const o = L(e);
@@ -900,9 +904,9 @@ const st = function(e, t, n) {
     }
     e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
   }
-}, it = function() {
+}, st = function() {
   this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, rt = function(e) {
+}, it = function(e) {
   this.clearSelection();
   for (const t of e)
     t.className = "selected";
@@ -910,23 +914,23 @@ const st = function(e, t, n) {
     "selectNodes",
     e.map((t) => t.nodeObj)
   );
-}, lt = function() {
+}, rt = function() {
   if (this.currentNodes)
     for (const e of this.currentNodes)
       e.classList.remove("selected");
   this.currentNodes = null, this.bus.fire("unselectNodes");
-}, ct = function() {
+}, lt = function() {
   this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
-}, at = function() {
-  const e = Le(this);
+}, ct = function() {
+  const e = Ce(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, ht = function() {
+}, at = function() {
   return JSON.parse(this.getDataString());
-}, dt = function() {
-  const e = Le(this).nodeData;
+}, ht = function() {
+  const e = Ce(this).nodeData;
   let t = "# " + e.topic + `
 
 `;
@@ -938,33 +942,33 @@ const st = function(e, t, n) {
 `, o[i].children && n(o[i].children || [], s + 1);
   }
   return n(e.children || [], 2), t;
-}, ut = function() {
+}, dt = function() {
   this.editable = !0;
-}, ft = function() {
+}, ut = function() {
   this.editable = !1;
-}, pt = function(e) {
+}, ft = function(e) {
   this.scaleVal = e, this.map.style.transform = "scale(" + e + ")", this.bus.fire("scale", e);
-}, mt = function() {
+}, pt = function() {
   this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, gt = function(e) {
+}, mt = function(e) {
   e(this);
-}, vt = function(e) {
+}, gt = function(e) {
   e.nodeObj.parent && (this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.initRight(), this.toCenter());
-}, yt = function() {
+}, vt = function() {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
-}, bt = function() {
+}, yt = function() {
   this.direction = 0, this.refresh();
-}, xt = function() {
+}, bt = function() {
   this.direction = 1, this.refresh();
-}, wt = function() {
+}, xt = function() {
   this.direction = 2, this.refresh();
-}, _t = function(e) {
+}, wt = function(e) {
   this.locale = e, this.refresh();
-}, Et = function(e, t) {
+}, _t = function(e, t) {
   const n = e.nodeObj;
   typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
   const o = e.parentNode, s = o.children[1];
-  if (s.expanded = n.expanded, s.className = n.expanded ? "minus" : "", ot(e), n.expanded) {
+  if (s.expanded = n.expanded, s.className = n.expanded ? "minus" : "", nt(e), n.expanded) {
     const i = this.createChildren(
       n.children.map((r) => this.createWrapper(r).grp)
     );
@@ -972,32 +976,32 @@ const st = function(e, t, n) {
   } else
     o.parentNode.children[1].remove();
   this.linkDiv(), this.bus.fire("expandNode", n);
-}, St = function(e) {
-  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), te(this.nodeData), this.layout(), this.linkDiv();
-}, Ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Et = function(e) {
+  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), Z(this.nodeData), this.layout(), this.linkDiv();
+}, St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: yt,
-  clearSelection: ct,
-  disableEdit: ft,
-  enableEdit: ut,
-  expandNode: Et,
-  focusNode: vt,
-  getData: ht,
-  getDataMd: dt,
-  getDataString: at,
-  initLeft: bt,
-  initRight: xt,
-  initSide: wt,
-  install: gt,
-  refresh: St,
-  scale: pt,
-  selectNode: st,
-  selectNodes: rt,
-  setLocale: _t,
-  toCenter: mt,
-  unselectNode: it,
-  unselectNodes: lt
-}, Symbol.toStringTag, { value: "Module" })), Lt = function(e) {
+  cancelFocus: vt,
+  clearSelection: lt,
+  disableEdit: ut,
+  enableEdit: dt,
+  expandNode: _t,
+  focusNode: gt,
+  getData: at,
+  getDataMd: ht,
+  getDataString: ct,
+  initLeft: yt,
+  initRight: bt,
+  initSide: xt,
+  install: mt,
+  refresh: Et,
+  scale: ft,
+  selectNode: ot,
+  selectNodes: it,
+  setLocale: wt,
+  toCenter: pt,
+  unselectNode: st,
+  unselectNodes: rt
+}, Symbol.toStringTag, { value: "Module" })), Ct = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -1023,11 +1027,11 @@ const st = function(e, t, n) {
       this.moved = !1, this.mousedown = !1;
     }
   };
-}, me = {
-  create: Lt
+}, fe = {
+  create: Ct
 };
-function J(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, l = o + i / 2, c = s + r / 2, d = l + n.x, h = c + n.y;
+function U(e, t, n) {
+  const { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, l = o + i / 2, c = s + r / 2, d = l + n.x, h = c + n.y;
   return {
     w: i,
     h: r,
@@ -1037,7 +1041,7 @@ function J(e, t, n) {
     ctrlY: h
   };
 }
-function z(e) {
+function P(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), {
@@ -1045,7 +1049,7 @@ function z(e) {
     y: n
   };
 }
-const Mt = function(e, t, n, o) {
+const Lt = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return x(s, {
     "text-anchor": "middle",
@@ -1053,18 +1057,18 @@ const Mt = function(e, t, n, o) {
     y: n + "",
     fill: o || "#666"
   }), s.dataset.type = "custom-link", s.innerHTML = e, s;
-}, Me = function(e, t, n, o, s) {
+}, Le = function(e, t, n, o, s) {
   if (!t || !n)
     return;
   performance.now();
-  const i = J(e, t, o.delta1), r = J(e, n, o.delta2), { x: l, y: c } = z(i), { ctrlX: d, ctrlY: h } = i, { ctrlX: a, ctrlY: f } = r, { x: m, y: u } = z(r), p = be(a, f, m, u), g = Ie(
-    `M ${l} ${c} C ${d} ${h} ${a} ${f} ${m} ${u}`,
-    `M ${p.x1} ${p.y1} L ${m} ${u} L ${p.x2} ${p.y2}`
-  ), y = l / 8 + d * 3 / 8 + a * 3 / 8 + m / 8, v = c / 8 + h * 3 / 8 + f * 3 / 8 + u / 8, w = Mt(o.label, y, v, e.theme.cssVar["--color"]);
-  g.appendChild(w), g.arrowObj = o, g.dataset.linkid = o.id, e.linkSvgGroup.appendChild(g), s || (e.arrows.push(o), e.currentArrow = g, $e(e, o, i, r)), performance.now();
-}, Tt = function(e, t) {
+  const i = U(e, t, o.delta1), r = U(e, n, o.delta2), { x: l, y: c } = P(i), { ctrlX: d, ctrlY: h } = i, { ctrlX: a, ctrlY: f } = r, { x: g, y: u } = P(r), p = ye(a, f, g, u), m = Ve(
+    `M ${l} ${c} C ${d} ${h} ${a} ${f} ${g} ${u}`,
+    `M ${p.x1} ${p.y1} L ${g} ${u} L ${p.x2} ${p.y2}`
+  ), y = l / 8 + d * 3 / 8 + a * 3 / 8 + g / 8, v = c / 8 + h * 3 / 8 + f * 3 / 8 + u / 8, w = Lt(o.label, y, v, e.theme.cssVar["--color"]);
+  m.appendChild(w), m.arrowObj = o, m.dataset.linkid = o.id, e.linkSvgGroup.appendChild(m), s || (e.arrows.push(o), e.currentArrow = m, Te(e, o, i, r)), performance.now();
+}, Mt = function(e, t) {
   const n = {
-    id: ne(),
+    id: ee(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
@@ -1077,15 +1081,15 @@ const Mt = function(e, t, n, o) {
       y: -200
     }
   };
-  Me(this, e, t, n), this.bus.fire("operation", {
+  Le(this, e, t, n), this.bus.fire("operation", {
     name: "createArrow",
     obj: n
   });
-}, $t = function(e) {
+}, Tt = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  Te(this);
+  Me(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -1093,18 +1097,18 @@ const Mt = function(e, t, n, o) {
       id: n
     }
   });
-}, Nt = function(e) {
+}, $t = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = L(t.from), o = L(t.to), s = J(this, n, t.delta1), i = J(this, o, t.delta2);
-  $e(this, t, s, i);
-}, At = function() {
-  this.currentArrow = null, Te(this);
-}, Te = function(e) {
+  const t = e.arrowObj, n = L(t.from), o = L(t.to), s = U(this, n, t.delta1), i = U(this, o, t.delta2);
+  Te(this, t, s, i);
+}, Nt = function() {
+  this.currentArrow = null, Me(this);
+}, Me = function(e) {
   e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none";
-}, $e = function(e, t, n, o) {
+}, Te = function(e, t, n, o) {
   var f;
   e.linkController.style.display = "initial", e.P2.style.display = "initial", e.P3.style.display = "initial", e.nodes.appendChild(e.linkController), e.nodes.appendChild(e.P2), e.nodes.appendChild(e.P3);
-  let { x: s, y: i } = z(n), { ctrlX: r, ctrlY: l } = n, { ctrlX: c, ctrlY: d } = o, { x: h, y: a } = z(o);
+  let { x: s, y: i } = P(n), { ctrlX: r, ctrlY: l } = n, { ctrlX: c, ctrlY: d } = o, { x: h, y: a } = P(o);
   e.P2.style.cssText = `top:${l}px;left:${r}px;`, e.P3.style.cssText = `top:${d}px;left:${c}px;`, x(e.line1, {
     x1: s + "",
     y1: i + "",
@@ -1115,14 +1119,14 @@ const Mt = function(e, t, n, o) {
     y1: d + "",
     x2: h + "",
     y2: a + ""
-  }), e.helper1 && (e.helper1.destory(e.map), (f = e.helper2) == null || f.destory(e.map)), e.helper1 = me.create(e.P2), e.helper2 = me.create(e.P3), e.helper1.init(e.map, (m, u) => {
+  }), e.helper1 && (e.helper1.destory(e.map), (f = e.helper2) == null || f.destory(e.map)), e.helper1 = fe.create(e.P2), e.helper2 = fe.create(e.P3), e.helper1.init(e.map, (g, u) => {
     var v;
-    r = r + m / e.scaleVal, l = l + u / e.scaleVal;
-    const p = z({ ...n, ctrlX: r, ctrlY: l });
+    r = r + g / e.scaleVal, l = l + u / e.scaleVal;
+    const p = P({ ...n, ctrlX: r, ctrlY: l });
     s = p.x, i = p.y;
-    const g = s / 8 + r * 3 / 8 + c * 3 / 8 + h / 8, y = i / 8 + l * 3 / 8 + d * 3 / 8 + a / 8;
+    const m = s / 8 + r * 3 / 8 + c * 3 / 8 + h / 8, y = i / 8 + l * 3 / 8 + d * 3 / 8 + a / 8;
     e.P2.style.top = l + "px", e.P2.style.left = r + "px", (v = e.currentArrow) == null || v.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${l} ${c} ${d} ${h} ${a}`), x(e.currentArrow.children[2], {
-      x: g + "",
+      x: m + "",
       y: y + ""
     }), x(e.line1, {
       x1: s + "",
@@ -1130,14 +1134,14 @@ const Mt = function(e, t, n, o) {
       x2: r + "",
       y2: l + ""
     }), t.delta1.x = r - n.cx, t.delta1.y = l - n.cy;
-  }), e.helper2.init(e.map, (m, u) => {
+  }), e.helper2.init(e.map, (g, u) => {
     var w, _;
-    c = c + m / e.scaleVal, d = d + u / e.scaleVal;
-    const p = z({ ...o, ctrlX: c, ctrlY: d });
+    c = c + g / e.scaleVal, d = d + u / e.scaleVal;
+    const p = P({ ...o, ctrlX: c, ctrlY: d });
     h = p.x, a = p.y;
-    const g = s / 8 + r * 3 / 8 + c * 3 / 8 + h / 8, y = i / 8 + l * 3 / 8 + d * 3 / 8 + a / 8, v = be(c, d, h, a);
+    const m = s / 8 + r * 3 / 8 + c * 3 / 8 + h / 8, y = i / 8 + l * 3 / 8 + d * 3 / 8 + a / 8, v = ye(c, d, h, a);
     e.P3.style.top = d + "px", e.P3.style.left = c + "px", (w = e.currentArrow) == null || w.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${l} ${c} ${d} ${h} ${a}`), (_ = e.currentArrow) == null || _.children[1].setAttribute("d", `M ${v.x1} ${v.y1} L ${h} ${a} L ${v.x2} ${v.y2}`), x(e.currentArrow.children[2], {
-      x: g + "",
+      x: m + "",
       y: y + ""
     }), x(e.line2, {
       x1: c + "",
@@ -1147,22 +1151,22 @@ const Mt = function(e, t, n, o) {
     }), t.delta2.x = c - o.cx, t.delta2.y = d - o.cy;
   });
 };
-function kt() {
+function At() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      Me(this, L(t.from), L(t.to), t, !0);
+      Le(this, L(t.from), L(t.to), t, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function Dt(e) {
+function kt(e) {
   if (!e)
     return;
   const t = e.children[2];
-  Ee(this, t, (n) => {
+  _e(this, t, (n) => {
     var i;
     const o = e.arrowObj, s = ((i = n.textContent) == null ? void 0 : i.trim()) || "";
     s === "" ? o.label = origin : o.label = s, n.remove(), s !== origin && (t.innerHTML = o.label, this.linkDiv(), this.bus.fire("operation", {
@@ -1171,19 +1175,19 @@ function Dt(e) {
     }));
   });
 }
-function Ht() {
-  this.arrows = this.arrows.filter((e) => K(e.from, this.nodeData) && K(e.to, this.nodeData));
+function Bt() {
+  this.arrows = this.arrows.filter((e) => G(e.from, this.nodeData) && G(e.to, this.nodeData));
 }
-const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: Tt,
-  editArrowLabel: Dt,
-  removeArrow: $t,
-  renderArrow: kt,
-  selectArrow: Nt,
-  tidyArrow: Ht,
-  unselectArrow: At
-}, Symbol.toStringTag, { value: "Module" })), Pt = function(e) {
+  createArrow: Mt,
+  editArrowLabel: kt,
+  removeArrow: Tt,
+  renderArrow: At,
+  selectArrow: $t,
+  tidyArrow: Bt,
+  unselectArrow: Nt
+}, Symbol.toStringTag, { value: "Module" })), Ht = function(e) {
   var c, d;
   if (e.length === 0)
     throw new Error("No selected node.");
@@ -1191,7 +1195,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     const h = e[0].nodeObj, a = e[0].nodeObj.parent;
     if (!a)
       throw new Error("Can not select root node.");
-    const f = a.children.findIndex((m) => h === m);
+    const f = a.children.findIndex((g) => h === g);
     return {
       parent: a.id,
       start: f,
@@ -1203,8 +1207,8 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     let a = h.nodeObj;
     const f = [];
     for (; a.parent; ) {
-      const m = a.parent, u = m.children, p = u == null ? void 0 : u.indexOf(a);
-      a = m, f.unshift({ node: a, index: p });
+      const g = a.parent, u = g.children, p = u == null ? void 0 : u.indexOf(a);
+      a = g, f.unshift({ node: a, index: p });
     }
     return f.length > t && (t = f.length), f;
   });
@@ -1226,10 +1230,10 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: r
   };
-}, zt = function(e) {
+}, Pt = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, ge = function(e, t) {
+}, pe = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return x(n, {
     d: e,
@@ -1238,7 +1242,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, ve = function(e, t, n, o, s) {
+}, me = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return x(i, {
     "text-anchor": o,
@@ -1246,43 +1250,43 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, Ot = (e) => L(e).parentElement.parentElement, jt = function({ parent: e, start: t }) {
+}, zt = (e) => L(e).parentElement.parentElement, jt = function({ parent: e, start: t }) {
   var i, r;
   const n = L(e), o = n.nodeObj;
   let s;
   return o.parent ? s = (i = n.closest("me-main")) == null ? void 0 : i.className : s = (r = L(o.children[t].id).closest("me-main")) == null ? void 0 : r.className, s;
-}, Ne = function(e, t) {
-  var oe;
+}, $e = function(e, t) {
+  var te;
   const { id: n, text: o, parent: s, start: i, end: r } = t, l = e.nodes, d = L(s).nodeObj, h = jt(t);
-  let a = 1 / 0, f = 0, m = 0, u = 0;
-  for (let R = i; R <= r; R++) {
-    const se = (oe = d.children) == null ? void 0 : oe[R];
-    if (!se)
+  let a = 1 / 0, f = 0, g = 0, u = 0;
+  for (let q = i; q <= r; q++) {
+    const ne = (te = d.children) == null ? void 0 : te[q];
+    if (!ne)
       return e.removeSummary(n), null;
-    const F = Ot(se.id), { offsetLeft: W, offsetTop: ie } = N(l, F);
-    R === i && (m = ie + 20), R === r && (u = ie + F.offsetHeight - 20), W < a && (a = W), F.offsetWidth + W > f && (f = F.offsetWidth + W);
+    const I = zt(ne.id), { offsetLeft: F, offsetTop: oe } = $(l, I);
+    q === i && (g = oe + 20), q === r && (u = oe + I.offsetHeight - 20), F < a && (a = F), I.offsetWidth + F > f && (f = I.offsetWidth + F);
   }
-  let p, g;
-  const y = m + 10, v = u + 10, w = (y + v) / 2, _ = e.theme.cssVar["--color"];
-  h === "lhs" ? (p = ge(`M ${a + 10} ${y} c -5 0 -10 5 -10 10 L ${a} ${v - 10} c 0 5 5 10 10 10 M ${a} ${w} h -10`, _), g = ve(o, a - 20, w + 6, "end", _)) : (p = ge(`M ${f - 10} ${y} c 5 0 10 5 10 10 L ${f} ${v - 10} c 0 5 -5 10 -10 10 M ${f} ${w} h 10`, _), g = ve(o, f + 20, w + 6, "start", _));
-  const E = zt("s-" + n);
-  return E.appendChild(p), E.appendChild(g), E.summaryObj = t, e.summarySvg.appendChild(E), E;
-}, qt = function() {
+  let p, m;
+  const y = g + 10, v = u + 10, w = (y + v) / 2, _ = e.theme.cssVar["--color"];
+  h === "lhs" ? (p = pe(`M ${a + 10} ${y} c -5 0 -10 5 -10 10 L ${a} ${v - 10} c 0 5 5 10 10 10 M ${a} ${w} h -10`, _), m = me(o, a - 20, w + 6, "end", _)) : (p = pe(`M ${f - 10} ${y} c 5 0 10 5 10 10 L ${f} ${v - 10} c 0 5 -5 10 -10 10 M ${f} ${w} h 10`, _), m = me(o, f + 20, w + 6, "start", _));
+  const E = Pt("s-" + n);
+  return E.appendChild(p), E.appendChild(m), E.summaryObj = t, e.summarySvg.appendChild(E), E;
+}, Ot = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: o } = Pt(e), s = { id: ne(), parent: t, start: n, end: o, text: "summary" }, i = Ne(this, s);
+  const { parent: t, start: n, end: o } = Ht(e), s = { id: ee(), parent: t, start: n, end: o, text: "summary" }, i = $e(this, s);
   this.summaries.push(s), this.editSummary(i), this.bus.fire("operation", {
     name: "createSummary",
     obj: s
   });
-}, Rt = function(e) {
+}, qt = function(e) {
   var n;
   const t = this.summaries.findIndex((o) => o.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
   });
-}, Vt = function(e) {
+}, Rt = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   x(s, {
     x: t.x - n + "",
@@ -1294,21 +1298,21 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), s.classList.add("selected"), e.appendChild(s), this.currentSummary = e;
-}, It = function() {
+}, Vt = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Ft = function() {
+}, It = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      Ne(this, e);
+      $e(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Wt = function(e) {
+}, Ft = function(e) {
   if (!e)
     return;
   const t = e.childNodes[1];
-  Ee(this, t, (n) => {
+  _e(this, t, (n) => {
     var i;
     const o = e.summaryObj, s = ((i = n.textContent) == null ? void 0 : i.trim()) || "";
     s === "" ? o.text = origin : o.text = s, n.remove(), s !== origin && (t.innerHTML = o.text, this.linkDiv(), this.bus.fire("operation", {
@@ -1316,16 +1320,16 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       obj: o
     }));
   });
-}, Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: qt,
-  editSummary: Wt,
-  removeSummary: Rt,
-  renderSummary: Ft,
-  selectSummary: Vt,
-  unselectSummary: It
+  createSummary: Ot,
+  editSummary: Ft,
+  removeSummary: qt,
+  renderSummary: It,
+  selectSummary: Rt,
+  unselectSummary: Vt
 }, Symbol.toStringTag, { value: "Module" })), C = "http://www.w3.org/2000/svg";
-function Yt(e, t) {
+function Xt(e, t) {
   const n = document.createElementNS(C, "svg");
   return x(n, {
     version: "1.1",
@@ -1334,10 +1338,10 @@ function Yt(e, t) {
     width: t
   }), n;
 }
-function Gt(e, t) {
+function Yt(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function Kt(e, t, n, o) {
+function Gt(e, t, n, o) {
   const s = document.createElementNS(C, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
@@ -1345,7 +1349,7 @@ function Kt(e, t, n, o) {
     const d = document.createElementNS(C, "text");
     x(d, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Gt(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
+      y: o + parseInt(t.paddingTop) + Yt(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -1354,7 +1358,7 @@ function Kt(e, t, n, o) {
     }), d.innerHTML = l, s.appendChild(d);
   }), s;
 }
-function Ut(e, t, n, o) {
+function Kt(e, t, n, o) {
   var l;
   let s = "";
   (l = e.nodeObj) != null && l.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
@@ -1371,8 +1375,8 @@ function Ut(e, t, n, o) {
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), r.innerHTML = s, i.appendChild(r), i;
 }
-function Jt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(C, "rect");
+function Ut(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(C, "rect");
   return x(i, {
     x: o + "",
     y: s + "",
@@ -1385,8 +1389,8 @@ function Jt(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function Y(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = N(e.nodes, t), r = document.createElementNS(C, "rect");
+function X(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = $(e.nodes, t), r = document.createElementNS(C, "rect");
   x(r, {
     x: s + "",
     y: i + "",
@@ -1401,10 +1405,10 @@ function Y(e, t, n = !1) {
   const l = document.createElementNS(C, "g");
   l.appendChild(r);
   let c;
-  return n ? c = Ut(t, o, s, i) : c = Kt(t, o, s, i), l.appendChild(c), l;
+  return n ? c = Kt(t, o, s, i) : c = Gt(t, o, s, i), l.appendChild(c), l;
 }
-function Qt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(C, "a"), r = document.createElementNS(C, "text");
+function Jt(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(C, "a"), r = document.createElementNS(C, "text");
   return x(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
@@ -1415,8 +1419,8 @@ function Qt(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
-function Zt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = N(e.nodes, t), i = document.createElementNS(C, "image");
+function Qt(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = $(e.nodes, t), i = document.createElementNS(C, "image");
   return x(i, {
     x: o + "",
     y: s + "",
@@ -1425,9 +1429,9 @@ function Zt(e, t) {
     href: t.src
   }), i;
 }
-const G = 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 = (e, t = !1) => {
-  var a, f, m;
-  const n = e.nodes, o = n.offsetHeight + G * 2, s = n.offsetWidth + G * 2, i = Yt(o + "px", s + "px"), r = document.createElementNS(C, "svg"), l = document.createElementNS(C, "rect");
+const Y = 100, Zt = '<?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">', en = (e, t = !1) => {
+  var a, f, g;
+  const n = e.nodes, o = n.offsetHeight + Y * 2, s = n.offsetWidth + Y * 2, i = Xt(o + "px", s + "px"), r = document.createElementNS(C, "svg"), l = document.createElementNS(C, "rect");
   x(l, {
     x: "0",
     y: "0",
@@ -1435,31 +1439,31 @@ const G = 100, en = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
   }), i.appendChild(l), n.querySelectorAll(".subLines").forEach((u) => {
-    const p = u.cloneNode(!0), { offsetLeft: g, offsetTop: y } = N(n, u.parentElement);
-    p.setAttribute("x", `${g}`), p.setAttribute("y", `${y}`), r.appendChild(p);
+    const p = u.cloneNode(!0), { offsetLeft: m, offsetTop: y } = $(n, u.parentElement);
+    p.setAttribute("x", `${m}`), p.setAttribute("y", `${y}`), r.appendChild(p);
   });
   const c = (a = n.querySelector(".lines")) == null ? void 0 : a.cloneNode(!0);
   c && r.appendChild(c);
   const d = (f = n.querySelector(".topiclinks")) == null ? void 0 : f.cloneNode(!0);
   d && r.appendChild(d);
-  const h = (m = n.querySelector(".summary")) == null ? void 0 : m.cloneNode(!0);
+  const h = (g = n.querySelector(".summary")) == null ? void 0 : g.cloneNode(!0);
   return h && r.appendChild(h), n.querySelectorAll("me-tpc").forEach((u) => {
-    u.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Y(e, u, !t)) : (r.appendChild(Jt(e, u)), r.appendChild(Y(e, u.text, !t)));
+    u.nodeObj.dangerouslySetInnerHTML ? r.appendChild(X(e, u, !t)) : (r.appendChild(Ut(e, u)), r.appendChild(X(e, u.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((u) => {
-    r.appendChild(Y(e, u));
+    r.appendChild(X(e, u));
   }), n.querySelectorAll(".icons > span").forEach((u) => {
-    r.appendChild(Y(e, u));
+    r.appendChild(X(e, u));
   }), n.querySelectorAll(".hyper-link").forEach((u) => {
-    r.appendChild(Qt(e, u));
+    r.appendChild(Jt(e, u));
   }), n.querySelectorAll("img").forEach((u) => {
-    r.appendChild(Zt(e, u));
+    r.appendChild(Qt(e, u));
   }), x(r, {
-    x: G + "",
-    y: G + "",
+    x: Y + "",
+    y: Y + "",
     overflow: "visible"
   }), i.appendChild(r), i;
-}, nn = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), en + e.outerHTML);
-function on(e) {
+}, tn = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Zt + e.outerHTML);
+function nn(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -1469,11 +1473,11 @@ function on(e) {
     }, o.readAsDataURL(e);
   });
 }
-const sn = function(e = !1, t) {
-  const n = tn(this, e), o = nn(n, t);
+const on = function(e = !1, t) {
+  const n = en(this, e), o = tn(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, rn = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await on(n);
+}, sn = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await nn(n);
   return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
@@ -1481,55 +1485,56 @@ const sn = function(e = !1, t) {
       l.width = r.width, l.height = r.height, l.getContext("2d").drawImage(r, 0, 0), l.toBlob(s, "image/png", 1);
     }, r.src = o, r.onerror = i;
   });
-}, ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: rn,
-  exportSvg: sn
-}, Symbol.toStringTag, { value: "Module" })), cn = {}, an = {
-  getObjById: K,
-  generateNewObj: Ae,
-  layout: He,
-  linkDiv: Fe,
-  editTopic: Re,
-  createWrapper: ze,
-  createParent: Oe,
+  exportPng: sn,
+  exportSvg: on
+}, Symbol.toStringTag, { value: "Module" })), ln = {}, cn = {
+  getObjById: G,
+  generateNewObj: Ne,
+  layout: Be,
+  linkDiv: Ie,
+  editTopic: qe,
+  createWrapper: Pe,
+  createParent: ze,
   createChildren: je,
-  createTopic: qe,
+  createTopic: Oe,
   findEle: L,
-  changeTheme: nt,
-  ...Ct,
-  ...cn,
-  ...Bt,
-  ...Xt,
+  changeTheme: tt,
+  ...St,
   ...ln,
+  ...Dt,
+  ...Wt,
+  ...rn,
   init(e) {
     if (!e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, te(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Ye(this), this.toCenter(), this.layout(), this.linkDiv();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, Z(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Xe(this), this.toCenter(), this.layout(), this.linkDiv();
   },
   destroy() {
     var e, t;
     this.disposable.forEach((n) => n()), (e = this.mindElixirBox) == null || e.remove(), this.mindElixirBox = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNode = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (t = this.selection) == null || t.destroy(), this.selection = void 0;
   }
 };
-function hn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, containerHeight: d }) {
+function an({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, containerHeight: d }) {
   let h = t + n / 2;
   const a = e + o / 2;
   let f;
   c === "lhs" ? f = i + r : f = i;
-  const m = s + l / 2, p = (1 - Math.abs(m - a) / d) * 0.25 * (n / 2);
-  return c === "lhs" ? h = h - n / 10 - p : h = h + n / 10 + p, `M ${h} ${a} Q ${h} ${m} ${f} ${m}`;
+  const g = s + l / 2, p = (1 - Math.abs(g - a) / d) * 0.25 * (n / 2);
+  return c === "lhs" ? h = h - n / 10 - p : h = h + n / 10 + p, `M ${h} ${a} Q ${h} ${g} ${f} ${g}`;
 }
-function dn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, isFirst: d }) {
-  let h = 0, a = 0;
-  d ? h = e + o / 2 : h = e + o;
-  const f = s + l;
-  let m = 0, u = 0, p = 0;
-  const g = Math.abs(h - f) / 300 * $;
-  return c === "lhs" ? (p = t, m = p + $, u = p - $, a = i + $, `M ${m} ${h} C ${p} ${h} ${p + g} ${f} ${u} ${f} H ${a}`) : (p = t + n, m = p - $, u = p + $, a = i + r - $, `M ${m} ${h} C ${p} ${h} ${p - g} ${f} ${u} ${f} H ${a}`);
+function hn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, isFirst: d }) {
+  const h = parseInt(this.mindElixirBox.style.getPropertyValue("--gap"));
+  let a = 0, f = 0;
+  d ? a = e + o / 2 : a = e + o;
+  const g = s + l;
+  let u = 0, p = 0, m = 0;
+  const y = Math.abs(a - g) / 300 * h;
+  return c === "lhs" ? (m = t, u = m + h, p = m - h, f = i + h, `M ${u} ${a} C ${m} ${a} ${m + y} ${g} ${p} ${g} H ${f}`) : (m = t + n, u = m - h, p = m + h, f = i + r - h, `M ${u} ${a} C ${m} ${a} ${m - y} ${g} ${p} ${g} H ${f}`);
 }
-const un = "4.2.5", V = document;
-function A({
+const dn = "4.3.1", R = document;
+function N({
   el: e,
   direction: t,
   locale: n,
@@ -1543,30 +1548,30 @@ function A({
   selectionContainer: h,
   before: a,
   newTopicName: f,
-  allowUndo: m,
+  allowUndo: g,
   generateMainBranch: u,
   generateSubBranch: p,
-  overflowHidden: g,
+  overflowHidden: m,
   theme: y
 }) {
   let v = null;
   const w = Object.prototype.toString.call(e);
   if (w === "[object HTMLDivElement]" ? v = e : w === "[object String]" && (v = document.querySelector(e)), !v)
     throw new Error("MindElixir: el is not a valid element");
-  v.className += " mind-elixir", v.innerHTML = "", v.style.setProperty("--gap", $ + "px"), this.mindElixirBox = v, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = d || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = f || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = m === void 0 ? !1 : m, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || hn, this.generateSubBranch = p || dn, this.overflowHidden = g || !1, this.bus = De.create(), this.container = V.createElement("div"), this.selectionContainer = h || this.container, this.container.className = "map-container";
+  v.className += " mind-elixir", v.innerHTML = "", this.mindElixirBox = v, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = d || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = f || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = g === void 0 ? !1 : g, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || an, this.generateSubBranch = p || hn, this.overflowHidden = m || !1, this.bus = ke.create(), this.container = R.createElement("div"), this.selectionContainer = h || this.container, this.container.className = "map-container";
   const _ = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = y || (_.matches ? ye : ee);
-  const E = V.createElement("div");
-  E.className = "map-canvas", this.map = E, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = I("lines"), this.summarySvg = I("summary"), this.linkController = I("linkcontroller"), this.P2 = V.createElement("div"), this.P3 = V.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ce(), this.line2 = ce(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = I("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ke(this);
+  this.theme = y || (_.matches ? ve : ge);
+  const E = R.createElement("div");
+  E.className = "map-canvas", this.map = E, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = R.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = V("lines"), this.summarySvg = V("summary"), this.linkController = V("linkcontroller"), this.P2 = R.createElement("div"), this.P3 = R.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = re(), this.line2 = re(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = V("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : Ae(this);
 }
-A.prototype = an;
-A.LEFT = q;
-A.RIGHT = Q;
-A.SIDE = Z;
-A.THEME = ee;
-A.DARK_THEME = ye;
-A.version = un;
-A.E = L;
+N.prototype = cn;
+N.LEFT = O;
+N.RIGHT = J;
+N.SIDE = Q;
+N.THEME = ge;
+N.DARK_THEME = ve;
+N.version = dn;
+N.E = L;
 export {
-  A as default
+  N as default
 };