mind-elixir 3.2.0 → 3.2.1

package/dist/MindElixirLite.js

@@ -90,7 +90,7 @@ function yt(e, t, n, s) {
 function et() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const Tt = function() {
+const $t = function() {
   const e = et();
   return {
     topic: this.newTopicName,
@@ -124,7 +124,7 @@ const Tt = function() {
     this.moved = !1, this.mousedown = !1, this.lastX = 0, this.lastY = 0;
   }
 }, ot = (e) => e.tagName === "ME-TPC";
-function Nt(e) {
+function Tt(e) {
   e.map.addEventListener("click", (t) => {
     if (N.moved) {
       N.clear();
@@ -151,9 +151,11 @@ function Nt(e) {
     console.log(t.button), t.button === 2 && N.clear();
   }), e.map.addEventListener("mouseup", (t) => {
     t.button === 2 && N.clear();
+  }), e.map.addEventListener("contextmenu", (t) => {
+    t.preventDefault();
   });
 }
-const At = {
+const Nt = {
   create() {
     return {
       handlers: {},
@@ -182,11 +184,11 @@ const At = {
       }
     };
   }
-}, K = document, Dt = function() {
+}, U = document, At = function() {
   console.time("layout"), this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
   bt(e, this.nodeData), e.draggable = !1;
-  const t = K.createElement("me-root");
+  const t = U.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
   if (this.direction === J) {
@@ -195,19 +197,19 @@ const At = {
       o.direction === q ? s += 1 : o.direction === Z ? i += 1 : s <= i ? (o.direction = q, s += 1) : (o.direction = Z, i += 1);
     });
   }
-  Ht(this, n, t), console.timeEnd("layout");
-}, Ht = function(e, t, n) {
-  const s = K.createElement("me-main");
+  Dt(this, n, t), console.timeEnd("layout");
+}, Dt = function(e, t, n) {
+  const s = U.createElement("me-main");
   s.className = "lhs";
-  const i = K.createElement("me-main");
+  const i = U.createElement("me-main");
   i.className = "rhs";
   for (let o = 0; o < t.length; o++) {
     const r = t[o], { grp: l } = e.createWrapper(r);
     e.direction === J ? r.direction === q ? s.appendChild(l) : i.appendChild(l) : e.direction === q ? s.appendChild(l) : i.appendChild(l);
   }
   e.nodes.appendChild(s), e.nodes.appendChild(n), e.nodes.appendChild(i), e.nodes.appendChild(e.lines);
-}, Pt = function(e, t) {
-  const n = K.createElement("me-children");
+}, Ht = function(e, t) {
+  const n = U.createElement("me-children");
   for (let s = 0; s < t.length; s++) {
     const i = t[s], { grp: o } = e.createWrapper(i);
     n.appendChild(o);
@@ -236,23 +238,23 @@ const At = {
     n.className = "tags", n.innerHTML = t.tags.map((s) => `<span>${it(s)}</span>`).join(""), e.appendChild(n), e.tags = n;
   }
   t.branchColor && (e.style.borderColor = t.branchColor);
-}, zt = function(e, t) {
+}, Pt = function(e, t) {
   const n = E.createElement("me-wrapper"), { p: s, tpc: i } = this.createParent(e);
   if (n.appendChild(s), !t && e.children && e.children.length > 0) {
-    const o = Rt(e.expanded);
+    const o = Vt(e.expanded);
     if (s.appendChild(o), e.expanded !== !1) {
-      const r = Pt(this, e.children);
+      const r = Ht(this, e.children);
       n.appendChild(r);
     }
   }
   return { grp: n, top: s, tpc: i };
-}, Bt = function(e) {
+}, zt = function(e) {
   const t = E.createElement("me-parent"), n = this.createTopic(e);
   return bt(n, e), t.appendChild(n), { p: t, tpc: n };
-}, Ot = function(e) {
+}, Bt = function(e) {
   const t = E.createElement("me-children");
   return t.append(...e), t;
-}, qt = function(e) {
+}, Ot = function(e) {
   const t = E.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
@@ -262,7 +264,7 @@ function xt(e) {
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const Vt = function(e) {
+const qt = function(e) {
   if (console.time("editTopic"), !e)
     return;
   const t = E.createElement("div"), n = e.childNodes[0].textContent;
@@ -288,10 +290,10 @@ const Vt = function(e) {
       origin: n
     }));
   }), console.timeEnd("editTopic");
-}, Rt = function(e) {
+}, Vt = function(e) {
   const t = E.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, H = document, P = "http://www.w3.org/2000/svg", jt = function(e, t) {
+}, H = document, P = "http://www.w3.org/2000/svg", Rt = function(e, t) {
   const n = H.createElementNS(P, "path");
   return n.setAttribute("d", e), n.setAttribute("stroke", t || "#666"), n.setAttribute("fill", "none"), n.setAttribute("stroke-width", "3"), n;
 }, W = function(e) {
@@ -300,10 +302,10 @@ const Vt = function(e) {
 }, rt = function() {
   const e = H.createElementNS(P, "line");
   return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
-}, Wt = function(e, t) {
+}, jt = function(e, t) {
   const n = H.createElementNS(P, "path");
   return n.setAttribute("d", e), n.setAttribute("stroke", t || "#555"), n.setAttribute("fill", "none"), n.setAttribute("stroke-linecap", "square"), n.setAttribute("stroke-width", "2"), n;
-}, Xt = function(e, t) {
+}, Wt = function(e, t) {
   const n = {
     stroke: "rgb(235, 95, 82)",
     fill: "none",
@@ -341,12 +343,12 @@ const Vt = function(e) {
   }), console.timeEnd("editSummary");
 };
 let _t = Ct;
-const Yt = function(e) {
+const Xt = function(e) {
   console.time("linkDiv");
   const t = this.map.querySelector("me-root");
   this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.nodes.style.left = `${1e4 - t.offsetLeft - t.offsetWidth / 2}px`;
   const n = this.map.querySelectorAll("me-main > me-wrapper");
-  this.lines.innerHTML = "", _t = this.subLinkStyle === 2 ? Gt : Ct;
+  this.lines.innerHTML = "", _t = this.subLinkStyle === 2 ? It : Ct;
   for (let s = 0; s < n.length; s++) {
     const i = n[s], o = i.querySelector("me-tpc"), r = i.firstChild, l = i.parentNode.className;
     let c = t.offsetLeft + t.offsetWidth / 2;
@@ -357,18 +359,18 @@ const Yt = function(e) {
     const m = g + r.offsetHeight / 2;
     let p = "";
     if (this.mainLinkStyle === 2)
-      this.direction === J && (l === "lhs" ? c = c - t.offsetWidth / 6 : c = c + t.offsetWidth / 6), p = Ft({ x1: c, y1: u, x2: h, y2: m });
+      this.direction === J && (l === "lhs" ? c = c - t.offsetWidth / 6 : c = c + t.offsetWidth / 6), p = Yt({ x1: c, y1: u, x2: h, y2: m });
     else {
       const w = (1 - Math.abs(m - i.parentElement.offsetTop - i.parentElement.offsetHeight / 2) / i.parentElement.offsetHeight) * 0.25 * (t.offsetWidth / 2);
-      l === "lhs" ? c = c - t.offsetWidth / 10 - w : c = c + t.offsetWidth / 10 + w, p = It({ x1: c, y1: u, x2: h, y2: m });
+      l === "lhs" ? c = c - t.offsetWidth / 10 - w : c = c + t.offsetWidth / 10 + w, p = Ft({ x1: c, y1: u, x2: h, y2: m });
     }
-    this.lines.appendChild(jt(p, a));
+    this.lines.appendChild(Rt(p, a));
     const v = i.children[0].children[1];
     if (v && (v.style.top = (v.parentNode.offsetHeight - v.offsetHeight) / 2 + "px", l === "lhs" ? v.style.left = "-10px" : v.style.right = "-10px"), !(e && e !== i) && i.childElementCount) {
       const x = W("subLines"), w = i.lastChild;
       w.tagName === "svg" && w.remove(), i.appendChild(x);
-      const _ = i.firstChild, M = i.children[1].children, X = Et(M, _, l, !0);
-      x.appendChild(Wt(X, a));
+      const _ = i.firstChild, k = i.children[1].children, X = Et(k, _, l, !0);
+      x.appendChild(jt(X, a));
     }
   }
   this.renderCustomLink(), this.renderSummary(), console.timeEnd("linkDiv");
@@ -389,13 +391,13 @@ const Yt = function(e) {
   }
   return i;
 };
-function Ft({ x1: e, y1: t, x2: n, y2: s }) {
+function Yt({ x1: e, y1: t, x2: n, y2: s }) {
   return `M ${e} ${t} V ${s > t ? s - 20 : s + 20} C ${e} ${s} ${e} ${s} ${n > e ? e + 20 : e - 20} ${s} H ${n}`;
 }
-function It({ x1: e, y1: t, x2: n, y2: s }) {
+function Ft({ x1: e, y1: t, x2: n, y2: s }) {
   return `M ${e} ${t} Q ${e} ${s} ${n} ${s}`;
 }
-function Gt({ pT: e, pL: t, pW: n, pH: s, cT: i, cL: o, cW: r, cH: l, direction: c, isFirst: u }) {
+function It({ pT: e, pL: t, pW: n, pH: s, cT: i, cL: o, cW: r, cH: l, direction: c, isFirst: u }) {
   let h;
   u ? h = e + s / 2 : h = e + s;
   const d = i + l;
@@ -416,7 +418,7 @@ const D = (e, t) => {
     <use xlink:href="#icon-${t}"></use>
   </svg>`, n;
 };
-function Kt(e) {
+function Gt(e) {
   const t = document.createElement("div"), n = D("fullscreen", "full"), s = D("toCenter", "living"), i = D("zoomout", "move"), o = D("zoomin", "add"), r = document.createElement("span");
   return r.innerText = "100%", t.appendChild(n), t.appendChild(s), t.appendChild(i), t.appendChild(o), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
     e.container.requestFullscreen();
@@ -438,12 +440,12 @@ function Ut(e) {
     e.initSide();
   }, t;
 }
-function Jt(e) {
-  e.container.append(Kt(e)), e.container.append(Ut(e));
+function Kt(e) {
+  e.container.append(Gt(e)), e.container.append(Ut(e));
 }
 /*! @viselect/vanilla v3.3.1 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-var Qt = Object.defineProperty, Zt = (e, t, n) => t in e ? Qt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, y = (e, t, n) => (Zt(e, typeof t != "symbol" ? t + "" : t, n), n);
-class te {
+var Jt = Object.defineProperty, Qt = (e, t, n) => t in e ? Jt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, y = (e, t, n) => (Qt(e, typeof t != "symbol" ? t + "" : t, n), n);
+class Zt {
   constructor() {
     y(this, "_listeners", /* @__PURE__ */ new Map()), y(this, "on", this.addEventListener), y(this, "off", this.removeEventListener), y(this, "emit", this.dispatchEvent);
   }
@@ -508,7 +510,7 @@ function B(e, t = document) {
   }
   return s;
 }
-const ee = () => matchMedia("(hover: none), (pointer: coarse)").matches, ne = () => "safari" in window, se = (e) => {
+const te = () => matchMedia("(hover: none), (pointer: coarse)").matches, ee = () => "safari" in window, ne = (e) => {
   let t, n = -1, s = !1;
   return {
     next(...i) {
@@ -521,7 +523,7 @@ const ee = () => matchMedia("(hover: none), (pointer: coarse)").matches, ne = ()
     }
   };
 }, { abs: A, max: at, min: ht, ceil: dt } = Math;
-class St extends te {
+class se extends Zt {
   constructor(t) {
     var n, s, i, o, r;
     super(), y(this, "_options"), y(this, "_selection", {
@@ -585,7 +587,7 @@ class St extends te {
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = se((h) => {
+    }), this._frame = ne((h) => {
       this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", h), this._redrawSelectionArea();
     }), this.enable();
   }
@@ -691,7 +693,7 @@ class St extends te {
   }
   _handleMoveEvent(t) {
     const { features: n } = this._options;
-    (n.touch && ee() || this._scrollAvailable && ne()) && t.preventDefault();
+    (n.touch && te() || this._scrollAvailable && ee()) && t.preventDefault();
   }
   _onScroll() {
     const { _scrollDelta: t, _options: { document: n } } = this, { scrollTop: s, scrollLeft: i } = n.scrollingElement ?? n.body;
@@ -706,8 +708,8 @@ class St extends te {
     let { x2: m, y2: p } = n;
     const { behaviour: { scrolling: { startScrollMargins: v } } } = o;
     m < a.left + v.x ? (t.x = u ? -A(a.left - m + v.x) : 0, m = m < a.left ? a.left : m) : m > a.right - v.x ? (t.x = h - u - d ? A(a.left + a.width - m - v.x) : 0, m = m > a.right ? a.right : m) : t.x = 0, p < a.top + v.y ? (t.y = r ? -A(a.top - p + v.y) : 0, p = p < a.top ? a.top : p) : p > a.bottom - v.y ? (t.y = l - r - c ? A(a.top + a.height - p - v.y) : 0, p = p > a.bottom ? a.bottom : p) : t.y = 0;
-    const x = ht(f, m), w = ht(g, p), _ = at(f, m), M = at(g, p);
-    s.x = x, s.y = w, s.width = _ - x, s.height = M - w;
+    const x = ht(f, m), w = ht(g, p), _ = at(f, m), k = at(g, p);
+    s.x = x, s.y = w, s.width = _ - x, s.height = k - w;
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: s, height: i } = this._areaRect, { style: o } = this._area;
@@ -861,48 +863,8 @@ class St extends te {
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
   }
 }
-y(St, "version", "3.3.1");
-function ie(e) {
-  const t = new St({
-    selectables: [".map-container me-tpc"],
-    boundaries: [".map-container"],
-    container: ".map-container",
-    behaviour: {
-      // Scroll configuration.
-      scrolling: {
-        // On scrollable areas the number on px per frame is devided by this amount.
-        // Default is 10 to provide a enjoyable scroll experience.
-        speedDivider: 10,
-        // Browsers handle mouse-wheel events differently, this number will be used as
-        // numerator to calculate the mount of px while scrolling manually: manualScrollSpeed / scrollSpeedDivider.
-        manualSpeed: 750,
-        // This property defines the virtual inset margins from the borders of the container
-        // component that, when crossed by the mouse/touch, trigger the scrolling. Useful for
-        // fullscreen containers.
-        startScrollMargins: { x: 10, y: 10 }
-      }
-    }
-  }).on("beforestart", ({ event: n }) => !(n.button !== 0 || n.target.tagName === "ME-TPC" || n.target.id === "input-box" || n.target.className === "circle")).on("start", ({ event: n }) => {
-    !n.ctrlKey && !n.metaKey && (e.unselectNode(), e.unselectNodes(), e.unselectSummary(), t.clearSelection(!0, !0));
-  }).on(
-    "move",
-    ({
-      store: {
-        changed: { added: n, removed: s }
-      }
-    }) => {
-      N.moved = !0;
-      for (const i of n)
-        i.classList.add("selected");
-      for (const i of s)
-        i.classList.remove("selected");
-    }
-  ).on("stop", ({ store: { stored: n } }) => {
-    console.log(n, "stored"), e.selectNodes(n);
-  });
-  console.log(t, "selection");
-}
-const oe = function(e, t = !0) {
+y(se, "version", "3.3.1");
+const ie = function(e, t = !0) {
   this.theme = e;
   const n = this.theme.cssVar, s = Object.keys(n);
   for (let i = 0; i < s.length; i++) {
@@ -911,7 +873,7 @@ const oe = function(e, t = !0) {
   }
   t && this.refresh();
 };
-function Mt(e) {
+function St(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     linkData: e.linkData,
@@ -920,7 +882,7 @@ function Mt(e) {
     theme: e.theme
   };
 }
-const re = function(e, t, n) {
+const oe = function(e, t, n) {
   if (e) {
     if (console.time("selectNode"), typeof e == "string") {
       const s = C(e);
@@ -928,9 +890,9 @@ const re = function(e, t, n) {
     }
     this.currentNode && (this.currentNode.className = ""), 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");
   }
-}, le = function() {
+}, re = function() {
   this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, ce = function(e) {
+}, le = function(e) {
   if (e) {
     console.time("selectNodes");
     for (const t of e)
@@ -940,12 +902,12 @@ const re = function(e, t, n) {
       e.map((t) => t.nodeObj)
     ), console.timeEnd("selectNodes");
   }
-}, ae = function() {
+}, ce = function() {
   if (this.currentNodes)
     for (const e of this.currentNodes)
       e.classList.remove("selected");
   this.currentNodes = null, this.bus.fire("unselectNodes");
-}, he = function() {
+}, ae = function() {
   if (!this.currentNode || this.currentNode.dataset.nodeid === "meroot")
     return !1;
   const e = this.currentNode.parentElement.parentElement.nextSibling;
@@ -955,7 +917,7 @@ const re = function(e, t, n) {
   else
     return !1;
   return this.selectNode(t), !0;
-}, de = function() {
+}, he = function() {
   if (!this.currentNode || this.currentNode.dataset.nodeid === "meroot")
     return !1;
   const e = this.currentNode.parentElement.parentElement.previousSibling;
@@ -965,7 +927,7 @@ const re = function(e, t, n) {
   else
     return !1;
   return this.selectNode(t), !0;
-}, ue = function() {
+}, de = function() {
   if (!this.currentNode)
     return;
   const e = this.currentNode.parentElement.nextSibling;
@@ -973,7 +935,7 @@ const re = function(e, t, n) {
     const t = e.firstChild.firstChild.firstChild;
     this.selectNode(t);
   }
-}, fe = function() {
+}, ue = function() {
   if (!this.currentNode || this.currentNode.dataset.nodeid === "meroot")
     return;
   const e = this.currentNode.parentElement.parentElement.parentElement.previousSibling;
@@ -981,16 +943,16 @@ const re = function(e, t, n) {
     const t = e.firstChild;
     this.selectNode(t);
   }
-}, pe = function() {
-  const e = Mt(this);
+}, fe = function() {
+  const e = St(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, me = function() {
+}, pe = function() {
   return JSON.parse(this.getDataString());
-}, ge = function() {
-  const e = Mt(this).nodeData;
+}, me = function() {
+  const e = St(this).nodeData;
   let t = "# " + e.topic + `
 
 `;
@@ -1002,60 +964,60 @@ const re = function(e, t, n) {
 `, s[o].children && n(s[o].children || [], i + 1);
   }
   return n(e.children || [], 2), t;
-}, ve = function() {
+}, ge = function() {
   this.editable = !0;
-}, ye = function() {
+}, ve = function() {
   this.editable = !1;
-}, be = function(e) {
+}, ye = function(e) {
   this.scaleVal = e, this.map.style.transform = "scale(" + e + ")";
-}, xe = function() {
+}, be = function() {
   this.container.scrollTo(1e4 - this.container.offsetWidth / 2, 1e4 - this.container.offsetHeight / 2);
-}, we = function(e) {
+}, xe = function(e) {
   e(this);
-}, _e = function(e) {
+}, we = 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());
-}, Ee = function() {
+}, _e = 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());
-}, Ce = function() {
+}, Ee = function() {
   this.direction = 0, this.refresh();
-}, Le = function() {
+}, Ce = function() {
   this.direction = 1, this.refresh();
-}, Se = function() {
+}, Le = function() {
   this.direction = 2, this.refresh();
-}, Me = function(e) {
+}, Se = function(e) {
   this.locale = e, this.refresh();
 }, ke = 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);
-}, $e = function(e) {
+}, Me = function(e) {
   e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.linkData = e.linkData || {}), tt(this.nodeData), this.layout(), this.linkDiv();
-}, Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: Ee,
-  disableEdit: ye,
-  enableEdit: ve,
+  cancelFocus: _e,
+  disableEdit: ve,
+  enableEdit: ge,
   expandNode: ke,
-  focusNode: _e,
-  getData: me,
-  getDataMd: ge,
-  getDataString: pe,
-  initLeft: Ce,
-  initRight: Le,
-  initSide: Se,
-  install: we,
-  refresh: $e,
-  scale: be,
-  selectFirstChild: ue,
-  selectNextSibling: he,
-  selectNode: re,
-  selectNodes: ce,
-  selectParent: fe,
-  selectPrevSibling: de,
-  setLocale: Me,
-  toCenter: xe,
-  unselectNode: le,
-  unselectNodes: ae
-}, Symbol.toStringTag, { value: "Module" })), Ne = function(e) {
+  focusNode: we,
+  getData: pe,
+  getDataMd: me,
+  getDataString: fe,
+  initLeft: Ee,
+  initRight: Ce,
+  initSide: Le,
+  install: xe,
+  refresh: Me,
+  scale: ye,
+  selectFirstChild: de,
+  selectNextSibling: ae,
+  selectNode: oe,
+  selectNodes: le,
+  selectParent: ue,
+  selectPrevSibling: he,
+  setLocale: Se,
+  toCenter: be,
+  unselectNode: re,
+  unselectNodes: ce
+}, Symbol.toStringTag, { value: "Module" })), Te = function(e) {
   return {
     dom: e,
     mousedown: !1,
@@ -1089,9 +1051,9 @@ const re = function(e, t, n) {
     }
   };
 }, ut = {
-  create: Ne
+  create: Te
 };
-function U(e, t, n) {
+function K(e, t, n) {
   const { offsetLeft: s, offsetTop: i } = V(e.nodes, t), o = t.offsetWidth, r = t.offsetHeight, l = s + o / 2, c = i + r / 2, u = l + n.x, h = c + n.y;
   return {
     w: o,
@@ -1110,7 +1072,7 @@ function O(e) {
     y: n
   };
 }
-const Ae = function(e, t, n, s) {
+const Ne = function(e, t, n, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return b(i, {
     "text-anchor": "middle",
@@ -1118,19 +1080,19 @@ const Ae = function(e, t, n, s) {
     y: n + "",
     fill: s || "#666"
   }), i.dataset.type = "custom-link", i.innerHTML = e, i;
-}, De = function(e, t, n, s) {
+}, Ae = function(e, t, n, s) {
   if (!e || !t)
     return;
   const i = performance.now();
   this.hideLinkController();
-  const o = U(this, e, n.delta1), r = U(this, t, n.delta2), { x: l, y: c } = O(o), { ctrlX: u, ctrlY: h } = o, { ctrlX: d, ctrlY: a } = r, { x: f, y: g } = O(r), m = yt(d, a, f, g), p = Xt(
+  const o = K(this, e, n.delta1), r = K(this, t, n.delta2), { x: l, y: c } = O(o), { ctrlX: u, ctrlY: h } = o, { ctrlX: d, ctrlY: a } = r, { x: f, y: g } = O(r), m = yt(d, a, f, g), p = Wt(
     `M ${l} ${c} C ${u} ${h} ${d} ${a} ${f} ${g}`,
     `M ${m.x1} ${m.y1} L ${f} ${g} L ${m.x2} ${m.y2}`
-  ), v = l / 8 + u * 3 / 8 + d * 3 / 8 + f / 8, x = c / 8 + h * 3 / 8 + a * 3 / 8 + g / 8, w = Ae(n.label, v, x, this.theme.cssVar["--color"]);
+  ), v = l / 8 + u * 3 / 8 + d * 3 / 8 + f / 8, x = c / 8 + h * 3 / 8 + a * 3 / 8 + g / 8, w = Ne(n.label, v, x, this.theme.cssVar["--color"]);
   p.appendChild(w), p.linkObj = n, p.dataset.linkid = n.id, this.linkSvgGroup.appendChild(p), s || (this.linkData[n.id] = n, this.currentLink = p, this.showLinkController(n, o, r));
   const _ = performance.now();
   console.log(`DrawCustomLink Execution time: ${_ - i} ms`);
-}, He = function(e, t) {
+}, De = function(e, t) {
   const n = {
     id: et(),
     label: "Custom Link",
@@ -1146,20 +1108,20 @@ const Ae = function(e, t, n, s) {
     }
   };
   this.drawCustomLink(e, t, n);
-}, Pe = function(e) {
+}, He = function(e) {
   let t;
   if (e ? t = e : t = this.currentLink, !t)
     return;
   this.hideLinkController();
   const n = t.linkObj.id;
   delete this.linkData[n], t.remove(), t = null;
-}, ze = function(e) {
+}, Pe = function(e) {
   this.currentLink = e;
-  const t = e.linkObj, n = C(t.from), s = C(t.to), i = U(this, n, t.delta1), o = U(this, s, t.delta2);
+  const t = e.linkObj, n = C(t.from), s = C(t.to), i = K(this, n, t.delta1), o = K(this, s, t.delta2);
   this.showLinkController(t, i, o);
-}, Be = function() {
+}, ze = function() {
   this.linkController.style.display = "none", this.P2.style.display = "none", this.P3.style.display = "none";
-}, Oe = function(e, t, n) {
+}, Be = function(e, t, n) {
   this.linkController.style.display = "initial", this.P2.style.display = "initial", this.P3.style.display = "initial", this.nodes.appendChild(this.linkController), this.nodes.appendChild(this.P2), this.nodes.appendChild(this.P3);
   let { x: s, y: i } = O(t), { ctrlX: o, ctrlY: r } = t, { ctrlX: l, ctrlY: c } = n, { x: u, y: h } = O(n);
   this.P2.style.cssText = `top:${r}px;left:${o}px;`, this.P3.style.cssText = `top:${c}px;left:${l}px;`, b(this.line1, {
@@ -1204,7 +1166,7 @@ const Ae = function(e, t, n, s) {
     }), e.delta2.x = l - n.cx, e.delta2.y = c - n.cy;
   });
 };
-function qe() {
+function Oe() {
   this.linkSvgGroup.innerHTML = "";
   for (const e in this.linkData) {
     const t = this.linkData[e];
@@ -1212,7 +1174,7 @@ function qe() {
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function Ve(e) {
+function qe(e) {
   if (console.time("editSummary"), !e)
     return;
   const t = e.children[2];
@@ -1222,17 +1184,17 @@ function Ve(e) {
     i === "" ? s.label = origin : s.label = i, n.remove(), i !== origin && (t.innerHTML = s.label, this.linkDiv());
   }), console.timeEnd("editSummary");
 }
-const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createLink: He,
-  drawCustomLink: De,
-  editCutsomLinkLabel: Ve,
-  hideLinkController: Be,
-  removeLink: Pe,
-  renderCustomLink: qe,
-  selectLink: ze,
-  showLinkController: Oe
-}, Symbol.toStringTag, { value: "Module" })), je = function(e) {
+  createLink: De,
+  drawCustomLink: Ae,
+  editCutsomLinkLabel: qe,
+  hideLinkController: ze,
+  removeLink: He,
+  renderCustomLink: Oe,
+  selectLink: Pe,
+  showLinkController: Be
+}, Symbol.toStringTag, { value: "Module" })), Re = function(e) {
   var c, u;
   if (e.length === 0)
     throw new Error("No selected node.");
@@ -1275,7 +1237,7 @@ const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: o,
     end: r
   };
-}, We = function(e) {
+}, je = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
 }, ft = function(e, t) {
@@ -1295,37 +1257,37 @@ const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: i || "#666"
   }), o.innerHTML = e, o;
