mind-elixir 5.0.1 → 5.0.3

package/dist/MindElixir.js

@@ -1,7 +1,7 @@
-var lt = Object.defineProperty;
-var at = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ct = Object.defineProperty;
+var at = (e, t, n) => t in e ? ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var q = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
-const fe = {
+const pe = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -26,7 +26,7 @@ const fe = {
     "--panel-border-color": "#eaeaea",
     "--map-padding": "50px"
   }
-}, pe = {
+}, ge = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
@@ -72,10 +72,10 @@ const ne = function(e, t) {
     for (let n = 0; n < e.children.length; n++)
       $(e.children[n], e);
 };
-function ge(e) {
+function me(e) {
   if (e.id = V(), e.children)
     for (let t = 0; t < e.children.length; t++)
-      ge(e.children[t]);
+      me(e.children[t]);
 }
 function oe(e, t, n, o) {
   const i = o - t, s = e - n;
@@ -83,12 +83,12 @@ function oe(e, t, n, o) {
   if (isNaN(r))
     return;
   s < 0 && i > 0 && (r = 180 - r), s < 0 && i < 0 && (r = 180 + r), s > 0 && i < 0 && (r = 360 - r);
-  const c = 12, u = 30, a = r + u, f = r - u;
+  const l = 12, u = 30, a = r + u, f = r - u;
   return {
-    x1: n + Math.cos(Math.PI * a / 180) * c,
-    y1: o - Math.sin(Math.PI * a / 180) * c,
-    x2: n + Math.cos(Math.PI * f / 180) * c,
-    y2: o - Math.sin(Math.PI * f / 180) * c
+    x1: n + Math.cos(Math.PI * a / 180) * l,
+    y1: o - Math.sin(Math.PI * a / 180) * l,
+    x2: n + Math.cos(Math.PI * f / 180) * l,
+    y2: o - Math.sin(Math.PI * f / 180) * l
   };
 }
 function V() {
@@ -101,7 +101,7 @@ const dt = function() {
     id: e
   };
 };
-function me(e) {
+function ve(e) {
   return JSON.parse(
     JSON.stringify(e, (n, o) => {
       if (n !== "parent")
@@ -117,7 +117,7 @@ const H = (e, t) => {
 }, S = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, ae = (e) => e ? e.tagName === "ME-TPC" : !1, ce = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+}, de = (e) => e ? e.tagName === "ME-TPC" : !1, le = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
   for (let i = 0; i < o.length; i++) {
     if (t === o[i])
       continue;
@@ -129,7 +129,7 @@ const H = (e, t) => {
 }), Ye = (e) => {
   const t = /translate\(([^,]+),\s*([^)]+)\)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
-}, ve = function(e) {
+}, be = function(e) {
   for (let t = 0; t < e.length; t++) {
     const { dom: n, evt: o, func: i } = e[t];
     n.addEventListener(o, i);
@@ -162,14 +162,14 @@ const ht = (e) => {
     const o = n.firstChild.firstChild.firstChild;
     e.selectNode(o);
   }
-}, _e = function(e, t) {
+}, ke = function(e, t) {
   var s, r;
   const n = e.currentNode || ((s = e.currentNodes) == null ? void 0 : s[0]);
   if (!n)
     return;
   const o = n.nodeObj, i = n.offsetParent.offsetParent.parentElement;
   o.parent ? i.className === t ? gt(e, n) : (r = o.parent) != null && r.parent ? pt(e, n) : ft(e) : t === M.LHS ? ht(e) : ut(e);
-}, ke = function(e, t) {
+}, _e = function(e, t) {
   const n = e.currentNode;
   if (!n || !n.nodeObj.parent)
     return;
@@ -212,21 +212,21 @@ function mt(e, t) {
       else {
         if (i.metaKey || i.ctrlKey)
           return e.initSide();
-        ke(e, "previous");
+        _e(e, "previous");
       }
     },
     ArrowDown: (i) => {
-      i.altKey ? e.moveDownNode() : ke(e, "next");
+      i.altKey ? e.moveDownNode() : _e(e, "next");
     },
     ArrowLeft: (i) => {
       if (i.metaKey || i.ctrlKey)
         return e.initLeft();
-      _e(e, M.LHS);
+      ke(e, M.LHS);
     },
     ArrowRight: (i) => {
       if (i.metaKey || i.ctrlKey)
         return e.initRight();
-      _e(e, M.RHS);
+      ke(e, M.RHS);
     },
     PageUp: () => e.moveUpNode(),
     PageDown: () => {
@@ -255,7 +255,7 @@ function mt(e, t) {
     ...t
   };
   e.container.onkeydown = (i) => {
-    if (i.preventDefault(), !e.editable || i.target !== i.currentTarget)
+    if (i.preventDefault(), !e.editable)
       return;
     const s = o[i.key];
     s && s(i);
@@ -278,69 +278,69 @@ function vt(e) {
       t.clear();
       return;
     }
-    const l = d.target;
-    if (l.tagName === "ME-EPD")
-      d.ctrlKey || d.metaKey ? e.expandNodeAll(l.previousSibling) : e.expandNode(l.previousSibling);
-    else if (l.tagName === "ME-TPC" && e.currentNodes.length > 1)
-      e.selectNode(l);
+    const c = d.target;
+    if (c.tagName === "ME-EPD")
+      d.ctrlKey || d.metaKey ? e.expandNodeAll(c.previousSibling) : e.expandNode(c.previousSibling);
+    else if (c.tagName === "ME-TPC" && e.currentNodes.length > 1)
+      e.selectNode(c);
     else if (!e.editable)
       return;
-    const p = (b = l.parentElement) == null ? void 0 : b.parentElement;
-    p.getAttribute("class") === "topiclinks" ? e.selectArrow(l.parentElement) : p.getAttribute("class") === "summary" && e.selectSummary(l.parentElement);
+    const p = (b = c.parentElement) == null ? void 0 : b.parentElement;
+    p.getAttribute("class") === "topiclinks" ? e.selectArrow(c.parentElement) : p.getAttribute("class") === "summary" && e.selectSummary(c.parentElement);
   }, o = (d) => {
     var m;
     if (!e.editable)
       return;
-    const l = d.target;
-    ae(l) && e.beginEdit(l);
-    const p = (m = l.parentElement) == null ? void 0 : m.parentElement;
-    p.getAttribute("class") === "topiclinks" ? e.editArrowLabel(l.parentElement) : p.getAttribute("class") === "summary" && e.editSummary(l.parentElement);
+    const c = d.target;
+    de(c) && e.beginEdit(c);
+    const p = (m = c.parentElement) == null ? void 0 : m.parentElement;
+    p.getAttribute("class") === "topiclinks" ? e.editArrowLabel(c.parentElement) : p.getAttribute("class") === "summary" && e.editSummary(c.parentElement);
   };
   let i = 0;
   const s = (d) => {
     if (d.pointerType === "mouse")
       return;
-    const l = (/* @__PURE__ */ new Date()).getTime(), p = l - i;
-    p < 300 && p > 0 && o(d), i = l;
+    const c = (/* @__PURE__ */ new Date()).getTime(), p = c - i;
+    p < 300 && p > 0 && o(d), i = c;
   }, r = (d) => {
     t.moved = !1;
-    const l = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (d.button !== l && d.pointerType === "mouse")
+    const c = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (d.button !== c && d.pointerType === "mouse")
       return;
     t.x = d.clientX, t.y = d.clientY;
     const p = d.target;
     p.className !== "circle" && p.contentEditable !== "plaintext-only" && (t.mousedown = !0, e.map.style.transition = "none", p.setPointerCapture(d.pointerId));
-  }, c = (d) => {
+  }, l = (d) => {
     if (d.target.contentEditable !== "plaintext-only") {
-      const l = d.clientX - t.x, p = d.clientY - t.y;
-      t.onMove(l, p);
+      const c = d.clientX - t.x, p = d.clientY - t.y;
+      t.onMove(c, p);
     }
     t.x = d.clientX, t.y = d.clientY;
   }, u = (d) => {
-    const l = e.mouseSelectionButton === 0 ? 2 : 0;
-    if (d.button !== l && d.pointerType === "mouse")
+    const c = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (d.button !== c && d.pointerType === "mouse")
       return;
     const p = d.target;
     p.hasPointerCapture && p.hasPointerCapture(d.pointerId) && p.releasePointerCapture(d.pointerId), t.clear();
   }, a = (d) => {
     if (d.preventDefault(), d.button !== 2 || !e.editable)
       return;
-    const l = d.target;
-    ae(l) && !l.classList.contains("selected") && e.selectNode(l), setTimeout(() => {
+    const c = d.target;
+    de(c) && !c.classList.contains("selected") && e.selectNode(c), setTimeout(() => {
       e.dragMoveHelper.moved || e.bus.fire("showContextMenu", d);
     }, 200);
   }, f = (d) => {
     d.stopPropagation(), d.preventDefault(), d.ctrlKey || d.metaKey ? d.deltaY < 0 ? ie(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && ie(e, "out", e.dragMoveHelper) : d.shiftKey ? e.move(-d.deltaY, 0) : (e.map.style.transition = "none", e.move(-d.deltaX, -d.deltaY), e.map.style.transition = "transform 0.3s");
   }, { container: h } = e;
-  return ve([
+  return be([
     { dom: h, evt: "pointerdown", func: r },
-    { dom: h, evt: "pointermove", func: c },
+    { dom: h, evt: "pointermove", func: l },
     { dom: h, evt: "pointerup", func: u },
     { dom: h, evt: "pointerup", func: s },
     { dom: h, evt: "click", func: n },
     { dom: h, evt: "dblclick", func: o },
     { dom: h, evt: "contextmenu", func: a },
-    { dom: h, evt: "wheel", func: f }
+    { dom: h, evt: "wheel", func: typeof e.handleWheel == "function" ? e.handleWheel : f }
   ]);
 }
 function bt() {
@@ -371,7 +371,7 @@ function bt() {
 const se = document, yt = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  be(e, this.nodeData), e.draggable = !1;
+  ye(e, this.nodeData), e.draggable = !1;
   const t = se.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
@@ -388,8 +388,8 @@ const se = document, yt = function() {
   const i = se.createElement("me-main");
   i.className = M.RHS;
   for (let s = 0; s < t.length; s++) {
-    const r = t[s], { grp: c } = e.createWrapper(r);
-    e.direction === 2 ? r.direction === 0 ? o.appendChild(c) : i.appendChild(c) : e.direction === 0 ? o.appendChild(c) : i.appendChild(c);
+    const r = t[s], { grp: l } = e.createWrapper(r);
+    e.direction === 2 ? r.direction === 0 ? o.appendChild(l) : i.appendChild(l) : e.direction === 0 ? o.appendChild(l) : i.appendChild(l);
   }
   e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(i), e.nodes.appendChild(e.lines);
 }, xt = function(e, t) {
@@ -399,12 +399,12 @@ const se = document, yt = function() {
     n.appendChild(s);
   }
   return n;
-}, A = document, Ge = function(e, t) {
-  const o = (this != null && this.el ? this.el : t || document).querySelector(`[data-nodeid=me${e}]`);
+}, L = document, Ge = function(e, t) {
+  const o = (this != null && this.el ? this.el : t || document).querySelector(`[data-nodeid="me${e}"]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, be = function(e, t) {
+}, ye = function(e, t) {
   if (e.innerHTML = "", t.style) {
     const n = t.style;
     for (const o in n)
@@ -417,34 +417,34 @@ const se = document, yt = function() {
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = A.createElement("img");
+      const o = L.createElement("img");
       o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
   {
-    const n = A.createElement("span");
+    const n = L.createElement("span");
     n.className = "text", n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = A.createElement("a");
+    const n = L.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
-    const n = A.createElement("span");
+    const n = L.createElement("span");
     n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${te(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
-    const n = A.createElement("div");
+    const n = L.createElement("div");
     n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${te(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
 }, Et = function(e, t) {
-  const n = A.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
+  const n = L.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const s = ye(e.expanded);
+    const s = we(e.expanded);
     if (o.appendChild(s), e.expanded !== !1) {
       const r = xt(this, e.children);
       n.appendChild(r);
@@ -452,25 +452,25 @@ const se = document, yt = function() {
   }
   return { grp: n, top: o, tpc: i };
 }, Ct = function(e) {
-  const t = A.createElement("me-parent"), n = this.createTopic(e);
-  return be(n, e), t.appendChild(n), { p: t, tpc: n };
+  const t = L.createElement("me-parent"), n = this.createTopic(e);
+  return ye(n, e), t.appendChild(n), { p: t, tpc: n };
 }, St = function(e) {
-  const t = A.createElement("me-children");
+  const t = L.createElement("me-children");
   return t.append(...e), t;
 }, Nt = function(e) {
-  const t = A.createElement("me-tpc");
+  const t = L.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
 function Ke(e) {
-  const t = A.createRange();
+  const t = L.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const _t = function(e) {
+const kt = function(e) {
   if (!e)
     return;
-  const t = A.createElement("div"), n = e.text.textContent;
+  const t = L.createElement("div"), n = e.text.textContent;
   e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "plaintext-only", t.spellcheck = !1;
   const o = getComputedStyle(e);
   t.style.cssText = `min-width:${e.offsetWidth - 8}px;
@@ -501,11 +501,11 @@ const _t = function(e) {
       origin: n
     }));
   });
-}, ye = function(e) {
-  const t = A.createElement("me-epd");
+}, we = function(e) {
+  const t = L.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, W = document, k = "http://www.w3.org/2000/svg", qe = function(e, t, n) {
-  const o = W.createElementNS(k, "path");
+}, W = document, _ = "http://www.w3.org/2000/svg", qe = function(e, t, n) {
+  const o = W.createElementNS(_, "path");
   return S(o, {
     d: e,
     stroke: t || "#666",
@@ -513,13 +513,13 @@ const _t = function(e) {
     "stroke-width": n
   }), o;
 }, U = function(e) {
-  const t = W.createElementNS(k, "svg");
+  const t = W.createElementNS(_, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
 }, Te = function() {
-  const e = W.createElementNS(k, "line");
+  const e = W.createElementNS(_, "line");
   return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
-}, kt = function(e, t, n, o) {
-  const i = W.createElementNS(k, "g");
+}, _t = function(e, t, n, o) {
+  const i = W.createElementNS(_, "g");
   return [
     {
       name: "line",
@@ -533,16 +533,16 @@ const _t = function(e) {
       name: "arrow2",
       d: n
     }
-  ].forEach((r, c) => {
-    const u = r.d, a = W.createElementNS(k, "path"), f = {
+  ].forEach((r, l) => {
+    const u = r.d, a = W.createElementNS(_, "path"), f = {
       d: u,
       stroke: (o == null ? void 0 : o.stroke) || "rgb(235, 95, 82)",
       fill: "none",
       "stroke-linecap": (o == null ? void 0 : o.strokeLinecap) || "cap",
       "stroke-width": String((o == null ? void 0 : o.strokeWidth) || "2")
     };
-    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), S(a, f), c === 0 && a.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
-    const h = W.createElementNS(k, "path");
+    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), S(a, f), l === 0 && a.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
+    const h = W.createElementNS(_, "path");
     S(h, {
       d: u,
       stroke: "transparent",
@@ -567,17 +567,17 @@ const _t = function(e) {
     margin: -2px -4px; 
   `, Ke(o), e.scrollIntoView(o), o.addEventListener("keydown", (r) => {
     r.stopPropagation();
-    const c = r.key;
-    if (c === "Enter" || c === "Tab") {
+    const l = r.key;
+    if (l === "Enter" || l === "Tab") {
       if (r.shiftKey)
         return;
       r.preventDefault(), o.blur(), e.container.focus();
     }
   }), o.addEventListener("blur", () => {
-    var c;
+    var l;
     if (!o)
       return;
-    const r = ((c = o.textContent) == null ? void 0 : c.trim()) || "";
+    const r = ((l = o.textContent) == null ? void 0 : l.trim()) || "";
     r === "" ? n.label = i : n.label = r, o.remove(), r !== i && (t.innerHTML = n.label, e.linkDiv(), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
@@ -589,31 +589,31 @@ const _t = function(e) {
 }, Tt = function(e) {
   const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, i = t.offsetWidth, s = t.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
-  for (let c = 0; c < r.length; c++) {
-    const u = r[c], a = u.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = H(this.nodes, a), g = a.offsetWidth, d = a.offsetHeight, l = u.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: h, cL: f, cW: g, cH: d, direction: l, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, v = a.nodeObj.branchColor || m[c % m.length];
+  for (let l = 0; l < r.length; l++) {
+    const u = r[l], a = u.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = H(this.nodes, a), g = a.offsetWidth, d = a.offsetHeight, c = u.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: h, cL: f, cW: g, cH: d, direction: c, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, v = a.nodeObj.branchColor || m[l % m.length];
     if (a.style.borderColor = v, this.lines.appendChild(qe(p, v, "3")), e && e !== u)
       continue;
-    const b = U("subLines"), y = u.lastChild;
-    y.tagName === "svg" && y.remove(), u.appendChild(b), Ue(this, b, v, u, l, !0);
+    const b = U("subLines"), w = u.lastChild;
+    w.tagName === "svg" && w.remove(), u.appendChild(b), Ue(this, b, v, u, c, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, Ue = function(e, t, n, o, i, s) {
-  const r = o.firstChild, c = o.children[1].children;
-  if (c.length === 0)
+  const r = o.firstChild, l = o.children[1].children;
+  if (l.length === 0)
     return;
   const u = r.offsetTop, a = r.offsetLeft, f = r.offsetWidth, h = r.offsetHeight;
-  for (let g = 0; g < c.length; g++) {
-    const d = c[g], l = d.firstChild, p = l.offsetTop, m = l.offsetLeft, v = l.offsetWidth, b = l.offsetHeight, y = l.firstChild.nodeObj.branchColor || n, E = e.generateSubBranch({ pT: u, pL: a, pW: f, pH: h, cT: p, cL: m, cW: v, cH: b, direction: i, isFirst: s });
-    t.appendChild(qe(E, y, "2"));
-    const N = l.children[1];
+  for (let g = 0; g < l.length; g++) {
+    const d = l[g], c = d.firstChild, p = c.offsetTop, m = c.offsetLeft, v = c.offsetWidth, b = c.offsetHeight, w = c.firstChild.nodeObj.branchColor || n, E = e.generateSubBranch({ pT: u, pL: a, pW: f, pH: h, cT: p, cL: m, cW: v, cH: b, direction: i, isFirst: s });
+    t.appendChild(qe(E, w, "2"));
+    const N = c.children[1];
     if (N) {
       if (!N.expanded)
         continue;
     } else
       continue;
-    Ue(e, t, y, d, i);
+    Ue(e, t, w, d, i);
   }
-}, Ae = {
+}, Le = {
   addChild: "插入子节点",
   addParent: "插入父节点",
   addSibling: "插入同级节点",
@@ -623,11 +623,12 @@ const _t = function(e) {
   moveUp: "上移",
   moveDown: "下移",
   link: "连接",
+  linkBidirectional: "双向连接",
   clickTips: "请点击目标节点",
   summary: "摘要"
-}, Le = {
-  cn: Ae,
-  zh_CN: Ae,
+}, Ae = {
+  cn: Le,
+  zh_CN: Le,
   zh_TW: {
     addChild: "插入子節點",
     addParent: "插入父節點",
@@ -638,6 +639,7 @@ const _t = function(e) {
     moveUp: "上移",
     moveDown: "下移",
     link: "連接",
+    linkBidirectional: "雙向連接",
     clickTips: "請點擊目標節點",
     summary: "摘要"
   },
@@ -651,6 +653,7 @@ const _t = function(e) {
     moveUp: "Move up",
     moveDown: "Move down",
     link: "Link",
+    linkBidirectional: "Bidirectional Link",
     clickTips: "Please click the target node",
     summary: "Summary"
   },
@@ -664,6 +667,7 @@ const _t = function(e) {
     moveUp: "Поднять выше",
     moveDown: "Опустить ниже",
     link: "Ссылка",
+    linkBidirectional: "Двунаправленная ссылка",
     clickTips: "Пожалуйста, нажмите на целевой узел",
     summary: "Описание"
   },
@@ -677,6 +681,7 @@ const _t = function(e) {
     moveUp: "上へ移動",
     moveDown: "下へ移動",
     link: "コネクト",
+    linkBidirectional: "双方向リンク",
     clickTips: "ターゲットノードをクリックしてください",
     summary: "概要"
   },
@@ -690,6 +695,7 @@ const _t = function(e) {
     moveUp: "Mover para cima",
     moveDown: "Mover para baixo",
     link: "Link",
+    linkBidirectional: "Link bidirecional",
     clickTips: "Favor clicar no item alvo",
     summary: "Resumo"
   },
@@ -703,6 +709,7 @@ const _t = function(e) {
     moveUp: "Sposta su",
     moveDown: "Sposta giù",
     link: "Collega",
+    linkBidirectional: "Collegamento bidirezionale",
     clickTips: "Si prega di fare clic sul nodo di destinazione",
     summary: "Unisci nodi"
   },
@@ -716,6 +723,7 @@ const _t = function(e) {
     moveUp: "Mover hacia arriba",
     moveDown: "Mover hacia abajo",
     link: "Enlace",
+    linkBidirectional: "Enlace bidireccional",
     clickTips: "Por favor haga clic en el nodo de destino",
     summary: "Resumen"
   },
@@ -729,6 +737,7 @@ const _t = function(e) {
     moveUp: "Monter",
     moveDown: "Descendre",
     link: "Lier",
+    linkBidirectional: "Lien bidirectionnel",
     clickTips: "Cliquer sur le noeud cible",
     summary: "Annoter"
   },
@@ -742,87 +751,88 @@ const _t = function(e) {
     moveUp: "위로 이동",
     moveDown: "아래로 이동",
     link: "연결",
+    linkBidirectional: "양방향 연결",
     clickTips: "대상 노드를 클릭하십시오",
     summary: "요약"
   }
 };
-function At(e, t) {
+function Lt(e, t) {
   t = t === !0 ? {
     focus: !0,
     link: !0
   } : t;
-  const n = (w) => {
-    const x = document.createElement("div");
-    return x.innerText = w, x.className = "tips", x;
-  }, o = (w, x, C) => {
-    const _ = document.createElement("li");
-    return _.id = w, _.innerHTML = `<span>${te(x)}</span><span ${C ? 'class="key"' : ""}>${te(C)}</span>`, _;
-  }, i = Le[e.locale] ? e.locale : "en", s = Le[i], r = o("cm-add_child", s.addChild, "Tab"), c = o("cm-add_parent", s.addParent, "Ctrl + Enter"), u = o("cm-add_sibling", s.addSibling, "Enter"), a = o("cm-remove_child", s.removeNode, "Delete"), f = o("cm-fucus", s.focus, ""), h = o("cm-unfucus", s.cancelFocus, ""), g = o("cm-up", s.moveUp, "PgUp"), d = o("cm-down", s.moveDown, "Pgdn"), l = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", "Bidirectional Link", ""), m = o("cm-summary", s.summary, ""), v = document.createElement("ul");
-  if (v.className = "menu-list", v.appendChild(r), v.appendChild(c), v.appendChild(u), v.appendChild(a), t.focus && (v.appendChild(f), v.appendChild(h)), v.appendChild(g), v.appendChild(d), v.appendChild(m), t.link && (v.appendChild(l), v.appendChild(p)), t && t.extend)
-    for (let w = 0; w < t.extend.length; w++) {
-      const x = t.extend[w], C = o(x.name, x.name, x.key || "");
-      v.appendChild(C), C.onclick = (_) => {
-        x.onclick(_);
+  const n = (x) => {
+    const y = document.createElement("div");
+    return y.innerText = x, y.className = "tips", y;
+  }, o = (x, y, C) => {
+    const k = document.createElement("li");
+    return k.id = x, k.innerHTML = `<span>${te(y)}</span><span ${C ? 'class="key"' : ""}>${te(C)}</span>`, k;
+  }, i = Ae[e.locale] ? e.locale : "en", s = Ae[i], r = o("cm-add_child", s.addChild, "Tab"), l = o("cm-add_parent", s.addParent, "Ctrl + Enter"), u = o("cm-add_sibling", s.addSibling, "Enter"), a = o("cm-remove_child", s.removeNode, "Delete"), f = o("cm-fucus", s.focus, ""), h = o("cm-unfucus", s.cancelFocus, ""), g = o("cm-up", s.moveUp, "PgUp"), d = o("cm-down", s.moveDown, "Pgdn"), c = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", s.linkBidirectional, ""), m = o("cm-summary", s.summary, ""), v = document.createElement("ul");
+  if (v.className = "menu-list", v.appendChild(r), v.appendChild(l), v.appendChild(u), v.appendChild(a), t.focus && (v.appendChild(f), v.appendChild(h)), v.appendChild(g), v.appendChild(d), v.appendChild(m), t.link && (v.appendChild(c), v.appendChild(p)), t && t.extend)
+    for (let x = 0; x < t.extend.length; x++) {
+      const y = t.extend[x], C = o(y.name, y.name, y.key || "");
+      v.appendChild(C), C.onclick = (k) => {
+        y.onclick(k);
       };
     }
   const b = document.createElement("div");
   b.className = "context-menu", b.appendChild(v), b.hidden = !0, e.container.append(b);
-  let y = !0;
-  const E = (w) => {
-    const x = w.target;
-    if (ae(x)) {
-      x.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (f.className = "disabled", g.className = "disabled", d.className = "disabled", c.className = "disabled", u.className = "disabled", a.className = "disabled") : (f.className = "", g.className = "", d.className = "", c.className = "", u.className = "", a.className = ""), b.hidden = !1, v.style.top = "", v.style.bottom = "", v.style.left = "", v.style.right = "";
-      const C = v.getBoundingClientRect(), _ = v.offsetHeight, O = v.offsetWidth, B = w.clientY - C.top, R = w.clientX - C.left;
-      _ + B > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = B + 15 + "px"), O + R > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = R + 10 + "px");
+  let w = !0;
+  const E = (x) => {
+    const y = x.target;
+    if (de(y)) {
+      y.parentElement.tagName === "ME-ROOT" ? w = !0 : w = !1, w ? (f.className = "disabled", g.className = "disabled", d.className = "disabled", l.className = "disabled", u.className = "disabled", a.className = "disabled") : (f.className = "", g.className = "", d.className = "", l.className = "", u.className = "", a.className = ""), b.hidden = !1, v.style.top = "", v.style.bottom = "", v.style.left = "", v.style.right = "";
+      const C = v.getBoundingClientRect(), k = v.offsetHeight, O = v.offsetWidth, B = x.clientY - C.top, R = x.clientX - C.left;
+      k + B > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = B + 15 + "px"), O + R > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = R + 10 + "px");
     }
   };
-  e.bus.addListener("showContextMenu", E), b.onclick = (w) => {
-    w.target === b && (b.hidden = !0);
+  e.bus.addListener("showContextMenu", E), b.onclick = (x) => {
+    x.target === b && (b.hidden = !0);
   }, r.onclick = () => {
     e.addChild(), b.hidden = !0;
-  }, c.onclick = () => {
+  }, l.onclick = () => {
     e.insertParent(), b.hidden = !0;
   }, u.onclick = () => {
-    y || (e.insertSibling("after"), b.hidden = !0);
+    w || (e.insertSibling("after"), b.hidden = !0);
   }, a.onclick = () => {
-    y || (e.removeNodes(e.currentNodes || []), b.hidden = !0);
+    w || (e.removeNodes(e.currentNodes || []), b.hidden = !0);
   }, f.onclick = () => {
-    y || (e.focusNode(e.currentNode), b.hidden = !0);
+    w || (e.focusNode(e.currentNode), b.hidden = !0);
   }, h.onclick = () => {
     e.cancelFocus(), b.hidden = !0;
   }, g.onclick = () => {
-    y || (e.moveUpNode(), b.hidden = !0);
+    w || (e.moveUpNode(), b.hidden = !0);
   }, d.onclick = () => {
-    y || (e.moveDownNode(), b.hidden = !0);
+    w || (e.moveDownNode(), b.hidden = !0);
   };
-  const N = (w) => {
+  const N = (x) => {
     b.hidden = !0;
-    const x = e.currentNode, C = n(s.clickTips);
+    const y = e.currentNode, C = n(s.clickTips);
     e.container.appendChild(C), e.map.addEventListener(
       "click",
-      (_) => {
-        _.preventDefault(), C.remove();
-        const O = _.target;
-        (O.parentElement.tagName === "ME-PARENT" || O.parentElement.tagName === "ME-ROOT") && e.createArrow(x, O, w);
+      (k) => {
+        k.preventDefault(), C.remove();
+        const O = k.target;
+        (O.parentElement.tagName === "ME-PARENT" || O.parentElement.tagName === "ME-ROOT") && e.createArrow(y, O, x);
       },
       {
         once: !0
       }
     );
   };
-  return l.onclick = () => N(), p.onclick = () => N({ bidirectional: !0 }), m.onclick = () => {
+  return c.onclick = () => N(), p.onclick = () => N({ bidirectional: !0 }), m.onclick = () => {
     b.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    r.onclick = null, c.onclick = null, u.onclick = null, a.onclick = null, f.onclick = null, h.onclick = null, g.onclick = null, d.onclick = null, l.onclick = null, m.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
+    r.onclick = null, l.onclick = null, u.onclick = null, a.onclick = null, f.onclick = null, h.onclick = null, g.onclick = null, d.onclick = null, c.onclick = null, m.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
   };
 }
-const de = document, Lt = function(e, t) {
+const he = document, At = function(e, t) {
   if (!t)
-    return he(e), e;
+    return ue(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
-  return n || (n = de.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, he = function(e) {
+  return n || (n = he.createElement("div"), e.appendChild(n)), n.className = o, e;
+}, ue = function(e) {
   if (!e)
     return;
   const t = e.querySelectorAll(".insert-preview");
@@ -878,34 +888,34 @@ function Ot(e) {
     for (const g of f)
       g.parentElement.parentElement.style.opacity = "1";
     const h = a.target;
-    h.style.opacity = "", n && (he(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null);
-  }, c = (a) => {
+    h.style.opacity = "", n && (ue(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null);
+  }, l = (a) => {
     a.preventDefault();
     const f = 12 * e.scaleVal, { dragged: h } = e;
     if (!h)
       return;
     const g = e.container.getBoundingClientRect();
-    a.clientX < g.x + 50 ? i.move(1, 0) : a.clientX > g.x + g.width - 50 ? i.move(-1, 0) : a.clientY < g.y + 50 ? i.move(0, 1) : a.clientY > g.y + g.height - 50 ? i.move(0, -1) : i.stop(), he(n);
-    const d = de.elementFromPoint(a.clientX, a.clientY - f);
+    a.clientX < g.x + 50 ? i.move(1, 0) : a.clientX > g.x + g.width - 50 ? i.move(-1, 0) : a.clientY < g.y + 50 ? i.move(0, 1) : a.clientY > g.y + g.height - 50 ? i.move(0, -1) : i.stop(), ue(n);
+    const d = he.elementFromPoint(a.clientX, a.clientY - f);
     if (Me(d, h)) {
       n = d;
-      const l = d.getBoundingClientRect(), p = l.y;
-      a.clientY > p + l.height ? t = "after" : t = "in";
+      const c = d.getBoundingClientRect(), p = c.y;
+      a.clientY > p + c.height ? t = "after" : t = "in";
     } else {
-      const l = de.elementFromPoint(a.clientX, a.clientY + f), p = l.getBoundingClientRect();
-      if (Me(l, h)) {
-        n = l;
+      const c = he.elementFromPoint(a.clientX, a.clientY + f), p = c.getBoundingClientRect();
+      if (Me(c, h)) {
+        n = c;
         const m = p.y;
         a.clientY < m ? t = "before" : t = "in";
       } else
         t = n = null;
     }
-    n && Lt(n, t);
+    n && At(n, t);
   };
-  return ve([
+  return be([
     { dom: e.map, evt: "dragstart", func: s },
     { dom: e.map, evt: "dragend", func: r },
-    { dom: e.map, evt: "dragover", func: c }
+    { dom: e.map, evt: "dragover", func: l }
   ]);
 }
 const jt = function(e) {
@@ -930,7 +940,7 @@ function Pt(e) {
       const r = t[n];
       o = r.prev, e.refresh(r.prev);
       try {
-        r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && e.selectNodes(r.currentObject.value.map((c) => this.findEle(c)));
+        r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && e.selectNodes(r.currentObject.value.map((l) => this.findEle(l)));
       } catch {
       } finally {
         n--;
@@ -940,15 +950,15 @@ function Pt(e) {
     if (n < t.length - 1) {
       n++;
       const r = t[n];
-      o = r.next, e.refresh(r.next), r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && (e.unselectNodes(this.currentNodes), e.selectNodes(r.currentObject.value.map((c) => this.findEle(c))));
+      o = r.next, e.refresh(r.next), r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && (e.unselectNodes(this.currentNodes), e.selectNodes(r.currentObject.value.map((l) => this.findEle(l))));
     }
   };
   const i = function(r) {
     if (r.name === "beginEdit")
       return;
     t = t.slice(0, n + 1);
-    const c = e.getData();
-    t.push({ prev: o, currentObject: jt(r), next: c }), o = c, n = t.length - 1;
+    const l = e.getData();
+    t.push({ prev: o, currentObject: jt(r), next: l }), o = l, n = t.length - 1;
   }, s = function(r) {
     (r.metaKey || r.ctrlKey) && (r.shiftKey && r.key === "Z" || r.key === "y") ? e.redo() : (r.metaKey || r.ctrlKey) && r.key === "z" && e.undo();
   };
@@ -1049,17 +1059,17 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     case "touch":
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-}, Ut = () => matchMedia("(hover: none), (pointer: coarse)").matches, Xt = () => "safari" in window, ue = (e) => Array.isArray(e) ? e : [e], Xe = (e) => (t, n, o, i = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ue(n), t = ue(t);
+}, Ut = () => matchMedia("(hover: none), (pointer: coarse)").matches, Xt = () => "safari" in window, fe = (e) => Array.isArray(e) ? e : [e], Xe = (e) => (t, n, o, i = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = fe(n), t = fe(t);
   for (const s of t)
     if (s)
       for (const r of n)
         s[e](r, o, { capture: !1, ...i });
-}, P = Xe("addEventListener"), L = Xe("removeEventListener"), J = (e) => {
+}, P = Xe("addEventListener"), A = Xe("removeEventListener"), J = (e) => {
   var t;
   const { clientX: n, clientY: o, target: i } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: i };
-}, Y = (e, t = document) => ue(e).map(
+}, Y = (e, t = document) => fe(e).map(
   (n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null
 ).flat().filter(Boolean), Jt = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
   switch (o) {
@@ -1118,8 +1128,8 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     };
     for (const f of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
       typeof this[f] == "function" && (this[f] = this[f].bind(this));
-    const { document: c, selectionAreaClass: u, selectionContainerClass: a } = this._options;
-    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(u), a && this._clippingElement.classList.add(a), j(this._area, {
+    const { document: l, selectionAreaClass: u, selectionContainerClass: a } = this._options;
+    this._area = l.createElement("div"), this._clippingElement = l.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(u), a && this._clippingElement.classList.add(a), j(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
@@ -1136,19 +1146,19 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     }), this.enable();
   }
   _toggleStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, i = t ? P : L;
+    const { document: n, features: o } = this._options, i = t ? P : A;
     i(n, "mousedown", this._onTapStart), o.touch && i(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: i, target: s } = J(t), { document: r, startAreas: c, boundaries: u, features: a, behaviour: f } = this._options, h = s.getBoundingClientRect();
+    const { x: o, y: i, target: s } = J(t), { document: r, startAreas: l, boundaries: u, features: a, behaviour: f } = this._options, h = s.getBoundingClientRect();
     if (t instanceof MouseEvent && !Jt(t, f.triggers))
       return;
-    const g = Y(c, r), d = Y(u, r);
+    const g = Y(l, r), d = Y(u, r);
     this._targetElement = d.find(
       (v) => je(v.getBoundingClientRect(), h)
     );
-    const l = t.composedPath(), p = g.find((v) => l.includes(v));
-    if (this._targetBoundary = d.find((v) => l.includes(v)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
+    const c = t.composedPath(), p = g.find((v) => c.includes(v));
+    if (this._targetBoundary = d.find((v) => c.includes(v)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
     this._areaLocation = { x1: o, y1: i, x2: 0, y2: 0 };
     const m = r.scrollingElement ?? r.body;
@@ -1161,10 +1171,10 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       s = i.target;
     else if (n === "touch") {
       this.resolveSelectables();
-      const { x: c, y: u } = i;
+      const { x: l, y: u } = i;
       s = this._selectables.find((a) => {
         const { right: f, left: h, top: g, bottom: d } = a.getBoundingClientRect();
-        return c < f && c > h && u < d && u > g;
+        return l < f && l > h && u < d && u > g;
       });
     }
     if (!s)
@@ -1178,22 +1188,22 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       }
     const { stored: r } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const c = this._latestElement, [u, a] = c.compareDocumentPosition(s) & 4 ? [s, c] : [c, s], f = [...this._selectables.filter(
+      const l = this._latestElement, [u, a] = l.compareDocumentPosition(s) & 4 ? [s, l] : [l, s], f = [...this._selectables.filter(
         (h) => h.compareDocumentPosition(u) & 4 && h.compareDocumentPosition(a) & 2
       ), u, a];
-      this.select(f), this._latestElement = c;
+      this.select(f), this._latestElement = l;
     } else
-      r.includes(s) && (r.length === 1 || t.ctrlKey || r.every((c) => this._selection.stored.includes(c))) ? this.deselect(s) : (this.select(s), this._latestElement = s);
+      r.includes(s) && (r.length === 1 || t.ctrlKey || r.every((l) => this._selection.stored.includes(l))) ? this.deselect(s) : (this.select(s), this._latestElement = s);
   }
   _delayedTapMove(t) {
-    const { container: n, document: o, behaviour: { startThreshold: i } } = this._options, { x1: s, y1: r } = this._areaLocation, { x: c, y: u } = J(t);
+    const { container: n, document: o, behaviour: { startThreshold: i } } = this._options, { x1: s, y1: r } = this._areaLocation, { x: l, y: u } = J(t);
     if (
       // Single number for both coordinates
-      typeof i == "number" && F(c + u - (s + r)) >= i || // Different x and y threshold
-      typeof i == "object" && F(c - s) >= i.x || F(u - r) >= i.y
+      typeof i == "number" && F(l + u - (s + r)) >= i || // Different x and y threshold
+      typeof i == "object" && F(l - s) >= i.x || F(u - r) >= i.y
     ) {
-      if (L(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
-        L(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
+      if (A(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
+        A(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
       P(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(this._area, "display", "block"), Y(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 && (P(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), P(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((a) => this._targetElement.contains(a))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
@@ -1221,7 +1231,7 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: r } = i.behaviour.scrolling, c = this._targetElement, { x: u, y: a } = J(t);
+    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: r } = i.behaviour.scrolling, l = this._targetElement, { x: u, y: a } = J(t);
     if (o.x2 = u, o.y2 = a, this._lastMousePosition.x = u, this._lastMousePosition.y = a, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const f = () => {
@@ -1229,8 +1239,8 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: h, scrollLeft: g } = c;
-        n.y && (c.scrollTop += He(n.y / r), o.y1 -= c.scrollTop - h), n.x && (c.scrollLeft += He(n.x / r), o.x1 -= c.scrollLeft - g), s.next(t), requestAnimationFrame(f);
+        const { scrollTop: h, scrollLeft: g } = l;
+        n.y && (l.scrollTop += He(n.y / r), o.y1 -= l.scrollTop - h), n.x && (l.scrollLeft += He(n.x / r), o.x1 -= l.scrollLeft - g), s.next(t), requestAnimationFrame(f);
       };
       requestAnimationFrame(f);
     } else
@@ -1246,7 +1256,7 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     this._areaLocation.x1 += t.x - i, this._areaLocation.y1 += t.y - o, t.x = i, t.y = o, this._setupSelectionArea(), this._frame.next(null);
   }
   _onStartAreaScroll() {
-    this._targetBoundaryScrolled = !0, L(this._targetElement, "scroll", this._onStartAreaScroll);
+    this._targetBoundaryScrolled = !0, A(this._targetElement, "scroll", this._onStartAreaScroll);
   }
   _wheelScroll(t) {
     const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, i = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
@@ -1262,12 +1272,12 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: c, scrollLeft: u, scrollWidth: a, clientWidth: f } = o, h = this._targetRect, { x1: g, y1: d } = n;
-    let { x2: l, y2: p } = n;
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: l, scrollLeft: u, scrollWidth: a, clientWidth: f } = o, h = this._targetRect, { x1: g, y1: d } = n;
+    let { x2: c, y2: p } = n;
     const { behaviour: { scrolling: { startScrollMargins: m } } } = i;
-    l < h.left + m.x ? (t.x = u ? -F(h.left - l + m.x) : 0, l = l < h.left ? h.left : l) : l > h.right - m.x ? (t.x = a - u - f ? F(h.left + h.width - l - m.x) : 0, l = l > h.right ? h.right : l) : t.x = 0, p < h.top + m.y ? (t.y = s ? -F(h.top - p + m.y) : 0, p = p < h.top ? h.top : p) : p > h.bottom - m.y ? (t.y = r - s - c ? F(h.top + h.height - p - m.y) : 0, p = p > h.bottom ? h.bottom : p) : t.y = 0;
-    const v = $e(g, l), b = $e(d, p), y = Pe(g, l), E = Pe(d, p);
-    this._areaRect = Oe(v, b, y - v, E - b);
+    c < h.left + m.x ? (t.x = u ? -F(h.left - c + m.x) : 0, c = c < h.left ? h.left : c) : c > h.right - m.x ? (t.x = a - u - f ? F(h.left + h.width - c - m.x) : 0, c = c > h.right ? h.right : c) : t.x = 0, p < h.top + m.y ? (t.y = s ? -F(h.top - p + m.y) : 0, p = p < h.top ? h.top : p) : p > h.bottom - m.y ? (t.y = r - s - l ? F(h.top + h.height - p - m.y) : 0, p = p > h.bottom ? h.bottom : p) : t.y = 0;
+    const v = $e(g, c), b = $e(d, p), w = Pe(g, c), E = Pe(d, p);
+    this._areaRect = Oe(v, b, w - v, E - b);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: i } = this._areaRect, { style: s } = this._area;
@@ -1276,15 +1286,15 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
   _onTapStop(t, n) {
     var o;
     const { document: i, features: s } = this._options, { _singleClick: r } = this;
-    L(this._targetElement, "scroll", this._onStartAreaScroll), L(i, ["mousemove", "touchmove"], this._delayedTapMove), L(i, ["touchmove", "mousemove"], this._onTapMove), L(i, ["mouseup", "touchcancel", "touchend"], this._onTapStop), L(i, "scroll", this._onScroll), this._keepSelection(), t && r && s.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, L(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), L(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), j(this._area, "display", "none");
+    A(this._targetElement, "scroll", this._onStartAreaScroll), A(i, ["mousemove", "touchmove"], this._delayedTapMove), A(i, ["touchmove", "mousemove"], this._onTapMove), A(i, ["mouseup", "touchcancel", "touchend"], this._onTapStop), A(i, "scroll", this._onScroll), this._keepSelection(), t && r && s.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, A(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), A(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), j(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: c } = o, { intersect: u, overlap: a } = n.behaviour, f = a === "invert", h = [], g = [], d = [];
+    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: l } = o, { intersect: u, overlap: a } = n.behaviour, f = a === "invert", h = [], g = [], d = [];
     for (let p = 0; p < t.length; p++) {
       const m = t[p];
       if (je(i, m.getBoundingClientRect(), u)) {
         if (r.includes(m))
-          s.includes(m) && !c.includes(m) && c.push(m);
+          s.includes(m) && !l.includes(m) && l.push(m);
         else if (f && s.includes(m)) {
           d.push(m);
           continue;
@@ -1294,12 +1304,12 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       }
     }
     f && g.push(...s.filter((p) => !r.includes(p)));
-    const l = a === "keep";
+    const c = a === "keep";
     for (let p = 0; p < r.length; p++) {
       const m = r[p];
       !h.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.
-      (l && s.includes(m)) && d.push(m);
+      (c && s.includes(m)) && d.push(m);
     }
     o.selected = h, o.changed = { added: g, removed: d }, this._latestElement = void 0;
   }
@@ -1311,11 +1321,11 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
     });
   }
   _keepSelection() {
-    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: r } = n, c = o.filter((u) => !r.includes(u));
+    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: r } = n, l = o.filter((u) => !r.includes(u));
     switch (t.behaviour.overlap) {
       case "drop": {
         n.stored = [
-          ...c,
+          ...l,
           ...r.filter((u) => !s.includes(u))
           // Elements not touched
         ];
@@ -1323,7 +1333,7 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
       }
       case "invert": {
         n.stored = [
-          ...c,
+          ...l,
           ...r.filter((u) => !i.removed.includes(u))
           // Elements not removed from selection
         ];
@@ -1417,7 +1427,7 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
    */
   select(t, n = !1) {
     const { changed: o, selected: i, stored: s } = this._selection, r = Y(t, this._options.document).filter(
-      (c) => !i.includes(c) && !s.includes(c)
+      (l) => !i.includes(l) && !s.includes(l)
     );
     return s.push(...r), i.push(...r), o.added.push(...r), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), r;
   }
@@ -1428,10 +1438,10 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e },
    */
   deselect(t, n = !1) {
     const { selected: o, stored: i, changed: s } = this._selection, r = Y(t, this._options.document).filter(
-      (c) => o.includes(c) || i.includes(c)
+      (l) => o.includes(l) || i.includes(l)
     );
-    this._selection.stored = i.filter((c) => !r.includes(c)), this._selection.selected = o.filter((c) => !r.includes(c)), this._selection.changed.added = [], this._selection.changed.removed.push(
-      ...r.filter((c) => !s.removed.includes(c))
+    this._selection.stored = i.filter((l) => !r.includes(l)), this._selection.selected = o.filter((l) => !r.includes(l)), this._selection.changed.added = [], this._selection.changed.removed.push(
+      ...r.filter((l) => !s.removed.includes(l))
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null));
   }
 };
@@ -1504,7 +1514,7 @@ function Qt(e) {
 const en = function(e, t = !0) {
   this.theme = e;
   const o = {
-    ...(e.type === "dark" ? pe : fe).cssVar,
+    ...(e.type === "dark" ? ge : pe).cssVar,
     ...e.cssVar
   }, i = Object.keys(o);
   for (let s = 0; s < i.length; s++) {
@@ -1572,13 +1582,13 @@ const rn = function({ map: e, direction: t }, n) {
     if (X(o), i.children[1])
       i.nextSibling.appendChild(n);
     else {
-      const c = e.createChildren([n]);
-      i.appendChild(ye(!0)), i.insertAdjacentElement("afterend", c);
+      const l = e.createChildren([n]);
+      i.appendChild(we(!0)), i.insertAdjacentElement("afterend", l);
     }
     e.linkDiv(n.offsetParent);
   } else
     i.tagName === "ME-ROOT" && (rn(e, o.nodeObj) === 0 ? (s = e.container.querySelector(".lhs")) == null || s.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
-}, cn = function(e, t) {
+}, ln = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
     const o = n.parentNode.parentNode;
@@ -1591,16 +1601,16 @@ const rn = function({ map: e, direction: t }, n) {
 }, X = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
-}, ln = function(e, t) {
-  const n = e.nodeObj, o = me(n);
+}, cn = function(e, t) {
+  const n = e.nodeObj, o = ve(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
   const i = Object.assign(n, t);
-  be(e, i), this.linkDiv(), this.bus.fire("operation", {
+  ye(e, i), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
     obj: i,
     origin: o
   });
-}, we = function(e, t, n) {
+}, xe = function(e, t, n) {
   if (!t)
     return null;
   const o = t.nodeObj;
@@ -1630,8 +1640,8 @@ const rn = function({ map: e, direction: t }, n) {
     s.direction = d;
   }
   on(s, e, i), $(this.nodeData);
-  const r = o.parentElement, { grp: c, top: u } = this.createWrapper(s);
-  r.parentElement.insertAdjacentElement(tt[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(u.firstChild), this.selectNode(u.firstChild, !0), this.bus.fire("operation", {
+  const r = o.parentElement, { grp: l, top: u } = this.createWrapper(s);
+  r.parentElement.insertAdjacentElement(tt[e], l), this.linkDiv(l.offsetParent), n || this.editTopic(u.firstChild), this.selectNode(u.firstChild, !0), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
     obj: s
@@ -1646,10 +1656,10 @@ const rn = function({ map: e, direction: t }, n) {
     return;
   const i = t || this.generateNewObj();
   sn(o, i), $(this.nodeData);
-  const s = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(i, !0);
-  c.appendChild(ye(!0)), s.insertAdjacentElement("afterend", r);
+  const s = n.parentElement.parentElement, { grp: r, top: l } = this.createWrapper(i, !0);
+  l.appendChild(we(!0)), s.insertAdjacentElement("afterend", r);
   const u = this.createChildren([s]);
-  c.insertAdjacentElement("afterend", u), this.linkDiv(), t || this.editTopic(c.firstChild), this.selectNode(c.firstChild, !0), this.bus.fire("operation", {
+  l.insertAdjacentElement("afterend", u), this.linkDiv(), t || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
     name: "insertParent",
     obj: i
   });
@@ -1657,7 +1667,7 @@ const rn = function({ map: e, direction: t }, n) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  const o = we(this, n, t);
+  const o = xe(this, n, t);
   if (!o)
     return;
   const { newTop: i, newNodeObj: s } = o;
@@ -1666,9 +1676,9 @@ const rn = function({ map: e, direction: t }, n) {
     obj: s
   }), t || this.editTopic(i.firstChild), this.selectNode(i.firstChild, !0);
 }, un = function(e, t) {
-  const n = me(e.nodeObj);
-  ge(n);
-  const o = we(this, t, n);
+  const n = ve(e.nodeObj);
+  me(n);
+  const o = xe(this, t, n);
   if (!o)
     return;
   const { newNodeObj: i } = o;
@@ -1677,16 +1687,16 @@ const rn = function({ map: e, direction: t }, n) {
     obj: i
   });
 }, fn = function(e, t) {
-  e = ce(e);
+  e = le(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const i = e[o], s = me(i.nodeObj);
-    ge(s);
-    const r = we(this, t, s);
+    const i = e[o], s = ve(i.nodeObj);
+    me(s);
+    const r = xe(this, t, s);
     if (!r)
       return;
-    const { newNodeObj: c } = r;
-    n.push(c);
+    const { newNodeObj: l } = r;
+    n.push(l);
   }
   this.unselectNodes(this.currentNodes), this.selectNodes(n.map((o) => this.findEle(o.id))), this.bus.fire("operation", {
     name: "copyNodes",
@@ -1717,10 +1727,10 @@ const rn = function({ map: e, direction: t }, n) {
 }, mn = function(e) {
   if (e.length === 0)
     return;
-  e = ce(e);
+  e = le(e);
   for (const n of e) {
     const o = n.nodeObj, i = Ze(o);
-    cn(n, i);
+    ln(n, i);
   }
   const t = e[e.length - 1];
   this.selectNode(this.findEle(t.nodeObj.parent.id)), this.linkDiv(), this.bus.fire("operation", {
@@ -1728,7 +1738,7 @@ const rn = function({ map: e, direction: t }, n) {
     objs: e.map((n) => n.nodeObj)
   });
 }, vn = function(e, t) {
-  e = ce(e);
+  e = le(e);
   const n = t.nodeObj;
   n.expanded === !1 && (this.expandNode(t, !0), t = this.findEle(n.id));
   for (const o of e) {
@@ -1743,11 +1753,11 @@ const rn = function({ map: e, direction: t }, n) {
     toObj: n
   });
 }, nt = (e, t, n, o) => {
-  e = ce(e), t === "after" && (e = e.reverse());
+  e = le(e), t === "after" && (e = e.reverse());
   const i = n.nodeObj, s = [];
   for (const r of e) {
-    const c = r.nodeObj;
-    Qe(t, c, i), $(o.nodeData), X(r);
+    const l = r.nodeObj;
+    Qe(t, l, i), $(o.nodeData), X(r);
     const u = r.parentElement.parentNode;
     s.includes(u.parentElement) || s.push(u.parentElement), n.parentElement.parentNode.insertAdjacentElement(tt[t], u);
   }
@@ -1781,7 +1791,7 @@ const rn = function({ map: e, direction: t }, n) {
   moveNodeIn: vn,
   moveUpNode: pn,
   removeNodes: mn,
-  reshapeNode: ln,
+  reshapeNode: cn,
   rmSubline: X,
   setNodeTopic: xn
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1797,16 +1807,16 @@ function En(e) {
 const Cn = function(e) {
   const t = this.container, n = e.getBoundingClientRect(), o = t.getBoundingClientRect();
   if (n.top > o.bottom || n.bottom < o.top || n.left > o.right || n.right < o.left) {
-    const s = n.left + n.width / 2, r = n.top + n.height / 2, c = o.left + o.width / 2, u = o.top + o.height / 2, a = s - c, f = r - u;
+    const s = n.left + n.width / 2, r = n.top + n.height / 2, l = o.left + o.width / 2, u = o.top + o.height / 2, a = s - l, f = r - u;
     this.move(-a, -f);
   }
 }, Sn = function(e, t, n) {
   this.clearSelection(), this.scrollIntoView(e), this.selection.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
 }, Nn = function(e) {
   this.selection.select(e);
-}, _n = function(e) {
+}, kn = function(e) {
   this.selection.deselect(e);
-}, kn = function() {
+}, _n = function() {
   this.unselectNodes(this.currentNodes), this.unselectSummary(), this.unselectArrow();
 }, Tn = function() {
   const e = En(this);
@@ -1814,26 +1824,26 @@ const Cn = function(e) {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, An = function() {
-  return JSON.parse(this.getDataString());
 }, Ln = function() {
+  return JSON.parse(this.getDataString());
+}, An = function() {
   this.editable = !0;
 }, Mn = function() {
   this.editable = !1;
 }, Dn = function(e, t = { x: 0, y: 0 }) {
-  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, i = t.y ? t.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = it(this), c = this.map.style.transform, { x: u, y: a } = Ye(c), f = u - s, h = a - r, g = this.scaleVal, d = (-o + f) * (1 - e / g), l = (-i + h) * (1 - e / g);
-  this.map.style.transform = `translate(${u - d}px, ${a - l}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
+  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, i = t.y ? t.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = it(this), l = this.map.style.transform, { x: u, y: a } = Ye(l), f = u - s, h = a - r, g = this.scaleVal, d = (-o + f) * (1 - e / g), c = (-i + h) * (1 - e / g);
+  this.map.style.transform = `translate(${u - d}px, ${a - c}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
 }, On = function() {
   const e = this.nodes.offsetHeight / this.container.offsetHeight, t = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(e, t));
   this.scaleVal = n, this.map.style.transform = "scale(" + n + ")", this.bus.fire("scale", n);
 }, jn = function(e, t) {
   const { map: n, scaleVal: o, bus: i } = this, s = n.style.transform;
-  let { x: r, y: c } = Ye(s);
-  r += e, c += t, n.style.transform = `translate(${r}px, ${c}px) scale(${o})`, i.fire("move", { dx: e, dy: t });
+  let { x: r, y: l } = Ye(s);
+  r += e, l += t, n.style.transform = `translate(${r}px, ${l}px) scale(${o})`, i.fire("move", { dx: e, dy: t });
 }, it = (e) => {
-  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, c = i.offsetWidth, u = i.offsetHeight;
+  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, l = i.offsetWidth, u = i.offsetHeight;
   let a, f;
-  return e.alignment === "root" ? (a = t.offsetWidth / 2 - r - c / 2, f = t.offsetHeight / 2 - s - u / 2, n.style.transformOrigin = `${r + c / 2}px 50%`) : (a = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: a, dy: f };
+  return e.alignment === "root" ? (a = t.offsetWidth / 2 - r - l / 2, f = t.offsetHeight / 2 - s - u / 2, n.style.transformOrigin = `${r + l / 2}px 50%`) : (a = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: a, dy: f };
 }, Pn = function() {
   const { map: e } = this, { dx: t, dy: n } = it(this);
   e.style.transform = `translate(${t}px, ${n}px) scale(${this.scaleVal})`;
@@ -1873,17 +1883,17 @@ const Cn = function(e) {
   };
   typeof t == "boolean" ? o(n, t) : n.expanded !== !1 ? o(n, !1) : o(n, !0), this.refresh();
 }, Gn = function(e) {
-  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), $(this.nodeData), this.layout(), this.linkDiv();
+  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || [], e.theme && this.changeTheme(e.theme)), $(this.nodeData), this.layout(), this.linkDiv();
 }, Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: Bn,
-  clearSelection: kn,
+  clearSelection: _n,
   disableEdit: Mn,
-  enableEdit: Ln,
+  enableEdit: An,
   expandNode: Vn,
   expandNodeAll: Yn,
   focusNode: Hn,
-  getData: An,
+  getData: Ln,
   getDataString: Tn,
   initLeft: Rn,
   initRight: Fn,
@@ -1898,7 +1908,7 @@ const Cn = function(e) {
   selectNodes: Nn,
   setLocale: Wn,
   toCenter: Pn,
-  unselectNodes: _n
+  unselectNodes: kn
 }, Symbol.toStringTag, { value: "Module" })), qn = function(e) {
   return {
     dom: e,
@@ -1922,7 +1932,7 @@ const Cn = function(e) {
     },
     cb: null,
     init(t, n) {
-      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = ve([
+      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = be([
         { dom: t, evt: "pointermove", func: this.handlePointerMove },
         { dom: t, evt: "pointerleave", func: this.handleClear },
         { dom: t, evt: "pointerup", func: this.handleClear },
@@ -1937,10 +1947,10 @@ const Cn = function(e) {
 }, Re = {
   create: qn
 }, zn = "#4dc4ff";
-function st(e, t, n, o, i, s, r, c) {
+function st(e, t, n, o, i, s, r, l) {
   return {
     x: e / 8 + n * 3 / 8 + i * 3 / 8 + r / 8,
-    y: t / 8 + o * 3 / 8 + s * 3 / 8 + c / 8
+    y: t / 8 + o * 3 / 8 + s * 3 / 8 + l / 8
   };
 }
 function Un(e, t, n) {
@@ -1957,33 +1967,33 @@ function Z(e, t, n, o, i) {
     y2: i + ""
   });
 }
-function Fe(e, t, n, o, i, s, r, c, u, a) {
+function Fe(e, t, n, o, i, s, r, l, u, a) {
   var d;
-  if (e.line.setAttribute("d", `M ${t} ${n} C ${o} ${i} ${s} ${r} ${c} ${u}`), a.style) {
-    const l = a.style;
-    l.stroke && e.line.setAttribute("stroke", l.stroke), l.strokeWidth && e.line.setAttribute("stroke-width", String(l.strokeWidth)), l.strokeDasharray && e.line.setAttribute("stroke-dasharray", l.strokeDasharray), l.strokeLinecap && e.line.setAttribute("stroke-linecap", l.strokeLinecap), l.opacity !== void 0 && e.line.setAttribute("opacity", String(l.opacity));
+  if (e.line.setAttribute("d", `M ${t} ${n} C ${o} ${i} ${s} ${r} ${l} ${u}`), a.style) {
+    const c = a.style;
+    c.stroke && e.line.setAttribute("stroke", c.stroke), c.strokeWidth && e.line.setAttribute("stroke-width", String(c.strokeWidth)), c.strokeDasharray && e.line.setAttribute("stroke-dasharray", c.strokeDasharray), c.strokeLinecap && e.line.setAttribute("stroke-linecap", c.strokeLinecap), c.opacity !== void 0 && e.line.setAttribute("opacity", String(c.opacity));
   }
-  const f = oe(s, r, c, u);
-  if (f && (e.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${c} ${u} L ${f.x2} ${f.y2}`), a.style)) {
-    const l = a.style;
-    l.stroke && e.arrow1.setAttribute("stroke", l.stroke), l.strokeWidth && e.arrow1.setAttribute("stroke-width", String(l.strokeWidth)), l.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", l.strokeLinecap), l.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(l.opacity));
+  const f = oe(s, r, l, u);
+  if (f && (e.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${l} ${u} L ${f.x2} ${f.y2}`), a.style)) {
+    const c = a.style;
+    c.stroke && e.arrow1.setAttribute("stroke", c.stroke), c.strokeWidth && e.arrow1.setAttribute("stroke-width", String(c.strokeWidth)), c.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", c.strokeLinecap), c.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(c.opacity));
   }
   if (a.bidirectional) {
-    const l = oe(o, i, t, n);
-    if (l && (e.arrow2.setAttribute("d", `M ${l.x1} ${l.y1} L ${t} ${n} L ${l.x2} ${l.y2}`), a.style)) {
+    const c = oe(o, i, t, n);
+    if (c && (e.arrow2.setAttribute("d", `M ${c.x1} ${c.y1} L ${t} ${n} L ${c.x2} ${c.y2}`), a.style)) {
       const p = a.style;
       p.stroke && e.arrow2.setAttribute("stroke", p.stroke), p.strokeWidth && e.arrow2.setAttribute("stroke-width", String(p.strokeWidth)), p.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", p.strokeLinecap), p.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(p.opacity));
     }
   }
-  const { x: h, y: g } = st(t, n, o, i, s, r, c, u);
+  const { x: h, y: g } = st(t, n, o, i, s, r, l, u);
   Un(e.label, h, g), (d = a.style) != null && d.labelColor && e.label.setAttribute("fill", a.style.labelColor), io(e);
 }
 function re(e, t, n) {
-  const { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, c = o + s / 2, u = i + r / 2, a = c + n.x, f = u + n.y;
+  const { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, l = o + s / 2, u = i + r / 2, a = l + n.x, f = u + n.y;
   return {
     w: s,
     h: r,
-    cx: c,
+    cx: l,
     cy: u,
     ctrlX: a,
     ctrlY: f
@@ -1998,30 +2008,30 @@ function G(e) {
   };
 }
 const Xn = function(e, t, n, o) {
-  const i = document.createElementNS(k, "text");
+  const i = document.createElementNS(_, "text");
   return S(i, {
     "text-anchor": "middle",
     x: t + "",
     y: n + "",
     fill: o || "rgb(235, 95, 82)"
   }), i.dataset.type = "custom-link", i.innerHTML = e, i;
-}, xe = function(e, t, n, o, i) {
-  var x;
+}, Ee = function(e, t, n, o, i) {
+  var y;
   if (!t || !n)
     return;
-  const s = re(e, t, o.delta1), r = re(e, n, o.delta2), { x: c, y: u } = G(s), { ctrlX: a, ctrlY: f } = s, { ctrlX: h, ctrlY: g } = r, { x: d, y: l } = G(r), p = oe(h, g, d, l);
+  const s = re(e, t, o.delta1), r = re(e, n, o.delta2), { x: l, y: u } = G(s), { ctrlX: a, ctrlY: f } = s, { ctrlX: h, ctrlY: g } = r, { x: d, y: c } = G(r), p = oe(h, g, d, c);
   if (!p)
     return;
-  const m = `M ${p.x1} ${p.y1} L ${d} ${l} L ${p.x2} ${p.y2}`;
+  const m = `M ${p.x1} ${p.y1} L ${d} ${c} L ${p.x2} ${p.y2}`;
   let v = "";
   if (o.bidirectional) {
-    const C = oe(a, f, c, u);
+    const C = oe(a, f, l, u);
     if (!C)
       return;
-    v = `M ${C.x1} ${C.y1} L ${c} ${u} L ${C.x2} ${C.y2}`;
+    v = `M ${C.x1} ${C.y1} L ${l} ${u} L ${C.x2} ${C.y2}`;
   }
-  const b = kt(`M ${c} ${u} C ${a} ${f} ${h} ${g} ${d} ${l}`, m, v, o.style), { x: y, y: E } = st(c, u, a, f, h, g, d, l), N = (x = o.style) == null ? void 0 : x.labelColor, w = Xn(o.label, y, E, N);
-  b.appendChild(w), b.label = w, b.arrowObj = o, b.dataset.linkid = o.id, e.linkSvgGroup.appendChild(b), i || (e.arrows.push(o), e.currentArrow = b, rt(e, o, s, r));
+  const b = _t(`M ${l} ${u} C ${a} ${f} ${h} ${g} ${d} ${c}`, m, v, o.style), { x: w, y: E } = st(l, u, a, f, h, g, d, c), N = (y = o.style) == null ? void 0 : y.labelColor, x = Xn(o.label, w, E, N);
+  b.appendChild(x), b.label = x, b.arrowObj = o, b.dataset.linkid = o.id, e.linkSvgGroup.appendChild(b), i || (e.arrows.push(o), e.currentArrow = b, rt(e, o, s, r));
 }, Jn = function(e, t, n = {}) {
   const o = {
     id: V(),
@@ -2038,13 +2048,14 @@ const Xn = function(e, t, n, o) {
     },
     ...n
   };
-  xe(this, e, t, o), this.bus.fire("operation", {
+  Ee(this, e, t, o), this.bus.fire("operation", {
     name: "createArrow",
     obj: o
   });
 }, Zn = function(e) {
+  ce(this);
   const t = { ...e, id: V() };
-  xe(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
+  Ee(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
     obj: t
   });
@@ -2052,7 +2063,7 @@ const Xn = function(e, t, n, o) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  Ee(this);
+  ce(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -2065,9 +2076,9 @@ const Xn = function(e, t, n, o) {
   const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = re(this, n, t.delta1), s = re(this, o, t.delta2);
   rt(this, t, i, s);
 }, to = function() {
-  Ee(this), this.currentArrow = null;
-}, le = function(e, t) {
-  const n = document.createElementNS(k, "path");
+  ce(this), this.currentArrow = null;
+}, ae = function(e, t) {
+  const n = document.createElementNS(_, "path");
   return S(n, {
     d: e,
     stroke: t,
@@ -2077,13 +2088,13 @@ const Xn = function(e, t, n, o) {
     "stroke-linejoin": "round"
   }), n;
 }, no = function(e, t) {
-  const n = document.createElementNS(k, "g");
+  const n = document.createElementNS(_, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
-  const o = le(e.line.getAttribute("d"), t);
+  const o = ae(e.line.getAttribute("d"), t);
   n.appendChild(o);
-  const i = le(e.arrow1.getAttribute("d"), t);
+  const i = ae(e.arrow1.getAttribute("d"), t);
   if (n.appendChild(i), e.arrow2.getAttribute("d")) {
-    const s = le(e.arrow2.getAttribute("d"), t);
+    const s = ae(e.arrow2.getAttribute("d"), t);
     n.appendChild(s);
   }
   e.insertBefore(n, e.firstChild);
@@ -2096,23 +2107,23 @@ const Xn = function(e, t, n, o) {
     return;
   const n = t.querySelectorAll("path");
   n.length >= 1 && n[0].setAttribute("d", e.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", e.arrow1.getAttribute("d")), n.length >= 3 && e.arrow2.getAttribute("d") && n[2].setAttribute("d", e.arrow2.getAttribute("d"));
-}, Ee = function(e) {
+}, ce = function(e) {
   var t, n;
   (t = e.helper1) == null || t.destroy(), (n = e.helper2) == null || n.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && oo(e.currentArrow);
 }, rt = function(e, t, n, o) {
-  const { linkController: i, P2: s, P3: r, line1: c, line2: u, nodes: a, map: f, currentArrow: h, bus: g } = e;
+  const { linkController: i, P2: s, P3: r, line1: l, line2: u, nodes: a, map: f, currentArrow: h, bus: g } = e;
   if (!h)
     return;
   i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", a.appendChild(i), a.appendChild(s), a.appendChild(r), no(h, zn);
-  let { x: d, y: l } = G(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: v, ctrlY: b } = o, { x: y, y: E } = G(o);
-  s.style.cssText = `top:${m}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, Z(c, d, l, p, m), Z(u, v, b, y, E), e.helper1 = Re.create(s), e.helper2 = Re.create(r), e.helper1.init(f, (N, w) => {
-    p = p + N / e.scaleVal, m = m + w / e.scaleVal;
-    const x = G({ ...n, ctrlX: p, ctrlY: m });
-    d = x.x, l = x.y, s.style.top = m + "px", s.style.left = p + "px", Fe(h, d, l, p, m, v, b, y, E, t), Z(c, d, l, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, g.fire("updateArrowDelta", t);
-  }), e.helper2.init(f, (N, w) => {
-    v = v + N / e.scaleVal, b = b + w / e.scaleVal;
-    const x = G({ ...o, ctrlX: v, ctrlY: b });
-    y = x.x, E = x.y, r.style.top = b + "px", r.style.left = v + "px", Fe(h, d, l, p, m, v, b, y, E, t), Z(u, v, b, y, E), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, g.fire("updateArrowDelta", t);
+  let { x: d, y: c } = G(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: v, ctrlY: b } = o, { x: w, y: E } = G(o);
+  s.style.cssText = `top:${m}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, Z(l, d, c, p, m), Z(u, v, b, w, E), e.helper1 = Re.create(s), e.helper2 = Re.create(r), e.helper1.init(f, (N, x) => {
+    p = p + N / e.scaleVal, m = m + x / e.scaleVal;
+    const y = G({ ...n, ctrlX: p, ctrlY: m });
+    d = y.x, c = y.y, s.style.top = m + "px", s.style.left = p + "px", Fe(h, d, c, p, m, v, b, w, E, t), Z(l, d, c, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, g.fire("updateArrowDelta", t);
+  }), e.helper2.init(f, (N, x) => {
+    v = v + N / e.scaleVal, b = b + x / e.scaleVal;
+    const y = G({ ...o, ctrlX: v, ctrlY: b });
+    w = y.x, E = y.y, r.style.top = b + "px", r.style.left = v + "px", Fe(h, d, c, p, m, v, b, w, E, t), Z(u, v, b, w, E), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, g.fire("updateArrowDelta", t);
   });
 };
 function so() {
@@ -2120,22 +2131,22 @@ function so() {
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      xe(this, this.findEle(t.from), this.findEle(t.to), t, !0);
+      Ee(this, this.findEle(t.from), this.findEle(t.to), t, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
 function ro(e) {
-  if (Ee(this), !e)
+  if (ce(this), !e)
     return;
   const t = e.label;
   ze(this, t, e.arrowObj);
 }
-function co() {
+function lo() {
   this.arrows = this.arrows.filter((e) => ne(e.from, this.nodeData) && ne(e.to, this.nodeData));
 }
-const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createArrow: Jn,
   createArrowFrom: Zn,
@@ -2143,7 +2154,7 @@ const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   removeArrow: Qn,
   renderArrow: so,
   selectArrow: eo,
-  tidyArrow: co,
+  tidyArrow: lo,
   unselectArrow: to
 }, Symbol.toStringTag, { value: "Module" })), ao = function(e) {
   var u, a;
@@ -2165,7 +2176,7 @@ const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     let h = f.nodeObj;
     const g = [];
     for (; h.parent; ) {
-      const d = h.parent, l = d.children, p = l == null ? void 0 : l.indexOf(h);
+      const d = h.parent, c = d.children, p = c == null ? void 0 : c.indexOf(h);
       h = d, g.unshift({ node: h, index: p });
     }
     return g.length > t && (t = g.length), g;
@@ -2180,19 +2191,19 @@ const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const i = n.map((f) => f[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, c = n[0][o - 1].node;
-  if (!c.parent)
+  const i = n.map((f) => f[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, l = n[0][o - 1].node;
+  if (!l.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
-    parent: c.id,
+    parent: l.id,
     start: s,
     end: r
   };
 }, ho = function(e) {
-  const t = document.createElementNS(k, "g");
+  const t = document.createElementNS(_, "g");
   return t.setAttribute("id", e), t;
 }, Ie = function(e, t) {
-  const n = document.createElementNS(k, "path");
+  const n = document.createElementNS(_, "path");
   return S(n, {
     d: e,
     stroke: t || "#666",
@@ -2201,7 +2212,7 @@ const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2"
   }), n;
 }, We = function(e, t, n, o, i) {
-  const s = document.createElementNS(k, "text");
+  const s = document.createElementNS(_, "text");
   return S(s, {
     "text-anchor": o,
     x: t + "",
@@ -2214,25 +2225,25 @@ const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return i.parent ? s = o.closest("me-main").className : s = e.findEle(i.children[n].id).closest("me-main").className, s;
 }, Ce = function(e, t) {
   var C;
-  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: c, theme: u, summarySvg: a } = e, h = e.findEle(i).nodeObj, g = fo(e, t);
-  let d = 1 / 0, l = 0, p = 0, m = 0;
-  for (let _ = s; _ <= r; _++) {
-    const O = (C = h.children) == null ? void 0 : C[_];
+  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: l, theme: u, summarySvg: a } = e, h = e.findEle(i).nodeObj, g = fo(e, t);
+  let d = 1 / 0, c = 0, p = 0, m = 0;
+  for (let k = s; k <= r; k++) {
+    const O = (C = h.children) == null ? void 0 : C[k];
     if (!O)
       return e.removeSummary(n), null;
-    const B = uo(e.findEle(O.id)), { offsetLeft: R, offsetTop: Se } = H(c, B), Ne = s === r ? 10 : 20;
-    _ === s && (p = Se + Ne), _ === r && (m = Se + B.offsetHeight - Ne), R < d && (d = R), B.offsetWidth + R > l && (l = B.offsetWidth + R);
+    const B = uo(e.findEle(O.id)), { offsetLeft: R, offsetTop: Se } = H(l, B), Ne = s === r ? 10 : 20;
+    k === s && (p = Se + Ne), k === r && (m = Se + B.offsetHeight - Ne), R < d && (d = R), B.offsetWidth + R > c && (c = B.offsetWidth + R);
   }
   let v, b;
-  const y = p + 10, E = m + 10, N = (y + E) / 2, w = u.cssVar["--color"];
-  g === M.LHS ? (v = Ie(`M ${d + 10} ${y} c -5 0 -10 5 -10 10 L ${d} ${E - 10} c 0 5 5 10 10 10 M ${d} ${N} h -10`, w), b = We(o, d - 20, N + 6, "end", w)) : (v = Ie(`M ${l - 10} ${y} c 5 0 10 5 10 10 L ${l} ${E - 10} c 0 5 -5 10 -10 10 M ${l} ${N} h 10`, w), b = We(o, l + 20, N + 6, "start", w));
-  const x = ho("s-" + n);
-  return x.appendChild(v), x.appendChild(b), x.summaryObj = t, a.appendChild(x), x;
+  const w = p + 10, E = m + 10, N = (w + E) / 2, x = u.cssVar["--color"];
+  g === M.LHS ? (v = Ie(`M ${d + 10} ${w} c -5 0 -10 5 -10 10 L ${d} ${E - 10} c 0 5 5 10 10 10 M ${d} ${N} h -10`, x), b = We(o, d - 20, N + 6, "end", x)) : (v = Ie(`M ${c - 10} ${w} c 5 0 10 5 10 10 L ${c} ${E - 10} c 0 5 -5 10 -10 10 M ${c} ${N} h 10`, x), b = We(o, c + 20, N + 6, "start", x));
+  const y = ho("s-" + n);
+  return y.appendChild(v), y.appendChild(b), y.summaryObj = t, a.appendChild(y), y;
 }, po = function() {
   if (!this.currentNodes)
     return;
-  const { currentNodes: e, summaries: t, bus: n } = this, { parent: o, start: i, end: s } = ao(e), r = { id: V(), parent: o, start: i, end: s, label: "summary" }, c = Ce(this, r);
-  t.push(r), this.editSummary(c), n.fire("operation", {
+  const { currentNodes: e, summaries: t, bus: n } = this, { parent: o, start: i, end: s } = ao(e), r = { id: V(), parent: o, start: i, end: s, label: "summary" }, l = Ce(this, r);
+  t.push(r), this.editSummary(l), n.fire("operation", {
     name: "createSummary",
     obj: r
   });
@@ -2250,7 +2261,7 @@ const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     obj: { id: e }
   });
 }, vo = function(e) {
-  const t = e.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(k, "rect");
+  const t = e.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(_, "rect");
   S(i, {
     x: t.x - n + "",
     y: t.y - n + "",
@@ -2302,7 +2313,7 @@ function So(e, t, n, o) {
   const i = document.createElementNS(T, "g");
   let s = "";
   return e.text ? s = e.text.textContent : s = e.childNodes[0].textContent, s.split(`
-`).forEach((c, u) => {
+`).forEach((l, u) => {
     const a = document.createElementNS(T, "text");
     S(a, {
       x: n + parseInt(t.paddingLeft) + "",
@@ -2312,13 +2323,13 @@ function So(e, t, n, o) {
       "font-size": `${t.fontSize}`,
       "font-weight": `${t.fontWeight}`,
       fill: `${t.color}`
-    }), a.innerHTML = c, i.appendChild(a);
+    }), a.innerHTML = l, i.appendChild(a);
   }), i;
 }
 function No(e, t, n, o) {
-  var c;
+  var l;
   let i = "";
-  (c = e.nodeObj) != null && c.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
+  (l = e.nodeObj) != null && l.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
   const s = document.createElementNS(T, "foreignObject");
   S(s, {
     x: n + parseInt(t.paddingLeft) + "",
@@ -2332,7 +2343,7 @@ function No(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 = i, s.appendChild(r), s;
 }
-function _o(e, t) {
+function ko(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "rect");
   return S(s, {
     x: o + "",
@@ -2359,12 +2370,12 @@ function Q(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const c = document.createElementNS(T, "g");
-  c.appendChild(r);
+  const l = document.createElementNS(T, "g");
+  l.appendChild(r);
   let u;
-  return n ? u = No(t, o, i, s) : u = So(t, o, i, s), c.appendChild(u), c;
+  return n ? u = No(t, o, i, s) : u = So(t, o, i, s), l.appendChild(u), l;
 }
-function ko(e, t) {
+function _o(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "a"), r = document.createElementNS(T, "text");
   return S(r, {
     x: o + "",
@@ -2386,17 +2397,17 @@ function To(e, t) {
     href: t.src
   }), s;
 }
-const ee = 100, Ao = '<?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">', Lo = (e, t = !1) => {
+const ee = 100, Lo = '<?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">', Ao = (e, t = !1) => {
   var h, g, d;
-  const n = e.nodes, o = n.offsetHeight + ee * 2, i = n.offsetWidth + ee * 2, s = Eo(o + "px", i + "px"), r = document.createElementNS(T, "svg"), c = document.createElementNS(T, "rect");
-  S(c, {
+  const n = e.nodes, o = n.offsetHeight + ee * 2, i = n.offsetWidth + ee * 2, s = Eo(o + "px", i + "px"), r = document.createElementNS(T, "svg"), l = document.createElementNS(T, "rect");
+  S(l, {
     x: "0",
     y: "0",
     width: `${i}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), s.appendChild(c), n.querySelectorAll(".subLines").forEach((l) => {
-    const p = l.cloneNode(!0), { offsetLeft: m, offsetTop: v } = H(n, l.parentElement);
+  }), s.appendChild(l), n.querySelectorAll(".subLines").forEach((c) => {
+    const p = c.cloneNode(!0), { offsetLeft: m, offsetTop: v } = H(n, c.parentElement);
     p.setAttribute("x", `${m}`), p.setAttribute("y", `${v}`), r.appendChild(p);
   });
   const u = (h = n.querySelector(".lines")) == null ? void 0 : h.cloneNode(!0);
@@ -2404,22 +2415,22 @@ const ee = 100, Ao = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
   const a = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
   a && r.appendChild(a);
   const f = (d = n.querySelector(".summary")) == null ? void 0 : d.cloneNode(!0);
-  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((l) => {
-    l.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Q(e, l, !t)) : (r.appendChild(_o(e, l)), r.appendChild(Q(e, l.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((l) => {
-    r.appendChild(Q(e, l));
-  }), n.querySelectorAll(".icons > span").forEach((l) => {
-    r.appendChild(Q(e, l));
-  }), n.querySelectorAll(".hyper-link").forEach((l) => {
-    r.appendChild(ko(e, l));
-  }), n.querySelectorAll("img").forEach((l) => {
-    r.appendChild(To(e, l));
+  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((c) => {
+    c.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Q(e, c, !t)) : (r.appendChild(ko(e, c)), r.appendChild(Q(e, c.text, !t)));
+  }), n.querySelectorAll(".tags > span").forEach((c) => {
+    r.appendChild(Q(e, c));
+  }), n.querySelectorAll(".icons > span").forEach((c) => {
+    r.appendChild(Q(e, c));
+  }), n.querySelectorAll(".hyper-link").forEach((c) => {
+    r.appendChild(_o(e, c));
+  }), n.querySelectorAll("img").forEach((c) => {
+    r.appendChild(To(e, c));
   }), S(r, {
     x: ee + "",
     y: ee + "",
     overflow: "visible"
   }), s.appendChild(r), s;
-}, Mo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Ao + e.outerHTML);
+}, Mo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Lo + e.outerHTML);
 function Do(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
@@ -2431,15 +2442,15 @@ function Do(e) {
   });
 }
 const Oo = function(e = !1, t) {
-  const n = Lo(this, e), o = Mo(n, t);
+  const n = Ao(this, e), o = Mo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
 }, jo = async function(e = !1, t) {
   const n = this.exportSvg(e, t), o = await Do(n);
   return new Promise((i, s) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
-      const c = document.createElement("canvas");
-      c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(i, "image/png", 1);
+      const l = document.createElement("canvas");
+      l.width = r.width, l.height = r.height, l.getContext("2d").drawImage(r, 0, 0), l.toBlob(i, "image/png", 1);
     }, r.src = o, r.onerror = s;
   });
 }, Po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -2453,17 +2464,17 @@ function $o(e, t) {
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const Ve = Object.keys(ot), ct = {};
+const Ve = Object.keys(ot), lt = {};
 for (let e = 0; e < Ve.length; e++) {
   const t = Ve[e];
-  ct[t] = $o(ot[t], t);
+  lt[t] = $o(ot[t], t);
 }
 const Ho = {
   getObjById: ne,
   generateNewObj: dt,
   layout: yt,
   linkDiv: Tt,
-  editTopic: _t,
+  editTopic: kt,
   createWrapper: Et,
   createParent: Ct,
   createChildren: St,
@@ -2471,38 +2482,38 @@ const Ho = {
   findEle: Ge,
   changeTheme: en,
   ...Kn,
-  ...ct,
-  ...lo,
+  ...lt,
+  ...co,
   ...xo,
   ...Po,
   init(e) {
     if (e = JSON.parse(JSON.stringify(e)), !e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Kt(this), this.keypress && mt(this, this.keypress), this.editable && Qt(this), this.contextMenu && this.disposable.push(At(this, this.contextMenu)), this.draggable && this.disposable.push(Ot(this)), this.allowUndo && this.disposable.push(Pt(this)), this.layout(), this.linkDiv(), this.toCenter();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Kt(this), this.keypress && mt(this, this.keypress), this.editable && Qt(this), this.contextMenu && this.disposable.push(Lt(this, this.contextMenu)), this.draggable && this.disposable.push(Ot(this)), this.allowUndo && this.disposable.push(Pt(this)), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     var e;
     this.disposable.forEach((t) => t()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = 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, (e = this.selection) == null || e.destroy(), this.selection = void 0;
   }
 };
-function Bo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: u, containerHeight: a }) {
+function Bo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: u, containerHeight: a }) {
   let f = t + n / 2;
   const h = e + o / 2;
   let g;
   u === M.LHS ? g = s + r : g = s;
-  const d = i + c / 2, p = (1 - Math.abs(d - h) / a) * 0.25 * (n / 2);
+  const d = i + l / 2, p = (1 - Math.abs(d - h) / a) * 0.25 * (n / 2);
   return u === M.LHS ? f = f - n / 10 - p : f = f + n / 10 + p, `M ${f} ${h} Q ${f} ${d} ${g} ${d}`;
 }
-function Ro({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: u, isFirst: a }) {
+function Ro({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: l, direction: u, isFirst: a }) {
   const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
   let h = 0, g = 0;
   a ? h = e + o / 2 : h = e + o;
-  const d = i + c;
-  let l = 0, p = 0, m = 0;
+  const d = i + l;
+  let c = 0, p = 0, m = 0;
   const v = Math.abs(h - d) / 300 * f;
-  return u === M.LHS ? (m = t, l = m + f, p = m - f, g = s + f, `M ${l} ${h} C ${m} ${h} ${m + v} ${d} ${p} ${d} H ${g}`) : (m = t + n, l = m - f, p = m + f, g = s + r - f, `M ${l} ${h} C ${m} ${h} ${m - v} ${d} ${p} ${d} H ${g}`);
+  return u === M.LHS ? (m = t, c = m + f, p = m - f, g = s + f, `M ${c} ${h} C ${m} ${h} ${m + v} ${d} ${p} ${d} H ${g}`) : (m = t + n, c = m - f, p = m + f, g = s + r - f, `M ${c} ${h} C ${m} ${h} ${m - v} ${d} ${p} ${d} H ${g}`);
 }
-const Fo = "5.0.1";
+const Fo = "5.0.3";
 function Io(e) {
   return {
     x: 0,
@@ -2527,30 +2538,31 @@ function D({
   editable: i,
   contextMenu: s,
   toolBar: r,
-  keypress: c,
+  keypress: l,
   mouseSelectionButton: u,
   selectionContainer: a,
   before: f,
   newTopicName: h,
   allowUndo: g,
   generateMainBranch: d,
-  generateSubBranch: l,
+  generateSubBranch: c,
   overflowHidden: p,
   theme: m,
   alignment: v,
-  scaleSensitivity: b
+  scaleSensitivity: b,
+  handleWheel: w
 }) {
-  let y = null;
-  const E = Object.prototype.toString.call(e);
-  if (E === "[object HTMLDivElement]" ? y = e : E === "[object String]" && (y = document.querySelector(e)), !y)
+  let E = null;
+  const N = Object.prototype.toString.call(e);
+  if (N === "[object HTMLDivElement]" ? E = e : N === "[object String]" && (E = document.querySelector(e)), !E)
     throw new Error("MindElixir: el is not a valid element");
-  y.style.position = "relative", y.innerHTML = "", this.el = y, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.contextMenu = s === void 0 ? !0 : s, this.toolBar = r === void 0 ? !0 : r, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = u || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = h || "new node", this.editable = i === void 0 ? !0 : i, this.allowUndo = g === void 0 ? !1 : g, this.scaleSensitivity = typeof b == "number" ? b : 0.2, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = d || Bo, this.generateSubBranch = l || Ro, this.overflowHidden = p || !1, this.dragMoveHelper = Io(this), this.bus = bt(), this.container = z.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
-  const N = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = m || (N.matches ? pe : fe);
-  const w = z.createElement("div");
-  w.className = "map-canvas", setTimeout(() => {
-    w.style.transition = "all 0.3s";
-  }, 300), this.map = w, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = z.createElement("me-nodes"), this.lines = U("lines"), this.summarySvg = U("summary"), this.linkController = U("linkcontroller"), this.P2 = z.createElement("div"), this.P3 = z.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Te(), this.line2 = Te(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = U("topiclinks"), this.alignment = v ?? "root", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(vt(this));
+  E.style.position = "relative", E.innerHTML = "", this.el = E, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.newTopicName = h || "new node", this.contextMenu = s ?? !0, this.toolBar = r ?? !0, this.keypress = l ?? !0, this.mouseSelectionButton = u ?? 0, this.direction = t ?? 1, this.draggable = o ?? !0, this.editable = i ?? !0, this.allowUndo = g ?? !1, this.scaleSensitivity = b ?? 0.2, this.generateMainBranch = d || Bo, this.generateSubBranch = c || Ro, this.overflowHidden = p ?? !1, this.alignment = v ?? "root", this.handleWheel = w ?? !0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.dragMoveHelper = Io(this), this.bus = bt(), this.container = z.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
+  const x = window.matchMedia("(prefers-color-scheme: dark)");
+  this.theme = m || (x.matches ? ge : pe);
+  const y = z.createElement("div");
+  y.className = "map-canvas", setTimeout(() => {
+    y.style.transition = "all 0.3s";
+  }, 300), this.map = y, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = z.createElement("me-nodes"), this.lines = U("lines"), this.summarySvg = U("summary"), this.linkController = U("linkcontroller"), this.P2 = z.createElement("div"), this.P3 = z.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Te(), this.line2 = Te(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = U("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(vt(this));
 }
 D.prototype = Ho;
 Object.defineProperty(D.prototype, "currentNode", {
@@ -2562,8 +2574,8 @@ Object.defineProperty(D.prototype, "currentNode", {
 D.LEFT = 0;
 D.RIGHT = 1;
 D.SIDE = 2;
-D.THEME = fe;
-D.DARK_THEME = pe;
+D.THEME = pe;
+D.DARK_THEME = ge;
 D.version = Fo;
 D.E = Ge;
 D.new = (e) => ({