mind-elixir 4.0.2 → 4.0.4

package/dist/MindElixirLite.js

@@ -7,8 +7,7 @@
       document.write(
         "<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>"
       );
-    } catch (h) {
-      console && console.log(h);
+    } catch {
     }
   }
   function d() {
@@ -30,7 +29,7 @@
     s.readyState == "complete" && (s.onreadystatechange = null, d());
   });
 })(window);
-const q = 0, Z = 1, ee = 2, N = 30, ge = {
+const q = 0, Z = 1, ee = 2, $ = 30, ge = {
   name: "Latte",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
@@ -90,7 +89,7 @@ function ye(e, t, n, o) {
 function ne() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const Ne = function() {
+const Ae = function() {
   const e = ne();
   return {
     topic: this.newTopicName,
@@ -119,7 +118,7 @@ const Ne = function() {
     this.moved = !1, this.mousedown = !1;
   }
 };
-function Ae(e) {
+function Ne(e) {
   e.map.addEventListener("click", (t) => {
     var o, s;
     if (t.button !== 0)
@@ -140,8 +139,10 @@ function Ae(e) {
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
+    else if (re(n))
+      e.selectNode(n, !1, t);
     else if (e.editable)
-      re(n) ? e.selectNode(n, !1, t) : n.tagName === "text" ? n.dataset.type === "custom-link" ? e.selectArrow(n.parentElement) : e.selectSummary(n.parentElement) : n.className;
+      n.tagName === "text" ? n.dataset.type === "custom-link" ? e.selectArrow(n.parentElement) : e.selectSummary(n.parentElement) : n.className;
     else
       return;
   }), e.map.addEventListener("dblclick", (t) => {
@@ -169,7 +170,6 @@ const ke = {
     return {
       handlers: {},
       showHandler: function() {
-        console.log(this.handlers);
       },
       addListener: function(e, t) {
         this.handlers[e] === void 0 && (this.handlers[e] = []), this.handlers[e].push(t);
@@ -194,7 +194,7 @@ const ke = {
     };
   }
 }, U = document, De = function() {
-  console.time("layout"), this.nodes.innerHTML = "";
+  this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
   be(e, this.nodeData), e.draggable = !1;
   const t = U.createElement("me-root");
@@ -206,7 +206,7 @@ const ke = {
       i.direction === q ? o += 1 : i.direction === Z ? s += 1 : o <= s ? (i.direction = q, o += 1) : (i.direction = Z, s += 1);
     });
   }
-  He(this, n, t), console.timeEnd("layout");
+  He(this, n, t);
 }, He = function(e, t, n) {
   const o = U.createElement("me-main");
   o.className = "lhs";
@@ -224,8 +224,8 @@ const ke = {
     n.appendChild(i);
   }
   return n;
-}, S = document, L = (e, t) => {
-  const o = (t ? t.mindElixirBox : S).querySelector(`[data-nodeid=me${e}]`);
+}, C = document, L = (e, t) => {
+  const o = (t ? t.mindElixirBox : C).querySelector(`[data-nodeid=me${e}]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
@@ -237,33 +237,32 @@ const ke = {
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = S.createElement("img");
+      const o = C.createElement("img");
       o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", e.appendChild(o), e.image = o;
-    } else
-      console.warn("image url/width/height are required");
+    }
   } else
     e.image && (e.image = void 0);
   {
-    const n = S.createElement("span");
+    const n = C.createElement("span");
     n.className = "text", n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = S.createElement("a");
+    const n = C.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.linkContainer = n;
   } else
     e.linkContainer && (e.linkContainer = void 0);
   if (t.icons && t.icons.length) {
-    const n = S.createElement("span");
+    const n = C.createElement("span");
     n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ie(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
-    const n = S.createElement("div");
+    const n = C.createElement("div");
     n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${ie(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
 }, Pe = function(e, t) {
-  const n = S.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
+  const n = C.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
     const i = Re(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
@@ -273,25 +272,25 @@ const ke = {
   }
   return { grp: n, top: o, tpc: s };
 }, ze = function(e) {
-  const t = S.createElement("me-parent"), n = this.createTopic(e);
+  const t = C.createElement("me-parent"), n = this.createTopic(e);
   return be(n, e), t.appendChild(n), { p: t, tpc: n };
 }, je = function(e) {
-  const t = S.createElement("me-children");
+  const t = C.createElement("me-children");
   return t.append(...e), t;
 }, Oe = function(e) {
-  const t = S.createElement("me-tpc");
+  const t = C.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
 function xe(e) {
-  const t = S.createRange();
+  const t = C.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
 const qe = function(e) {
-  if (console.time("editTopic"), !e)
+  if (!e)
     return;
-  const t = S.createElement("div"), n = e.text.textContent;
+  const t = C.createElement("div"), n = e.text.textContent;
   e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "true", t.spellcheck = !1, t.style.cssText = `min-width:${e.offsetWidth - 8}px;`, this.direction === q && (t.style.right = "0"), t.focus(), xe(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
@@ -308,14 +307,14 @@ const qe = function(e) {
     if (!t)
       return;
     const o = e.nodeObj, s = ((i = t.textContent) == null ? void 0 : i.trim()) || "";
-    console.log(s), s === "" ? o.topic = n : o.topic = s, t.remove(), s !== n && (e.text.textContent = o.topic, this.linkDiv(), this.bus.fire("operation", {
+    s === "" ? o.topic = n : o.topic = s, t.remove(), s !== n && (e.text.textContent = o.topic, this.linkDiv(), this.bus.fire("operation", {
       name: "finishEdit",
       obj: o,
       origin: n
     }));
-  }), console.timeEnd("editTopic");
+  });
 }, Re = function(e) {
-  const t = S.createElement("me-epd");
+  const t = C.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, j = document, O = "http://www.w3.org/2000/svg", we = function(e, t, n) {
   const o = j.createElementNS(O, "path");
@@ -347,7 +346,7 @@ const qe = function(e) {
     "stroke-dasharray": "8,2"
   }), o.appendChild(s), o.appendChild(i), o;
 }, _e = function(e, t, n) {
-  if (console.time("editSummary"), !t)
+  if (!t)
     return;
   const o = document.createElement("div");
   e.nodes.appendChild(o);
@@ -366,9 +365,9 @@ const qe = function(e) {
     }
   }), o.addEventListener("blur", () => {
     o && n(o);
-  }), console.timeEnd("editSummary");
+  });
 }, Ie = function(e) {
-  console.time("linkDiv"), this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.nodes.style.left = `${1e4 - this.nodes.offsetWidth / 2}px`;
+  this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.nodes.style.left = `${1e4 - this.nodes.offsetWidth / 2}px`;
   const t = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   const n = this.map.querySelector("me-root"), o = n.offsetTop, s = n.offsetLeft, i = n.offsetWidth, r = n.offsetHeight;
@@ -381,7 +380,7 @@ const qe = function(e) {
       E.tagName === "svg" && E.remove(), c.appendChild(w), Ee(this, w, y, c, m, !0);
     }
   }
-  this.renderArrow(), this.renderSummary(), console.timeEnd("linkDiv");
+  this.renderArrow(), this.renderSummary();
 }, Ee = function(e, t, n, o, s, i) {
   const r = o.firstChild, l = o.children[1].children, c = r.offsetTop, d = r.offsetLeft, h = r.offsetWidth, u = r.offsetHeight;
   for (let a = 0; a < l.length; a++) {
@@ -424,11 +423,11 @@ function We(e) {
     e.initSide();
   }, t;
 }
-function Ye(e) {
+function Xe(e) {
   e.container.append(Fe(e)), e.container.append(We(e));
 }
-/*! @viselect/vanilla v3.3.1 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-var Xe = Object.defineProperty, Ge = (e, t, n) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n) => (Ge(e, typeof t != "symbol" ? t + "" : t, n), n);
+/*! @viselect/vanilla v3.5.1 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
+var Ye = Object.defineProperty, Ge = (e, t, n) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n) => (Ge(e, typeof t != "symbol" ? t + "" : t, n), n);
 class Ke {
   constructor() {
     b(this, "_listeners", /* @__PURE__ */ new Map()), b(this, "on", this.addEventListener), b(this, "off", this.removeEventListener), b(this, "emit", this.dispatchEvent);
@@ -452,23 +451,21 @@ class Ke {
   }
 }
 const ce = (e, t = "px") => typeof e == "number" ? e + t : e;
-function T({ style: e }, t, n) {
+function M({ style: e }, t, n) {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
       s !== void 0 && (e[o] = ce(s));
   else
     n !== void 0 && (e[t] = ce(n));
 }
-function Se(e) {
-  return (t, n, o, s = {}) => {
-    t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
-    for (const i of t)
+const Ce = (e) => (t, n, o, s = {}) => {
+  t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
+  for (const i of t)
+    if (i)
       for (const r of n)
         i[e](r, o, { capture: !1, ...s });
-    return [t, n, o, s];
-  };
-}
-const B = Se("addEventListener"), $ = Se("removeEventListener"), Y = (e) => {
+  return [t, n, o, s];
+}, B = Ce("addEventListener"), T = Ce("removeEventListener"), X = (e) => {
   var t;
   const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: s };
@@ -506,8 +503,29 @@ const Ue = () => matchMedia("(hover: none), (pointer: coarse)").matches, Je = ()
       cancelAnimationFrame(n), o = !1;
     }
   };
-}, { abs: D, max: he, min: de, ceil: ue } = Math;
-class Ze extends Ke {
+};
+function Ze(e, t) {
+  for (const n of t) {
+    if (typeof n == "number")
+      return e.button === n;
+    if (typeof n == "object") {
+      const o = n.button === e.button, s = n.modifiers.every((i) => {
+        switch (i) {
+          case "alt":
+            return e.altKey;
+          case "ctrl":
+            return e.ctrlKey || e.metaKey;
+          case "shift":
+            return e.shiftKey;
+        }
+      });
+      return o && s;
+    }
+  }
+  return !1;
+}
+const { abs: D, max: he, min: de, ceil: ue } = Math;
+class et extends Ke {
   constructor(t) {
     var n, o, s, i, r;
     super(), b(this, "_options"), b(this, "_selection", {
@@ -532,6 +550,7 @@ class Ze extends Ke {
       behaviour: {
         overlap: "invert",
         intersect: "touch",
+        triggers: [0],
         ...t.behaviour,
         startThreshold: (n = t.behaviour) != null && n.startThreshold ? typeof t.behaviour.startThreshold == "number" ? t.behaviour.startThreshold : { x: 10, y: 10, ...t.behaviour.startThreshold } : { x: 10, y: 10 },
         scrolling: {
@@ -559,12 +578,12 @@ class Ze extends Ke {
     for (const h of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
       typeof this[h] == "function" && (this[h] = this[h].bind(this));
     const { document: l, selectionAreaClass: c, selectionContainerClass: d } = this._options;
-    this._area = l.createElement("div"), this._clippingElement = l.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(c), d && this._clippingElement.classList.add(d), T(this._area, {
+    this._area = l.createElement("div"), this._clippingElement = l.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(c), d && this._clippingElement.classList.add(d), M(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
       position: "fixed"
-    }), T(this._clippingElement, {
+    }), M(this._clippingElement, {
       overflow: "hidden",
       position: "fixed",
       transform: "translate3d(0, 0, 0)",
@@ -576,13 +595,16 @@ class Ze extends Ke {
     }), this.enable();
   }
   _bindStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, s = t ? B : $;
+    const { document: n, features: o } = this._options, s = t ? B : T;
     s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, {
       passive: !1
     });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = Y(t), { _options: r } = this, { document: l } = this._options, c = i.getBoundingClientRect(), d = P(r.startAreas, r.document), h = P(r.boundaries, r.document);
+    const { x: o, y: s, target: i } = X(t), { _options: r } = this, { document: l } = this._options, c = i.getBoundingClientRect();
+    if (t instanceof MouseEvent && !Ze(t, r.behaviour.triggers))
+      return;
+    const d = P(r.startAreas, r.document), h = P(r.boundaries, r.document);
     this._targetElement = h.find(
       (p) => ae(p.getBoundingClientRect(), c)
     );
@@ -594,7 +616,7 @@ class Ze extends Ke {
     this._scrollDelta = { x: a.scrollLeft, y: a.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), B(l, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), B(l, ["mouseup", "touchcancel", "touchend"], this._onTapStop), B(l, "scroll", this._onScroll);
   }
   _onSingleTap(t) {
-    const { singleTap: { intersect: n }, range: o } = this._options.features, s = Y(t);
+    const { singleTap: { intersect: n }, range: o } = this._options.features, s = X(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -621,45 +643,44 @@ class Ze extends Ke {
       this.select(h), this._latestElement = l;
     } else
       r.includes(i) && (r.length === 1 || t.ctrlKey || r.every((l) => this._selection.stored.includes(l))) ? this.deselect(i) : (this.select(i), this._latestElement = i);
-    this._emitEvent("stop", t);
   }
   _delayedTapMove(t) {
-    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: l, y: c } = Y(t);
+    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: l, y: c } = X(t);
     if (
       // Single number for both coordinates
       typeof s == "number" && D(l + c - (i + r)) >= s || // Different x and y threshold
       typeof s == "object" && D(l - i) >= s.x || D(c - r) >= s.y
     ) {
-      if ($(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
-        $(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
+      if (T(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
+        T(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      B(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), T(this._area, "display", "block"), P(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (B(o, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
+      B(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), M(this._area, "display", "block"), P(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (B(this._targetElement, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
   _setupSelectionArea() {
     const { _clippingElement: t, _targetElement: n, _area: o } = this, s = this._targetRect = n.getBoundingClientRect();
-    this._scrollAvailable ? (T(t, {
+    this._scrollAvailable ? (M(t, {
       top: s.top,
       left: s.left,
       width: s.width,
       height: s.height
-    }), T(o, {
+    }), M(o, {
       marginTop: -s.top,
       marginLeft: -s.left
-    })) : (T(t, {
+    })) : (M(t, {
       top: 0,
       left: 0,
       width: "100%",
       height: "100%"
-    }), T(o, {
+    }), M(o, {
       marginTop: 0,
       marginLeft: 0
     }));
   }
   _onTapMove(t) {
-    const { x: n, y: o } = Y(t), { _scrollSpeed: s, _areaLocation: i, _options: r, _frame: l } = this, { speedDivider: c } = r.behaviour.scrolling, d = this._targetElement;
+    const { x: n, y: o } = X(t), { _scrollSpeed: s, _areaLocation: i, _options: r, _frame: l } = this, { speedDivider: c } = r.behaviour.scrolling, d = this._targetElement;
     if (i.x2 = n, i.y2 = o, this._scrollAvailable && !this._scrollingActive && (s.y || s.x)) {
       this._scrollingActive = !0;
       const h = () => {
@@ -702,7 +723,7 @@ class Ze extends Ke {
   _onTapStop(t, n) {
     var o;
     const { document: s, features: i } = this._options, { _singleClick: r } = this;
-    $(s, ["mousemove", "touchmove"], this._delayedTapMove), $(s, ["touchmove", "mousemove"], this._onTapMove), $(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), $(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, this._scrollAvailable && $(s, "wheel", this._manualScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), T(this._area, "display", "none");
+    T(s, ["mousemove", "touchmove"], this._delayedTapMove), T(s, ["touchmove", "mousemove"], this._onTapMove), T(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), T(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, T(this._targetElement, "wheel", this._manualScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), M(this._area, "display", "none");
   }
   _updateElementSelection() {
     const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: l } = o, { intersect: c, overlap: d } = n.behaviour, h = d === "invert", u = [], a = [], p = [];
@@ -847,8 +868,8 @@ class Ze extends Ke {
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
   }
 }
-b(Ze, "version", "3.3.1");
-const et = function(e, t = !0) {
+b(et, "version", "3.5.1");
+const tt = function(e, t = !0) {
   this.theme = e;
   const n = this.theme.cssVar, o = Object.keys(n);
   for (let s = 0; s < o.length; s++) {
@@ -857,7 +878,7 @@ const et = function(e, t = !0) {
   }
   t && this.refresh();
 };
-function Ce(e) {
+function Se(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -866,41 +887,41 @@ function Ce(e) {
     theme: e.theme
   };
 }
-const tt = function(e, t, n) {
+const nt = function(e, t, n) {
   if (e) {
-    if (console.time("selectNode"), this.clearSelection(), typeof e == "string") {
+    if (this.clearSelection(), typeof e == "string") {
       const o = L(e);
       return o ? this.selectNode(o) : void 0;
     }
-    e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n), console.timeEnd("selectNode");
+    e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
   }
-}, nt = function() {
+}, ot = function() {
   this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, ot = function(e) {
-  console.time("selectNodes"), this.clearSelection();
+}, st = function(e) {
+  this.clearSelection();
   for (const t of e)
     t.className = "selected";
   this.currentNodes = e, this.bus.fire(
     "selectNodes",
     e.map((t) => t.nodeObj)
-  ), console.timeEnd("selectNodes");
-}, st = function() {
+  );
+}, it = function() {
   if (this.currentNodes)
     for (const e of this.currentNodes)
       e.classList.remove("selected");
   this.currentNodes = null, this.bus.fire("unselectNodes");
-}, it = function() {
-  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
 }, rt = function() {
-  const e = Ce(this);
+  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
+}, lt = function() {
+  const e = Se(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, lt = function() {
-  return JSON.parse(this.getDataString());
 }, ct = function() {
-  const e = Ce(this).nodeData;
+  return JSON.parse(this.getDataString());
+}, at = function() {
+  const e = Se(this).nodeData;
   let t = "# " + e.topic + `
 
 `;
@@ -912,57 +933,57 @@ const tt = function(e, t, n) {
 `, o[i].children && n(o[i].children || [], s + 1);
   }
   return n(e.children || [], 2), t;
-}, at = function() {
-  this.editable = !0;
 }, ht = function() {
+  this.editable = !0;
+}, dt = function() {
   this.editable = !1;
-}, dt = function(e) {
+}, ut = function(e) {
   this.scaleVal = e, this.map.style.transform = "scale(" + e + ")";
-}, ut = function() {
+}, ft = function() {
   this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, ft = function(e) {
-  e(this);
 }, pt = function(e) {
+  e(this);
+}, mt = function(e) {
   e.nodeObj.root || (this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.nodeData.root = !0, this.initRight(), this.toCenter());
-}, mt = function() {
-  this.isFocusMode = !1, this.tempDirection !== null && (delete this.nodeData.root, this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, gt = function() {
-  this.direction = 0, this.refresh();
+  this.isFocusMode = !1, this.tempDirection !== null && (delete this.nodeData.root, this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
 }, vt = function() {
-  this.direction = 1, this.refresh();
+  this.direction = 0, this.refresh();
 }, yt = function() {
+  this.direction = 1, this.refresh();
+}, bt = function() {
   this.direction = 2, this.refresh();
-}, bt = function(e) {
+}, xt = function(e) {
   this.locale = e, this.refresh();
-}, xt = function(e, t) {
+}, wt = function(e, t) {
   const n = e.nodeObj;
   typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0, this.layout(), this.linkDiv(), this.bus.fire("expandNode", n);
-}, wt = function(e) {
+}, _t = function(e) {
   e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), te(this.nodeData), this.layout(), this.linkDiv();
-}, _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: mt,
-  clearSelection: it,
-  disableEdit: ht,
-  enableEdit: at,
-  expandNode: xt,
-  focusNode: pt,
-  getData: lt,
-  getDataMd: ct,
-  getDataString: rt,
-  initLeft: gt,
-  initRight: vt,
-  initSide: yt,
-  install: ft,
-  refresh: wt,
-  scale: dt,
-  selectNode: tt,
-  selectNodes: ot,
-  setLocale: bt,
-  toCenter: ut,
-  unselectNode: nt,
-  unselectNodes: st
-}, Symbol.toStringTag, { value: "Module" })), Et = function(e) {
+  cancelFocus: gt,
+  clearSelection: rt,
+  disableEdit: dt,
+  enableEdit: ht,
+  expandNode: wt,
+  focusNode: mt,
+  getData: ct,
+  getDataMd: at,
+  getDataString: lt,
+  initLeft: vt,
+  initRight: yt,
+  initSide: bt,
+  install: pt,
+  refresh: _t,
+  scale: ut,
+  selectNode: nt,
+  selectNodes: st,
+  setLocale: xt,
+  toCenter: ft,
+  unselectNode: ot,
+  unselectNodes: it
+}, Symbol.toStringTag, { value: "Module" })), Ct = function(e) {
   return {
     dom: e,
     moved: !1,
@@ -989,7 +1010,7 @@ const tt = function(e, t, n) {
     }
   };
 }, fe = {
-  create: Et
+  create: Ct
 };
 function J(e, t, n) {
   const { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, l = o + i / 2, c = s + r / 2, d = l + n.x, h = c + n.y;
@@ -1021,14 +1042,13 @@ const St = function(e, t, n, o) {
 }, Le = function(e, t, n, o, s) {
   if (!t || !n)
     return;
-  const i = performance.now(), r = J(e, t, o.delta1), l = J(e, n, o.delta2), { x: c, y: d } = z(r), { ctrlX: h, ctrlY: u } = r, { ctrlX: a, ctrlY: p } = l, { x: m, y: f } = z(l), g = ye(a, p, m, f), y = Ve(
-    `M ${c} ${d} C ${h} ${u} ${a} ${p} ${m} ${f}`,
-    `M ${g.x1} ${g.y1} L ${m} ${f} L ${g.x2} ${g.y2}`
-  ), v = c / 8 + h * 3 / 8 + a * 3 / 8 + m / 8, w = d / 8 + u * 3 / 8 + p * 3 / 8 + f / 8, E = St(o.label, v, w, e.theme.cssVar["--color"]);
-  y.appendChild(E), y.arrowObj = o, y.dataset.linkid = o.id, e.linkSvgGroup.appendChild(y), s || (e.arrows.push(o), e.currentArrow = y, Te(e, o, r, l));
-  const _ = performance.now();
-  console.log(`DrawArrow Execution time: ${_ - i} ms`);
-}, Ct = function(e, t) {
+  performance.now();
+  const i = J(e, t, o.delta1), r = J(e, n, o.delta2), { x: l, y: c } = z(i), { ctrlX: d, ctrlY: h } = i, { ctrlX: u, ctrlY: a } = r, { x: p, y: m } = z(r), f = ye(u, a, p, m), g = Ve(
+    `M ${l} ${c} C ${d} ${h} ${u} ${a} ${p} ${m}`,
+    `M ${f.x1} ${f.y1} L ${p} ${m} L ${f.x2} ${f.y2}`
+  ), y = l / 8 + d * 3 / 8 + u * 3 / 8 + p / 8, v = c / 8 + h * 3 / 8 + a * 3 / 8 + m / 8, w = St(o.label, y, v, e.theme.cssVar["--color"]);
+  g.appendChild(w), g.arrowObj = o, g.dataset.linkid = o.id, e.linkSvgGroup.appendChild(g), s || (e.arrows.push(o), e.currentArrow = g, Te(e, o, i, r)), performance.now();
+}, Lt = function(e, t) {
   const n = {
     id: ne(),
     label: "Custom Link",
@@ -1047,7 +1067,7 @@ const St = function(e, t, n, o) {
     name: "createArrow",
     obj: n
   });
-}, Lt = function(e) {
+}, Mt = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
@@ -1059,11 +1079,11 @@ const St = function(e, t, n, o) {
       id: n
     }
   });
-}, Mt = function(e) {
+}, Tt = function(e) {
   this.currentArrow = e;
   const t = e.arrowObj, n = L(t.from), o = L(t.to), s = J(this, n, t.delta1), i = J(this, o, t.delta2);
   Te(this, t, s, i);
-}, Tt = function() {
+}, $t = function() {
   this.currentArrow = null, Me(this);
 }, Me = function(e) {
   e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none";
@@ -1113,44 +1133,43 @@ const St = function(e, t, n, o) {
     }), t.delta2.x = c - o.cx, t.delta2.y = d - o.cy;
   });
 };
-function $t() {
+function At() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
       Le(this, L(t.from), L(t.to), t, !0);
     } catch {
-      console.warn("Node may not be expanded");
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
 function Nt(e) {
-  if (console.time("editSummary"), !e)
+  if (!e)
     return;
   const t = e.children[2];
-  console.log(t, e), _e(this, t, (n) => {
+  _e(this, t, (n) => {
     var i;
     const o = e.arrowObj, s = ((i = n.textContent) == null ? void 0 : i.trim()) || "";
     s === "" ? o.label = origin : o.label = s, n.remove(), s !== origin && (t.innerHTML = o.label, this.linkDiv(), this.bus.fire("operation", {
       name: "finishEditArrowLabel",
       obj: o
     }));
-  }), console.timeEnd("editSummary");
+  });
 }
-function At() {
+function kt() {
   this.arrows = this.arrows.filter((e) => K(e.from, this.nodeData) && K(e.to, this.nodeData));
 }
-const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: Ct,
+  createArrow: Lt,
   editArrowLabel: Nt,
-  removeArrow: Lt,
-  renderArrow: $t,
-  selectArrow: Mt,
-  tidyArrow: At,
-  unselectArrow: Tt
-}, Symbol.toStringTag, { value: "Module" })), Dt = function(e) {
+  removeArrow: Mt,
+  renderArrow: At,
+  selectArrow: Tt,
+  tidyArrow: kt,
+  unselectArrow: $t
+}, Symbol.toStringTag, { value: "Module" })), Ht = function(e) {
   var c, d;
   if (e.length === 0)
     throw new Error("No selected node.");
@@ -1193,7 +1212,7 @@ const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: i,
     end: r
   };