-}, Xe = (e) => C(e).parentElement.parentElement, Ye = function({ parent: e, start: t }) {
+}, We = (e) => C(e).parentElement.parentElement, Xe = function({ parent: e, start: t }) {
   var o, r;
   const n = C(e), s = n.nodeObj;
   let i;
   return s.root === !0 ? i = (o = C(s.children[t].id).closest("me-main")) == null ? void 0 : o.className : i = (r = n.closest("me-main")) == null ? void 0 : r.className, i;
 }, kt = function(e, t) {
   var X;
-  const { id: n, text: s, parent: i, start: o, end: r } = t, l = e.nodes, u = C(i).nodeObj, h = Ye(t);
+  const { id: n, text: s, parent: i, start: o, end: r } = t, l = e.nodes, u = C(i).nodeObj, h = Xe(t);
   let d = 1 / 0, a = 0, f = 0, g = 0;
   for (let R = o; R <= r; R++) {
     const nt = (X = u.children) == null ? void 0 : X[R];
     if (!nt)
       return console.warn("Child not found"), e.removeSummary(n), null;
-    const Y = Xe(nt.id), { offsetLeft: F, offsetTop: st } = V(l, Y);
+    const Y = We(nt.id), { offsetLeft: F, offsetTop: st } = V(l, Y);
     R === o && (f = st), R === r && (g = st + Y.offsetHeight), F < d && (d = F), Y.offsetWidth + F > a && (a = Y.offsetWidth + F);
   }
   let m, p;
   const v = f + 10, x = g + 10, w = (v + x) / 2, _ = e.theme.cssVar["--color"];
   h === "lhs" ? (m = ft(`M ${d + 10} ${v} c -5 0 -10 5 -10 10 L ${d} ${x - 10} c 0 5 5 10 10 10 M ${d} ${w} h -10`, _), p = pt(s, d - 20, w + 6, "end", _)) : (m = ft(`M ${a - 10} ${v} c 5 0 10 5 10 10 L ${a} ${x - 10} c 0 5 -5 10 -10 10 M ${a} ${w} h 10`, _), p = pt(s, a + 20, w + 6, "start", _));
-  const M = We("s-" + n);
-  return M.appendChild(m), M.appendChild(p), M.summaryObj = t, e.summarySvg.appendChild(M), M;
-}, Fe = function() {
+  const k = je("s-" + n);
+  return k.appendChild(m), k.appendChild(p), k.summaryObj = t, e.summarySvg.appendChild(k), k;
+}, Ye = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: s } = je(e), i = { id: et(), parent: t, start: n, end: s, text: "summary" }, o = kt(this, i);
+  const { parent: t, start: n, end: s } = Re(e), i = { id: et(), parent: t, start: n, end: s, text: "summary" }, o = kt(this, i);
   this.summaries.push(i), this.editSummary(o);