-}, Ht = function(e) {
+}, Bt = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
 }, pe = function(e, t) {
@@ -1213,43 +1232,43 @@ const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, Bt = (e) => L(e).parentElement.parentElement, Pt = function({ parent: e, start: t }) {
+}, Pt = (e) => L(e).parentElement.parentElement, zt = function({ parent: e, start: t }) {
   var i, r;
   const n = L(e), o = n.nodeObj;
   let s;
   return o.root === !0 ? s = (i = L(o.children[t].id).closest("me-main")) == null ? void 0 : i.className : s = (r = n.closest("me-main")) == null ? void 0 : r.className, s;
 }, $e = function(e, t) {
   var Q;
-  const { id: n, text: o, parent: s, start: i, end: r } = t, l = e.nodes, d = L(s).nodeObj, h = Pt(t);
+  const { id: n, text: o, parent: s, start: i, end: r } = t, l = e.nodes, d = L(s).nodeObj, h = zt(t);
   let u = 1 / 0, a = 0, p = 0, m = 0;
   for (let R = i; R <= r; R++) {
     const oe = (Q = d.children) == null ? void 0 : Q[R];
     if (!oe)
-      return console.warn("Child not found"), e.removeSummary(n), null;
-    const F = Bt(oe.id), { offsetLeft: W, offsetTop: se } = A(l, F);
+      return e.removeSummary(n), null;
+    const F = Pt(oe.id), { offsetLeft: W, offsetTop: se } = A(l, F);
     R === i && (p = se), R === r && (m = se + F.offsetHeight), W < u && (u = W), F.offsetWidth + W > a && (a = F.offsetWidth + W);
   }
   let f, g;
   const y = p + 10, v = m + 10, w = (y + v) / 2, E = e.theme.cssVar["--color"];
   h === "lhs" ? (f = pe(`M ${u + 10} ${y} c -5 0 -10 5 -10 10 L ${u} ${v - 10} c 0 5 5 10 10 10 M ${u} ${w} h -10`, E), g = me(o, u - 20, w + 6, "end", E)) : (f = pe(`M ${a - 10} ${y} c 5 0 10 5 10 10 L ${a} ${v - 10} c 0 5 -5 10 -10 10 M ${a} ${w} h 10`, E), g = me(o, a + 20, w + 6, "start", E));
-  const _ = Ht("s-" + n);
+  const _ = Bt("s-" + n);
   return _.appendChild(f), _.appendChild(g), _.summaryObj = t, e.summarySvg.appendChild(_), _;
-}, zt = function() {
+}, jt = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: o } = Dt(e), s = { id: ne(), parent: t, start: n, end: o, text: "summary" }, i = $e(this, s);
+  const { parent: t, start: n, end: o } = Ht(e), s = { id: ne(), parent: t, start: n, end: o, text: "summary" }, i = $e(this, s);
   this.summaries.push(s), this.editSummary(i), this.bus.fire("operation", {
     name: "createSummary",
     obj: s
   });
-}, jt = function(e) {
+}, Ot = function(e) {
   var n;
   const t = this.summaries.findIndex((o) => o.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
   });
-}, Ot = function(e) {
+}, qt = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   x(s, {
     x: t.x - n + "",
@@ -1261,19 +1280,18 @@ const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), s.classList.add("selected"), e.appendChild(s), this.currentSummary = e;
-}, qt = function() {
+}, Rt = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Rt = function() {
+}, Vt = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
       $e(this, e);
     } catch {
-      console.warn("Node may not be expanded");
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Vt = function(e) {
-  if (console.time("editSummary"), !e)
+}, It = function(e) {
+  if (!e)
     return;
   const t = e.childNodes[1];
   _e(this, t, (n) => {
@@ -1283,37 +1301,37 @@ const kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       name: "finishEditSummary",
       obj: o
     }));
-  }), console.timeEnd("editSummary");
-}, It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  });
+}, Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: zt,
-  editSummary: Vt,
-  removeSummary: jt,
-  renderSummary: Rt,
-  selectSummary: Ot,
-  unselectSummary: qt
-}, Symbol.toStringTag, { value: "Module" })), C = "http://www.w3.org/2000/svg";
-function Ft(e, t) {
-  const n = document.createElementNS(C, "svg");
+  createSummary: jt,
+  editSummary: It,
+  removeSummary: Ot,
+  renderSummary: Vt,
+  selectSummary: qt,
+  unselectSummary: Rt
+}, Symbol.toStringTag, { value: "Module" })), S = "http://www.w3.org/2000/svg";
+function Wt(e, t) {
+  const n = document.createElementNS(S, "svg");
   return x(n, {
     version: "1.1",
-    xmlns: C,
+    xmlns: S,
     height: e,
     width: t
   }), n;
 }