-}, Ie = function(e) {
+}, Fe = function(e) {
   var n;
   const t = this.summaries.findIndex((s) => s.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove());
-}, Ge = function(e) {
+}, Ie = function(e) {
   const t = e.children[1].getBBox(), n = 6, s = 3, i = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   b(i, {
     x: t.x - n + "",
@@ -1337,14 +1299,14 @@ const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), i.classList.add("selected"), e.appendChild(i), this.currentSummary = e;
-}, Ke = function() {
+}, Ge = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
 }, Ue = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     kt(this, e);
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Je = function(e) {
+}, Ke = function(e) {
   if (console.time("editSummary"), !e)
     return;
   const t = e.childNodes[1];
@@ -1357,16 +1319,16 @@ const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       origin
     }));
   }), console.timeEnd("editSummary");
-}, Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: Fe,
-  editSummary: Je,
-  removeSummary: Ie,
+  createSummary: Ye,
+  editSummary: Ke,
+  removeSummary: Fe,
   renderSummary: Ue,
-  selectSummary: Ge,
-  unselectSummary: Ke
+  selectSummary: Ie,
+  unselectSummary: Ge
 }, Symbol.toStringTag, { value: "Module" }));
-function Ze(e, t) {
+function Qe(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return b(n, {
     version: "1.1",
@@ -1375,17 +1337,17 @@ function Ze(e, t) {
     width: t
   }), n;
 }
-function tn(e, t) {
+function Ze(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function en(e, t, n, s) {
+function tn(e, t, n, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return e.childNodes[0].textContent.split(`
 `).forEach((l, c) => {
     const u = document.createElementNS("http://www.w3.org/2000/svg", "text");
     b(u, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: s + parseInt(t.paddingTop) + tn(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
+      y: s + parseInt(t.paddingTop) + Ze(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -1394,7 +1356,7 @@ function en(e, t, n, s) {
     }), u.innerHTML = l, i.appendChild(u);
   }), i;
 }
-function nn(e, t, n, s) {
+function en(e, t, n, s) {
   const i = e.childNodes[0].textContent, o = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
   b(o, {
     x: n + parseInt(t.paddingLeft) + "",
@@ -1424,9 +1386,9 @@ function Q(e, t, n = !1) {
   const l = document.createElementNS("http://www.w3.org/2000/svg", "g");
   l.appendChild(r);
   let c;
-  return n ? c = nn(t, s, i, o) : c = en(t, s, i, o), l.appendChild(c), l;
+  return n ? c = en(t, s, i, o) : c = tn(t, s, i, o), l.appendChild(c), l;
 }
-function sn(e, t) {
+function nn(e, t) {
   const n = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = V(e.nodes, t), o = document.createElementNS("http://www.w3.org/2000/svg", "a"), r = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return b(r, {
     x: s + "",
@@ -1438,9 +1400,9 @@ function sn(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, o.appendChild(r), o.setAttribute("href", t.href), o;
 }
-const G = 100, on = '<?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">', $t = (e) => {
+const G = 100, sn = '<?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">', Mt = (e) => {
   var h, d, a;
-  const t = e.nodes, n = t.offsetHeight + G * 2, s = t.offsetWidth + G * 2, i = Ze(n + "px", s + "px"), o = document.createElementNS("http://www.w3.org/2000/svg", "svg"), r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+  const t = e.nodes, n = t.offsetHeight + G * 2, s = t.offsetWidth + G * 2, i = Qe(n + "px", s + "px"), o = document.createElementNS("http://www.w3.org/2000/svg", "svg"), r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   b(r, {
     x: "0",
     y: "0",
@@ -1463,14 +1425,14 @@ const G = 100, on = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
   }), t.querySelectorAll(".icons > span").forEach((f) => {
     o.appendChild(Q(e, f));
   }), t.querySelectorAll(".hyper-link").forEach((f) => {
-    o.appendChild(sn(e, f));
+    o.appendChild(nn(e, f));
   }), b(o, {
     x: G + "",
     y: G + "",
     overflow: "visible"
-  }), i.appendChild(o), on + i.outerHTML;
+  }), i.appendChild(o), sn + i.outerHTML;
 };
-function rn(e) {
+function on(e) {
   return new Promise((t, n) => {
     const s = new FileReader();
     s.onload = (i) => {
@@ -1480,11 +1442,11 @@ function rn(e) {
     }, s.readAsDataURL(e);
   });
 }
-const ln = function() {
-  const e = $t(this);
+const rn = function() {
+  const e = Mt(this);
   return new Blob([e], { type: "image/svg+xml" });
-}, cn = async function() {
-  const e = $t(this), t = new Blob([e], { type: "image/svg+xml" }), n = await rn(t);
+}, ln = async function() {
+  const e = Mt(this), t = new Blob([e], { type: "image/svg+xml" }), n = await on(t);
   return new Promise((s, i) => {
     const o = new Image();
     o.setAttribute("crossOrigin", "anonymous"), o.onload = () => {
@@ -1492,34 +1454,34 @@ const ln = function() {
       r.width = o.width, r.height = o.height, r.getContext("2d").drawImage(o, 0, 0), r.toBlob(s, "image/png", 1);
     }, o.src = n, o.onerror = i;
   });
-}, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: cn,
-  exportSvg: ln
-}, Symbol.toStringTag, { value: "Module" })), hn = {}, dn = {
+  exportPng: ln,
+  exportSvg: rn
+}, Symbol.toStringTag, { value: "Module" })), an = {}, hn = {
   getObjById: vt,
-  generateNewObj: Tt,
-  layout: Dt,
-  linkDiv: Yt,
-  editTopic: Vt,
-  createWrapper: zt,
-  createParent: Bt,
-  createChildren: Ot,
-  createTopic: qt,
+  generateNewObj: $t,
+  layout: At,
+  linkDiv: Xt,
+  editTopic: qt,
+  createWrapper: Pt,
+  createParent: zt,
+  createChildren: Bt,
+  createTopic: Ot,
   findEle: C,
-  changeTheme: oe,
-  ...Te,
-  ...hn,
-  ...Re,
-  ...Qe,
+  changeTheme: ie,
+  ...$e,
   ...an,
+  ...Ve,
+  ...Je,
+  ...cn,
   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, tt(this.nodeData), this.linkData = e.linkData || {}, this.summaries = e.summaries || [], this.toolBar && Jt(this), ie(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, tt(this.nodeData), this.linkData = e.linkData || {}, this.summaries = e.summaries || [], this.toolBar && Kt(this), this.toCenter(), this.layout(), this.linkDiv();
   }
 }, j = document;
-function k({
+function M({
   el: e,
   direction: t,
   locale: n,
@@ -1538,25 +1500,25 @@ function k({
   mobileMenu: m,
   theme: p
 }) {
-  console.log("ME_version " + k.version, this);
+  console.log("ME_version " + M.version, this);
   let v = null;
   const x = Object.prototype.toString.call(e);
   if (x === "[object HTMLDivElement]" ? v = e : x === "[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", S + "px"), this.mindElixirBox = v, this.before = u || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = o === void 0 ? !0 : o, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mobileMenu = m || !1, this.direction = typeof t == "number" ? t : 1, this.draggable = s === void 0 ? !0 : s, this.newTopicName = h || "new node", this.editable = i === void 0 ? !0 : i, this.allowUndo = d === void 0 ? !1 : d, this.currentNode = null, this.currentLink = null, this.scaleVal = 1, this.tempDirection = null, this.mainLinkStyle = a || 0, this.subLinkStyle = f || 0, this.overflowHidden = g || !1, this.bus = At.create(), this.container = j.createElement("div"), this.container.className = "map-container";
+  v.className += " mind-elixir", v.innerHTML = "", v.style.setProperty("--gap", S + "px"), this.mindElixirBox = v, this.before = u || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = o === void 0 ? !0 : o, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mobileMenu = m || !1, this.direction = typeof t == "number" ? t : 1, this.draggable = s === void 0 ? !0 : s, this.newTopicName = h || "new node", this.editable = i === void 0 ? !0 : i, this.allowUndo = d === void 0 ? !1 : d, this.currentNode = null, this.currentLink = null, this.scaleVal = 1, this.tempDirection = null, this.mainLinkStyle = a || 0, this.subLinkStyle = f || 0, this.overflowHidden = g || !1, this.bus = Nt.create(), this.container = j.createElement("div"), this.container.className = "map-container";
   const w = window.matchMedia("(prefers-color-scheme: dark)");
   this.theme = p || (w.matches ? gt : mt);
   const _ = j.createElement("div");
-  _.className = "map-canvas", this.map = _, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = j.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("linkcontroller"), this.P2 = j.createElement("div"), this.P3 = j.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = rt(), this.line2 = rt(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = W("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : Nt(this);
+  _.className = "map-canvas", this.map = _, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = j.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("linkcontroller"), this.P2 = j.createElement("div"), this.P3 = j.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = rt(), this.line2 = rt(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = W("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : Tt(this);
 }
-k.prototype = dn;
-k.LEFT = q;
-k.RIGHT = Z;
-k.SIDE = J;
-k.THEME = mt;
-k.DARK_THEME = gt;
-k.version = "3.2.0";
-k.E = C;
+M.prototype = hn;
+M.LEFT = q;
+M.RIGHT = Z;
+M.SIDE = J;
+M.THEME = mt;
+M.DARK_THEME = gt;
+M.version = "3.2.1";
+M.E = C;
 export {
-  k as default
+  M as default
 };