-function Wt(e, t) {
+function Xt(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Yt(e, t, n, o) {
-  const s = document.createElementNS(C, "g");
+  const s = document.createElementNS(S, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((l, c) => {
-    const d = document.createElementNS(C, "text");
+    const d = document.createElementNS(S, "text");
     x(d, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + Wt(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
+      y: o + parseInt(t.paddingTop) + Xt(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -1322,11 +1340,11 @@ function Yt(e, t, n, o) {
     }), d.innerHTML = l, s.appendChild(d);
   }), s;
 }
-function Xt(e, t, n, o) {
+function Gt(e, t, n, o) {
   var l;
   let s = "";
   (l = e.nodeObj) != null && l.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
-  const i = document.createElementNS(C, "foreignObject");
+  const i = document.createElementNS(S, "foreignObject");
   x(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
@@ -1339,8 +1357,8 @@ function Xt(e, t, n, o) {
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), r.innerHTML = s, i.appendChild(r), i;
 }
-function Gt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(C, "rect");
+function Kt(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(S, "rect");
   return x(i, {
     x: o + "",
     y: s + "",
@@ -1353,8 +1371,8 @@ function Gt(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function X(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = A(e.nodes, t), r = document.createElementNS(C, "rect");
+function Y(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = A(e.nodes, t), r = document.createElementNS(S, "rect");
   x(r, {
     x: s + "",
     y: i + "",
@@ -1366,13 +1384,13 @@ function X(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const l = document.createElementNS(C, "g");
+  const l = document.createElementNS(S, "g");
   l.appendChild(r);
   let c;
-  return n ? c = Xt(t, o, s, i) : c = Yt(t, o, s, i), l.appendChild(c), l;
+  return n ? c = Gt(t, o, s, i) : c = Yt(t, o, s, i), l.appendChild(c), l;
 }
-function Kt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(C, "a"), r = document.createElementNS(C, "text");
+function Ut(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(S, "a"), r = document.createElementNS(S, "text");
   return x(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
@@ -1383,8 +1401,8 @@ function Kt(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
-function Ut(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(C, "image");
+function Jt(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = A(e.nodes, t), i = document.createElementNS(S, "image");
   return x(i, {
     x: o + "",
     y: s + "",
@@ -1393,9 +1411,9 @@ function Ut(e, t) {
     href: t.src
   }), i;
 }
-const G = 100, Jt = '<?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">', Qt = (e, t = !1) => {
+const G = 100, Qt = '<?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">', Zt = (e, t = !1) => {
   var u, a, p;
-  const n = e.nodes, o = n.offsetHeight + G * 2, s = n.offsetWidth + G * 2, i = Ft(o + "px", s + "px"), r = document.createElementNS(C, "svg"), l = document.createElementNS(C, "rect");
+  const n = e.nodes, o = n.offsetHeight + G * 2, s = n.offsetWidth + G * 2, i = Wt(o + "px", s + "px"), r = document.createElementNS(S, "svg"), l = document.createElementNS(S, "rect");
   x(l, {
     x: "0",
     y: "0",
@@ -1412,22 +1430,22 @@ const G = 100, Jt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
   d && r.appendChild(d);
   const h = (p = n.querySelector(".summary")) == null ? void 0 : p.cloneNode(!0);
   return h && r.appendChild(h), n.querySelectorAll("me-tpc").forEach((m) => {
-    m.nodeObj.dangerouslySetInnerHTML ? r.appendChild(X(e, m, !t)) : (r.appendChild(Gt(e, m)), r.appendChild(X(e, m.text, !t)));
+    m.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Y(e, m, !t)) : (r.appendChild(Kt(e, m)), r.appendChild(Y(e, m.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((m) => {
-    r.appendChild(X(e, m));
+    r.appendChild(Y(e, m));
   }), n.querySelectorAll(".icons > span").forEach((m) => {
-    r.appendChild(X(e, m));
+    r.appendChild(Y(e, m));
   }), n.querySelectorAll(".hyper-link").forEach((m) => {
-    r.appendChild(Kt(e, m));
-  }), n.querySelectorAll("img").forEach((m) => {
     r.appendChild(Ut(e, m));
+  }), n.querySelectorAll("img").forEach((m) => {
+    r.appendChild(Jt(e, m));
   }), x(r, {
     x: G + "",
     y: G + "",
     overflow: "visible"
   }), i.appendChild(r), i;
-}, Zt = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Jt + e.outerHTML);
-function en(e) {
+}, en = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Qt + e.outerHTML);
+function tn(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
     o.onload = (s) => {
@@ -1437,11 +1455,11 @@ function en(e) {
     }, o.readAsDataURL(e);
   });
 }
-const tn = function(e = !1, t) {
-  const n = Qt(this, e), o = Zt(n, t);
+const nn = function(e = !1, t) {
+  const n = Zt(this, e), o = en(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, nn = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await en(n);
+}, on = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await tn(n);
   return new Promise((s, i) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
@@ -1449,13 +1467,13 @@ const tn = function(e = !1, t) {
       l.width = r.width, l.height = r.height, l.getContext("2d").drawImage(r, 0, 0), l.toBlob(s, "image/png", 1);
     }, r.src = o, r.onerror = i;
   });
-}, on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: nn,
-  exportSvg: tn
-}, Symbol.toStringTag, { value: "Module" })), sn = {}, rn = {
+  exportPng: on,
+  exportSvg: nn
+}, Symbol.toStringTag, { value: "Module" })), rn = {}, ln = {
   getObjById: K,
-  generateNewObj: Ne,
+  generateNewObj: Ae,
   layout: De,
   linkDiv: Ie,
   editTopic: qe,
@@ -1464,19 +1482,19 @@ const tn = function(e = !1, t) {
   createChildren: je,
   createTopic: Oe,
   findEle: L,
-  changeTheme: et,
-  ..._t,
+  changeTheme: tt,
+  ...Et,
+  ...rn,
+  ...Dt,
+  ...Ft,
   ...sn,
-  ...kt,
-  ...It,
-  ...on,
   init(e) {
     if (!e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, te(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Ye(this), this.toCenter(), this.layout(), this.linkDiv();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, te(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Xe(this), this.toCenter(), this.layout(), this.linkDiv();
   }
 };
-function ln({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, containerHeight: d }) {
+function cn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, containerHeight: d }) {
   let h = t + n / 2;
   const u = e + o / 2;
   let a;
@@ -1484,16 +1502,16 @@ function ln({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction:
   const p = s + l / 2, f = (1 - Math.abs(p - u) / d) * 0.25 * (n / 2);
   return c === "lhs" ? h = h - n / 10 - f : h = h + n / 10 + f, `M ${h} ${u} Q ${h} ${p} ${a} ${p}`;
 }
-function cn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, isFirst: d }) {
+function an({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction: c, isFirst: d }) {
   let h = 0, u = 0;
   d ? h = e + o / 2 : h = e + o;
   const a = s + l;
   let p = 0, m = 0, f = 0;
-  const g = Math.abs(h - a) / 300 * N;
-  return c === "lhs" ? (f = t, p = f + N, m = f - N, u = i + N, `M ${p} ${h} C ${f} ${h} ${f + g} ${a} ${m} ${a} H ${u}`) : (f = t + n, p = f - N, m = f + N, u = i + r - N, `M ${p} ${h} C ${f} ${h} ${f - g} ${a} ${m} ${a} H ${u}`);
+  const g = Math.abs(h - a) / 300 * $;
+  return c === "lhs" ? (f = t, p = f + $, m = f - $, u = i + $, `M ${p} ${h} C ${f} ${h} ${f + g} ${a} ${m} ${a} H ${u}`) : (f = t + n, p = f - $, m = f + $, u = i + r - $, `M ${p} ${h} C ${f} ${h} ${f - g} ${a} ${m} ${a} H ${u}`);
 }
 const V = document;
-function M({
+function N({
   el: e,
   direction: t,
   locale: n,
@@ -1513,25 +1531,24 @@ function M({
   mobileMenu: g,
   theme: y
 }) {
-  console.log("ME_version " + M.version, this);
   let v = null;
   const w = Object.prototype.toString.call(e);
   if (w === "[object HTMLDivElement]" ? v = e : w === "[object String]" && (v = document.querySelector(e)), !v)
     throw new Error("MindElixir: el is not a valid element");
-  v.className += " mind-elixir", v.innerHTML = "", v.style.setProperty("--gap", N + "px"), this.mindElixirBox = v, this.before = h || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = d || 0, this.mobileMenu = g || !1, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = u || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = a === void 0 ? !1 : a, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = p || ln, this.generateSubBranch = m || cn, this.overflowHidden = f || !1, this.bus = ke.create(), this.container = V.createElement("div"), this.container.className = "map-container";
+  v.className += " mind-elixir", v.innerHTML = "", v.style.setProperty("--gap", $ + "px"), this.mindElixirBox = v, this.before = h || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = d || 0, this.mobileMenu = g || !1, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = u || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = a === void 0 ? !1 : a, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = p || cn, this.generateSubBranch = m || an, this.overflowHidden = f || !1, this.bus = ke.create(), this.container = V.createElement("div"), this.container.className = "map-container";
   const E = window.matchMedia("(prefers-color-scheme: dark)");
   this.theme = y || (E.matches ? ve : ge);
   const _ = V.createElement("div");
-  _.className = "map-canvas", this.map = _, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = I("lines"), this.summarySvg = I("summary"), this.linkController = I("linkcontroller"), this.P2 = V.createElement("div"), this.P3 = V.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = le(), this.line2 = le(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = I("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : Ae(this);
+  _.className = "map-canvas", this.map = _, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = I("lines"), this.summarySvg = I("summary"), this.linkController = I("linkcontroller"), this.P2 = V.createElement("div"), this.P3 = V.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = le(), this.line2 = le(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = I("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : Ne(this);
 }
-M.prototype = rn;
-M.LEFT = q;
-M.RIGHT = Z;
-M.SIDE = ee;
-M.THEME = ge;
-M.DARK_THEME = ve;
-M.version = "4.0.1";
-M.E = L;
+N.prototype = ln;
+N.LEFT = q;
+N.RIGHT = Z;
+N.SIDE = ee;
+N.THEME = ge;
+N.DARK_THEME = ve;
+N.version = "4.0.4";
+N.E = L;
 export {
-  M as default
+  N as default
 };